silver-ui 0.1.1 → 0.2.0

package/dist/{chunk-PDXZDPOY.cjs → chunk-2VIJC4NW.cjs}

@@ -1,38 +1,39 @@
 'use strict';
 
-var chunkQRDRZNCS_cjs = require('./chunk-QRDRZNCS.cjs');
-var chunkI6IGTQLG_cjs = require('./chunk-I6IGTQLG.cjs');
-var chunk5G3BY75L_cjs = require('./chunk-5G3BY75L.cjs');
-var chunkWSAZHUB3_cjs = require('./chunk-WSAZHUB3.cjs');
-var chunkNILB6Y4Z_cjs = require('./chunk-NILB6Y4Z.cjs');
-var chunk2WP6NYYY_cjs = require('./chunk-2WP6NYYY.cjs');
-var chunk47BELFYO_cjs = require('./chunk-47BELFYO.cjs');
+var chunkMMST4VXH_cjs = require('./chunk-MMST4VXH.cjs');
+var chunkVXBVSYPA_cjs = require('./chunk-VXBVSYPA.cjs');
+var chunkKFEXS6OK_cjs = require('./chunk-KFEXS6OK.cjs');
+var chunk2P6D43V2_cjs = require('./chunk-2P6D43V2.cjs');
+var chunkBDBHHJGN_cjs = require('./chunk-BDBHHJGN.cjs');
+var chunkO3T7Z6RH_cjs = require('./chunk-O3T7Z6RH.cjs');
+var chunkYXYD5HKL_cjs = require('./chunk-YXYD5HKL.cjs');
+var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
-var chunkPHFEQG4E_cjs = require('./chunk-PHFEQG4E.cjs');
+var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var styles = {
-  root: chunkAZDWQGAX_cjs.css({
+  root: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     gap: "2",
     minW: 0
   }),
-  icon: chunkAZDWQGAX_cjs.css({
+  icon: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     flexShrink: 0,
     color: "fg.muted"
   }),
-  text: chunkAZDWQGAX_cjs.css({
+  text: chunkRU6JG3FS_cjs.css({
     display: "flex",
     flexDirection: "column",
     minW: 0
   }),
-  disabled: chunkAZDWQGAX_cjs.css({ opacity: 0.55 })
+  disabled: chunkRU6JG3FS_cjs.css({ opacity: 0.55 })
 };
 function AutocompleteInputItem({
   className,
@@ -59,10 +60,10 @@ function AutocompleteInputItem({
       ref,
       style,
       children: [
-        icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { color: "secondary", icon, size: "sm" }) }) : null,
+        icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon, size: "sm" }) }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.text, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "span", color: "inherit", type: "label", children: item.label }),
-          description != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: description }) : null
+          /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "span", color: "inherit", type: "label", children: item.label }),
+          description != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: description }) : null
         ] })
       ]
     }
@@ -70,7 +71,7 @@ function AutocompleteInputItem({
 }
 AutocompleteInputItem.displayName = "AutocompleteInputItem";
 var styles2 = {
-  input: chunkAZDWQGAX_cjs.css({
+  input: chunkRU6JG3FS_cjs.css({
     display: "block",
     flex: 1,
     minW: "15",
@@ -85,7 +86,7 @@ var styles2 = {
     _placeholder: { color: "fg.muted" },
     _disabled: { cursor: "not-allowed" }
   }),
-  menu: chunkAZDWQGAX_cjs.css({
+  menu: chunkRU6JG3FS_cjs.css({
     display: "flex",
     flexDirection: "column",
     gap: "0.5",
@@ -93,7 +94,7 @@ var styles2 = {
     overflowY: "auto",
     p: "1"
   }),
-  option: chunkAZDWQGAX_cjs.css({
+  option: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
@@ -114,19 +115,19 @@ var styles2 = {
       outlineOffset: "focusOffsetTight"
     }
   }),
-  optionHighlighted: chunkAZDWQGAX_cjs.css({ bg: "bg.subtle" }),
-  optionSelected: chunkAZDWQGAX_cjs.css({ fontWeight: "medium" }),
+  optionHighlighted: chunkRU6JG3FS_cjs.css({ bg: "bg.subtle" }),
+  optionSelected: chunkRU6JG3FS_cjs.css({ fontWeight: "medium" }),
   optionSize: {
-    sm: chunkAZDWQGAX_cjs.css({ px: "2", py: "1" }),
-    md: chunkAZDWQGAX_cjs.css({ px: "2", py: "2" }),
-    lg: chunkAZDWQGAX_cjs.css({ px: "3", py: "2.5" })
+    sm: chunkRU6JG3FS_cjs.css({ px: "2", py: "1" }),
+    md: chunkRU6JG3FS_cjs.css({ px: "2", py: "2" }),
+    lg: chunkRU6JG3FS_cjs.css({ px: "3", py: "2.5" })
   },
-  check: chunkAZDWQGAX_cjs.css({
+  check: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     flexShrink: 0,
     color: "primary"
   }),
-  loading: chunkAZDWQGAX_cjs.css({
+  loading: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     alignItems: "center",
     gap: "1",
@@ -139,7 +140,7 @@ var styles2 = {
       "& > svg": { animation: "none" }
     }
   }),
-  empty: chunkAZDWQGAX_cjs.css({
+  empty: chunkRU6JG3FS_cjs.css({
     p: "3",
     textAlign: "center"
   })
@@ -311,9 +312,9 @@ function BaseAutocompleteInput({
       id: listboxId,
       role: "listbox",
       children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles2.loading, role: "status", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { icon: lucideReact.LoaderCircle, size: "sm" }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: "Loading" })
-      ] }) : results.length === 0 && hasSearched ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.empty, children: /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: emptySearchResultsText }) }) : results.map((item, index) => {
+        /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.LoaderCircle, size: "sm" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: "Loading" })
+      ] }) : results.length === 0 && hasSearched ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles2.empty, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { as: "span", color: "secondary", type: "supporting", children: emptySearchResultsText }) }) : results.map((item, index) => {
         const isSelected = value?.id === item.id;
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -332,7 +333,7 @@ function BaseAutocompleteInput({
             type: "button",
             children: [
               renderItem == null ? /* @__PURE__ */ jsxRuntime.jsx(AutocompleteInputItem, { item }) : renderItem(item),
-              isSelected ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.check, children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { color: "accent", icon: lucideReact.Check, size: "sm" }) }) : null
+              isSelected ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles2.check, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "accent", icon: lucideReact.Check, size: "sm" }) }) : null
             ]
           },
           item.id
