silver-ui 0.1.1 → 0.3.0

package/dist/chunk-OZNNBPMP.cjs

@@ -1,288 +0,0 @@
-'use strict';
-
-var chunk5G3BY75L_cjs = require('./chunk-5G3BY75L.cjs');
-var chunk2WP6NYYY_cjs = require('./chunk-2WP6NYYY.cjs');
-var chunk47BELFYO_cjs = require('./chunk-47BELFYO.cjs');
-var chunk2QM5XBX4_cjs = require('./chunk-2QM5XBX4.cjs');
-var chunkMKAOIB2O_cjs = require('./chunk-MKAOIB2O.cjs');
-var chunkPHFEQG4E_cjs = require('./chunk-PHFEQG4E.cjs');
-var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
-var lucideReact = require('lucide-react');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var styles = {
-  field: chunkAZDWQGAX_cjs.css({
-    display: "flex",
-    flexDirection: "column",
-    gap: "1",
-    w: "fit-content"
-  }),
-  spreadField: chunkAZDWQGAX_cjs.css({
-    w: "full"
-  }),
-  row: chunkAZDWQGAX_cjs.css({
-    display: "flex",
-    alignItems: "center",
-    gap: "2"
-  }),
-  spread: chunkAZDWQGAX_cjs.css({
-    justifyContent: "space-between",
-    w: "full"
-  }),
-  labelWrapper: chunkAZDWQGAX_cjs.css({
-    display: "flex",
-    flexDirection: "column",
-    gap: "0.5",
-    minW: 0
-  }),
-  label: chunkAZDWQGAX_cjs.css({
-    display: "inline-flex",
-    alignItems: "center",
-    gap: "1",
-    w: "fit-content",
-    color: "fg.muted",
-    cursor: "pointer"
-  }),
-  labelDisabled: chunkAZDWQGAX_cjs.css({
-    color: "fg.disabled",
-    cursor: "not-allowed"
-  }),
-  labelIcon: chunkAZDWQGAX_cjs.css({
-    display: "inline-flex",
-    alignItems: "center"
-  }),
-  requiredness: chunkAZDWQGAX_cjs.css({
-    fontWeight: "normal",
-    color: "fg.muted"
-  }),
-  tooltipIcon: chunkAZDWQGAX_cjs.css({
-    display: "inline-flex",
-    color: "fg.muted"
-  }),
-  status: chunkAZDWQGAX_cjs.css({
-    fontFamily: "body",
-    fontSize: "sm",
-    lineHeight: "normal",
-    px: "2",
-    py: "1.5",
-    mt: "1",
-    borderRadius: "md"
-  }),
-  statusColor: {
-    warning: chunkAZDWQGAX_cjs.css({ bg: "surface.yellow", color: "surface.yellow.fg" }),
-    error: chunkAZDWQGAX_cjs.css({ bg: "surface.red", color: "surface.red.fg" }),
-    success: chunkAZDWQGAX_cjs.css({ bg: "surface.green", color: "surface.green.fg" })
-  },
-  control: chunkAZDWQGAX_cjs.css({
-    position: "relative",
-    display: "inline-flex",
-    alignItems: "center",
-    flexShrink: 0,
-    w: "10",
-    h: "6",
-    borderRadius: "full",
-    isolation: "isolate",
-    "&:has(input:focus-visible)": {
-      outlineWidth: "focus",
-      outlineStyle: "solid",
-      outlineColor: "primary",
-      outlineOffset: "focusOffset"
-    },
-    '& [data-switch-track][data-selected="true"]': {
-      bg: "primary"
-    },
-    "&:has(input:active:not(:disabled)) [data-switch-track]": {
-      bg: "primary.active"
-    }
-  }),
-  input: chunkAZDWQGAX_cjs.css({
-    position: "absolute",
-    inset: 0,
-    m: 0,
-    p: 0,
-    opacity: 0,
-    cursor: "pointer",
-    zIndex: 1,
-    _disabled: {
-      cursor: "not-allowed"
-    }
-  }),
-  track: chunkAZDWQGAX_cjs.css({
-    display: "flex",
-    alignItems: "center",
-    w: "10",
-    h: "6",
-    p: "1",
-    borderRadius: "full",
-    bg: "track.emphasized",
-    transitionProperty: "background-color",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default",
-    pointerEvents: "none",
-    "@media (prefers-reduced-motion: reduce)": {
-      transitionDuration: "0s"
-    }
-  }),
-  trackOn: chunkAZDWQGAX_cjs.css({
-    bg: "primary"
-  }),
-  trackDisabled: chunkAZDWQGAX_cjs.css({
-    opacity: 0.5
-  }),
-  thumb: chunkAZDWQGAX_cjs.css({
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    w: "4",
-    h: "4",
-    borderRadius: "full",
-    bg: "bg",
-    color: "primary",
-    transform: "translateX(0)",
-    transitionProperty: "transform",
-    transitionDuration: "fast",
-    transitionTimingFunction: "default",
-    "@media (prefers-reduced-motion: reduce)": {
-      transitionDuration: "0s"
-    }
-  }),
-  thumbOn: chunkAZDWQGAX_cjs.css({
-    transform: "translateX(16px)"
-  })
-};
-function Switch({
-  className,
-  "data-testid": dataTestId,
-  description,
-  isDisabled = false,
-  isLabelHidden = false,
-  isLoading = false,
-  isOptional,
-  isRequired,
-  label,
-  labelIcon,
-  labelTooltip,
-  labelPosition = "end",
-  labelSpacing = "default",
-  onBlur,
-  onChange,
-  onFocus,
-  ref,
-  status,
-  style,
-  isSelected
-}) {
-  const inputId = react.useId();
-  const descriptionID = description != null ? `${inputId}-description` : void 0;
-  const statusMessageID = chunk5G3BY75L_cjs.getStatusMessageID(inputId, status);
-  const describedBy = chunk5G3BY75L_cjs.getDescribedBy(descriptionID, statusMessageID);
-  const requirednessText = isOptional ? "Optional" : isRequired ? "Required" : null;
-  const control = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.control, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        "aria-busy": isLoading || void 0,
-        "aria-describedby": describedBy,
-        "aria-invalid": status?.type === "error" || void 0,
-        checked: isSelected,
-        className: styles.input,
-        "data-testid": dataTestId,
-        disabled: isDisabled,
-        id: inputId,
-        onBlur,
-        onChange: (event) => onChange(event.target.checked, event),
-        onFocus,
-        ref,
-        required: isRequired,
-        role: "switch",
-        type: "checkbox"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: chunkSPDVNY2Z_cjs.cx(
-          styles.track,
-          isSelected ? styles.trackOn : void 0,
-          isDisabled ? styles.trackDisabled : void 0
-        ),
-        "data-selected": isSelected ? "true" : void 0,
-        "data-switch-track": "",
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: chunkSPDVNY2Z_cjs.cx(styles.thumb, isSelected ? styles.thumbOn : void 0),
-            children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk2WP6NYYY_cjs.Spinner, { size: "sm" }) : null
-          }
-        )
-      }
-    ),
-    isLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunk2QM5XBX4_cjs.VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", children: "Loading" }) }) : null
-  ] });
-  const labelNode = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.labelWrapper, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "label",
-      {
-        className: chunkSPDVNY2Z_cjs.cx(
-          styles.label,
-          isDisabled ? styles.labelDisabled : void 0
-        ),
-        htmlFor: inputId,
-        children: [
-          labelIcon != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.labelIcon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { color: "secondary", icon: labelIcon, size: "sm" }) }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "span", color: "inherit", type: "label", children: label }),
-          requirednessText != null ? /* @__PURE__ */ jsxRuntime.jsxs(chunk47BELFYO_cjs.Text, { as: "span", className: styles.requiredness, type: "supporting", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: " \xB7 " }),
-            requirednessText
-          ] }) : null,
-          labelTooltip != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkMKAOIB2O_cjs.Tooltip, { content: labelTooltip, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.tooltipIcon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { icon: lucideReact.Info, size: "sm" }) }) }) : null
-        ]
-      }
-    ),
-    description != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { as: "span", color: "secondary", id: descriptionID, type: "supporting", children: description }) : null
-  ] });
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: chunkSPDVNY2Z_cjs.cx(
-        styles.field,
-        labelSpacing === "spread" ? styles.spreadField : void 0,
-        className
-      ),
-      style,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: chunkSPDVNY2Z_cjs.cx(
-              styles.row,
-              labelSpacing === "spread" ? styles.spread : void 0
-            ),
-            children: [
-              labelPosition === "start" ? isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunk2QM5XBX4_cjs.VisuallyHidden, { children: labelNode }) : labelNode : control,
-              labelPosition === "start" ? control : isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunk2QM5XBX4_cjs.VisuallyHidden, { children: labelNode }) : labelNode
-            ]
-          }
-        ),
-        status?.message != null ? /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            "aria-live": status.type === "error" ? "assertive" : "polite",
-            className: chunkSPDVNY2Z_cjs.cx(styles.status, styles.statusColor[status.type]),
-            id: statusMessageID,
-            role: status.type === "error" ? "alert" : "status",
-            children: status.message
-          }
-        ) : null
-      ]
-    }
-  );
-}
-Switch.displayName = "Switch";
-
-exports.Switch = Switch;
-//# sourceMappingURL=chunk-OZNNBPMP.cjs.map
-//# sourceMappingURL=chunk-OZNNBPMP.cjs.map

