silver-ui 0.7.3 → 0.8.1

package/dist/{chunk-HN4W6TM6.cjs → chunk-H5Q63Z42.cjs}

@@ -1,10 +1,11 @@
+'use client';
 'use strict';
 
 var chunkVPHB56GK_cjs = require('./chunk-VPHB56GK.cjs');
-var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
+var chunk4VYOE2HE_cjs = require('./chunk-4VYOE2HE.cjs');
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
-var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
-var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
+var chunkHW7GODZJ_cjs = require('./chunk-HW7GODZJ.cjs');
+var chunkMWWAQVJ3_cjs = require('./chunk-MWWAQVJ3.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
@@ -72,9 +73,9 @@ function TimeInput({
   const descriptionID = chunkQAO6QMNQ_cjs.isReactNode(description) ? `${inputId}-description` : void 0;
   const statusMessageID = chunkXPHXAZCE_cjs.getStatusMessageID(inputId, status);
   const describedBy = chunkXPHXAZCE_cjs.getDescribedBy(descriptionID, statusMessageID);
-  const necessity = chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunk4VYOE2HE_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkRX2FXCIH_cjs.Field,
+    chunk4VYOE2HE_cjs.Field,
     {
       className,
       description,
@@ -125,7 +126,7 @@ function TimeInput({
               }
             ),
             hasClear && value != null && !isDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkWOVSJHY6_cjs.Button,
+              chunkHW7GODZJ_cjs.Button,
               {
                 icon: lucideReact.X,
                 isIconOnly: true,
@@ -135,7 +136,7 @@ function TimeInput({
                 variant: "ghost"
               }
             ) : null,
-            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: "sm" }) : null,
+            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMWWAQVJ3_cjs.Spinner, { size: "sm" }) : null,
             status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVPHB56GK_cjs.inputStyles.iconSlot, children: chunkXPHXAZCE_cjs.getStatusIcon(status.type) }) : null
           ]
         }
