silver-ui 0.6.0 → 0.7.2

package/dist/{chunk-ZUAWNT66.cjs → chunk-BF2DUOC3.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkINQ34SVW_cjs = require('./chunk-INQ34SVW.cjs');
+var chunkKLPVBJGZ_cjs = require('./chunk-KLPVBJGZ.cjs');
 var chunkJK4YAQ2N_cjs = require('./chunk-JK4YAQ2N.cjs');
-var chunkVXBVSYPA_cjs = require('./chunk-VXBVSYPA.cjs');
-var chunkR3ZS6FU6_cjs = require('./chunk-R3ZS6FU6.cjs');
+var chunkVPHB56GK_cjs = require('./chunk-VPHB56GK.cjs');
+var chunkRX2FXCIH_cjs = require('./chunk-RX2FXCIH.cjs');
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
-var chunkRAMDISDK_cjs = require('./chunk-RAMDISDK.cjs');
-var chunkVXOIOPGZ_cjs = require('./chunk-VXOIOPGZ.cjs');
-var chunkGU65FGY6_cjs = require('./chunk-GU65FGY6.cjs');
+var chunkMYSLJWCW_cjs = require('./chunk-MYSLJWCW.cjs');
+var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
+var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
@@ -149,7 +149,7 @@ function DateInput({
   const [isOpen, setIsOpen] = react.useState(false);
   const [pendingInput, setPendingInput] = react.useState(null);
   const displayValue = pendingInput ?? formatDate(value);
-  const necessity = chunkR3ZS6FU6_cjs.getNecessity(isOptional, isRequired);
+  const necessity = chunkRX2FXCIH_cjs.getNecessity(isOptional, isRequired);
   const handleCalendarChange = react.useCallback(
     (nextValue) => {
       onChange(nextValue);
@@ -206,7 +206,7 @@ function DateInput({
     inputRef.current?.focus();
   }, [onChange]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkR3ZS6FU6_cjs.Field,
+    chunkRX2FXCIH_cjs.Field,
     {
       className,
       description,
@@ -224,7 +224,7 @@ function DateInput({
         "div",
         {
           className: chunkSPDVNY2Z_cjs.cx(
-            chunkVXBVSYPA_cjs.inputRecipe({
+            chunkVPHB56GK_cjs.inputRecipe({
               size,
               status: status?.type,
               isDisabled
@@ -234,10 +234,10 @@ function DateInput({
           ref: wrapperRef,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkRAMDISDK_cjs.Popover,
+              chunkMYSLJWCW_cjs.Popover,
               {
                 content: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkINQ34SVW_cjs.Calendar,
+                  chunkKLPVBJGZ_cjs.Calendar,
                   {
                     getIsDateDisabled,
                     hasAutoFocus: isOpen,
@@ -257,7 +257,7 @@ function DateInput({
                 onOpenChange: setIsOpen,
                 padding: 3,
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkVXOIOPGZ_cjs.Button,
+                  chunkWOVSJHY6_cjs.Button,
                   {
                     icon: lucideReact.CalendarIcon,
                     isDisabled,
@@ -280,7 +280,7 @@ function DateInput({
                 "aria-invalid": status?.type === "error" || void 0,
                 "aria-required": isRequired ?? void 0,
                 autoComplete: "off",
-                className: chunkVXBVSYPA_cjs.inputStyles.control,
+                className: chunkVPHB56GK_cjs.inputStyles.control,
                 "data-testid": dataTestId,
                 disabled: isDisabled,
                 id: inputId,
@@ -295,7 +295,7 @@ function DateInput({
               }
             ),
             hasClear && value != null && !isDisabled && !isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkVXOIOPGZ_cjs.Button,
+              chunkWOVSJHY6_cjs.Button,
               {
                 icon: lucideReact.X,
                 isIconOnly: true,
@@ -305,8 +305,8 @@ function DateInput({
                 variant: "ghost"
               }
             ) : null,
-            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGU65FGY6_cjs.Spinner, { size: "sm" }) : null,
-            status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVXBVSYPA_cjs.inputStyles.iconSlot, children: chunkXPHXAZCE_cjs.getStatusIcon(status.type) }) : null
+            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: "sm" }) : null,
+            status != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkVPHB56GK_cjs.inputStyles.iconSlot, children: chunkXPHXAZCE_cjs.getStatusIcon(status.type) }) : null
           ]
         }
       )
@@ -316,5 +316,5 @@ function DateInput({
 DateInput.displayName = "DateInput";
 
 exports.DateInput = DateInput;
-//# sourceMappingURL=chunk-ZUAWNT66.cjs.map
-//# sourceMappingURL=chunk-ZUAWNT66.cjs.map
+//# sourceMappingURL=chunk-BF2DUOC3.cjs.map
+//# sourceMappingURL=chunk-BF2DUOC3.cjs.map

package/dist/{chunk-ZUAWNT66.cjs.map → chunk-BF2DUOC3.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/internal/parseDateInput.ts","../src/components/DateInput/DateInput.tsx"],"names":["plainDateCreate","css","plainDateFormat","DATE_FORMAT_LONG","plainDateIsBefore","plainDateIsAfter","useId","isReactNode","getStatusMessageID","getDescribedBy","useRef","useState","getNecessity","useCallback","jsx","Field","jsxs","cx","inputRecipe","Popover","Calendar","Button","CalendarIcon","inputStyles","mergeRefs","X","Spinner","getStatusIcon"],"mappings":"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","file":"chunk-ZUAWNT66.cjs","sourcesContent":["import {plainDateCreate, type PlainDate} from 'internal/plainDate';\n\nconst MONTH_NAMES: Partial<Record<string, number>> = {\n  jan: 1,\n  january: 1,\n  feb: 2,\n  february: 2,\n  mar: 3,\n  march: 3,\n  apr: 4,\n  april: 4,\n  may: 5,\n  jun: 6,\n  june: 6,\n  jul: 7,\n  july: 7,\n  aug: 8,\n  august: 8,\n  sep: 9,\n  september: 9,\n  oct: 10,\n  october: 10,\n  nov: 11,\n  november: 11,\n  dec: 12,\n  december: 12,\n};\n\n/**\n * Parses common date input formats into a PlainDate.\n * Supports: \"2026-05-21\", \"05/21/2026\", \"May 21, 2026\", \"21 May 2026\", etc.\n * Returns null if the input cannot be parsed.\n */\nexport function parseDateInput(input: string): PlainDate | null {\n  const trimmed = input.trim();\n  if (trimmed === '') {\n    return null;\n  }\n\n  // ISO format: 2026-05-21\n  const isoMatch = /^(\\d{4})-(\\d{1,2})-(\\d{1,2})$/.exec(trimmed);\n  if (isoMatch != null) {\n    return tryCreate(\n      parseInt(isoMatch[1], 10),\n      parseInt(isoMatch[2], 10),\n      parseInt(isoMatch[3], 10),\n    );\n  }\n\n  // US format: 05/21/2026, 5/21/2026, or 3/4/25 (2-digit year)\n  const usMatch = /^(\\d{1,2})[/\\-.](\\d{1,2})[/\\-.](\\d{2,4})$/.exec(trimmed);\n  if (usMatch != null) {\n    let year = parseInt(usMatch[3], 10);\n    if (year < 100) {\n      year += year < 50 ? 2000 : 1900;\n    }\n    return tryCreate(year, parseInt(usMatch[1], 10), parseInt(usMatch[2], 10));\n  }\n\n  // Named month: \"May 21, 2026\" or \"May 21 2026\"\n  const namedMonthFirst = /^([A-Za-z]+)\\s+(\\d{1,2}),?\\s+(\\d{4})$/.exec(trimmed);\n  if (namedMonthFirst != null) {\n    const month = MONTH_NAMES[namedMonthFirst[1].toLowerCase()];\n    if (month != null) {\n      return tryCreate(\n        parseInt(namedMonthFirst[3], 10),\n        month,\n        parseInt(namedMonthFirst[2], 10),\n      );\n    }\n  }\n\n  // Named month reversed: \"21 May 2026\"\n  const namedMonthLast = /^(\\d{1,2})\\s+([A-Za-z]+),?\\s+(\\d{4})$/.exec(trimmed);\n  if (namedMonthLast != null) {\n    const month = MONTH_NAMES[namedMonthLast[2].toLowerCase()];\n    if (month != null) {\n      return tryCreate(\n        parseInt(namedMonthLast[3], 10),\n        month,\n        parseInt(namedMonthLast[1], 10),\n      );\n    }\n  }\n\n  return null;\n}\n\nfunction tryCreate(year: number, month: number, day: number): PlainDate | null {\n  try {\n    return plainDateCreate(year, month, day);\n  } catch {\n    return null;\n  }\n}\n","import {CalendarIcon, X} from 'lucide-react';\nimport {\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {Calendar, type CalendarHandle} from 'components/Calendar';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport type {IconComponent} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {parseDateInput} from 'internal/parseDateInput';\nimport {\n  DATE_FORMAT_LONG,\n  plainDateFormat,\n  plainDateIsAfter,\n  plainDateIsBefore,\n  type PlainDate,\n} from 'internal/plainDate';\nimport {css} from 'styled-system/css';\n\nexport type {PlainDate} from 'internal/plainDate';\n\nconst styles = {\n  wrapper: css({ps: '1', gap: '1'}),\n} as const;\n\nexport type DateInputProps = {\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Returns true for dates that should be disabled.\n   */\n  getIsDateDisabled?: (date: PlainDate) => boolean;\n  /**\n   * Whether to show a clear button when a value is selected.\n   * @default false\n   */\n  hasClear?: boolean;\n  /**\n   * Custom HTML id applied to the input element.\n   */\n  htmlId?: string;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the input is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label text.\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 selectable date.\n   */\n  max?: PlainDate;\n  /**\n   * Minimum selectable date.\n   */\n  min?: PlainDate;\n  /**\n   * Called when the selected date changes.\n   */\n  onChange: (value: PlainDate | null) => void;\n  /**\n   * Placeholder text shown when no date is selected. Typed dates accept a\n   * range of formats, including \"May 21, 2026\", \"5/21/2026\", and \"2026-05-21\".\n   * @default 'e.g. May 21, 2026'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the input.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Currently selected date. Pass `null` for an empty input.\n   */\n  value: PlainDate | null;\n} & FieldNecessity;\n\nfunction formatDate(value: PlainDate | null | undefined): string {\n  return value == null ? '' : plainDateFormat(value, DATE_FORMAT_LONG);\n}\n\nfunction isDateAllowed(\n  date: PlainDate,\n  options: {\n    getIsDateDisabled?: (date: PlainDate) => boolean;\n    max?: PlainDate;\n    min?: PlainDate;\n  },\n): boolean {\n  if (options.min != null && plainDateIsBefore(date, options.min)) {\n    return false;\n  }\n  if (options.max != null && plainDateIsAfter(date, options.max)) {\n    return false;\n  }\n  if (options.getIsDateDisabled?.(date)) {\n    return false;\n  }\n  return true;\n}\n\n/**\n * A date picker input that combines a text input with a calendar popover.\n * Users can type a date directly or select one from the calendar.\n */\nexport function DateInput({\n  label,\n  value,\n  onChange,\n  min,\n  max,\n  getIsDateDisabled,\n  placeholder = 'e.g. May 21, 2026',\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasClear = false,\n  htmlId,\n  status,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DateInputProps): React.JSX.Element {\n  const generatedId = useId();\n  const inputId = htmlId ?? generatedId;\n  const popoverId = `${inputId}-calendar`;\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const calendarRef = useRef<CalendarHandle | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [pendingInput, setPendingInput] = useState<string | null>(null);\n\n  const displayValue = pendingInput ?? formatDate(value);\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  const handleCalendarChange = useCallback(\n    (nextValue: PlainDate) => {\n      onChange(nextValue);\n      setPendingInput(null);\n      setIsOpen(false);\n      inputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const handleInputChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value;\n      setPendingInput(text);\n\n      const parsed = parseDateInput(text);\n      if (\n        parsed != null &&\n        isDateAllowed(parsed, {min, max, getIsDateDisabled})\n      ) {\n        onChange(parsed);\n        calendarRef.current?.navigateTo(parsed);\n      }\n    },\n    [getIsDateDisabled, max, min, onChange],\n  );\n\n  const commitPendingInput = useCallback(() => {\n    if (pendingInput == null) {\n      return;\n    }\n\n    if (pendingInput.trim() === '') {\n      if (value != null) {\n        onChange(null);\n      }\n      setPendingInput(null);\n      return;\n    }\n\n    const parsed = parseDateInput(pendingInput);\n    if (\n      parsed != null &&\n      isDateAllowed(parsed, {min, max, getIsDateDisabled})\n    ) {\n      onChange(parsed);\n    }\n    setPendingInput(null);\n  }, [getIsDateDisabled, max, min, onChange, pendingInput, value]);\n\n  const handleBlur = useCallback(() => {\n    commitPendingInput();\n  }, [commitPendingInput]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        commitPendingInput();\n      }\n    },\n    [commitPendingInput],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(null);\n    setPendingInput(null);\n    inputRef.current?.focus();\n  }, [onChange]);\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled: isDisabled,\n          }),\n          styles.wrapper,\n        )}\n        ref={wrapperRef}>\n        <Popover\n          content={\n            <Calendar\n              getIsDateDisabled={getIsDateDisabled}\n              hasAutoFocus={isOpen}\n              max={max}\n              min={min}\n              onChange={handleCalendarChange}\n              ref={calendarRef}\n              value={value ?? undefined}\n              viewDate={value ?? undefined}\n            />\n          }\n          hasAutoFocus={false}\n          id={popoverId}\n          isEnabled={!isDisabled}\n          isOpen={isOpen}\n          label={`Choose ${label}`}\n          onOpenChange={setIsOpen}\n          padding={3}>\n          <Button\n            icon={CalendarIcon}\n            isDisabled={isDisabled}\n            isIconOnly\n            label={`Choose ${label}`}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        </Popover>\n        <input\n          aria-busy={isLoading || undefined}\n          aria-controls={popoverId}\n          aria-describedby={describedBy}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={status?.type === 'error' || undefined}\n          aria-required={isRequired ?? undefined}\n          autoComplete=\"off\"\n          className={inputStyles.control}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          onBlur={handleBlur}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          ref={mergeRefs(ref, inputRef)}\n          role=\"combobox\"\n          type=\"text\"\n          value={displayValue}\n        />\n        {hasClear && value != null && !isDisabled && !isLoading ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={handleClear}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n    </Field>\n  );\n}\n\nDateInput.displayName = 'DateInput';\n"]}
+{"version":3,"sources":["../src/internal/parseDateInput.ts","../src/components/DateInput/DateInput.tsx"],"names":["plainDateCreate","css","plainDateFormat","DATE_FORMAT_LONG","plainDateIsBefore","plainDateIsAfter","useId","isReactNode","getStatusMessageID","getDescribedBy","useRef","useState","getNecessity","useCallback","jsx","Field","jsxs","cx","inputRecipe","Popover","Calendar","Button","CalendarIcon","inputStyles","mergeRefs","X","Spinner","getStatusIcon"],"mappings":"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","file":"chunk-BF2DUOC3.cjs","sourcesContent":["import {plainDateCreate, type PlainDate} from 'internal/plainDate';\n\nconst MONTH_NAMES: Partial<Record<string, number>> = {\n  jan: 1,\n  january: 1,\n  feb: 2,\n  february: 2,\n  mar: 3,\n  march: 3,\n  apr: 4,\n  april: 4,\n  may: 5,\n  jun: 6,\n  june: 6,\n  jul: 7,\n  july: 7,\n  aug: 8,\n  august: 8,\n  sep: 9,\n  september: 9,\n  oct: 10,\n  october: 10,\n  nov: 11,\n  november: 11,\n  dec: 12,\n  december: 12,\n};\n\n/**\n * Parses common date input formats into a PlainDate.\n * Supports: \"2026-05-21\", \"05/21/2026\", \"May 21, 2026\", \"21 May 2026\", etc.\n * Returns null if the input cannot be parsed.\n */\nexport function parseDateInput(input: string): PlainDate | null {\n  const trimmed = input.trim();\n  if (trimmed === '') {\n    return null;\n  }\n\n  // ISO format: 2026-05-21\n  const isoMatch = /^(\\d{4})-(\\d{1,2})-(\\d{1,2})$/.exec(trimmed);\n  if (isoMatch != null) {\n    return tryCreate(\n      parseInt(isoMatch[1], 10),\n      parseInt(isoMatch[2], 10),\n      parseInt(isoMatch[3], 10),\n    );\n  }\n\n  // US format: 05/21/2026, 5/21/2026, or 3/4/25 (2-digit year)\n  const usMatch = /^(\\d{1,2})[/\\-.](\\d{1,2})[/\\-.](\\d{2,4})$/.exec(trimmed);\n  if (usMatch != null) {\n    let year = parseInt(usMatch[3], 10);\n    if (year < 100) {\n      year += year < 50 ? 2000 : 1900;\n    }\n    return tryCreate(year, parseInt(usMatch[1], 10), parseInt(usMatch[2], 10));\n  }\n\n  // Named month: \"May 21, 2026\" or \"May 21 2026\"\n  const namedMonthFirst = /^([A-Za-z]+)\\s+(\\d{1,2}),?\\s+(\\d{4})$/.exec(trimmed);\n  if (namedMonthFirst != null) {\n    const month = MONTH_NAMES[namedMonthFirst[1].toLowerCase()];\n    if (month != null) {\n      return tryCreate(\n        parseInt(namedMonthFirst[3], 10),\n        month,\n        parseInt(namedMonthFirst[2], 10),\n      );\n    }\n  }\n\n  // Named month reversed: \"21 May 2026\"\n  const namedMonthLast = /^(\\d{1,2})\\s+([A-Za-z]+),?\\s+(\\d{4})$/.exec(trimmed);\n  if (namedMonthLast != null) {\n    const month = MONTH_NAMES[namedMonthLast[2].toLowerCase()];\n    if (month != null) {\n      return tryCreate(\n        parseInt(namedMonthLast[3], 10),\n        month,\n        parseInt(namedMonthLast[1], 10),\n      );\n    }\n  }\n\n  return null;\n}\n\nfunction tryCreate(year: number, month: number, day: number): PlainDate | null {\n  try {\n    return plainDateCreate(year, month, day);\n  } catch {\n    return null;\n  }\n}\n","import {CalendarIcon, X} from 'lucide-react';\nimport {\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {Button} from 'components/Button';\nimport {Calendar, type CalendarHandle} from 'components/Calendar';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from 'components/Field';\nimport {inputRecipe, inputStyles} from 'components/Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from 'components/Field/inputUtils';\nimport type {IconComponent} from 'components/Icon';\nimport {Popover} from 'components/Popover';\nimport {Spinner} from 'components/Spinner';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {parseDateInput} from 'internal/parseDateInput';\nimport {\n  DATE_FORMAT_LONG,\n  plainDateFormat,\n  plainDateIsAfter,\n  plainDateIsBefore,\n  type PlainDate,\n} from 'internal/plainDate';\nimport {css} from 'styled-system/css';\n\nexport type {PlainDate} from 'internal/plainDate';\n\nconst styles = {\n  wrapper: css({ps: '1', gap: '1'}),\n} as const;\n\nexport type DateInputProps = {\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Returns true for dates that should be disabled.\n   */\n  getIsDateDisabled?: (date: PlainDate) => boolean;\n  /**\n   * Whether to show a clear button when a value is selected.\n   * @default false\n   */\n  hasClear?: boolean;\n  /**\n   * Custom HTML id applied to the input element.\n   */\n  htmlId?: string;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the input is in a loading state.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Field label text.\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 selectable date.\n   */\n  max?: PlainDate;\n  /**\n   * Minimum selectable date.\n   */\n  min?: PlainDate;\n  /**\n   * Called when the selected date changes.\n   */\n  onChange: (value: PlainDate | null) => void;\n  /**\n   * Placeholder text shown when no date is selected. Typed dates accept a\n   * range of formats, including \"May 21, 2026\", \"5/21/2026\", and \"2026-05-21\".\n   * @default 'e.g. May 21, 2026'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the input.\n   * @default 'md'\n   */\n  size?: InputSize;\n  /**\n   * Validation status displayed below the input.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the input wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * Currently selected date. Pass `null` for an empty input.\n   */\n  value: PlainDate | null;\n} & FieldNecessity;\n\nfunction formatDate(value: PlainDate | null | undefined): string {\n  return value == null ? '' : plainDateFormat(value, DATE_FORMAT_LONG);\n}\n\nfunction isDateAllowed(\n  date: PlainDate,\n  options: {\n    getIsDateDisabled?: (date: PlainDate) => boolean;\n    max?: PlainDate;\n    min?: PlainDate;\n  },\n): boolean {\n  if (options.min != null && plainDateIsBefore(date, options.min)) {\n    return false;\n  }\n  if (options.max != null && plainDateIsAfter(date, options.max)) {\n    return false;\n  }\n  if (options.getIsDateDisabled?.(date)) {\n    return false;\n  }\n  return true;\n}\n\n/**\n * A date picker input that combines a text input with a calendar popover.\n * Users can type a date directly or select one from the calendar.\n */\nexport function DateInput({\n  label,\n  value,\n  onChange,\n  min,\n  max,\n  getIsDateDisabled,\n  placeholder = 'e.g. May 21, 2026',\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasClear = false,\n  htmlId,\n  status,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DateInputProps): React.JSX.Element {\n  const generatedId = useId();\n  const inputId = htmlId ?? generatedId;\n  const popoverId = `${inputId}-calendar`;\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const calendarRef = useRef<CalendarHandle | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [pendingInput, setPendingInput] = useState<string | null>(null);\n\n  const displayValue = pendingInput ?? formatDate(value);\n\n  const necessity = getNecessity(isOptional, isRequired);\n\n  const handleCalendarChange = useCallback(\n    (nextValue: PlainDate) => {\n      onChange(nextValue);\n      setPendingInput(null);\n      setIsOpen(false);\n      inputRef.current?.focus();\n    },\n    [onChange],\n  );\n\n  const handleInputChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value;\n      setPendingInput(text);\n\n      const parsed = parseDateInput(text);\n      if (\n        parsed != null &&\n        isDateAllowed(parsed, {min, max, getIsDateDisabled})\n      ) {\n        onChange(parsed);\n        calendarRef.current?.navigateTo(parsed);\n      }\n    },\n    [getIsDateDisabled, max, min, onChange],\n  );\n\n  const commitPendingInput = useCallback(() => {\n    if (pendingInput == null) {\n      return;\n    }\n\n    if (pendingInput.trim() === '') {\n      if (value != null) {\n        onChange(null);\n      }\n      setPendingInput(null);\n      return;\n    }\n\n    const parsed = parseDateInput(pendingInput);\n    if (\n      parsed != null &&\n      isDateAllowed(parsed, {min, max, getIsDateDisabled})\n    ) {\n      onChange(parsed);\n    }\n    setPendingInput(null);\n  }, [getIsDateDisabled, max, min, onChange, pendingInput, value]);\n\n  const handleBlur = useCallback(() => {\n    commitPendingInput();\n  }, [commitPendingInput]);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        commitPendingInput();\n      }\n    },\n    [commitPendingInput],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(null);\n    setPendingInput(null);\n    inputRef.current?.focus();\n  }, [onChange]);\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled: isDisabled,\n          }),\n          styles.wrapper,\n        )}\n        ref={wrapperRef}>\n        <Popover\n          content={\n            <Calendar\n              getIsDateDisabled={getIsDateDisabled}\n              hasAutoFocus={isOpen}\n              max={max}\n              min={min}\n              onChange={handleCalendarChange}\n              ref={calendarRef}\n              value={value ?? undefined}\n              viewDate={value ?? undefined}\n            />\n          }\n          hasAutoFocus={false}\n          id={popoverId}\n          isEnabled={!isDisabled}\n          isOpen={isOpen}\n          label={`Choose ${label}`}\n          onOpenChange={setIsOpen}\n          padding={3}>\n          <Button\n            icon={CalendarIcon}\n            isDisabled={isDisabled}\n            isIconOnly\n            label={`Choose ${label}`}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        </Popover>\n        <input\n          aria-busy={isLoading || undefined}\n          aria-controls={popoverId}\n          aria-describedby={describedBy}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={status?.type === 'error' || undefined}\n          aria-required={isRequired ?? undefined}\n          autoComplete=\"off\"\n          className={inputStyles.control}\n          data-testid={dataTestId}\n          disabled={isDisabled}\n          id={inputId}\n          onBlur={handleBlur}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          ref={mergeRefs(ref, inputRef)}\n          role=\"combobox\"\n          type=\"text\"\n          value={displayValue}\n        />\n        {hasClear && value != null && !isDisabled && !isLoading ? (\n          <Button\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={handleClear}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n        {isLoading ? <Spinner size=\"sm\" /> : null}\n        {status != null ? (\n          <span className={inputStyles.iconSlot}>\n            {getStatusIcon(status.type)}\n          </span>\n        ) : null}\n      </div>\n    </Field>\n  );\n}\n\nDateInput.displayName = 'DateInput';\n"]}

package/dist/{chunk-6FC5YF2O.cjs → chunk-BPAZTKMC.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
 var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
-var chunkGU65FGY6_cjs = require('./chunk-GU65FGY6.cjs');
+var chunkOCYZKZ24_cjs = require('./chunk-OCYZKZ24.cjs');
 var chunk2MXK2SDR_cjs = require('./chunk-2MXK2SDR.cjs');
-var chunkMHAXS4GO_cjs = require('./chunk-MHAXS4GO.cjs');
+var chunkCKDB7QNT_cjs = require('./chunk-CKDB7QNT.cjs');
 var chunkGJZAGTPV_cjs = require('./chunk-GJZAGTPV.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
 var chunkJ4PIYOWT_cjs = require('./chunk-J4PIYOWT.cjs');
@@ -240,7 +240,7 @@ function Switch({
         className: classes.track,
         "data-selected": isSelected ? "true" : void 0,
         "data-switch-track": "",
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.thumb, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGU65FGY6_cjs.Spinner, { size: "sm" }) : null })
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.thumb, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkOCYZKZ24_cjs.Spinner, { size: "sm" }) : null })
       }
     ),
     isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MXK2SDR_cjs.VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", children: "Loading" }) }) : null
@@ -248,14 +248,14 @@ function Switch({
   const labelNode = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.labelWrapper, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("label", { className: classes.label, htmlFor: inputId, children: [
       labelIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.labelIcon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { color: "secondary", icon: labelIcon, size: "sm" }) }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(chunkMHAXS4GO_cjs.Text, { as: "span", color: "inherit", type: "label", children: label }),
-      requirednessText != null ? /* @__PURE__ */ jsxRuntime.jsxs(chunkMHAXS4GO_cjs.Text, { as: "span", className: classes.requiredness, type: "supporting", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkCKDB7QNT_cjs.Text, { as: "span", color: "inherit", type: "label", children: label }),
+      requirednessText != null ? /* @__PURE__ */ jsxRuntime.jsxs(chunkCKDB7QNT_cjs.Text, { as: "span", className: classes.requiredness, type: "supporting", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: " \xB7 " }),
         requirednessText
       ] }) : null,
       chunkQAO6QMNQ_cjs.isReactNode(labelTooltip) ? /* @__PURE__ */ jsxRuntime.jsx(chunkGJZAGTPV_cjs.Tooltip, { content: labelTooltip, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.tooltipIcon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJ4PIYOWT_cjs.Icon, { icon: lucideReact.Info, size: "sm" }) }) }) : null
     ] }),
-    chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(chunkMHAXS4GO_cjs.Text, { as: "span", color: "secondary", id: descriptionID, type: "supporting", children: description }) : null
+    chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(chunkCKDB7QNT_cjs.Text, { as: "span", color: "secondary", id: descriptionID, type: "supporting", children: description }) : null
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkSPDVNY2Z_cjs.cx(classes.field, className), style, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.row, children: [
@@ -277,5 +277,5 @@ function Switch({
 Switch.displayName = "Switch";
 
 exports.Switch = Switch;
-//# sourceMappingURL=chunk-6FC5YF2O.cjs.map
-//# sourceMappingURL=chunk-6FC5YF2O.cjs.map
+//# sourceMappingURL=chunk-BPAZTKMC.cjs.map
+//# sourceMappingURL=chunk-BPAZTKMC.cjs.map

package/dist/{chunk-6FC5YF2O.cjs.map → chunk-BPAZTKMC.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Switch/Switch.recipe.ts","../src/components/Switch/Switch.tsx"],"names":["sva","useId","isReactNode","getStatusMessageID","getDescribedBy","jsxs","jsx","Spinner","VisuallyHidden","Icon","Text","Tooltip","Info","cx"],"mappings":";;;;;;;;;;;;;;;;AAEO,IAAM,eAAeA,qBAAA,CAAI;AAAA,EAC9B,KAAA,EAAO;AAAA,IACL,OAAA;AAAA,IACA,KAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe,QAAA;AAAA,MACf,GAAA,EAAK,GAAA;AAAA,MACL,CAAA,EAAG;AAAA,KACL;AAAA,IACA,GAAA,EAAK;AAAA,MACH,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,GAAA,EAAK;AAAA,KACP;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,OAAA,EAAS,MAAA;AAAA,MACT,aAAA,EAAe,QAAA;AAAA,MACf,GAAA,EAAK,KAAA;AAAA,MACL,IAAA,EAAM;AAAA,KACR;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,aAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,GAAA,EAAK,GAAA;AAAA,MACL,CAAA,EAAG,aAAA;AAAA,MACH,KAAA,EAAO,UAAA;AAAA,MACP,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,SAAA,EAAW;AAAA,MACT,OAAA,EAAS,aAAA;AAAA,MACT,UAAA,EAAY;AAAA,KACd;AAAA,IACA,YAAA,EAAc;AAAA,MACZ,UAAA,EAAY,QAAA;AAAA,MACZ,KAAA,EAAO;AAAA,KACT;AAAA,IACA,WAAA,EAAa;AAAA,MACX,OAAA,EAAS,aAAA;AAAA,MACT,KAAA,EAAO;AAAA,KACT;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,UAAA,EAAY,MAAA;AAAA,MACZ,QAAA,EAAU,IAAA;AAAA,MACV,UAAA,EAAY,QAAA;AAAA,MACZ,EAAA,EAAI,GAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,GAAA;AAAA,MACJ,YAAA,EAAc;AAAA,KAChB;AAAA,IACA,OAAA,EAAS;AAAA,MACP,QAAA,EAAU,UAAA;AAAA,MACV,OAAA,EAAS,aAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,UAAA,EAAY,CAAA;AAAA,MACZ,CAAA,EAAG,IAAA;AAAA,MACH,CAAA,EAAG,GAAA;AAAA,MACH,YAAA,EAAc,MAAA;AAAA,MACd,SAAA,EAAW,SAAA;AAAA,MACX,4BAAA,EAA8B;AAAA,QAC5B,YAAA,EAAc,OAAA;AAAA,QACd,YAAA,EAAc,OAAA;AAAA,QACd,YAAA,EAAc,SAAA;AAAA,QACd,aAAA,EAAe;AAAA,OACjB;AAAA,MACA,6CAAA,EAA+C;AAAA,QAC7C,EAAA,EAAI;AAAA,OACN;AAAA,MACA,wDAAA,EAA0D;AAAA,QACxD,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL,QAAA,EAAU,UAAA;AAAA,MACV,KAAA,EAAO,CAAA;AAAA,MACP,CAAA,EAAG,CAAA;AAAA,MACH,CAAA,EAAG,CAAA;AAAA,MACH,OAAA,EAAS,CAAA;AAAA,MACT,MAAA,EAAQ,SAAA;AAAA,MACR,MAAA,EAAQ,CAAA;AAAA,MACR,SAAA,EAAW;AAAA,QACT,MAAA,EAAQ;AAAA;AACV,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,CAAA,EAAG,IAAA;AAAA,MACH,CAAA,EAAG,GAAA;AAAA,MACH,CAAA,EAAG,GAAA;AAAA,MACH,YAAA,EAAc,MAAA;AAAA,MACd,EAAA,EAAI,kBAAA;AAAA,MACJ,kBAAA,EAAoB,kBAAA;AAAA,MACpB,kBAAA,EAAoB,MAAA;AAAA,MACpB,wBAAA,EAA0B,SAAA;AAAA,MAC1B,aAAA,EAAe,MAAA;AAAA,MACf,yCAAA,EAA2C;AAAA,QACzC,kBAAA,EAAoB;AAAA;AACtB,KACF;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,aAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,cAAA,EAAgB,QAAA;AAAA,MAChB,CAAA,EAAG,GAAA;AAAA,MACH,CAAA,EAAG,GAAA;AAAA,MACH,YAAA,EAAc,MAAA;AAAA,MACd,EAAA,EAAI,IAAA;AAAA,MACJ,KAAA,EAAO,SAAA;AAAA,MACP,SAAA,EAAW,eAAA;AAAA,MACX,kBAAA,EAAoB,WAAA;AAAA,MACpB,kBAAA,EAAoB,MAAA;AAAA,MACpB,wBAAA,EAA0B,SAAA;AAAA,MAC1B,yCAAA,EAA2C;AAAA,QACzC,kBAAA,EAAoB;AAAA;AACtB;AACF,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,YAAA,EAAc;AAAA,MACZ,SAAS,EAAC;AAAA,MACV,MAAA,EAAQ;AAAA,QACN,KAAA,EAAO,EAAC,CAAA,EAAG,MAAA,EAAM;AAAA,QACjB,GAAA,EAAK,EAAC,cAAA,EAAgB,eAAA,EAAiB,GAAG,MAAA;AAAM;AAClD,KACF;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO,EAAC,EAAA,EAAI,SAAA,EAAS;AAAA,QACrB,KAAA,EAAO,EAAC,SAAA,EAAW,kBAAA;AAAkB,OACvC;AAAA,MACA,OAAO;AAAC,KACV;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO,EAAC,KAAA,EAAO,aAAA,EAAe,QAAQ,aAAA,EAAa;AAAA,QACnD,KAAA,EAAO,EAAC,OAAA,EAAS,GAAA;AAAG,OACtB;AAAA,MACA,OAAO;AAAC,KACV;AAAA;AAAA,IAEA,MAAA,EAAQ;AAAA,MACN,OAAA,EAAS,EAAC,MAAA,EAAQ,EAAC,IAAI,gBAAA,EAAkB,KAAA,EAAO,qBAAmB,EAAC;AAAA,MACpE,KAAA,EAAO,EAAC,MAAA,EAAQ,EAAC,IAAI,aAAA,EAAe,KAAA,EAAO,kBAAgB,EAAC;AAAA,MAC5D,OAAA,EAAS,EAAC,MAAA,EAAQ,EAAC,IAAI,eAAA,EAAiB,KAAA,EAAO,oBAAkB;AAAC;AACpE,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,YAAA,EAAc,SAAA;AAAA,IACd,UAAA,EAAY,KAAA;AAAA,IACZ,UAAA,EAAY;AAAA;AAEhB,CAAC,CAAA;AC5DM,SAAS,MAAA,CAAO;AAAA,EACrB,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,WAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,aAAA,GAAgB,KAAA;AAAA,EAChB,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,YAAA,GAAe,SAAA;AAAA,EACf,MAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAAmC;AACjC,EAAA,MAAM,UAAUC,WAAA,EAAM;AACtB,EAAA,MAAM,gBAAgBC,6BAAA,CAAY,WAAW,CAAA,GACzC,CAAA,EAAG,OAAO,CAAA,YAAA,CAAA,GACV,MAAA;AACJ,EAAA,MAAM,eAAA,GAAkBC,oCAAA,CAAmB,OAAA,EAAS,MAAM,CAAA;AAC1D,EAAA,MAAM,WAAA,GAAcC,gCAAA,CAAe,aAAA,EAAe,eAAe,CAAA;AACjE,EAAA,MAAM,gBAAA,GAAmB,UAAA,GACrB,UAAA,GACA,UAAA,GACE,UAAA,GACA,IAAA;AACN,EAAA,MAAM,UAAU,YAAA,CAAa;AAAA,IAC3B,YAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAQ,MAAA,EAAQ;AAAA,GACjB,CAAA;AACD,EAAA,MAAM,OAAA,mBACJC,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,QAAQ,OAAA,EACvB,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,aAAW,SAAA,IAAa,MAAA;AAAA,QACxB,kBAAA,EAAkB,WAAA;AAAA,QAClB,cAAA,EAAc,MAAA,EAAQ,IAAA,KAAS,OAAA,IAAW,MAAA;AAAA,QAC1C,OAAA,EAAS,UAAA;AAAA,QACT,WAAW,OAAA,CAAQ,KAAA;AAAA,QACnB,aAAA,EAAa,UAAA;AAAA,QACb,QAAA,EAAU,UAAA;AAAA,QACV,EAAA,EAAI,OAAA;AAAA,QACJ,MAAA;AAAA,QACA,UAAU,CAAA,KAAA,KAAS,QAAA,CAAS,KAAA,CAAM,MAAA,CAAO,SAAS,KAAK,CAAA;AAAA,QACvD,OAAA;AAAA,QACA,GAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK;AAAA;AAAA,KACP;AAAA,oBACAA,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAY,MAAA;AAAA,QACZ,WAAW,OAAA,CAAQ,KAAA;AAAA,QACnB,eAAA,EAAe,aAAa,MAAA,GAAS,MAAA;AAAA,QACrC,mBAAA,EAAkB,EAAA;AAAA,QAClB,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,KAAA,EACtB,QAAA,EAAA,SAAA,mBAAYA,cAAA,CAACC,yBAAA,EAAA,EAAQ,IAAA,EAAK,IAAA,EAAK,CAAA,GAAK,IAAA,EACvC;AAAA;AAAA,KACF;AAAA,IACC,SAAA,kCACEC,gCAAA,EAAA,EACC,QAAA,kBAAAF,cAAA,CAAC,UAAK,IAAA,EAAK,QAAA,EAAS,QAAA,EAAA,SAAA,EAAO,CAAA,EAC7B,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEF,EAAA,MAAM,SAAA,mBACJD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,YAAA,EACtB,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAW,OAAA,CAAQ,KAAA,EAAO,SAAS,OAAA,EACvC,QAAA,EAAA;AAAA,MAAA,SAAA,IAAa,IAAA,mBACZC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,QAAQ,SAAA,EACvB,QAAA,kBAAAA,cAAA,CAACG,sBAAA,EAAA,EAAK,KAAA,EAAM,aAAY,IAAA,EAAM,SAAA,EAAW,IAAA,EAAK,IAAA,EAAK,GACrD,CAAA,GACE,IAAA;AAAA,sBACJH,cAAA,CAACI,0BAAK,EAAA,EAAG,MAAA,EAAO,OAAM,SAAA,EAAU,IAAA,EAAK,SAClC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MACC,gBAAA,IAAoB,IAAA,mBACnBL,eAAA,CAACK,sBAAA,EAAA,EAAK,EAAA,EAAG,QAAO,SAAA,EAAW,OAAA,CAAQ,YAAA,EAAc,IAAA,EAAK,YAAA,EACpD,QAAA,EAAA;AAAA,wBAAAJ,cAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,QAAA,EAAA,QAAA,EAAG,CAAA;AAAA,QAC3B;AAAA,OAAA,EACH,CAAA,GACE,IAAA;AAAA,MACHJ,6BAAA,CAAY,YAAY,CAAA,mBACvBI,cAAA,CAACK,6BAAQ,OAAA,EAAS,YAAA,EAChB,yCAAC,MAAA,EAAA,EAAK,SAAA,EAAW,QAAQ,WAAA,EACvB,QAAA,kBAAAL,cAAA,CAACG,0BAAK,IAAA,EAAMG,gBAAA,EAAM,MAAK,IAAA,EAAK,CAAA,EAC9B,GACF,CAAA,GACE;AAAA,KAAA,EACN,CAAA;AAAA,IACCV,6BAAA,CAAY,WAAW,CAAA,mBACtBI,cAAA,CAACI,0BAAK,EAAA,EAAG,MAAA,EAAO,KAAA,EAAM,WAAA,EAAY,EAAA,EAAI,aAAA,EAAe,IAAA,EAAK,YAAA,EACvD,uBACH,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAGF,EAAA,uBACEL,eAAA,CAAC,SAAI,SAAA,EAAWQ,oBAAA,CAAG,QAAQ,KAAA,EAAO,SAAS,GAAG,KAAA,EAC5C,QAAA,EAAA;AAAA,oBAAAR,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,GAAA,EACrB,QAAA,EAAA;AAAA,MAAA,aAAA,KAAkB,UACjB,aAAA,mBACEC,cAAA,CAACE,gCAAA,EAAA,EAAgB,QAAA,EAAA,SAAA,EAAU,IAE3B,SAAA,GAGF,OAAA;AAAA,MAED,kBAAkB,OAAA,GACjB,OAAA,GACE,gCACFF,cAAA,CAACE,gCAAA,EAAA,EAAgB,qBAAU,CAAA,GAE3B;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC,MAAA,EAAQ,WAAW,IAAA,mBAClBF,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAW,MAAA,CAAO,IAAA,KAAS,OAAA,GAAU,WAAA,GAAc,QAAA;AAAA,QACnD,WAAW,OAAA,CAAQ,MAAA;AAAA,QACnB,EAAA,EAAI,eAAA;AAAA,QACJ,IAAA,EAAM,MAAA,CAAO,IAAA,KAAS,OAAA,GAAU,OAAA,GAAU,QAAA;AAAA,QACzC,QAAA,EAAA,MAAA,CAAO;AAAA;AAAA,KACV,GACE;AAAA,GAAA,EACN,CAAA;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-6FC5YF2O.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const switchRecipe = sva({\n  slots: [\n    'field',\n    'row',\n    'labelWrapper',\n    'label',\n    'labelIcon',\n    'requiredness',\n    'tooltipIcon',\n    'status',\n    'control',\n    'input',\n    'track',\n    'thumb',\n  ],\n  base: {\n    field: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '1',\n      w: 'fit-content',\n    },\n    row: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n    },\n    labelWrapper: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.5',\n      minW: 0,\n    },\n    label: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '1',\n      w: 'fit-content',\n      color: 'fg.muted',\n      cursor: 'pointer',\n    },\n    labelIcon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n    },\n    requiredness: {\n      fontWeight: 'normal',\n      color: 'fg.muted',\n    },\n    tooltipIcon: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n    },\n    status: {\n      fontFamily: 'body',\n      fontSize: 'sm',\n      lineHeight: 'normal',\n      px: '2',\n      py: '1.5',\n      mt: '1',\n      borderRadius: 'md',\n    },\n    control: {\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      w: '10',\n      h: '6',\n      borderRadius: 'full',\n      isolation: 'isolate',\n      '&:has(input:focus-visible)': {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n      '& [data-switch-track][data-selected=\"true\"]': {\n        bg: 'primary',\n      },\n      '&:has(input:active:not(:disabled)) [data-switch-track]': {\n        bg: 'primary.active',\n      },\n    },\n    input: {\n      position: 'absolute',\n      inset: 0,\n      m: 0,\n      p: 0,\n      opacity: 0,\n      cursor: 'pointer',\n      zIndex: 1,\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n    },\n    track: {\n      display: 'flex',\n      alignItems: 'center',\n      w: '10',\n      h: '6',\n      p: '1',\n      borderRadius: 'full',\n      bg: 'track.emphasized',\n      transitionProperty: 'background-color',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      pointerEvents: 'none',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0s',\n      },\n    },\n    thumb: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: '4',\n      h: '4',\n      borderRadius: 'full',\n      bg: 'bg',\n      color: 'primary',\n      transform: 'translateX(0)',\n      transitionProperty: 'transform',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0s',\n      },\n    },\n  },\n  variants: {\n    labelSpacing: {\n      default: {},\n      spread: {\n        field: {w: 'full'},\n        row: {justifyContent: 'space-between', w: 'full'},\n      },\n    },\n    isSelected: {\n      true: {\n        track: {bg: 'primary'},\n        thumb: {transform: 'translateX(16px)'},\n      },\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        label: {color: 'fg.disabled', cursor: 'not-allowed'},\n        track: {opacity: 0.5},\n      },\n      false: {},\n    },\n    // Applied only when a status message is rendered (status?.type is defined).\n    status: {\n      warning: {status: {bg: 'surface.yellow', color: 'surface.yellow.fg'}},\n      error: {status: {bg: 'surface.red', color: 'surface.red.fg'}},\n      success: {status: {bg: 'surface.green', color: 'surface.green.fg'}},\n    },\n  },\n  defaultVariants: {\n    labelSpacing: 'default',\n    isSelected: false,\n    isDisabled: false,\n  },\n});\n\nexport type SwitchVariants = RecipeVariantProps<typeof switchRecipe>;\n","import {Info} from 'lucide-react';\nimport {\n  useId,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport type {FieldNecessity, InputStatus} from 'components/Field';\nimport {getDescribedBy, getStatusMessageID} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {switchRecipe} from 'components/Switch/Switch.recipe';\nimport {Text} from 'components/Text';\nimport {Tooltip} from 'components/Tooltip';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type SwitchLabelPosition = 'end' | 'start';\nexport type SwitchLabelSpacing = 'default' | 'spread';\n\nexport type SwitchProps = {\n  /**\n   * Additional CSS class names applied to the field root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the checkbox input.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether the switch 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 switch is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Whether the switch is on.\n   */\n  isSelected: boolean;\n  /**\n   * Switch label.\n   */\n  label: string;\n  /**\n   * Content rendered before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Which side of the switch the label appears on.\n   * @default 'end'\n   */\n  labelPosition?: SwitchLabelPosition;\n  /**\n   * Spacing behavior between label and switch.\n   * @default 'default'\n   */\n  labelSpacing?: SwitchLabelSpacing;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Called when the switch loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the checked state changes.\n   */\n  onChange: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the switch receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Ref forwarded to the checkbox input.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Validation status displayed below the switch.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the field root.\n   */\n  style?: CSSProperties;\n} & FieldNecessity;\n\n/**\n * A controlled switch for boolean settings.\n */\nexport function Switch({\n  className,\n  'data-testid': dataTestId,\n  description,\n  isDisabled = false,\n  isLabelHidden = false,\n  isLoading = false,\n  isOptional,\n  isRequired,\n  label,\n  labelIcon,\n  labelTooltip,\n  labelPosition = 'end',\n  labelSpacing = 'default',\n  onBlur,\n  onChange,\n  onFocus,\n  ref,\n  status,\n  style,\n  isSelected,\n}: SwitchProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const requirednessText = isOptional\n    ? 'Optional'\n    : isRequired\n      ? 'Required'\n      : null;\n  const classes = switchRecipe({\n    labelSpacing,\n    isSelected,\n    isDisabled,\n    status: status?.type,\n  });\n  const control = (\n    <span className={classes.control}>\n      <input\n        aria-busy={isLoading || undefined}\n        aria-describedby={describedBy}\n        aria-invalid={status?.type === 'error' || undefined}\n        checked={isSelected}\n        className={classes.input}\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        id={inputId}\n        onBlur={onBlur}\n        onChange={event => onChange(event.target.checked, event)}\n        onFocus={onFocus}\n        ref={ref}\n        required={isRequired}\n        role=\"switch\"\n        type=\"checkbox\"\n      />\n      <span\n        aria-hidden=\"true\"\n        className={classes.track}\n        data-selected={isSelected ? 'true' : undefined}\n        data-switch-track=\"\">\n        <span className={classes.thumb}>\n          {isLoading ? <Spinner size=\"sm\" /> : null}\n        </span>\n      </span>\n      {isLoading ? (\n        <VisuallyHidden>\n          <span role=\"status\">Loading</span>\n        </VisuallyHidden>\n      ) : null}\n    </span>\n  );\n  const labelNode = (\n    <div className={classes.labelWrapper}>\n      <label className={classes.label} htmlFor={inputId}>\n        {labelIcon != null ? (\n          <span className={classes.labelIcon}>\n            <Icon color=\"secondary\" icon={labelIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        <Text as=\"span\" color=\"inherit\" type=\"label\">\n          {label}\n        </Text>\n        {requirednessText != null ? (\n          <Text as=\"span\" className={classes.requiredness} type=\"supporting\">\n            <span aria-hidden=\"true\"> · </span>\n            {requirednessText}\n          </Text>\n        ) : null}\n        {isReactNode(labelTooltip) ? (\n          <Tooltip content={labelTooltip}>\n            <span className={classes.tooltipIcon}>\n              <Icon icon={Info} size=\"sm\" />\n            </span>\n          </Tooltip>\n        ) : null}\n      </label>\n      {isReactNode(description) ? (\n        <Text as=\"span\" color=\"secondary\" id={descriptionID} type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </div>\n  );\n\n  return (\n    <div className={cx(classes.field, className)} style={style}>\n      <div className={classes.row}>\n        {labelPosition === 'start' ? (\n          isLabelHidden ? (\n            <VisuallyHidden>{labelNode}</VisuallyHidden>\n          ) : (\n            labelNode\n          )\n        ) : (\n          control\n        )}\n        {labelPosition === 'start' ? (\n          control\n        ) : isLabelHidden ? (\n          <VisuallyHidden>{labelNode}</VisuallyHidden>\n        ) : (\n          labelNode\n        )}\n      </div>\n      {status?.message != null ? (\n        <div\n          aria-live={status.type === 'error' ? 'assertive' : 'polite'}\n          className={classes.status}\n          id={statusMessageID}\n          role={status.type === 'error' ? 'alert' : 'status'}>\n          {status.message}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nSwitch.displayName = 'Switch';\n"]}
+{"version":3,"sources":["../src/components/Switch/Switch.recipe.ts","../src/components/Switch/Switch.tsx"],"names":["sva","useId","isReactNode","getStatusMessageID","getDescribedBy","jsxs","jsx","Spinner","VisuallyHidden","Icon","Text","Tooltip","Info","cx"],"mappings":"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","file":"chunk-BPAZTKMC.cjs","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const switchRecipe = sva({\n  slots: [\n    'field',\n    'row',\n    'labelWrapper',\n    'label',\n    'labelIcon',\n    'requiredness',\n    'tooltipIcon',\n    'status',\n    'control',\n    'input',\n    'track',\n    'thumb',\n  ],\n  base: {\n    field: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '1',\n      w: 'fit-content',\n    },\n    row: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '2',\n    },\n    labelWrapper: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '0.5',\n      minW: 0,\n    },\n    label: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      gap: '1',\n      w: 'fit-content',\n      color: 'fg.muted',\n      cursor: 'pointer',\n    },\n    labelIcon: {\n      display: 'inline-flex',\n      alignItems: 'center',\n    },\n    requiredness: {\n      fontWeight: 'normal',\n      color: 'fg.muted',\n    },\n    tooltipIcon: {\n      display: 'inline-flex',\n      color: 'fg.muted',\n    },\n    status: {\n      fontFamily: 'body',\n      fontSize: 'sm',\n      lineHeight: 'normal',\n      px: '2',\n      py: '1.5',\n      mt: '1',\n      borderRadius: 'md',\n    },\n    control: {\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      flexShrink: 0,\n      w: '10',\n      h: '6',\n      borderRadius: 'full',\n      isolation: 'isolate',\n      '&:has(input:focus-visible)': {\n        outlineWidth: 'focus',\n        outlineStyle: 'solid',\n        outlineColor: 'primary',\n        outlineOffset: 'focusOffset',\n      },\n      '& [data-switch-track][data-selected=\"true\"]': {\n        bg: 'primary',\n      },\n      '&:has(input:active:not(:disabled)) [data-switch-track]': {\n        bg: 'primary.active',\n      },\n    },\n    input: {\n      position: 'absolute',\n      inset: 0,\n      m: 0,\n      p: 0,\n      opacity: 0,\n      cursor: 'pointer',\n      zIndex: 1,\n      _disabled: {\n        cursor: 'not-allowed',\n      },\n    },\n    track: {\n      display: 'flex',\n      alignItems: 'center',\n      w: '10',\n      h: '6',\n      p: '1',\n      borderRadius: 'full',\n      bg: 'track.emphasized',\n      transitionProperty: 'background-color',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      pointerEvents: 'none',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0s',\n      },\n    },\n    thumb: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      w: '4',\n      h: '4',\n      borderRadius: 'full',\n      bg: 'bg',\n      color: 'primary',\n      transform: 'translateX(0)',\n      transitionProperty: 'transform',\n      transitionDuration: 'fast',\n      transitionTimingFunction: 'default',\n      '@media (prefers-reduced-motion: reduce)': {\n        transitionDuration: '0s',\n      },\n    },\n  },\n  variants: {\n    labelSpacing: {\n      default: {},\n      spread: {\n        field: {w: 'full'},\n        row: {justifyContent: 'space-between', w: 'full'},\n      },\n    },\n    isSelected: {\n      true: {\n        track: {bg: 'primary'},\n        thumb: {transform: 'translateX(16px)'},\n      },\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        label: {color: 'fg.disabled', cursor: 'not-allowed'},\n        track: {opacity: 0.5},\n      },\n      false: {},\n    },\n    // Applied only when a status message is rendered (status?.type is defined).\n    status: {\n      warning: {status: {bg: 'surface.yellow', color: 'surface.yellow.fg'}},\n      error: {status: {bg: 'surface.red', color: 'surface.red.fg'}},\n      success: {status: {bg: 'surface.green', color: 'surface.green.fg'}},\n    },\n  },\n  defaultVariants: {\n    labelSpacing: 'default',\n    isSelected: false,\n    isDisabled: false,\n  },\n});\n\nexport type SwitchVariants = RecipeVariantProps<typeof switchRecipe>;\n","import {Info} from 'lucide-react';\nimport {\n  useId,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport type {FieldNecessity, InputStatus} from 'components/Field';\nimport {getDescribedBy, getStatusMessageID} from 'components/Field/inputUtils';\nimport {Icon, type IconComponent} from 'components/Icon';\nimport {Spinner} from 'components/Spinner';\nimport {switchRecipe} from 'components/Switch/Switch.recipe';\nimport {Text} from 'components/Text';\nimport {Tooltip} from 'components/Tooltip';\nimport {VisuallyHidden} from 'internal/VisuallyHidden';\nimport {cx} from 'internal/cx';\nimport isReactNode from 'internal/isReactNode';\n\nexport type SwitchLabelPosition = 'end' | 'start';\nexport type SwitchLabelSpacing = 'default' | 'spread';\n\nexport type SwitchProps = {\n  /**\n   * Additional CSS class names applied to the field root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the checkbox input.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether the switch 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 switch is loading.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Whether the switch is on.\n   */\n  isSelected: boolean;\n  /**\n   * Switch label.\n   */\n  label: string;\n  /**\n   * Content rendered before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Which side of the switch the label appears on.\n   * @default 'end'\n   */\n  labelPosition?: SwitchLabelPosition;\n  /**\n   * Spacing behavior between label and switch.\n   * @default 'default'\n   */\n  labelSpacing?: SwitchLabelSpacing;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Called when the switch loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the checked state changes.\n   */\n  onChange: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the switch receives focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Ref forwarded to the checkbox input.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Validation status displayed below the switch.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the field root.\n   */\n  style?: CSSProperties;\n} & FieldNecessity;\n\n/**\n * A controlled switch for boolean settings.\n */\nexport function Switch({\n  className,\n  'data-testid': dataTestId,\n  description,\n  isDisabled = false,\n  isLabelHidden = false,\n  isLoading = false,\n  isOptional,\n  isRequired,\n  label,\n  labelIcon,\n  labelTooltip,\n  labelPosition = 'end',\n  labelSpacing = 'default',\n  onBlur,\n  onChange,\n  onFocus,\n  ref,\n  status,\n  style,\n  isSelected,\n}: SwitchProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID = isReactNode(description)\n    ? `${inputId}-description`\n    : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const requirednessText = isOptional\n    ? 'Optional'\n    : isRequired\n      ? 'Required'\n      : null;\n  const classes = switchRecipe({\n    labelSpacing,\n    isSelected,\n    isDisabled,\n    status: status?.type,\n  });\n  const control = (\n    <span className={classes.control}>\n      <input\n        aria-busy={isLoading || undefined}\n        aria-describedby={describedBy}\n        aria-invalid={status?.type === 'error' || undefined}\n        checked={isSelected}\n        className={classes.input}\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        id={inputId}\n        onBlur={onBlur}\n        onChange={event => onChange(event.target.checked, event)}\n        onFocus={onFocus}\n        ref={ref}\n        required={isRequired}\n        role=\"switch\"\n        type=\"checkbox\"\n      />\n      <span\n        aria-hidden=\"true\"\n        className={classes.track}\n        data-selected={isSelected ? 'true' : undefined}\n        data-switch-track=\"\">\n        <span className={classes.thumb}>\n          {isLoading ? <Spinner size=\"sm\" /> : null}\n        </span>\n      </span>\n      {isLoading ? (\n        <VisuallyHidden>\n          <span role=\"status\">Loading</span>\n        </VisuallyHidden>\n      ) : null}\n    </span>\n  );\n  const labelNode = (\n    <div className={classes.labelWrapper}>\n      <label className={classes.label} htmlFor={inputId}>\n        {labelIcon != null ? (\n          <span className={classes.labelIcon}>\n            <Icon color=\"secondary\" icon={labelIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        <Text as=\"span\" color=\"inherit\" type=\"label\">\n          {label}\n        </Text>\n        {requirednessText != null ? (\n          <Text as=\"span\" className={classes.requiredness} type=\"supporting\">\n            <span aria-hidden=\"true\"> · </span>\n            {requirednessText}\n          </Text>\n        ) : null}\n        {isReactNode(labelTooltip) ? (\n          <Tooltip content={labelTooltip}>\n            <span className={classes.tooltipIcon}>\n              <Icon icon={Info} size=\"sm\" />\n            </span>\n          </Tooltip>\n        ) : null}\n      </label>\n      {isReactNode(description) ? (\n        <Text as=\"span\" color=\"secondary\" id={descriptionID} type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </div>\n  );\n\n  return (\n    <div className={cx(classes.field, className)} style={style}>\n      <div className={classes.row}>\n        {labelPosition === 'start' ? (\n          isLabelHidden ? (\n            <VisuallyHidden>{labelNode}</VisuallyHidden>\n          ) : (\n            labelNode\n          )\n        ) : (\n          control\n        )}\n        {labelPosition === 'start' ? (\n          control\n        ) : isLabelHidden ? (\n          <VisuallyHidden>{labelNode}</VisuallyHidden>\n        ) : (\n          labelNode\n        )}\n      </div>\n      {status?.message != null ? (\n        <div\n          aria-live={status.type === 'error' ? 'assertive' : 'polite'}\n          className={classes.status}\n          id={statusMessageID}\n          role={status.type === 'error' ? 'alert' : 'status'}>\n          {status.message}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nSwitch.displayName = 'Switch';\n"]}

package/dist/{chunk-CNDUYO7I.cjs → chunk-BYV7NXC5.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunk3NIDAKCF_cjs = require('./chunk-3NIDAKCF.cjs');
-var chunkVXOIOPGZ_cjs = require('./chunk-VXOIOPGZ.cjs');
+var chunkWOVSJHY6_cjs = require('./chunk-WOVSJHY6.cjs');
 var chunk6SHL7FYO_cjs = require('./chunk-6SHL7FYO.cjs');
 var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
 var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
@@ -191,7 +191,7 @@ function MobileNav({
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.header, children: [
               header ?? /* @__PURE__ */ jsxRuntime.jsx("span", {}),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkVXOIOPGZ_cjs.Button,
+                chunkWOVSJHY6_cjs.Button,
                 {
                   icon: lucideReact.X,
                   isIconOnly: true,
@@ -221,7 +221,7 @@ function MobileNavToggle({
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkVXOIOPGZ_cjs.Button,
+    chunkWOVSJHY6_cjs.Button,
     {
       className,
       "data-testid": dataTestId,
@@ -241,5 +241,5 @@ exports.AppShellMobileContext = AppShellMobileContext;
 exports.MobileNav = MobileNav;
 exports.MobileNavToggle = MobileNavToggle;
 exports.useAppShellMobile = useAppShellMobile;
-//# sourceMappingURL=chunk-CNDUYO7I.cjs.map
-//# sourceMappingURL=chunk-CNDUYO7I.cjs.map
+//# sourceMappingURL=chunk-BYV7NXC5.cjs.map
+//# sourceMappingURL=chunk-BYV7NXC5.cjs.map

package/dist/{chunk-CNDUYO7I.cjs.map → chunk-BYV7NXC5.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AppShell/AppShellMobileContext.tsx","../src/internal/MobileNav/MobileNav.recipe.ts","../src/internal/MobileNav/MobileNav.tsx","../src/internal/MobileNav/MobileNavToggle.tsx"],"names":["createContext","use","cva","css","useCallback","useRef","useEffect","useScrollLock","jsx","cx","mergeRefs","jsxs","Button","X","Menu"],"mappings":"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","file":"chunk-CNDUYO7I.cjs","sourcesContent":["import {createContext, use} from 'react';\n\nexport interface AppShellMobileContextValue {\n  closeMobileNav: () => void;\n  hasAutoToggle: boolean;\n  isMobile: boolean;\n  isMobileNavEnabled: boolean;\n  isMobileNavOpen: boolean;\n  openMobileNav: () => void;\n  toggleMobileNav: () => void;\n}\n\nconst defaultValue: AppShellMobileContextValue = {\n  closeMobileNav: () => {},\n  hasAutoToggle: true,\n  isMobile: false,\n  isMobileNavEnabled: false,\n  isMobileNavOpen: false,\n  openMobileNav: () => {},\n  toggleMobileNav: () => {},\n};\n\nexport const AppShellMobileContext =\n  createContext<AppShellMobileContextValue>(defaultValue);\nAppShellMobileContext.displayName = 'AppShellMobileContext';\n\nexport function useAppShellMobile(): AppShellMobileContextValue {\n  return use(AppShellMobileContext);\n}\n","import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const mobileNavRecipe = cva({\n  base: {\n    position: 'fixed',\n    inset: 0,\n    m: 0,\n    p: 0,\n    borderWidth: 0,\n    maxW: 'none',\n    maxH: 'none',\n    w: '100vw',\n    h: '100dvh',\n    bg: 'transparent',\n    overflow: 'hidden',\n    display: 'none',\n    '&::backdrop': {\n      bg: 'overlay.scrim',\n      backdropFilter: 'blur(2px)',\n    },\n  },\n  variants: {\n    isOpen: {\n      true: {\n        display: 'flex',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isOpen: false,\n  },\n});\n\nexport type MobileNavVariants = RecipeVariantProps<typeof mobileNavRecipe>;\n","import {X} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useCallback, useEffect, useRef} from 'react';\nimport {useAppShellMobile} from 'components/AppShell/AppShellMobileContext';\nimport {Button} from 'components/Button';\nimport {mobileNavRecipe} from 'internal/MobileNav/MobileNav.recipe';\nimport {cx} from 'internal/cx';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useScrollLock} from 'internal/useScrollLock';\nimport {css} from 'styled-system/css';\n\nexport type MobileNavSide = 'start' | 'end';\n\n/**\n * Slide-out drawer for mobile navigation.\n */\nexport interface MobileNavProps {\n  /**\n   * Drawer body content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the dialog element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the dialog element.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered in the drawer header bar.\n   */\n  header?: ReactNode;\n  /**\n   * Whether the drawer is open.\n   */\n  isOpen?: boolean;\n  /**\n   * Accessible label for the dialog.\n   */\n  label?: string;\n  /**\n   * Called when the drawer requests an open-state change.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the dialog element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * Which edge of the viewport the drawer slides from.\n   * @default 'end'\n   */\n  side?: MobileNavSide;\n  /**\n   * Maximum drawer width.\n   * @default 320\n   */\n  size?: number | string;\n  /**\n   * Inline styles applied to the dialog element.\n   */\n  style?: CSSProperties;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nconst CLOSE_BUTTON_SELECTOR = '[aria-label=\"Close navigation\"]';\n\nconst styles = {\n  drawer: css({\n    position: 'absolute',\n    insetBlock: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    bg: 'bg',\n    borderColor: 'border',\n    overflow: 'hidden',\n    transitionProperty: 'transform',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    '@media (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01s',\n    },\n  }),\n  drawerStart: css({\n    insetInlineStart: 0,\n    borderInlineEndWidth: 'default',\n    transform: 'translateX(-100%)',\n    _rtl: {transform: 'translateX(100%)'},\n  }),\n  drawerEnd: css({\n    insetInlineEnd: 0,\n    borderInlineStartWidth: 'default',\n    transform: 'translateX(100%)',\n    _rtl: {transform: 'translateX(-100%)'},\n  }),\n  drawerOpen: css({\n    transform: 'translateX(0)',\n  }),\n  header: css({\n    h: '12',\n    px: '2',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    borderBlockEndWidth: 'default',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: 'border',\n    flexShrink: 0,\n  }),\n  body: css({\n    flex: 1,\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    p: '2',\n  }),\n};\n\nexport function MobileNav({\n  children,\n  className,\n  'data-testid': dataTestId,\n  header,\n  isOpen: isOpenFromProps,\n  label,\n  onOpenChange: onOpenChangeFromProps,\n  ref,\n  side = 'end',\n  size = 320,\n  style,\n}: MobileNavProps): React.JSX.Element {\n  const appShellMobile = useAppShellMobile();\n  const isOpen = isOpenFromProps ?? appShellMobile.isMobileNavOpen;\n  const {openMobileNav, closeMobileNav} = appShellMobile;\n  const onOpenChange = useCallback(\n    (isNextOpen: boolean) => {\n      if (onOpenChangeFromProps != null) {\n        onOpenChangeFromProps(isNextOpen);\n      } else if (isNextOpen) {\n        openMobileNav();\n      } else {\n        closeMobileNav();\n      }\n    },\n    [openMobileNav, closeMobileNav, onOpenChangeFromProps],\n  );\n  const dialogRef = useRef<HTMLDialogElement>(null);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n\n    if (dialog == null) {\n      return;\n    }\n\n    if (isOpen && !dialog.open) {\n      dialog.showModal();\n\n      const firstFocusable = dialog.querySelector<HTMLElement>(\n        `a[href], button:not(${CLOSE_BUTTON_SELECTOR}):not([disabled])`,\n      );\n      if (firstFocusable != null) {\n        firstFocusable.focus();\n      }\n    } else if (!isOpen && dialog.open) {\n      dialog.close();\n    }\n  }, [isOpen]);\n\n  useScrollLock(isOpen);\n\n  const formattedSize = formatSize(size);\n\n  return (\n    <dialog\n      aria-label={label ?? (typeof header === 'string' ? header : 'Navigation')}\n      className={cx(mobileNavRecipe({isOpen}), className)}\n      data-testid={dataTestId}\n      onCancel={event => {\n        event.preventDefault();\n        onOpenChange(false);\n      }}\n      onClick={event => {\n        if (event.target === event.currentTarget) {\n          onOpenChange(false);\n        }\n      }}\n      ref={mergeRefs(ref, dialogRef)}\n      style={style}>\n      <div\n        className={cx(\n          styles.drawer,\n          side === 'start' ? styles.drawerStart : styles.drawerEnd,\n          isOpen && styles.drawerOpen,\n        )}\n        style={{maxWidth: formattedSize, width: '100vw'}}>\n        <div className={styles.header}>\n          {header ?? <span />}\n          <Button\n            icon={X}\n            isIconOnly\n            label=\"Close navigation\"\n            onClick={() => onOpenChange(false)}\n            variant=\"ghost\"\n          />\n        </div>\n        <div className={styles.body}>{children}</div>\n      </div>\n    </dialog>\n  );\n}\n\nMobileNav.displayName = 'MobileNav';\n","import {Menu} from 'lucide-react';\nimport type {CSSProperties, Ref} from 'react';\nimport {useAppShellMobile} from 'components/AppShell/AppShellMobileContext';\nimport {Button} from 'components/Button';\n\n/**\n * Props for {@link MobileNavToggle}.\n */\nexport interface MobileNavToggleProps {\n  /**\n   * Additional CSS class names applied to the toggle button.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the toggle button.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the toggle button.\n   * @default 'Open navigation'\n   */\n  label?: string;\n  /**\n   * Ref forwarded to the toggle button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the toggle button.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Hamburger-style button that toggles the mobile navigation drawer.\n * Renders nothing when the viewport is above the mobile breakpoint or\n * mobile navigation is disabled.\n */\nexport function MobileNavToggle({\n  className,\n  'data-testid': dataTestId,\n  label = 'Open navigation',\n  ref,\n  style,\n}: MobileNavToggleProps): React.JSX.Element | null {\n  const {isMobile, isMobileNavEnabled, toggleMobileNav} = useAppShellMobile();\n\n  if (!isMobile || !isMobileNavEnabled) {\n    return null;\n  }\n\n  return (\n    <Button\n      className={className}\n      data-testid={dataTestId}\n      icon={Menu}\n      isIconOnly\n      label={label}\n      onClick={toggleMobileNav}\n      ref={ref}\n      style={style}\n      variant=\"ghost\"\n    />\n  );\n}\n\nMobileNavToggle.displayName = 'MobileNavToggle';\n"]}
+{"version":3,"sources":["../src/components/AppShell/AppShellMobileContext.tsx","../src/internal/MobileNav/MobileNav.recipe.ts","../src/internal/MobileNav/MobileNav.tsx","../src/internal/MobileNav/MobileNavToggle.tsx"],"names":["createContext","use","cva","css","useCallback","useRef","useEffect","useScrollLock","jsx","cx","mergeRefs","jsxs","Button","X","Menu"],"mappings":"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","file":"chunk-BYV7NXC5.cjs","sourcesContent":["import {createContext, use} from 'react';\n\nexport interface AppShellMobileContextValue {\n  closeMobileNav: () => void;\n  hasAutoToggle: boolean;\n  isMobile: boolean;\n  isMobileNavEnabled: boolean;\n  isMobileNavOpen: boolean;\n  openMobileNav: () => void;\n  toggleMobileNav: () => void;\n}\n\nconst defaultValue: AppShellMobileContextValue = {\n  closeMobileNav: () => {},\n  hasAutoToggle: true,\n  isMobile: false,\n  isMobileNavEnabled: false,\n  isMobileNavOpen: false,\n  openMobileNav: () => {},\n  toggleMobileNav: () => {},\n};\n\nexport const AppShellMobileContext =\n  createContext<AppShellMobileContextValue>(defaultValue);\nAppShellMobileContext.displayName = 'AppShellMobileContext';\n\nexport function useAppShellMobile(): AppShellMobileContextValue {\n  return use(AppShellMobileContext);\n}\n","import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const mobileNavRecipe = cva({\n  base: {\n    position: 'fixed',\n    inset: 0,\n    m: 0,\n    p: 0,\n    borderWidth: 0,\n    maxW: 'none',\n    maxH: 'none',\n    w: '100vw',\n    h: '100dvh',\n    bg: 'transparent',\n    overflow: 'hidden',\n    display: 'none',\n    '&::backdrop': {\n      bg: 'overlay.scrim',\n      backdropFilter: 'blur(2px)',\n    },\n  },\n  variants: {\n    isOpen: {\n      true: {\n        display: 'flex',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isOpen: false,\n  },\n});\n\nexport type MobileNavVariants = RecipeVariantProps<typeof mobileNavRecipe>;\n","import {X} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useCallback, useEffect, useRef} from 'react';\nimport {useAppShellMobile} from 'components/AppShell/AppShellMobileContext';\nimport {Button} from 'components/Button';\nimport {mobileNavRecipe} from 'internal/MobileNav/MobileNav.recipe';\nimport {cx} from 'internal/cx';\nimport {mergeRefs} from 'internal/mergeRefs';\nimport {useScrollLock} from 'internal/useScrollLock';\nimport {css} from 'styled-system/css';\n\nexport type MobileNavSide = 'start' | 'end';\n\n/**\n * Slide-out drawer for mobile navigation.\n */\nexport interface MobileNavProps {\n  /**\n   * Drawer body content.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the dialog element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the dialog element.\n   */\n  'data-testid'?: string;\n  /**\n   * Content rendered in the drawer header bar.\n   */\n  header?: ReactNode;\n  /**\n   * Whether the drawer is open.\n   */\n  isOpen?: boolean;\n  /**\n   * Accessible label for the dialog.\n   */\n  label?: string;\n  /**\n   * Called when the drawer requests an open-state change.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Ref forwarded to the dialog element.\n   */\n  ref?: Ref<HTMLDialogElement>;\n  /**\n   * Which edge of the viewport the drawer slides from.\n   * @default 'end'\n   */\n  side?: MobileNavSide;\n  /**\n   * Maximum drawer width.\n   * @default 320\n   */\n  size?: number | string;\n  /**\n   * Inline styles applied to the dialog element.\n   */\n  style?: CSSProperties;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nconst CLOSE_BUTTON_SELECTOR = '[aria-label=\"Close navigation\"]';\n\nconst styles = {\n  drawer: css({\n    position: 'absolute',\n    insetBlock: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    bg: 'bg',\n    borderColor: 'border',\n    overflow: 'hidden',\n    transitionProperty: 'transform',\n    transitionDuration: 'fast',\n    transitionTimingFunction: 'default',\n    '@media (prefers-reduced-motion: reduce)': {\n      transitionDuration: '0.01s',\n    },\n  }),\n  drawerStart: css({\n    insetInlineStart: 0,\n    borderInlineEndWidth: 'default',\n    transform: 'translateX(-100%)',\n    _rtl: {transform: 'translateX(100%)'},\n  }),\n  drawerEnd: css({\n    insetInlineEnd: 0,\n    borderInlineStartWidth: 'default',\n    transform: 'translateX(100%)',\n    _rtl: {transform: 'translateX(-100%)'},\n  }),\n  drawerOpen: css({\n    transform: 'translateX(0)',\n  }),\n  header: css({\n    h: '12',\n    px: '2',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    borderBlockEndWidth: 'default',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: 'border',\n    flexShrink: 0,\n  }),\n  body: css({\n    flex: 1,\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    p: '2',\n  }),\n};\n\nexport function MobileNav({\n  children,\n  className,\n  'data-testid': dataTestId,\n  header,\n  isOpen: isOpenFromProps,\n  label,\n  onOpenChange: onOpenChangeFromProps,\n  ref,\n  side = 'end',\n  size = 320,\n  style,\n}: MobileNavProps): React.JSX.Element {\n  const appShellMobile = useAppShellMobile();\n  const isOpen = isOpenFromProps ?? appShellMobile.isMobileNavOpen;\n  const {openMobileNav, closeMobileNav} = appShellMobile;\n  const onOpenChange = useCallback(\n    (isNextOpen: boolean) => {\n      if (onOpenChangeFromProps != null) {\n        onOpenChangeFromProps(isNextOpen);\n      } else if (isNextOpen) {\n        openMobileNav();\n      } else {\n        closeMobileNav();\n      }\n    },\n    [openMobileNav, closeMobileNav, onOpenChangeFromProps],\n  );\n  const dialogRef = useRef<HTMLDialogElement>(null);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n\n    if (dialog == null) {\n      return;\n    }\n\n    if (isOpen && !dialog.open) {\n      dialog.showModal();\n\n      const firstFocusable = dialog.querySelector<HTMLElement>(\n        `a[href], button:not(${CLOSE_BUTTON_SELECTOR}):not([disabled])`,\n      );\n      if (firstFocusable != null) {\n        firstFocusable.focus();\n      }\n    } else if (!isOpen && dialog.open) {\n      dialog.close();\n    }\n  }, [isOpen]);\n\n  useScrollLock(isOpen);\n\n  const formattedSize = formatSize(size);\n\n  return (\n    <dialog\n      aria-label={label ?? (typeof header === 'string' ? header : 'Navigation')}\n      className={cx(mobileNavRecipe({isOpen}), className)}\n      data-testid={dataTestId}\n      onCancel={event => {\n        event.preventDefault();\n        onOpenChange(false);\n      }}\n      onClick={event => {\n        if (event.target === event.currentTarget) {\n          onOpenChange(false);\n        }\n      }}\n      ref={mergeRefs(ref, dialogRef)}\n      style={style}>\n      <div\n        className={cx(\n          styles.drawer,\n          side === 'start' ? styles.drawerStart : styles.drawerEnd,\n          isOpen && styles.drawerOpen,\n        )}\n        style={{maxWidth: formattedSize, width: '100vw'}}>\n        <div className={styles.header}>\n          {header ?? <span />}\n          <Button\n            icon={X}\n            isIconOnly\n            label=\"Close navigation\"\n            onClick={() => onOpenChange(false)}\n            variant=\"ghost\"\n          />\n        </div>\n        <div className={styles.body}>{children}</div>\n      </div>\n    </dialog>\n  );\n}\n\nMobileNav.displayName = 'MobileNav';\n","import {Menu} from 'lucide-react';\nimport type {CSSProperties, Ref} from 'react';\nimport {useAppShellMobile} from 'components/AppShell/AppShellMobileContext';\nimport {Button} from 'components/Button';\n\n/**\n * Props for {@link MobileNavToggle}.\n */\nexport interface MobileNavToggleProps {\n  /**\n   * Additional CSS class names applied to the toggle button.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the toggle button.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible label for the toggle button.\n   * @default 'Open navigation'\n   */\n  label?: string;\n  /**\n   * Ref forwarded to the toggle button.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Inline styles applied to the toggle button.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Hamburger-style button that toggles the mobile navigation drawer.\n * Renders nothing when the viewport is above the mobile breakpoint or\n * mobile navigation is disabled.\n */\nexport function MobileNavToggle({\n  className,\n  'data-testid': dataTestId,\n  label = 'Open navigation',\n  ref,\n  style,\n}: MobileNavToggleProps): React.JSX.Element | null {\n  const {isMobile, isMobileNavEnabled, toggleMobileNav} = useAppShellMobile();\n\n  if (!isMobile || !isMobileNavEnabled) {\n    return null;\n  }\n\n  return (\n    <Button\n      className={className}\n      data-testid={dataTestId}\n      icon={Menu}\n      isIconOnly\n      label={label}\n      onClick={toggleMobileNav}\n      ref={ref}\n      style={style}\n      variant=\"ghost\"\n    />\n  );\n}\n\nMobileNavToggle.displayName = 'MobileNavToggle';\n"]}

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

@@ -2202,6 +2202,10 @@ var tokens = {
     "value": "var(--silver-colors-icon-purple)",
     "variable": "var(--silver-colors-icon-purple)"
   },
+  "sizes.6.5": {
+    "value": "1.625rem",
+    "variable": "var(--silver-sizes-6\\.5)"
+  },
   "sizes.component.sm": {
     "value": "var(--silver-sizes-8)",
     "variable": "var(--silver-sizes-component-sm)"
@@ -2226,6 +2230,10 @@ var tokens = {
     "value": "var(--silver-sizes-6)",
     "variable": "var(--silver-sizes-icon-lg)"
   },
+  "spacing.6.5": {
+    "value": "1.625rem",
+    "variable": "var(--silver-spacing-6\\.5)"
+  },
   "spacing.component.sm": {
     "value": "var(--silver-spacing-3)",
     "variable": "var(--silver-spacing-component-sm)"
@@ -2442,6 +2450,10 @@ var tokens = {
     "value": "calc(var(--silver-spacing-5\\.5) * -1)",
     "variable": "var(--silver-spacing-5\\.5)"
   },
+  "spacing.-6.5": {
+    "value": "calc(var(--silver-spacing-6\\.5) * -1)",
+    "variable": "var(--silver-spacing-6\\.5)"
+  },
   "spacing.component.-sm": {
     "value": "calc(var(--silver-spacing-component-sm) * -1)",
     "variable": "var(--silver-spacing-component-sm)"
@@ -3536,5 +3548,5 @@ Text.displayName = "Text";
 exports.Heading = Heading;
 exports.Text = Text;
 exports.token = token;
-//# sourceMappingURL=chunk-MHAXS4GO.cjs.map
-//# sourceMappingURL=chunk-MHAXS4GO.cjs.map
+//# sourceMappingURL=chunk-CKDB7QNT.cjs.map
+//# sourceMappingURL=chunk-CKDB7QNT.cjs.map