package/dist/chunk-OZNNBPMP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Switch/Switch.tsx"],"names":["css","useId","getStatusMessageID","getDescribedBy","jsxs","jsx","cx","Spinner","VisuallyHidden","Icon","Text","Tooltip","Info"],"mappings":";;;;;;;;;;;;;;AAsGA,IAAM,MAAA,GAAS;AAAA,EACb,OAAOA,qBAAA,CAAI;AAAA,IACT,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,GAAA,EAAK,GAAA;AAAA,IACL,CAAA,EAAG;AAAA,GACJ,CAAA;AAAA,EACD,aAAaA,qBAAA,CAAI;AAAA,IACf,CAAA,EAAG;AAAA,GACJ,CAAA;AAAA,EACD,KAAKA,qBAAA,CAAI;AAAA,IACP,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK;AAAA,GACN,CAAA;AAAA,EACD,QAAQA,qBAAA,CAAI;AAAA,IACV,cAAA,EAAgB,eAAA;AAAA,IAChB,CAAA,EAAG;AAAA,GACJ,CAAA;AAAA,EACD,cAAcA,qBAAA,CAAI;AAAA,IAChB,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,GAAA,EAAK,KAAA;AAAA,IACL,IAAA,EAAM;AAAA,GACP,CAAA;AAAA,EACD,OAAOA,qBAAA,CAAI;AAAA,IACT,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,GAAA;AAAA,IACL,CAAA,EAAG,aAAA;AAAA,IACH,KAAA,EAAO,UAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACT,CAAA;AAAA,EACD,eAAeA,qBAAA,CAAI;AAAA,IACjB,KAAA,EAAO,aAAA;AAAA,IACP,MAAA,EAAQ;AAAA,GACT,CAAA;AAAA,EACD,WAAWA,qBAAA,CAAI;AAAA,IACb,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY;AAAA,GACb,CAAA;AAAA,EACD,cAAcA,qBAAA,CAAI;AAAA,IAChB,UAAA,EAAY,QAAA;AAAA,IACZ,KAAA,EAAO;AAAA,GACR,CAAA;AAAA,EACD,aAAaA,qBAAA,CAAI;AAAA,IACf,OAAA,EAAS,aAAA;AAAA,IACT,KAAA,EAAO;AAAA,GACR,CAAA;AAAA,EACD,QAAQA,qBAAA,CAAI;AAAA,IACV,UAAA,EAAY,MAAA;AAAA,IACZ,QAAA,EAAU,IAAA;AAAA,IACV,UAAA,EAAY,QAAA;AAAA,IACZ,EAAA,EAAI,GAAA;AAAA,IACJ,EAAA,EAAI,KAAA;AAAA,IACJ,EAAA,EAAI,GAAA;AAAA,IACJ,YAAA,EAAc;AAAA,GACf,CAAA;AAAA,EACD,WAAA,EAAa;AAAA,IACX,SAASA,qBAAA,CAAI,EAAC,IAAI,gBAAA,EAAkB,KAAA,EAAO,qBAAoB,CAAA;AAAA,IAC/D,OAAOA,qBAAA,CAAI,EAAC,IAAI,aAAA,EAAe,KAAA,EAAO,kBAAiB,CAAA;AAAA,IACvD,SAASA,qBAAA,CAAI,EAAC,IAAI,eAAA,EAAiB,KAAA,EAAO,oBAAmB;AAAA,GAC/D;AAAA,EACA,SAASA,qBAAA,CAAI;AAAA,IACX,QAAA,EAAU,UAAA;AAAA,IACV,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY,CAAA;AAAA,IACZ,CAAA,EAAG,IAAA;AAAA,IACH,CAAA,EAAG,GAAA;AAAA,IACH,YAAA,EAAc,MAAA;AAAA,IACd,SAAA,EAAW,SAAA;AAAA,IACX,4BAAA,EAA8B;AAAA,MAC5B,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,SAAA;AAAA,MACd,aAAA,EAAe;AAAA,KACjB;AAAA,IACA,6CAAA,EAA+C;AAAA,MAC7C,EAAA,EAAI;AAAA,KACN;AAAA,IACA,wDAAA,EAA0D;AAAA,MACxD,EAAA,EAAI;AAAA;AACN,GACD,CAAA;AAAA,EACD,OAAOA,qBAAA,CAAI;AAAA,IACT,QAAA,EAAU,UAAA;AAAA,IACV,KAAA,EAAO,CAAA;AAAA,IACP,CAAA,EAAG,CAAA;AAAA,IACH,CAAA,EAAG,CAAA;AAAA,IACH,OAAA,EAAS,CAAA;AAAA,IACT,MAAA,EAAQ,SAAA;AAAA,IACR,MAAA,EAAQ,CAAA;AAAA,IACR,SAAA,EAAW;AAAA,MACT,MAAA,EAAQ;AAAA;AACV,GACD,CAAA;AAAA,EACD,OAAOA,qBAAA,CAAI;AAAA,IACT,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,CAAA,EAAG,IAAA;AAAA,IACH,CAAA,EAAG,GAAA;AAAA,IACH,CAAA,EAAG,GAAA;AAAA,IACH,YAAA,EAAc,MAAA;AAAA,IACd,EAAA,EAAI,kBAAA;AAAA,IACJ,kBAAA,EAAoB,kBAAA;AAAA,IACpB,kBAAA,EAAoB,MAAA;AAAA,IACpB,wBAAA,EAA0B,SAAA;AAAA,IAC1B,aAAA,EAAe,MAAA;AAAA,IACf,yCAAA,EAA2C;AAAA,MACzC,kBAAA,EAAoB;AAAA;AACtB,GACD,CAAA;AAAA,EACD,SAASA,qBAAA,CAAI;AAAA,IACX,EAAA,EAAI;AAAA,GACL,CAAA;AAAA,EACD,eAAeA,qBAAA,CAAI;AAAA,IACjB,OAAA,EAAS;AAAA,GACV,CAAA;AAAA,EACD,OAAOA,qBAAA,CAAI;AAAA,IACT,OAAA,EAAS,aAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,CAAA,EAAG,GAAA;AAAA,IACH,CAAA,EAAG,GAAA;AAAA,IACH,YAAA,EAAc,MAAA;AAAA,IACd,EAAA,EAAI,IAAA;AAAA,IACJ,KAAA,EAAO,SAAA;AAAA,IACP,SAAA,EAAW,eAAA;AAAA,IACX,kBAAA,EAAoB,WAAA;AAAA,IACpB,kBAAA,EAAoB,MAAA;AAAA,IACpB,wBAAA,EAA0B,SAAA;AAAA,IAC1B,yCAAA,EAA2C;AAAA,MACzC,kBAAA,EAAoB;AAAA;AACtB,GACD,CAAA;AAAA,EACD,SAASA,qBAAA,CAAI;AAAA,IACX,SAAA,EAAW;AAAA,GACZ;AACH,CAAA;AAKO,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,aAAA,GACJ,WAAA,IAAe,IAAA,GAAO,CAAA,EAAG,OAAO,CAAA,YAAA,CAAA,GAAiB,MAAA;AACnD,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,OAAA,mBACJC,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,OAAA,EACtB,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,MAAA,CAAO,KAAA;AAAA,QAClB,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,SAAA,EAAWC,oBAAA;AAAA,UACT,MAAA,CAAO,KAAA;AAAA,UACP,UAAA,GAAa,OAAO,OAAA,GAAU,MAAA;AAAA,UAC9B,UAAA,GAAa,OAAO,aAAA,GAAgB;AAAA,SACtC;AAAA,QACA,eAAA,EAAe,aAAa,MAAA,GAAS,MAAA;AAAA,QACrC,mBAAA,EAAkB,EAAA;AAAA,QAClB,QAAA,kBAAAD,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAWC,oBAAA,CAAG,MAAA,CAAO,OAAO,UAAA,GAAa,MAAA,CAAO,UAAU,MAAS,CAAA;AAAA,YAClE,QAAA,EAAA,SAAA,mBAAYD,cAAA,CAACE,yBAAA,EAAA,EAAQ,IAAA,EAAK,MAAK,CAAA,GAAK;AAAA;AAAA;AACvC;AAAA,KACF;AAAA,IACC,SAAA,kCACEC,gCAAA,EAAA,EACC,QAAA,kBAAAH,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,OAAO,YAAA,EACrB,QAAA,EAAA;AAAA,oBAAAA,eAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWE,oBAAA;AAAA,UACT,MAAA,CAAO,KAAA;AAAA,UACP,UAAA,GAAa,OAAO,aAAA,GAAgB;AAAA,SACtC;AAAA,QACA,OAAA,EAAS,OAAA;AAAA,QACR,QAAA,EAAA;AAAA,UAAA,SAAA,IAAa,IAAA,mBACZD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,SAAA,EACtB,QAAA,kBAAAA,cAAA,CAACI,sBAAA,EAAA,EAAK,KAAA,EAAM,aAAY,IAAA,EAAM,SAAA,EAAW,IAAA,EAAK,IAAA,EAAK,GACrD,CAAA,GACE,IAAA;AAAA,0BACJJ,cAAA,CAACK,0BAAK,EAAA,EAAG,MAAA,EAAO,OAAM,SAAA,EAAU,IAAA,EAAK,SAClC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UACC,gBAAA,IAAoB,IAAA,mBACnBN,eAAA,CAACM,sBAAA,EAAA,EAAK,EAAA,EAAG,QAAO,SAAA,EAAW,MAAA,CAAO,YAAA,EAAc,IAAA,EAAK,YAAA,EACnD,QAAA,EAAA;AAAA,4BAAAL,cAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,QAAA,EAAA,QAAA,EAAG,CAAA;AAAA,YAC3B;AAAA,WAAA,EACH,CAAA,GACE,IAAA;AAAA,UACH,gBAAgB,IAAA,mBACfA,cAAA,CAACM,6BAAQ,OAAA,EAAS,YAAA,EAChB,yCAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,WAAA,EACtB,QAAA,kBAAAN,cAAA,CAACI,0BAAK,IAAA,EAAMG,gBAAA,EAAM,MAAK,IAAA,EAAK,CAAA,EAC9B,GACF,CAAA,GACE;AAAA;AAAA;AAAA,KACN;AAAA,IACC,WAAA,IAAe,IAAA,mBACdP,cAAA,CAACK,sBAAA,EAAA,EAAK,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,uBACEN,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWE,oBAAA;AAAA,QACT,MAAA,CAAO,KAAA;AAAA,QACP,YAAA,KAAiB,QAAA,GAAW,MAAA,CAAO,WAAA,GAAc,MAAA;AAAA,QACjD;AAAA,OACF;AAAA,MACA,KAAA;AAAA,MACA,QAAA,EAAA;AAAA,wBAAAF,eAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAWE,oBAAA;AAAA,cACT,MAAA,CAAO,GAAA;AAAA,cACP,YAAA,KAAiB,QAAA,GAAW,MAAA,CAAO,MAAA,GAAS;AAAA,aAC9C;AAAA,YACC,QAAA,EAAA;AAAA,cAAA,aAAA,KAAkB,UACjB,aAAA,mBACED,cAAA,CAACG,gCAAA,EAAA,EAAgB,QAAA,EAAA,SAAA,EAAU,IAE3B,SAAA,GAGF,OAAA;AAAA,cAED,kBAAkB,OAAA,GACjB,OAAA,GACE,gCACFH,cAAA,CAACG,gCAAA,EAAA,EAAgB,qBAAU,CAAA,GAE3B;AAAA;AAAA;AAAA,SAEJ;AAAA,QACC,MAAA,EAAQ,WAAW,IAAA,mBAClBH,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAW,MAAA,CAAO,IAAA,KAAS,OAAA,GAAU,WAAA,GAAc,QAAA;AAAA,YACnD,SAAA,EAAWC,qBAAG,MAAA,CAAO,MAAA,EAAQ,OAAO,WAAA,CAAY,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,YAC5D,EAAA,EAAI,eAAA;AAAA,YACJ,IAAA,EAAM,MAAA,CAAO,IAAA,KAAS,OAAA,GAAU,OAAA,GAAU,QAAA;AAAA,YACzC,QAAA,EAAA,MAAA,CAAO;AAAA;AAAA,SACV,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-OZNNBPMP.cjs","sourcesContent":["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 {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport type {FieldNecessity, InputStatus, InputStatusType} 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';\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\nconst styles = {\n  field: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '1',\n    w: 'fit-content',\n  }),\n  spreadField: css({\n    w: 'full',\n  }),\n  row: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n  }),\n  spread: css({\n    justifyContent: 'space-between',\n    w: 'full',\n  }),\n  labelWrapper: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n    minW: 0,\n  }),\n  label: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n    w: 'fit-content',\n    color: 'fg.muted',\n    cursor: 'pointer',\n  }),\n  labelDisabled: css({\n    color: 'fg.disabled',\n    cursor: 'not-allowed',\n  }),\n  labelIcon: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n  }),\n  requiredness: css({\n    fontWeight: 'normal',\n    color: 'fg.muted',\n  }),\n  tooltipIcon: css({\n    display: 'inline-flex',\n    color: 'fg.muted',\n  }),\n  status: css({\n    fontFamily: 'body',\n    fontSize: 'sm',\n    lineHeight: 'normal',\n    px: '2',\n    py: '1.5',\n    mt: '1',\n    borderRadius: 'md',\n  }),\n  statusColor: {\n    warning: css({bg: 'surface.yellow', color: 'surface.yellow.fg'}),\n    error: css({bg: 'surface.red', color: 'surface.red.fg'}),\n    success: css({bg: 'surface.green', color: 'surface.green.fg'}),\n  } satisfies Record<InputStatusType, string>,\n  control: css({\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: css({\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: css({\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  trackOn: css({\n    bg: 'primary',\n  }),\n  trackDisabled: css({\n    opacity: 0.5,\n  }),\n  thumb: css({\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  thumbOn: css({\n    transform: 'translateX(16px)',\n  }),\n} as const;\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 =\n    description != null ? `${inputId}-description` : 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 control = (\n    <span className={styles.control}>\n      <input\n        aria-busy={isLoading || undefined}\n        aria-describedby={describedBy}\n        aria-invalid={status?.type === 'error' || undefined}\n        checked={isSelected}\n        className={styles.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={cx(\n          styles.track,\n          isSelected ? styles.trackOn : undefined,\n          isDisabled ? styles.trackDisabled : undefined,\n        )}\n        data-selected={isSelected ? 'true' : undefined}\n        data-switch-track=\"\">\n        <span\n          className={cx(styles.thumb, isSelected ? styles.thumbOn : undefined)}>\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={styles.labelWrapper}>\n      <label\n        className={cx(\n          styles.label,\n          isDisabled ? styles.labelDisabled : undefined,\n        )}\n        htmlFor={inputId}>\n        {labelIcon != null ? (\n          <span className={styles.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={styles.requiredness} type=\"supporting\">\n            <span aria-hidden=\"true\"> · </span>\n            {requirednessText}\n          </Text>\n        ) : null}\n        {labelTooltip != null ? (\n          <Tooltip content={labelTooltip}>\n            <span className={styles.tooltipIcon}>\n              <Icon icon={Info} size=\"sm\" />\n            </span>\n          </Tooltip>\n        ) : null}\n      </label>\n      {description != null ? (\n        <Text as=\"span\" color=\"secondary\" id={descriptionID} type=\"supporting\">\n          {description}\n        </Text>\n      ) : null}\n    </div>\n  );\n\n  return (\n    <div\n      className={cx(\n        styles.field,\n        labelSpacing === 'spread' ? styles.spreadField : undefined,\n        className,\n      )}\n      style={style}>\n      <div\n        className={cx(\n          styles.row,\n          labelSpacing === 'spread' ? styles.spread : undefined,\n        )}>\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={cx(styles.status, styles.statusColor[status.type])}\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-P5AZUUM2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DateTimeInput/DateTimeInput.tsx"],"names":["css","Temporal","useId","useMemo","useCallback","jsx","Field","jsxs","cx","DateInput","TimeInput","plainDateIsEqual"],"mappings":"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","file":"chunk-P5AZUUM2.cjs","sourcesContent":["import {Temporal} from '@js-temporal/polyfill';\nimport {\n  useCallback,\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {plainDateIsEqual, type PlainDate} from '../../internal/plainDate';\nimport {DateInput} from '../DateInput';\nimport {\n  Field,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from '../Field';\nimport type {IconComponent} from '../Icon';\nimport {TimeInput, type PlainTime} from '../TimeInput';\n\nexport type PlainDateTime = Temporal.PlainDateTime;\n\nexport type DateTimeInputProps = {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Returns true for dates that should be disabled.\n   */\n  getIsDateDisabled?: (date: PlainDate) => boolean;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether to show the seconds field in the time input.\n   * @default false\n   */\n  hasSeconds?: boolean;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * 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-time.\n   */\n  max?: PlainDateTime;\n  /**\n   * Minimum selectable date-time.\n   */\n  min?: PlainDateTime;\n  /**\n   * Called when the selected date-time changes.\n   */\n  onChange: (value: PlainDateTime | undefined) => void;\n  /**\n   * Ref forwarded to the date input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size of the inputs.\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 root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Currently selected date-time.\n   */\n  value: PlainDateTime | undefined;\n} & FieldNecessity;\n\nconst styles = {\n  row: css({\n    display: 'grid',\n    gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 0.75fr)',\n    gap: '2',\n  }),\n} as const;\n\nfunction splitDateTime(value: PlainDateTime | undefined): {\n  date: PlainDate | undefined;\n  time: PlainTime | undefined;\n} {\n  if (value == null) {\n    return {date: undefined, time: undefined};\n  }\n  return {\n    date: value.toPlainDate(),\n    time: value.toPlainTime(),\n  };\n}\n\nfunction combineDateTime(\n  date: PlainDate | undefined,\n  time: PlainTime | undefined,\n): PlainDateTime | undefined {\n  if (date == null && time == null) {\n    return undefined;\n  }\n  const resolvedDate = date ?? Temporal.Now.plainDateISO();\n  const resolvedTime = time ?? Temporal.Now.plainTimeISO();\n  return resolvedDate.toPlainDateTime(resolvedTime);\n}\n\nfunction clampTime(\n  time: PlainTime,\n  min: PlainTime | undefined,\n  max: PlainTime | undefined,\n): PlainTime {\n  if (min != null && Temporal.PlainTime.compare(time, min) < 0) {\n    return min;\n  }\n  if (max != null && Temporal.PlainTime.compare(time, max) > 0) {\n    return max;\n  }\n  return time;\n}\n\n/**\n * A combined date and time input with calendar popover and time fields.\n */\nexport function DateTimeInput({\n  label,\n  value,\n  onChange,\n  min,\n  max,\n  getIsDateDisabled,\n  hasSeconds = false,\n  size = 'md',\n  description,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  status,\n  labelIcon,\n  labelTooltip,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: DateTimeInputProps): React.JSX.Element {\n  const fieldId = useId();\n  const {date, time} = useMemo(() => splitDateTime(value), [value]);\n  const minParts = useMemo(() => splitDateTime(min), [min]);\n  const maxParts = useMemo(() => splitDateTime(max), [max]);\n\n  const handleDateChange = useCallback(\n    (nextDate: PlainDate | undefined) => {\n      if (nextDate == null || time == null) {\n        onChange(combineDateTime(nextDate, time));\n        return;\n      }\n      const effectiveTimeMin =\n        min != null && nextDate.equals(min.toPlainDate())\n          ? min.toPlainTime()\n          : undefined;\n      const effectiveTimeMax =\n        max != null && nextDate.equals(max.toPlainDate())\n          ? max.toPlainTime()\n          : undefined;\n      onChange(\n        combineDateTime(\n          nextDate,\n          clampTime(time, effectiveTimeMin, effectiveTimeMax),\n        ),\n      );\n    },\n    [onChange, time, min, max],\n  );\n  const handleTimeChange = useCallback(\n    (nextTime: PlainTime | undefined) =>\n      onChange(combineDateTime(date, nextTime)),\n    [onChange, date],\n  );\n\n  const necessity: FieldNecessity = {isOptional, isRequired};\n\n  return (\n    <Field\n      description={description}\n      inputId={fieldId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={status}>\n      <div\n        className={cx(styles.row, className)}\n        data-testid={dataTestId}\n        style={style}>\n        <DateInput\n          getIsDateDisabled={getIsDateDisabled}\n          isDisabled={isDisabled}\n          isLabelHidden\n          isLoading={isLoading}\n          label={`${label} date`}\n          max={maxParts.date}\n          min={minParts.date}\n          onChange={handleDateChange}\n          ref={ref}\n          size={size}\n          value={date}\n        />\n        <TimeInput\n          hasSeconds={hasSeconds}\n          isDisabled={isDisabled}\n          isLabelHidden\n          isLoading={isLoading}\n          label={`${label} time`}\n          max={\n            date != null &&\n            maxParts.date != null &&\n            plainDateIsEqual(date, maxParts.date)\n              ? maxParts.time\n              : undefined\n          }\n          min={\n            date != null &&\n            minParts.date != null &&\n            plainDateIsEqual(date, minParts.date)\n              ? minParts.time\n              : undefined\n          }\n          onChange={handleTimeChange}\n          size={size}\n          value={time}\n        />\n      </div>\n    </Field>\n  );\n}\n\nDateTimeInput.displayName = 'DateTimeInput';\n"]}

package/dist/chunk-PDXZDPOY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/AutocompleteInput/AutocompleteInputItem.tsx","../src/components/AutocompleteInput/BaseAutocompleteInput.tsx","../src/components/AutocompleteInput/AutocompleteInput.tsx","../src/components/AutocompleteInput/types.ts"],"names":["css","jsx","Fragment","jsxs","cx","Icon","Text","styles","useId","useRef","useState","useCallback","useEffect","LoaderCircle","Check","mergeRefs","Spinner","Popover","getStatusMessageID","getDescribedBy","useMemo","Field","inputRecipe","inputStyles","Tag","Button","X"],"mappings":"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","file":"chunk-PDXZDPOY.cjs","sourcesContent":["import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Text} from '../Text';\nimport type {SearchableItem} from './types';\n\nexport interface AutocompleteInputItemProps<\n  T extends SearchableItem = SearchableItem,\n> {\n  /**\n   * Additional CSS class names applied to the item layout.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the item layout.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Icon or avatar rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Search result item.\n   */\n  item: T;\n  /**\n   * Ref forwarded to the item layout.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the item layout.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '2',\n    minW: 0,\n  }),\n  icon: css({\n    display: 'inline-flex',\n    flexShrink: 0,\n    color: 'fg.muted',\n  }),\n  text: css({\n    display: 'flex',\n    flexDirection: 'column',\n    minW: 0,\n  }),\n  disabled: css({opacity: 0.55}),\n} as const;\n\n/**\n * Default layout for AutocompleteInput and TagsInput result rows.\n */\nexport function AutocompleteInputItem<T extends SearchableItem>({\n  className,\n  'data-testid': dataTestId,\n  description,\n  icon,\n  item,\n  isDisabled = false,\n  ref,\n  style,\n}: AutocompleteInputItemProps<T>): React.JSX.Element {\n  if (item.element != null) {\n    return <>{item.element}</>;\n  }\n\n  return (\n    <div\n      className={cx(\n        styles.root,\n        isDisabled ? styles.disabled : undefined,\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      {icon != null ? (\n        <span className={styles.icon}>\n          <Icon color=\"secondary\" icon={icon} size=\"sm\" />\n        </span>\n      ) : null}\n      <span className={styles.text}>\n        <Text as=\"span\" color=\"inherit\" type=\"label\">\n          {item.label}\n        </Text>\n        {description != null ? (\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            {description}\n          </Text>\n        ) : null}\n      </span>\n    </div>\n  );\n}\n\nAutocompleteInputItem.displayName = 'AutocompleteInputItem';\n","import {Check, LoaderCircle} from 'lucide-react';\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {mergeRefs} from '../../internal/mergeRefs';\nimport {Icon} from '../Icon';\nimport {Popover} from '../Popover';\nimport {Spinner} from '../Spinner';\nimport {Text} from '../Text';\nimport {AutocompleteInputItem} from './AutocompleteInputItem';\nimport type {SearchableItem, SearchSource} from './types';\n\nexport interface BaseAutocompleteInputProps<T extends SearchableItem> {\n  /**\n   * Ref to the element the result popover should align to.\n   */\n  anchorRef?: RefObject<HTMLElement | null>;\n  /**\n   * IDs describing the input.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Additional CSS class names applied to the input.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Debounce delay in milliseconds before search runs.\n   * @default 150\n   */\n  debounceMs?: number;\n  /**\n   * Empty state text.\n   * @default 'No results found'\n   */\n  emptySearchResultsText?: string;\n  /**\n   * Whether to focus the input on mount.\n   * @default false\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether to show bootstrap results on focus before typing.\n   * @default false\n   */\n  hasEntriesOnFocus?: boolean;\n  /**\n   * Optional ID for the input.\n   */\n  inputId?: string;\n  /**\n   * Whether the input is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Maximum number of menu items.\n   * @default 10\n   */\n  maxMenuItems?: number;\n  /**\n   * Called when a result is selected.\n   */\n  onChange: (item: T | null) => void;\n  /**\n   * Keyboard handler invoked before internal navigation.\n   */\n  onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n  /**\n   * Called when the result popover opens or closes.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Called when the query changes.\n   */\n  onQueryChange?: (query: string) => void;\n  /**\n   * Placeholder text.\n   * @default 'Search...'\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Custom result renderer.\n   */\n  renderItem?: (item: T) => ReactNode;\n  /**\n   * Search source.\n   */\n  searchSource: SearchSource<T>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Inline styles applied to the input.\n   */\n  style?: CSSProperties;\n  /**\n   * Selected item.\n   */\n  value: T | null;\n}\n\nconst styles = {\n  input: css({\n    display: 'block',\n    flex: 1,\n    minW: '15',\n    borderWidth: 0,\n    p: 0,\n    fontFamily: 'body',\n    fontSize: 'md',\n    lineHeight: 'normal',\n    color: 'fg',\n    bg: 'transparent',\n    outline: 'none',\n    _placeholder: {color: 'fg.muted'},\n    _disabled: {cursor: 'not-allowed'},\n  }),\n  menu: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n    maxH: '80',\n    overflowY: 'auto',\n    p: '1',\n  }),\n  option: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '2',\n    w: 'full',\n    borderWidth: 0,\n    borderRadius: 'md',\n    bg: 'transparent',\n    color: 'fg',\n    cursor: 'pointer',\n    fontFamily: 'body',\n    textAlign: 'start',\n    _hover: {bg: 'bg.subtle'},\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffsetTight',\n    },\n  }),\n  optionHighlighted: css({bg: 'bg.subtle'}),\n  optionSelected: css({fontWeight: 'medium'}),\n  optionSize: {\n    sm: css({px: '2', py: '1'}),\n    md: css({px: '2', py: '2'}),\n    lg: css({px: '3', py: '2.5'}),\n  } satisfies Record<'sm' | 'md' | 'lg', string>,\n  check: css({\n    display: 'inline-flex',\n    flexShrink: 0,\n    color: 'primary',\n  }),\n  loading: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n    p: '2',\n    color: 'fg.muted',\n    '& > svg': {\n      animation: 'spin 0.8s linear infinite',\n    },\n    '@media (prefers-reduced-motion: reduce)': {\n      '& > svg': {animation: 'none'},\n    },\n  }),\n  empty: css({\n    p: '3',\n    textAlign: 'center',\n  }),\n} as const;\n\n/**\n * Internal combobox engine used by AutocompleteInput and TagsInput.\n */\nexport function BaseAutocompleteInput<T extends SearchableItem>({\n  anchorRef,\n  ariaDescribedBy,\n  className,\n  'data-testid': dataTestId,\n  debounceMs = 150,\n  emptySearchResultsText = 'No results found',\n  hasAutoFocus = false,\n  hasEntriesOnFocus = false,\n  inputId,\n  isDisabled = false,\n  maxMenuItems = 10,\n  onChange,\n  onKeyDown,\n  onOpenChange,\n  onQueryChange,\n  placeholder = 'Search...',\n  ref,\n  renderItem,\n  searchSource,\n  size = 'md',\n  style,\n  value,\n}: BaseAutocompleteInputProps<T>): React.JSX.Element {\n  const generatedId = useId();\n  const listboxId = useId();\n  const resolvedInputId = inputId ?? generatedId;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const fallbackAnchorRef = useRef<HTMLInputElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const generationRef = useRef(0);\n  const [query, setQuery] = useState('');\n  const [results, setResults] = useState<T[]>([]);\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n  const [isLoading, setIsLoading] = useState(false);\n  const [hasSearched, setHasSearched] = useState(false);\n  const [isOpen, setIsOpen] = useState(false);\n  const pointerActiveRef = useRef(false);\n  const selectingRef = useRef(false);\n\n  const setOpen = useCallback(\n    (isNextOpen: boolean) => {\n      setIsOpen(isNextOpen);\n      onOpenChange?.(isNextOpen);\n      if (!isNextOpen) {\n        searchSource.cancel?.();\n        setHighlightedIndex(-1);\n      }\n    },\n    [onOpenChange, searchSource],\n  );\n\n  const showMenu = useCallback(() => {\n    if (pointerActiveRef.current) {\n      document.addEventListener(\n        'click',\n        () => requestAnimationFrame(() => setOpen(true)),\n        {once: true},\n      );\n    } else {\n      setOpen(true);\n    }\n  }, [setOpen]);\n\n  const runSearch = useCallback(\n    async (nextQuery: string, kind: 'bootstrap' | 'search') => {\n      const generation = ++generationRef.current;\n      searchSource.cancel?.();\n      setIsLoading(true);\n      setHasSearched(true);\n\n      try {\n        const nextResults =\n          kind === 'bootstrap'\n            ? await searchSource.bootstrap()\n            : await searchSource.search(nextQuery);\n        if (generationRef.current !== generation) {\n          return;\n        }\n        const limitedResults = nextResults.slice(0, maxMenuItems);\n        setResults(limitedResults);\n        setHighlightedIndex(limitedResults.length > 0 ? 0 : -1);\n        if (limitedResults.length > 0 || nextQuery !== '') {\n          showMenu();\n        } else {\n          setOpen(false);\n        }\n      } catch {\n        if (generationRef.current === generation) {\n          setResults([]);\n          setHighlightedIndex(-1);\n          setOpen(false);\n        }\n      } finally {\n        if (generationRef.current === generation) {\n          setIsLoading(false);\n        }\n      }\n    },\n    [maxMenuItems, searchSource, setOpen, showMenu],\n  );\n\n  const updateQuery = useCallback(\n    (nextQuery: string) => {\n      setQuery(nextQuery);\n      onQueryChange?.(nextQuery);\n\n      if (timeoutRef.current != null) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      if (nextQuery === '' && !hasEntriesOnFocus) {\n        generationRef.current++;\n        searchSource.cancel?.();\n        setResults([]);\n        setHasSearched(false);\n        setIsLoading(false);\n        setOpen(false);\n        return;\n      }\n\n      const searchKind = nextQuery === '' ? 'bootstrap' : 'search';\n      if (debounceMs <= 0) {\n        void runSearch(nextQuery, searchKind);\n        return;\n      }\n\n      timeoutRef.current = setTimeout(() => {\n        void runSearch(nextQuery, searchKind);\n      }, debounceMs);\n    },\n    [\n      debounceMs,\n      hasEntriesOnFocus,\n      onQueryChange,\n      runSearch,\n      searchSource,\n      setOpen,\n    ],\n  );\n\n  const selectItem = useCallback(\n    (item: T) => {\n      generationRef.current++;\n      if (timeoutRef.current != null) {\n        clearTimeout(timeoutRef.current);\n      }\n      searchSource.cancel?.();\n      setQuery('');\n      setResults([]);\n      setHasSearched(false);\n      setIsLoading(false);\n      onChange(item);\n      selectingRef.current = true;\n      inputRef.current?.focus();\n      selectingRef.current = false;\n      if (hasEntriesOnFocus) {\n        void runSearch('', 'bootstrap');\n      } else {\n        setOpen(false);\n      }\n    },\n    [hasEntriesOnFocus, onChange, runSearch, searchSource, setOpen],\n  );\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current != null) {\n        clearTimeout(timeoutRef.current);\n      }\n      searchSource.cancel?.();\n    };\n  }, [searchSource]);\n\n  const menu = (\n    <div\n      aria-label=\"Search results\"\n      className={styles.menu}\n      id={listboxId}\n      role=\"listbox\">\n      {isLoading ? (\n        <div className={styles.loading} role=\"status\">\n          <Icon icon={LoaderCircle} size=\"sm\" />\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            Loading\n          </Text>\n        </div>\n      ) : results.length === 0 && hasSearched ? (\n        <div className={styles.empty}>\n          <Text as=\"span\" color=\"secondary\" type=\"supporting\">\n            {emptySearchResultsText}\n          </Text>\n        </div>\n      ) : (\n        results.map((item, index) => {\n          const isSelected = value?.id === item.id;\n          return (\n            <button\n              aria-selected={isSelected}\n              className={cx(\n                styles.option,\n                styles.optionSize[size],\n                index === highlightedIndex\n                  ? styles.optionHighlighted\n                  : undefined,\n                isSelected ? styles.optionSelected : undefined,\n              )}\n              id={`${listboxId}-option-${index}`}\n              key={item.id}\n              onClick={() => selectItem(item)}\n              onMouseEnter={() => setHighlightedIndex(index)}\n              role=\"option\"\n              type=\"button\">\n              {renderItem == null ? (\n                <AutocompleteInputItem item={item} />\n              ) : (\n                renderItem(item)\n              )}\n              {isSelected ? (\n                <span className={styles.check}>\n                  <Icon color=\"accent\" icon={Check} size=\"sm\" />\n                </span>\n              ) : null}\n            </button>\n          );\n        })\n      )}\n    </div>\n  );\n\n  return (\n    <>\n      <input\n        aria-activedescendant={\n          isOpen && highlightedIndex >= 0\n            ? `${listboxId}-option-${highlightedIndex}`\n            : undefined\n        }\n        aria-autocomplete=\"list\"\n        aria-controls={listboxId}\n        aria-describedby={ariaDescribedBy}\n        aria-expanded={isOpen}\n        autoComplete=\"off\"\n        // eslint-disable-next-line jsx-a11y-x/no-autofocus\n        autoFocus={hasAutoFocus}\n        className={cx(styles.input, className)}\n        data-autofocus={hasAutoFocus || undefined}\n        data-testid={dataTestId}\n        disabled={isDisabled}\n        id={resolvedInputId}\n        onChange={event => updateQuery(event.target.value)}\n        onFocus={() => {\n          if (selectingRef.current) {\n            return;\n          }\n          if (hasEntriesOnFocus && query === '' && results.length === 0) {\n            void runSearch('', 'bootstrap');\n          } else if (results.length > 0) {\n            showMenu();\n          }\n        }}\n        onKeyDown={event => {\n          onKeyDown?.(event);\n          if (event.defaultPrevented) {\n            return;\n          }\n\n          if (event.key === 'ArrowDown') {\n            event.preventDefault();\n            if (!isOpen) {\n              if (results.length > 0) {\n                showMenu();\n              } else if (hasEntriesOnFocus) {\n                void runSearch('', 'bootstrap');\n              }\n              return;\n            }\n            setHighlightedIndex(index =>\n              results.length === 0 ? -1 : (index + 1) % results.length,\n            );\n          } else if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            setHighlightedIndex(index =>\n              results.length === 0\n                ? -1\n                : (index - 1 + results.length) % results.length,\n            );\n          } else if (\n            event.key === 'Enter' &&\n            isOpen &&\n            highlightedIndex >= 0 &&\n            highlightedIndex < results.length\n          ) {\n            event.preventDefault();\n            selectItem(results[highlightedIndex]);\n          } else if (event.key === 'Escape' && isOpen) {\n            event.preventDefault();\n            setOpen(false);\n          }\n        }}\n        onPointerDown={() => {\n          pointerActiveRef.current = true;\n          document.addEventListener(\n            'click',\n            () => {\n              pointerActiveRef.current = false;\n            },\n            {once: true},\n          );\n        }}\n        placeholder={placeholder}\n        ref={mergeRefs(ref, inputRef, fallbackAnchorRef)}\n        role=\"combobox\"\n        style={style}\n        type=\"text\"\n        value={query}\n      />\n      {isLoading ? <Spinner size=\"sm\" /> : null}\n      <Popover\n        anchorRef={anchorRef ?? fallbackAnchorRef}\n        content={menu}\n        hasAutoFocus={false}\n        hasCloseButton={false}\n        isOpen={isOpen}\n        onOpenChange={setOpen}\n      />\n    </>\n  );\n}\n\nBaseAutocompleteInput.displayName = 'BaseAutocompleteInput';\n","import {X} from 'lucide-react';\nimport {\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Button} from '../Button';\nimport {\n  Field,\n  inputRecipe,\n  inputStyles,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from '../Field';\nimport {getDescribedBy, getStatusMessageID} from '../Field/inputUtils';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Tag} from '../Tag';\nimport {BaseAutocompleteInput} from './BaseAutocompleteInput';\nimport type {SearchableItem, SearchSource} from './types';\n\nexport type AutocompleteInputProps<T extends SearchableItem = SearchableItem> =\n  {\n    /**\n     * Additional CSS class names applied to the input wrapper.\n     */\n    className?: string;\n    /**\n     * Test ID applied to the input wrapper.\n     */\n    'data-testid'?: string;\n    /**\n     * Debounce delay in milliseconds before search runs.\n     * @default 150\n     */\n    debounceMs?: number;\n    /**\n     * Supporting text rendered below the label.\n     */\n    description?: ReactNode;\n    /**\n     * Empty state text.\n     * @default 'No results found'\n     */\n    emptySearchResultsText?: string;\n    /**\n     * Whether to focus the input on mount.\n     * @default false\n     */\n    hasAutoFocus?: boolean;\n    /**\n     * Whether to show a clear button when a value is selected.\n     * @default true\n     */\n    hasClear?: boolean;\n    /**\n     * Whether to show bootstrap results on focus before typing.\n     * @default false\n     */\n    hasEntriesOnFocus?: boolean;\n    /**\n     * Whether the input is disabled.\n     * @default false\n     */\n    isDisabled?: boolean;\n    /**\n     * Whether to visually hide the label.\n     * @default false\n     */\n    isLabelHidden?: boolean;\n    /**\n     * Field label.\n     */\n    label: string;\n    /**\n     * Icon shown before the label.\n     */\n    labelIcon?: IconComponent;\n    /**\n     * Tooltip content shown next to the label.\n     */\n    labelTooltip?: ReactNode;\n    /**\n     * Maximum number of menu items.\n     * @default 10\n     */\n    maxMenuItems?: number;\n    /**\n     * Called when selection changes.\n     */\n    onChange: (item: T | null) => void;\n    /**\n     * Called when the result popover opens or closes.\n     */\n    onOpenChange?: (isOpen: boolean) => void;\n    /**\n     * Called when the query changes.\n     */\n    onQueryChange?: (query: string) => void;\n    /**\n     * Placeholder text.\n     */\n    placeholder?: string;\n    /**\n     * Ref forwarded to the field root.\n     */\n    ref?: Ref<HTMLDivElement>;\n    /**\n     * Custom result renderer.\n     */\n    renderItem?: (item: T) => ReactNode;\n    /**\n     * Search source.\n     */\n    searchSource: SearchSource<T>;\n    /**\n     * Visual size.\n     * @default 'md'\n     */\n    size?: InputSize;\n    /**\n     * Icon shown before the input.\n     */\n    startIcon?: IconComponent;\n    /**\n     * Validation status displayed below the selector.\n     */\n    status?: InputStatus;\n    /**\n     * Inline styles applied to the input wrapper.\n     */\n    style?: CSSProperties;\n    /**\n     * Selected item.\n     */\n    value: T | null;\n  } & FieldNecessity;\n\nconst styles = {\n  wrapper: css({\n    cursor: 'text',\n    flexWrap: 'wrap',\n  }),\n  tag: css({\n    my: '-1',\n    ms: '-1',\n  }),\n  inputHidden: css({\n    position: 'absolute',\n    opacity: 0,\n    w: 0,\n    minW: 0,\n    flexBasis: 0,\n  }),\n  clearButton: css({\n    ms: 'auto',\n  }),\n} as const;\n\n/**\n * Search-as-you-type field for selecting a single item from a search source.\n */\nexport function AutocompleteInput<T extends SearchableItem>({\n  className,\n  'data-testid': dataTestId,\n  debounceMs,\n  description,\n  emptySearchResultsText,\n  hasAutoFocus = false,\n  hasClear = true,\n  hasEntriesOnFocus = false,\n  isDisabled = false,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  label,\n  labelIcon,\n  labelTooltip,\n  maxMenuItems,\n  onChange,\n  onOpenChange,\n  onQueryChange,\n  placeholder,\n  ref,\n  renderItem,\n  searchSource,\n  size = 'md',\n  startIcon,\n  status,\n  style,\n  value,\n}: AutocompleteInputProps<T>): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID =\n    description != null ? `${inputId}-description` : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isEditing, setIsEditing] = useState(false);\n  const showTag = value != null && !isEditing;\n  const fieldStatus = useMemo(\n    () =>\n      status == null ? undefined : {...status, messageID: statusMessageID},\n    [status, statusMessageID],\n  );\n\n  const necessity: FieldNecessity = {isOptional, isRequired};\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      ref={ref}\n      status={fieldStatus}\n      style={style}>\n      <div\n        className={cx(\n          inputRecipe({\n            size,\n            status: status?.type,\n            isDisabled,\n          }),\n          styles.wrapper,\n        )}\n        data-testid={dataTestId}\n        ref={wrapperRef}>\n        {startIcon != null ? (\n          <span className={inputStyles.iconSlot}>\n            <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n          </span>\n        ) : null}\n        {showTag ? (\n          <Tag\n            className={styles.tag}\n            isDisabled={isDisabled}\n            label={value.label}\n            onClick={() => {\n              setIsEditing(true);\n              requestAnimationFrame(() => inputRef.current?.focus());\n            }}\n            size={size}\n          />\n        ) : null}\n        <BaseAutocompleteInput\n          anchorRef={wrapperRef}\n          ariaDescribedBy={describedBy}\n          className={showTag ? styles.inputHidden : undefined}\n          debounceMs={debounceMs}\n          emptySearchResultsText={emptySearchResultsText}\n          hasAutoFocus={hasAutoFocus}\n          hasEntriesOnFocus={hasEntriesOnFocus}\n          inputId={inputId}\n          isDisabled={isDisabled}\n          maxMenuItems={maxMenuItems}\n          onChange={item => {\n            setIsEditing(false);\n            onChange(item);\n          }}\n          onOpenChange={onOpenChange}\n          onQueryChange={onQueryChange}\n          placeholder={showTag ? undefined : placeholder}\n          ref={inputRef}\n          renderItem={renderItem}\n          searchSource={searchSource}\n          size={size}\n          value={value}\n        />\n        {hasClear && value != null && !isDisabled ? (\n          <Button\n            className={styles.clearButton}\n            icon={X}\n            isIconOnly\n            label={`Clear ${label}`}\n            onClick={event => {\n              event.stopPropagation();\n              setIsEditing(false);\n              onChange(null);\n              inputRef.current?.focus();\n            }}\n            size=\"sm\"\n            variant=\"ghost\"\n          />\n        ) : null}\n      </div>\n    </Field>\n  );\n}\n\nAutocompleteInput.displayName = 'AutocompleteInput';\n","import type {ReactNode} from 'react';\n\nexport interface SearchableItem<TAuxiliaryData = unknown> {\n  /**\n   * Custom data associated with the item.\n   */\n  auxiliaryData?: TAuxiliaryData;\n  /**\n   * Optional pre-rendered item content.\n   */\n  element?: ReactNode;\n  /**\n   * Stable unique identifier.\n   */\n  id: string;\n  /**\n   * Display text.\n   */\n  label: string;\n}\n\nexport interface SearchSource<T extends SearchableItem = SearchableItem> {\n  /**\n   * Return initial items, usually recent or common selections.\n   */\n  bootstrap(): Promise<T[]> | T[];\n  /**\n   * Optional cancellation for in-flight async searches.\n   */\n  cancel?(): void;\n  /**\n   * Return items matching the query.\n   */\n  search(query: string): Promise<T[]> | T[];\n}\n\nexport interface CreateStaticSourceOptions<\n  T extends SearchableItem = SearchableItem,\n> {\n  /**\n   * Extra searchable terms for each item.\n   */\n  keywords?: (item: T) => string[];\n}\n\nexport function createStaticSource<T extends SearchableItem>(\n  items: T[],\n  options?: CreateStaticSourceOptions<T>,\n): SearchSource<T> {\n  return {\n    bootstrap: () => items,\n    search(query) {\n      const normalizedQuery = query.trim().toLowerCase();\n      if (normalizedQuery === '') {\n        return items;\n      }\n\n      return items.filter(item => {\n        if (item.label.toLowerCase().includes(normalizedQuery)) {\n          return true;\n        }\n        return (\n          options\n            ?.keywords?.(item)\n            .some(keyword => keyword.toLowerCase().includes(normalizedQuery)) ??\n          false\n        );\n      });\n    },\n  };\n}\n"]}

package/dist/chunk-PGKOWMP4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/AvatarGroup/AvatarGroupContext.ts","../src/components/Avatar/Avatar.recipe.ts","../src/components/Avatar/AvatarSizeContext.ts","../src/components/Avatar/Avatar.tsx","../src/components/Avatar/AvatarStatusDot.tsx"],"names":["createContext","use","styles","jsx"],"mappings":"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","file":"chunk-PGKOWMP4.js","sourcesContent":["import {createContext, use} from 'react';\nimport type {AvatarSize} from '../Avatar';\n\nexport interface AvatarGroupContextValue {\n  numericSize: number;\n  overlap: number;\n  size: AvatarSize;\n}\n\nexport const AvatarGroupContext = createContext<AvatarGroupContextValue | null>(\n  null,\n);\nAvatarGroupContext.displayName = 'AvatarGroupContext';\n\nexport function useAvatarGroup(): AvatarGroupContextValue | null {\n  return use(AvatarGroupContext);\n}\n","import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const avatarRecipe = cva({\n  base: {\n    position: 'relative',\n    display: 'inline-flex',\n    flexShrink: 0,\n    verticalAlign: 'middle',\n    borderRadius: 'full',\n  },\n  variants: {\n    isGrouped: {\n      true: {\n        borderRadius: 'full',\n        borderWidth: 'emphasized',\n        borderStyle: 'solid',\n        borderColor: 'bg',\n        bg: 'bg',\n        boxSizing: 'content-box',\n        '&:not(:first-child)': {\n          marginInlineStart: 'var(--avatar-group-overlap)',\n        },\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    isGrouped: false,\n  },\n});\n\nexport type AvatarVariants = RecipeVariantProps<typeof avatarRecipe>;\n","import {createContext, use} from 'react';\n\nconst DEFAULT_AVATAR_SIZE = 36;\n\nexport const AvatarSizeContext = createContext<number>(DEFAULT_AVATAR_SIZE);\nAvatarSizeContext.displayName = 'AvatarSizeContext';\n\nexport function useAvatarSize(): number {\n  return use(AvatarSizeContext);\n}\n","import {User} from 'lucide-react';\nimport type {CSSProperties, ReactNode, Ref} from 'react';\nimport {useMemo, useState} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {useAvatarGroup} from '../AvatarGroup/AvatarGroupContext';\nimport {Icon} from '../Icon';\nimport {avatarRecipe} from './Avatar.recipe';\nimport {AvatarSizeContext} from './AvatarSizeContext';\n\nconst CIRCLE_EDGE_OFFSET_RATIO = (1 - 1 / Math.SQRT2) / 2;\nconst INITIALS_FONT_SIZE_RATIO = 0.4;\n\nexport type AvatarNamedSize = 'tiny' | 'xsmall' | 'small' | 'medium' | 'large';\n\nexport type AvatarNumericSize =\n  | 16\n  | 20\n  | 24\n  | 32\n  | 36\n  | 40\n  | 48\n  | 60\n  | 64\n  | 72\n  | 96\n  | 128\n  | 144\n  | 180;\n\nexport type AvatarSize = AvatarNamedSize | AvatarNumericSize;\n\n/**\n * Resolve an Avatar size token to its pixel size.\n */\nexport function resolveAvatarSize(size: AvatarSize): number {\n  if (typeof size === 'number') {\n    return size;\n  }\n\n  switch (size) {\n    case 'tiny':\n      return 20;\n    case 'xsmall':\n      return 24;\n    case 'small':\n      return 36;\n    case 'medium':\n      return 48;\n    case 'large':\n      return 128;\n  }\n}\n\n/**\n * Displays a user profile image, initials, or a fallback icon.\n */\nexport interface AvatarProps {\n  /**\n   * Accessible text for the avatar image. Defaults to `name`, then \"Avatar\".\n   */\n  alt?: string;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Image URL to use if `src` fails to load.\n   */\n  fallbackSrc?: string;\n  /**\n   * User name used as fallback accessible text and initials.\n   */\n  name?: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Avatar size. Named sizes map to the same pixel values as the XDS source.\n   * Default is `small`.\n   */\n  size?: AvatarSize;\n  /**\n   * Primary image URL.\n   */\n  src?: string;\n  /**\n   * Corner content, usually an AvatarStatusDot.\n   */\n  status?: ReactNode;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  content: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    overflow: 'hidden',\n    userSelect: 'none',\n    bg: 'bg.subtle',\n    color: 'fg.muted',\n  }),\n  image: css({\n    w: '100%',\n    h: '100%',\n    objectFit: 'cover',\n  }),\n  fallback: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    w: '100%',\n    h: '100%',\n    bg: 'bg.subtle',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontWeight: 'medium',\n    textTransform: 'uppercase',\n  }),\n  status: css({\n    position: 'absolute',\n  }),\n};\n\nfunction getInitials(name: string): string {\n  const words = name.trim().split(/\\s+/).filter(Boolean);\n\n  if (words.length === 0) {\n    return '';\n  }\n\n  if (words.length === 1) {\n    return words[0].charAt(0).toUpperCase();\n  }\n\n  return `${words[0].charAt(0)}${words[words.length - 1].charAt(\n    0,\n  )}`.toUpperCase();\n}\n\nexport function Avatar({\n  alt,\n  className,\n  'data-testid': dataTestId,\n  fallbackSrc,\n  name,\n  ref,\n  size = 'small',\n  src,\n  style,\n  status,\n}: AvatarProps): React.JSX.Element {\n  const avatarGroup = useAvatarGroup();\n  const resolvedSize = avatarGroup?.size ?? size;\n  const numericSize = useMemo(\n    () => resolveAvatarSize(resolvedSize),\n    [resolvedSize],\n  );\n  const initials = name != null ? getInitials(name) : '';\n  const showInitials = initials !== '';\n  const accessibleName = alt ?? (showInitials ? name : undefined) ?? 'Avatar';\n  const contentStyle = {\n    width: numericSize,\n    height: numericSize,\n  };\n  const fallbackStyle = {\n    fontSize: numericSize * INITIALS_FONT_SIZE_RATIO,\n  };\n  const statusStyle = {\n    bottom: numericSize * CIRCLE_EDGE_OFFSET_RATIO,\n    right: numericSize * CIRCLE_EDGE_OFFSET_RATIO,\n    transform: 'translate(50%, 50%)',\n  };\n\n  return (\n    <AvatarSizeContext value={numericSize}>\n      <div\n        aria-label={accessibleName}\n        className={cx(\n          avatarRecipe({isGrouped: avatarGroup != null}),\n          className,\n        )}\n        data-testid={dataTestId}\n        ref={ref}\n        role=\"img\"\n        style={style}>\n        <div className={styles.content} style={contentStyle}>\n          <AvatarImage\n            fallbackSrc={fallbackSrc}\n            key={`${src}\\0${fallbackSrc}`}\n            src={src}>\n            {showInitials ? (\n              <div className={styles.fallback} style={fallbackStyle}>\n                {initials}\n              </div>\n            ) : (\n              <div className={styles.fallback}>\n                <Icon\n                  icon={User}\n                  size={\n                    numericSize < 48 ? 'sm' : numericSize < 96 ? 'md' : 'lg'\n                  }\n                />\n              </div>\n            )}\n          </AvatarImage>\n        </div>\n        {status != null ? (\n          <div className={styles.status} style={statusStyle}>\n            {status}\n          </div>\n        ) : null}\n      </div>\n    </AvatarSizeContext>\n  );\n}\n\nfunction AvatarImage({\n  children,\n  fallbackSrc,\n  src,\n}: {\n  children: ReactNode;\n  fallbackSrc?: string;\n  src?: string;\n}): React.JSX.Element {\n  const [imageError, setImageError] = useState(false);\n  const [fallbackError, setFallbackError] = useState(false);\n  const showImage = src != null && src !== '' && !imageError;\n  const showFallbackImage =\n    !showImage && fallbackSrc != null && fallbackSrc !== '' && !fallbackError;\n\n  if (showImage) {\n    return (\n      <img\n        alt=\"\"\n        className={styles.image}\n        onError={() => setImageError(true)}\n        src={src}\n      />\n    );\n  }\n\n  if (showFallbackImage) {\n    return (\n      <img\n        alt=\"\"\n        className={styles.image}\n        onError={() => setFallbackError(true)}\n        src={fallbackSrc}\n      />\n    );\n  }\n\n  return <>{children}</>;\n}\n\nAvatar.displayName = 'Avatar';\n","import type {CSSProperties, ReactNode, Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {useAvatarSize} from './AvatarSizeContext';\n\nexport type AvatarStatusDotVariant = 'success' | 'neutral' | 'error';\n\n/**\n * Size-aware status indicator intended for Avatar's `status` prop.\n */\nexport interface AvatarStatusDotProps {\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Optional icon rendered inside medium and large dots.\n   */\n  icon?: ReactNode;\n  /**\n   * Accessible label describing the status, such as \"Online\".\n   */\n  label: string;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Semantic dot color. Default is `success`.\n   */\n  variant?: AvatarStatusDotVariant;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 'full',\n    borderStyle: 'solid',\n    borderColor: 'bg',\n    boxSizing: 'border-box',\n  }),\n  success: css({\n    bg: 'presence.success',\n  }),\n  neutral: css({\n    bg: 'presence.neutral',\n  }),\n  error: css({\n    bg: 'presence.error',\n  }),\n  icon: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'fg.onPrimary',\n    lineHeight: 0,\n    '& > svg': {\n      w: '100%',\n      h: '100%',\n    },\n  }),\n};\n\nconst variantClassName: Record<AvatarStatusDotVariant, string> = {\n  success: styles.success,\n  neutral: styles.neutral,\n  error: styles.error,\n};\n\nfunction resolveStatusDotSize(avatarSize: number): {\n  borderWidth: number;\n  dotSize: number;\n  iconSize: number;\n} {\n  if (avatarSize <= 36) {\n    return {borderWidth: 1, dotSize: 10, iconSize: 0};\n  }\n\n  if (avatarSize <= 72) {\n    return {borderWidth: 2, dotSize: 20, iconSize: 12};\n  }\n\n  return {borderWidth: 4, dotSize: 32, iconSize: 18};\n}\n\n/**\n * Size-aware status indicator dot rendered in the corner of an Avatar.\n */\nexport function AvatarStatusDot({\n  className,\n  'data-testid': dataTestId,\n  icon,\n  label,\n  ref,\n  style,\n  variant = 'success',\n}: AvatarStatusDotProps): React.JSX.Element {\n  const avatarSize = useAvatarSize();\n  const {borderWidth, dotSize, iconSize} = resolveStatusDotSize(avatarSize);\n  const hasVisibleIcon = icon != null && iconSize > 0;\n\n  return (\n    <div\n      aria-label={label}\n      className={cx(styles.root, variantClassName[variant], className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"img\"\n      style={{width: dotSize, height: dotSize, borderWidth, ...style}}>\n      {hasVisibleIcon ? (\n        <span\n          aria-hidden=\"true\"\n          className={styles.icon}\n          style={{width: iconSize, height: iconSize}}>\n          {icon}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nAvatarStatusDot.displayName = 'AvatarStatusDot';\n"]}

package/dist/chunk-PHFEQG4E.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Icon/Icon.recipe.ts","../src/components/Icon/Icon.tsx"],"names":["cva","jsx","cx"],"mappings":"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","file":"chunk-PHFEQG4E.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const iconRecipe = cva({\n  base: {\n    display: 'inline-block',\n    flexShrink: 0,\n  },\n  variants: {\n    size: {\n      sm: {\n        w: 'icon.sm',\n        h: 'icon.sm',\n      },\n      md: {\n        w: 'icon.md',\n        h: 'icon.md',\n      },\n      lg: {\n        w: 'icon.lg',\n        h: 'icon.lg',\n      },\n    },\n    color: {\n      primary: {color: 'icon.primary'},\n      secondary: {color: 'icon.secondary'},\n      tertiary: {color: 'icon.tertiary'},\n      disabled: {color: 'icon.disabled'},\n      accent: {color: 'icon.accent'},\n      success: {color: 'icon.success'},\n      error: {color: 'icon.error'},\n      warning: {color: 'icon.warning'},\n      info: {color: 'icon.info'},\n      inherit: {color: 'currentColor'},\n      blue: {color: 'icon.blue'},\n      red: {color: 'icon.red'},\n      green: {color: 'icon.green'},\n      gray: {color: 'icon.gray'},\n      cyan: {color: 'icon.cyan'},\n      teal: {color: 'icon.teal'},\n      yellow: {color: 'icon.yellow'},\n      orange: {color: 'icon.orange'},\n      pink: {color: 'icon.pink'},\n      purple: {color: 'icon.purple'},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'inherit',\n  },\n});\n\nexport type IconVariants = RecipeVariantProps<typeof iconRecipe>;\n","import type {LucideProps} from 'lucide-react';\nimport type {ComponentType, CSSProperties, Ref, SVGProps} from 'react';\nimport {cx} from '../../internal/cx';\nimport {iconRecipe} from './Icon.recipe';\n\nexport type IconColor =\n  | 'accent'\n  | 'blue'\n  | 'cyan'\n  | 'disabled'\n  | 'error'\n  | 'gray'\n  | 'green'\n  | 'info'\n  | 'inherit'\n  | 'orange'\n  | 'pink'\n  | 'primary'\n  | 'purple'\n  | 'red'\n  | 'secondary'\n  | 'success'\n  | 'teal'\n  | 'tertiary'\n  | 'warning'\n  | 'yellow';\n\nexport type IconSize = 'sm' | 'md' | 'lg';\nexport type IconComponent = ComponentType<\n  LucideProps | SVGProps<SVGSVGElement>\n>;\n\nexport interface IconProps extends Omit<\n  SVGProps<SVGSVGElement>,\n  'color' | 'height' | 'ref' | 'width'\n> {\n  /**\n   * Additional CSS class names applied to the SVG element.\n   */\n  className?: string;\n  /**\n   * Color token used for the icon.\n   * @default 'inherit'\n   */\n  color?: IconColor;\n  /**\n   * Test ID applied to the SVG element.\n   */\n  'data-testid'?: string;\n  /**\n   * Lucide icon component to render.\n   */\n  icon: IconComponent;\n  /**\n   * Ref forwarded to the SVG element.\n   */\n  ref?: Ref<SVGSVGElement>;\n  /**\n   * Icon size.\n   * @default 'md'\n   */\n  size?: IconSize;\n  /**\n   * Inline styles applied to the SVG element.\n   */\n  style?: CSSProperties;\n}\n\n/**\n * Renders a lucide icon with Silver UI size and color tokens.\n */\nexport function Icon({\n  className,\n  color = 'inherit',\n  'data-testid': dataTestId,\n  icon: IconElement,\n  ref,\n  size = 'md',\n  strokeWidth = 2,\n  style,\n  ...props\n}: IconProps): React.JSX.Element {\n  return (\n    <IconElement\n      {...props}\n      aria-hidden={props['aria-label'] == null ? true : undefined}\n      className={cx(iconRecipe({size, color}), className)}\n      data-testid={dataTestId}\n      focusable=\"false\"\n      height={undefined}\n      ref={ref}\n      role={props['aria-label'] == null ? undefined : 'img'}\n      strokeWidth={strokeWidth}\n      style={style}\n      width={undefined}\n    />\n  );\n}\n\nIcon.displayName = 'Icon';\n"]}