@@ -146,5 +147,5 @@ function TimeInput({
 TimeInput.displayName = "TimeInput";
 
 exports.TimeInput = TimeInput;
-//# sourceMappingURL=chunk-HN4W6TM6.cjs.map
-//# sourceMappingURL=chunk-HN4W6TM6.cjs.map
+//# sourceMappingURL=chunk-H5Q63Z42.cjs.map
+//# sourceMappingURL=chunk-H5Q63Z42.cjs.map

package/dist/chunk-H5Q63Z42.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TimeInput/TimeInput.tsx"],"names":["css","Temporal","useId","isReactNode","getStatusMessageID","getDescribedBy","getNecessity","jsx","Field","jsxs","inputRecipe","inputStyles","Icon","Clock","cx","Button","X","Spinner","getStatusIcon"],"mappings":"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","file":"chunk-H5Q63Z42.cjs","sourcesContent":["'use client';\n\nimport {Temporal} from '@js-temporal/polyfill';\nimport {Clock, X} from 'lucide-react';\nimport {\n  useId,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\nconst styles = {\n  input: css({\n    '&::-webkit-calendar-picker-indicator': {\n      display: 'none',\n    },\n  }),\n} as const;\n\nexport type PlainTime = Temporal.PlainTime;\n\nexport type TimeInputProps = {\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to focus the input on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether to show a clear button when a value is set.\n   * @default false\n   */\n  hasClear?: boolean;\n  /**\n   * Whether the input includes a seconds field.\n   * @default false\n   */\n  hasSeconds?: boolean;\n  /**\n   * HTML name attribute.\n   */\n  htmlName?: string;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the input is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Latest allowed time.\n   */\n  max?: PlainTime;\n  /**\n   * Earliest allowed time.\n   */\n  min?: PlainTime;\n  /**\n   * Called when the input loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the time value changes.\n   */\n  onChange: (value: PlainTime | null) => void;\n  /**\n   * Called when the input gains focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Placeholder text.\n   * @default 'Select a time'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Step increment in seconds for the time picker.\n   */\n  step?: number;\n  /**\n   * Inline styles applied to the input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Controlled time value. Pass `null` for an empty input.\n   */\n  value: PlainTime | null;\n} & FieldNecessity;\n\nfunction toInputString(\n  time: PlainTime | null | undefined,\n  hasSeconds: boolean,\n): string {\n  if (time == null) {\n    return '';\n  }\n  return time.toString({\n    smallestUnit: hasSeconds ? 'second' : 'minute',\n  });\n}\n\nfunction fromInputString(value: string): PlainTime | null {\n  if (value === '') {\n    return null;\n  }\n  try {\n    return Temporal.PlainTime.from(value);\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Time picker input field with optional seconds granularity.\n */\nexport function TimeInput({\n  label,\n  value,\n  onBlur,\n  onChange,\n  onFocus,\n  hasSeconds = false,\n  hasClear = false,\n  hasAutoFocus = false,\n  min,\n  max,\n  step,\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  htmlName,\n  status,\n  labelIcon,\n  labelTooltip,\n  placeholder = 'Select a time',\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: TimeInputProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      <div\n        className={inputRecipe({\n          size,\n          status: status?.type,\n          isDisabled,\n        })}>\n        <span className={inputStyles.iconSlot}>\n          <Icon icon={Clock} size=\"sm\" />\n        </span>\n        <input\n          aria-busy={isLoading || undefined}\n          aria-describedby={describedBy}\n          aria-invalid={status?.type === 'error' || undefined}\n          aria-required={isRequired ?? undefined}\n          // eslint-disable-next-line jsx-a11y-x/no-autofocus\n          autoFocus={hasAutoFocus}\n          className={cx(inputStyles.control, styles.input)}\n          data-autofocus={hasAutoFocus || undefined}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          max={toInputString(max, hasSeconds)}\n          min={toInputString(min, hasSeconds)}\n          name={htmlName}\n          onBlur={onBlur}\n          onChange={event => onChange(fromInputString(event.target.value))}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          ref={ref}\n          step={step ?? (hasSeconds ? 1 : 60)}\n          type=\"time\"\n          value={toInputString(value, hasSeconds)}\n        />\n        {hasClear && value != null && !isDisabled ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={() => onChange(null)}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n    </Field>\n  );\n}\n\nTimeInput.displayName = 'TimeInput';\n"]}

package/dist/{chunk-O4PO6AMS.cjs → chunk-HAUMZ357.cjs}

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
@@ -155,5 +156,5 @@ function Kbd({
 Kbd.displayName = "Kbd";
 
 exports.Kbd = Kbd;
-//# sourceMappingURL=chunk-O4PO6AMS.cjs.map
-//# sourceMappingURL=chunk-O4PO6AMS.cjs.map
+//# sourceMappingURL=chunk-HAUMZ357.cjs.map
+//# sourceMappingURL=chunk-HAUMZ357.cjs.map

package/dist/{chunk-O4PO6AMS.cjs.map → chunk-HAUMZ357.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Kbd/Kbd.recipe.ts","../src/components/Kbd/Kbd.tsx"],"names":["sva","useSyncExternalStore","useMemo","jsx","cx"],"mappings":"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","file":"chunk-O4PO6AMS.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const kbdRecipe = sva({\n  slots: ['root', 'key'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      verticalAlign: 'bottom',\n    },\n    key: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 'sm',\n      bg: 'bg.subtle',\n      borderBottomWidth: 'emphasized',\n      borderBottomStyle: 'solid',\n      borderBottomColor: 'border',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontWeight: 'medium',\n      lineHeight: 'none',\n      userSelect: 'none',\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        root: {gap: '0.5'},\n        key: {minW: '4', h: '4', px: '0.5', fontSize: '2xs'},\n      },\n      md: {\n        root: {gap: '1'},\n        key: {minW: '5', h: '5', px: '1', fontSize: 'xs'},\n      },\n      lg: {\n        root: {gap: '1.5'},\n        key: {minW: '6', h: '6', px: '1.5', fontSize: 'sm'},\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport type KbdVariants = RecipeVariantProps<typeof kbdRecipe>;\n","import {\n  useMemo,\n  useSyncExternalStore,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {kbdRecipe} from 'components/Kbd/Kbd.recipe';\nimport {cx} from 'internal/cx';\n\nexport type KbdSize = 'sm' | 'md' | 'lg';\n\nexport interface KbdProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Keyboard shortcut string. Use \"+\" to separate keys.\n   *\n   * Special keys: mod, ctrl, alt, shift, enter, backspace, escape, tab, up,\n   * down, left, right, plus.\n   */\n  keys: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Size of the key badges.\n   *\n   * @default 'md'\n   */\n  size?: KbdSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst keyDisplay: Record<string, string> = {\n  alt: '⌥',\n  backspace: '⌫',\n  ctrl: '⌃',\n  down: '↓',\n  enter: '↵',\n  escape: 'Esc',\n  left: '←',\n  plus: '+',\n  right: '→',\n  shift: '⇧',\n  tab: '⇥',\n  up: '↑',\n};\n\nconst keyLabel: Record<string, string> = {\n  alt: 'Alt',\n  backspace: 'Backspace',\n  ctrl: 'Control',\n  down: 'Down Arrow',\n  enter: 'Enter',\n  escape: 'Escape',\n  left: 'Left Arrow',\n  plus: 'Plus',\n  right: 'Right Arrow',\n  shift: 'Shift',\n  tab: 'Tab',\n  up: 'Up Arrow',\n};\n\nconst subscribePlatform = (): (() => void) => () => {};\n\nfunction getIsMacSnapshot(): boolean {\n  if (typeof navigator === 'undefined') {\n    return false;\n  }\n  const userAgentData =\n    'userAgentData' in navigator ? navigator.userAgentData : null;\n  if (\n    userAgentData != null &&\n    typeof userAgentData === 'object' &&\n    'platform' in userAgentData\n  ) {\n    return /mac/i.test(String(userAgentData.platform));\n  }\n  return /Mac|iPhone|iPad|iPod/.test(navigator.platform);\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\nfunction useIsMac(): boolean {\n  return useSyncExternalStore(\n    subscribePlatform,\n    getIsMacSnapshot,\n    getServerSnapshot,\n  );\n}\n\nfunction getKeyDisplay(key: string, isMac: boolean): string {\n  if (key === 'mod') {\n    return isMac ? '⌘' : 'Ctrl';\n  }\n  return keyDisplay[key] ?? key.toUpperCase();\n}\n\nfunction getKeyLabel(key: string, isMac: boolean): string {\n  if (key === 'mod') {\n    return isMac ? 'Command' : 'Control';\n  }\n  return keyLabel[key] ?? key.toUpperCase();\n}\n\n/**\n * Displays keyboard shortcuts as styled key badges.\n */\nexport function Kbd({\n  className,\n  'data-testid': dataTestId,\n  keys,\n  ref,\n  size = 'md',\n  style,\n}: KbdProps): React.JSX.Element {\n  const isMac = useIsMac();\n  const {keyedParts, ariaLabel} = useMemo(() => {\n    const parts = keys\n      .split('+')\n      .map(key => key.trim().toLowerCase())\n      .filter(Boolean);\n\n    if (process.env.NODE_ENV !== 'production' && parts.length === 0) {\n      throw new Error(\n        'Kbd: `keys` prop resolved to zero keys. Check the value passed to `keys`.',\n      );\n    }\n\n    const keyCounts = new Map<string, number>();\n    return {\n      keyedParts: parts.map(key => {\n        const count = (keyCounts.get(key) ?? 0) + 1;\n        keyCounts.set(key, count);\n        return {id: `${key}-${count}`, display: getKeyDisplay(key, isMac)};\n      }),\n      ariaLabel: parts.map(key => getKeyLabel(key, isMac)).join('+'),\n    };\n  }, [keys, isMac]);\n\n  const classes = kbdRecipe({size});\n\n  return (\n    <kbd\n      aria-label={ariaLabel}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {keyedParts.map(part => (\n        <kbd className={classes.key} key={part.id}>\n          {part.display}\n        </kbd>\n      ))}\n    </kbd>\n  );\n}\n\nKbd.displayName = 'Kbd';\n"]}
+{"version":3,"sources":["../src/components/Kbd/Kbd.recipe.ts","../src/components/Kbd/Kbd.tsx"],"names":["sva","useSyncExternalStore","useMemo","jsx","cx"],"mappings":"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","file":"chunk-HAUMZ357.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const kbdRecipe = sva({\n  slots: ['root', 'key'],\n  base: {\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      verticalAlign: 'bottom',\n    },\n    key: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      borderRadius: 'sm',\n      bg: 'bg.subtle',\n      borderBottomWidth: 'emphasized',\n      borderBottomStyle: 'solid',\n      borderBottomColor: 'border',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontWeight: 'medium',\n      lineHeight: 'none',\n      userSelect: 'none',\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        root: {gap: '0.5'},\n        key: {minW: '4', h: '4', px: '0.5', fontSize: '2xs'},\n      },\n      md: {\n        root: {gap: '1'},\n        key: {minW: '5', h: '5', px: '1', fontSize: 'xs'},\n      },\n      lg: {\n        root: {gap: '1.5'},\n        key: {minW: '6', h: '6', px: '1.5', fontSize: 'sm'},\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport type KbdVariants = RecipeVariantProps<typeof kbdRecipe>;\n","'use client';\n\nimport {\n  useMemo,\n  useSyncExternalStore,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {kbdRecipe} from 'components/Kbd/Kbd.recipe';\nimport {cx} from 'internal/cx';\n\nexport type KbdSize = 'sm' | 'md' | 'lg';\n\nexport interface KbdProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Keyboard shortcut string. Use \"+\" to separate keys.\n   *\n   * Special keys: mod, ctrl, alt, shift, enter, backspace, escape, tab, up,\n   * down, left, right, plus.\n   */\n  keys: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Size of the key badges.\n   *\n   * @default 'md'\n   */\n  size?: KbdSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst keyDisplay: Record<string, string> = {\n  alt: '⌥',\n  backspace: '⌫',\n  ctrl: '⌃',\n  down: '↓',\n  enter: '↵',\n  escape: 'Esc',\n  left: '←',\n  plus: '+',\n  right: '→',\n  shift: '⇧',\n  tab: '⇥',\n  up: '↑',\n};\n\nconst keyLabel: Record<string, string> = {\n  alt: 'Alt',\n  backspace: 'Backspace',\n  ctrl: 'Control',\n  down: 'Down Arrow',\n  enter: 'Enter',\n  escape: 'Escape',\n  left: 'Left Arrow',\n  plus: 'Plus',\n  right: 'Right Arrow',\n  shift: 'Shift',\n  tab: 'Tab',\n  up: 'Up Arrow',\n};\n\nconst subscribePlatform = (): (() => void) => () => {};\n\nfunction getIsMacSnapshot(): boolean {\n  if (typeof navigator === 'undefined') {\n    return false;\n  }\n  const userAgentData =\n    'userAgentData' in navigator ? navigator.userAgentData : null;\n  if (\n    userAgentData != null &&\n    typeof userAgentData === 'object' &&\n    'platform' in userAgentData\n  ) {\n    return /mac/i.test(String(userAgentData.platform));\n  }\n  return /Mac|iPhone|iPad|iPod/.test(navigator.platform);\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\nfunction useIsMac(): boolean {\n  return useSyncExternalStore(\n    subscribePlatform,\n    getIsMacSnapshot,\n    getServerSnapshot,\n  );\n}\n\nfunction getKeyDisplay(key: string, isMac: boolean): string {\n  if (key === 'mod') {\n    return isMac ? '⌘' : 'Ctrl';\n  }\n  return keyDisplay[key] ?? key.toUpperCase();\n}\n\nfunction getKeyLabel(key: string, isMac: boolean): string {\n  if (key === 'mod') {\n    return isMac ? 'Command' : 'Control';\n  }\n  return keyLabel[key] ?? key.toUpperCase();\n}\n\n/**\n * Displays keyboard shortcuts as styled key badges.\n */\nexport function Kbd({\n  className,\n  'data-testid': dataTestId,\n  keys,\n  ref,\n  size = 'md',\n  style,\n}: KbdProps): React.JSX.Element {\n  const isMac = useIsMac();\n  const {keyedParts, ariaLabel} = useMemo(() => {\n    const parts = keys\n      .split('+')\n      .map(key => key.trim().toLowerCase())\n      .filter(Boolean);\n\n    if (process.env.NODE_ENV !== 'production' && parts.length === 0) {\n      throw new Error(\n        'Kbd: `keys` prop resolved to zero keys. Check the value passed to `keys`.',\n      );\n    }\n\n    const keyCounts = new Map<string, number>();\n    return {\n      keyedParts: parts.map(key => {\n        const count = (keyCounts.get(key) ?? 0) + 1;\n        keyCounts.set(key, count);\n        return {id: `${key}-${count}`, display: getKeyDisplay(key, isMac)};\n      }),\n      ariaLabel: parts.map(key => getKeyLabel(key, isMac)).join('+'),\n    };\n  }, [keys, isMac]);\n\n  const classes = kbdRecipe({size});\n\n  return (\n    <kbd\n      aria-label={ariaLabel}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {keyedParts.map(part => (\n        <kbd className={classes.key} key={part.id}>\n          {part.display}\n        </kbd>\n      ))}\n    </kbd>\n  );\n}\n\nKbd.displayName = 'Kbd';\n"]}

package/dist/{chunk-6SFMORQF.cjs → chunk-HTY7SADT.cjs}

@@ -1,8 +1,9 @@
+'use client';
 'use strict';
 
 var chunkMAYQGKKW_cjs = require('./chunk-MAYQGKKW.cjs');
-var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
-var chunkGJZAGTPV_cjs = require('./chunk-GJZAGTPV.cjs');
+var chunkMWWAQVJ3_cjs = require('./chunk-MWWAQVJ3.cjs');
+var chunk7KUEWO4T_cjs = require('./chunk-7KUEWO4T.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
@@ -219,17 +220,17 @@ function ToggleButton({
       style,
       type: "button",
       children: /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": isLoading || void 0, className: classes.content, children: [
-        resolvedIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: resolvedIcon, size }) }) : null,
+        resolvedIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMWWAQVJ3_cjs.Spinner, { size }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: resolvedIcon, size }) }) : null,
         !isIconOnly ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classes.labelWrapper, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.label, children: label }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.widthReservation, children: label })
         ] }) : null,
