silver-ui 0.4.0 → 0.6.0

package/dist/{chunk-3ZV3EGGK.cjs → chunk-FWBYCTUB.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkSSOAZZNR_cjs = require('./chunk-SSOAZZNR.cjs');
-var chunkDVGLYE3G_cjs = require('./chunk-DVGLYE3G.cjs');
+var chunkRLIBY7XB_cjs = require('./chunk-RLIBY7XB.cjs');
+var chunkSKZNSOB7_cjs = require('./chunk-SKZNSOB7.cjs');
 var chunkVXBVSYPA_cjs = require('./chunk-VXBVSYPA.cjs');
-var chunkYY6KJO5Z_cjs = require('./chunk-YY6KJO5Z.cjs');
-var chunkG2WW52GO_cjs = require('./chunk-G2WW52GO.cjs');
-var chunkQOKEU3DC_cjs = require('./chunk-QOKEU3DC.cjs');
-var chunkSBS7U7CN_cjs = require('./chunk-SBS7U7CN.cjs');
-var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.cjs');
+var chunkR3ZS6FU6_cjs = require('./chunk-R3ZS6FU6.cjs');
+var chunkRAMDISDK_cjs = require('./chunk-RAMDISDK.cjs');
+var chunkVXOIOPGZ_cjs = require('./chunk-VXOIOPGZ.cjs');
+var chunkGU65FGY6_cjs = require('./chunk-GU65FGY6.cjs');
+var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
 var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
 var lucideReact = require('lucide-react');
@@ -238,12 +238,12 @@ function Select({
     setQuery,
     statusMessageID,
     triggerRef
-  } = chunkSSOAZZNR_cjs.useSelectListbox({
-    clearQueryOnCommit: true,
-    closeOnCommit: true,
+  } = chunkRLIBY7XB_cjs.useSelectListbox({
     description,
     isDisabled,
     isLoading,
+    isListboxClosedOnCommit: true,
+    isQueryClearedOnCommit: true,
     onCommitOption: commitOption,
     options,
     selectedValues,
@@ -277,10 +277,10 @@ function Select({
             tabIndex: option.value === highlightedValue ? 0 : -1,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: menuClasses.optionContent, children: renderOptionProp == null ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                option.icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: menuClasses.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon: option.icon, size: "sm" }) }) : null,
+                option.icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: menuClasses.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { color: "secondary", icon: option.icon, size: "sm" }) }) : null,
                 option.label
               ] }) : renderOptionProp(option) }),
-              option.value === value ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: menuClasses.check, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "accent", icon: lucideReact.Check, size: "sm" }) }) : null
+              option.value === value ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: menuClasses.check, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { color: "accent", icon: lucideReact.Check, size: "sm" }) }) : null
             ]
           },
           option.value
@@ -298,7 +298,7 @@ function Select({
       value
     ]
   );
-  const optionNodes = chunkSSOAZZNR_cjs.renderSelectListboxOptions({
+  const optionNodes = chunkRLIBY7XB_cjs.renderSelectListboxOptions({
     dividerClassName: menuClasses.divider ?? "",
     inputId,
     options,
@@ -335,7 +335,7 @@ function Select({
       }
     )
   ] });
-  const necessity = chunkYY6KJO5Z_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkR3ZS6FU6_cjs.getNecessity(isOptional, isRequired);
   const triggerClasses = selectTriggerRecipe({
     isDisabled: isInteractionDisabled,
     isPlaceholder: selectedOption == null
@@ -360,7 +360,7 @@ function Select({
         },
         ref: triggerRef,
         children: [
-          startIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: menuClasses.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon: startIcon, size: "sm" }) }) : null,
+          startIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: menuClasses.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { color: "secondary", icon: startIcon, size: "sm" }) }) : null,
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
@@ -382,9 +382,9 @@ function Select({
               children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: triggerClasses.label, children: selectedOption?.label ?? placeholder })
             }
           ),
-          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkSBS7U7CN_cjs.Spinner, { size: "sm" }) : null,
+          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGU65FGY6_cjs.Spinner, { size: "sm" }) : null,
           hasClear && selectedOption != null && !isDisabled ? /* @__PURE__ */ jsxRuntime.jsx(
-            chunkQOKEU3DC_cjs.Button,
+            chunkVXOIOPGZ_cjs.Button,
             {
               icon: lucideReact.X,
               isIconOnly: true,
@@ -397,13 +397,13 @@ function Select({
               variant: "ghost"
             }
           ) : null,
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: menuClasses.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.ChevronDown, size: "sm" }) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: menuClasses.iconSlot, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: lucideReact.ChevronDown, size: "sm" }) })
         ]
       }
     )
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkYY6KJO5Z_cjs.Field,
+    chunkR3ZS6FU6_cjs.Field,
     {
       className,
       description,
@@ -420,7 +420,7 @@ function Select({
       children: [
         trigger,
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkG2WW52GO_cjs.Popover,
+          chunkRAMDISDK_cjs.Popover,
           {
             anchorRef: triggerRef,
             content: menu,
@@ -448,7 +448,7 @@ function SelectOption({
 }) {
   const classes = selectOptionItemRecipe();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDVGLYE3G_cjs.Item,
+    chunkSKZNSOB7_cjs.Item,
     {
       as: "span",
       className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
@@ -457,7 +457,7 @@ function SelectOption({
       endContent,
       label,
       ref,
-      startContent: icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon, size: "sm" }) }) : null,
+      startContent: icon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { color: "secondary", icon, size: "sm" }) }) : null,
       style
     }
   );
@@ -466,5 +466,5 @@ SelectOption.displayName = "SelectOption";
 
 exports.Select = Select;
 exports.SelectOption = SelectOption;
-//# sourceMappingURL=chunk-3ZV3EGGK.cjs.map
-//# sourceMappingURL=chunk-3ZV3EGGK.cjs.map
+//# sourceMappingURL=chunk-FWBYCTUB.cjs.map
+//# sourceMappingURL=chunk-FWBYCTUB.cjs.map

