silver-ui 0.3.1 → 0.4.0

package/dist/{chunk-6USJ4LJJ.js.map → chunk-AJ6X62AI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroup.recipe.ts","../src/components/AvatarGroup/AvatarGroup.tsx","../src/components/AvatarGroup/AvatarGroupOverflow.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-6USJ4LJJ.js","sourcesContent":["import {cva} from 'styled-system/css';\n\nexport const avatarGroupRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    verticalAlign: 'middle',\n  },\n});\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {cx} from '../../internal/cx';\nimport {resolveAvatarSize, type AvatarSize} from '../Avatar';\nimport {avatarGroupRecipe} from './AvatarGroup.recipe';\nimport {AvatarGroupContext} from './AvatarGroupContext';\n\nconst OVERLAP_RATIO = 0.25;\n\n/**\n * Displays a stacked group of Avatars with shared size and overlap.\n */\nexport interface AvatarGroupProps {\n  /**\n   * Accessible label for the group. Default is \"Avatars\".\n   */\n  'aria-label'?: string;\n  /**\n   * Avatar and AvatarGroupOverflow children.\n   */\n  children: ReactNode;\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   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Size applied to child Avatars. Individual Avatar size props are ignored\n   * while inside the group so the stack remains visually consistent.\n   */\n  size?: AvatarSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\ntype AvatarGroupStyle = CSSProperties & {\n  '--avatar-group-overlap': string;\n};\n\n/**\n * Displays a stacked group of Avatars with shared size and overlap.\n */\nexport function AvatarGroup({\n  'aria-label': ariaLabel = 'Avatars',\n  children,\n  className,\n  'data-testid': dataTestId,\n  ref,\n  size = 'small',\n  style,\n}: AvatarGroupProps): React.JSX.Element {\n  const numericSize = resolveAvatarSize(size);\n  const overlap = Math.round(numericSize * OVERLAP_RATIO);\n  const contextValue = useMemo(\n    () => ({numericSize, overlap, size}),\n    [numericSize, overlap, size],\n  );\n  const rootStyle: AvatarGroupStyle = {\n    '--avatar-group-overlap': `${-overlap}px`,\n    ...style,\n  };\n\n  return (\n    <AvatarGroupContext value={contextValue}>\n      <div\n        aria-label={ariaLabel}\n        className={cx(avatarGroupRecipe(), className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"group\"\n        style={rootStyle}>\n        {children}\n      </div>\n    </AvatarGroupContext>\n  );\n}\n\nAvatarGroup.displayName = 'AvatarGroup';\n","import type {CSSProperties, MouseEventHandler, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {useAvatarGroup} from './AvatarGroupContext';\n\nconst DEFAULT_SIZE = 36;\nconst BORDER_WIDTH = 2;\nconst OVERFLOW_FONT_RATIO = 0.35;\n\n/**\n * Overflow indicator for AvatarGroup.\n */\nexport interface AvatarGroupOverflowProps {\n  /**\n   * Custom content rendered instead of the default \"+N\" text.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Number of hidden avatars represented by the overflow indicator.\n   */\n  count: number;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Click handler. When set, the overflow indicator renders as a button.\n   */\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    borderWidth: `${BORDER_WIDTH}px`,\n    borderStyle: 'solid',\n    borderColor: 'bg',\n    boxSizing: 'content-box',\n    bg: 'bg.subtle',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontWeight: 'medium',\n    userSelect: 'none',\n    '&:not(:first-child)': {\n      marginInlineStart: 'var(--avatar-group-overlap)',\n    },\n  }),\n  button: css({\n    cursor: 'pointer',\n    p: 0,\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n};\n\n/**\n * Overflow indicator showing the count of hidden avatars in an AvatarGroup.\n */\nexport function AvatarGroupOverflow({\n  children,\n  className,\n  count,\n  'data-testid': dataTestId,\n  onClick,\n  ref,\n  style,\n}: AvatarGroupOverflowProps): React.JSX.Element | null {\n  const group = useAvatarGroup();\n\n  if (count <= 0) {\n    return null;\n  }\n\n  const numericSize = group?.numericSize ?? DEFAULT_SIZE;\n  const label = `${count} more`;\n  const content = children ?? `+${count}`;\n  const rootStyle: CSSProperties = {\n    width: numericSize,\n    height: numericSize,\n    fontSize: numericSize * OVERFLOW_FONT_RATIO,\n    ...style,\n  };\n\n  if (onClick != null) {\n    return (\n      <button\n        aria-label={label}\n        className={cx(styles.root, styles.button, className)}\n        data-testid={dataTestId}\n        onClick={onClick}\n        ref={ref as Ref<HTMLButtonElement>}\n        style={rootStyle}\n        type=\"button\">\n        {content}\n      </button>\n    );\n  }\n\n  return (\n    <span\n      aria-label={label}\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"status\"\n      style={rootStyle}>\n      {content}\n    </span>\n  );\n}\n\nAvatarGroupOverflow.displayName = 'AvatarGroupOverflow';\n"]}
+{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroup.recipe.ts","../src/components/AvatarGroup/AvatarGroup.tsx","../src/components/AvatarGroup/AvatarGroupOverflow.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-AJ6X62AI.js","sourcesContent":["import {cva} from 'styled-system/css';\n\nexport const avatarGroupRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    verticalAlign: 'middle',\n  },\n});\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {cx} from '../../internal/cx';\nimport {resolveAvatarSize, type AvatarSize} from '../Avatar';\nimport {avatarGroupRecipe} from './AvatarGroup.recipe';\nimport {AvatarGroupContext} from './AvatarGroupContext';\n\nconst OVERLAP_RATIO = 0.25;\n\n/**\n * Displays a stacked group of Avatars with shared size and overlap.\n */\nexport interface AvatarGroupProps {\n  /**\n   * Accessible label for the group. Default is \"Avatars\".\n   */\n  'aria-label'?: string;\n  /**\n   * Avatar and AvatarGroupOverflow children.\n   */\n  children: ReactNode;\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   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Size applied to child Avatars. Individual Avatar size props are ignored\n   * while inside the group so the stack remains visually consistent.\n   */\n  size?: AvatarSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\ntype AvatarGroupStyle = CSSProperties & {\n  '--avatar-group-overlap': string;\n};\n\n/**\n * Displays a stacked group of Avatars with shared size and overlap.\n */\nexport function AvatarGroup({\n  'aria-label': ariaLabel = 'Avatars',\n  children,\n  className,\n  'data-testid': dataTestId,\n  ref,\n  size = 'small',\n  style,\n}: AvatarGroupProps): React.JSX.Element {\n  const numericSize = resolveAvatarSize(size);\n  const overlap = Math.round(numericSize * OVERLAP_RATIO);\n  const contextValue = useMemo(\n    () => ({numericSize, overlap, size}),\n    [numericSize, overlap, size],\n  );\n  const rootStyle: AvatarGroupStyle = {\n    '--avatar-group-overlap': `${-overlap}px`,\n    ...style,\n  };\n\n  return (\n    <AvatarGroupContext value={contextValue}>\n      <div\n        aria-label={ariaLabel}\n        className={cx(avatarGroupRecipe(), className)}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"group\"\n        style={rootStyle}>\n        {children}\n      </div>\n    </AvatarGroupContext>\n  );\n}\n\nAvatarGroup.displayName = 'AvatarGroup';\n","import type {CSSProperties, MouseEventHandler, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {useAvatarGroup} from './AvatarGroupContext';\n\nconst DEFAULT_SIZE = 36;\nconst BORDER_WIDTH = 2;\nconst OVERFLOW_FONT_RATIO = 0.35;\n\n/**\n * Overflow indicator for AvatarGroup.\n */\nexport interface AvatarGroupOverflowProps {\n  /**\n   * Custom content rendered instead of the default \"+N\" text.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Number of hidden avatars represented by the overflow indicator.\n   */\n  count: number;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Click handler. When set, the overflow indicator renders as a button.\n   */\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    borderWidth: `${BORDER_WIDTH}px`,\n    borderStyle: 'solid',\n    borderColor: 'bg',\n    boxSizing: 'content-box',\n    bg: 'bg.subtle',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontWeight: 'medium',\n    userSelect: 'none',\n    '&:not(:first-child)': {\n      marginInlineStart: 'var(--avatar-group-overlap)',\n    },\n  }),\n  button: css({\n    cursor: 'pointer',\n    p: 0,\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n};\n\n/**\n * Overflow indicator showing the count of hidden avatars in an AvatarGroup.\n */\nexport function AvatarGroupOverflow({\n  children,\n  className,\n  count,\n  'data-testid': dataTestId,\n  onClick,\n  ref,\n  style,\n}: AvatarGroupOverflowProps): React.JSX.Element | null {\n  const group = useAvatarGroup();\n\n  if (count <= 0) {\n    return null;\n  }\n\n  const numericSize = group?.numericSize ?? DEFAULT_SIZE;\n  const label = `${count} more`;\n  const content = children ?? `+${count}`;\n  const rootStyle: CSSProperties = {\n    width: numericSize,\n    height: numericSize,\n    fontSize: numericSize * OVERFLOW_FONT_RATIO,\n    ...style,\n  };\n\n  if (onClick != null) {\n    return (\n      <button\n        aria-label={label}\n        className={cx(styles.root, styles.button, className)}\n        data-testid={dataTestId}\n        onClick={onClick}\n        ref={ref as Ref<HTMLButtonElement>}\n        style={rootStyle}\n        type=\"button\">\n        {content}\n      </button>\n    );\n  }\n\n  return (\n    <span\n      aria-label={label}\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"status\"\n      style={rootStyle}>\n      {content}\n    </span>\n  );\n}\n\nAvatarGroupOverflow.displayName = 'AvatarGroupOverflow';\n"]}

package/dist/{chunk-UKDGDMWN.js → chunk-AP7BDTTF.js}

@@ -1,6 +1,6 @@
-import { DropdownMenu } from './chunk-XUJZTD4E.js';
+import { DropdownMenu } from './chunk-NFABMGNH.js';
 import { ButtonGroup } from './chunk-4CVDLMD6.js';
-import { Button } from './chunk-RVENUWRD.js';
+import { Button } from './chunk-2LABTS4P.js';
 import { ChevronDown } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -74,5 +74,5 @@ function SplitButton({
 SplitButton.displayName = "SplitButton";
 
 export { SplitButton };
-//# sourceMappingURL=chunk-UKDGDMWN.js.map
-//# sourceMappingURL=chunk-UKDGDMWN.js.map
+//# sourceMappingURL=chunk-AP7BDTTF.js.map
+//# sourceMappingURL=chunk-AP7BDTTF.js.map

package/dist/{chunk-UKDGDMWN.js.map → chunk-AP7BDTTF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SplitButton/SplitButton.tsx"],"names":[],"mappings":";;;;;;AA2FO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAAwC;AACtC,EAAA,uBACE,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,UAAA;AAAA,YACb,UAAA;AAAA,YACA,IAAA;AAAA,YACA,SAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA;AAAA,YACA,GAAA;AAAA,YACA,YAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,MAAA,EAAQ;AAAA,cACN,IAAA,EAAM,WAAA;AAAA,cACN,UAAA,EAAY,IAAA;AAAA,cACZ,KAAA,EAAO,SAAA;AAAA,cACP;AAAA,aACF;AAAA,YACA,YAAA;AAAA,YACA,UAAA,EAAY,KAAA;AAAA,YACZ,UAAA;AAAA,YACA,KAAA;AAAA,YACA,SAAA;AAAA,YACA,YAAA;AAAA,YACC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-UKDGDMWN.js","sourcesContent":["import {ChevronDown} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Button, type ButtonProps, type ButtonSize} from '../Button';\nimport {ButtonGroup} from '../ButtonGroup';\nimport {DropdownMenu, type DropdownMenuOption} from '../DropdownMenu';\nimport type {IconComponent} from '../Icon';\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions. A thin composition of `ButtonGroup`,\n * `Button`, and `DropdownMenu`.\n */\nexport interface SplitButtonProps extends Pick<\n  ButtonProps,\n  'endContent' | 'isLoading' | 'onClick' | 'startContent'\n> {\n  /**\n   * Compound menu content (`<DropdownMenuItem>`), an alternative to `items`.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the primary action button.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to auto-focus the first menu item on open.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Icon rendered before the primary action's label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether both the primary action and the menu toggle are disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Controlled open state of the menu.\n   */\n  isMenuOpen?: boolean;\n  /**\n   * Data-driven menu items (alternative to `children`).\n   */\n  items?: ReadonlyArray<DropdownMenuOption>;\n  /**\n   * Visible text for the primary action. Also used as the group's accessible\n   * label.\n   */\n  label: string;\n  /**\n   * Accessible label for the chevron toggle that opens the menu.\n   * @default 'More actions'\n   */\n  menuLabel?: string;\n  /**\n   * Width of the menu surface.\n   */\n  menuWidth?: number | string;\n  /**\n   * Called when the menu open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the primary action button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Default size for both buttons.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual style variant shared by both buttons.\n   * @default 'secondary'\n   */\n  variant?: ButtonProps['variant'];\n}\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions.\n */\nexport function SplitButton({\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  hasAutoFocus,\n  icon,\n  isDisabled = false,\n  isLoading,\n  isMenuOpen,\n  items,\n  label,\n  menuLabel = 'More actions',\n  menuWidth,\n  onClick,\n  onOpenChange,\n  ref,\n  size = 'md',\n  startContent,\n  style,\n  variant = 'secondary',\n}: SplitButtonProps): React.JSX.Element {\n  return (\n    <ButtonGroup\n      className={className}\n      isDisabled={isDisabled}\n      label={label}\n      size={size}\n      style={style}>\n      <Button\n        data-testid={dataTestId}\n        endContent={endContent}\n        icon={icon}\n        isLoading={isLoading}\n        label={label}\n        onClick={onClick}\n        ref={ref}\n        startContent={startContent}\n        variant={variant}\n      />\n      <DropdownMenu\n        button={{\n          icon: ChevronDown,\n          isIconOnly: true,\n          label: menuLabel,\n          variant,\n        }}\n        hasAutoFocus={hasAutoFocus}\n        hasChevron={false}\n        isMenuOpen={isMenuOpen}\n        items={items}\n        menuWidth={menuWidth}\n        onOpenChange={onOpenChange}>\n        {children}\n      </DropdownMenu>\n    </ButtonGroup>\n  );\n}\n\nSplitButton.displayName = 'SplitButton';\n"]}
+{"version":3,"sources":["../src/components/SplitButton/SplitButton.tsx"],"names":[],"mappings":";;;;;;AA2FO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,SAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,YAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAAwC;AACtC,EAAA,uBACE,IAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,UAAA;AAAA,YACb,UAAA;AAAA,YACA,IAAA;AAAA,YACA,SAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA;AAAA,YACA,GAAA;AAAA,YACA,YAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,MAAA,EAAQ;AAAA,cACN,IAAA,EAAM,WAAA;AAAA,cACN,UAAA,EAAY,IAAA;AAAA,cACZ,KAAA,EAAO,SAAA;AAAA,cACP;AAAA,aACF;AAAA,YACA,YAAA;AAAA,YACA,UAAA,EAAY,KAAA;AAAA,YACZ,UAAA;AAAA,YACA,KAAA;AAAA,YACA,SAAA;AAAA,YACA,YAAA;AAAA,YACC;AAAA;AAAA;AACH;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-AP7BDTTF.js","sourcesContent":["import {ChevronDown} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Button, type ButtonProps, type ButtonSize} from '../Button';\nimport {ButtonGroup} from '../ButtonGroup';\nimport {DropdownMenu, type DropdownMenuOption} from '../DropdownMenu';\nimport type {IconComponent} from '../Icon';\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions. A thin composition of `ButtonGroup`,\n * `Button`, and `DropdownMenu`.\n */\nexport interface SplitButtonProps extends Pick<\n  ButtonProps,\n  'endContent' | 'isLoading' | 'onClick' | 'startContent'\n> {\n  /**\n   * Compound menu content (`<DropdownMenuItem>`), an alternative to `items`.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the primary action button.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to auto-focus the first menu item on open.\n   * @default true\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Icon rendered before the primary action's label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether both the primary action and the menu toggle are disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Controlled open state of the menu.\n   */\n  isMenuOpen?: boolean;\n  /**\n   * Data-driven menu items (alternative to `children`).\n   */\n  items?: ReadonlyArray<DropdownMenuOption>;\n  /**\n   * Visible text for the primary action. Also used as the group's accessible\n   * label.\n   */\n  label: string;\n  /**\n   * Accessible label for the chevron toggle that opens the menu.\n   * @default 'More actions'\n   */\n  menuLabel?: string;\n  /**\n   * Width of the menu surface.\n   */\n  menuWidth?: number | string;\n  /**\n   * Called when the menu open state changes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the primary action button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Default size for both buttons.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual style variant shared by both buttons.\n   * @default 'secondary'\n   */\n  variant?: ButtonProps['variant'];\n}\n\n/**\n * A directly-clickable primary action paired with an attached chevron toggle\n * that opens a menu of related actions.\n */\nexport function SplitButton({\n  children,\n  className,\n  'data-testid': dataTestId,\n  endContent,\n  hasAutoFocus,\n  icon,\n  isDisabled = false,\n  isLoading,\n  isMenuOpen,\n  items,\n  label,\n  menuLabel = 'More actions',\n  menuWidth,\n  onClick,\n  onOpenChange,\n  ref,\n  size = 'md',\n  startContent,\n  style,\n  variant = 'secondary',\n}: SplitButtonProps): React.JSX.Element {\n  return (\n    <ButtonGroup\n      className={className}\n      isDisabled={isDisabled}\n      label={label}\n      size={size}\n      style={style}>\n      <Button\n        data-testid={dataTestId}\n        endContent={endContent}\n        icon={icon}\n        isLoading={isLoading}\n        label={label}\n        onClick={onClick}\n        ref={ref}\n        startContent={startContent}\n        variant={variant}\n      />\n      <DropdownMenu\n        button={{\n          icon: ChevronDown,\n          isIconOnly: true,\n          label: menuLabel,\n          variant,\n        }}\n        hasAutoFocus={hasAutoFocus}\n        hasChevron={false}\n        isMenuOpen={isMenuOpen}\n        items={items}\n        menuWidth={menuWidth}\n        onOpenChange={onOpenChange}>\n        {children}\n      </DropdownMenu>\n    </ButtonGroup>\n  );\n}\n\nSplitButton.displayName = 'SplitButton';\n"]}

package/dist/{chunk-7U7RP6N2.cjs → chunk-AWDIKDX5.cjs}

@@ -1,17 +1,17 @@
 'use strict';
 
 var chunkJKERY7QF_cjs = require('./chunk-JKERY7QF.cjs');
-var chunkZD3NPHZ7_cjs = require('./chunk-ZD3NPHZ7.cjs');
-var chunkBRB52QFV_cjs = require('./chunk-BRB52QFV.cjs');
-var chunkQEFE4QBL_cjs = require('./chunk-QEFE4QBL.cjs');
-var chunk5QPM5LUS_cjs = require('./chunk-5QPM5LUS.cjs');
+var chunkDP7VC4FW_cjs = require('./chunk-DP7VC4FW.cjs');
+var chunkQOKEU3DC_cjs = require('./chunk-QOKEU3DC.cjs');
+var chunkM26XECB2_cjs = require('./chunk-M26XECB2.cjs');
+var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/components/CodeBlock/CodeBlock.recipe.ts
-var codeBlockRecipe = chunk5QPM5LUS_cjs.sva({
+var codeBlockRecipe = chunkZ6RT3WPE_cjs.sva({
   slots: [
     "root",
     "header",
@@ -284,7 +284,7 @@ function CodeBlock({
     } catch {
     }
   }, [code, onCopy]);
-  const paddingToken = chunkQEFE4QBL_cjs.token(`spacing.${padding}`);
+  const paddingToken = chunkM26XECB2_cjs.token(`spacing.${padding}`);
   const codeStyle = {
     ["--cb-padding"]: paddingToken,
     padding: paddingToken
@@ -305,7 +305,7 @@ function CodeBlock({
   };
   const copyLabel = copied ? "Copied" : "Copy code";
   const copyButton = hasCopyButton ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBRB52QFV_cjs.Button,
+    chunkQOKEU3DC_cjs.Button,
     {
       icon: copied ? lucideReact.Check : lucideReact.Copy,
       isIconOnly: true,
@@ -342,7 +342,7 @@ function CodeBlock({
           ),
           copyButton != null ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkZD3NPHZ7_cjs.Divider,
+              chunkDP7VC4FW_cjs.Divider,
               {
                 className: classes.inlineDivider,
                 height: "auto",
@@ -412,5 +412,5 @@ function CodeBlock({
 CodeBlock.displayName = "CodeBlock";
 
 exports.CodeBlock = CodeBlock;
-//# sourceMappingURL=chunk-7U7RP6N2.cjs.map
-//# sourceMappingURL=chunk-7U7RP6N2.cjs.map
+//# sourceMappingURL=chunk-AWDIKDX5.cjs.map
+//# sourceMappingURL=chunk-AWDIKDX5.cjs.map

package/dist/{chunk-7U7RP6N2.cjs.map → chunk-AWDIKDX5.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CodeBlock/CodeBlock.recipe.ts","../src/components/CodeBlock/CodeBlock.tsx"],"names":["sva","useState","useRef","useMemo","useEffect","useCallback","token","jsx","Button","Check","Copy","jsxs","Card","cx","Fragment","Divider"],"mappings":"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","file":"chunk-7U7RP6N2.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const codeBlockRecipe = sva({\n  slots: [\n    'root',\n    'header',\n    'headerTitle',\n    'scroll',\n    'body',\n    'gutter',\n    'gutterLine',\n    'pre',\n    'code',\n    'line',\n    'copyButtonFloating',\n    'inlineCode',\n    'inlineDivider',\n  ],\n  base: {\n    root: {\n      color: 'fg',\n      overflow: 'hidden',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: '3',\n      px: '4',\n      py: '2',\n      borderBlockEndWidth: 'default',\n      borderBlockEndStyle: 'solid',\n      borderBlockEndColor: 'border',\n    },\n    headerTitle: {\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      color: 'fg.muted',\n      fontFamily: 'mono',\n      fontSize: 'xs',\n      fontWeight: 'medium',\n    },\n    scroll: {\n      overflow: 'auto',\n    },\n    body: {\n      display: 'flex',\n      minW: 'fit-content',\n    },\n    gutter: {\n      flexShrink: 0,\n      py: '3',\n      ps: '4',\n      pe: '3',\n      borderInlineEndWidth: 'default',\n      borderInlineEndStyle: 'solid',\n      borderInlineEndColor: 'border',\n      color: 'fg.muted',\n      textAlign: 'end',\n      userSelect: 'none',\n    },\n    gutterLine: {\n      fontFamily: 'mono',\n      lineHeight: '1.5rem',\n    },\n    pre: {\n      m: 0,\n      flex: 1,\n      minW: 0,\n    },\n    code: {\n      display: 'flex',\n      flexDirection: 'column',\n      color: 'fg',\n      fontFamily: 'mono',\n      tabSize: 2,\n      whiteSpace: 'pre',\n      wordBreak: 'normal',\n      overflowWrap: 'normal',\n    },\n    line: {\n      display: 'block',\n      minH: '1.5rem',\n      '&[data-highlighted]': {\n        bg: 'bg.selected',\n        mx: 'calc(var(--cb-padding) * -1)',\n        px: 'var(--cb-padding)',\n      },\n    },\n    copyButtonFloating: {\n      position: 'absolute',\n      top: '3',\n      right: '3',\n      zIndex: 1,\n      // On hover-capable devices, hide until the block is hovered/focused (the\n      // root reveals it via [data-cb-copy]). On touch devices it stays visible.\n      '@media (hover: hover)': {\n        opacity: 0,\n        pointerEvents: 'none',\n        transitionProperty: 'opacity',\n        transitionDuration: 'fast',\n        transitionTimingFunction: 'default',\n        '@media (prefers-reduced-motion: reduce)': {\n          transitionDuration: '0s',\n        },\n      },\n    },\n    inlineCode: {\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'pre',\n      fontFamily: 'mono',\n    },\n    inlineDivider: {\n      alignSelf: 'stretch',\n      ms: '1.5',\n    },\n  },\n  variants: {\n    container: {\n      card: {\n        root: {\n          position: 'relative',\n          isolation: 'isolate',\n          display: 'flex',\n          flexDirection: 'column',\n          borderRadius: 'md',\n          '&:hover [data-cb-copy], &:focus-within [data-cb-copy]': {\n            opacity: 1,\n            pointerEvents: 'auto',\n          },\n        },\n      },\n      section: {\n        root: {\n          position: 'relative',\n          isolation: 'isolate',\n          display: 'flex',\n          flexDirection: 'column',\n          '&:hover [data-cb-copy], &:focus-within [data-cb-copy]': {\n            opacity: 1,\n            pointerEvents: 'auto',\n          },\n        },\n      },\n      inline: {\n        root: {\n          display: 'inline-flex',\n          alignItems: 'center',\n          gap: '1',\n          maxWidth: '100%',\n          ps: '2.5',\n        },\n      },\n    },\n    size: {\n      sm: {\n        code: {fontSize: 'xs', lineHeight: '1.5rem'},\n        gutter: {fontSize: 'xs', lineHeight: '1.5rem'},\n        inlineCode: {fontSize: 'xs', lineHeight: '1.5rem'},\n      },\n      md: {\n        code: {fontSize: 'sm', lineHeight: '1.5rem'},\n        gutter: {fontSize: 'sm', lineHeight: '1.5rem'},\n        inlineCode: {fontSize: 'sm', lineHeight: '1.5rem'},\n      },\n    },\n    isWrapped: {\n      true: {\n        code: {\n          whiteSpace: 'pre-wrap',\n          wordBreak: 'break-word',\n          overflowWrap: 'anywhere',\n        },\n      },\n    },\n    hasFloatingCopy: {\n      true: {\n        code: {pe: '12'},\n      },\n    },\n  },\n  defaultVariants: {\n    container: 'card',\n    size: 'md',\n    isWrapped: false,\n    hasFloatingCopy: false,\n  },\n});\n\nexport type CodeBlockVariants = RecipeVariantProps<typeof codeBlockRecipe>;\n","'use client';\n\nimport {Check, Copy} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {token} from 'styled-system/tokens';\nimport {cx} from '../../internal/cx';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {Button} from '../Button';\nimport {Card} from '../Card';\nimport {Divider} from '../Divider';\nimport {codeBlockRecipe} from './CodeBlock.recipe';\n\nexport type CodeBlockContainer = 'card' | 'section' | 'inline';\nexport type CodeBlockSize = 'sm' | 'md';\n\nexport interface CodeBlockProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Source code to display.\n   */\n  code: string;\n  /**\n   * Container presentation style. Use `'inline'` for a compact, single-line\n   * snippet (e.g. an install command) with the copy button rendered inline;\n   * line numbers, titles, and `maxHeight` do not apply to inline blocks.\n   * @default 'card'\n   */\n  container?: CodeBlockContainer;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to show a copy button.\n   * @default true\n   */\n  hasCopyButton?: boolean;\n  /**\n   * Whether to render line numbers.\n   * @default false\n   */\n  hasLineNumbers?: boolean;\n  /**\n   * One-based line numbers to visually highlight.\n   */\n  highlightLines?: number[];\n  /**\n   * Whether long lines should wrap.\n   * @default false\n   */\n  isWrapped?: boolean;\n  /**\n   * Accessible label for the code block region.\n   */\n  label?: string;\n  /**\n   * Maximum scrollable body height. Numbers are treated as pixels.\n   */\n  maxHeight?: number | string;\n  /**\n   * Called after code is successfully copied.\n   */\n  onCopy?: () => void;\n  /**\n   * Inner padding step.\n   * @default 4\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: CodeBlockSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Optional header title.\n   */\n  title?: string;\n  /**\n   * Width of the code block. Accepts any CSS width value.\n   * @default 'fit-content'\n   */\n  width?: string;\n}\n\nfunction getLines(code: string): string[] {\n  const lines = code.split('\\n');\n  if (lines.length > 1 && lines[lines.length - 1] === '') {\n    lines.pop();\n  }\n  return lines;\n}\n\nfunction getLineEntries(code: string): {lineNumber: number; text: string}[] {\n  return getLines(code).map((text, index) => ({\n    lineNumber: index + 1,\n    text,\n  }));\n}\n\nfunction getRegionLabel({\n  label,\n  title,\n}: {\n  label?: string;\n  title?: string;\n}): string {\n  if (label != null) {\n    return label;\n  }\n\n  if (title != null && title.length > 0) {\n    return `${title} code block`;\n  }\n\n  return 'Code block';\n}\n\n/**\n * Read-only source code display.\n */\nexport function CodeBlock({\n  className,\n  code,\n  container = 'card',\n  'data-testid': dataTestId,\n  hasCopyButton = true,\n  hasLineNumbers = false,\n  highlightLines,\n  isWrapped = false,\n  label,\n  maxHeight,\n  onCopy,\n  padding = 4,\n  ref,\n  size = 'md',\n  style,\n  title,\n  width = 'fit-content',\n}: CodeBlockProps): React.JSX.Element {\n  const [copied, setCopied] = useState(false);\n  const copiedResetTimeoutRef = useRef<number | null>(null);\n  const lines = useMemo(() => getLineEntries(code), [code]);\n  const highlightLineKey = highlightLines?.join(',');\n  const highlightedLines = useMemo(\n    () =>\n      highlightLineKey == null || highlightLineKey.length === 0\n        ? null\n        : new Set(highlightLineKey.split(',').map(Number)),\n    [highlightLineKey],\n  );\n  const isInline = container === 'inline';\n  const showHeader = !isInline && title != null;\n  const regionLabel = getRegionLabel({label, title});\n\n  const classes = codeBlockRecipe({\n    container,\n    size,\n    isWrapped,\n    hasFloatingCopy: !showHeader && hasCopyButton,\n  });\n\n  useEffect(() => {\n    return () => {\n      if (copiedResetTimeoutRef.current != null) {\n        window.clearTimeout(copiedResetTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const handleCopy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(code);\n      setCopied(true);\n      onCopy?.();\n      if (copiedResetTimeoutRef.current != null) {\n        window.clearTimeout(copiedResetTimeoutRef.current);\n      }\n      copiedResetTimeoutRef.current = window.setTimeout(() => {\n        setCopied(false);\n        copiedResetTimeoutRef.current = null;\n      }, 2000);\n    } catch {\n      // Clipboard failures leave the copied state unchanged.\n    }\n  }, [code, onCopy]);\n\n  const paddingToken = token(`spacing.${padding}`);\n  const codeStyle: CSSProperties = {\n    ['--cb-padding' as string]: paddingToken,\n    padding: paddingToken,\n  };\n\n  const rootStyle: CSSProperties = isInline\n    ? {...style}\n    : {\n        width,\n        minWidth: width === 'fit-content' ? 'min(100%, 400px)' : undefined,\n        maxWidth: width === 'fit-content' ? '100%' : undefined,\n        ...style,\n      };\n  const scrollStyle: CSSProperties | undefined =\n    maxHeight == null\n      ? undefined\n      : {\n          maxHeight:\n            typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,\n        };\n  const scrollRegionProps = {\n    'aria-label': `${regionLabel} scroll area`,\n    role: 'region',\n    tabIndex: 0,\n  } as const;\n\n  const copyLabel = copied ? 'Copied' : 'Copy code';\n  const copyButton = hasCopyButton ? (\n    <Button\n      icon={copied ? Check : Copy}\n      isIconOnly\n      label={copyLabel}\n      onClick={() => {\n        void handleCopy();\n      }}\n      size=\"sm\"\n      tooltip={copyLabel}\n      variant=\"ghost\"\n    />\n  ) : null;\n\n  if (isInline) {\n    return (\n      <Card\n        aria-label={regionLabel}\n        className={cx(classes.root, className)}\n        data-container={container}\n        data-size={size}\n        data-testid={dataTestId}\n        padding={1}\n        ref={ref}\n        role=\"group\"\n        style={rootStyle}>\n        <code\n          className={classes.inlineCode}\n          data-testid={dataTestId == null ? undefined : `${dataTestId}-code`}>\n          {code}\n        </code>\n        {copyButton != null ? (\n          <>\n            <Divider\n              className={classes.inlineDivider}\n              height=\"auto\"\n              isFullBleed\n              orientation=\"vertical\"\n            />\n            {copyButton}\n          </>\n        ) : null}\n      </Card>\n    );\n  }\n\n  return (\n    <Card\n      aria-label={regionLabel}\n      className={cx(classes.root, className)}\n      data-container={container}\n      data-size={size}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"region\"\n      style={rootStyle}\n      variant={container === 'section' ? 'section' : 'default'}>\n      {showHeader ? (\n        <div className={classes.header}>\n          <div className={classes.headerTitle}>{title}</div>\n          {copyButton}\n        </div>\n      ) : null}\n      <div\n        {...scrollRegionProps}\n        className={classes.scroll}\n        data-testid={dataTestId == null ? undefined : `${dataTestId}-scroll`}\n        style={scrollStyle}>\n        <div className={classes.body}>\n          {hasLineNumbers ? (\n            <div aria-hidden=\"true\" className={classes.gutter}>\n              {lines.map(line => (\n                <div className={classes.gutterLine} key={line.lineNumber}>\n                  {line.lineNumber}\n                </div>\n              ))}\n            </div>\n          ) : null}\n          <pre className={classes.pre}>\n            <code\n              className={classes.code}\n              data-testid={\n                dataTestId == null ? undefined : `${dataTestId}-code`\n              }\n              data-wrapped={isWrapped ? '' : undefined}\n              style={codeStyle}>\n              {lines.map(line => (\n                <span\n                  className={classes.line}\n                  data-highlighted={\n                    highlightedLines?.has(line.lineNumber) ? '' : undefined\n                  }\n                  data-line={line.lineNumber}\n                  key={line.lineNumber}>\n                  {line.text.length === 0 ? '\\u200b' : line.text}\n                </span>\n              ))}\n            </code>\n          </pre>\n        </div>\n      </div>\n      {!showHeader && copyButton != null ? (\n        <div className={classes.copyButtonFloating} data-cb-copy=\"\">\n          {copyButton}\n        </div>\n      ) : null}\n    </Card>\n  );\n}\n\nCodeBlock.displayName = 'CodeBlock';\n"]}
+{"version":3,"sources":["../src/components/CodeBlock/CodeBlock.recipe.ts","../src/components/CodeBlock/CodeBlock.tsx"],"names":["sva","useState","useRef","useMemo","useEffect","useCallback","token","jsx","Button","Check","Copy","jsxs","Card","cx","Fragment","Divider"],"mappings":"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","file":"chunk-AWDIKDX5.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const codeBlockRecipe = sva({\n  slots: [\n    'root',\n    'header',\n    'headerTitle',\n    'scroll',\n    'body',\n    'gutter',\n    'gutterLine',\n    'pre',\n    'code',\n    'line',\n    'copyButtonFloating',\n    'inlineCode',\n    'inlineDivider',\n  ],\n  base: {\n    root: {\n      color: 'fg',\n      overflow: 'hidden',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: '3',\n      px: '4',\n      py: '2',\n      borderBlockEndWidth: 'default',\n      borderBlockEndStyle: 'solid',\n      borderBlockEndColor: 'border',\n    },\n    headerTitle: {\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      color: 'fg.muted',\n      fontFamily: 'mono',\n      fontSize: 'xs',\n      fontWeight: 'medium',\n    },\n    scroll: {\n      overflow: 'auto',\n    },\n    body: {\n      display: 'flex',\n      minW: 'fit-content',\n    },\n    gutter: {\n      flexShrink: 0,\n      py: '3',\n      ps: '4',\n      pe: '3',\n      borderInlineEndWidth: 'default',\n      borderInlineEndStyle: 'solid',\n      borderInlineEndColor: 'border',\n      color: 'fg.muted',\n      textAlign: 'end',\n      userSelect: 'none',\n    },\n    gutterLine: {\n      fontFamily: 'mono',\n      lineHeight: '1.5rem',\n    },\n    pre: {\n      m: 0,\n      flex: 1,\n      minW: 0,\n    },\n    code: {\n      display: 'flex',\n      flexDirection: 'column',\n      color: 'fg',\n      fontFamily: 'mono',\n      tabSize: 2,\n      whiteSpace: 'pre',\n      wordBreak: 'normal',\n      overflowWrap: 'normal',\n    },\n    line: {\n      display: 'block',\n      minH: '1.5rem',\n      '&[data-highlighted]': {\n        bg: 'bg.selected',\n        mx: 'calc(var(--cb-padding) * -1)',\n        px: 'var(--cb-padding)',\n      },\n    },\n    copyButtonFloating: {\n      position: 'absolute',\n      top: '3',\n      right: '3',\n      zIndex: 1,\n      // On hover-capable devices, hide until the block is hovered/focused (the\n      // root reveals it via [data-cb-copy]). On touch devices it stays visible.\n      '@media (hover: hover)': {\n        opacity: 0,\n        pointerEvents: 'none',\n        transitionProperty: 'opacity',\n        transitionDuration: 'fast',\n        transitionTimingFunction: 'default',\n        '@media (prefers-reduced-motion: reduce)': {\n          transitionDuration: '0s',\n        },\n      },\n    },\n    inlineCode: {\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'pre',\n      fontFamily: 'mono',\n    },\n    inlineDivider: {\n      alignSelf: 'stretch',\n      ms: '1.5',\n    },\n  },\n  variants: {\n    container: {\n      card: {\n        root: {\n          position: 'relative',\n          isolation: 'isolate',\n          display: 'flex',\n          flexDirection: 'column',\n          borderRadius: 'md',\n          '&:hover [data-cb-copy], &:focus-within [data-cb-copy]': {\n            opacity: 1,\n            pointerEvents: 'auto',\n          },\n        },\n      },\n      section: {\n        root: {\n          position: 'relative',\n          isolation: 'isolate',\n          display: 'flex',\n          flexDirection: 'column',\n          '&:hover [data-cb-copy], &:focus-within [data-cb-copy]': {\n            opacity: 1,\n            pointerEvents: 'auto',\n          },\n        },\n      },\n      inline: {\n        root: {\n          display: 'inline-flex',\n          alignItems: 'center',\n          gap: '1',\n          maxWidth: '100%',\n          ps: '2.5',\n        },\n      },\n    },\n    size: {\n      sm: {\n        code: {fontSize: 'xs', lineHeight: '1.5rem'},\n        gutter: {fontSize: 'xs', lineHeight: '1.5rem'},\n        inlineCode: {fontSize: 'xs', lineHeight: '1.5rem'},\n      },\n      md: {\n        code: {fontSize: 'sm', lineHeight: '1.5rem'},\n        gutter: {fontSize: 'sm', lineHeight: '1.5rem'},\n        inlineCode: {fontSize: 'sm', lineHeight: '1.5rem'},\n      },\n    },\n    isWrapped: {\n      true: {\n        code: {\n          whiteSpace: 'pre-wrap',\n          wordBreak: 'break-word',\n          overflowWrap: 'anywhere',\n        },\n      },\n    },\n    hasFloatingCopy: {\n      true: {\n        code: {pe: '12'},\n      },\n    },\n  },\n  defaultVariants: {\n    container: 'card',\n    size: 'md',\n    isWrapped: false,\n    hasFloatingCopy: false,\n  },\n});\n\nexport type CodeBlockVariants = RecipeVariantProps<typeof codeBlockRecipe>;\n","'use client';\n\nimport {Check, Copy} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {token} from 'styled-system/tokens';\nimport {cx} from '../../internal/cx';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {Button} from '../Button';\nimport {Card} from '../Card';\nimport {Divider} from '../Divider';\nimport {codeBlockRecipe} from './CodeBlock.recipe';\n\nexport type CodeBlockContainer = 'card' | 'section' | 'inline';\nexport type CodeBlockSize = 'sm' | 'md';\n\nexport interface CodeBlockProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Source code to display.\n   */\n  code: string;\n  /**\n   * Container presentation style. Use `'inline'` for a compact, single-line\n   * snippet (e.g. an install command) with the copy button rendered inline;\n   * line numbers, titles, and `maxHeight` do not apply to inline blocks.\n   * @default 'card'\n   */\n  container?: CodeBlockContainer;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to show a copy button.\n   * @default true\n   */\n  hasCopyButton?: boolean;\n  /**\n   * Whether to render line numbers.\n   * @default false\n   */\n  hasLineNumbers?: boolean;\n  /**\n   * One-based line numbers to visually highlight.\n   */\n  highlightLines?: number[];\n  /**\n   * Whether long lines should wrap.\n   * @default false\n   */\n  isWrapped?: boolean;\n  /**\n   * Accessible label for the code block region.\n   */\n  label?: string;\n  /**\n   * Maximum scrollable body height. Numbers are treated as pixels.\n   */\n  maxHeight?: number | string;\n  /**\n   * Called after code is successfully copied.\n   */\n  onCopy?: () => void;\n  /**\n   * Inner padding step.\n   * @default 4\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: CodeBlockSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Optional header title.\n   */\n  title?: string;\n  /**\n   * Width of the code block. Accepts any CSS width value.\n   * @default 'fit-content'\n   */\n  width?: string;\n}\n\nfunction getLines(code: string): string[] {\n  const lines = code.split('\\n');\n  if (lines.length > 1 && lines[lines.length - 1] === '') {\n    lines.pop();\n  }\n  return lines;\n}\n\nfunction getLineEntries(code: string): {lineNumber: number; text: string}[] {\n  return getLines(code).map((text, index) => ({\n    lineNumber: index + 1,\n    text,\n  }));\n}\n\nfunction getRegionLabel({\n  label,\n  title,\n}: {\n  label?: string;\n  title?: string;\n}): string {\n  if (label != null) {\n    return label;\n  }\n\n  if (title != null && title.length > 0) {\n    return `${title} code block`;\n  }\n\n  return 'Code block';\n}\n\n/**\n * Read-only source code display.\n */\nexport function CodeBlock({\n  className,\n  code,\n  container = 'card',\n  'data-testid': dataTestId,\n  hasCopyButton = true,\n  hasLineNumbers = false,\n  highlightLines,\n  isWrapped = false,\n  label,\n  maxHeight,\n  onCopy,\n  padding = 4,\n  ref,\n  size = 'md',\n  style,\n  title,\n  width = 'fit-content',\n}: CodeBlockProps): React.JSX.Element {\n  const [copied, setCopied] = useState(false);\n  const copiedResetTimeoutRef = useRef<number | null>(null);\n  const lines = useMemo(() => getLineEntries(code), [code]);\n  const highlightLineKey = highlightLines?.join(',');\n  const highlightedLines = useMemo(\n    () =>\n      highlightLineKey == null || highlightLineKey.length === 0\n        ? null\n        : new Set(highlightLineKey.split(',').map(Number)),\n    [highlightLineKey],\n  );\n  const isInline = container === 'inline';\n  const showHeader = !isInline && title != null;\n  const regionLabel = getRegionLabel({label, title});\n\n  const classes = codeBlockRecipe({\n    container,\n    size,\n    isWrapped,\n    hasFloatingCopy: !showHeader && hasCopyButton,\n  });\n\n  useEffect(() => {\n    return () => {\n      if (copiedResetTimeoutRef.current != null) {\n        window.clearTimeout(copiedResetTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const handleCopy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(code);\n      setCopied(true);\n      onCopy?.();\n      if (copiedResetTimeoutRef.current != null) {\n        window.clearTimeout(copiedResetTimeoutRef.current);\n      }\n      copiedResetTimeoutRef.current = window.setTimeout(() => {\n        setCopied(false);\n        copiedResetTimeoutRef.current = null;\n      }, 2000);\n    } catch {\n      // Clipboard failures leave the copied state unchanged.\n    }\n  }, [code, onCopy]);\n\n  const paddingToken = token(`spacing.${padding}`);\n  const codeStyle: CSSProperties = {\n    ['--cb-padding' as string]: paddingToken,\n    padding: paddingToken,\n  };\n\n  const rootStyle: CSSProperties = isInline\n    ? {...style}\n    : {\n        width,\n        minWidth: width === 'fit-content' ? 'min(100%, 400px)' : undefined,\n        maxWidth: width === 'fit-content' ? '100%' : undefined,\n        ...style,\n      };\n  const scrollStyle: CSSProperties | undefined =\n    maxHeight == null\n      ? undefined\n      : {\n          maxHeight:\n            typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,\n        };\n  const scrollRegionProps = {\n    'aria-label': `${regionLabel} scroll area`,\n    role: 'region',\n    tabIndex: 0,\n  } as const;\n\n  const copyLabel = copied ? 'Copied' : 'Copy code';\n  const copyButton = hasCopyButton ? (\n    <Button\n      icon={copied ? Check : Copy}\n      isIconOnly\n      label={copyLabel}\n      onClick={() => {\n        void handleCopy();\n      }}\n      size=\"sm\"\n      tooltip={copyLabel}\n      variant=\"ghost\"\n    />\n  ) : null;\n\n  if (isInline) {\n    return (\n      <Card\n        aria-label={regionLabel}\n        className={cx(classes.root, className)}\n        data-container={container}\n        data-size={size}\n        data-testid={dataTestId}\n        padding={1}\n        ref={ref}\n        role=\"group\"\n        style={rootStyle}>\n        <code\n          className={classes.inlineCode}\n          data-testid={dataTestId == null ? undefined : `${dataTestId}-code`}>\n          {code}\n        </code>\n        {copyButton != null ? (\n          <>\n            <Divider\n              className={classes.inlineDivider}\n              height=\"auto\"\n              isFullBleed\n              orientation=\"vertical\"\n            />\n            {copyButton}\n          </>\n        ) : null}\n      </Card>\n    );\n  }\n\n  return (\n    <Card\n      aria-label={regionLabel}\n      className={cx(classes.root, className)}\n      data-container={container}\n      data-size={size}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"region\"\n      style={rootStyle}\n      variant={container === 'section' ? 'section' : 'default'}>\n      {showHeader ? (\n        <div className={classes.header}>\n          <div className={classes.headerTitle}>{title}</div>\n          {copyButton}\n        </div>\n      ) : null}\n      <div\n        {...scrollRegionProps}\n        className={classes.scroll}\n        data-testid={dataTestId == null ? undefined : `${dataTestId}-scroll`}\n        style={scrollStyle}>\n        <div className={classes.body}>\n          {hasLineNumbers ? (\n            <div aria-hidden=\"true\" className={classes.gutter}>\n              {lines.map(line => (\n                <div className={classes.gutterLine} key={line.lineNumber}>\n                  {line.lineNumber}\n                </div>\n              ))}\n            </div>\n          ) : null}\n          <pre className={classes.pre}>\n            <code\n              className={classes.code}\n              data-testid={\n                dataTestId == null ? undefined : `${dataTestId}-code`\n              }\n              data-wrapped={isWrapped ? '' : undefined}\n              style={codeStyle}>\n              {lines.map(line => (\n                <span\n                  className={classes.line}\n                  data-highlighted={\n                    highlightedLines?.has(line.lineNumber) ? '' : undefined\n                  }\n                  data-line={line.lineNumber}\n                  key={line.lineNumber}>\n                  {line.text.length === 0 ? '\\u200b' : line.text}\n                </span>\n              ))}\n            </code>\n          </pre>\n        </div>\n      </div>\n      {!showHeader && copyButton != null ? (\n        <div className={classes.copyButtonFloating} data-cb-copy=\"\">\n          {copyButton}\n        </div>\n      ) : null}\n    </Card>\n  );\n}\n\nCodeBlock.displayName = 'CodeBlock';\n"]}

package/dist/{chunk-5AYGQJOW.js → chunk-BCCPNGUV.js}

@@ -1,5 +1,5 @@
-import { VisuallyHidden } from './chunk-EXYBQVZT.js';
-import { sva } from './chunk-EHCAF6D3.js';
+import { VisuallyHidden } from './chunk-7BSFKG7N.js';
+import { sva } from './chunk-IAVZKGZS.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -158,5 +158,5 @@ function Progress({
 Progress.displayName = "Progress";
 
 export { Progress };
-//# sourceMappingURL=chunk-5AYGQJOW.js.map
-//# sourceMappingURL=chunk-5AYGQJOW.js.map
+//# sourceMappingURL=chunk-BCCPNGUV.js.map
+//# sourceMappingURL=chunk-BCCPNGUV.js.map

package/dist/{chunk-5AYGQJOW.js.map → chunk-BCCPNGUV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Progress/Progress.recipe.ts","../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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","file":"chunk-5AYGQJOW.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const progressRecipe = sva({\n  slots: ['container', 'header', 'label', 'valueLabel', 'track', 'fill'],\n  base: {\n    container: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '1',\n      w: 'full',\n      minW: '12',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'baseline',\n      justifyContent: 'space-between',\n      gap: '2',\n    },\n    label: {\n      color: 'fg',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'medium',\n      lineHeight: 'normal',\n    },\n    valueLabel: {\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      lineHeight: 'normal',\n      whiteSpace: 'nowrap',\n    },\n    track: {\n      w: 'full',\n      h: '2',\n      overflow: 'hidden',\n      borderRadius: 'full',\n      bg: 'bg.hover',\n    },\n    fill: {\n      h: 'full',\n      borderRadius: 'full',\n      transitionProperty: 'width',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0s',\n      },\n    },\n  },\n  variants: {\n    variant: {\n      error: {fill: {bg: 'status.error.solid'}},\n      info: {fill: {bg: 'status.info.solid'}},\n      neutral: {fill: {bg: 'status.neutral.solid'}},\n      success: {fill: {bg: 'status.success.solid'}},\n      warning: {fill: {bg: 'status.warning.solid'}},\n    },\n    isDisabled: {\n      true: {\n        fill: {bg: 'status.disabled.solid'},\n        label: {color: 'fg.disabled'},\n        valueLabel: {color: 'fg.disabled'},\n      },\n    },\n    isIndeterminate: {\n      true: {\n        fill: {\n          w: '40%',\n          animation: 'pulse 1.5s ease-in-out infinite',\n          transitionProperty: 'none',\n          transitionDuration: '0s',\n          '@media (prefers-reduced-motion: reduce)': {\n            animation: 'pulse 3s ease-in-out infinite',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'info',\n    isDisabled: false,\n    isIndeterminate: false,\n  },\n});\n\nexport type ProgressVariants = RecipeVariantProps<typeof progressRecipe>;\n","import {useId, type CSSProperties, type Ref} from 'react';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {progressRecipe} from './Progress.recipe';\n\nexport type ProgressVariant =\n  | 'error'\n  | 'info'\n  | 'neutral'\n  | 'success'\n  | 'warning';\n\nexport interface ProgressProps {\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   * Custom formatter for the value label and aria-valuetext.\n   */\n  formatValueLabel?: (value: number, max: number) => string;\n  /**\n   * Whether to display the formatted value beside the label.\n   * @default false\n   */\n  hasValueLabel?: boolean;\n  /**\n   * Whether the progress bar is visually disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to render an indeterminate loading indicator.\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Accessible label for the progress bar.\n   */\n  label: string;\n  /**\n   * Maximum progress value.\n   * @default 100\n   */\n  max?: number;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * ARIA role for the progress indicator. Use 'progressbar' for task\n   * completion and 'meter' for static gauges.\n   * @default 'progressbar'\n   */\n  role?: 'meter' | 'progressbar';\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current progress value.\n   * @default 0\n   */\n  value?: number;\n  /**\n   * Semantic color variant.\n   * @default 'info'\n   */\n  variant?: ProgressVariant;\n}\n\nfunction defaultFormatValueLabel(value: number, max: number): string {\n  if (max <= 0) {\n    return '0%';\n  }\n  return `${Math.round((value / max) * 100)}%`;\n}\n\n/**\n * A progress bar that communicates determinate or indeterminate loading state.\n */\nexport function Progress({\n  className,\n  'data-testid': dataTestId,\n  formatValueLabel = defaultFormatValueLabel,\n  hasValueLabel = false,\n  isDisabled = false,\n  isIndeterminate = false,\n  isLabelHidden = false,\n  label,\n  max = 100,\n  ref,\n  role: roleProp = 'progressbar',\n  style,\n  value = 0,\n  variant = 'info',\n}: ProgressProps): React.JSX.Element {\n  const labelId = useId();\n\n  if (process.env.NODE_ENV !== 'production' && max <= 0) {\n    console.warn('Progress: `max` must be greater than 0.');\n  }\n\n  const clampedValue = Math.min(Math.max(0, value), max);\n  const percentage = max > 0 ? (clampedValue / max) * 100 : 0;\n  const valueText = formatValueLabel(clampedValue, max);\n  const showValueLabel = hasValueLabel && !isIndeterminate;\n  const classes = progressRecipe({variant, isDisabled, isIndeterminate});\n\n  return (\n    <div\n      className={cx(classes.container, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {!isLabelHidden || showValueLabel ? (\n        <div className={classes.header}>\n          {isLabelHidden ? (\n            <VisuallyHidden id={labelId}>{label}</VisuallyHidden>\n          ) : (\n            <span className={classes.label} id={labelId}>\n              {label}\n            </span>\n          )}\n          {showValueLabel ? (\n            <span className={classes.valueLabel}>{valueText}</span>\n          ) : null}\n        </div>\n      ) : (\n        <VisuallyHidden id={labelId}>{label}</VisuallyHidden>\n      )}\n\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-labelledby={labelId}\n        aria-valuemax={isIndeterminate ? undefined : max}\n        aria-valuemin={isIndeterminate ? undefined : 0}\n        aria-valuenow={isIndeterminate ? undefined : clampedValue}\n        aria-valuetext={isIndeterminate ? undefined : valueText}\n        className={classes.track}\n        role={isIndeterminate ? 'progressbar' : roleProp}>\n        <div\n          className={classes.fill}\n          style={isIndeterminate ? undefined : {width: `${percentage}%`}}\n        />\n      </div>\n    </div>\n  );\n}\n\nProgress.displayName = 'Progress';\n"]}
+{"version":3,"sources":["../src/components/Progress/Progress.recipe.ts","../src/components/Progress/Progress.tsx"],"names":[],"mappings":"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","file":"chunk-BCCPNGUV.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const progressRecipe = sva({\n  slots: ['container', 'header', 'label', 'valueLabel', 'track', 'fill'],\n  base: {\n    container: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '1',\n      w: 'full',\n      minW: '12',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'baseline',\n      justifyContent: 'space-between',\n      gap: '2',\n    },\n    label: {\n      color: 'fg',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'medium',\n      lineHeight: 'normal',\n    },\n    valueLabel: {\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      lineHeight: 'normal',\n      whiteSpace: 'nowrap',\n    },\n    track: {\n      w: 'full',\n      h: '2',\n      overflow: 'hidden',\n      borderRadius: 'full',\n      bg: 'bg.hover',\n    },\n    fill: {\n      h: 'full',\n      borderRadius: 'full',\n      transitionProperty: 'width',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0s',\n      },\n    },\n  },\n  variants: {\n    variant: {\n      error: {fill: {bg: 'status.error.solid'}},\n      info: {fill: {bg: 'status.info.solid'}},\n      neutral: {fill: {bg: 'status.neutral.solid'}},\n      success: {fill: {bg: 'status.success.solid'}},\n      warning: {fill: {bg: 'status.warning.solid'}},\n    },\n    isDisabled: {\n      true: {\n        fill: {bg: 'status.disabled.solid'},\n        label: {color: 'fg.disabled'},\n        valueLabel: {color: 'fg.disabled'},\n      },\n    },\n    isIndeterminate: {\n      true: {\n        fill: {\n          w: '40%',\n          animation: 'pulse 1.5s ease-in-out infinite',\n          transitionProperty: 'none',\n          transitionDuration: '0s',\n          '@media (prefers-reduced-motion: reduce)': {\n            animation: 'pulse 3s ease-in-out infinite',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    variant: 'info',\n    isDisabled: false,\n    isIndeterminate: false,\n  },\n});\n\nexport type ProgressVariants = RecipeVariantProps<typeof progressRecipe>;\n","import {useId, type CSSProperties, type Ref} from 'react';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {progressRecipe} from './Progress.recipe';\n\nexport type ProgressVariant =\n  | 'error'\n  | 'info'\n  | 'neutral'\n  | 'success'\n  | 'warning';\n\nexport interface ProgressProps {\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   * Custom formatter for the value label and aria-valuetext.\n   */\n  formatValueLabel?: (value: number, max: number) => string;\n  /**\n   * Whether to display the formatted value beside the label.\n   * @default false\n   */\n  hasValueLabel?: boolean;\n  /**\n   * Whether the progress bar is visually disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to render an indeterminate loading indicator.\n   * @default false\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Accessible label for the progress bar.\n   */\n  label: string;\n  /**\n   * Maximum progress value.\n   * @default 100\n   */\n  max?: number;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * ARIA role for the progress indicator. Use 'progressbar' for task\n   * completion and 'meter' for static gauges.\n   * @default 'progressbar'\n   */\n  role?: 'meter' | 'progressbar';\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current progress value.\n   * @default 0\n   */\n  value?: number;\n  /**\n   * Semantic color variant.\n   * @default 'info'\n   */\n  variant?: ProgressVariant;\n}\n\nfunction defaultFormatValueLabel(value: number, max: number): string {\n  if (max <= 0) {\n    return '0%';\n  }\n  return `${Math.round((value / max) * 100)}%`;\n}\n\n/**\n * A progress bar that communicates determinate or indeterminate loading state.\n */\nexport function Progress({\n  className,\n  'data-testid': dataTestId,\n  formatValueLabel = defaultFormatValueLabel,\n  hasValueLabel = false,\n  isDisabled = false,\n  isIndeterminate = false,\n  isLabelHidden = false,\n  label,\n  max = 100,\n  ref,\n  role: roleProp = 'progressbar',\n  style,\n  value = 0,\n  variant = 'info',\n}: ProgressProps): React.JSX.Element {\n  const labelId = useId();\n\n  if (process.env.NODE_ENV !== 'production' && max <= 0) {\n    console.warn('Progress: `max` must be greater than 0.');\n  }\n\n  const clampedValue = Math.min(Math.max(0, value), max);\n  const percentage = max > 0 ? (clampedValue / max) * 100 : 0;\n  const valueText = formatValueLabel(clampedValue, max);\n  const showValueLabel = hasValueLabel && !isIndeterminate;\n  const classes = progressRecipe({variant, isDisabled, isIndeterminate});\n\n  return (\n    <div\n      className={cx(classes.container, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {!isLabelHidden || showValueLabel ? (\n        <div className={classes.header}>\n          {isLabelHidden ? (\n            <VisuallyHidden id={labelId}>{label}</VisuallyHidden>\n          ) : (\n            <span className={classes.label} id={labelId}>\n              {label}\n            </span>\n          )}\n          {showValueLabel ? (\n            <span className={classes.valueLabel}>{valueText}</span>\n          ) : null}\n        </div>\n      ) : (\n        <VisuallyHidden id={labelId}>{label}</VisuallyHidden>\n      )}\n\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-labelledby={labelId}\n        aria-valuemax={isIndeterminate ? undefined : max}\n        aria-valuemin={isIndeterminate ? undefined : 0}\n        aria-valuenow={isIndeterminate ? undefined : clampedValue}\n        aria-valuetext={isIndeterminate ? undefined : valueText}\n        className={classes.track}\n        role={isIndeterminate ? 'progressbar' : roleProp}>\n        <div\n          className={classes.fill}\n          style={isIndeterminate ? undefined : {width: `${percentage}%`}}\n        />\n      </div>\n    </div>\n  );\n}\n\nProgress.displayName = 'Progress';\n"]}

package/dist/{chunk-QRKRVCA3.cjs → chunk-BLRWA445.cjs}

@@ -1,25 +1,25 @@
 'use strict';
 
-var chunkU5GTHA44_cjs = require('./chunk-U5GTHA44.cjs');
+var chunkFB245S6T_cjs = require('./chunk-FB245S6T.cjs');
 var chunkVXBVSYPA_cjs = require('./chunk-VXBVSYPA.cjs');
-var chunkBAPCHFNX_cjs = require('./chunk-BAPCHFNX.cjs');
+var chunkYY6KJO5Z_cjs = require('./chunk-YY6KJO5Z.cjs');
 var chunk2P6D43V2_cjs = require('./chunk-2P6D43V2.cjs');
-var chunkW3KMDQKP_cjs = require('./chunk-W3KMDQKP.cjs');
-var chunkBRB52QFV_cjs = require('./chunk-BRB52QFV.cjs');
-var chunkKFDHP4WP_cjs = require('./chunk-KFDHP4WP.cjs');
-var chunkQEFE4QBL_cjs = require('./chunk-QEFE4QBL.cjs');
+var chunkG2WW52GO_cjs = require('./chunk-G2WW52GO.cjs');
+var chunkQOKEU3DC_cjs = require('./chunk-QOKEU3DC.cjs');
+var chunkSBS7U7CN_cjs = require('./chunk-SBS7U7CN.cjs');
+var chunkM26XECB2_cjs = require('./chunk-M26XECB2.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
-var chunk5QPM5LUS_cjs = require('./chunk-5QPM5LUS.cjs');
-var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/components/AutocompleteInput/AutocompleteInput.recipe.ts
-var autocompleteMenuRecipe = chunk5QPM5LUS_cjs.sva({
+var autocompleteMenuRecipe = chunkZ6RT3WPE_cjs.sva({
   slots: ["menu", "option", "check", "loading", "empty"],
   base: {
     menu: {
@@ -87,7 +87,7 @@ var autocompleteMenuRecipe = chunk5QPM5LUS_cjs.sva({
 });
 var optionHighlightedStyle = chunkRU6JG3FS_cjs.css({ bg: "bg.subtle" });
 var optionSelectedStyle = chunkRU6JG3FS_cjs.css({ fontWeight: "medium" });
-var autocompleteItemRecipe = chunk5QPM5LUS_cjs.sva({
+var autocompleteItemRecipe = chunkZ6RT3WPE_cjs.sva({
   slots: ["root", "icon", "text"],
   base: {
     root: {
@@ -142,8 +142,8 @@ function AutocompleteInputItem(props) {
       children: [
         icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon, size: "sm" }) }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classes.text, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { as: "span", color: "inherit", type: "label", children: item.label }),
-          chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: description }) : null
+          /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { as: "span", color: "inherit", type: "label", children: item.label }),
+          chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: description }) : null
         ] })
       ]
     }
@@ -342,8 +342,8 @@ function BaseAutocompleteInput({
       role: "listbox",
       children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: menuClasses.loading, role: "status", children: [
         /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.LoaderCircle, size: "sm" }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: "Loading" })
-      ] }) : hasError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: menuClasses.empty, role: "alert", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: errorText }) }) : results.length === 0 && hasSearched ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: menuClasses.empty, children: /* @__PURE__ */ jsxRuntime.jsx(chunkQEFE4QBL_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: emptySearchResultsText }) }) : results.map((item, index) => {
+        /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: "Loading" })
+      ] }) : hasError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: menuClasses.empty, role: "alert", children: /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: errorText }) }) : results.length === 0 && hasSearched ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: menuClasses.empty, children: /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: emptySearchResultsText }) }) : results.map((item, index) => {
         const isSelected = value?.id === item.id;
         return (
           // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events -- keyboard navigation is handled by the combobox input, not individual options
@@ -448,9 +448,9 @@ function BaseAutocompleteInput({
         value: query
       }
     ),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkKFDHP4WP_cjs.Spinner, { size: "sm" }) : null,
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkSBS7U7CN_cjs.Spinner, { size: "sm" }) : null,
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkW3KMDQKP_cjs.Popover,
+      chunkG2WW52GO_cjs.Popover,
       {
         anchorRef: anchorRef ?? fallbackAnchorRef,
         content: menu,
@@ -528,7 +528,7 @@ function AutocompleteInput({
     () => status == null ? void 0 : { ...status, messageID: statusMessageID },
     [status, statusMessageID]
   );
-  const necessity = chunkBAPCHFNX_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkYY6KJO5Z_cjs.getNecessity(isOptional, isRequired);
   const startEditing = react.useCallback(
     (seedQuery) => {
       if (isDisabled) {
@@ -547,7 +547,7 @@ function AutocompleteInput({
     [isDisabled]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBAPCHFNX_cjs.Field,
+    chunkYY6KJO5Z_cjs.Field,
     {
       className,
       description,
@@ -583,7 +583,7 @@ function AutocompleteInput({
           children: [
             startIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVXBVSYPA_cjs.inputStyles.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon: startIcon, size: "sm" }) }) : null,
             showTag ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkU5GTHA44_cjs.Tag,
+              chunkFB245S6T_cjs.Tag,
               {
                 className: styles2.tag,
                 isDisabled,
@@ -627,7 +627,7 @@ function AutocompleteInput({
               }
             ),
             hasClear && value != null && !isDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkBRB52QFV_cjs.Button,
+              chunkQOKEU3DC_cjs.Button,
               {
                 className: styles2.clearButton,
                 icon: lucideReact.X,
@@ -652,7 +652,7 @@ function AutocompleteInput({
 AutocompleteInput.displayName = "AutocompleteInput";
 
 // src/components/AutocompleteInput/types.ts
-function createStaticSource(items, options) {
+function createStaticSearchSource(items, options) {
   return {
     bootstrap: () => items,
     search(query) {
@@ -664,7 +664,7 @@ function createStaticSource(items, options) {
         if (item.label.toLowerCase().includes(normalizedQuery)) {
           return true;
         }
-        return options?.keywords?.(item).some((keyword) => keyword.toLowerCase().includes(normalizedQuery)) ?? false;
+        return options?.getKeywords?.(item).some((keyword) => keyword.toLowerCase().includes(normalizedQuery)) ?? false;
       });
     }
   };
@@ -673,6 +673,6 @@ function createStaticSource(items, options) {
 exports.AutocompleteInput = AutocompleteInput;
 exports.AutocompleteInputItem = AutocompleteInputItem;
 exports.BaseAutocompleteInput = BaseAutocompleteInput;
-exports.createStaticSource = createStaticSource;
-//# sourceMappingURL=chunk-QRKRVCA3.cjs.map
-//# sourceMappingURL=chunk-QRKRVCA3.cjs.map
+exports.createStaticSearchSource = createStaticSearchSource;
+//# sourceMappingURL=chunk-BLRWA445.cjs.map
+//# sourceMappingURL=chunk-BLRWA445.cjs.map