-        !isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.spinner, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size }) }) : null
+        !isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.spinner, children: /* @__PURE__ */ jsxRuntime.jsx(chunkMWWAQVJ3_cjs.Spinner, { size }) }) : null
       ] })
     }
   );
   if (tooltip != null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkGJZAGTPV_cjs.Tooltip, { content: tooltip, children: button });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunk7KUEWO4T_cjs.Tooltip, { content: tooltip, children: button });
   }
   return button;
 }
@@ -237,5 +238,5 @@ ToggleButton.displayName = "ToggleButton";
 
 exports.ToggleButton = ToggleButton;
 exports.ToggleButtonGroup = ToggleButtonGroup;
-//# sourceMappingURL=chunk-6SFMORQF.cjs.map
-//# sourceMappingURL=chunk-6SFMORQF.cjs.map
+//# sourceMappingURL=chunk-HTY7SADT.cjs.map
+//# sourceMappingURL=chunk-HTY7SADT.cjs.map

package/dist/chunk-HTY7SADT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToggleButton/ToggleButton.recipe.ts","../src/components/ToggleButton/ToggleButtonGroup.tsx","../src/components/ToggleButton/ToggleButton.tsx"],"names":["sva","createContext","use","css","useMemo","useCallback","current","jsx","cx","buttonRecipe","Spinner","Icon","jsxs","Tooltip"],"mappings":"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","file":"chunk-HTY7SADT.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const toggleButtonRecipe = sva({\n  slots: [\n    'root',\n    'content',\n    'labelWrapper',\n    'label',\n    'widthReservation',\n    'icon',\n    'spinner',\n  ],\n  base: {\n    content: {\n      display: 'contents',\n    },\n    labelWrapper: {\n      display: 'inline-flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      minW: 0,\n    },\n    label: {\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      minW: 0,\n      // The label is a (blockified) flex item, so `overflow: hidden` clips it to\n      // its line box. With a tight line-height that crops descenders (e.g. the\n      // \"g\" in \"Going\"), so pad the clip box vertically and cancel the padding\n      // with a negative margin to keep layout unchanged.\n      py: '0.25em',\n      mt: '-0.35em',\n      mb: '-0.25em',\n    },\n    widthReservation: {\n      display: 'block',\n      h: 0,\n      overflow: 'hidden',\n      visibility: 'hidden',\n      pointerEvents: 'none',\n      fontWeight: 'semibold',\n    },\n    icon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n    },\n    spinner: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      color: 'inherit',\n    },\n  },\n  variants: {\n    // The core button visuals (size/variant/iconOnly) come from the shared\n    // `buttonRecipe`; this recipe only layers the selected-state override on the\n    // root, which is composed with the button root via `cx`.\n    isSelected: {\n      true: {\n        root: {\n          bg: 'bg.subtle',\n          fontWeight: 'semibold',\n          _hover: {bg: 'bg.subtle'},\n          _active: {bg: 'bg.subtle'},\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isSelected: false,\n  },\n});\n\nexport type ToggleButtonVariants = RecipeVariantProps<\n  typeof toggleButtonRecipe\n>;\n","'use client';\n\nimport {\n  createContext,\n  use,\n  useCallback,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport type {ButtonSize} from 'components/Button';\nimport {cx} from 'internal/cx';\nimport {css} from 'styled-system/css';\n\nexport type ToggleButtonGroupOrientation = 'horizontal' | 'vertical';\n\ninterface ToggleButtonGroupContextValue {\n  isDisabled?: boolean;\n  onToggle: (value: string) => void;\n  selectedValues: Set<string>;\n  size?: ButtonSize;\n}\n\nconst ToggleButtonGroupContext =\n  createContext<ToggleButtonGroupContextValue | null>(null);\n\nToggleButtonGroupContext.displayName = 'ToggleButtonGroupContext';\n\nexport function useToggleButtonGroup(): ToggleButtonGroupContextValue | null {\n  return use(ToggleButtonGroupContext);\n}\n\ninterface ToggleButtonGroupBaseProps {\n  /**\n   * Toggle button children.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the group root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the group root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether all buttons in the group are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the group.\n   */\n  label: string;\n  /**\n   * Group orientation.\n   * @default 'horizontal'\n   */\n  orientation?: ToggleButtonGroupOrientation;\n  /**\n   * Ref forwarded to the group root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Default size for buttons in the group.\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the group root.\n   */\n  style?: CSSProperties;\n}\n\nexport interface ToggleButtonGroupSingleProps extends ToggleButtonGroupBaseProps {\n  /**\n   * Called with the selected value when selection changes, or `null`\n   * when the active button is deselected.\n   */\n  onChange: (value: string | null) => void;\n  /**\n   * Single-selection mode. Clicking the active button clears selection.\n   * @default 'single'\n   */\n  type?: 'single';\n  /**\n   * Currently selected value, or `null` for no selection.\n   */\n  value: string | null;\n}\n\nexport interface ToggleButtonGroupMultipleProps extends ToggleButtonGroupBaseProps {\n  /**\n   * Called with the array of selected values when selection changes.\n   */\n  onChange: (value: string[]) => void;\n  /**\n   * Multiple-selection mode.\n   */\n  type: 'multiple';\n  /**\n   * Currently selected values.\n   */\n  value: string[];\n}\n\nexport type ToggleButtonGroupProps =\n  | ToggleButtonGroupSingleProps\n  | ToggleButtonGroupMultipleProps;\n\nconst styles = {\n  group: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  vertical: css({\n    flexDirection: 'column',\n    alignItems: 'stretch',\n  }),\n} as const;\n\n/**\n * Groups related ToggleButtons and manages shared selection state.\n */\nexport function ToggleButtonGroup({\n  children,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  label,\n  orientation = 'horizontal',\n  ref,\n  size,\n  style,\n  ...props\n}: ToggleButtonGroupProps): React.JSX.Element {\n  const isMultiple = props.type === 'multiple';\n  const {onChange, value} = props;\n\n  const selectedValues = useMemo(() => {\n    if (isMultiple) {\n      return new Set(value as string[]);\n    }\n\n    return value == null ? new Set<string>() : new Set([value as string]);\n  }, [isMultiple, value]);\n\n  const onToggle = useCallback(\n    (itemValue: string) => {\n      if (isMultiple) {\n        const current = value as string[];\n        (onChange as (v: string[]) => void)(\n          current.includes(itemValue)\n            ? current.filter(v => v !== itemValue)\n            : [...current, itemValue],\n        );\n        return;\n      }\n\n      const current = value as string | null;\n      (onChange as (v: string | null) => void)(\n        current === itemValue ? null : itemValue,\n      );\n    },\n    [isMultiple, value, onChange],\n  );\n\n  const contextValue = useMemo(\n    () => ({isDisabled, onToggle, selectedValues, size}),\n    [isDisabled, onToggle, selectedValues, size],\n  );\n\n  return (\n    <ToggleButtonGroupContext value={contextValue}>\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-label={label}\n        className={cx(\n          styles.group,\n          orientation === 'vertical' ? styles.vertical : undefined,\n          className,\n        )}\n        data-orientation={orientation}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"group\"\n        style={style}>\n        {children}\n      </div>\n    </ToggleButtonGroupContext>\n  );\n}\n\nToggleButtonGroup.displayName = 'ToggleButtonGroup';\n","'use client';\n\nimport type {CSSProperties, MouseEvent, Ref} from 'react';\nimport type {ButtonSize} from 'components/Button';\nimport {buttonRecipe} from 'components/Button/Button.recipe';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {toggleButtonRecipe} from 'components/ToggleButton/ToggleButton.recipe';\nimport {useToggleButtonGroup} from 'components/ToggleButton/ToggleButtonGroup';\nimport {Tooltip} from 'components/Tooltip';\nimport {cx} from 'internal/cx';\n\nexport interface ToggleButtonProps {\n  /**\n   * Additional CSS class names applied to the button root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the button root.\n   */\n  'data-testid'?: string;\n  /**\n   * Icon element rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the button is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label and render a square icon button.\n   * @default false\n   */\n  isIconOnly?: boolean;\n  /**\n   * Whether the button is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Whether the button is currently selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Accessible label for the button.\n   */\n  label: string;\n  /**\n   * Called when the selected state should change.\n   */\n  onChange?: (isSelected: boolean) => void;\n  /**\n   * Ref forwarded to the button root.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Icon element rendered when the button is selected.\n   */\n  selectedIcon?: IconComponent;\n  /**\n   * Visual size of the button.\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the button root.\n   */\n  style?: CSSProperties;\n  /**\n   * Tooltip text shown on hover.\n   */\n  tooltip?: string;\n  /**\n   * Value identifier when used inside `ToggleButtonGroup`.\n   */\n  value?: string;\n}\n\n/**\n * Button that toggles between selected and unselected states.\n */\nexport function ToggleButton({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  isDisabled: isDisabledProp = false,\n  isIconOnly = false,\n  isLoading = false,\n  isSelected: isSelectedProp = false,\n  label,\n  onChange,\n  selectedIcon,\n  ref,\n  size: sizeProp,\n  style,\n  tooltip,\n  value,\n}: ToggleButtonProps): React.JSX.Element {\n  const group = useToggleButtonGroup();\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (group != null && value == null) {\n      throw new Error(\n        'ToggleButton: `value` prop is required when used inside a ToggleButtonGroup.',\n      );\n    }\n  }\n\n  const isSelected =\n    group != null && value != null\n      ? group.selectedValues.has(value)\n      : isSelectedProp;\n  const size = sizeProp ?? group?.size ?? 'md';\n  const isDisabled = isDisabledProp || group?.isDisabled === true;\n  const resolvedIcon = isSelected && selectedIcon != null ? selectedIcon : icon;\n  const classes = toggleButtonRecipe({isSelected});\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (isDisabled || isLoading) {\n      event.preventDefault();\n      return;\n    }\n\n    if (group != null && value != null) {\n      group.onToggle(value);\n      return;\n    }\n\n    onChange?.(!isSelected);\n  };\n\n  const button = (\n    <button\n      aria-busy={isLoading || undefined}\n      aria-label={isIconOnly || isLoading ? label : undefined}\n      aria-pressed={isSelected}\n      className={cx(\n        buttonRecipe({variant: 'ghost', size, iconOnly: isIconOnly}).root,\n        classes.root,\n        className,\n      )}\n      data-testid={dataTestId}\n      disabled={isDisabled || isLoading}\n      onClick={handleClick}\n      ref={ref}\n      style={style}\n      type=\"button\">\n      <span aria-hidden={isLoading || undefined} className={classes.content}>\n        {resolvedIcon != null ? (\n          <span className={classes.icon}>\n            {isIconOnly && isLoading ? (\n              <Spinner size={size} />\n            ) : (\n              <Icon icon={resolvedIcon} size={size} />\n            )}\n          </span>\n        ) : null}\n        {!isIconOnly ? (\n          <span className={classes.labelWrapper}>\n            <span className={classes.label}>{label}</span>\n            <span aria-hidden=\"true\" className={classes.widthReservation}>\n              {label}\n            </span>\n          </span>\n        ) : null}\n        {!isIconOnly && isLoading ? (\n          <span aria-hidden=\"true\" className={classes.spinner}>\n            <Spinner size={size} />\n          </span>\n        ) : null}\n      </span>\n    </button>\n  );\n\n  if (tooltip != null) {\n    return <Tooltip content={tooltip}>{button}</Tooltip>;\n  }\n\n  return button;\n}\n\nToggleButton.displayName = 'ToggleButton';\n"]}

package/dist/{chunk-WOVSJHY6.cjs → chunk-HW7GODZJ.cjs}

@@ -1,12 +1,13 @@
+'use client';
 'use strict';
 
 var chunkMAYQGKKW_cjs = require('./chunk-MAYQGKKW.cjs');
-var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
-var chunk3PEK2Q54_cjs = require('./chunk-3PEK2Q54.cjs');
+var chunkMWWAQVJ3_cjs = require('./chunk-MWWAQVJ3.cjs');
+var chunk5FNYOPUL_cjs = require('./chunk-5FNYOPUL.cjs');
 var chunk2MXK2SDR_cjs = require('./chunk-2MXK2SDR.cjs');
-var chunkGJZAGTPV_cjs = require('./chunk-GJZAGTPV.cjs');
-var chunkVPWNRWNO_cjs = require('./chunk-VPWNRWNO.cjs');
-var chunkPKZSJX53_cjs = require('./chunk-PKZSJX53.cjs');
+var chunk7KUEWO4T_cjs = require('./chunk-7KUEWO4T.cjs');
+var chunkZ5EY2GRO_cjs = require('./chunk-Z5EY2GRO.cjs');
+var chunkY3TUHGI2_cjs = require('./chunk-Y3TUHGI2.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -51,18 +52,18 @@ function Button({
   name,
   value
 }) {
-  const buttonGroup = chunkPKZSJX53_cjs.useButtonGroup();
+  const buttonGroup = chunkY3TUHGI2_cjs.useButtonGroup();
   const size = sizeProp ?? buttonGroup?.size ?? "md";
   const buttonDisabled = isDisabled || buttonGroup?.isDisabled === true || isLoading;
   const effectiveTooltip = tooltip ?? (isIconOnly ? label : void 0);
   const useAriaDisabled = tooltip != null && buttonDisabled;
   const renderAsLink = href != null && !buttonDisabled;
   const opensInNewTab = renderAsLink && target === "_blank";
-  const ariaLabel = ariaLabelProp ?? chunk3PEK2Q54_cjs.getAriaLabel(
+  const ariaLabel = ariaLabelProp ?? chunk5FNYOPUL_cjs.getAriaLabel(
     isIconOnly || isLoading || chunkQAO6QMNQ_cjs.isReactNode(startContent) || chunkQAO6QMNQ_cjs.isReactNode(endContent) || opensInNewTab ? label : void 0,
     opensInNewTab
   );
-  const linkRel = chunk3PEK2Q54_cjs.useRel({ target, rel });
+  const linkRel = chunk5FNYOPUL_cjs.useRel({ target, rel });
   const spinnerVariant = variant === "primary" || variant === "destructive" || variant === "onSolid" ? "onMedia" : "default";
   const classes = chunkMAYQGKKW_cjs.buttonRecipe({ variant, size, iconOnly: isIconOnly });
   const ariaAttrs = {
@@ -101,17 +102,17 @@ function Button({
   };
   const buttonContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": isLoading || void 0, className: classes.content, children: [
-      icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.icon, children: isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size, variant: spinnerVariant }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon, size }) }) : null,
+      icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.icon, children: isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkMWWAQVJ3_cjs.Spinner, { size, variant: spinnerVariant }) : /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon, size }) }) : null,
       !isIconOnly && chunkQAO6QMNQ_cjs.isReactNode(startContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.startContent, children: startContent }) : null,
       !isIconOnly ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.label, children: label }) : null,
       !isIconOnly && chunkQAO6QMNQ_cjs.isReactNode(endContent) ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.endContent, children: endContent }) : null,