@@ -416,9 +417,9 @@ function BaseAutocompleteInput({
         value: query
       }
     ),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk2WP6NYYY_cjs.Spinner, { size: "sm" }) : null,
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkYXYD5HKL_cjs.Spinner, { size: "sm" }) : null,
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWSAZHUB3_cjs.Popover,
+      chunkBDBHHJGN_cjs.Popover,
       {
         anchorRef: anchorRef ?? fallbackAnchorRef,
         content: menu,
@@ -432,22 +433,22 @@ function BaseAutocompleteInput({
 }
 BaseAutocompleteInput.displayName = "BaseAutocompleteInput";
 var styles3 = {
-  wrapper: chunkAZDWQGAX_cjs.css({
+  wrapper: chunkRU6JG3FS_cjs.css({
     cursor: "text",
     flexWrap: "wrap"
   }),
-  tag: chunkAZDWQGAX_cjs.css({
+  tag: chunkRU6JG3FS_cjs.css({
     my: "-1",
     ms: "-1"
   }),
-  inputHidden: chunkAZDWQGAX_cjs.css({
+  inputHidden: chunkRU6JG3FS_cjs.css({
     position: "absolute",
     opacity: 0,
     w: 0,
     minW: 0,
     flexBasis: 0
   }),
-  clearButton: chunkAZDWQGAX_cjs.css({
+  clearButton: chunkRU6JG3FS_cjs.css({
     ms: "auto"
   })
 };
@@ -483,8 +484,8 @@ function AutocompleteInput({
 }) {
   const inputId = react.useId();
   const descriptionID = description != null ? `${inputId}-description` : void 0;
-  const statusMessageID = chunk5G3BY75L_cjs.getStatusMessageID(inputId, status);
-  const describedBy = chunk5G3BY75L_cjs.getDescribedBy(descriptionID, statusMessageID);
+  const statusMessageID = chunk2P6D43V2_cjs.getStatusMessageID(inputId, status);
+  const describedBy = chunk2P6D43V2_cjs.getDescribedBy(descriptionID, statusMessageID);
   const wrapperRef = react.useRef(null);
   const inputRef = react.useRef(null);
   const [isEditing, setIsEditing] = react.useState(false);
@@ -493,9 +494,9 @@ function AutocompleteInput({
     () => status == null ? void 0 : { ...status, messageID: statusMessageID },
     [status, statusMessageID]
   );
-  const necessity = { isOptional, isRequired };
+  const necessity = chunkKFEXS6OK_cjs.getNecessity(isOptional, isRequired);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI6IGTQLG_cjs.Field,
+    chunkKFEXS6OK_cjs.Field,
     {
       className,
       description,
@@ -514,7 +515,7 @@ function AutocompleteInput({
         "div",
         {
           className: chunkSPDVNY2Z_cjs.cx(
-            chunkI6IGTQLG_cjs.inputRecipe({
+            chunkVXBVSYPA_cjs.inputRecipe({
               size,
               status: status?.type,
               isDisabled
@@ -524,9 +525,9 @@ function AutocompleteInput({
           "data-testid": dataTestId,
           ref: wrapperRef,
           children: [
-            startIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkI6IGTQLG_cjs.inputStyles.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { color: "secondary", icon: startIcon, size: "sm" }) }) : null,
+            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(
-              chunkQRDRZNCS_cjs.Tag,
+              chunkMMST4VXH_cjs.Tag,
               {
                 className: styles3.tag,
                 isDisabled,
@@ -566,7 +567,7 @@ function AutocompleteInput({
               }
             ),
             hasClear && value != null && !isDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkNILB6Y4Z_cjs.Button,
+              chunkO3T7Z6RH_cjs.Button,
               {
                 className: styles3.clearButton,
                 icon: lucideReact.X,
@@ -613,5 +614,5 @@ exports.AutocompleteInput = AutocompleteInput;
 exports.AutocompleteInputItem = AutocompleteInputItem;
 exports.BaseAutocompleteInput = BaseAutocompleteInput;
 exports.createStaticSource = createStaticSource;
-//# sourceMappingURL=chunk-PDXZDPOY.cjs.map
-//# sourceMappingURL=chunk-PDXZDPOY.cjs.map
+//# sourceMappingURL=chunk-2VIJC4NW.cjs.map
+//# sourceMappingURL=chunk-2VIJC4NW.cjs.map

package/dist/chunk-2VIJC4NW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AutocompleteInput/AutocompleteInputItem.tsx","../src/components/AutocompleteInput/BaseAutocompleteInput.tsx","../src/components/AutocompleteInput/AutocompleteInput.tsx","../src/components/AutocompleteInput/types.ts"],"names":["css","jsx","Fragment","jsxs","cx","Icon","Text","styles","useId","useRef","useState","useCallback","useEffect","LoaderCircle","Check","mergeRefs","Spinner","Popover","getStatusMessageID","getDescribedBy","useMemo","getNecessity","Field","inputRecipe","inputStyles","Tag","Button","X"],"mappings":"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","file":"chunk-2VIJC4NW.cjs","sourcesContent":["import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Text} from '../Text';\nimport type {SearchableItem} from './types';\n\nexport interface AutocompleteInputItemProps<\n  T extends SearchableItem = SearchableItem,\n> {\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.\n   */\n  item: T;\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\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    minW: 0,\n  }),\n  icon: css({\n    display: 'inline-flex',\n    flexShrink: 0,\n    color: 'fg.muted',\n  }),\n  text: css({\n    display: 'flex',\n    flexDirection: 'column',\n    minW: 0,\n  }),\n  disabled: css({opacity: 0.55}),\n} as const;\n\n/**\n * Default layout for AutocompleteInput and TagsInput result rows.\n */\nexport function AutocompleteInputItem<T extends SearchableItem>({\n  className,\n  'data-testid': dataTestId,\n  description,\n  icon,\n  item,\n  isDisabled = false,\n  ref,\n  style,\n}: AutocompleteInputItemProps<T>): React.JSX.Element {\n  if (item.element != null) {\n    return <>{item.element}</>;\n  }\n\n  return (\n    <div\n      className={cx(\n        styles.root,\n        isDisabled ? styles.disabled : undefined,\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {icon != null ? (\n        <span className={styles.icon}>\n          <Icon color=\"secondary\" icon={icon} size=\"sm\" />\n        </span>\n      ) : null}\n      <span className={styles.text}>\n        <Text as=\"span\" color=\"inherit\" type=\"label\">\n          {item.label}\n        </Text>\n        {description != null ? (\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","import {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 {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport {Icon} from '../Icon';\nimport {Popover} from '../Popover';\nimport {Spinner} from '../Spinner';\nimport {Text} from '../Text';\nimport {AutocompleteInputItem} from './AutocompleteInputItem';\nimport type {SearchableItem, SearchSource} from './types';\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   * 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   * 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   * 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   * Ref forwarded to the input.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Custom result renderer.\n   */\n  renderItem?: (item: T) => ReactNode;\n  /**\n   * Search source.\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  menu: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n    maxH: '80',\n    overflowY: 'auto',\n    p: '1',\n  }),\n  option: css({\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  optionHighlighted: css({bg: 'bg.subtle'}),\n  optionSelected: css({fontWeight: 'medium'}),\n  optionSize: {\n    sm: css({px: '2', py: '1'}),\n    md: css({px: '2', py: '2'}),\n    lg: css({px: '3', py: '2.5'}),\n  } satisfies Record<'sm' | 'md' | 'lg', string>,\n  check: css({\n    display: 'inline-flex',\n    flexShrink: 0,\n    color: 'primary',\n  }),\n  loading: css({\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: css({\n    p: '3',\n    textAlign: 'center',\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  hasAutoFocus = false,\n  hasEntriesOnFocus = false,\n  inputId,\n  isDisabled = false,\n  maxMenuItems = 10,\n  onChange,\n  onKeyDown,\n  onOpenChange,\n  onQueryChange,\n  placeholder = 'Search...',\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 [query, setQuery] = useState('');\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 [isOpen, setIsOpen] = useState(false);\n  const pointerActiveRef = useRef(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    if (pointerActiveRef.current) {\n      document.addEventListener(\n        'click',\n        () => requestAnimationFrame(() => setOpen(true)),\n        {once: true},\n      );\n    } else {\n      setOpen(true);\n    }\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\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          setOpen(false);\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      setQuery(nextQuery);\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        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      setQuery('');\n      setResults([]);\n      setHasSearched(false);\n      setIsLoading(false);\n      onChange(item);\n      selectingRef.current = true;\n      inputRef.current?.focus();\n      selectingRef.current = false;\n      if (hasEntriesOnFocus) {\n        void runSearch('', 'bootstrap');\n      } else {\n        setOpen(false);\n      }\n    },\n    [hasEntriesOnFocus, onChange, runSearch, searchSource, setOpen],\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 menu = (\n    <div\n      aria-label=\"Search results\"\n      className={styles.menu}\n      id={listboxId}\n      role=\"listbox\">\n      {isLoading ? (\n        <div className={styles.loading} role=\"status\">\n          <Icon icon={LoaderCircle} size=\"sm\" />\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            Loading\n          </Text>\n        </div>\n      ) : results.length === 0 && hasSearched ? (\n        <div className={styles.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            <button\n              aria-selected={isSelected}\n              className={cx(\n                styles.option,\n                styles.optionSize[size],\n                index === highlightedIndex\n                  ? styles.optionHighlighted\n                  : undefined,\n                isSelected ? styles.optionSelected : undefined,\n              )}\n              id={`${listboxId}-option-${index}`}\n              key={item.id}\n              onClick={() => selectItem(item)}\n              onMouseEnter={() => setHighlightedIndex(index)}\n              role=\"option\"\n              type=\"button\">\n              {renderItem == null ? (\n                <AutocompleteInputItem item={item} />\n              ) : (\n                renderItem(item)\n              )}\n              {isSelected ? (\n                <span className={styles.check}>\n                  <Icon color=\"accent\" icon={Check} size=\"sm\" />\n                </span>\n              ) : null}\n            </button>\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        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        onChange={event => updateQuery(event.target.value)}\n        onFocus={() => {\n          if (selectingRef.current) {\n            return;\n          }\n          if (hasEntriesOnFocus && query === '' && results.length === 0) {\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        onPointerDown={() => {\n          pointerActiveRef.current = true;\n          document.addEventListener(\n            'click',\n            () => {\n              pointerActiveRef.current = false;\n            },\n            {once: true},\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        isOpen={isOpen}\n        onOpenChange={setOpen}\n      />\n    </>\n  );\n}\n\nBaseAutocompleteInput.displayName = 'BaseAutocompleteInput';\n","import {X} from 'lucide-react';\nimport {\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Button} from '../Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from '../Field';\nimport {inputRecipe, inputStyles} from '../Field/inputStyles';\nimport {getDescribedBy, getStatusMessageID} from '../Field/inputUtils';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Tag} from '../Tag';\nimport {BaseAutocompleteInput} from './BaseAutocompleteInput';\nimport type {SearchableItem, SearchSource} from './types';\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     * 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     * Search source.\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  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 =\n    description != null ? `${inputId}-description` : 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 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  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      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}\n        data-testid={dataTestId}\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={() => {\n              setIsEditing(true);\n              requestAnimationFrame(() => inputRef.current?.focus());\n            }}\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          hasAutoFocus={hasAutoFocus}\n          hasEntriesOnFocus={hasEntriesOnFocus}\n          inputId={inputId}\n          isDisabled={isDisabled}\n          maxMenuItems={maxMenuItems}\n          onChange={item => {\n            setIsEditing(false);\n            onChange(item);\n          }}\n          onOpenChange={onOpenChange}\n          onQueryChange={onQueryChange}\n          placeholder={showTag ? undefined : placeholder}\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\nexport interface SearchableItem<TAuxiliaryData = unknown> {\n  /**\n   * Custom data associated with the item.\n   */\n  auxiliaryData?: TAuxiliaryData;\n  /**\n   * Optional pre-rendered item content.\n   */\n  element?: ReactNode;\n  /**\n   * Stable unique identifier.\n   */\n  id: string;\n  /**\n   * Display text.\n   */\n  label: string;\n}\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 CreateStaticSourceOptions<\n  T extends SearchableItem = SearchableItem,\n> {\n  /**\n   * Extra searchable terms for each item.\n   */\n  keywords?: (item: T) => string[];\n}\n\nexport function createStaticSource<T extends SearchableItem>(\n  items: T[],\n  options?: CreateStaticSourceOptions<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            ?.keywords?.(item)\n            .some(keyword => keyword.toLowerCase().includes(normalizedQuery)) ??\n          false\n        );\n      });\n    },\n  };\n}\n"]}

package/dist/{chunk-6BSEY2DF.js → chunk-2VOB6LEI.js}

@@ -1,8 +1,8 @@
-import { VisuallyHidden } from './chunk-V5W7NZN5.js';
+import { VisuallyHidden } from './chunk-EXYBQVZT.js';
 import { mergeRefs } from './chunk-SGLIDI6R.js';
-import { Icon } from './chunk-4W7L63LH.js';
+import { Icon } from './chunk-7T3SWOY7.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
+import { css } from './chunk-OD4DHHZH.js';
 import { createContext, useRef, useCallback, useMemo, use } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -254,5 +254,5 @@ function SegmentedControlItem({
 SegmentedControlItem.displayName = "SegmentedControlItem";
 
 export { SegmentedControl, SegmentedControlItem };
-//# sourceMappingURL=chunk-6BSEY2DF.js.map
-//# sourceMappingURL=chunk-6BSEY2DF.js.map
+//# sourceMappingURL=chunk-2VOB6LEI.js.map
+//# sourceMappingURL=chunk-2VOB6LEI.js.map

package/dist/{chunk-6BSEY2DF.js.map → chunk-2VOB6LEI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SegmentedControl/SegmentedControlContext.ts","../src/components/SegmentedControl/SegmentedControl.tsx","../src/components/SegmentedControl/SegmentedControlItem.tsx"],"names":["styles","jsx"],"mappings":";;;;;;;;AAaO,IAAM,uBAAA,GACX,cAAmD,IAAI,CAAA;AAEzD,uBAAA,CAAwB,WAAA,GAAc,yBAAA;AAE/B,SAAS,0BAAA,GAA2D;AACzE,EAAA,MAAM,OAAA,GAAU,IAAI,uBAAuB,CAAA;AAC3C,EAAA,IAAI,WAAW,IAAA,EAAM;AACnB,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;AC0CA,IAAM,MAAA,GAAS;AAAA,EACb,MAAM,GAAA,CAAI;AAAA,IACR,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA;AAAA,IACL,CAAA,EAAG,KAAA;AAAA,IACH,EAAA,EAAI,cAAA;AAAA,IACJ,YAAA,EAAc;AAAA,GACf,CAAA;AAAA,EACD,MAAM,GAAA,CAAI;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,CAAA,EAAG;AAAA,GACJ,CAAA;AAAA,EACD,UAAU,GAAA,CAAI;AAAA,IACZ,OAAA,EAAS,GAAA;AAAA,IACT,aAAA,EAAe;AAAA,GAChB;AACH,CAAA;AAKO,SAAS,gBAAA,CAAiD;AAAA,EAC/D,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,UAAA,GAAa,KAAA;AAAA,EACb,KAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,QAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA;AACF,CAAA,EAAqD;AACnD,EAAA,MAAM,YAAA,GAAe,OAAuB,IAAI,CAAA;AAChD,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,CAAC,SAAA,KAAsB;AACrB,MAAA,QAAA,CAAS,SAAmB,CAAA;AAAA,IAC9B,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AACA,EAAA,MAAM,YAAA,GAAe,OAAA;AAAA,IACnB,OAAO,EAAC,UAAA,EAAY,QAAQ,QAAA,EAAU,YAAA,EAAc,MAAM,KAAA,EAAK,CAAA;AAAA,IAC/D,CAAC,YAAA,EAAc,UAAA,EAAY,MAAA,EAAQ,MAAM,KAAK;AAAA,GAChD;AAEA,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,KAAA,KAAyC;AACxC,MAAA,IAAI,UAAA,EAAY;AACd,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,YAAY,YAAA,CAAa,OAAA;AAC/B,MAAA,IAAI,aAAa,IAAA,EAAM;AACrB,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,QAClB,SAAA,CAAU,gBAAA;AAAA,UACR;AAAA;AACF,OACF;AAEA,MAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,eAAe,KAAA,CAAM,SAAA;AAAA,QACzB,CAAA,IAAA,KAAQ,SAAS,QAAA,CAAS;AAAA,OAC5B;AACA,MAAA,IAAI,SAAA;AAEJ,MAAA,QAAQ,MAAM,GAAA;AAAK,QACjB,KAAK,YAAA;AAAA,QACL,KAAK,WAAA;AACH,UAAA,SAAA,GACE,YAAA,KAAiB,EAAA,GAAK,CAAA,GAAA,CAAK,YAAA,GAAe,KAAK,KAAA,CAAM,MAAA;AACvD,UAAA;AAAA,QACF,KAAK,WAAA;AAAA,QACL,KAAK,SAAA;AACH,UAAA,SAAA,GACE,YAAA,KAAiB,KACb,KAAA,CAAM,MAAA,GAAS,KACd,YAAA,GAAe,CAAA,GAAI,KAAA,CAAM,MAAA,IAAU,KAAA,CAAM,MAAA;AAChD,UAAA;AAAA,QACF,KAAK,MAAA;AACH,UAAA,SAAA,GAAY,CAAA;AACZ,UAAA;AAAA,QACF,KAAK,KAAA;AACH,UAAA,SAAA,GAAY,MAAM,MAAA,GAAS,CAAA;AAC3B,UAAA;AAAA,QACF;AACE,UAAA;AAAA;AAGJ,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,MAAM,QAAA,GAAW,MAAM,SAAS,CAAA;AAChC,MAAA,QAAA,CAAS,KAAA,EAAM;AACf,MAAA,MAAM,SAAA,GAAY,SAAS,OAAA,CAAQ,KAAA;AACnC,MAAA,IAAI,aAAa,IAAA,EAAM;AACrB,QAAA,YAAA,CAAa,SAAS,CAAA;AAAA,MACxB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,cAAc,UAAU;AAAA,GAC3B;AAEA,EAAA,uBACE,GAAA,CAAC,uBAAA,EAAA,EAAwB,KAAA,EAAO,YAAA,EAC9B,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,iBAAe,UAAA,IAAc,MAAA;AAAA,MAC7B,YAAA,EAAY,KAAA;AAAA,MACZ,kBAAA,EAAiB,YAAA;AAAA,MACjB,SAAA,EAAW,EAAA;AAAA,QACT,MAAA,CAAO,IAAA;AAAA,QACP,MAAA,KAAW,MAAA,GAAS,MAAA,CAAO,IAAA,GAAO,MAAA;AAAA,QAClC,UAAA,GAAa,OAAO,QAAA,GAAW,MAAA;AAAA,QAC/B;AAAA,OACF;AAAA,MACA,aAAA,EAAa,UAAA;AAAA,MACb,SAAA,EAAW,aAAA;AAAA,MACX,GAAA,EAAK,SAAA,CAAU,GAAA,EAAK,YAAY,CAAA;AAAA,MAChC,IAAA,EAAK,YAAA;AAAA,MACL,KAAA;AAAA,MACA,QAAA,EAAU,EAAA;AAAA,MACT;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;ACvJ/B,IAAMA,OAAAA,GAAS;AAAA,EACb,MAAM,GAAA,CAAI;AAAA,IACR,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,GAAA,EAAK,GAAA;AAAA,IACL,WAAA,EAAa,CAAA;AAAA,IACb,WAAA,EAAa,MAAA;AAAA,IACb,EAAA,EAAI,aAAA;AAAA,IACJ,KAAA,EAAO,UAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,UAAA,EAAY,MAAA;AAAA,IACZ,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY,QAAA;AAAA,IACZ,kBAAA,EAAoB,qCAAA;AAAA,IACpB,kBAAA,EAAoB,MAAA;AAAA,IACpB,wBAAA,EAA0B,SAAA;AAAA,IAC1B,MAAA,EAAQ;AAAA,MACN,EAAA,EAAI;AAAA,KACN;AAAA,IACA,aAAA,EAAe;AAAA,MACb,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,SAAA;AAAA,MACd,aAAA,EAAe;AAAA;AACjB,GACD,CAAA;AAAA,EACD,UAAU,GAAA,CAAI;AAAA,IACZ,EAAA,EAAI,IAAA;AAAA,IACJ,KAAA,EAAO,IAAA;AAAA,IACP,UAAA,EAAY,UAAA;AAAA,IACZ,SAAA,EAAW,IAAA;AAAA,IACX,MAAA,EAAQ;AAAA,MACN,EAAA,EAAI;AAAA;AACN,GACD,CAAA;AAAA,EACD,UAAU,GAAA,CAAI;AAAA,IACZ,KAAA,EAAO,aAAA;AAAA,IACP,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,EAAA,EAAI;AAAA;AACN,GACD,CAAA;AAAA,EACD,MAAM,GAAA,CAAI;AAAA,IACR,IAAA,EAAM;AAAA,GACP,CAAA;AAAA,EACD,MAAM,GAAA,CAAI;AAAA,IACR,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,IAAA,EAAM;AAAA,IACJ,IAAI,GAAA,CAAI;AAAA,MACN,CAAA,EAAG,GAAA;AAAA,MACH,EAAA,EAAI,GAAA;AAAA,MACJ,YAAA,EAAc,IAAA;AAAA,MACd,QAAA,EAAU;AAAA,KACX,CAAA;AAAA,IACD,IAAI,GAAA,CAAI;AAAA,MACN,CAAA,EAAG,GAAA;AAAA,MACH,EAAA,EAAI,GAAA;AAAA,MACJ,YAAA,EAAc,IAAA;AAAA,MACd,QAAA,EAAU;AAAA,KACX,CAAA;AAAA,IACD,IAAI,GAAA,CAAI;AAAA,MACN,CAAA,EAAG,IAAA;AAAA,MACH,EAAA,EAAI,GAAA;AAAA,MACJ,YAAA,EAAc,IAAA;AAAA,MACd,QAAA,EAAU;AAAA,KACX;AAAA;AAEL,CAAA;AAKO,SAAS,oBAAA,CAAqD;AAAA,EACnE,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,IAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,aAAA,GAAgB,KAAA;AAAA,EAChB,KAAA;AAAA,EACA,GAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAyD;AACvD,EAAA,MAAM,UAAU,0BAAA,EAA2B;AAC3C,EAAA,MAAM,UAAA,GAAa,QAAQ,KAAA,KAAU,KAAA;AACrC,EAAA,MAAM,cAAA,GAAiB,QAAQ,UAAA,IAAc,UAAA;AAE7C,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,cAAA,EAAc,UAAA;AAAA,MACd,iBAAe,cAAA,IAAkB,MAAA;AAAA,MACjC,YAAA,EAAY,gBAAgB,KAAA,GAAQ,MAAA;AAAA,MACpC,SAAA,EAAW,EAAA;AAAA,QACTA,OAAAA,CAAO,IAAA;AAAA,QACPA,OAAAA,CAAO,IAAA,CAAK,OAAA,CAAQ,IAAI,CAAA;AAAA,QACxB,OAAA,CAAQ,MAAA,KAAW,MAAA,GAASA,OAAAA,CAAO,IAAA,GAAO,MAAA;AAAA,QAC1C,UAAA,GAAaA,QAAO,QAAA,GAAW,MAAA;AAAA,QAC/B,cAAA,GAAiBA,QAAO,QAAA,GAAW,MAAA;AAAA,QACnC;AAAA,OACF;AAAA,MACA,aAAA,EAAa,UAAA;AAAA,MACb,YAAA,EAAY,KAAA;AAAA,MACZ,SAAS,MAAM;AACb,QAAA,IAAI,CAAC,cAAA,IAAkB,CAAC,UAAA,EAAY;AAClC,UAAA,OAAA,CAAQ,SAAS,KAAK,CAAA;AAAA,QACxB;AAAA,MACF,CAAA;AAAA,MACA,GAAA;AAAA,MACA,IAAA,EAAK,OAAA;AAAA,MACL,KAAA;AAAA,MACA,QAAA,EAAU,aAAa,CAAA,GAAI,EAAA;AAAA,MAC3B,IAAA,EAAK,QAAA;AAAA,MACJ,QAAA,EAAA;AAAA,QAAA,IAAA,IAAQ,IAAA,mBACPC,GAAAA,CAAC,MAAA,EAAA,EAAK,WAAWD,OAAAA,CAAO,IAAA,EACtB,QAAA,kBAAAC,GAAAA,CAAC,QAAK,IAAA,EAAY,IAAA,EAAM,OAAA,CAAQ,IAAA,EAAM,GACxC,CAAA,GACE,IAAA;AAAA,QACH,aAAA,mBAAgBA,GAAAA,CAAC,cAAA,EAAA,EAAgB,iBAAM,CAAA,GAAoB;AAAA;AAAA;AAAA,GAC9D;AAEJ;AAEA,oBAAA,CAAqB,WAAA,GAAc,sBAAA","file":"chunk-6BSEY2DF.js","sourcesContent":["import {createContext, use} from 'react';\n\nexport type SegmentedControlLayout = 'fill' | 'hug';\nexport type SegmentedControlSize = 'lg' | 'md' | 'sm';\n\nexport interface SegmentedControlContextValue {\n  isDisabled: boolean;\n  layout: SegmentedControlLayout;\n  onChange: (value: string) => void;\n  size: SegmentedControlSize;\n  value: string;\n}\n\nexport const SegmentedControlContext =\n  createContext<SegmentedControlContextValue | null>(null);\n\nSegmentedControlContext.displayName = 'SegmentedControlContext';\n\nexport function useSegmentedControlContext(): SegmentedControlContextValue {\n  const context = use(SegmentedControlContext);\n  if (context == null) {\n    throw new Error(\n      'SegmentedControlItem must be used within a SegmentedControl.',\n    );\n  }\n  return context;\n}\n","import {\n  useCallback,\n  useMemo,\n  useRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport {\n  SegmentedControlContext,\n  type SegmentedControlLayout,\n  type SegmentedControlSize,\n} from './SegmentedControlContext';\n\nexport interface SegmentedControlProps<TValue extends string = string> {\n  /**\n   * SegmentedControlItem 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   * Whether the entire control is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the radio group.\n   */\n  label: string;\n  /**\n   * Segment layout mode.\n   * @default 'hug'\n   */\n  layout?: SegmentedControlLayout;\n  /**\n   * Called when a segment is selected.\n   */\n  onChange: (value: TValue) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: SegmentedControlSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current selected value.\n   */\n  value: TValue;\n}\n\nconst styles = {\n  root: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '0.5',\n    p: '0.5',\n    bg: 'surface.gray',\n    borderRadius: 'md',\n  }),\n  fill: css({\n    display: 'flex',\n    w: 'full',\n  }),\n  disabled: css({\n    opacity: 0.5,\n    pointerEvents: 'none',\n  }),\n} as const;\n\n/**\n * Segmented toggle control that allows selecting one option from a set.\n */\nexport function SegmentedControl<TValue extends string = string>({\n  children,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  label,\n  layout = 'hug',\n  onChange,\n  ref,\n  size = 'md',\n  style,\n  value,\n}: SegmentedControlProps<TValue>): React.JSX.Element {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const handleChange = useCallback(\n    (nextValue: string) => {\n      onChange(nextValue as TValue);\n    },\n    [onChange],\n  );\n  const contextValue = useMemo(\n    () => ({isDisabled, layout, onChange: handleChange, size, value}),\n    [handleChange, isDisabled, layout, size, value],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      const container = containerRef.current;\n      if (container == null) {\n        return;\n      }\n\n      const items = Array.from(\n        container.querySelectorAll<HTMLButtonElement>(\n          '[role=\"radio\"]:not([aria-disabled=\"true\"])',\n        ),\n      );\n\n      if (items.length === 0) {\n        return;\n      }\n\n      const currentIndex = items.findIndex(\n        item => item === document.activeElement,\n      );\n      let nextIndex: number;\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowDown':\n          nextIndex =\n            currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\n          break;\n        case 'ArrowLeft':\n        case 'ArrowUp':\n          nextIndex =\n            currentIndex === -1\n              ? items.length - 1\n              : (currentIndex - 1 + items.length) % items.length;\n          break;\n        case 'Home':\n          nextIndex = 0;\n          break;\n        case 'End':\n          nextIndex = items.length - 1;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      const nextItem = items[nextIndex];\n      nextItem.focus();\n      const nextValue = nextItem.dataset.value;\n      if (nextValue != null) {\n        handleChange(nextValue);\n      }\n    },\n    [handleChange, isDisabled],\n  );\n\n  return (\n    <SegmentedControlContext value={contextValue}>\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-label={label}\n        aria-orientation=\"horizontal\"\n        className={cx(\n          styles.root,\n          layout === 'fill' ? styles.fill : undefined,\n          isDisabled ? styles.disabled : undefined,\n          className,\n        )}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyDown}\n        ref={mergeRefs(ref, containerRef)}\n        role=\"radiogroup\"\n        style={style}\n        tabIndex={-1}>\n        {children}\n      </div>\n    </SegmentedControlContext>\n  );\n}\n\nSegmentedControl.displayName = 'SegmentedControl';\n","import type {CSSProperties, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {useSegmentedControlContext} from './SegmentedControlContext';\n\nexport interface SegmentedControlItemProps<TValue extends string = string> {\n  /**\n   * Additional CSS class names applied to the segment.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the segment.\n   */\n  'data-testid'?: string;\n  /**\n   * Icon element displayed before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether this segment 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   * Accessible and visible label for the segment.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the segment button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Inline styles applied to the segment.\n   */\n  style?: CSSProperties;\n  /**\n   * Unique value represented by this segment.\n   */\n  value: TValue;\n}\n\nconst styles = {\n  item: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '1',\n    borderWidth: 0,\n    borderStyle: 'none',\n    bg: 'transparent',\n    color: 'fg.muted',\n    cursor: 'pointer',\n    fontFamily: 'body',\n    fontWeight: 'medium',\n    lineHeight: 'normal',\n    transitionProperty: 'background-color, color, box-shadow',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    _hover: {\n      bg: 'bg.subtle',\n    },\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  selected: css({\n    bg: 'bg',\n    color: 'fg',\n    fontWeight: 'semibold',\n    boxShadow: 'sm',\n    _hover: {\n      bg: 'bg',\n    },\n  }),\n  disabled: css({\n    color: 'fg.disabled',\n    cursor: 'default',\n    _hover: {\n      bg: 'transparent',\n    },\n  }),\n  fill: css({\n    flex: 1,\n  }),\n  icon: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  }),\n  size: {\n    sm: css({\n      h: '7',\n      px: '2',\n      borderRadius: 'sm',\n      fontSize: 'sm',\n    }),\n    md: css({\n      h: '9',\n      px: '3',\n      borderRadius: 'sm',\n      fontSize: 'sm',\n    }),\n    lg: css({\n      h: '11',\n      px: '3',\n      borderRadius: 'md',\n      fontSize: 'md',\n    }),\n  },\n} as const;\n\n/**\n * Individual segment within a `SegmentedControl`.\n */\nexport function SegmentedControlItem<TValue extends string = string>({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  isDisabled = false,\n  isLabelHidden = false,\n  label,\n  ref,\n  style,\n  value,\n}: SegmentedControlItemProps<TValue>): React.JSX.Element {\n  const context = useSegmentedControlContext();\n  const isSelected = context.value === value;\n  const isItemDisabled = context.isDisabled || isDisabled;\n\n  return (\n    <button\n      aria-checked={isSelected}\n      aria-disabled={isItemDisabled || undefined}\n      aria-label={isLabelHidden ? label : undefined}\n      className={cx(\n        styles.item,\n        styles.size[context.size],\n        context.layout === 'fill' ? styles.fill : undefined,\n        isSelected ? styles.selected : undefined,\n        isItemDisabled ? styles.disabled : undefined,\n        className,\n      )}\n      data-testid={dataTestId}\n      data-value={value}\n      onClick={() => {\n        if (!isItemDisabled && !isSelected) {\n          context.onChange(value);\n        }\n      }}\n      ref={ref}\n      role=\"radio\"\n      style={style}\n      tabIndex={isSelected ? 0 : -1}\n      type=\"button\">\n      {icon != null ? (\n        <span className={styles.icon}>\n          <Icon icon={icon} size={context.size} />\n        </span>\n      ) : null}\n      {isLabelHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n    </button>\n  );\n}\n\nSegmentedControlItem.displayName = 'SegmentedControlItem';\n"]}
+{"version":3,"sources":["../src/components/SegmentedControl/SegmentedControlContext.ts","../src/components/SegmentedControl/SegmentedControl.tsx","../src/components/SegmentedControl/SegmentedControlItem.tsx"],"names":["styles","jsx"],"mappings":"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","file":"chunk-2VOB6LEI.js","sourcesContent":["import {createContext, use} from 'react';\n\nexport type SegmentedControlLayout = 'fill' | 'hug';\nexport type SegmentedControlSize = 'lg' | 'md' | 'sm';\n\nexport interface SegmentedControlContextValue {\n  isDisabled: boolean;\n  layout: SegmentedControlLayout;\n  onChange: (value: string) => void;\n  size: SegmentedControlSize;\n  value: string;\n}\n\nexport const SegmentedControlContext =\n  createContext<SegmentedControlContextValue | null>(null);\n\nSegmentedControlContext.displayName = 'SegmentedControlContext';\n\nexport function useSegmentedControlContext(): SegmentedControlContextValue {\n  const context = use(SegmentedControlContext);\n  if (context == null) {\n    throw new Error(\n      'SegmentedControlItem must be used within a SegmentedControl.',\n    );\n  }\n  return context;\n}\n","import {\n  useCallback,\n  useMemo,\n  useRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport {\n  SegmentedControlContext,\n  type SegmentedControlLayout,\n  type SegmentedControlSize,\n} from './SegmentedControlContext';\n\nexport interface SegmentedControlProps<TValue extends string = string> {\n  /**\n   * SegmentedControlItem 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   * Whether the entire control is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the radio group.\n   */\n  label: string;\n  /**\n   * Segment layout mode.\n   * @default 'hug'\n   */\n  layout?: SegmentedControlLayout;\n  /**\n   * Called when a segment is selected.\n   */\n  onChange: (value: TValue) => void;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: SegmentedControlSize;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Current selected value.\n   */\n  value: TValue;\n}\n\nconst styles = {\n  root: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '0.5',\n    p: '0.5',\n    bg: 'surface.gray',\n    borderRadius: 'md',\n  }),\n  fill: css({\n    display: 'flex',\n    w: 'full',\n  }),\n  disabled: css({\n    opacity: 0.5,\n    pointerEvents: 'none',\n  }),\n} as const;\n\n/**\n * Segmented toggle control for selecting one option from a small set.\n *\n * Rendered as a radio group (`role=\"radiogroup\"`), so reach for it when picking\n * a value — filters, settings, or view modes whose content you render yourself.\n * If selecting an option should show or hide associated content panels, use\n * {@link Tabs} instead.\n */\nexport function SegmentedControl<TValue extends string = string>({\n  children,\n  className,\n  'data-testid': dataTestId,\n  isDisabled = false,\n  label,\n  layout = 'hug',\n  onChange,\n  ref,\n  size = 'md',\n  style,\n  value,\n}: SegmentedControlProps<TValue>): React.JSX.Element {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const handleChange = useCallback(\n    (nextValue: string) => {\n      onChange(nextValue as TValue);\n    },\n    [onChange],\n  );\n  const contextValue = useMemo(\n    () => ({isDisabled, layout, onChange: handleChange, size, value}),\n    [handleChange, isDisabled, layout, size, value],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      const container = containerRef.current;\n      if (container == null) {\n        return;\n      }\n\n      const items = Array.from(\n        container.querySelectorAll<HTMLButtonElement>(\n          '[role=\"radio\"]:not([aria-disabled=\"true\"])',\n        ),\n      );\n\n      if (items.length === 0) {\n        return;\n      }\n\n      const currentIndex = items.findIndex(\n        item => item === document.activeElement,\n      );\n      let nextIndex: number;\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowDown':\n          nextIndex =\n            currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\n          break;\n        case 'ArrowLeft':\n        case 'ArrowUp':\n          nextIndex =\n            currentIndex === -1\n              ? items.length - 1\n              : (currentIndex - 1 + items.length) % items.length;\n          break;\n        case 'Home':\n          nextIndex = 0;\n          break;\n        case 'End':\n          nextIndex = items.length - 1;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      const nextItem = items[nextIndex];\n      nextItem.focus();\n      const nextValue = nextItem.dataset.value;\n      if (nextValue != null) {\n        handleChange(nextValue);\n      }\n    },\n    [handleChange, isDisabled],\n  );\n\n  return (\n    <SegmentedControlContext value={contextValue}>\n      <div\n        aria-disabled={isDisabled || undefined}\n        aria-label={label}\n        aria-orientation=\"horizontal\"\n        className={cx(\n          styles.root,\n          layout === 'fill' ? styles.fill : undefined,\n          isDisabled ? styles.disabled : undefined,\n          className,\n        )}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyDown}\n        ref={mergeRefs(ref, containerRef)}\n        role=\"radiogroup\"\n        style={style}\n        tabIndex={-1}>\n        {children}\n      </div>\n    </SegmentedControlContext>\n  );\n}\n\nSegmentedControl.displayName = 'SegmentedControl';\n","import type {CSSProperties, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {useSegmentedControlContext} from './SegmentedControlContext';\n\nexport interface SegmentedControlItemProps<TValue extends string = string> {\n  /**\n   * Additional CSS class names applied to the segment.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the segment.\n   */\n  'data-testid'?: string;\n  /**\n   * Icon element displayed before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether this segment 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   * Accessible and visible label for the segment.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the segment button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Inline styles applied to the segment.\n   */\n  style?: CSSProperties;\n  /**\n   * Unique value represented by this segment.\n   */\n  value: TValue;\n}\n\nconst styles = {\n  item: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '1',\n    borderWidth: 0,\n    borderStyle: 'none',\n    bg: 'transparent',\n    color: 'fg.muted',\n    cursor: 'pointer',\n    fontFamily: 'body',\n    fontWeight: 'medium',\n    lineHeight: 'normal',\n    transitionProperty: 'background-color, color, box-shadow',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    _hover: {\n      bg: 'bg.subtle',\n    },\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  selected: css({\n    bg: 'bg',\n    color: 'fg',\n    fontWeight: 'semibold',\n    boxShadow: 'sm',\n    _hover: {\n      bg: 'bg',\n    },\n  }),\n  disabled: css({\n    color: 'fg.disabled',\n    cursor: 'default',\n    _hover: {\n      bg: 'transparent',\n    },\n  }),\n  fill: css({\n    flex: 1,\n  }),\n  icon: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  }),\n  size: {\n    sm: css({\n      h: '7',\n      px: '2',\n      borderRadius: 'sm',\n      fontSize: 'sm',\n    }),\n    md: css({\n      h: '9',\n      px: '3',\n      borderRadius: 'sm',\n      fontSize: 'sm',\n    }),\n    lg: css({\n      h: '11',\n      px: '3',\n      borderRadius: 'md',\n      fontSize: 'md',\n    }),\n  },\n} as const;\n\n/**\n * Individual segment within a `SegmentedControl`.\n */\nexport function SegmentedControlItem<TValue extends string = string>({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  isDisabled = false,\n  isLabelHidden = false,\n  label,\n  ref,\n  style,\n  value,\n}: SegmentedControlItemProps<TValue>): React.JSX.Element {\n  const context = useSegmentedControlContext();\n  const isSelected = context.value === value;\n  const isItemDisabled = context.isDisabled || isDisabled;\n\n  return (\n    <button\n      aria-checked={isSelected}\n      aria-disabled={isItemDisabled || undefined}\n      aria-label={isLabelHidden ? label : undefined}\n      className={cx(\n        styles.item,\n        styles.size[context.size],\n        context.layout === 'fill' ? styles.fill : undefined,\n        isSelected ? styles.selected : undefined,\n        isItemDisabled ? styles.disabled : undefined,\n        className,\n      )}\n      data-testid={dataTestId}\n      data-value={value}\n      onClick={() => {\n        if (!isItemDisabled && !isSelected) {\n          context.onChange(value);\n        }\n      }}\n      ref={ref}\n      role=\"radio\"\n      style={style}\n      tabIndex={isSelected ? 0 : -1}\n      type=\"button\">\n      {icon != null ? (\n        <span className={styles.icon}>\n          <Icon icon={icon} size={context.size} />\n        </span>\n      ) : null}\n      {isLabelHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n    </button>\n  );\n}\n\nSegmentedControlItem.displayName = 'SegmentedControlItem';\n"]}

package/dist/{chunk-GUF4ZNPQ.js → chunk-35MFOORC.js}

@@ -1,7 +1,7 @@
-import { resolveAvatarSize, AvatarGroupContext, useAvatarGroup } from './chunk-PGKOWMP4.js';
-import { cva } from './chunk-NAELQLZN.js';
+import { resolveAvatarSize, AvatarGroupContext, useAvatarGroup } from './chunk-OHKL4DOV.js';
+import { cva } from './chunk-FMEIPGUP.js';
 import { cx } from './chunk-PPNETWIP.js';
-import { css } from './chunk-UHQRL4OA.js';
+import { css } from './chunk-OD4DHHZH.js';
 import { useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -133,6 +133,6 @@ function AvatarGroupOverflow({
 }
 AvatarGroupOverflow.displayName = "AvatarGroupOverflow";
 
-export { AvatarGroup, AvatarGroupOverflow, avatarGroupRecipe };
-//# sourceMappingURL=chunk-GUF4ZNPQ.js.map
-//# sourceMappingURL=chunk-GUF4ZNPQ.js.map
+export { AvatarGroup, AvatarGroupOverflow };
+//# sourceMappingURL=chunk-35MFOORC.js.map
+//# sourceMappingURL=chunk-35MFOORC.js.map

package/dist/chunk-35MFOORC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroup.recipe.ts","../src/components/AvatarGroup/AvatarGroup.tsx","../src/components/AvatarGroup/AvatarGroupOverflow.tsx"],"names":["jsx"],"mappings":";;;;;;;;AAEO,IAAM,oBAAoB,GAAA,CAAI;AAAA,EACnC,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,aAAA,EAAe;AAAA;AAEnB,CAAC,CAAA;ACDD,IAAM,aAAA,GAAgB,IAAA;AA4Cf,SAAS,WAAA,CAAY;AAAA,EAC1B,cAAc,SAAA,GAAY,SAAA;AAAA,EAC1B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,GAAA;AAAA,EACA,IAAA,GAAO,OAAA;AAAA,EACP;AACF,CAAA,EAAwC;AACtC,EAAA,MAAM,WAAA,GAAc,kBAAkB,IAAI,CAAA;AAC1C,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,WAAA,GAAc,aAAa,CAAA;AACtD,EAAA,MAAM,YAAA,GAAe,OAAA;AAAA,IACnB,OAAO,EAAC,WAAA,EAAa,OAAA,EAAS,IAAA,EAAI,CAAA;AAAA,IAClC,CAAC,WAAA,EAAa,OAAA,EAAS,IAAI;AAAA,GAC7B;AACA,EAAA,MAAM,SAAA,GAA8B;AAAA,IAClC,wBAAA,EAA0B,CAAA,EAAG,CAAC,OAAO,CAAA,EAAA,CAAA;AAAA,IACrC,GAAG;AAAA,GACL;AAEA,EAAA,uBACE,GAAA,CAAC,kBAAA,EAAA,EAAmB,KAAA,EAAO,YAAA,EACzB,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,EAAA,CAAG,iBAAA,EAAkB,EAAG,SAAS,CAAA;AAAA,MAC5C,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA,EAAK,OAAA;AAAA,MACL,KAAA,EAAO,SAAA;AAAA,MACN;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;ACjF1B,IAAM,YAAA,GAAe,EAAA;AACrB,IAAM,YAAA,GAAe,CAAA;AACrB,IAAM,mBAAA,GAAsB,IAAA;AAoC5B,IAAM,MAAA,GAAS;AAAA,EACb,MAAM,GAAA,CAAI;AAAA,IACR,QAAA,EAAU,UAAA;AAAA,IACV,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,YAAA,EAAc,MAAA;AAAA,IACd,WAAA,EAAa,GAAG,YAAY,CAAA,EAAA,CAAA;AAAA,IAC5B,WAAA,EAAa,OAAA;AAAA,IACb,WAAA,EAAa,IAAA;AAAA,IACb,SAAA,EAAW,aAAA;AAAA,IACX,EAAA,EAAI,WAAA;AAAA,IACJ,KAAA,EAAO,UAAA;AAAA,IACP,UAAA,EAAY,MAAA;AAAA,IACZ,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY,MAAA;AAAA,IACZ,qBAAA,EAAuB;AAAA,MACrB,iBAAA,EAAmB;AAAA;AACrB,GACD,CAAA;AAAA,EACD,QAAQ,GAAA,CAAI;AAAA,IACV,MAAA,EAAQ,SAAA;AAAA,IACR,CAAA,EAAG,CAAA;AAAA,IACH,aAAA,EAAe;AAAA,MACb,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,SAAA;AAAA,MACd,aAAA,EAAe;AAAA;AACjB,GACD;AACH,CAAA;AAKO,SAAS,mBAAA,CAAoB;AAAA,EAClC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,OAAA;AAAA,EACA,GAAA;AAAA,EACA;AACF,CAAA,EAAuD;AACrD,EAAA,MAAM,QAAQ,cAAA,EAAe;AAE7B,EAAA,IAAI,SAAS,CAAA,EAAG;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,WAAA,GAAc,OAAO,WAAA,IAAe,YAAA;AAC1C,EAAA,MAAM,KAAA,GAAQ,GAAG,KAAK,CAAA,KAAA,CAAA;AACtB,EAAA,MAAM,OAAA,GAAU,QAAA,IAAY,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA;AACrC,EAAA,MAAM,SAAA,GAA2B;AAAA,IAC/B,KAAA,EAAO,WAAA;AAAA,IACP,MAAA,EAAQ,WAAA;AAAA,IACR,UAAU,WAAA,GAAc,mBAAA;AAAA,IACxB,GAAG;AAAA,GACL;AAEA,EAAA,IAAI,WAAW,IAAA,EAAM;AACnB,IAAA,uBACEA,GAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,KAAA;AAAA,QACZ,WAAW,EAAA,CAAG,MAAA,CAAO,IAAA,EAAM,MAAA,CAAO,QAAQ,SAAS,CAAA;AAAA,QACnD,aAAA,EAAa,UAAA;AAAA,QACb,OAAA;AAAA,QACA,GAAA;AAAA,QACA,KAAA,EAAO,SAAA;AAAA,QACP,IAAA,EAAK,QAAA;AAAA,QACJ,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACEA,GAAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAAA,MACpC,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,IAAA,EAAK,KAAA;AAAA,MACL,KAAA,EAAO,SAAA;AAAA,MACN,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,mBAAA,CAAoB,WAAA,GAAc,qBAAA","file":"chunk-35MFOORC.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=\"img\"\n      style={rootStyle}>\n      {content}\n    </span>\n  );\n}\n\nAvatarGroupOverflow.displayName = 'AvatarGroupOverflow';\n"]}

package/dist/{chunk-RJXHAQCR.cjs → chunk-36QGPGT2.cjs}

@@ -1,10 +1,12 @@
 'use strict';
 
-var chunkWEEYUS7M_cjs = require('./chunk-WEEYUS7M.cjs');
-var chunkI6IGTQLG_cjs = require('./chunk-I6IGTQLG.cjs');
-var chunk5G3BY75L_cjs = require('./chunk-5G3BY75L.cjs');
-var chunk2WP6NYYY_cjs = require('./chunk-2WP6NYYY.cjs');
-var chunkPHFEQG4E_cjs = require('./chunk-PHFEQG4E.cjs');
+var chunkIXJOPMJX_cjs = require('./chunk-IXJOPMJX.cjs');
+var chunkVXBVSYPA_cjs = require('./chunk-VXBVSYPA.cjs');
+var chunkKFEXS6OK_cjs = require('./chunk-KFEXS6OK.cjs');
+var chunk2P6D43V2_cjs = require('./chunk-2P6D43V2.cjs');
+var chunkO3T7Z6RH_cjs = require('./chunk-O3T7Z6RH.cjs');
+var chunkYXYD5HKL_cjs = require('./chunk-YXYD5HKL.cjs');
+var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
@@ -43,9 +45,9 @@ function TextInput({
 }) {
   const inputId = react.useId();
   const descriptionID = description != null ? `${inputId}-description` : void 0;
-  const statusMessageID = chunk5G3BY75L_cjs.getStatusMessageID(inputId, status);
-  const describedBy = chunk5G3BY75L_cjs.getDescribedBy(descriptionID, statusMessageID);
-  const inputGroup = chunkWEEYUS7M_cjs.useInputGroup();
+  const statusMessageID = chunk2P6D43V2_cjs.getStatusMessageID(inputId, status);
+  const describedBy = chunk2P6D43V2_cjs.getDescribedBy(descriptionID, statusMessageID);
+  const inputGroup = chunkIXJOPMJX_cjs.useInputGroup();
   const effectiveDisabled = isDisabled || inputGroup?.isDisabled === true;
   const size = inputGroup?.size ?? sizeProp;
   const effectiveStatusType = status?.type ?? inputGroup?.statusType;
@@ -53,7 +55,7 @@ function TextInput({
     "div",
     {
       className: chunkSPDVNY2Z_cjs.cx(
-        chunkI6IGTQLG_cjs.inputRecipe({
+        chunkVXBVSYPA_cjs.inputRecipe({
           size,
           status: effectiveStatusType,
           isDisabled: effectiveDisabled
@@ -62,7 +64,7 @@ function TextInput({
       ),
       style: inputGroup != null ? style : void 0,
       children: [
-        startIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkI6IGTQLG_cjs.inputStyles.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { color: "secondary", icon: startIcon, size: "sm" }) }) : null,
+        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,
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -73,7 +75,7 @@ function TextInput({
             "aria-required": isRequired ?? void 0,
             autoComplete,
             autoFocus: hasAutoFocus,
-            className: chunkI6IGTQLG_cjs.inputStyles.control,
+            className: chunkVXBVSYPA_cjs.inputStyles.control,
             "data-autofocus": hasAutoFocus || void 0,
             "data-testid": dataTestId,
             disabled: effectiveDisabled,
@@ -96,18 +98,19 @@ function TextInput({
           }
         ),
         hasClear && value !== "" && !effectiveDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
+          chunkO3T7Z6RH_cjs.Button,
           {
-            "aria-label": `Clear ${label}`,
-            className: chunkI6IGTQLG_cjs.inputStyles.clearButton,
+            icon: lucideReact.X,
+            isIconOnly: true,
+            label: `Clear ${label}`,
             onClick: () => onChange("", null),
-            type: "button",
-            children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { icon: lucideReact.X, size: "sm" })
+            size: "sm",
+            variant: "ghost"
           }
         ) : null,
         endContent,
-        isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk2WP6NYYY_cjs.Spinner, { size: "sm" }) : null,
-        status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkI6IGTQLG_cjs.inputStyles.iconSlot, children: chunk5G3BY75L_cjs.getStatusIcon(status.type) }) : null
+        isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkYXYD5HKL_cjs.Spinner, { size: "sm" }) : null,
+        status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVXBVSYPA_cjs.inputStyles.iconSlot, children: chunk2P6D43V2_cjs.getStatusIcon(status.type) }) : null
       ]
     }
   );
@@ -115,7 +118,7 @@ function TextInput({
     return inputWrapper;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI6IGTQLG_cjs.Field,
+    chunkKFEXS6OK_cjs.Field,
     {
       className,
       description,
@@ -123,8 +126,7 @@ function TextInput({
       inputId,
       isDisabled,
       isLabelHidden,
-      isOptional,
-      isRequired,
+      ...chunkKFEXS6OK_cjs.getNecessity(isOptional, isRequired),
       label,
       labelIcon,
       labelTooltip,
@@ -137,5 +139,5 @@ function TextInput({
 TextInput.displayName = "TextInput";
 
 exports.TextInput = TextInput;
-//# sourceMappingURL=chunk-RJXHAQCR.cjs.map
-//# sourceMappingURL=chunk-RJXHAQCR.cjs.map
+//# sourceMappingURL=chunk-36QGPGT2.cjs.map
+//# sourceMappingURL=chunk-36QGPGT2.cjs.map