Update symbols font

Author: jamiebuilds-signal

fonts/signal-symbols/SignalSymbolsVariable.woff2

@@ -4,7 +4,7 @@ import React, { memo, forwardRef } from 'react';
 import type { ButtonHTMLAttributes, FC, ForwardedRef, ReactNode } from 'react';
 import type { TailwindStyles } from './tw.js';
 import { tw } from './tw.js';
-import { AxoSymbol, type AxoSymbolName } from './AxoSymbol.js';
+import { AxoSymbol } from './AxoSymbol.js';
 import { assert } from './_internal/assert.js';
 
 const Namespace = 'AxoButton';
@@ -143,7 +143,7 @@ type AxoButtonProps = BaseButtonAttrs &
   Readonly<{
     variant: AxoButtonVariant;
     size: AxoButtonSize;
-    symbol?: AxoSymbolName;
+    symbol?: AxoSymbol.InlineGlyphName;
     arrow?: boolean;
     children: ReactNode;
   }>;

ts/axo/AxoButton.tsx

@@ -4,34 +4,40 @@ import React, { memo, useMemo, useState } from 'react';
 import type { Meta } from '@storybook/react';
 import { Direction } from 'radix-ui';
 import Fuse from 'fuse.js';
-import type { AxoSymbolName } from './AxoSymbol.js';
-import {
-  AxoSymbol,
-  _getAllAxoSymbolNames,
-  _getAxoSymbol,
-} from './AxoSymbol.js';
+import { AxoSymbol } from './AxoSymbol.js';
 import { tw } from './tw.js';
+import {
+  _getAllAxoSymbolInlineGlyphNames,
+  getAxoSymbolInlineGlyph,
+} from './_internal/AxoSymbolDefs.generated.js';
 
 export default {
   title: 'Axo/AxoSymbol',
 } satisfies Meta;
 
+const allAxoSymbolNames = _getAllAxoSymbolInlineGlyphNames()
+  .slice()
+  .sort((a, b) => a.localeCompare(b));
+const fuse = new Fuse(allAxoSymbolNames);
+
 const SymbolInfo = memo(function SymbolInfo(props: {
-  symbolName: AxoSymbolName;
+  symbolName: AxoSymbol.InlineGlyphName;
 }): JSX.Element {
-  const ltr = _getAxoSymbol(props.symbolName, 'ltr');
-  const rtl = _getAxoSymbol(props.symbolName, 'rtl');
+  const ltr = getAxoSymbolInlineGlyph(props.symbolName, 'ltr');
+  const rtl = getAxoSymbolInlineGlyph(props.symbolName, 'rtl');
 
-  const variants =
+  type Variant = { title: string; dir: 'ltr' | 'rtl'; text: string };
+
+  const variants: ReadonlyArray<Variant> =
     ltr === rtl
-      ? ([
+      ? [
           // same
           { title: 'LTR/RTL', dir: 'ltr', text: ltr },
-        ] as const)
-      : ([
+        ]
+      : [
           { title: 'LTR', dir: 'ltr', text: ltr },
           { title: 'RTL', dir: 'rtl', text: rtl },
-        ] as const);
+        ];
 
   return (
     <figure
@@ -75,11 +81,6 @@ const SymbolInfo = memo(function SymbolInfo(props: {
   );
 });
 
-const allAxoSymbolNames = _getAllAxoSymbolNames()
-  .slice()
-  .sort((a, b) => a.localeCompare(b));
-const fuse = new Fuse(allAxoSymbolNames);
-
 export function All(): JSX.Element {
   const [input, setInput] = useState('');