-      !isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.loadingIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size, variant: spinnerVariant }) }) : null
+      !isIconOnly && isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.loadingIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(chunkMWWAQVJ3_cjs.Spinner, { size, variant: spinnerVariant }) }) : null
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(chunk2MXK2SDR_cjs.VisuallyHidden, { "aria-live": "polite", role: "status", children: isLoading ? "Loading" : "" })
   ] });
   const rootClassName = chunkSPDVNY2Z_cjs.cx(classes.root, className);
   const element = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkVPWNRWNO_cjs.ActionElement,
+    chunkZ5EY2GRO_cjs.ActionElement,
     {
       ...ariaAttrs,
       "aria-busy": !renderAsLink && isLoading ? true : void 0,
@@ -137,12 +138,12 @@ function Button({
     }
   );
   if (effectiveTooltip != null) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkGJZAGTPV_cjs.Tooltip, { content: effectiveTooltip, children: element });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunk7KUEWO4T_cjs.Tooltip, { content: effectiveTooltip, children: element });
   }
   return element;
 }
 Button.displayName = "Button";
 
 exports.Button = Button;
-//# sourceMappingURL=chunk-WOVSJHY6.cjs.map
-//# sourceMappingURL=chunk-WOVSJHY6.cjs.map
+//# sourceMappingURL=chunk-HW7GODZJ.cjs.map
+//# sourceMappingURL=chunk-HW7GODZJ.cjs.map