package/dist/chunk-FWBYCTUB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Select/Select.recipe.ts","../src/components/Select/Select.tsx","../src/components/Select/SelectOption.tsx"],"names":["sva","useMemo","useCallback","useSelectListbox","jsxs","jsx","Fragment","Icon","Check","renderSelectListboxOptions","getNecessity","cx","inputRecipe","Spinner","Button","X","ChevronDown","Field","Popover","Item"],"mappings":"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","file":"chunk-FWBYCTUB.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const selectMenuRecipe = sva({\n  slots: [\n    'menu',\n    'search',\n    'option',\n    'optionContent',\n    'check',\n    'iconSlot',\n    'sectionHeading',\n    'divider',\n  ],\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    search: {\n      w: 'full',\n      px: '2',\n      py: '1',\n      borderWidth: 'default',\n      borderStyle: 'solid',\n      borderColor: 'border.emphasized',\n      borderRadius: 'md',\n      fontFamily: 'body',\n      outline: 'none',\n      _focus: {\n        borderColor: 'primary',\n      },\n    },\n    option: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: '2',\n      w: 'full',\n      px: '2',\n      py: '2',\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      '&[aria-disabled=\"true\"]': {\n        opacity: 0.5,\n        cursor: 'not-allowed',\n        pointerEvents: 'none',\n      },\n      '&[data-highlighted]': {\n        bg: 'bg.subtle',\n      },\n      '&[data-selected]': {\n        fontWeight: 'medium',\n      },\n    },\n    optionContent: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '2',\n      minW: 0,\n    },\n    check: {\n      display: 'inline-flex',\n      color: 'primary',\n    },\n    iconSlot: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      color: 'fg.muted',\n    },\n    sectionHeading: {\n      px: '2',\n      py: '1',\n      color: 'fg.muted',\n      fontFamily: 'body',\n      fontSize: 'sm',\n      fontWeight: 'semibold',\n    },\n    divider: {\n      h: '1px',\n      bg: 'border',\n      my: '1',\n    },\n  },\n});\n\nexport type SelectMenuVariants = RecipeVariantProps<typeof selectMenuRecipe>;\n\nexport const selectTriggerRecipe = sva({\n  slots: ['wrapper', 'trigger', 'label'],\n  base: {\n    wrapper: {\n      cursor: 'pointer',\n    },\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: '2',\n      flex: 1,\n      minW: 0,\n      p: 0,\n      borderWidth: 0,\n      bg: 'transparent',\n      color: 'inherit',\n      cursor: 'pointer',\n      fontFamily: 'body',\n      outline: 'none',\n      textAlign: 'start',\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n    },\n    label: {\n      flex: 1,\n      minW: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n    },\n  },\n  variants: {\n    isDisabled: {\n      true: {wrapper: {cursor: 'not-allowed'}},\n      false: {},\n    },\n    isPlaceholder: {\n      true: {label: {color: 'fg.muted'}},\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isDisabled: false,\n    isPlaceholder: false,\n  },\n});\n\nexport type SelectTriggerVariants = RecipeVariantProps<\n  typeof selectTriggerRecipe\n>;\n\nexport const selectOptionItemRecipe = sva({\n  slots: ['root', 'icon'],\n  base: {\n    root: {\n      display: 'flex',\n      minW: 0,\n      p: 0,\n    },\n    icon: {\n      display: 'inline-flex',\n      flexShrink: 0,\n      color: 'fg.muted',\n    },\n  },\n});\n\nexport type SelectOptionItemVariants = RecipeVariantProps<\n  typeof selectOptionItemRecipe\n>;\n","import {Check, ChevronDown, X} from 'lucide-react';\nimport {\n  useCallback,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe} from 'components/Field/inputStyles';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {\n  selectMenuRecipe,\n  selectTriggerRecipe,\n} from 'components/Select/Select.recipe';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport {\n  renderSelectListboxOptions,\n  useSelectListbox,\n  type SelectListboxOptionData,\n} from 'internal/useSelectListbox';\n\nexport interface SelectOptionData extends SelectListboxOptionData {\n  /**\n   * Icon displayed before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the option is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Option label. Defaults to `value`.\n   */\n  label?: string;\n  /**\n   * Option value.\n   */\n  value: string;\n}\n\nexport interface SelectDivider {\n  /**\n   * Discriminator identifying a divider entry.\n   */\n  type: 'divider';\n}\n\nexport interface SelectSection {\n  /**\n   * Options within this section.\n   */\n  options: ReadonlyArray<SelectOptionData>;\n  /**\n   * Optional heading text for the section.\n   */\n  title?: string;\n  /**\n   * Discriminator identifying a section entry.\n   */\n  type: 'section';\n}\n\nexport type SelectOptionDefinition =\n  | SelectDivider\n  | SelectOptionData\n  | SelectSection\n  | string;\n\nexport type SelectProps = {\n  /**\n   * Additional CSS class names applied to the trigger wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the combobox button.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to show a clear button when a value is selected.\n   * @default false\n   */\n  hasClear?: boolean;\n  /**\n   * Whether to show search input in the dropdown.\n   * @default false\n   */\n  hasSearch?: boolean;\n  /**\n   * Whether the selector is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the selector is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Called when selection changes.\n   */\n  onChange: (value: string | null) => void;\n  /**\n   * Options to display.\n   */\n  options: ReadonlyArray<SelectOptionDefinition>;\n  /**\n   * Placeholder shown when no option is selected.\n   * @default 'Select...'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the combobox button.\n   */\n  ref?: Ref<HTMLButtonElement>;\n  /**\n   * Custom render function for selectable options.\n   */\n  renderOption?: (option: SelectOptionData) => ReactNode;\n  /**\n   * Search input placeholder.\n   * @default 'Search...'\n   */\n  searchPlaceholder?: string;\n  /**\n   * Select size.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Start icon rendered in the trigger.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Validation status displayed below the selector.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the trigger wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Selected option value.\n   */\n  value: string | null;\n} & FieldNecessity;\n\n/**\n * Single-select dropdown field.\n */\nexport function Select({\n  className,\n  'data-testid': dataTestId,\n  description,\n  hasClear = false,\n  hasSearch = false,\n  isDisabled = false,\n  isLabelHidden = false,\n  isLoading = false,\n  isOptional,\n  isRequired,\n  label,\n  labelIcon,\n  labelTooltip,\n  onChange,\n  options,\n  placeholder = 'Select...',\n  ref,\n  renderOption: renderOptionProp,\n  searchPlaceholder = 'Search...',\n  size = 'md',\n  startIcon,\n  status,\n  style,\n  value,\n}: SelectProps): React.JSX.Element {\n  const selectedValues = useMemo(\n    () => (value == null ? new Set<string>() : new Set([value])),\n    [value],\n  );\n\n  const commitOption = useCallback(\n    (option: SelectOptionData): boolean => {\n      if (option.isDisabled) {\n        return false;\n      }\n\n      onChange(option.value);\n      return true;\n    },\n    [onChange],\n  );\n\n  const {\n    activeDescendantId,\n    describedBy,\n    descriptionID,\n    filteredValues,\n    getOptionId,\n    handleKeyboardNavigation,\n    handleOptionClick,\n    handleOptionMouseEnter,\n    highlightedValue,\n    inputId,\n    isInteractionDisabled,\n    isOpen,\n    listboxId,\n    query,\n    selectableOptions,\n    setHighlightedValue,\n    setIsOpen,\n    setQuery,\n    statusMessageID,\n    triggerRef,\n  } = useSelectListbox({\n    description,\n    isDisabled,\n    isLoading,\n    isListboxClosedOnCommit: true,\n    isQueryClearedOnCommit: true,\n    onCommitOption: commitOption,\n    options,\n    selectedValues,\n    status,\n  });\n\n  const selectedOption = useMemo(\n    () => selectableOptions.find(option => option.value === value),\n    [selectableOptions, value],\n  );\n\n  const menuClasses = selectMenuRecipe();\n\n  const renderOption = useCallback(\n    (option: SelectOptionData): ReactNode => {\n      if (!filteredValues.has(option.value)) {\n        return null;\n      }\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-disabled={option.isDisabled ?? undefined}\n          aria-selected={option.value === value || undefined}\n          className={menuClasses.option}\n          data-highlighted={option.value === highlightedValue ? '' : undefined}\n          data-selected={option.value === value ? '' : undefined}\n          data-value={option.value}\n          id={getOptionId(option.value)}\n          key={option.value}\n          onClick={option.isDisabled ? undefined : handleOptionClick}\n          onMouseEnter={handleOptionMouseEnter}\n          role=\"option\"\n          tabIndex={option.value === highlightedValue ? 0 : -1}>\n          <span className={menuClasses.optionContent}>\n            {renderOptionProp == null ? (\n              <>\n                {option.icon != null ? (\n                  <span className={menuClasses.iconSlot}>\n                    <Icon color=\"secondary\" icon={option.icon} size=\"sm\" />\n                  </span>\n                ) : null}\n                {option.label}\n              </>\n            ) : (\n              renderOptionProp(option)\n            )}\n          </span>\n          {option.value === value ? (\n            <span className={menuClasses.check}>\n              <Icon color=\"accent\" icon={Check} size=\"sm\" />\n            </span>\n          ) : null}\n        </div>\n      );\n    },\n    [\n      filteredValues,\n      getOptionId,\n      handleOptionClick,\n      handleOptionMouseEnter,\n      highlightedValue,\n      menuClasses,\n      renderOptionProp,\n      value,\n    ],\n  );\n\n  const optionNodes = renderSelectListboxOptions({\n    dividerClassName: menuClasses.divider ?? '',\n    inputId,\n    options,\n    renderOption,\n    sectionHeadingClassName: menuClasses.sectionHeading ?? '',\n  });\n\n  const menu = (\n    <>\n      {hasSearch ? (\n        <input\n          aria-activedescendant={activeDescendantId}\n          aria-autocomplete=\"list\"\n          aria-controls={listboxId}\n          aria-label={`Search ${label}`}\n          className={menuClasses.search}\n          onChange={event => {\n            setQuery(event.target.value);\n            setHighlightedValue(null);\n          }}\n          onKeyDown={handleKeyboardNavigation}\n          placeholder={searchPlaceholder}\n          type=\"search\"\n          value={query}\n        />\n      ) : null}\n      <div\n        aria-label={`${label} options`}\n        className={menuClasses.menu}\n        id={listboxId}\n        role=\"listbox\">\n        {optionNodes}\n      </div>\n    </>\n  );\n\n  const necessity = getNecessity(isOptional, isRequired);\n  const triggerClasses = selectTriggerRecipe({\n    isDisabled: isInteractionDisabled,\n    isPlaceholder: selectedOption == null,\n  });\n\n  const trigger = (\n    // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-static-element-interactions -- mouse clicks anywhere on the visual input delegate to the inner combobox button; keyboard handling stays on that button.\n    <div\n      className={cx(\n        inputRecipe({\n          size,\n          status: status?.type,\n          isDisabled,\n        }),\n        triggerClasses.wrapper,\n      )}\n      onClick={() => {\n        if (!isInteractionDisabled) {\n          setIsOpen(currentIsOpen => !currentIsOpen);\n        }\n      }}\n      ref={triggerRef}>\n      {startIcon != null ? (\n        <span className={menuClasses.iconSlot}>\n          <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n        </span>\n      ) : null}\n      <button\n        aria-activedescendant={activeDescendantId}\n        aria-busy={isLoading || undefined}\n        aria-controls={listboxId}\n        aria-describedby={describedBy}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-invalid={status?.type === 'error' || undefined}\n        className={triggerClasses.trigger}\n        data-testid={dataTestId}\n        disabled={isInteractionDisabled}\n        id={inputId}\n        onKeyDown={handleKeyboardNavigation}\n        ref={ref}\n        role=\"combobox\"\n        type=\"button\">\n        <span className={triggerClasses.label}>\n          {selectedOption?.label ?? placeholder}\n        </span>\n      </button>\n      {isLoading ? <Spinner size=\"sm\" /> : null}\n      {hasClear && selectedOption != null && !isDisabled ? (\n        <Button\n          icon={X}\n          isIconOnly\n          label={`Clear ${label}`}\n          onClick={event => {\n            event.stopPropagation();\n            onChange(null);\n          }}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n      ) : null}\n      <span className={menuClasses.iconSlot}>\n        <Icon icon={ChevronDown} size=\"sm\" />\n      </span>\n    </div>\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      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      {trigger}\n      <Popover\n        anchorRef={triggerRef}\n        content={menu}\n        hasAutoFocus={hasSearch}\n        hasCloseButton={false}\n        isEnabled={false}\n        isOpen={isOpen}\n        onOpenChange={setIsOpen}\n      />\n    </Field>\n  );\n}\n\nSelect.displayName = 'Select';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Item} from 'components/Item';\nimport {selectOptionItemRecipe} from 'components/Select/Select.recipe';\nimport {cx} from 'internal/cx';\n\nexport interface SelectOptionProps {\n  /**\n   * Additional CSS class names applied to the option layout.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the option layout.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Trailing content.\n   */\n  endContent?: ReactNode;\n  /**\n   * Icon displayed before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Primary label.\n   */\n  label: ReactNode;\n  /**\n   * Ref forwarded to the layout root.\n   */\n  ref?: Ref<HTMLSpanElement>;\n  /**\n   * Inline styles applied to the layout root.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Helper layout for custom Select option rendering.\n */\nexport function SelectOption({\n  className,\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  icon,\n  label,\n  ref,\n  style,\n}: SelectOptionProps): React.JSX.Element {\n  const classes = selectOptionItemRecipe();\n\n  return (\n    <Item\n      as=\"span\"\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      description={description}\n      endContent={endContent}\n      label={label}\n      ref={ref}\n      startContent={\n        icon != null ? (\n          <span className={classes.icon}>\n            <Icon color=\"secondary\" icon={icon} size=\"sm\" />\n          </span>\n        ) : null\n      }\n      style={style}\n    />\n  );\n}\n\nSelectOption.displayName = 'SelectOption';\n"]}

package/dist/{chunk-WBQNPBXR.js → chunk-G5PU2EL2.js}

@@ -1,7 +1,7 @@
-import { Button } from './chunk-2LABTS4P.js';
-import { Text } from './chunk-QRFDPG34.js';
+import { Button } from './chunk-HMJINNXZ.js';
+import { Text } from './chunk-NXTDP6AX.js';
 import { isReactNode } from './chunk-2PSZAWLC.js';
-import { Icon } from './chunk-7T3SWOY7.js';
+import { Icon } from './chunk-IUW777WZ.js';
 import { sva } from './chunk-IAVZKGZS.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { ChevronDown, X, TriangleAlert, CheckCircle2, Info, XCircle } from 'lucide-react';
@@ -277,5 +277,5 @@ function Alert({
 Alert.displayName = "Alert";
 
 export { Alert };
-//# sourceMappingURL=chunk-WBQNPBXR.js.map
-//# sourceMappingURL=chunk-WBQNPBXR.js.map
+//# sourceMappingURL=chunk-G5PU2EL2.js.map
+//# sourceMappingURL=chunk-G5PU2EL2.js.map

package/dist/{chunk-WBQNPBXR.js.map → chunk-G5PU2EL2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Alert/Alert.recipe.ts","../src/components/Alert/Alert.tsx"],"names":[],"mappings":"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","file":"chunk-WBQNPBXR.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\n/**\n * Symmetric padding overrides for the collapsible body. Keys mirror the\n * `SpacingToken` scale so the `padding` prop maps onto build-time-validated\n * spacing tokens instead of a runtime token lookup.\n */\nconst paddingVariants = {\n  0: {bodyContent: {px: '0', py: '0'}},\n  0.5: {bodyContent: {px: '0.5', py: '0.5'}},\n  1: {bodyContent: {px: '1', py: '1'}},\n  1.5: {bodyContent: {px: '1.5', py: '1.5'}},\n  2: {bodyContent: {px: '2', py: '2'}},\n  3: {bodyContent: {px: '3', py: '3'}},\n  4: {bodyContent: {px: '4', py: '4'}},\n  5: {bodyContent: {px: '5', py: '5'}},\n  6: {bodyContent: {px: '6', py: '6'}},\n  8: {bodyContent: {px: '8', py: '8'}},\n  10: {bodyContent: {px: '10', py: '10'}},\n};\n\nexport const alertRecipe = sva({\n  slots: [\n    'root',\n    'header',\n    'icon',\n    'content',\n    'endArea',\n    'chevron',\n    'body',\n    'bodyContent',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      fontFamily: 'body',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'flex-start',\n      gap: '2',\n      px: '4',\n      py: '3',\n    },\n    icon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n    content: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      minW: 0,\n    },\n    endArea: {\n      display: 'flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      gap: '2',\n      ms: 'auto',\n    },\n    // The body stays mounted so child state and the `aria-controls` target are\n    // preserved; it is collapsed with a `grid-template-rows` 1fr -> 0fr\n    // transition (mirroring `AccordionItem`). `overflow: hidden` lives on this\n    // grid so the body chrome on `bodyContent` is fully clipped when collapsed.\n    body: {\n      display: 'grid',\n      gridTemplateRows: '1fr',\n      overflow: 'hidden',\n      // `visibility` is transitioned alongside the rows so the content stays\n      // readable while collapsing, then becomes `hidden` (removing it from the\n      // a11y tree and tab order) once closed. The inline `visibility` style in\n      // the component drives the open/closed value.\n      transitionProperty: 'grid-template-rows, visibility',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0.01s',\n      },\n    },\n    bodyContent: {\n      minH: 0,\n      bg: 'bg',\n      borderBlockEndWidth: 'default',\n      borderColor: 'border',\n      borderInlineWidth: 'default',\n      borderStyle: 'solid',\n      px: '4',\n      py: '3',\n    },\n  },\n  variants: {\n    status: {\n      error: {\n        header: {\n          bg: 'surface.red',\n          color: 'surface.red.fg',\n          '--silver-text-color': 'token(colors.surface.red.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.red.fg)',\n        },\n      },\n      info: {\n        header: {\n          bg: 'surface.blue',\n          color: 'surface.blue.fg',\n          '--silver-text-color': 'token(colors.surface.blue.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.blue.fg)',\n        },\n      },\n      success: {\n        header: {\n          bg: 'surface.green',\n          color: 'surface.green.fg',\n          '--silver-text-color': 'token(colors.surface.green.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.green.fg)',\n        },\n      },\n      warning: {\n        header: {\n          bg: 'surface.yellow',\n          color: 'surface.yellow.fg',\n          '--silver-text-color': 'token(colors.surface.yellow.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.yellow.fg)',\n        },\n      },\n    },\n    container: {\n      card: {\n        header: {borderTopRadius: 'lg'},\n        bodyContent: {borderBottomRadius: 'lg'},\n      },\n      section: {},\n    },\n    // Squares off the header's bottom corners while the body is revealed; the\n    // compound variant rounds them back when there is no expanded content.\n    hasContent: {\n      true: {},\n      false: {},\n    },\n    isCentered: {\n      true: {header: {alignItems: 'center'}},\n      false: {},\n    },\n    isExpanded: {\n      true: {chevron: {transform: 'rotate(180deg)'}},\n      false: {body: {gridTemplateRows: '0fr'}},\n    },\n    padding: paddingVariants,\n  },\n  compoundVariants: [\n    {\n      container: 'card',\n      css: {header: {borderBottomRadius: 'lg'}},\n      hasContent: false,\n    },\n  ],\n  defaultVariants: {\n    container: 'card',\n    hasContent: false,\n    isCentered: false,\n    isExpanded: false,\n    status: 'info',\n  },\n});\n\nexport type AlertVariants = RecipeVariantProps<typeof alertRecipe>;\n","import {\n  CheckCircle2,\n  ChevronDown,\n  Info,\n  TriangleAlert,\n  X,\n  XCircle,\n} from 'lucide-react';\nimport {\n  useId,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport type {SpacingToken} from '../../internal/spacingTokens';\nimport {Button} from '../Button';\nimport {Icon} from '../Icon';\nimport {Text} from '../Text';\nimport {alertRecipe, type AlertVariants} from './Alert.recipe';\n\n/**\n * Derived from the recipe's `container` variant so the prop stays in sync with\n * the styles.\n */\nexport type AlertContainer = NonNullable<\n  NonNullable<AlertVariants>['container']\n>;\n/**\n * Derived from the recipe's `status` variant so the prop stays in sync with the\n * styles.\n */\nexport type AlertStatus = NonNullable<NonNullable<AlertVariants>['status']>;\n\nexport interface AlertProps {\n  /**\n   * Extra content rendered below the alert header in a collapsible area.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Visual container style.\n   * @default 'card'\n   */\n  container?: AlertContainer;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting description displayed below the title.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered at the end of the header, before collapse and dismiss controls.\n   */\n  endContent?: ReactNode;\n  /**\n   * Custom status icon. A default icon is rendered when omitted.\n   */\n  icon?: ReactNode;\n  /**\n   * Whether collapsible children are expanded initially.\n   * @default false\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the alert can be dismissed.\n   * @default false\n   */\n  isDismissable?: boolean;\n  /**\n   * Called when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n  /**\n   * Inner padding step.\n   * @default 4\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Status controlling role, icon, and color.\n   */\n  status: AlertStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Primary alert title.\n   */\n  title: ReactNode;\n}\n\nconst statusRole: Record<AlertStatus, 'alert' | 'status'> = {\n  error: 'alert',\n  info: 'status',\n  success: 'status',\n  warning: 'alert',\n};\n\nconst defaultIcons: Record<AlertStatus, ReactNode> = {\n  error: <Icon color=\"error\" icon={XCircle} />,\n  info: <Icon color=\"info\" icon={Info} />,\n  success: <Icon color=\"success\" icon={CheckCircle2} />,\n  warning: <Icon color=\"warning\" icon={TriangleAlert} />,\n};\n\n/**\n * Displays a contextual message with status-based styling, an optional\n * collapsible body, and dismiss functionality.\n */\nexport function Alert({\n  children,\n  className,\n  container = 'card',\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  icon,\n  isDefaultExpanded = false,\n  isDismissable = false,\n  onDismiss,\n  padding,\n  ref,\n  status,\n  style,\n  title,\n}: AlertProps): React.JSX.Element | null {\n  const bodyId = useId();\n  const [isDismissed, setIsDismissed] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(isDefaultExpanded);\n  const hasChildren = isReactNode(children);\n  // The body is kept mounted whenever there are children (so child state and\n  // the `aria-controls` target survive collapsing); `isExpanded` only drives\n  // the visual collapse. `showContent` reflects whether the body is currently\n  // revealed, which the header uses to square off its bottom corners.\n  const showContent = hasChildren && isExpanded;\n  const showEndArea = isReactNode(endContent) || isDismissable || hasChildren;\n  const isSingleLine =\n    !isReactNode(description) &&\n    (isReactNode(endContent) || isDismissable || hasChildren);\n\n  if (isDismissed) {\n    return null;\n  }\n\n  const classes = alertRecipe({\n    container,\n    hasContent: showContent,\n    isCentered: isSingleLine,\n    isExpanded,\n    padding,\n    status,\n  });\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role={statusRole[status]}\n      style={style}>\n      <div className={classes.header}>\n        <span aria-hidden=\"true\" className={classes.icon}>\n          {icon ?? defaultIcons[status]}\n        </span>\n        <div className={classes.content}>\n          <Text as=\"p\" type=\"label\" weight=\"semibold\">\n            {title}\n          </Text>\n          {isReactNode(description) ? (\n            <Text as=\"p\" color=\"secondary\" type=\"supporting\">\n              {description}\n            </Text>\n          ) : null}\n        </div>\n        {showEndArea ? (\n          <div className={classes.endArea}>\n            {endContent}\n            {hasChildren ? (\n              <Button\n                aria-controls={bodyId}\n                aria-expanded={isExpanded}\n                className={classes.chevron}\n                icon={ChevronDown}\n                isIconOnly\n                label={isExpanded ? 'Collapse' : 'Expand'}\n                onClick={() => setIsExpanded(value => !value)}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            ) : null}\n            {isDismissable ? (\n              <Button\n                icon={X}\n                isIconOnly\n                label=\"Dismiss\"\n                onClick={() => {\n                  setIsDismissed(true);\n                  onDismiss?.();\n                }}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n      {hasChildren ? (\n        <div\n          className={classes.body}\n          id={bodyId}\n          style={{visibility: isExpanded ? undefined : 'hidden'}}>\n          <div className={classes.bodyContent}>{children}</div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nAlert.displayName = 'Alert';\n"]}
+{"version":3,"sources":["../src/components/Alert/Alert.recipe.ts","../src/components/Alert/Alert.tsx"],"names":[],"mappings":"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","file":"chunk-G5PU2EL2.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\n/**\n * Symmetric padding overrides for the collapsible body. Keys mirror the\n * `SpacingToken` scale so the `padding` prop maps onto build-time-validated\n * spacing tokens instead of a runtime token lookup.\n */\nconst paddingVariants = {\n  0: {bodyContent: {px: '0', py: '0'}},\n  0.5: {bodyContent: {px: '0.5', py: '0.5'}},\n  1: {bodyContent: {px: '1', py: '1'}},\n  1.5: {bodyContent: {px: '1.5', py: '1.5'}},\n  2: {bodyContent: {px: '2', py: '2'}},\n  3: {bodyContent: {px: '3', py: '3'}},\n  4: {bodyContent: {px: '4', py: '4'}},\n  5: {bodyContent: {px: '5', py: '5'}},\n  6: {bodyContent: {px: '6', py: '6'}},\n  8: {bodyContent: {px: '8', py: '8'}},\n  10: {bodyContent: {px: '10', py: '10'}},\n};\n\nexport const alertRecipe = sva({\n  slots: [\n    'root',\n    'header',\n    'icon',\n    'content',\n    'endArea',\n    'chevron',\n    'body',\n    'bodyContent',\n  ],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      fontFamily: 'body',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'flex-start',\n      gap: '2',\n      px: '4',\n      py: '3',\n    },\n    icon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n    },\n    content: {\n      display: 'flex',\n      flex: 1,\n      flexDirection: 'column',\n      minW: 0,\n    },\n    endArea: {\n      display: 'flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      gap: '2',\n      ms: 'auto',\n    },\n    // The body stays mounted so child state and the `aria-controls` target are\n    // preserved; it is collapsed with a `grid-template-rows` 1fr -> 0fr\n    // transition (mirroring `AccordionItem`). `overflow: hidden` lives on this\n    // grid so the body chrome on `bodyContent` is fully clipped when collapsed.\n    body: {\n      display: 'grid',\n      gridTemplateRows: '1fr',\n      overflow: 'hidden',\n      // `visibility` is transitioned alongside the rows so the content stays\n      // readable while collapsing, then becomes `hidden` (removing it from the\n      // a11y tree and tab order) once closed. The inline `visibility` style in\n      // the component drives the open/closed value.\n      transitionProperty: 'grid-template-rows, visibility',\n      transitionDuration: 'normal',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0.01s',\n      },\n    },\n    bodyContent: {\n      minH: 0,\n      bg: 'bg',\n      borderBlockEndWidth: 'default',\n      borderColor: 'border',\n      borderInlineWidth: 'default',\n      borderStyle: 'solid',\n      px: '4',\n      py: '3',\n    },\n  },\n  variants: {\n    status: {\n      error: {\n        header: {\n          bg: 'surface.red',\n          color: 'surface.red.fg',\n          '--silver-text-color': 'token(colors.surface.red.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.red.fg)',\n        },\n      },\n      info: {\n        header: {\n          bg: 'surface.blue',\n          color: 'surface.blue.fg',\n          '--silver-text-color': 'token(colors.surface.blue.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.blue.fg)',\n        },\n      },\n      success: {\n        header: {\n          bg: 'surface.green',\n          color: 'surface.green.fg',\n          '--silver-text-color': 'token(colors.surface.green.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.green.fg)',\n        },\n      },\n      warning: {\n        header: {\n          bg: 'surface.yellow',\n          color: 'surface.yellow.fg',\n          '--silver-text-color': 'token(colors.surface.yellow.fg)',\n          '--silver-text-color-muted': 'token(colors.surface.yellow.fg)',\n        },\n      },\n    },\n    container: {\n      card: {\n        header: {borderTopRadius: 'lg'},\n        bodyContent: {borderBottomRadius: 'lg'},\n      },\n      section: {},\n    },\n    // Squares off the header's bottom corners while the body is revealed; the\n    // compound variant rounds them back when there is no expanded content.\n    hasContent: {\n      true: {},\n      false: {},\n    },\n    isCentered: {\n      true: {header: {alignItems: 'center'}},\n      false: {},\n    },\n    isExpanded: {\n      true: {chevron: {transform: 'rotate(180deg)'}},\n      false: {body: {gridTemplateRows: '0fr'}},\n    },\n    padding: paddingVariants,\n  },\n  compoundVariants: [\n    {\n      container: 'card',\n      css: {header: {borderBottomRadius: 'lg'}},\n      hasContent: false,\n    },\n  ],\n  defaultVariants: {\n    container: 'card',\n    hasContent: false,\n    isCentered: false,\n    isExpanded: false,\n    status: 'info',\n  },\n});\n\nexport type AlertVariants = RecipeVariantProps<typeof alertRecipe>;\n","import {\n  CheckCircle2,\n  ChevronDown,\n  Info,\n  TriangleAlert,\n  X,\n  XCircle,\n} from 'lucide-react';\nimport {\n  useId,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {alertRecipe} from 'components/Alert/Alert.recipe';\nimport type {AlertContainer, AlertStatus} from 'components/Alert/Alert.types';\nimport {Button} from 'components/Button';\nimport {Icon} from 'components/Icon';\nimport {Text} from 'components/Text';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport type {SpacingToken} from 'internal/spacingTokens';\n\nexport type {AlertContainer, AlertStatus} from 'components/Alert/Alert.types';\n\nexport interface AlertProps {\n  /**\n   * Extra content rendered below the alert header in a collapsible area.\n   */\n  children?: ReactNode;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Visual container style.\n   * @default 'card'\n   */\n  container?: AlertContainer;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting description displayed below the title.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered at the end of the header, before collapse and dismiss controls.\n   */\n  endContent?: ReactNode;\n  /**\n   * Custom status icon. A default icon is rendered when omitted.\n   */\n  icon?: ReactNode;\n  /**\n   * Whether collapsible children are expanded initially.\n   * @default false\n   */\n  isDefaultExpanded?: boolean;\n  /**\n   * Whether the alert can be dismissed.\n   * @default false\n   */\n  isDismissable?: boolean;\n  /**\n   * Called when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n  /**\n   * Inner padding step.\n   * @default 4\n   */\n  padding?: SpacingToken;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Status controlling role, icon, and color.\n   */\n  status: AlertStatus;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Primary alert title.\n   */\n  title: ReactNode;\n}\n\nconst statusRole: Record<AlertStatus, 'alert' | 'status'> = {\n  error: 'alert',\n  info: 'status',\n  success: 'status',\n  warning: 'alert',\n};\n\nconst defaultIcons: Record<AlertStatus, ReactNode> = {\n  error: <Icon color=\"error\" icon={XCircle} />,\n  info: <Icon color=\"info\" icon={Info} />,\n  success: <Icon color=\"success\" icon={CheckCircle2} />,\n  warning: <Icon color=\"warning\" icon={TriangleAlert} />,\n};\n\n/**\n * Displays a contextual message with status-based styling, an optional\n * collapsible body, and dismiss functionality.\n */\nexport function Alert({\n  children,\n  className,\n  container = 'card',\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  icon,\n  isDefaultExpanded = false,\n  isDismissable = false,\n  onDismiss,\n  padding,\n  ref,\n  status,\n  style,\n  title,\n}: AlertProps): React.JSX.Element | null {\n  const bodyId = useId();\n  const [isDismissed, setIsDismissed] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(isDefaultExpanded);\n  const hasChildren = isReactNode(children);\n  // The body is kept mounted whenever there are children (so child state and\n  // the `aria-controls` target survive collapsing); `isExpanded` only drives\n  // the visual collapse. `showContent` reflects whether the body is currently\n  // revealed, which the header uses to square off its bottom corners.\n  const showContent = hasChildren && isExpanded;\n  const showEndArea = isReactNode(endContent) || isDismissable || hasChildren;\n  const isSingleLine =\n    !isReactNode(description) &&\n    (isReactNode(endContent) || isDismissable || hasChildren);\n\n  if (isDismissed) {\n    return null;\n  }\n\n  const classes = alertRecipe({\n    container,\n    hasContent: showContent,\n    isCentered: isSingleLine,\n    isExpanded,\n    padding,\n    status,\n  });\n\n  return (\n    <div\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role={statusRole[status]}\n      style={style}>\n      <div className={classes.header}>\n        <span aria-hidden=\"true\" className={classes.icon}>\n          {icon ?? defaultIcons[status]}\n        </span>\n        <div className={classes.content}>\n          <Text as=\"p\" type=\"label\" weight=\"semibold\">\n            {title}\n          </Text>\n          {isReactNode(description) ? (\n            <Text as=\"p\" color=\"secondary\" type=\"supporting\">\n              {description}\n            </Text>\n          ) : null}\n        </div>\n        {showEndArea ? (\n          <div className={classes.endArea}>\n            {endContent}\n            {hasChildren ? (\n              <Button\n                aria-controls={bodyId}\n                aria-expanded={isExpanded}\n                className={classes.chevron}\n                icon={ChevronDown}\n                isIconOnly\n                label={isExpanded ? 'Collapse' : 'Expand'}\n                onClick={() => setIsExpanded(value => !value)}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            ) : null}\n            {isDismissable ? (\n              <Button\n                icon={X}\n                isIconOnly\n                label=\"Dismiss\"\n                onClick={() => {\n                  setIsDismissed(true);\n                  onDismiss?.();\n                }}\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n      {hasChildren ? (\n        <div\n          className={classes.body}\n          id={bodyId}\n          style={{visibility: isExpanded ? undefined : 'hidden'}}>\n          <div className={classes.bodyContent}>{children}</div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nAlert.displayName = 'Alert';\n"]}

package/dist/{chunk-WOIWI2UO.js → chunk-G6HS52US.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-7T3SWOY7.js';
+import { Icon } from './chunk-IUW777WZ.js';
 import { CheckCircle2, CircleAlert, CircleX } from 'lucide-react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -20,5 +20,5 @@ function getStatusIcon(type) {
 }
 
 export { getDescribedBy, getStatusIcon, getStatusMessageID };
-//# sourceMappingURL=chunk-WOIWI2UO.js.map
-//# sourceMappingURL=chunk-WOIWI2UO.js.map
+//# sourceMappingURL=chunk-G6HS52US.js.map
+//# sourceMappingURL=chunk-G6HS52US.js.map

package/dist/chunk-G6HS52US.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Field/inputUtils.tsx"],"names":[],"mappings":";;;;AAKO,SAAS,kBACX,GAAA,EACiB;AACpB,EAAA,MAAM,QAAA,GAAW,GAAA,CAAI,MAAA,CAAO,OAAO,CAAA;AACnC,EAAA,OAAO,SAAS,MAAA,GAAS,CAAA,GAAI,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA,GAAI,MAAA;AACpD;AAEO,SAAS,kBAAA,CACd,SACA,MAAA,EACoB;AACpB,EAAA,OAAO,MAAA,EAAQ,OAAA,IAAW,IAAA,GAAO,CAAA,EAAG,OAAO,CAAA,OAAA,CAAA,GAAY,MAAA;AACzD;AAEO,SAAS,cAAc,IAAA,EAAkC;AAC9D,EAAA,IAAI,SAAS,SAAA,EAAW;AACtB,IAAA,2BAAQ,IAAA,EAAA,EAAK,KAAA,EAAM,WAAU,IAAA,EAAM,YAAA,EAAc,MAAK,IAAA,EAAK,CAAA;AAAA,EAC7D;AAEA,EAAA,IAAI,SAAS,SAAA,EAAW;AACtB,IAAA,2BAAQ,IAAA,EAAA,EAAK,KAAA,EAAM,WAAU,IAAA,EAAM,WAAA,EAAa,MAAK,IAAA,EAAK,CAAA;AAAA,EAC5D;AAEA,EAAA,2BAAQ,IAAA,EAAA,EAAK,KAAA,EAAM,SAAQ,IAAA,EAAM,OAAA,EAAS,MAAK,IAAA,EAAK,CAAA;AACtD","file":"chunk-G6HS52US.js","sourcesContent":["import {CheckCircle2, CircleAlert, CircleX} from 'lucide-react';\nimport type {ReactNode} from 'react';\nimport type {InputStatus, InputStatusType} from 'components/Field/types';\nimport {Icon} from 'components/Icon';\n\nexport function getDescribedBy(\n  ...ids: (string | null | undefined | false)[]\n): string | undefined {\n  const filtered = ids.filter(Boolean);\n  return filtered.length > 0 ? filtered.join(' ') : undefined;\n}\n\nexport function getStatusMessageID(\n  inputId: string,\n  status: InputStatus | undefined,\n): string | undefined {\n  return status?.message != null ? `${inputId}-status` : undefined;\n}\n\nexport function getStatusIcon(type: InputStatusType): ReactNode {\n  if (type === 'success') {\n    return <Icon color=\"success\" icon={CheckCircle2} size=\"sm\" />;\n  }\n\n  if (type === 'warning') {\n    return <Icon color=\"warning\" icon={CircleAlert} size=\"sm\" />;\n  }\n\n  return <Icon color=\"error\" icon={CircleX} size=\"sm\" />;\n}\n"]}

package/dist/chunk-GA77PPVL.cjs

@@ -0,0 +1,217 @@
+'use strict';
+
+var chunkCPDWUT2H_cjs = require('./chunk-CPDWUT2H.cjs');
+var chunk3NIDAKCF_cjs = require('./chunk-3NIDAKCF.cjs');
+var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
+var chunkZ6RT3WPE_cjs = require('./chunk-Z6RT3WPE.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Drawer/Drawer.recipe.ts
+var drawerRecipe = chunkZ6RT3WPE_cjs.sva({
+  slots: ["root", "inner"],
+  base: {
+    root: {
+      position: "fixed",
+      p: 0,
+      borderWidth: 0,
+      bg: "bg",
+      color: "fg",
+      boxShadow: "xl",
+      flexDirection: "column",
+      overscrollBehavior: "contain",
+      _backdrop: {
+        bg: "overlay.scrim",
+        backdropFilter: "blur(2px)"
+      },
+      _focusVisible: {
+        outline: "none"
+      }
+    },
+    inner: {
+      display: "flex",
+      flexDirection: "column",
+      flex: "1 1 auto",
+      minH: 0,
+      overflow: "hidden"
+    }
+  },
+  variants: {
+    // When closed, the native <dialog> UA style (display: none) applies; opening
+    // switches on the flex column layout.
+    isOpen: {
+      true: { root: { display: "flex" } },
+      false: {}
+    },
+    placement: {
+      start: {
+        root: {
+          inset: 0,
+          marginInlineEnd: "auto",
+          h: "100dvh",
+          maxH: "100dvh",
+          borderRadius: 0,
+          borderInlineEndWidth: "default",
+          borderInlineEndStyle: "solid",
+          borderInlineEndColor: "border"
+        }
+      },
+      end: {
+        root: {
+          inset: 0,
+          marginInlineStart: "auto",
+          h: "100dvh",
+          maxH: "100dvh",
+          borderRadius: 0,
+          borderInlineStartWidth: "default",
+          borderInlineStartStyle: "solid",
+          borderInlineStartColor: "border"
+        }
+      },
+      top: {
+        root: {
+          inset: 0,
+          mb: "auto",
+          w: "100dvw",
+          maxW: "100dvw",
+          borderRadius: 0,
+          borderBlockEndWidth: "default",
+          borderBlockEndStyle: "solid",
+          borderBlockEndColor: "border"
+        }
+      },
+      bottom: {
+        root: {
+          inset: 0,
+          mt: "auto",
+          w: "100dvw",
+          maxW: "100dvw",
+          borderRadius: 0,
+          borderBlockStartWidth: "default",
+          borderBlockStartStyle: "solid",
+          borderBlockStartColor: "border"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    isOpen: false,
+    placement: "end"
+  }
+});
+function formatSize(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+var DEFAULT_SIZES = {
+  start: 320,
+  end: 320,
+  top: "40vh",
+  bottom: "40vh"
+};
+function getSizeStyle(placement, size) {
+  const formatted = formatSize(size);
+  if (placement === "start" || placement === "end") {
+    return { width: formatted, maxWidth: "100dvw" };
+  }
+  return { height: formatted, maxHeight: "100dvh" };
+}
+function Drawer({
+  isOpen,
+  label,
+  onOpenChange,
+  placement = "end",
+  size,
+  dismissBehavior,
+  children,
+  className,
+  "data-testid": dataTestId,
+  style,
+  ref
+}) {
+  const dialogRef = react.useRef(null);
+  const triggerRef = react.useRef(null);
+  const { isBackdropDismissEnabled, isEscapeDismissEnabled } = chunkCPDWUT2H_cjs.resolveDismissBehavior(dismissBehavior);
+  const backdropDismiss = chunkCPDWUT2H_cjs.useBackdropDismiss({
+    isEnabled: isBackdropDismissEnabled,
+    onDismiss: () => onOpenChange(false)
+  });
+  react.useEffect(() => {
+    const dialog = dialogRef.current;
+    if (dialog == null) {
+      return;
+    }
+    if (isOpen) {
+      triggerRef.current = document.activeElement;
+      if (!dialog.open) {
+        dialog.showModal();
+      }
+      dialog.querySelector('[data-autofocus="true"], [autofocus]')?.focus();
+    } else if (dialog.open) {
+      dialog.close();
+      triggerRef.current?.focus();
+      triggerRef.current = null;
+    }
+  }, [isOpen]);
+  chunk3NIDAKCF_cjs.useScrollLock(isOpen);
+  const effectiveSize = size ?? DEFAULT_SIZES[placement];
+  const sizeStyle = getSizeStyle(placement, effectiveSize);
+  const classes = drawerRecipe({ isOpen, placement });
+  return (
+    // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-noninteractive-element-interactions -- native dialog backdrop clicks close the drawer
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "dialog",
+      {
+        "aria-label": label,
+        className: chunkSPDVNY2Z_cjs.cx(classes.root, className),
+        "data-testid": dataTestId,
+        onCancel: (event) => {
+          event.preventDefault();
+          if (isEscapeDismissEnabled) {
+            onOpenChange(false);
+          }
+        },
+        onClick: backdropDismiss.onClick,
+        onPointerDown: backdropDismiss.onPointerDown,
+        ref: chunk6SHL7FYO_cjs.mergeRefs(ref, dialogRef),
+        style: { ...sizeStyle, ...style },
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.inner, children })
+      }
+    )
+  );
+}
+Drawer.displayName = "Drawer";
+function useDrawer(defaultOptions) {
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [content, setContent] = react.useState(null);
+  const [callOptions, setCallOptions] = react.useState();
+  const show = react.useCallback(
+    (nextContent, nextOptions) => {
+      setContent(nextContent);
+      setCallOptions(nextOptions);
+      setIsOpen(true);
+    },
+    []
+  );
+  const hide = react.useCallback(() => setIsOpen(false), []);
+  const element = react.useMemo(
+    () => /* @__PURE__ */ jsxRuntime.jsx(
+      Drawer,
+      {
+        ...defaultOptions ?? {},
+        ...callOptions ?? {},
+        isOpen,
+        label: callOptions?.label ?? defaultOptions?.label ?? "Drawer",
+        onOpenChange: setIsOpen,
+        children: content
+      }
+    ),
+    [content, defaultOptions, isOpen, callOptions]
+  );
+  return { element, hide, isOpen, show };
+}
+
+exports.Drawer = Drawer;
+exports.useDrawer = useDrawer;
+//# sourceMappingURL=chunk-GA77PPVL.cjs.map
+//# sourceMappingURL=chunk-GA77PPVL.cjs.map

package/dist/chunk-GA77PPVL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Drawer/Drawer.recipe.ts","../src/components/Drawer/Drawer.tsx","../src/components/Drawer/useDrawer.tsx"],"names":["sva","useRef","resolveDismissBehavior","useBackdropDismiss","useEffect","useScrollLock","jsx","cx","mergeRefs","useState","useCallback","useMemo"],"mappings":";;;;;;;;;;;AAEO,IAAM,eAAeA,qBAAA,CAAI;AAAA,EAC9B,KAAA,EAAO,CAAC,MAAA,EAAQ,OAAO,CAAA;AAAA,EACvB,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU,OAAA;AAAA,MACV,CAAA,EAAG,CAAA;AAAA,MACH,WAAA,EAAa,CAAA;AAAA,MACb,EAAA,EAAI,IAAA;AAAA,MACJ,KAAA,EAAO,IAAA;AAAA,MACP,SAAA,EAAW,IAAA;AAAA,MACX,aAAA,EAAe,QAAA;AAAA,MACf,kBAAA,EAAoB,SAAA;AAAA,MACpB,SAAA,EAAW;AAAA,QACT,EAAA,EAAI,eAAA;AAAA,QACJ,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,aAAA,EAAe;AAAA,QACb,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe,QAAA;AAAA,MACf,IAAA,EAAM,UAAA;AAAA,MACN,IAAA,EAAM,CAAA;AAAA,MACN,QAAA,EAAU;AAAA;AACZ,GACF;AAAA,EACA,QAAA,EAAU;AAAA;AAAA;AAAA,IAGR,MAAA,EAAQ;AAAA,MACN,MAAM,EAAC,IAAA,EAAM,EAAC,OAAA,EAAS,QAAM,EAAC;AAAA,MAC9B,OAAO;AAAC,KACV;AAAA,IACA,SAAA,EAAW;AAAA,MACT,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,UACJ,KAAA,EAAO,CAAA;AAAA,UACP,eAAA,EAAiB,MAAA;AAAA,UACjB,CAAA,EAAG,QAAA;AAAA,UACH,IAAA,EAAM,QAAA;AAAA,UACN,YAAA,EAAc,CAAA;AAAA,UACd,oBAAA,EAAsB,SAAA;AAAA,UACtB,oBAAA,EAAsB,OAAA;AAAA,UACtB,oBAAA,EAAsB;AAAA;AACxB,OACF;AAAA,MACA,GAAA,EAAK;AAAA,QACH,IAAA,EAAM;AAAA,UACJ,KAAA,EAAO,CAAA;AAAA,UACP,iBAAA,EAAmB,MAAA;AAAA,UACnB,CAAA,EAAG,QAAA;AAAA,UACH,IAAA,EAAM,QAAA;AAAA,UACN,YAAA,EAAc,CAAA;AAAA,UACd,sBAAA,EAAwB,SAAA;AAAA,UACxB,sBAAA,EAAwB,OAAA;AAAA,UACxB,sBAAA,EAAwB;AAAA;AAC1B,OACF;AAAA,MACA,GAAA,EAAK;AAAA,QACH,IAAA,EAAM;AAAA,UACJ,KAAA,EAAO,CAAA;AAAA,UACP,EAAA,EAAI,MAAA;AAAA,UACJ,CAAA,EAAG,QAAA;AAAA,UACH,IAAA,EAAM,QAAA;AAAA,UACN,YAAA,EAAc,CAAA;AAAA,UACd,mBAAA,EAAqB,SAAA;AAAA,UACrB,mBAAA,EAAqB,OAAA;AAAA,UACrB,mBAAA,EAAqB;AAAA;AACvB,OACF;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM;AAAA,UACJ,KAAA,EAAO,CAAA;AAAA,UACP,EAAA,EAAI,MAAA;AAAA,UACJ,CAAA,EAAG,QAAA;AAAA,UACH,IAAA,EAAM,QAAA;AAAA,UACN,YAAA,EAAc,CAAA;AAAA,UACd,qBAAA,EAAuB,SAAA;AAAA,UACvB,qBAAA,EAAuB,OAAA;AAAA,UACvB,qBAAA,EAAuB;AAAA;AACzB;AACF;AACF,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ,KAAA;AAAA,IACR,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;AC3BD,SAAS,WAAW,KAAA,EAAgC;AAClD,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,KAAA;AACpD;AAEA,IAAM,aAAA,GAA0D;AAAA,EAC9D,KAAA,EAAO,GAAA;AAAA,EACP,GAAA,EAAK,GAAA;AAAA,EACL,GAAA,EAAK,MAAA;AAAA,EACL,MAAA,EAAQ;AACV,CAAA;AAEA,SAAS,YAAA,CACP,WACA,IAAA,EACe;AACf,EAAA,MAAM,SAAA,GAAY,WAAW,IAAI,CAAA;AACjC,EAAA,IAAI,SAAA,KAAc,OAAA,IAAW,SAAA,KAAc,KAAA,EAAO;AAChD,IAAA,OAAO,EAAC,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,QAAA,EAAQ;AAAA,EAC9C;AACA,EAAA,OAAO,EAAC,MAAA,EAAQ,SAAA,EAAW,SAAA,EAAW,QAAA,EAAQ;AAChD;AAKO,SAAS,MAAA,CAAO;AAAA,EACrB,MAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,IAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA;AACF,CAAA,EAAmC;AACjC,EAAA,MAAM,SAAA,GAAYC,aAA0B,IAAI,CAAA;AAChD,EAAA,MAAM,UAAA,GAAaA,aAA2B,IAAI,CAAA;AAClD,EAAA,MAAM,EAAC,wBAAA,EAA0B,sBAAA,EAAsB,GACrDC,yCAAuB,eAAe,CAAA;AACxC,EAAA,MAAM,kBAAkBC,oCAAA,CAAsC;AAAA,IAC5D,SAAA,EAAW,wBAAA;AAAA,IACX,SAAA,EAAW,MAAM,YAAA,CAAa,KAAK;AAAA,GACpC,CAAA;AAED,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,IAAA,IAAI,UAAU,IAAA,EAAM;AAClB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,UAAA,CAAW,UAAU,QAAA,CAAS,aAAA;AAC9B,MAAA,IAAI,CAAC,OAAO,IAAA,EAAM;AAChB,QAAA,MAAA,CAAO,SAAA,EAAU;AAAA,MACnB;AACA,MAAA,MAAA,CACG,aAAA,CAA2B,sCAAsC,CAAA,EAChE,KAAA,EAAM;AAAA,IACZ,CAAA,MAAA,IAAW,OAAO,IAAA,EAAM;AACtB,MAAA,MAAA,CAAO,KAAA,EAAM;AACb,MAAA,UAAA,CAAW,SAAS,KAAA,EAAM;AAC1B,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,IACvB;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAAC,+BAAA,CAAc,MAAM,CAAA;AAEpB,EAAA,MAAM,aAAA,GAAgB,IAAA,IAAQ,aAAA,CAAc,SAAS,CAAA;AACrD,EAAA,MAAM,SAAA,GAAY,YAAA,CAAa,SAAA,EAAW,aAAa,CAAA;AACvD,EAAA,MAAM,OAAA,GAAU,YAAA,CAAa,EAAC,MAAA,EAAQ,WAAU,CAAA;AAEhD,EAAA;AAAA;AAAA,oBAEEC,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAWC,oBAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,SAAS,CAAA;AAAA,QACrC,aAAA,EAAa,UAAA;AAAA,QACb,UAAU,CAAA,KAAA,KAAS;AACjB,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,IAAI,sBAAA,EAAwB;AAC1B,YAAA,YAAA,CAAa,KAAK,CAAA;AAAA,UACpB;AAAA,QACF,CAAA;AAAA,QACA,SAAS,eAAA,CAAgB,OAAA;AAAA,QACzB,eAAe,eAAA,CAAgB,aAAA;AAAA,QAC/B,GAAA,EAAKC,2BAAA,CAAU,GAAA,EAAK,SAAS,CAAA;AAAA,QAC7B,KAAA,EAAO,EAAC,GAAG,SAAA,EAAW,GAAG,KAAA,EAAK;AAAA,QAC9B,QAAA,kBAAAF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,OAAQ,QAAA,EAAS;AAAA;AAAA;AAC3C;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AClJd,SAAS,UAAU,cAAA,EAAiD;AACzE,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIG,eAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAoB,IAAI,CAAA;AAItD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,cAAA,EAAoC;AAE1E,EAAA,MAAM,IAAA,GAAOC,iBAAA;AAAA,IACX,CAAC,aAAwB,WAAA,KAAgC;AACvD,MAAA,UAAA,CAAW,WAAW,CAAA;AACtB,MAAA,cAAA,CAAe,WAAW,CAAA;AAC1B,MAAA,SAAA,CAAU,IAAI,CAAA;AAAA,IAChB,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,MAAM,OAAOA,iBAAA,CAAY,MAAM,UAAU,KAAK,CAAA,EAAG,EAAE,CAAA;AAEnD,EAAA,MAAM,OAAA,GAAUC,aAAA;AAAA,IACd,sBACEL,cAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACE,GAAI,kBAAkB,EAAC;AAAA,QACvB,GAAI,eAAe,EAAC;AAAA,QACrB,MAAA;AAAA,QACA,KAAA,EAAO,WAAA,EAAa,KAAA,IAAS,cAAA,EAAgB,KAAA,IAAS,QAAA;AAAA,QACtD,YAAA,EAAc,SAAA;AAAA,QACb,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,IAEF,CAAC,OAAA,EAAS,cAAA,EAAgB,MAAA,EAAQ,WAAW;AAAA,GAC/C;AAEA,EAAA,OAAO,EAAC,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAI;AACrC","file":"chunk-GA77PPVL.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const drawerRecipe = sva({\n  slots: ['root', 'inner'],\n  base: {\n    root: {\n      position: 'fixed',\n      p: 0,\n      borderWidth: 0,\n      bg: 'bg',\n      color: 'fg',\n      boxShadow: 'xl',\n      flexDirection: 'column',\n      overscrollBehavior: 'contain',\n      _backdrop: {\n        bg: 'overlay.scrim',\n        backdropFilter: 'blur(2px)',\n      },\n      _focusVisible: {\n        outline: 'none',\n      },\n    },\n    inner: {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: '1 1 auto',\n      minH: 0,\n      overflow: 'hidden',\n    },\n  },\n  variants: {\n    // When closed, the native <dialog> UA style (display: none) applies; opening\n    // switches on the flex column layout.\n    isOpen: {\n      true: {root: {display: 'flex'}},\n      false: {},\n    },\n    placement: {\n      start: {\n        root: {\n          inset: 0,\n          marginInlineEnd: 'auto',\n          h: '100dvh',\n          maxH: '100dvh',\n          borderRadius: 0,\n          borderInlineEndWidth: 'default',\n          borderInlineEndStyle: 'solid',\n          borderInlineEndColor: 'border',\n        },\n      },\n      end: {\n        root: {\n          inset: 0,\n          marginInlineStart: 'auto',\n          h: '100dvh',\n          maxH: '100dvh',\n          borderRadius: 0,\n          borderInlineStartWidth: 'default',\n          borderInlineStartStyle: 'solid',\n          borderInlineStartColor: 'border',\n        },\n      },\n      top: {\n        root: {\n          inset: 0,\n          mb: 'auto',\n          w: '100dvw',\n          maxW: '100dvw',\n          borderRadius: 0,\n          borderBlockEndWidth: 'default',\n          borderBlockEndStyle: 'solid',\n          borderBlockEndColor: 'border',\n        },\n      },\n      bottom: {\n        root: {\n          inset: 0,\n          mt: 'auto',\n          w: '100dvw',\n          maxW: '100dvw',\n          borderRadius: 0,\n          borderBlockStartWidth: 'default',\n          borderBlockStartStyle: 'solid',\n          borderBlockStartColor: 'border',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    isOpen: false,\n    placement: 'end',\n  },\n});\n\nexport type DrawerVariants = RecipeVariantProps<typeof drawerRecipe>;\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useEffect, useRef} from 'react';\nimport {drawerRecipe} from 'components/Drawer/Drawer.recipe';\nimport {cx} from 'internal/cx';\nimport {\n  resolveDismissBehavior,\n  type DismissBehavior,\n} from 'internal/dismissBehavior';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useBackdropDismiss} from 'internal/useBackdropDismiss';\nimport {useScrollLock} from 'internal/useScrollLock';\n\nexport type DrawerPlacement = 'start' | 'end' | 'top' | 'bottom';\nexport type DrawerDismissBehavior = DismissBehavior;\n\nexport interface DrawerProps {\n  /**\n   * Drawer body content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the drawer.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the drawer.\n   */\n  'data-testid'?: string;\n  /**\n   * Controls whether Escape and backdrop clicks request dismissal. Pass a\n   * boolean to enable or disable both behaviors together.\n   * @default {isEscapeDismissEnabled: true, isBackdropDismissEnabled: true}\n   */\n  dismissBehavior?: DrawerDismissBehavior;\n  /**\n   * Whether the drawer is open.\n   */\n  isOpen: boolean;\n  /**\n   * Accessible label for the drawer.\n   */\n  label: string;\n  /**\n   * Called when the drawer requests an open-state change.\n   */\n  onOpenChange: (isOpen: boolean) => void;\n  /**\n   * Edge of the viewport the drawer slides in from.\n   * @default 'end'\n   */\n  placement?: DrawerPlacement;\n  /**\n   * Ref forwarded to the drawer element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * Width (start/end) or height (top/bottom) of the drawer.\n   */\n  size?: number | string;\n  /**\n   * Inline styles applied to the drawer.\n   */\n  style?: CSSProperties;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nconst DEFAULT_SIZES: Record<DrawerPlacement, number | string> = {\n  start: 320,\n  end: 320,\n  top: '40vh',\n  bottom: '40vh',\n};\n\nfunction getSizeStyle(\n  placement: DrawerPlacement,\n  size: number | string,\n): CSSProperties {\n  const formatted = formatSize(size);\n  if (placement === 'start' || placement === 'end') {\n    return {width: formatted, maxWidth: '100dvw'};\n  }\n  return {height: formatted, maxHeight: '100dvh'};\n}\n\n/**\n * A slide-in panel anchored to an edge of the viewport.\n */\nexport function Drawer({\n  isOpen,\n  label,\n  onOpenChange,\n  placement = 'end',\n  size,\n  dismissBehavior,\n  children,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DrawerProps): React.JSX.Element {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const {isBackdropDismissEnabled, isEscapeDismissEnabled} =\n    resolveDismissBehavior(dismissBehavior);\n  const backdropDismiss = useBackdropDismiss<HTMLDialogElement>({\n    isEnabled: isBackdropDismissEnabled,\n    onDismiss: () => onOpenChange(false),\n  });\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (dialog == null) {\n      return;\n    }\n\n    if (isOpen) {\n      triggerRef.current = document.activeElement as HTMLElement | null;\n      if (!dialog.open) {\n        dialog.showModal();\n      }\n      dialog\n        .querySelector<HTMLElement>('[data-autofocus=\"true\"], [autofocus]')\n        ?.focus();\n    } else if (dialog.open) {\n      dialog.close();\n      triggerRef.current?.focus();\n      triggerRef.current = null;\n    }\n  }, [isOpen]);\n\n  useScrollLock(isOpen);\n\n  const effectiveSize = size ?? DEFAULT_SIZES[placement];\n  const sizeStyle = getSizeStyle(placement, effectiveSize);\n  const classes = drawerRecipe({isOpen, placement});\n\n  return (\n    // eslint-disable-next-line jsx-a11y-x/click-events-have-key-events, jsx-a11y-x/no-noninteractive-element-interactions -- native dialog backdrop clicks close the drawer\n    <dialog\n      aria-label={label}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      onCancel={event => {\n        event.preventDefault();\n        if (isEscapeDismissEnabled) {\n          onOpenChange(false);\n        }\n      }}\n      onClick={backdropDismiss.onClick}\n      onPointerDown={backdropDismiss.onPointerDown}\n      ref={mergeRefs(ref, dialogRef)}\n      style={{...sizeStyle, ...style}}>\n      <div className={classes.inner}>{children}</div>\n    </dialog>\n  );\n}\n\nDrawer.displayName = 'Drawer';\n","import {useCallback, useMemo, useState, type ReactNode} from 'react';\nimport {Drawer, type DrawerProps} from 'components/Drawer/Drawer';\n\nexport type DrawerOptions = Partial<\n  Omit<DrawerProps, 'children' | 'isOpen' | 'onOpenChange'>\n>;\n\nexport interface UseDrawerReturn {\n  element: ReactNode;\n  hide: () => void;\n  isOpen: boolean;\n  show: (content: ReactNode, options?: DrawerOptions) => void;\n}\n\nexport function useDrawer(defaultOptions?: DrawerOptions): UseDrawerReturn {\n  const [isOpen, setIsOpen] = useState(false);\n  const [content, setContent] = useState<ReactNode>(null);\n  // Options passed to the most recent `show()` call. Each call replaces these\n  // rather than merging, so per-call options never bleed into later calls.\n  // `defaultOptions` remains the baseline, applied beneath them below.\n  const [callOptions, setCallOptions] = useState<DrawerOptions | undefined>();\n\n  const show = useCallback(\n    (nextContent: ReactNode, nextOptions?: DrawerOptions) => {\n      setContent(nextContent);\n      setCallOptions(nextOptions);\n      setIsOpen(true);\n    },\n    [],\n  );\n\n  const hide = useCallback(() => setIsOpen(false), []);\n\n  const element = useMemo(\n    () => (\n      <Drawer\n        {...(defaultOptions ?? {})}\n        {...(callOptions ?? {})}\n        isOpen={isOpen}\n        label={callOptions?.label ?? defaultOptions?.label ?? 'Drawer'}\n        onOpenChange={setIsOpen}>\n        {content}\n      </Drawer>\n    ),\n    [content, defaultOptions, isOpen, callOptions],\n  );\n\n  return {element, hide, isOpen, show};\n}\n"]}