silver-ui 0.7.3 → 0.8.1

package/dist/{chunk-BQWUTDTN.js → chunk-MCCOQSSC.js}

@@ -1,3 +1,4 @@
+'use client';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { sva } from './chunk-IAVZKGZS.js';
 import { cx } from './chunk-PPNETWIP.js';
@@ -120,5 +121,5 @@ function Divider({
 Divider.displayName = "Divider";
 
 export { Divider };
-//# sourceMappingURL=chunk-BQWUTDTN.js.map
-//# sourceMappingURL=chunk-BQWUTDTN.js.map
+//# sourceMappingURL=chunk-MCCOQSSC.js.map
+//# sourceMappingURL=chunk-MCCOQSSC.js.map

package/dist/{chunk-BQWUTDTN.js.map → chunk-MCCOQSSC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/Divider.recipe.ts","../src/components/Divider/Divider.tsx"],"names":[],"mappings":"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","file":"chunk-BQWUTDTN.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const dividerRecipe = sva({\n  slots: ['root', 'line', 'label'],\n  base: {\n    root: {\n      color: 'fg.muted',\n      alignItems: 'center',\n    },\n    line: {\n      flex: 1,\n    },\n    label: {\n      flexShrink: 0,\n      fontFamily: 'body',\n      fontSize: 'sm',\n      color: 'fg.muted',\n    },\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: {display: 'flex', w: '100%'},\n        line: {h: '1px'},\n        label: {px: '3'},\n      },\n      vertical: {\n        root: {display: 'inline-flex', flexDirection: 'column', h: '100%'},\n        line: {w: '1px'},\n        label: {py: '3'},\n      },\n    },\n    variant: {\n      subtle: {line: {bg: 'border'}},\n      strong: {line: {bg: 'border.emphasized'}},\n    },\n    // Marker variant; the real full-bleed styling is orientation-dependent, so\n    // it lives in compoundVariants below.\n    isFullBleed: {\n      true: {},\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: 'horizontal',\n      isFullBleed: true,\n      css: {\n        root: {\n          mx: 'calc(-1 * var(--card-padding, 0px))',\n          w: 'calc(100% + var(--card-padding, 0px) * 2)',\n        },\n      },\n    },\n    {\n      orientation: 'vertical',\n      isFullBleed: true,\n      css: {\n        root: {\n          my: 'calc(-1 * var(--card-padding, 0px))',\n          h: 'calc(100% + var(--card-padding, 0px) * 2)',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    variant: 'subtle',\n    isFullBleed: false,\n  },\n});\n\nexport type DividerVariants = RecipeVariantProps<typeof dividerRecipe>;\n","import {useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {dividerRecipe} from 'components/Divider/Divider.recipe';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type DividerOrientation = 'horizontal' | 'vertical';\nexport type DividerVariant = 'subtle' | 'strong';\n\n/**\n * Visual separator for grouping content.\n */\nexport interface DividerProps {\n  /**\n   * Accessible label for the separator. Use when the divider conveys\n   * meaning beyond a visual break (e.g., separating named sections).\n   */\n  'aria-label'?: string;\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   * Length of a vertical divider. Numbers are treated as pixels. Ignored for\n   * horizontal dividers, which size to their container width.\n   */\n  height?: number | string;\n  /**\n   * Whether the divider should escape container padding.\n   */\n  isFullBleed?: boolean;\n  /**\n   * Optional label rendered in the divider.\n   */\n  label?: ReactNode;\n  /**\n   * Divider orientation. Default is `horizontal`.\n   */\n  orientation?: DividerOrientation;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual weight of the divider. Default is `subtle`.\n   */\n  variant?: DividerVariant;\n  /**\n   * Length of a horizontal divider. Numbers are treated as pixels. Ignored for\n   * vertical dividers, which size to their container height.\n   */\n  width?: number | string;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function Divider({\n  'aria-label': ariaLabel,\n  className,\n  'data-testid': dataTestId,\n  height,\n  isFullBleed = false,\n  label,\n  orientation = 'horizontal',\n  ref,\n  style,\n  variant = 'subtle',\n  width,\n}: DividerProps): React.JSX.Element {\n  const labelId = useId();\n  const isHorizontal = orientation === 'horizontal';\n  const classes = dividerRecipe({orientation, variant, isFullBleed});\n  // Only the along-axis length applies: width for horizontal, height for\n  // vertical. Consumer `style` still wins via the spread below.\n  const dimensionStyle: CSSProperties = {\n    width: isHorizontal && width != null ? formatSize(width) : undefined,\n    height: !isHorizontal && height != null ? formatSize(height) : undefined,\n  };\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      aria-labelledby={\n        isReactNode(label) && ariaLabel == null ? labelId : undefined\n      }\n      aria-orientation={orientation}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"separator\"\n      style={{...dimensionStyle, ...style}}>\n      <div className={classes.line} />\n      {isReactNode(label) ? (\n        <>\n          <div className={classes.label} id={labelId}>\n            {label}\n          </div>\n          <div className={classes.line} />\n        </>\n      ) : null}\n    </div>\n  );\n}\n\nDivider.displayName = 'Divider';\n"]}
+{"version":3,"sources":["../src/components/Divider/Divider.recipe.ts","../src/components/Divider/Divider.tsx"],"names":[],"mappings":"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","file":"chunk-MCCOQSSC.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const dividerRecipe = sva({\n  slots: ['root', 'line', 'label'],\n  base: {\n    root: {\n      color: 'fg.muted',\n      alignItems: 'center',\n    },\n    line: {\n      flex: 1,\n    },\n    label: {\n      flexShrink: 0,\n      fontFamily: 'body',\n      fontSize: 'sm',\n      color: 'fg.muted',\n    },\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: {display: 'flex', w: '100%'},\n        line: {h: '1px'},\n        label: {px: '3'},\n      },\n      vertical: {\n        root: {display: 'inline-flex', flexDirection: 'column', h: '100%'},\n        line: {w: '1px'},\n        label: {py: '3'},\n      },\n    },\n    variant: {\n      subtle: {line: {bg: 'border'}},\n      strong: {line: {bg: 'border.emphasized'}},\n    },\n    // Marker variant; the real full-bleed styling is orientation-dependent, so\n    // it lives in compoundVariants below.\n    isFullBleed: {\n      true: {},\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: 'horizontal',\n      isFullBleed: true,\n      css: {\n        root: {\n          mx: 'calc(-1 * var(--card-padding, 0px))',\n          w: 'calc(100% + var(--card-padding, 0px) * 2)',\n        },\n      },\n    },\n    {\n      orientation: 'vertical',\n      isFullBleed: true,\n      css: {\n        root: {\n          my: 'calc(-1 * var(--card-padding, 0px))',\n          h: 'calc(100% + var(--card-padding, 0px) * 2)',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    variant: 'subtle',\n    isFullBleed: false,\n  },\n});\n\nexport type DividerVariants = RecipeVariantProps<typeof dividerRecipe>;\n","'use client';\n\nimport {useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {dividerRecipe} from 'components/Divider/Divider.recipe';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type DividerOrientation = 'horizontal' | 'vertical';\nexport type DividerVariant = 'subtle' | 'strong';\n\n/**\n * Visual separator for grouping content.\n */\nexport interface DividerProps {\n  /**\n   * Accessible label for the separator. Use when the divider conveys\n   * meaning beyond a visual break (e.g., separating named sections).\n   */\n  'aria-label'?: string;\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   * Length of a vertical divider. Numbers are treated as pixels. Ignored for\n   * horizontal dividers, which size to their container width.\n   */\n  height?: number | string;\n  /**\n   * Whether the divider should escape container padding.\n   */\n  isFullBleed?: boolean;\n  /**\n   * Optional label rendered in the divider.\n   */\n  label?: ReactNode;\n  /**\n   * Divider orientation. Default is `horizontal`.\n   */\n  orientation?: DividerOrientation;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual weight of the divider. Default is `subtle`.\n   */\n  variant?: DividerVariant;\n  /**\n   * Length of a horizontal divider. Numbers are treated as pixels. Ignored for\n   * vertical dividers, which size to their container height.\n   */\n  width?: number | string;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function Divider({\n  'aria-label': ariaLabel,\n  className,\n  'data-testid': dataTestId,\n  height,\n  isFullBleed = false,\n  label,\n  orientation = 'horizontal',\n  ref,\n  style,\n  variant = 'subtle',\n  width,\n}: DividerProps): React.JSX.Element {\n  const labelId = useId();\n  const isHorizontal = orientation === 'horizontal';\n  const classes = dividerRecipe({orientation, variant, isFullBleed});\n  // Only the along-axis length applies: width for horizontal, height for\n  // vertical. Consumer `style` still wins via the spread below.\n  const dimensionStyle: CSSProperties = {\n    width: isHorizontal && width != null ? formatSize(width) : undefined,\n    height: !isHorizontal && height != null ? formatSize(height) : undefined,\n  };\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      aria-labelledby={\n        isReactNode(label) && ariaLabel == null ? labelId : undefined\n      }\n      aria-orientation={orientation}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"separator\"\n      style={{...dimensionStyle, ...style}}>\n      <div className={classes.line} />\n      {isReactNode(label) ? (\n        <>\n          <div className={classes.label} id={labelId}>\n            {label}\n          </div>\n          <div className={classes.line} />\n        </>\n      ) : null}\n    </div>\n  );\n}\n\nDivider.displayName = 'Divider';\n"]}

package/dist/{chunk-I2DXEPDF.js → chunk-MVDTWARG.js}

@@ -1,7 +1,8 @@
-import { Dialog } from './chunk-56PY2CD7.js';
-import { Layout, LayoutHeader, LayoutFooter, LayoutContent } from './chunk-NSWKBWPP.js';
-import { Button } from './chunk-EBV3EX3J.js';
-import { Text } from './chunk-5GSRIOXE.js';
+'use client';
+import { Dialog } from './chunk-NSA33LOE.js';
+import { Layout, LayoutHeader, LayoutFooter, LayoutContent } from './chunk-OSYOGJC5.js';
+import { Button } from './chunk-J2TQNGUM.js';
+import { Text } from './chunk-4G644ETX.js';
 import { useRef, useEffect, useCallback, useState } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -101,5 +102,5 @@ function useAlertDialog() {
 }
 
 export { AlertDialog, useAlertDialog };
-//# sourceMappingURL=chunk-I2DXEPDF.js.map
-//# sourceMappingURL=chunk-I2DXEPDF.js.map
+//# sourceMappingURL=chunk-MVDTWARG.js.map
+//# sourceMappingURL=chunk-MVDTWARG.js.map

package/dist/chunk-MVDTWARG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AlertDialog/AlertDialog.tsx","../src/components/AlertDialog/useAlertDialog.tsx"],"names":["useCallback","jsx"],"mappings":"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","file":"chunk-MVDTWARG.js","sourcesContent":["'use client';\n\nimport {\n  useCallback,\n  useEffect,\n  useRef,\n  type CSSProperties,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {Dialog} from 'components/Dialog';\nimport {\n  Layout,\n  LayoutContent,\n  LayoutFooter,\n  LayoutHeader,\n} from 'components/Layout';\nimport {Text} from 'components/Text';\n\nexport type AlertDialogActionVariant = 'destructive' | 'primary';\n\nexport interface AlertDialogProps {\n  /**\n   * Action button label.\n   */\n  actionLabel: string;\n  /**\n   * Visual variant for the action button.\n   * @default 'destructive'\n   */\n  actionVariant?: AlertDialogActionVariant;\n  /**\n   * Cancel button label.\n   * @default 'Cancel'\n   */\n  cancelLabel?: string;\n  /**\n   * Additional CSS class names applied to the dialog.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the dialog.\n   */\n  'data-testid'?: string;\n  /**\n   * Consequence description.\n   */\n  description: string;\n  /**\n   * Whether the action button is loading.\n   * @default false\n   */\n  isActionLoading?: boolean;\n  /**\n   * Whether the dialog is open.\n   */\n  isOpen: boolean;\n  /**\n   * Called when the primary action is clicked.\n   */\n  onAction: () => void;\n  /**\n   * Called when the dialog requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the dialog element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * Inline styles applied to the dialog.\n   */\n  style?: CSSProperties;\n  /**\n   * Dialog title.\n   */\n  title: string;\n  /**\n   * Dialog width. Numbers are treated as pixels.\n   * @default 400\n   */\n  width?: number | string;\n}\n\n/**\n * A modal confirmation dialog for destructive or irreversible actions.\n */\nexport function AlertDialog({\n  actionLabel,\n  actionVariant = 'destructive',\n  cancelLabel = 'Cancel',\n  className,\n  'data-testid': dataTestId,\n  description,\n  isActionLoading = false,\n  isOpen,\n  onAction,\n  onOpenChange,\n  ref,\n  style,\n  title,\n  width = 400,\n}: AlertDialogProps): React.JSX.Element | null {\n  /**\n   * Synchronous guard against rapid double-invocation of onAction.\n   * The ref flips immediately on the first call — before React can\n   * re-render with `isActionLoading=true` — so a second Enter/click\n   * in the same event-loop tick is ignored.\n   */\n  const actionFiredRef = useRef(false);\n\n  useEffect(() => {\n    if (!isActionLoading) {\n      actionFiredRef.current = false;\n    }\n  }, [isActionLoading]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      actionFiredRef.current = false;\n    }\n  }, [isOpen]);\n\n  const handleAction = useCallback(() => {\n    if (actionFiredRef.current) {\n      return;\n    }\n    actionFiredRef.current = true;\n    onAction();\n  }, [onAction]);\n\n  return (\n    <Dialog\n      className={className}\n      data-testid={dataTestId}\n      dismissBehavior={false}\n      isOpen={isOpen}\n      onOpenChange={onOpenChange}\n      ref={ref}\n      role=\"alertdialog\"\n      style={style}\n      width={width}>\n      <Layout\n        content={\n          <LayoutContent>\n            <Text as=\"p\" color=\"secondary\">\n              {description}\n            </Text>\n          </LayoutContent>\n        }\n        footer={\n          <LayoutFooter\n            primaryButton={\n              <Button\n                isLoading={isActionLoading}\n                label={actionLabel}\n                onClick={handleAction}\n                variant={actionVariant}\n              />\n            }\n            secondaryButton={\n              <Button\n                label={cancelLabel}\n                onClick={() => onOpenChange(false)}\n                variant=\"ghost\"\n              />\n            }\n          />\n        }\n        hasDividers\n        header={<LayoutHeader title={title} />}\n      />\n    </Dialog>\n  );\n}\n\nAlertDialog.displayName = 'AlertDialog';\n","'use client';\n\nimport {useCallback, useState, type ReactNode} from 'react';\nimport {\n  AlertDialog,\n  type AlertDialogProps,\n} from 'components/AlertDialog/AlertDialog';\n\nexport type AlertDialogOptions = Omit<\n  AlertDialogProps,\n  'isOpen' | 'onOpenChange'\n>;\n\nexport interface UseAlertDialogReturn {\n  /**\n   * Render this element in your tree.\n   */\n  element: ReactNode;\n  /**\n   * Hide the current alert dialog.\n   */\n  hide: () => void;\n  /**\n   * Whether the alert dialog is open.\n   */\n  isOpen: boolean;\n  /**\n   * Show an alert dialog with the provided options.\n   */\n  show: (options: AlertDialogOptions) => void;\n}\n\nexport function useAlertDialog(): UseAlertDialogReturn {\n  const [isOpen, setIsOpen] = useState(false);\n  const [options, setOptions] = useState<AlertDialogOptions | null>(null);\n\n  const show = useCallback((nextOptions: AlertDialogOptions) => {\n    setOptions(nextOptions);\n    setIsOpen(true);\n  }, []);\n  const hide = useCallback(() => {\n    setIsOpen(false);\n    setOptions(null);\n  }, []);\n\n  const element: ReactNode =\n    options == null ? null : (\n      <AlertDialog {...options} isOpen={isOpen} onOpenChange={setIsOpen} />\n    );\n\n  return {element, hide, isOpen, show};\n}\n"]}

package/dist/{chunk-VWG54F6X.cjs → chunk-MWETV5LK.cjs}

@@ -1,9 +1,10 @@
+'use client';
 'use strict';
 
 var chunkJV4Y6HNP_cjs = require('./chunk-JV4Y6HNP.cjs');
-var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
-var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
-var chunkGJZAGTPV_cjs = require('./chunk-GJZAGTPV.cjs');
+var chunkHW7GODZJ_cjs = require('./chunk-HW7GODZJ.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 chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
@@ -159,9 +160,9 @@ function ThumbnailImageArea({
       }
     ) : imageContent,
     hasImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.insetBorder }) : null,
-    isLoading && hasImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.overlay, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: "sm", variant: "onMedia" }) }) : null,
+    isLoading && hasImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.overlay, children: /* @__PURE__ */ jsxRuntime.jsx(chunkMWWAQVJ3_cjs.Spinner, { size: "sm", variant: "onMedia" }) }) : null,
     onRemove != null && !isDisabled ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.remove, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWOVSJHY6_cjs.Button,
