silver-ui 0.4.0 → 0.5.0

package/dist/{chunk-BULJWVPU.cjs → chunk-PGTOVMP7.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunk2P6D43V2_cjs = require('./chunk-2P6D43V2.cjs');
-var chunkSBS7U7CN_cjs = require('./chunk-SBS7U7CN.cjs');
-var chunkM26XECB2_cjs = require('./chunk-M26XECB2.cjs');
-var chunkGYVWTH3U_cjs = require('./chunk-GYVWTH3U.cjs');
-var chunk7CCXHH6Y_cjs = require('./chunk-7CCXHH6Y.cjs');
+var chunkXPHXAZCE_cjs = require('./chunk-XPHXAZCE.cjs');
+var chunkBSI4BQEX_cjs = require('./chunk-BSI4BQEX.cjs');
+var chunk3Z5PF75J_cjs = require('./chunk-3Z5PF75J.cjs');
+var chunk2MXK2SDR_cjs = require('./chunk-2MXK2SDR.cjs');
+var chunkJSAYTQTJ_cjs = require('./chunk-JSAYTQTJ.cjs');
 var chunkQAO6QMNQ_cjs = require('./chunk-QAO6QMNQ.cjs');
-var chunk4TIAKZ4Q_cjs = require('./chunk-4TIAKZ4Q.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');
@@ -203,8 +203,8 @@ function Switch({
 }) {
   const inputId = react.useId();
   const descriptionID = chunkQAO6QMNQ_cjs.isReactNode(description) ? `${inputId}-description` : void 0;
-  const statusMessageID = chunk2P6D43V2_cjs.getStatusMessageID(inputId, status);
-  const describedBy = chunk2P6D43V2_cjs.getDescribedBy(descriptionID, statusMessageID);
+  const statusMessageID = chunkXPHXAZCE_cjs.getStatusMessageID(inputId, status);
+  const describedBy = chunkXPHXAZCE_cjs.getDescribedBy(descriptionID, statusMessageID);
   const requirednessText = isOptional ? "Optional" : isRequired ? "Required" : null;
   const classes = switchRecipe({
     labelSpacing,
@@ -240,27 +240,27 @@ 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(chunkSBS7U7CN_cjs.Spinner, { size: "sm" }) : null })
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.thumb, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkBSI4BQEX_cjs.Spinner, { size: "sm" }) : null })
       }
     ),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkGYVWTH3U_cjs.VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", children: "Loading" }) }) : null
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MXK2SDR_cjs.VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", children: "Loading" }) }) : null
   ] });
   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(chunk4TIAKZ4Q_cjs.Icon, { color: "secondary", icon: labelIcon, size: "sm" }) }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(chunkM26XECB2_cjs.Text, { as: "span", color: "inherit", type: "label", children: label }),