package/dist/chunk-HW7GODZJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":["useButtonGroup","getAriaLabel","isReactNode","useRel","buttonRecipe","jsxs","Fragment","Spinner","Icon","jsx","VisuallyHidden","cx","ActionElement","Tooltip"],"mappings":";;;;;;;;;;;;;;AAqNO,SAAS,MAAA,CAAO;AAAA,EACrB,KAAA;AAAA,EACA,eAAA,EAAiB,YAAA;AAAA,EACjB,cAAA,EAAgB,WAAA;AAAA,EAChB,YAAA,EAAc,aAAA;AAAA,EACd,kBAAA,EAAoB,eAAA;AAAA,EACpB,cAAA,EAAgB,WAAA;AAAA,EAChB,eAAA,EAAiB,YAAA;AAAA,EACjB,eAAA,EAAiB,YAAA;AAAA,EACjB,aAAA,EAAe,UAAA;AAAA,EACf,mBAAA,EAAqB,gBAAA;AAAA,EACrB,iBAAA,EAAmB,cAAA;AAAA,EACnB,WAAA,EAAa,QAAA;AAAA,EACb,cAAA,EAAgB,WAAA;AAAA,EAChB,sBAAA,EAAwB,mBAAA;AAAA,EACxB,IAAA;AAAA,EACA,EAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,EAAM,QAAA;AAAA,EACN,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,GAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA,GAAY,KAAA;AAAA,EACZ,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAA6B;AAC3B,EAAA,MAAM,cAAcA,gCAAA,EAAe;AACnC,EAAA,MAAM,IAAA,GAAO,QAAA,IAAY,WAAA,EAAa,IAAA,IAAQ,IAAA;AAC9C,EAAA,MAAM,cAAA,GACJ,UAAA,IAAc,WAAA,EAAa,UAAA,KAAe,IAAA,IAAQ,SAAA;AAGpD,EAAA,MAAM,gBAAA,GAAmB,OAAA,KAAY,UAAA,GAAa,KAAA,GAAQ,MAAA,CAAA;AAI1D,EAAA,MAAM,eAAA,GAAkB,WAAW,IAAA,IAAQ,cAAA;AAC3C,EAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,IAAA,IAAQ,CAAC,cAAA;AACtC,EAAA,MAAM,aAAA,GAAgB,gBAAgB,MAAA,KAAW,QAAA;AACjD,EAAA,MAAM,YACJ,aAAA,IACAC,8BAAA;AAAA,IACE,UAAA,IACE,aACAC,6BAAA,CAAY,YAAY,KACxBA,6BAAA,CAAY,UAAU,CAAA,IACtB,aAAA,GACE,KAAA,GACA,MAAA;AAAA,IACJ;AAAA,GACF;AACF,EAAA,MAAM,OAAA,GAAUC,wBAAA,CAAO,EAAC,MAAA,EAAQ,KAAI,CAAA;AACpC,EAAA,MAAM,iBACJ,OAAA,KAAY,SAAA,IAAa,YAAY,aAAA,IAAiB,OAAA,KAAY,YAC9D,SAAA,GACA,SAAA;AAEN,EAAA,MAAM,UAAUC,8BAAA,CAAa,EAAC,SAAS,IAAA,EAAM,QAAA,EAAU,YAAW,CAAA;AAElE,EAAA,MAAM,SAAA,GAAY;AAAA,IAChB,eAAA,EAAiB,YAAA;AAAA,IACjB,cAAA,EAAgB,WAAA;AAAA,IAChB,kBAAA,EAAoB,eAAA;AAAA,IACpB,cAAA,EAAgB,WAAA;AAAA,IAChB,eAAA,EAAiB,YAAA;AAAA,IACjB,eAAA,EAAiB,YAAA;AAAA,IACjB,aAAA,EAAe,UAAA;AAAA,IACf,mBAAA,EAAqB,gBAAA;AAAA,IACrB,iBAAA,EAAmB,cAAA;AAAA,IACnB,WAAA,EAAa,QAAA;AAAA,IACb,cAAA,EAAgB,WAAA;AAAA,IAChB,sBAAA,EAAwB;AAAA,GAC1B;AAEA,EAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAAyC;AAClE,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA;AAAA,IACF;AAEA,IAAA,OAAA,GAAU,KAAK,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAyC;AAChE,IAAA,OAAA,GAAU,KAAK,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAA4C;AACvE,IAAA,IAAI,oBAAoB,KAAA,CAAM,GAAA,KAAQ,OAAA,IAAW,KAAA,CAAM,QAAQ,GAAA,CAAA,EAAM;AACnE,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA;AAAA,IACF;AAEA,IAAA,SAAA,GAAY,KAAK,CAAA;AAAA,EACnB,CAAA;AAEA,EAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAA4C;AACrE,IAAA,SAAA,GAAY,KAAK,CAAA;AAAA,EACnB,CAAA;AAEA,EAAA,MAAM,gCACJC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,UAAK,aAAA,EAAa,SAAA,IAAa,MAAA,EAAW,SAAA,EAAW,QAAQ,OAAA,EAC3D,QAAA,EAAA;AAAA,MAAA,IAAA,IAAQ,IAAA,kCACN,MAAA,EAAA,EAAK,aAAA,EAAY,QAAO,SAAA,EAAW,OAAA,CAAQ,MACzC,QAAA,EAAA,UAAA,IAAc,SAAA,kCACZE,yBAAA,EAAA,EAAQ,IAAA,EAAY,SAAS,cAAA,EAAgB,CAAA,kCAE7CC,sBAAA,EAAA,EAAK,IAAA,EAAY,IAAA,EAAY,CAAA,EAElC,CAAA,GACE,IAAA;AAAA,MACH,CAAC,UAAA,IAAcN,6BAAA,CAAY,YAAY,CAAA,mBACtCO,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,YAAA,EAAe,QAAA,EAAA,YAAA,EAAa,CAAA,GACnD,IAAA;AAAA,MACH,CAAC,6BAAaA,cAAA,CAAC,MAAA,EAAA,EAAK,WAAW,OAAA,CAAQ,KAAA,EAAQ,iBAAM,CAAA,GAAU,IAAA;AAAA,MAC/D,CAAC,UAAA,IAAcP,6BAAA,CAAY,UAAU,CAAA,mBACpCO,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,UAAA,EAAa,QAAA,EAAA,UAAA,EAAW,CAAA,GAC/C,IAAA;AAAA,MACH,CAAC,UAAA,IAAc,SAAA,mBACdA,cAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAW,OAAA,CAAQ,gBAAA,EAC1C,yCAACF,yBAAA,EAAA,EAAQ,IAAA,EAAY,OAAA,EAAS,cAAA,EAAgB,GAChD,CAAA,GACE;AAAA,KAAA,EACN,CAAA;AAAA,oBACAE,cAAA,CAACC,oCAAe,WAAA,EAAU,QAAA,EAAS,MAAK,QAAA,EACrC,QAAA,EAAA,SAAA,GAAY,YAAY,EAAA,EAC3B;AAAA,GAAA,EACF,CAAA;AAGF,EAAA,MAAM,aAAA,GAAgBC,oBAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,SAAS,CAAA;AAEhD,EAAA,MAAM,OAAA,mBACJF,cAAA;AAAA,IAACG,+BAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,WAAA,EAAW,CAAC,YAAA,IAAgB,SAAA,GAAY,IAAA,GAAO,MAAA;AAAA,MAC/C,eAAA,EAAe,CAAC,YAAA,IAAgB,eAAA,GAAkB,IAAA,GAAO,MAAA;AAAA,MACzD,YAAA,EAAY,SAAA;AAAA,MACZ,EAAA;AAAA,MACA,SAAA,EAAW,aAAA;AAAA,MACX,aAAA,EAAa,UAAA;AAAA,MACb,IAAA;AAAA,MACA,IAAA,EAAM,eAAe,IAAA,GAAO,MAAA;AAAA,MAC5B,UAAA,EACE,CAAC,YAAA,IAAgB,CAAC,kBAAkB,cAAA,GAAiB,MAAA;AAAA,MAEvD,MAAA,EAAQ,YAAA;AAAA,MACR,IAAA;AAAA,MACA,OAAA,EAAS,eAAe,eAAA,GAAkB,iBAAA;AAAA,MAC1C,SAAA,EAAW,eAAe,iBAAA,GAAoB,mBAAA;AAAA,MAC9C,GAAA;AAAA,MACA,GAAA,EAAK,eAAe,OAAA,GAAU,MAAA;AAAA,MAC9B,KAAA;AAAA,MACA,MAAA,EAAQ,eAAe,MAAA,GAAS,MAAA;AAAA,MAChC,IAAA;AAAA,MACA,KAAA;AAAA,MACC,QAAA,EAAA;AAAA;AAAA,GACH;AAGF,EAAA,IAAI,oBAAoB,IAAA,EAAM;AAC5B,IAAA,uBAAOH,cAAA,CAACI,yBAAA,EAAA,EAAQ,OAAA,EAAS,gBAAA,EAAmB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,EACtD;AAEA,EAAA,OAAO,OAAA;AACT;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-HW7GODZJ.cjs","sourcesContent":["'use client';\n\nimport type {\n  CSSProperties,\n  JSX,\n  KeyboardEvent,\n  MouseEvent,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport {buttonRecipe} from 'components/Button/Button.recipe';\nimport type {ButtonSize, ButtonVariant} from 'components/Button/Button.types';\nimport {useButtonGroup} from 'components/ButtonGroup/ButtonGroupContext';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport type {LinkComponent} from 'components/Link';\nimport {Spinner} from 'components/Spinner';\nimport {Tooltip} from 'components/Tooltip';\nimport {VisuallyHidden} from 'internal';\nimport {ActionElement} from 'internal/ActionElement';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {getAriaLabel, useRel} from 'internal/linkAccessibility';\n\nexport type {ButtonSize} from 'components/Button/Button.types';\n\n/**\n * A versatile action element that renders as a `<button>` or a link depending\n * on whether `href` is provided. Supports explicit loading states, icon-only\n * modes, link buttons, and tooltips.\n */\ninterface ButtonBaseProps {\n  /**\n   * Identifies the element(s) whose contents are controlled by the button.\n   */\n  'aria-controls'?: string;\n  /**\n   * Indicates the current item in a set.\n   */\n  'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time';\n  /**\n   * Identifies the element(s) that describe the button.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Identifies the element that provides a detailed description.\n   */\n  'aria-details'?: string;\n  /**\n   * Indicates whether a controlled element is expanded or collapsed.\n   */\n  'aria-expanded'?: boolean;\n  /**\n   * Indicates the button opens an interactive popup element.\n   */\n  'aria-haspopup'?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';\n  /**\n   * Indicates whether the element is exposed to the accessibility API.\n   */\n  'aria-hidden'?: boolean;\n  /**\n   * Keyboard shortcuts that activate or focus the button.\n   */\n  'aria-keyshortcuts'?: string;\n  /**\n   * Accessible label that overrides the visible `label` for assistive\n   * technologies. Use when the visible text is too terse (e.g. a page\n   * number) and a longer description is needed.\n   */\n  'aria-label'?: string;\n  /**\n   * Identifies the element(s) that label the button.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Identifies element(s) owned by the button that are not DOM children.\n   */\n  'aria-owns'?: string;\n  /**\n   * Indicates the current pressed state of a toggle button.\n   */\n  'aria-pressed'?: boolean | 'mixed';\n  /**\n   * Human-readable description of the role of the button.\n   */\n  'aria-roledescription'?: string;\n  /**\n   * Custom link component to render when `href` is set. Falls back to the\n   * component provided by `LinkProvider`, or a plain `<a>` tag.\n   */\n  as?: LinkComponent;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered after the label, such as a badge or count. Hidden in\n   * icon-only mode.\n   */\n  endContent?: ReactNode;\n  /**\n   * HTML `form` attribute associating the button with a `<form>` by ID.\n   */\n  form?: string;\n  /**\n   * URL to navigate to. When set and the button is not isDisabled, the component\n   * renders as a link element.\n   */\n  href?: string;\n  /**\n   * Whether the button is disabled. Prevents interaction and applies disabled\n   * styling.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the button is in a loading state. Shows a spinner overlay,\n   * disables interaction, and announces \"Loading\" to assistive technologies.\n   */\n  isLoading?: boolean;\n  /**\n   * Text label for the button. Always required for accessibility even when\n   * `isIconOnly` is true.\n   */\n  label: string;\n  /**\n   * HTML `name` attribute for form submission.\n   */\n  name?: string;\n  /**\n   * Click event handler.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Keyboard event handler for the root element.\n   */\n  onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Link `rel` attribute (e.g., `\"noopener\"`). Only applies when rendering\n   * as a link.\n   */\n  rel?: string;\n  /**\n   * Visual size of the button.\n   */\n  size?: ButtonSize;\n  /**\n   * Arbitrary content rendered before the label (after the icon, if present).\n   * Hidden in icon-only mode.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Link `target` attribute (e.g., `\"_blank\"`). Only applies when rendering\n   * as a link.\n   */\n  target?: string;\n  /**\n   * Tooltip text shown on hover. Defaults to `label` when `isIconOnly` is true\n   * (since the label is otherwise not visible); pass an explicit value to\n   * override, or `undefined` to keep the default. When set on a disabled\n   * button, `aria-disabled` is used instead of the `disabled` attribute so the\n   * tooltip remains accessible.\n   */\n  tooltip?: string;\n  /**\n   * HTML button `type` attribute.\n   */\n  type?: 'button' | 'submit' | 'reset';\n  /**\n   * HTML `value` attribute for form submission.\n   */\n  value?: string;\n  /**\n   * Visual style variant.\n   */\n  variant?: ButtonVariant;\n}\n\nexport type ButtonProps =\n  | (ButtonBaseProps & {\n      /**\n       * Icon element rendered before the label. Required in icon-only mode.\n       */\n      icon: IconComponent;\n      /**\n       * Visually hides the label, showing only the icon. The `label` prop is\n       * still required and used as `aria-label`.\n       */\n      isIconOnly: true;\n    })\n  | (ButtonBaseProps & {\n      /**\n       * Icon element rendered before the label.\n       */\n      icon?: IconComponent;\n      /**\n       * Visually hides the label, showing only the icon. The `label` prop is\n       * still required and used as `aria-label`.\n       */\n      isIconOnly?: false;\n    });\n\nexport function Button({\n  label,\n  'aria-controls': ariaControls,\n  'aria-current': ariaCurrent,\n  'aria-label': ariaLabelProp,\n  'aria-describedby': ariaDescribedby,\n  'aria-details': ariaDetails,\n  'aria-expanded': ariaExpanded,\n  'aria-haspopup': ariaHaspopup,\n  'aria-hidden': ariaHidden,\n  'aria-keyshortcuts': ariaKeyshortcuts,\n  'aria-labelledby': ariaLabelledby,\n  'aria-owns': ariaOwns,\n  'aria-pressed': ariaPressed,\n  'aria-roledescription': ariaRoledescription,\n  href,\n  as,\n  target,\n  rel,\n  variant,\n  size: sizeProp,\n  className,\n  'data-testid': dataTestId,\n  style,\n  type = 'button',\n  ref,\n  isDisabled = false,\n  isLoading = false,\n  icon,\n  isIconOnly = false,\n  endContent,\n  startContent,\n  tooltip,\n  onClick,\n  onKeyDown,\n  form,\n  name,\n  value,\n}: ButtonProps): JSX.Element {\n  const buttonGroup = useButtonGroup();\n  const size = sizeProp ?? buttonGroup?.size ?? 'md';\n  const buttonDisabled =\n    isDisabled || buttonGroup?.isDisabled === true || isLoading;\n  // Icon-only buttons have no visible text, so default their tooltip to the\n  // accessible `label` unless an explicit tooltip is provided.\n  const effectiveTooltip = tooltip ?? (isIconOnly ? label : undefined);\n  // Only an explicit tooltip swaps native `disabled` for `aria-disabled` (to\n  // keep the tooltip hoverable while disabled); the icon-only default must not\n  // change disabled semantics.\n  const useAriaDisabled = tooltip != null && buttonDisabled;\n  const renderAsLink = href != null && !buttonDisabled;\n  const opensInNewTab = renderAsLink && target === '_blank';\n  const ariaLabel =\n    ariaLabelProp ??\n    getAriaLabel(\n      isIconOnly ||\n        isLoading ||\n        isReactNode(startContent) ||\n        isReactNode(endContent) ||\n        opensInNewTab\n        ? label\n        : undefined,\n      opensInNewTab,\n    );\n  const linkRel = useRel({target, rel});\n  const spinnerVariant =\n    variant === 'primary' || variant === 'destructive' || variant === 'onSolid'\n      ? 'onMedia'\n      : 'default';\n\n  const classes = buttonRecipe({variant, size, iconOnly: isIconOnly});\n\n  const ariaAttrs = {\n    'aria-controls': ariaControls,\n    'aria-current': ariaCurrent,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHaspopup,\n    'aria-hidden': ariaHidden,\n    'aria-keyshortcuts': ariaKeyshortcuts,\n    'aria-labelledby': ariaLabelledby,\n    'aria-owns': ariaOwns,\n    'aria-pressed': ariaPressed,\n    'aria-roledescription': ariaRoledescription,\n  };\n\n  const handleButtonClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (buttonDisabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onClick?.(event);\n  };\n\n  const handleLinkClick = (event: MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n  };\n\n  const handleButtonKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (useAriaDisabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      return;\n    }\n\n    onKeyDown?.(event);\n  };\n\n  const handleLinkKeyDown = (event: KeyboardEvent<HTMLAnchorElement>) => {\n    onKeyDown?.(event);\n  };\n\n  const buttonContent = (\n    <>\n      <span aria-hidden={isLoading || undefined} className={classes.content}>\n        {icon != null ? (\n          <span aria-hidden=\"true\" className={classes.icon}>\n            {isIconOnly && isLoading ? (\n              <Spinner size={size} variant={spinnerVariant} />\n            ) : (\n              <Icon icon={icon} size={size} />\n            )}\n          </span>\n        ) : null}\n        {!isIconOnly && isReactNode(startContent) ? (\n          <span className={classes.startContent}>{startContent}</span>\n        ) : null}\n        {!isIconOnly ? <span className={classes.label}>{label}</span> : null}\n        {!isIconOnly && isReactNode(endContent) ? (\n          <span className={classes.endContent}>{endContent}</span>\n        ) : null}\n        {!isIconOnly && isLoading ? (\n          <span aria-hidden=\"true\" className={classes.loadingIndicator}>\n            <Spinner size={size} variant={spinnerVariant} />\n          </span>\n        ) : null}\n      </span>\n      <VisuallyHidden aria-live=\"polite\" role=\"status\">\n        {isLoading ? 'Loading' : ''}\n      </VisuallyHidden>\n    </>\n  );\n\n  const rootClassName = cx(classes.root, className);\n\n  const element = (\n    <ActionElement\n      {...ariaAttrs}\n      aria-busy={!renderAsLink && isLoading ? true : undefined}\n      aria-disabled={!renderAsLink && useAriaDisabled ? true : undefined}\n      aria-label={ariaLabel}\n      as={as}\n      className={rootClassName}\n      data-testid={dataTestId}\n      form={form}\n      href={renderAsLink ? href : undefined}\n      isDisabled={\n        !renderAsLink && !useAriaDisabled ? buttonDisabled : undefined\n      }\n      isLink={renderAsLink}\n      name={name}\n      onClick={renderAsLink ? handleLinkClick : handleButtonClick}\n      onKeyDown={renderAsLink ? handleLinkKeyDown : handleButtonKeyDown}\n      ref={ref}\n      rel={renderAsLink ? linkRel : undefined}\n      style={style}\n      target={renderAsLink ? target : undefined}\n      type={type}\n      value={value}>\n      {buttonContent}\n    </ActionElement>\n  );\n\n  if (effectiveTooltip != null) {\n    return <Tooltip content={effectiveTooltip}>{element}</Tooltip>;\n  }\n\n  return element;\n}\n\nButton.displayName = 'Button';\n"]}

package/dist/{chunk-CKDB7QNT.cjs → chunk-I2QAN2HX.cjs}

@@ -1,7 +1,8 @@
+'use client';
 'use strict';
 
-var chunkGJZAGTPV_cjs = require('./chunk-GJZAGTPV.cjs');
-var chunkVK7DXUGH_cjs = require('./chunk-VK7DXUGH.cjs');
+var chunk7KUEWO4T_cjs = require('./chunk-7KUEWO4T.cjs');
+var chunkE5TRE2YG_cjs = require('./chunk-E5TRE2YG.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -1627,43 +1628,43 @@ var tokens = {
     "variable": "var(--silver-colors-purple-950)"
   },
   "colors.teal.50": {
-    "value": "#dff8f7",
+    "value": "#ddf9f8",
     "variable": "var(--silver-colors-teal-50)"
   },
   "colors.teal.100": {
-    "value": "#c0f1ef",
+    "value": "#bdf4f2",
     "variable": "var(--silver-colors-teal-100)"
   },
   "colors.teal.200": {
-    "value": "#8be5e1",
+    "value": "#83e9e6",
     "variable": "var(--silver-colors-teal-200)"
   },
   "colors.teal.300": {
-    "value": "#4ad7d1",
+    "value": "#3addd7",
     "variable": "var(--silver-colors-teal-300)"
   },
   "colors.teal.400": {
-    "value": "#29b9b3",
+    "value": "#1eaea9",
     "variable": "var(--silver-colors-teal-400)"
   },
   "colors.teal.500": {
-    "value": "#1ca49e",
+    "value": "#0f7a76",
     "variable": "var(--silver-colors-teal-500)"
   },
   "colors.teal.600": {
-    "value": "#178682",
+    "value": "#0c6461",
     "variable": "var(--silver-colors-teal-600)"
   },
   "colors.teal.700": {
-    "value": "#126b67",
+    "value": "#0a4f4d",
     "variable": "var(--silver-colors-teal-700)"
   },
   "colors.teal.800": {
-    "value": "#0d4f4c",
+    "value": "#073b39",
     "variable": "var(--silver-colors-teal-800)"
   },
   "colors.teal.900": {
-    "value": "#093433",
+    "value": "#052726",
     "variable": "var(--silver-colors-teal-900)"
   },
   "colors.teal.950": {
@@ -1843,7 +1844,7 @@ var tokens = {
     "variable": "var(--silver-colors-status-warning-solid)"
   },
   "colors.status.warning.solidFg": {
-    "value": "var(--silver-colors-white)",
+    "value": "var(--silver-colors-gray-900)",
     "variable": "var(--silver-colors-status-warning-solid-fg)"
   },
   "colors.status.info.fg": {
@@ -3221,7 +3222,7 @@ function useTruncation({
     },
     [maxLines, observeElement, scheduleUpdate]
   );
-  chunkVK7DXUGH_cjs.useIsomorphicLayoutEffect(() => {
+  chunkE5TRE2YG_cjs.useIsomorphicLayoutEffect(() => {
     const element = elementRef.current;
     observeElement(element, maxLines);
     scheduleUpdate(element, maxLines);
@@ -3310,13 +3311,13 @@ function TruncatedHeading({
   const truncation = useTruncation({ maxLines });
   const resolvedWordBreak = wordBreak ?? "break-word";
   const isTooltipEnabled = truncateTooltip !== false && truncation.isTruncated;
-  const tooltip = chunkGJZAGTPV_cjs.useTooltip({
+  const tooltip = chunk7KUEWO4T_cjs.useTooltip({
     placement: truncateTooltip === false ? "above" : truncateTooltip,
     isEnabled: isTooltipEnabled
   });
   const tooltipRef = tooltip.ref;
   const tooltipDescribedBy = tooltip.describedBy;
-  chunkVK7DXUGH_cjs.useIsomorphicLayoutEffect(() => {
+  chunkE5TRE2YG_cjs.useIsomorphicLayoutEffect(() => {
     const element = headingRef.current;
     if (element == null) {
       return;
@@ -3468,13 +3469,13 @@ function TruncatedText({
   const resolvedColor = color ?? defaultColorByType[type];
   const resolvedWordBreak = wordBreak ?? "break-word";
   const isTooltipEnabled = truncateTooltip !== false && truncation.isTruncated;
-  const tooltip = chunkGJZAGTPV_cjs.useTooltip({
+  const tooltip = chunk7KUEWO4T_cjs.useTooltip({
     placement: truncateTooltip === false ? "above" : truncateTooltip,
     isEnabled: isTooltipEnabled
   });
   const tooltipRef = tooltip.ref;
   const tooltipDescribedBy = tooltip.describedBy;
-  chunkVK7DXUGH_cjs.useIsomorphicLayoutEffect(() => {
+  chunkE5TRE2YG_cjs.useIsomorphicLayoutEffect(() => {
     const element = textRef.current;
     if (element == null) {
       return;
@@ -3548,5 +3549,5 @@ Text.displayName = "Text";
 exports.Heading = Heading;
 exports.Text = Text;
 exports.token = token;
-//# sourceMappingURL=chunk-CKDB7QNT.cjs.map
-//# sourceMappingURL=chunk-CKDB7QNT.cjs.map
+//# sourceMappingURL=chunk-I2QAN2HX.cjs.map
+//# sourceMappingURL=chunk-I2QAN2HX.cjs.map