+      chunkHW7GODZJ_cjs.Button,
       {
         icon: lucideReact.X,
         isIconOnly: true,
@@ -217,10 +218,10 @@ function Thumbnail({
       )
     }
   );
-  return label != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkGJZAGTPV_cjs.Tooltip, { content: label, children: thumbnail }) : thumbnail;
+  return label != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk7KUEWO4T_cjs.Tooltip, { content: label, children: thumbnail }) : thumbnail;
 }
 Thumbnail.displayName = "Thumbnail";
 
 exports.Thumbnail = Thumbnail;
-//# sourceMappingURL=chunk-VWG54F6X.cjs.map
-//# sourceMappingURL=chunk-VWG54F6X.cjs.map
+//# sourceMappingURL=chunk-MWETV5LK.cjs.map
+//# sourceMappingURL=chunk-MWETV5LK.cjs.map

package/dist/{chunk-VWG54F6X.cjs.map → chunk-MWETV5LK.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Thumbnail/Thumbnail.recipe.ts","../src/components/Thumbnail/Thumbnail.tsx"],"names":["sva","useState","Skeleton","jsx","Icon","ImageIcon","jsxs","Spinner","Button","X","cx","Tooltip"],"mappings":"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","file":"chunk-VWG54F6X.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const thumbnailRecipe = sva({\n  slots: [\n    'root',\n    'imageContainer',\n    'imageButton',\n    'image',\n    'placeholder',\n    'insetBorder',\n    'remove',\n    'overlay',\n  ],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'inline-flex',\n      flexDirection: 'column',\n      w: '16',\n      flexShrink: 0,\n      isolation: 'isolate',\n    },\n    imageContainer: {\n      position: 'relative',\n      w: 'full',\n      aspectRatio: '1',\n      borderRadius: 'md',\n      overflow: 'hidden',\n      bg: 'surface.gray',\n    },\n    imageButton: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      cursor: 'pointer',\n      borderRadius: 'inherit',\n      overflow: 'hidden',\n    },\n    image: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      objectFit: 'cover',\n    },\n    placeholder: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: 'full',\n      h: 'full',\n      color: 'fg.muted',\n    },\n    insetBorder: {\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 'inherit',\n      boxShadow: 'inset 0 0 0 1px token(colors.border.emphasized)',\n      pointerEvents: 'none',\n    },\n    remove: {\n      position: 'absolute',\n      top: '1',\n      right: '1',\n      zIndex: 1,\n      color: 'fg.onPrimary',\n    },\n    overlay: {\n      position: 'absolute',\n      inset: 0,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      bg: 'overlay.scrim.subtle',\n      borderRadius: 'inherit',\n      zIndex: 1,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          pointerEvents: 'none',\n        },\n      },\n    },\n    isInteractive: {\n      true: {\n        imageContainer: {\n          cursor: 'pointer',\n          transitionProperty: 'opacity, box-shadow',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _hover: {\n            boxShadow: 'lg',\n            opacity: 0.9,\n          },\n          _active: {\n            opacity: 0.75,\n          },\n          '&:has(:focus-visible)': {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n    isInteractive: false,\n  },\n});\n\nexport type ThumbnailVariants = RecipeVariantProps<typeof thumbnailRecipe>;\n","import {ImageIcon, X} from 'lucide-react';\nimport {useState, type CSSProperties, type MouseEvent, type Ref} from 'react';\nimport {Button} from 'components/Button';\nimport {Icon} from 'components/Icon';\nimport {Skeleton} from 'components/Skeleton';\nimport {Spinner} from 'components/Spinner';\nimport {thumbnailRecipe} from 'components/Thumbnail/Thumbnail.recipe';\nimport {Tooltip} from 'components/Tooltip';\nimport {cx} from 'internal/cx';\n\nexport interface ThumbnailProps {\n  /**\n   * Alt text describing the image content. Use `label` for a file name or\n   * action label shown in the tooltip and button accessible names.\n   */\n  alt?: string;\n  /**\n   * Additional CSS class names applied to the root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the thumbnail is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the thumbnail is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * File name or short item label used for the root accessible name, tooltip,\n   * and open/remove button labels. When omitted, `alt` is used as a fallback.\n   */\n  label?: string;\n  /**\n   * Called when the thumbnail image area is clicked.\n   */\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Called when the remove button is clicked.\n   */\n  onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Image source.\n   */\n  src?: string;\n  /**\n   * Inline styles applied to the root.\n   */\n  style?: CSSProperties;\n}\n\ntype ThumbnailClasses = ReturnType<typeof thumbnailRecipe>;\n\ntype ThumbnailImageAreaProps = Pick<\n  ThumbnailProps,\n  'alt' | 'isLoading' | 'onClick' | 'onRemove' | 'src'\n> & {\n  accessibleName: string;\n  classes: ThumbnailClasses;\n  isDisabled: boolean;\n};\n\nfunction ThumbnailImageArea({\n  accessibleName,\n  alt,\n  classes,\n  isDisabled,\n  isLoading = false,\n  onClick,\n  onRemove,\n  src,\n}: ThumbnailImageAreaProps): React.JSX.Element {\n  const [hasImageError, setHasImageError] = useState(false);\n  const hasImage = src != null && !hasImageError;\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const imageContent =\n    isLoading && !hasImage ? (\n      <Skeleton radius={2} />\n    ) : hasImage ? (\n      <img\n        alt={alt ?? ''}\n        className={classes.image}\n        onError={() => setHasImageError(true)}\n        src={src}\n      />\n    ) : (\n      <div className={classes.placeholder}>\n        <Icon icon={ImageIcon} size=\"lg\" />\n      </div>\n    );\n\n  return (\n    <div className={classes.imageContainer}>\n      {isInteractive ? (\n        <button\n          aria-label={`Open ${accessibleName}`}\n          className={classes.imageButton}\n          onClick={onClick}\n          type=\"button\">\n          {imageContent}\n        </button>\n      ) : (\n        imageContent\n      )}\n      {hasImage ? <div className={classes.insetBorder} /> : null}\n      {isLoading && hasImage ? (\n        <div className={classes.overlay}>\n          <Spinner size=\"sm\" variant=\"onMedia\" />\n        </div>\n      ) : null}\n      {onRemove != null && !isDisabled ? (\n        <div className={classes.remove}>\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Remove ${accessibleName}`}\n            onClick={event => {\n              event.stopPropagation();\n              onRemove(event as MouseEvent<HTMLButtonElement>);\n            }}\n            size=\"sm\"\n            variant=\"onSolid\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Square image preview for attachments and media.\n */\nexport function Thumbnail({\n  alt,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  isLoading = false,\n  label,\n  onClick,\n  onRemove,\n  ref,\n  src,\n  style,\n}: ThumbnailProps): React.JSX.Element {\n  const accessibleName = label ?? alt ?? 'thumbnail';\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const classes = thumbnailRecipe({isDisabled, isInteractive});\n\n  const thumbnail = (\n    <div\n      aria-busy={isLoading || undefined}\n      aria-label={accessibleName}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ThumbnailImageArea\n        accessibleName={accessibleName}\n        alt={alt}\n        classes={classes}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        key={src ?? 'empty'}\n        onClick={onClick}\n        onRemove={onRemove}\n        src={src}\n      />\n    </div>\n  );\n\n  return label != null ? (\n    <Tooltip content={label}>{thumbnail}</Tooltip>\n  ) : (\n    thumbnail\n  );\n}\n\nThumbnail.displayName = 'Thumbnail';\n"]}
+{"version":3,"sources":["../src/components/Thumbnail/Thumbnail.recipe.ts","../src/components/Thumbnail/Thumbnail.tsx"],"names":["sva","useState","Skeleton","jsx","Icon","ImageIcon","jsxs","Spinner","Button","X","cx","Tooltip"],"mappings":"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","file":"chunk-MWETV5LK.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const thumbnailRecipe = sva({\n  slots: [\n    'root',\n    'imageContainer',\n    'imageButton',\n    'image',\n    'placeholder',\n    'insetBorder',\n    'remove',\n    'overlay',\n  ],\n  base: {\n    root: {\n      position: 'relative',\n      display: 'inline-flex',\n      flexDirection: 'column',\n      w: '16',\n      flexShrink: 0,\n      isolation: 'isolate',\n    },\n    imageContainer: {\n      position: 'relative',\n      w: 'full',\n      aspectRatio: '1',\n      borderRadius: 'md',\n      overflow: 'hidden',\n      bg: 'surface.gray',\n    },\n    imageButton: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      cursor: 'pointer',\n      borderRadius: 'inherit',\n      overflow: 'hidden',\n    },\n    image: {\n      display: 'block',\n      w: 'full',\n      h: 'full',\n      objectFit: 'cover',\n    },\n    placeholder: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: 'full',\n      h: 'full',\n      color: 'fg.muted',\n    },\n    insetBorder: {\n      position: 'absolute',\n      inset: 0,\n      borderRadius: 'inherit',\n      boxShadow: 'inset 0 0 0 1px token(colors.border.emphasized)',\n      pointerEvents: 'none',\n    },\n    remove: {\n      position: 'absolute',\n      top: '1',\n      right: '1',\n      zIndex: 1,\n      color: 'fg.onPrimary',\n    },\n    overlay: {\n      position: 'absolute',\n      inset: 0,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      bg: 'overlay.scrim.subtle',\n      borderRadius: 'inherit',\n      zIndex: 1,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        root: {\n          opacity: 0.5,\n          pointerEvents: 'none',\n        },\n      },\n    },\n    isInteractive: {\n      true: {\n        imageContainer: {\n          cursor: 'pointer',\n          transitionProperty: 'opacity, box-shadow',\n          transitionDuration: 'fast',\n          transitionTimingFunction: 'default',\n          _hover: {\n            boxShadow: 'lg',\n            opacity: 0.9,\n          },\n          _active: {\n            opacity: 0.75,\n          },\n          '&:has(:focus-visible)': {\n            outlineWidth: 'focus',\n            outlineStyle: 'solid',\n            outlineColor: 'primary',\n            outlineOffset: 'focusOffset',\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n    isInteractive: false,\n  },\n});\n\nexport type ThumbnailVariants = RecipeVariantProps<typeof thumbnailRecipe>;\n","'use client';\n\nimport {ImageIcon, X} from 'lucide-react';\nimport {useState, type CSSProperties, type MouseEvent, type Ref} from 'react';\nimport {Button} from 'components/Button';\nimport {Icon} from 'components/Icon';\nimport {Skeleton} from 'components/Skeleton';\nimport {Spinner} from 'components/Spinner';\nimport {thumbnailRecipe} from 'components/Thumbnail/Thumbnail.recipe';\nimport {Tooltip} from 'components/Tooltip';\nimport {cx} from 'internal/cx';\n\nexport interface ThumbnailProps {\n  /**\n   * Alt text describing the image content. Use `label` for a file name or\n   * action label shown in the tooltip and button accessible names.\n   */\n  alt?: string;\n  /**\n   * Additional CSS class names applied to the root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether the thumbnail is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the thumbnail is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * File name or short item label used for the root accessible name, tooltip,\n   * and open/remove button labels. When omitted, `alt` is used as a fallback.\n   */\n  label?: string;\n  /**\n   * Called when the thumbnail image area is clicked.\n   */\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Called when the remove button is clicked.\n   */\n  onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Image source.\n   */\n  src?: string;\n  /**\n   * Inline styles applied to the root.\n   */\n  style?: CSSProperties;\n}\n\ntype ThumbnailClasses = ReturnType<typeof thumbnailRecipe>;\n\ntype ThumbnailImageAreaProps = Pick<\n  ThumbnailProps,\n  'alt' | 'isLoading' | 'onClick' | 'onRemove' | 'src'\n> & {\n  accessibleName: string;\n  classes: ThumbnailClasses;\n  isDisabled: boolean;\n};\n\nfunction ThumbnailImageArea({\n  accessibleName,\n  alt,\n  classes,\n  isDisabled,\n  isLoading = false,\n  onClick,\n  onRemove,\n  src,\n}: ThumbnailImageAreaProps): React.JSX.Element {\n  const [hasImageError, setHasImageError] = useState(false);\n  const hasImage = src != null && !hasImageError;\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const imageContent =\n    isLoading && !hasImage ? (\n      <Skeleton radius={2} />\n    ) : hasImage ? (\n      <img\n        alt={alt ?? ''}\n        className={classes.image}\n        onError={() => setHasImageError(true)}\n        src={src}\n      />\n    ) : (\n      <div className={classes.placeholder}>\n        <Icon icon={ImageIcon} size=\"lg\" />\n      </div>\n    );\n\n  return (\n    <div className={classes.imageContainer}>\n      {isInteractive ? (\n        <button\n          aria-label={`Open ${accessibleName}`}\n          className={classes.imageButton}\n          onClick={onClick}\n          type=\"button\">\n          {imageContent}\n        </button>\n      ) : (\n        imageContent\n      )}\n      {hasImage ? <div className={classes.insetBorder} /> : null}\n      {isLoading && hasImage ? (\n        <div className={classes.overlay}>\n          <Spinner size=\"sm\" variant=\"onMedia\" />\n        </div>\n      ) : null}\n      {onRemove != null && !isDisabled ? (\n        <div className={classes.remove}>\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Remove ${accessibleName}`}\n            onClick={event => {\n              event.stopPropagation();\n              onRemove(event as MouseEvent<HTMLButtonElement>);\n            }}\n            size=\"sm\"\n            variant=\"onSolid\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Square image preview for attachments and media.\n */\nexport function Thumbnail({\n  alt,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  isLoading = false,\n  label,\n  onClick,\n  onRemove,\n  ref,\n  src,\n  style,\n}: ThumbnailProps): React.JSX.Element {\n  const accessibleName = label ?? alt ?? 'thumbnail';\n  const isInteractive = onClick != null && !isDisabled && !isLoading;\n  const classes = thumbnailRecipe({isDisabled, isInteractive});\n\n  const thumbnail = (\n    <div\n      aria-busy={isLoading || undefined}\n      aria-label={accessibleName}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <ThumbnailImageArea\n        accessibleName={accessibleName}\n        alt={alt}\n        classes={classes}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        key={src ?? 'empty'}\n        onClick={onClick}\n        onRemove={onRemove}\n        src={src}\n      />\n    </div>\n  );\n\n  return label != null ? (\n    <Tooltip content={label}>{thumbnail}</Tooltip>\n  ) : (\n    thumbnail\n  );\n}\n\nThumbnail.displayName = 'Thumbnail';\n"]}