-      requirednessText != null ? /* @__PURE__ */ jsxRuntime.jsxs(chunkM26XECB2_cjs.Text, { as: "span", className: classes.requiredness, type: "supporting", 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(chunk3Z5PF75J_cjs.Text, { as: "span", color: "inherit", type: "label", children: label }),
+      requirednessText != null ? /* @__PURE__ */ jsxRuntime.jsxs(chunk3Z5PF75J_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(chunk7CCXHH6Y_cjs.Tooltip, { content: labelTooltip, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes.tooltipIcon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4TIAKZ4Q_cjs.Icon, { icon: lucideReact.Info, size: "sm" }) }) }) : null
+      chunkQAO6QMNQ_cjs.isReactNode(labelTooltip) ? /* @__PURE__ */ jsxRuntime.jsx(chunkJSAYTQTJ_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(chunkM26XECB2_cjs.Text, { as: "span", color: "secondary", id: descriptionID, type: "supporting", children: description }) : null
+    chunkQAO6QMNQ_cjs.isReactNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(chunk3Z5PF75J_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: [
-      labelPosition === "start" ? isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunkGYVWTH3U_cjs.VisuallyHidden, { children: labelNode }) : labelNode : control,
-      labelPosition === "start" ? control : isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunkGYVWTH3U_cjs.VisuallyHidden, { children: labelNode }) : labelNode
+      labelPosition === "start" ? isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MXK2SDR_cjs.VisuallyHidden, { children: labelNode }) : labelNode : control,
+      labelPosition === "start" ? control : isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MXK2SDR_cjs.VisuallyHidden, { children: labelNode }) : labelNode
     ] }),
     status?.message != null ? /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -277,5 +277,5 @@ function Switch({
 Switch.displayName = "Switch";
 
 exports.Switch = Switch;
-//# sourceMappingURL=chunk-BULJWVPU.cjs.map
-//# sourceMappingURL=chunk-BULJWVPU.cjs.map
+//# sourceMappingURL=chunk-PGTOVMP7.cjs.map
+//# sourceMappingURL=chunk-PGTOVMP7.cjs.map

package/dist/{chunk-BULJWVPU.cjs.map → chunk-PGTOVMP7.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":"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","file":"chunk-BULJWVPU.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 {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport isReactNode from '../../internal/isReactNode';\nimport type {FieldNecessity, InputStatus} from '../Field';\nimport {getDescribedBy, getStatusMessageID} from '../Field/inputUtils';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Spinner} from '../Spinner';\nimport {Text} from '../Text';\nimport {Tooltip} from '../Tooltip';\nimport {switchRecipe} from './Switch.recipe';\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":";;;;;;;;;;;;;;;;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-PGTOVMP7.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-2OXKEUKG.cjs → chunk-PKZSJX53.cjs}

@@ -13,5 +13,5 @@ function useButtonGroup() {
 
 exports.ButtonGroupContext = ButtonGroupContext;
 exports.useButtonGroup = useButtonGroup;
-//# sourceMappingURL=chunk-2OXKEUKG.cjs.map
-//# sourceMappingURL=chunk-2OXKEUKG.cjs.map
+//# sourceMappingURL=chunk-PKZSJX53.cjs.map
+//# sourceMappingURL=chunk-PKZSJX53.cjs.map

package/dist/chunk-PKZSJX53.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ButtonGroup/ButtonGroupContext.ts"],"names":["createContext","use"],"mappings":";;;;;AAWO,IAAM,kBAAA,GAAqBA,mBAAA;AAAA,EAChC;AACF;AACA,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AAE1B,SAAS,cAAA,GAAiD;AAC/D,EAAA,OAAOC,UAAI,kBAAkB,CAAA;AAC/B","file":"chunk-PKZSJX53.cjs","sourcesContent":["import {createContext, use} from 'react';\nimport type {ButtonSize} from 'components/Button/Button';\n\nexport type ButtonGroupOrientation = 'horizontal' | 'vertical';\n\nexport interface ButtonGroupContextValue {\n  isDisabled: boolean;\n  orientation: ButtonGroupOrientation;\n  size: ButtonSize;\n}\n\nexport const ButtonGroupContext = createContext<ButtonGroupContextValue | null>(\n  null,\n);\nButtonGroupContext.displayName = 'ButtonGroupContext';\n\nexport function useButtonGroup(): ButtonGroupContextValue | null {\n  return use(ButtonGroupContext);\n}\n"]}

package/dist/chunk-PZHRFASW.js

@@ -0,0 +1,36 @@
+import { useEffect } from 'react';
+
+// src/internal/useScrollLock.ts
+var lockCount = 0;
+var previousOverflow = "";
+var previousPaddingRight = "";
+function useScrollLock(isLocked) {
+  useEffect(() => {
+    if (!isLocked) {
+      return;
+    }
+    if (lockCount === 0) {
+      const { body, documentElement } = document;
+      previousOverflow = body.style.overflow;
+      previousPaddingRight = body.style.paddingRight;
+      const scrollbarWidth = window.innerWidth - documentElement.clientWidth;
+      if (documentElement.clientWidth > 0 && scrollbarWidth > 0) {
+        const basePadding = parseFloat(window.getComputedStyle(body).paddingRight) || 0;
+        body.style.paddingRight = `${basePadding + scrollbarWidth}px`;
+      }
+      body.style.overflow = "hidden";
+    }
+    lockCount += 1;
+    return () => {
+      lockCount -= 1;
+      if (lockCount === 0) {
+        document.body.style.overflow = previousOverflow;
+        document.body.style.paddingRight = previousPaddingRight;
+      }
+    };
+  }, [isLocked]);
+}
+
+export { useScrollLock };
+//# sourceMappingURL=chunk-PZHRFASW.js.map
+//# sourceMappingURL=chunk-PZHRFASW.js.map

package/dist/chunk-PZHRFASW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/useScrollLock.ts"],"names":[],"mappings":";;;AAOA,IAAI,SAAA,GAAY,CAAA;AAChB,IAAI,gBAAA,GAAmB,EAAA;AACvB,IAAI,oBAAA,GAAuB,EAAA;AAQpB,SAAS,cAAc,QAAA,EAAyB;AACrD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,cAAc,CAAA,EAAG;AACnB,MAAA,MAAM,EAAC,IAAA,EAAM,eAAA,EAAe,GAAI,QAAA;AAChC,MAAA,gBAAA,GAAmB,KAAK,KAAA,CAAM,QAAA;AAC9B,MAAA,oBAAA,GAAuB,KAAK,KAAA,CAAM,YAAA;AAKlC,MAAA,MAAM,cAAA,GAAiB,MAAA,CAAO,UAAA,GAAa,eAAA,CAAgB,WAAA;AAC3D,MAAA,IAAI,eAAA,CAAgB,WAAA,GAAc,CAAA,IAAK,cAAA,GAAiB,CAAA,EAAG;AACzD,QAAA,MAAM,cACJ,UAAA,CAAW,MAAA,CAAO,iBAAiB,IAAI,CAAA,CAAE,YAAY,CAAA,IAAK,CAAA;AAC5D,QAAA,IAAA,CAAK,KAAA,CAAM,YAAA,GAAe,CAAA,EAAG,WAAA,GAAc,cAAc,CAAA,EAAA,CAAA;AAAA,MAC3D;AACA,MAAA,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AAAA,IACxB;AACA,IAAA,SAAA,IAAa,CAAA;AAEb,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,IAAa,CAAA;AACb,MAAA,IAAI,cAAc,CAAA,EAAG;AACnB,QAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,gBAAA;AAC/B,QAAA,QAAA,CAAS,IAAA,CAAK,MAAM,YAAA,GAAe,oBAAA;AAAA,MACrC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AACf","file":"chunk-PZHRFASW.js","sourcesContent":["import {useEffect} from 'react';\n\n// Module-level reference count so overlapping locks cooperate: e.g. a Lightbox\n// opened from within a Dialog. The body is unlocked only once every active lock\n// has been released. Without this shared count, an out-of-order unmount would\n// either unlock the body too early or leave it permanently locked, since each\n// component would save and restore `overflow` independently.\nlet lockCount = 0;\nlet previousOverflow = '';\nlet previousPaddingRight = '';\n\n/**\n * Locks body scroll while `isLocked` is true. Safe to call from multiple\n * components whose locks overlap; the body is restored only when the last one\n * releases. Compensates for the removed scrollbar width to avoid a layout\n * shift when the lock engages.\n */\nexport function useScrollLock(isLocked: boolean): void {\n  useEffect(() => {\n    if (!isLocked) {\n      return;\n    }\n\n    if (lockCount === 0) {\n      const {body, documentElement} = document;\n      previousOverflow = body.style.overflow;\n      previousPaddingRight = body.style.paddingRight;\n\n      // Reserve space for the scrollbar that `overflow: hidden` removes. Guard\n      // against environments without layout (e.g. jsdom reports clientWidth 0),\n      // where the difference is meaningless.\n      const scrollbarWidth = window.innerWidth - documentElement.clientWidth;\n      if (documentElement.clientWidth > 0 && scrollbarWidth > 0) {\n        const basePadding =\n          parseFloat(window.getComputedStyle(body).paddingRight) || 0;\n        body.style.paddingRight = `${basePadding + scrollbarWidth}px`;\n      }\n      body.style.overflow = 'hidden';\n    }\n    lockCount += 1;\n\n    return () => {\n      lockCount -= 1;\n      if (lockCount === 0) {\n        document.body.style.overflow = previousOverflow;\n        document.body.style.paddingRight = previousPaddingRight;\n      }\n    };\n  }, [isLocked]);\n}\n"]}

package/dist/{chunk-VUCMGGU5.js → chunk-Q3HMGFGI.js}

@@ -1,17 +1,17 @@
-import { VStack, HStack } from './chunk-2XAA3CM5.js';
-import { TagsInput } from './chunk-J5IRFGUP.js';
-import { Select } from './chunk-LQIZSE3O.js';
-import { NumberInput } from './chunk-DWUEPOYH.js';
-import { TextInput } from './chunk-G2U2W422.js';
-import { TimeInput } from './chunk-S7INL5NI.js';
-import { DateInput } from './chunk-BSAZRW6T.js';
-import { plainDateFromUnixSeconds, plainDateToUnixSeconds } from './chunk-QSEDH7T2.js';
-import { AutocompleteInputItem, createStaticSearchSource, AutocompleteInput } from './chunk-SBOXHIES.js';
-import { Tag } from './chunk-AFI4V7LI.js';
-import { Popover } from './chunk-ZAX2UJBC.js';
+import { VStack, HStack } from './chunk-5ZU7FY4O.js';
+import { TagsInput } from './chunk-LBGC6EC5.js';
+import { Select } from './chunk-LKGHYNLH.js';
+import { NumberInput } from './chunk-ADSG24VE.js';
+import { TextInput } from './chunk-CUHJDV6K.js';
+import { TimeInput } from './chunk-XHJRAEGW.js';
+import { DateInput } from './chunk-75KSHZTV.js';
+import { plainDateFromUnixSeconds, plainDateToUnixSeconds } from './chunk-5HPXUDX6.js';
 import { getBrowserTimezoneID, nowEpochMilliseconds } from './chunk-OX4ZMUF4.js';
-import { Button } from './chunk-2LABTS4P.js';
-import { Text } from './chunk-QRFDPG34.js';
+import { AutocompleteInputItem, createStaticSearchSource, AutocompleteInput } from './chunk-OERNLR2P.js';
+import { Tag } from './chunk-KC4EKXGF.js';
+import { Popover } from './chunk-S5CMLG2E.js';
+import { Button } from './chunk-THTVYP5V.js';
+import { Text } from './chunk-RJEZBOSH.js';
 import { css } from './chunk-OD4DHHZH.js';
 import { Search, X } from 'lucide-react';
 import { useState, useRef, useEffect, useMemo, useImperativeHandle, useCallback } from 'react';
@@ -146,7 +146,7 @@ function TimeEditor({
           onChange({ type: "time", value: value.toString() });
         }
       },
-      value: filterValue?.type === "time" ? Temporal.PlainTime.from(filterValue.value) : void 0
+      value: filterValue?.type === "time" ? Temporal.PlainTime.from(filterValue.value) : null
     }
   );
 }
@@ -168,7 +168,7 @@ function DateAbsoluteEditor({
           });
         }
       },
-      value: filterValue?.type === "date_absolute" ? plainDateFromUnixSeconds(filterValue.unixSeconds, timezoneID) : void 0
+      value: filterValue?.type === "date_absolute" ? plainDateFromUnixSeconds(filterValue.unixSeconds, timezoneID) : null
     }
   );
 }
@@ -226,8 +226,8 @@ function DateRangeEditor({
   const startValue = filterValue?.type === "date_range" && filterValue.value.start.type === "ABSOLUTE" ? plainDateFromUnixSeconds(
     filterValue.value.start.unixSeconds,
     timezoneID
-  ) : void 0;
-  const endValue = filterValue?.type === "date_range" && filterValue.value.end.type === "ABSOLUTE" ? plainDateFromUnixSeconds(filterValue.value.end.unixSeconds, timezoneID) : void 0;
+  ) : null;
+  const endValue = filterValue?.type === "date_range" && filterValue.value.end.type === "ABSOLUTE" ? plainDateFromUnixSeconds(filterValue.value.end.unixSeconds, timezoneID) : null;
   const handleStartChange = useCallback(
     (value) => {
       const existingEnd = filterValue?.type === "date_range" ? filterValue.value.end : { type: "NOW" };
@@ -404,7 +404,6 @@ function SearchFilterInputValueEditor({
   filterValue,
   isDisabled,
   onChange,
-  onEnter,
   operatorValue,
   timezoneID
 }) {
@@ -744,21 +743,20 @@ function NestedEditor({
   });
   const syncToParent = useCallback(
     (nextSubFilters) => {
-      if (nextSubFilters.length > 0 && nextSubFilters.every((filter) => isEditableFilterComplete(config, filter))) {
-        onPartialFilterChange({
-          ...partialFilter,
-          value: {
-            type: "nested",
-            value: nextSubFilters.map((filter) => editableToCompleteFilter(config, filter)).filter(
-              (filter) => filter != null
-            )
-          }
-        });
-      } else {
-        onPartialFilterChange({ ...partialFilter, value: void 0 });
-      }
+      const isComplete = nextSubFilters.length > 0 && nextSubFilters.every(
+        (filter) => isEditableFilterComplete(config, filter)
+      );
+      onPartialFilterChange((previous) => ({
+        ...previous,
+        value: isComplete ? {
+          type: "nested",
+          value: nextSubFilters.map((filter) => editableToCompleteFilter(config, filter)).filter(
+            (filter) => filter != null
+          )
+        } : void 0
+      }));
     },
-    [config, onPartialFilterChange, partialFilter]
+    [config, onPartialFilterChange]
   );
   const addSubFilter = () => {
     const fields = config.getVisibleFields();
@@ -773,26 +771,21 @@ function NestedEditor({
       value: void 0,
       _subFilters: operator?.value.type === "nested" ? [] : void 0
     };
-    setSubFilters((previous) => {
-      const updated = [...previous, next];
-      syncToParent(updated);
-      return updated;
-    });
+    const updated = [...subFilters, next];
+    setSubFilters(updated);
+    syncToParent(updated);
   };
   const updateSubFilter = (index, nextSubFilter) => {
-    setSubFilters((previous) => {
-      const updated = [...previous];
-      updated[index] = nextSubFilter;
-      syncToParent(updated);
-      return updated;
-    });
+    const updated = subFilters.map(
+      (subFilter, i) => i === index ? nextSubFilter : subFilter
+    );
+    setSubFilters(updated);
+    syncToParent(updated);
   };
   const removeSubFilter = (index) => {
-    setSubFilters((previous) => {
-      const updated = previous.filter((_, i) => i !== index);
-      syncToParent(updated);
-      return updated;
-    });
+    const updated = subFilters.filter((_, i) => i !== index);
+    setSubFilters(updated);
+    syncToParent(updated);
   };
   return /* @__PURE__ */ jsxs(VStack, { gap: 2, children: [
     operatorOptions.length > 1 ? /* @__PURE__ */ jsx(
@@ -996,7 +989,6 @@ function SearchFilterInputEditPopover({
                     });
                   }
                 },
-                onEnter: handleSave,
                 operatorValue
               }
             ) }) : null
@@ -1034,7 +1026,7 @@ function numberValue(value, units) {
   const formatted = new Intl.NumberFormat().format(value);
   return units == null ? formatted : `${formatted} ${units}`;
 }
-function formatFilterValue(_config, operatorValue, filterValue, maxLength, timezoneID) {
+function formatFilterValue(operatorValue, filterValue, maxLength, timezoneID) {
   switch (filterValue.type) {
     case "empty":
       return "";
@@ -1385,7 +1377,6 @@ function SearchFilterInput({
       const operator = config.getOperator(filter.field, filter.operator);
       const operatorLabel = operator?.label ? ` ${operator.label}` : "";
       const value = operator == null ? "" : formatFilterValue(
-        config,
         operator.value,
         filter.value,
         maxTagLength,
@@ -1523,7 +1514,6 @@ function SearchFilterInput({
       );
     }
     const value = operator != null && filter != null ? formatFilterValue(
-      config,
       operator.value,
       filter.value,
       Math.max(
@@ -1664,7 +1654,7 @@ function SearchFilterInput({
         content: editorContent,
         hasAutoFocus: false,
         hasCloseButton: false,
-        hasLightDismiss: false,
+        isDismissable: false,
         isOpen: popoverState.type !== "idle",
         onOpenChange: (isOpen) => {
           if (!isOpen) {
@@ -1723,7 +1713,6 @@ function getSingleEntityPhoto(value) {
   return void 0;
 }
 function SearchFilterInputTag({
-  config: configFromProps,
   field,
   filter,
   isDisabled,
@@ -1732,14 +1721,12 @@ function SearchFilterInputTag({
   onRemove,
   operator
 }) {
-  const config = useInternalSearchFilterInputConfig(configFromProps);
   const tagLabel = `${field.label}${operator.label ? ` ${operator.label}` : ""}`;
   const adjustedMaxLength = Math.max(
     maxLength - field.label.length - operator.label.length,
     10
   );
   const value = formatFilterValue(
-    config,
     operator.value,
     filter.value,
     adjustedMaxLength
@@ -2101,5 +2088,5 @@ function useSearchFilterInputConfig(definitions, configName) {
 }
 
 export { SearchFilterInput, SearchFilterInputEditPopover, SearchFilterInputFilterEditor, SearchFilterInputTag, createSearchFilterInputConfig, formatFilterValue, useSearchFilterInputConfig, useSearchFilterInputSource };
-//# sourceMappingURL=chunk-VUCMGGU5.js.map
-//# sourceMappingURL=chunk-VUCMGGU5.js.map
+//# sourceMappingURL=chunk-Q3HMGFGI.js.map
+//# sourceMappingURL=chunk-Q3HMGFGI.js.map