package/dist/{chunk-OCYZKZ24.cjs → chunk-MWWAQVJ3.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCKDB7QNT_cjs = require('./chunk-CKDB7QNT.cjs');
+var chunkI2QAN2HX_cjs = require('./chunk-I2QAN2HX.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var jsxRuntime = require('react/jsx-runtime');
@@ -97,7 +97,7 @@ function Spinner({
       style,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: classes.visual }),
-        hasLabel ? /* @__PURE__ */ jsxRuntime.jsx(chunkCKDB7QNT_cjs.Text, { as: "span", color: labelColor, type: "label", children: label }) : null
+        hasLabel ? /* @__PURE__ */ jsxRuntime.jsx(chunkI2QAN2HX_cjs.Text, { as: "span", color: labelColor, type: "label", children: label }) : null
       ]
     }
   );
@@ -105,5 +105,5 @@ function Spinner({
 Spinner.displayName = "Spinner";
 
 exports.Spinner = Spinner;
-//# sourceMappingURL=chunk-OCYZKZ24.cjs.map
-//# sourceMappingURL=chunk-OCYZKZ24.cjs.map
+//# sourceMappingURL=chunk-MWWAQVJ3.cjs.map
+//# sourceMappingURL=chunk-MWWAQVJ3.cjs.map

package/dist/{chunk-OCYZKZ24.cjs.map → chunk-MWWAQVJ3.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Spinner/Spinner.recipe.ts","../src/components/Spinner/Spinner.tsx"],"names":["sva","jsxs","cx","jsx","Text"],"mappings":"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","file":"chunk-OCYZKZ24.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const spinnerRecipe = sva({\n  slots: ['root', 'visual'],\n  base: {\n    root: {\n      '--spinner-size': 'var(--silver-sizes-icon-md)',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      verticalAlign: 'middle',\n      color: 'primary',\n      w: 'var(--spinner-size)',\n      h: 'var(--spinner-size)',\n    },\n    visual: {\n      display: 'block',\n      w: 'var(--spinner-size)',\n      h: 'var(--spinner-size)',\n      flexShrink: 0,\n      aspectRatio: 'square',\n      borderRadius: 'full',\n      borderWidth: 'emphasized',\n      borderStyle: 'solid',\n      borderColor: 'currentColor',\n      borderTopColor: 'transparent',\n      animation: 'spin 0.8s linear infinite',\n      '@media (prefers-reduced-motion: reduce)': {\n        animation: 'none',\n      },\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        root: {'--spinner-size': 'var(--silver-sizes-icon-sm)'},\n      },\n      md: {\n        root: {'--spinner-size': 'var(--silver-sizes-icon-md)'},\n      },\n      lg: {\n        root: {'--spinner-size': 'var(--silver-sizes-icon-lg)'},\n      },\n      xl: {\n        root: {'--spinner-size': '2.25rem'},\n      },\n    },\n    variant: {\n      default: {root: {color: 'primary'}},\n      onMedia: {root: {color: 'fg.onPrimary'}},\n    },\n    hasLabel: {\n      true: {\n        root: {\n          flexDirection: 'column',\n          gap: '2',\n          w: 'auto',\n          h: 'auto',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n    hasLabel: false,\n  },\n});\n\nexport type SpinnerVariants = RecipeVariantProps<typeof spinnerRecipe>;\n","import type {CSSProperties, Ref} from 'react';\nimport {spinnerRecipe} from 'components/Spinner/Spinner.recipe';\nimport type {\n  SpinnerSize,\n  SpinnerVariant,\n} from 'components/Spinner/Spinner.types';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\n\nexport interface SpinnerProps {\n  /**\n   * Accessible label for the loading status. Defaults to a string label when\n   * provided, otherwise \"Loading\".\n   */\n  'aria-label'?: string;\n  /**\n   * Optionally adjust rendering by setting the className.\n   */\n  className?: string;\n  /**\n   * Test id applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional visible label shown below the spinner.\n   */\n  label?: string;\n  /**\n   * Ref forwarded to the root span element.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Visual size of the spinner. Matches Button size names. Default is `md`.\n   */\n  size?: SpinnerSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual style variant for the spinner. Default is `default`.\n   */\n  variant?: SpinnerVariant;\n}\n\n/**\n * A compact loading indicator for pending or indeterminate work.\n *\n * Spinner renders with `role=\"status\"` and an accessible name so assistive\n * technologies can announce loading state without exposing the decorative visual.\n */\nexport function Spinner({\n  size,\n  variant,\n  label,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n  'aria-label': ariaLabelFromProps,\n}: SpinnerProps): React.JSX.Element {\n  const hasLabel = typeof label === 'string' && label !== '';\n  const ariaLabel =\n    ariaLabelFromProps != null && ariaLabelFromProps !== ''\n      ? ariaLabelFromProps\n      : hasLabel\n        ? label\n        : 'Loading';\n  const labelColor = variant === 'onMedia' ? 'inherit' : undefined;\n  const classes = spinnerRecipe({size, variant, hasLabel});\n\n  return (\n    <span\n      aria-label={ariaLabel}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"status\"\n      style={style}>\n      <span aria-hidden=\"true\" className={classes.visual} />\n      {hasLabel ? (\n        <Text as=\"span\" color={labelColor} type=\"label\">\n          {label}\n        </Text>\n      ) : null}\n    </span>\n  );\n}\n\nSpinner.displayName = 'Spinner';\n"]}
+{"version":3,"sources":["../src/components/Spinner/Spinner.recipe.ts","../src/components/Spinner/Spinner.tsx"],"names":["sva","jsxs","cx","jsx","Text"],"mappings":"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","file":"chunk-MWWAQVJ3.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const spinnerRecipe = sva({\n  slots: ['root', 'visual'],\n  base: {\n    root: {\n      '--spinner-size': 'var(--silver-sizes-icon-md)',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      verticalAlign: 'middle',\n      color: 'primary',\n      w: 'var(--spinner-size)',\n      h: 'var(--spinner-size)',\n    },\n    visual: {\n      display: 'block',\n      w: 'var(--spinner-size)',\n      h: 'var(--spinner-size)',\n      flexShrink: 0,\n      aspectRatio: 'square',\n      borderRadius: 'full',\n      borderWidth: 'emphasized',\n      borderStyle: 'solid',\n      borderColor: 'currentColor',\n      borderTopColor: 'transparent',\n      animation: 'spin 0.8s linear infinite',\n      '@media (prefers-reduced-motion: reduce)': {\n        animation: 'none',\n      },\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        root: {'--spinner-size': 'var(--silver-sizes-icon-sm)'},\n      },\n      md: {\n        root: {'--spinner-size': 'var(--silver-sizes-icon-md)'},\n      },\n      lg: {\n        root: {'--spinner-size': 'var(--silver-sizes-icon-lg)'},\n      },\n      xl: {\n        root: {'--spinner-size': '2.25rem'},\n      },\n    },\n    variant: {\n      default: {root: {color: 'primary'}},\n      onMedia: {root: {color: 'fg.onPrimary'}},\n    },\n    hasLabel: {\n      true: {\n        root: {\n          flexDirection: 'column',\n          gap: '2',\n          w: 'auto',\n          h: 'auto',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n    hasLabel: false,\n  },\n});\n\nexport type SpinnerVariants = RecipeVariantProps<typeof spinnerRecipe>;\n","import type {CSSProperties, Ref} from 'react';\nimport {spinnerRecipe} from 'components/Spinner/Spinner.recipe';\nimport type {\n  SpinnerSize,\n  SpinnerVariant,\n} from 'components/Spinner/Spinner.types';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\n\nexport interface SpinnerProps {\n  /**\n   * Accessible label for the loading status. Defaults to a string label when\n   * provided, otherwise \"Loading\".\n   */\n  'aria-label'?: string;\n  /**\n   * Optionally adjust rendering by setting the className.\n   */\n  className?: string;\n  /**\n   * Test id applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional visible label shown below the spinner.\n   */\n  label?: string;\n  /**\n   * Ref forwarded to the root span element.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Visual size of the spinner. Matches Button size names. Default is `md`.\n   */\n  size?: SpinnerSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual style variant for the spinner. Default is `default`.\n   */\n  variant?: SpinnerVariant;\n}\n\n/**\n * A compact loading indicator for pending or indeterminate work.\n *\n * Spinner renders with `role=\"status\"` and an accessible name so assistive\n * technologies can announce loading state without exposing the decorative visual.\n */\nexport function Spinner({\n  size,\n  variant,\n  label,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n  'aria-label': ariaLabelFromProps,\n}: SpinnerProps): React.JSX.Element {\n  const hasLabel = typeof label === 'string' && label !== '';\n  const ariaLabel =\n    ariaLabelFromProps != null && ariaLabelFromProps !== ''\n      ? ariaLabelFromProps\n      : hasLabel\n        ? label\n        : 'Loading';\n  const labelColor = variant === 'onMedia' ? 'inherit' : undefined;\n  const classes = spinnerRecipe({size, variant, hasLabel});\n\n  return (\n    <span\n      aria-label={ariaLabel}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"status\"\n      style={style}>\n      <span aria-hidden=\"true\" className={classes.visual} />\n      {hasLabel ? (\n        <Text as=\"span\" color={labelColor} type=\"label\">\n          {label}\n        </Text>\n      ) : null}\n    </span>\n  );\n}\n\nSpinner.displayName = 'Spinner';\n"]}

package/dist/{chunk-BBLAZNCC.js → chunk-MYBFODRI.js}

@@ -1,11 +1,12 @@
-import { Tag } from './chunk-EIJSWHG7.js';
+'use client';
+import { Tag } from './chunk-LT4P67TG.js';
 import { inputStyles, inputRecipe } from './chunk-KB36TWOU.js';
-import { getNecessity, Field } from './chunk-USEA7DB5.js';
+import { getNecessity, Field } from './chunk-2EGYYWPB.js';
 import { getStatusMessageID, getDescribedBy } from './chunk-G6HS52US.js';
-import { Popover } from './chunk-GTZQT6MK.js';
-import { Button } from './chunk-EBV3EX3J.js';
-import { Spinner } from './chunk-X2P5SPGB.js';
-import { Text } from './chunk-5GSRIOXE.js';
+import { Popover } from './chunk-YK5BUUZG.js';
+import { Button } from './chunk-J2TQNGUM.js';
+import { Spinner } from './chunk-RM2XLAAU.js';
+import { Text } from './chunk-4G644ETX.js';
 import { mergeRefs } from './chunk-SGLIDI6R.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
 import { Icon } from './chunk-IUW777WZ.js';
@@ -669,5 +670,5 @@ function createStaticSearchSource(items, options) {
 }
 
 export { AutocompleteInput, AutocompleteInputItem, BaseAutocompleteInput, createStaticSearchSource };
-//# sourceMappingURL=chunk-BBLAZNCC.js.map
-//# sourceMappingURL=chunk-BBLAZNCC.js.map
+//# sourceMappingURL=chunk-MYBFODRI.js.map
+//# sourceMappingURL=chunk-MYBFODRI.js.map

package/dist/chunk-MYBFODRI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AutocompleteInput/AutocompleteInput.recipe.ts","../src/components/AutocompleteInput/AutocompleteInputItem.tsx","../src/components/AutocompleteInput/BaseAutocompleteInput.tsx","../src/components/AutocompleteInput/AutocompleteInput.tsx","../src/components/AutocompleteInput/types.ts"],"names":["jsx","jsxs","Fragment","styles","useId","useRef","useState","useCallback"],"mappings":"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","file":"chunk-MYBFODRI.js","sourcesContent":["import {css, sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const autocompleteMenuRecipe = sva({\n  slots: ['menu', 'option', 'check', 'loading', 'empty'],\n  base: {\n    menu: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.5',\n      maxH: '80',\n      overflowY: 'auto',\n      p: '1',\n    },\n    option: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: '2',\n      w: 'full',\n      borderWidth: 0,\n      borderRadius: 'md',\n      bg: 'transparent',\n      color: 'fg',\n      cursor: 'pointer',\n      fontFamily: 'body',\n      textAlign: 'start',\n      _hover: {bg: 'bg.subtle'},\n      _focusVisible: {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffsetTight',\n      },\n    },\n    check: {\n      display: 'inline-flex',\n      flexShrink: 0,\n      color: 'primary',\n    },\n    loading: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '1',\n      p: '2',\n      color: 'fg.muted',\n      '& > svg': {\n        animation: 'spin 0.8s linear infinite',\n      },\n      '@media (prefers-reduced-motion: reduce)': {\n        '& > svg': {animation: 'none'},\n      },\n    },\n    empty: {\n      p: '3',\n      textAlign: 'center',\n    },\n  },\n  variants: {\n    size: {\n      sm: {option: {px: '2', py: '1'}},\n      md: {option: {px: '2', py: '2'}},\n      lg: {option: {px: '3', py: '2.5'}},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport type AutocompleteMenuVariants = RecipeVariantProps<\n  typeof autocompleteMenuRecipe\n>;\n\n/**\n * Per-option state styles applied via `cx()` since they vary per-row\n * rather than per-component instance.\n */\nexport const optionHighlightedStyle = css({bg: 'bg.subtle'});\nexport const optionSelectedStyle = css({fontWeight: 'medium'});\n\nexport const autocompleteItemRecipe = sva({\n  slots: ['root', 'icon', 'text'],\n  base: {\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n      minW: 0,\n    },\n    icon: {\n      display: 'inline-flex',\n      flexShrink: 0,\n      color: 'fg.muted',\n    },\n    text: {\n      display: 'flex',\n      flexDirection: 'column',\n      minW: 0,\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {root: {opacity: 0.55}},\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n  },\n});\n\nexport type AutocompleteItemVariants = RecipeVariantProps<\n  typeof autocompleteItemRecipe\n>;\n","/* eslint-disable silver-ui/require-component-props -- discriminated union: custom-element items render item.element directly; passthrough props only apply to standard items */\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {autocompleteItemRecipe} from 'components/AutocompleteInput/AutocompleteInput.recipe';\nimport type {SearchableItem} from 'components/AutocompleteInput/types';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\n/**\n * Props for an item with a custom `element`. The element is rendered\n * directly — layout props like `icon` and `description` do not apply.\n */\ninterface AutocompleteInputCustomItemProps {\n  /**\n   * Search result item with custom element content.\n   */\n  item: SearchableItem & {element: ReactNode};\n}\n\n/**\n * Props for a standard item rendered with the default layout.\n */\ninterface AutocompleteInputStandardItemProps {\n  /**\n   * Additional CSS class names applied to the item layout.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the item layout.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Icon or avatar rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Search result item without a custom element.\n   */\n  item: SearchableItem & {element?: undefined};\n  /**\n   * Ref forwarded to the item layout.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the item layout.\n   */\n  style?: CSSProperties;\n}\n\nexport type AutocompleteInputItemProps =\n  | AutocompleteInputCustomItemProps\n  | AutocompleteInputStandardItemProps;\n\n/**\n * Default layout for AutocompleteInput and TagsInput result rows.\n *\n * When the item has a pre-rendered `element`, it is returned directly.\n * Otherwise the component renders a flex row with an optional icon,\n * primary label, and description.\n */\nexport function AutocompleteInputItem(\n  props: AutocompleteInputItemProps,\n): React.JSX.Element {\n  if (isReactNode(props.item.element)) {\n    return <>{props.item.element}</>;\n  }\n\n  const {\n    className,\n    'data-testid': dataTestId,\n    description,\n    icon,\n    isDisabled = false,\n    item,\n    ref,\n    style,\n  } = props as AutocompleteInputStandardItemProps;\n\n  const classes = autocompleteItemRecipe({isDisabled});\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {icon != null ? (\n        <span className={classes.icon}>\n          <Icon color=\"secondary\" icon={icon} size=\"sm\" />\n        </span>\n      ) : null}\n      <span className={classes.text}>\n        <Text as=\"span\" color=\"inherit\" type=\"label\">\n          {item.label}\n        </Text>\n        {isReactNode(description) ? (\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            {description}\n          </Text>\n        ) : null}\n      </span>\n    </div>\n  );\n}\n\nAutocompleteInputItem.displayName = 'AutocompleteInputItem';\n","'use client';\n\nimport {Check, LoaderCircle} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n} from 'react';\nimport {\n  autocompleteMenuRecipe,\n  optionHighlightedStyle,\n  optionSelectedStyle,\n} from 'components/AutocompleteInput/AutocompleteInput.recipe';\nimport {AutocompleteInputItem} from 'components/AutocompleteInput/AutocompleteInputItem';\nimport type {\n  SearchableItem,\n  SearchSource,\n} from 'components/AutocompleteInput/types';\nimport {Icon} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {Spinner} from 'components/Spinner';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {css} from 'styled-system/css';\n\nexport interface BaseAutocompleteInputProps<T extends SearchableItem> {\n  /**\n   * Ref to the element the result popover should align to.\n   */\n  anchorRef?: RefObject<HTMLElement | null>;\n  /**\n   * IDs describing the input.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Additional CSS class names applied to the input.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Debounce delay in milliseconds before search runs.\n   * @default 150\n   */\n  debounceMs?: number;\n  /**\n   * Empty state text.\n   * @default 'No results found'\n   */\n  emptySearchResultsText?: string;\n  /**\n   * Text shown in the menu when a search fails.\n   * @default 'Something went wrong'\n   */\n  errorText?: string;\n  /**\n   * Whether to focus the input on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether to show bootstrap results on focus before typing.\n   * @default false\n   */\n  hasEntriesOnFocus?: boolean;\n  /**\n   * Whether to re-bootstrap results after selecting an item. Useful for\n   * multi-select comboboxes where the user picks several items in a row.\n   * @default false\n   */\n  hasReopenOnSelect?: boolean;\n  /**\n   * Optional ID for the input.\n   */\n  inputId?: string;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the input is required.\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * Maximum number of menu items.\n   * @default 10\n   */\n  maxMenuItems?: number;\n  /**\n   * Called when a result is selected.\n   */\n  onChange: (item: T | null) => void;\n  /**\n   * Keyboard handler invoked before internal navigation.\n   */\n  onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the result popover opens or closes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Called when the query changes.\n   */\n  onQueryChange: (query: string) => void;\n  /**\n   * Placeholder text.\n   * @default 'Search...'\n   */\n  placeholder?: string;\n  /**\n   * Current query string.\n   */\n  query: string;\n  /**\n   * Ref forwarded to the input.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Custom result renderer.\n   */\n  renderItem?: (item: T) => ReactNode;\n  /**\n   * Provides results for the menu. Use `createStaticSearchSource` for\n   * in-memory data, or implement {@link SearchSource} for async/remote\n   * search.\n   */\n  searchSource: SearchSource<T>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Inline styles applied to the input.\n   */\n  style?: CSSProperties;\n  /**\n   * Selected item.\n   */\n  value: T | null;\n}\n\nconst styles = {\n  input: css({\n    display: 'block',\n    flex: 1,\n    minW: '15',\n    borderWidth: 0,\n    p: 0,\n    fontFamily: 'body',\n    fontSize: 'md',\n    lineHeight: 'normal',\n    color: 'fg',\n    bg: 'transparent',\n    outline: 'none',\n    _placeholder: {color: 'fg.muted'},\n    _disabled: {cursor: 'not-allowed'},\n  }),\n} as const;\n\n/**\n * Internal combobox engine used by AutocompleteInput and TagsInput.\n */\nexport function BaseAutocompleteInput<T extends SearchableItem>({\n  anchorRef,\n  ariaDescribedBy,\n  className,\n  'data-testid': dataTestId,\n  debounceMs = 150,\n  emptySearchResultsText = 'No results found',\n  errorText = 'Something went wrong',\n  hasAutoFocus = false,\n  hasEntriesOnFocus = false,\n  hasReopenOnSelect = false,\n  inputId,\n  isDisabled = false,\n  isRequired = false,\n  maxMenuItems = 10,\n  onChange,\n  onKeyDown,\n  onOpenChange,\n  onQueryChange,\n  placeholder = 'Search...',\n  query,\n  ref,\n  renderItem,\n  searchSource,\n  size = 'md',\n  style,\n  value,\n}: BaseAutocompleteInputProps<T>): React.JSX.Element {\n  const generatedId = useId();\n  const listboxId = useId();\n  const resolvedInputId = inputId ?? generatedId;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const fallbackAnchorRef = useRef<HTMLInputElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const generationRef = useRef(0);\n  const [results, setResults] = useState<T[]>([]);\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n  const [isLoading, setIsLoading] = useState(false);\n  const [hasSearched, setHasSearched] = useState(false);\n  const [hasError, setHasError] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n  const selectingRef = useRef(false);\n\n  const setOpen = useCallback(\n    (isNextOpen: boolean) => {\n      setIsOpen(isNextOpen);\n      onOpenChange?.(isNextOpen);\n      if (!isNextOpen) {\n        searchSource.cancel?.();\n        setHighlightedIndex(-1);\n      }\n    },\n    [onOpenChange, searchSource],\n  );\n\n  const showMenu = useCallback(() => {\n    setOpen(true);\n  }, [setOpen]);\n\n  const runSearch = useCallback(\n    async (nextQuery: string, kind: 'bootstrap' | 'search') => {\n      const generation = ++generationRef.current;\n      searchSource.cancel?.();\n      setIsLoading(true);\n      setHasSearched(true);\n      setHasError(false);\n\n      try {\n        const nextResults =\n          kind === 'bootstrap'\n            ? await searchSource.bootstrap()\n            : await searchSource.search(nextQuery);\n        if (generationRef.current !== generation) {\n          return;\n        }\n        const limitedResults = nextResults.slice(0, maxMenuItems);\n        setResults(limitedResults);\n        setHighlightedIndex(limitedResults.length > 0 ? 0 : -1);\n        if (limitedResults.length > 0 || nextQuery !== '') {\n          showMenu();\n        } else {\n          setOpen(false);\n        }\n      } catch {\n        if (generationRef.current === generation) {\n          setResults([]);\n          setHighlightedIndex(-1);\n          setHasError(true);\n          showMenu();\n        }\n      } finally {\n        if (generationRef.current === generation) {\n          setIsLoading(false);\n        }\n      }\n    },\n    [maxMenuItems, searchSource, setOpen, showMenu],\n  );\n\n  const updateQuery = useCallback(\n    (nextQuery: string) => {\n      onQueryChange(nextQuery);\n\n      if (timeoutRef.current != null) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      if (nextQuery === '' && !hasEntriesOnFocus) {\n        generationRef.current++;\n        searchSource.cancel?.();\n        setResults([]);\n        setHasSearched(false);\n        setHasError(false);\n        setIsLoading(false);\n        setOpen(false);\n        return;\n      }\n\n      const searchKind = nextQuery === '' ? 'bootstrap' : 'search';\n      if (debounceMs <= 0) {\n        void runSearch(nextQuery, searchKind);\n        return;\n      }\n\n      timeoutRef.current = setTimeout(() => {\n        void runSearch(nextQuery, searchKind);\n      }, debounceMs);\n    },\n    [\n      debounceMs,\n      hasEntriesOnFocus,\n      onQueryChange,\n      runSearch,\n      searchSource,\n      setOpen,\n    ],\n  );\n\n  const selectItem = useCallback(\n    (item: T) => {\n      generationRef.current++;\n      if (timeoutRef.current != null) {\n        clearTimeout(timeoutRef.current);\n      }\n      searchSource.cancel?.();\n      onQueryChange('');\n      setResults([]);\n      setHasSearched(false);\n      setHasError(false);\n      setIsLoading(false);\n      onChange(item);\n      selectingRef.current = true;\n      inputRef.current?.focus();\n      selectingRef.current = false;\n      if (hasReopenOnSelect && hasEntriesOnFocus) {\n        void runSearch('', 'bootstrap');\n      } else {\n        setOpen(false);\n      }\n    },\n    [\n      hasEntriesOnFocus,\n      hasReopenOnSelect,\n      onChange,\n      onQueryChange,\n      runSearch,\n      searchSource,\n      setOpen,\n    ],\n  );\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current != null) {\n        clearTimeout(timeoutRef.current);\n      }\n      searchSource.cancel?.();\n    };\n  }, [searchSource]);\n\n  const menuClasses = autocompleteMenuRecipe({size});\n\n  const menu = (\n    <div\n      aria-label=\"Search results\"\n      className={menuClasses.menu}\n      id={listboxId}\n      role=\"listbox\">\n      {isLoading ? (\n        <div className={menuClasses.loading} role=\"status\">\n          <Icon icon={LoaderCircle} size=\"sm\" />\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            Loading\n          </Text>\n        </div>\n      ) : hasError ? (\n        <div className={menuClasses.empty} role=\"alert\">\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            {errorText}\n          </Text>\n        </div>\n      ) : results.length === 0 && hasSearched ? (\n        <div className={menuClasses.empty}>\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            {emptySearchResultsText}\n          </Text>\n        </div>\n      ) : (\n        results.map((item, index) => {\n          const isSelected = value?.id === item.id;\n          return (\n            // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events -- keyboard navigation is handled by the combobox input, not individual options\n            <div\n              aria-selected={isSelected}\n              className={cx(\n                menuClasses.option,\n                index === highlightedIndex ? optionHighlightedStyle : undefined,\n                isSelected ? optionSelectedStyle : undefined,\n              )}\n              id={`${listboxId}-option-${index}`}\n              key={item.id}\n              onClick={() => selectItem(item)}\n              onMouseEnter={() => setHighlightedIndex(index)}\n              role=\"option\"\n              tabIndex={-1}>\n              {renderItem == null ? (\n                <AutocompleteInputItem item={item} />\n              ) : (\n                renderItem(item)\n              )}\n              {isSelected ? (\n                <span className={menuClasses.check}>\n                  <Icon color=\"accent\" icon={Check} size=\"sm\" />\n                </span>\n              ) : null}\n            </div>\n          );\n        })\n      )}\n    </div>\n  );\n\n  return (\n    <>\n      <input\n        aria-activedescendant={\n          isOpen && highlightedIndex >= 0\n            ? `${listboxId}-option-${highlightedIndex}`\n            : undefined\n        }\n        aria-autocomplete=\"list\"\n        aria-controls={listboxId}\n        aria-describedby={ariaDescribedBy}\n        aria-expanded={isOpen}\n        aria-required={isRequired || undefined}\n        autoComplete=\"off\"\n        // eslint-disable-next-line jsx-a11y-x/no-autofocus\n        autoFocus={hasAutoFocus}\n        className={cx(styles.input, className)}\n        data-autofocus={hasAutoFocus || undefined}\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        id={resolvedInputId}\n        onBlur={() => {\n          // Defer so we can check whether focus moved to an option inside\n          // the popover (e.g. the user clicked a result). If focus left\n          // both the input and the popover, close the menu.\n          requestAnimationFrame(() => {\n            if (\n              !inputRef.current?.contains(document.activeElement) &&\n              !document.activeElement?.closest('[role=\"listbox\"]')\n            ) {\n              setOpen(false);\n            }\n          });\n        }}\n        onChange={event => updateQuery(event.target.value)}\n        onFocus={() => {\n          if (selectingRef.current) {\n            return;\n          }\n          if (query !== '' && results.length === 0) {\n            void runSearch(query, 'search');\n          } else if (\n            hasEntriesOnFocus &&\n            query === '' &&\n            results.length === 0\n          ) {\n            void runSearch('', 'bootstrap');\n          } else if (results.length > 0) {\n            showMenu();\n          }\n        }}\n        onKeyDown={event => {\n          onKeyDown?.(event);\n          if (event.defaultPrevented) {\n            return;\n          }\n\n          if (event.key === 'ArrowDown') {\n            event.preventDefault();\n            if (!isOpen) {\n              if (results.length > 0) {\n                showMenu();\n              } else if (hasEntriesOnFocus) {\n                void runSearch('', 'bootstrap');\n              }\n              return;\n            }\n            setHighlightedIndex(index =>\n              results.length === 0 ? -1 : (index + 1) % results.length,\n            );\n          } else if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            setHighlightedIndex(index =>\n              results.length === 0\n                ? -1\n                : (index - 1 + results.length) % results.length,\n            );\n          } else if (\n            event.key === 'Enter' &&\n            isOpen &&\n            highlightedIndex >= 0 &&\n            highlightedIndex < results.length\n          ) {\n            event.preventDefault();\n            selectItem(results[highlightedIndex]);\n          } else if (event.key === 'Escape' && isOpen) {\n            event.preventDefault();\n            setOpen(false);\n          }\n        }}\n        placeholder={placeholder}\n        ref={mergeRefs(ref, inputRef, fallbackAnchorRef)}\n        role=\"combobox\"\n        style={style}\n        type=\"text\"\n        value={query}\n      />\n      {isLoading ? <Spinner size=\"sm\" /> : null}\n      <Popover\n        anchorRef={anchorRef ?? fallbackAnchorRef}\n        content={menu}\n        hasAutoFocus={false}\n        hasCloseButton={false}\n        isDismissable={false}\n        isOpen={isOpen}\n        onOpenChange={setOpen}\n      />\n    </>\n  );\n}\n\nBaseAutocompleteInput.displayName = 'BaseAutocompleteInput';\n","'use client';\n\nimport {X} from 'lucide-react';\nimport {\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {BaseAutocompleteInput} from 'components/AutocompleteInput/BaseAutocompleteInput';\nimport type {\n  SearchableItem,\n  SearchSource,\n} from 'components/AutocompleteInput/types';\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 {getDescribedBy, getStatusMessageID} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Tag} from 'components/Tag';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {css} from 'styled-system/css';\n\nexport type AutocompleteInputProps<T extends SearchableItem = SearchableItem> =\n  {\n    /**\n     * Additional CSS class names applied to the input wrapper.\n     */\n    className?: string;\n    /**\n     * Test ID applied to the input wrapper.\n     */\n    'data-testid'?: string;\n    /**\n     * Debounce delay in milliseconds before search runs.\n     * @default 150\n     */\n    debounceMs?: number;\n    /**\n     * Supporting text rendered below the label.\n     */\n    description?: ReactNode;\n    /**\n     * Empty state text.\n     * @default 'No results found'\n     */\n    emptySearchResultsText?: string;\n    /**\n     * Text shown in the menu when a search fails.\n     * @default 'Something went wrong'\n     */\n    errorText?: string;\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 selected.\n     * @default true\n     */\n    hasClear?: boolean;\n    /**\n     * Whether to show bootstrap results on focus before typing.\n     * @default false\n     */\n    hasEntriesOnFocus?: boolean;\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     * 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     * Maximum number of menu items.\n     * @default 10\n     */\n    maxMenuItems?: number;\n    /**\n     * Called when selection changes.\n     */\n    onChange: (item: T | null) => void;\n    /**\n     * Called when the result popover opens or closes.\n     */\n    onOpenChange?: (isOpen: boolean) => void;\n    /**\n     * Called when the query changes.\n     */\n    onQueryChange?: (query: string) => void;\n    /**\n     * Placeholder text.\n     */\n    placeholder?: string;\n    /**\n     * Ref forwarded to the field root.\n     */\n    ref?: Ref<HTMLDivElement>;\n    /**\n     * Custom result renderer.\n     */\n    renderItem?: (item: T) => ReactNode;\n    /**\n     * Provides results for the menu. Use `createStaticSearchSource` for\n     * in-memory data, or implement {@link SearchSource} for async/remote\n     * search.\n     */\n    searchSource: SearchSource<T>;\n    /**\n     * Visual size.\n     * @default 'md'\n     */\n    size?: InputSize;\n    /**\n     * Icon shown before the input.\n     */\n    startIcon?: IconComponent;\n    /**\n     * Validation status displayed below the selector.\n     */\n    status?: InputStatus;\n    /**\n     * Inline styles applied to the input wrapper.\n     */\n    style?: CSSProperties;\n    /**\n     * Selected item.\n     */\n    value: T | null;\n  } & FieldNecessity;\n\nconst styles = {\n  wrapper: css({\n    cursor: 'text',\n    flexWrap: 'wrap',\n  }),\n  tag: css({\n    my: '-1',\n    ms: '-1',\n  }),\n  inputHidden: css({\n    position: 'absolute',\n    opacity: 0,\n    w: 0,\n    minW: 0,\n    flexBasis: 0,\n  }),\n  clearButton: css({\n    ms: 'auto',\n  }),\n} as const;\n\n/**\n * Search-as-you-type field for selecting a single item from a search source.\n */\nexport function AutocompleteInput<T extends SearchableItem>({\n  className,\n  'data-testid': dataTestId,\n  debounceMs,\n  description,\n  emptySearchResultsText,\n  errorText,\n  hasAutoFocus = false,\n  hasClear = true,\n  hasEntriesOnFocus = false,\n  isDisabled = false,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  label,\n  labelIcon,\n  labelTooltip,\n  maxMenuItems,\n  onChange,\n  onOpenChange,\n  onQueryChange,\n  placeholder,\n  ref,\n  renderItem,\n  searchSource,\n  size = 'md',\n  startIcon,\n  status,\n  style,\n  value,\n}: AutocompleteInputProps<T>): 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  const wrapperRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isEditing, setIsEditing] = useState(false);\n  const [queryValue, setQueryValue] = useState('');\n  const showTag = value != null && !isEditing;\n  const fieldStatus = useMemo(\n    () =>\n      status == null ? undefined : {...status, messageID: statusMessageID},\n    [status, statusMessageID],\n  );\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  const startEditing = useCallback(\n    (seedQuery: string) => {\n      if (isDisabled) {\n        return;\n      }\n      setIsEditing(true);\n      setQueryValue(seedQuery);\n      requestAnimationFrame(() => {\n        const input = inputRef.current;\n        if (input != null) {\n          input.focus();\n          input.setSelectionRange(seedQuery.length, seedQuery.length);\n        }\n      });\n    },\n    [isDisabled],\n  );\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      ref={ref}\n      status={fieldStatus}\n      style={style}>\n      {/* eslint-disable-next-line jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-static-element-interactions -- wrapper delegates focus to the inner input; keyboard users interact with the input directly */}\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}\n        data-testid={dataTestId}\n        onClick={() => {\n          if (showTag) {\n            startEditing(value.label);\n          }\n        }}\n        ref={wrapperRef}>\n        {startIcon != null ? (\n          <span className={inputStyles.iconSlot}>\n            <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        {showTag ? (\n          <Tag\n            className={styles.tag}\n            isDisabled={isDisabled}\n            label={value.label}\n            onClick={() => startEditing(value.label)}\n            size={size}\n          />\n        ) : null}\n        <BaseAutocompleteInput\n          anchorRef={wrapperRef}\n          ariaDescribedBy={describedBy}\n          className={showTag ? styles.inputHidden : undefined}\n          debounceMs={debounceMs}\n          emptySearchResultsText={emptySearchResultsText}\n          errorText={errorText}\n          hasAutoFocus={hasAutoFocus}\n          hasEntriesOnFocus={hasEntriesOnFocus}\n          inputId={inputId}\n          isDisabled={isDisabled}\n          isRequired={isRequired}\n          maxMenuItems={maxMenuItems}\n          onChange={item => {\n            setIsEditing(false);\n            setQueryValue('');\n            onChange(item);\n          }}\n          onOpenChange={onOpenChange}\n          onQueryChange={nextQuery => {\n            setQueryValue(nextQuery);\n            onQueryChange?.(nextQuery);\n          }}\n          placeholder={showTag ? undefined : placeholder}\n          query={queryValue}\n          ref={inputRef}\n          renderItem={renderItem}\n          searchSource={searchSource}\n          size={size}\n          value={value}\n        />\n        {hasClear && value != null && !isDisabled ? (\n          <Button\n            className={styles.clearButton}\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={event => {\n              event.stopPropagation();\n              setIsEditing(false);\n              onChange(null);\n              inputRef.current?.focus();\n            }}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n      </div>\n    </Field>\n  );\n}\n\nAutocompleteInput.displayName = 'AutocompleteInput';\n","import type {ReactNode} from 'react';\n\n/**\n * A search result item with a fully custom pre-rendered element. When\n * `element` is set, `AutocompleteInputItem` renders it directly — props\n * like `icon`, `description`, and `className` do not apply.\n */\nexport interface CustomSearchableItem<TAuxiliaryData = unknown> {\n  /**\n   * Custom data associated with the item.\n   */\n  auxiliaryData?: TAuxiliaryData;\n  /**\n   * Pre-rendered item content. When set, `AutocompleteInputItem` renders\n   * this element directly and ignores layout props like `icon` and\n   * `description`.\n   */\n  element: ReactNode;\n  /**\n   * Stable unique identifier.\n   */\n  id: string;\n  /**\n   * Display text used for the selected-value tag chip.\n   */\n  label: string;\n}\n\n/**\n * A search result item rendered by the default `AutocompleteInputItem`\n * layout with an optional icon and description.\n */\nexport interface StandardSearchableItem<TAuxiliaryData = unknown> {\n  /**\n   * Custom data associated with the item.\n   */\n  auxiliaryData?: TAuxiliaryData;\n  /**\n   * Must be omitted to use the standard layout. Set `element` on a\n   * {@link CustomSearchableItem} for fully custom rendering.\n   */\n  element?: undefined;\n  /**\n   * Stable unique identifier.\n   */\n  id: string;\n  /**\n   * Display text.\n   */\n  label: string;\n}\n\n/**\n * A search result item. Items without `element` use the default\n * `AutocompleteInputItem` layout; items with `element` render fully\n * custom content.\n */\nexport type SearchableItem<TAuxiliaryData = unknown> =\n  | CustomSearchableItem<TAuxiliaryData>\n  | StandardSearchableItem<TAuxiliaryData>;\n\nexport interface SearchSource<T extends SearchableItem = SearchableItem> {\n  /**\n   * Return initial items, usually recent or common selections.\n   */\n  bootstrap(): Promise<T[]> | T[];\n  /**\n   * Optional cancellation for in-flight async searches.\n   */\n  cancel?(): void;\n  /**\n   * Return items matching the query.\n   */\n  search(query: string): Promise<T[]> | T[];\n}\n\nexport interface CreateStaticSearchSourceOptions<\n  T extends SearchableItem = SearchableItem,\n> {\n  /**\n   * Extra searchable terms for each item.\n   */\n  getKeywords?: (item: T) => string[];\n}\n\nexport function createStaticSearchSource<T extends SearchableItem>(\n  items: T[],\n  options?: CreateStaticSearchSourceOptions<T>,\n): SearchSource<T> {\n  return {\n    bootstrap: () => items,\n    search(query) {\n      const normalizedQuery = query.trim().toLowerCase();\n      if (normalizedQuery === '') {\n        return items;\n      }\n\n      return items.filter(item => {\n        if (item.label.toLowerCase().includes(normalizedQuery)) {\n          return true;\n        }\n        return (\n          options\n            ?.getKeywords?.(item)\n            .some(keyword => keyword.toLowerCase().includes(normalizedQuery)) ??\n          false\n        );\n      });\n    },\n  };\n}\n"]}

package/dist/{chunk-GLFWSLJB.cjs → chunk-NHM6CSX2.cjs}

@@ -1,8 +1,9 @@
+'use client';
 'use strict';
 
-var chunk3NIDAKCF_cjs = require('./chunk-3NIDAKCF.cjs');
-var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
-var chunkVK7DXUGH_cjs = require('./chunk-VK7DXUGH.cjs');
+var chunkJ6XRX6DD_cjs = require('./chunk-J6XRX6DD.cjs');
+var chunkHW7GODZJ_cjs = require('./chunk-HW7GODZJ.cjs');
+var chunkE5TRE2YG_cjs = require('./chunk-E5TRE2YG.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
@@ -198,7 +199,7 @@ function Lightbox({
   const imageTransform = zoom === 1 ? void 0 : `scale(${zoom}) translate(${pan.x / zoom}px, ${pan.y / zoom}px)`;
   const cursor = isDragging ? "dragging" : !isVideo && zoom > 1 ? "zoomed" : !isVideo && hasZoom && zoom === 1 ? "zoomable" : "default";
   const classes = lightboxRecipe({ cursor, isDragging });
-  chunk3NIDAKCF_cjs.useScrollLock(isOpen);
+  chunkJ6XRX6DD_cjs.useScrollLock(isOpen);
   const setIndex = react.useCallback(
     (nextIndex) => {
       if (!isControlled) {
@@ -228,7 +229,7 @@ function Lightbox({
       image.src = item.src;
     }
   }, [currentIndex, isGallery, mediaItems]);
-  chunkVK7DXUGH_cjs.useIsomorphicLayoutEffect(() => {
+  chunkE5TRE2YG_cjs.useIsomorphicLayoutEffect(() => {
     const dialog = dialogRef.current;
     if (dialog == null) {
       return;
@@ -302,7 +303,7 @@ function Lightbox({
       style,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.container, children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.close, children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkWOVSJHY6_cjs.Button,
+          chunkHW7GODZJ_cjs.Button,
           {
             className: classes.controlButton,
             icon: lucideReact.X,
@@ -312,7 +313,7 @@ function Lightbox({
           }
         ) }),
         canPrev ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: lightboxRecipe({ position: "prev" }).nav, children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkWOVSJHY6_cjs.Button,
+          chunkHW7GODZJ_cjs.Button,
           {
             className: classes.controlButton,
             icon: lucideReact.ChevronLeft,
@@ -380,7 +381,7 @@ function Lightbox({
           chunkQAO6QMNQ_cjs.isReactNode(currentItem.caption) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.caption, children: currentItem.caption }) : null
         ] }) : null,
         canNext ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: lightboxRecipe({ position: "next" }).nav, children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkWOVSJHY6_cjs.Button,
+          chunkHW7GODZJ_cjs.Button,
           {
             className: classes.controlButton,
             icon: lucideReact.ChevronRight,
@@ -440,5 +441,5 @@ function useLightbox(options) {
 
 exports.Lightbox = Lightbox;
 exports.useLightbox = useLightbox;
-//# sourceMappingURL=chunk-GLFWSLJB.cjs.map
-//# sourceMappingURL=chunk-GLFWSLJB.cjs.map
+//# sourceMappingURL=chunk-NHM6CSX2.cjs.map
+//# sourceMappingURL=chunk-NHM6CSX2.cjs.map