@cloudraker/reki 2.6.1 → 2.7.1

package/dist/chunks/chip-iu7movvthovdurgb.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as e, jsxs as h, Fragment as g } from "react/jsx-runtime";
+import { O as x } from "./overflowing-text-mm8bkx7voc6h8ra4.js";
+import { c as b } from "./cn-ct4n7r74mh8y0f48.js";
+const k = {
+  variant: {
+    regular: {
+      classes: "ring ring-inset ring-reki-hairline bg-reki-base",
+      description: "Bordered chip on the surface background (default)"
+    },
+    highlighted: {
+      classes: "bg-reki-fill",
+      description: "Filled chip with a subtle background"
+    },
+    transparent: {
+      classes: "bg-transparent",
+      description: "No background or border"
+    },
+    static: {
+      classes: "bg-reki-fill",
+      description: "Non-interactive filled chip"
+    }
+  }
+}, N = "inline-flex w-fit min-w-0 max-w-full items-center gap-1 rounded-sm align-middle text-reki-default", I = {
+  small: "h-5 px-1.5 text-xs",
+  large: "h-6 px-2 text-sm"
+};
+function v({
+  label: s,
+  tooltipLabel: m,
+  variant: t = "regular",
+  size: p = "small",
+  accent: r = "primary",
+  isBold: u = !1,
+  leftComponent: i,
+  rightComponent: n,
+  disabled: a = !1,
+  onClick: l,
+  className: f
+}) {
+  const c = !!l && !a && t !== "static", o = b(
+    N,
+    I[p],
+    k.variant[t].classes,
+    (u || r === "secondary") && "font-medium",
+    r === "secondary" && "text-reki-subtle",
+    a && "opacity-50",
+    c && "cursor-pointer hover:bg-reki-fill",
+    f
+  ), d = /* @__PURE__ */ h(g, { children: [
+    i ? /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center", children: i }) : null,
+    /* @__PURE__ */ e(
+      x,
+      {
+        text: s,
+        tooltipContent: m ?? s,
+        className: "text-inherit"
+      }
+    ),
+    n ? /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center", children: n }) : null
+  ] });
+  return c ? /* @__PURE__ */ e("button", { type: "button", onClick: l, className: o, children: d }) : /* @__PURE__ */ e("span", { className: o, children: d });
+}
+export {
+  v as C,
+  N as R,
+  k as a
+};
+//# sourceMappingURL=chip-iu7movvthovdurgb.js.map

package/dist/chunks/chip-iu7movvthovdurgb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-iu7movvthovdurgb.js","sources":["../../src/components/chip/chip.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { OverflowingText } from \"../overflowing-text\";\nimport { cn } from \"../../utils/cn\";\nexport const REKI_CHIP_DEFAULT_VARIANTS = {\n  variant: \"regular\",\n  size: \"small\",\n  accent: \"primary\",\n} as const;\n\nexport type ChipSize = \"small\" | \"large\";\nexport type ChipVariant = \"regular\" | \"highlighted\" | \"transparent\" | \"static\";\nexport type ChipAccent = \"primary\" | \"secondary\";\n\n/** Variant background/border definitions for the chip. */\nexport const REKI_CHIP_VARIANTS = {\n  variant: {\n    regular: {\n      classes: \"ring ring-inset ring-reki-hairline bg-reki-base\",\n      description: \"Bordered chip on the surface background (default)\",\n    },\n    highlighted: {\n      classes: \"bg-reki-fill\",\n      description: \"Filled chip with a subtle background\",\n    },\n    transparent: {\n      classes: \"bg-transparent\",\n      description: \"No background or border\",\n    },\n    static: {\n      classes: \"bg-reki-fill\",\n      description: \"Non-interactive filled chip\",\n    },\n  },\n} as const;\n\n/** Base styles shared by all chip variants. */\nexport const REKI_CHIP_BASE_STYLES =\n  \"inline-flex w-fit min-w-0 max-w-full items-center gap-1 rounded-sm align-middle text-reki-default\";\n\nconst SIZE_STYLES: Record<ChipSize, string> = {\n  small: \"h-5 px-1.5 text-xs\",\n  large: \"h-6 px-2 text-sm\",\n};\n\n/**\n * Chip component props.\n *\n * @example\n * ```tsx\n * <Chip label=\"Acme Inc.\" leftComponent={<Avatar initials=\"A\" size=\"xs\" />} />\n * ```\n */\nexport interface ChipProps {\n  /** Text label (truncated with a tooltip on overflow). */\n  label: string;\n  /** Tooltip content shown when the label overflows. Defaults to `label`. */\n  tooltipLabel?: string;\n  /** Visual variant. @default \"regular\" */\n  variant?: ChipVariant;\n  /** Size of the chip. @default \"small\" */\n  size?: ChipSize;\n  /** Text emphasis. `\"secondary\"` renders muted, medium-weight text. @default \"primary\" */\n  accent?: ChipAccent;\n  /** Renders the label in a medium font weight. */\n  isBold?: boolean;\n  /** Node rendered before the label (e.g. an avatar or icon). */\n  leftComponent?: ReactNode;\n  /** Node rendered after the label (e.g. a remove button or count). */\n  rightComponent?: ReactNode;\n  /** Disables the chip and dims it. */\n  disabled?: boolean;\n  /** Makes the chip interactive; renders as a button with hover affordance. */\n  onClick?: () => void;\n  /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */\n  className?: string;\n}\n\n/**\n * Compact reference token for a record or entity (a relation value, a tag with\n * an avatar, a removable selection). Presentational only — wire `onClick` /\n * `rightComponent` to your data layer. For a navigable chip, use\n * {@link LinkChip}.\n *\n * @example\n * ```tsx\n * <Chip label=\"Jane Doe\" leftComponent={<Avatar initials=\"JD\" size=\"xs\" />} onClick={open} />\n * <Chip label=\"Closed Won\" variant=\"highlighted\" accent=\"secondary\" />\n * ```\n */\nexport function Chip({\n  label,\n  tooltipLabel,\n  variant = \"regular\",\n  size = \"small\",\n  accent = \"primary\",\n  isBold = false,\n  leftComponent,\n  rightComponent,\n  disabled = false,\n  onClick,\n  className,\n}: ChipProps) {\n  const isInteractive = Boolean(onClick) && !disabled && variant !== \"static\";\n\n  const classes = cn(\n    REKI_CHIP_BASE_STYLES,\n    SIZE_STYLES[size],\n    REKI_CHIP_VARIANTS.variant[variant].classes,\n    (isBold || accent === \"secondary\") && \"font-medium\",\n    accent === \"secondary\" && \"text-reki-subtle\",\n    disabled && \"opacity-50\",\n    isInteractive && \"cursor-pointer hover:bg-reki-fill\",\n    className,\n  );\n\n  const content = (\n    <>\n      {leftComponent ? (\n        <span className=\"flex shrink-0 items-center\">{leftComponent}</span>\n      ) : null}\n      <OverflowingText\n        text={label}\n        tooltipContent={tooltipLabel ?? label}\n        className=\"text-inherit\"\n      />\n      {rightComponent ? (\n        <span className=\"flex shrink-0 items-center\">{rightComponent}</span>\n      ) : null}\n    </>\n  );\n\n  if (isInteractive) {\n    return (\n      <button type=\"button\" onClick={onClick} className={classes}>\n        {content}\n      </button>\n    );\n  }\n\n  return <span className={classes}>{content}</span>;\n}\n"],"names":["REKI_CHIP_VARIANTS","REKI_CHIP_BASE_STYLES","SIZE_STYLES","Chip","label","tooltipLabel","variant","size","accent","isBold","leftComponent","rightComponent","disabled","onClick","className","isInteractive","classes","cn","content","jsxs","Fragment","jsx","OverflowingText"],"mappings":";;;;AAcO,MAAMA,IAAqB;AAAA,EAChC,SAAS;AAAA,IACP,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,aAAa;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,aAAa;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAGaC,IACX,qGAEIC,IAAwC;AAAA,EAC5C,OAAO;AAAA,EACP,OAAO;AACT;AA+CO,SAASC,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,WAAAC;AACF,GAAc;AACZ,QAAMC,IAAgB,EAAQF,KAAY,CAACD,KAAYN,MAAY,UAE7DU,IAAUC;AAAA,IACdhB;AAAA,IACAC,EAAYK,CAAI;AAAA,IAChBP,EAAmB,QAAQM,CAAO,EAAE;AAAA,KACnCG,KAAUD,MAAW,gBAAgB;AAAA,IACtCA,MAAW,eAAe;AAAA,IAC1BI,KAAY;AAAA,IACZG,KAAiB;AAAA,IACjBD;AAAA,EAAA,GAGII,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAV,IACC,gBAAAW,EAAC,QAAA,EAAK,WAAU,8BAA8B,aAAc,IAC1D;AAAA,IACJ,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMlB;AAAA,QACN,gBAAgBC,KAAgBD;AAAA,QAChC,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEXO,IACC,gBAAAU,EAAC,QAAA,EAAK,WAAU,8BAA8B,aAAe,IAC3D;AAAA,EAAA,GACN;AAGF,SAAIN,sBAEC,UAAA,EAAO,MAAK,UAAS,SAAAF,GAAkB,WAAWG,GAChD,UAAAE,GACH,IAIG,gBAAAG,EAAC,QAAA,EAAK,WAAWL,GAAU,UAAAE,GAAQ;AAC5C;"}

package/dist/chunks/circular-progress-bar-ofg0ps2axad1wsr6.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { c as h } from "./cn-ct4n7r74mh8y0f48.js";
+function f({
+  value: n,
+  size: r = 40,
+  barWidth: e = 4,
+  label: c = "Progress",
+  className: l
+}) {
+  const t = Math.max(0, Math.min(100, n)), o = r / 2 - e / 2, a = r / 2;
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      width: r,
+      height: r,
+      viewBox: `0 0 ${r} ${r}`,
+      role: "progressbar",
+      "aria-label": c,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": Math.round(t),
+      className: h(l),
+      children: [
+        /* @__PURE__ */ s(
+          "circle",
+          {
+            cx: a,
+            cy: a,
+            r: o,
+            fill: "none",
+            strokeWidth: e,
+            pathLength: 100,
+            className: "stroke-reki-fill"
+          }
+        ),
+        /* @__PURE__ */ s(
+          "circle",
+          {
+            cx: a,
+            cy: a,
+            r: o,
+            fill: "none",
+            strokeWidth: e,
+            strokeLinecap: "round",
+            className: "stroke-reki-brand",
+            pathLength: 100,
+            strokeDasharray: 100,
+            strokeDashoffset: 100 - t,
+            transform: `rotate(-90 ${a} ${a})`
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  f as C
+};
+//# sourceMappingURL=circular-progress-bar-ofg0ps2axad1wsr6.js.map

package/dist/chunks/circular-progress-bar-ofg0ps2axad1wsr6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress-bar-ofg0ps2axad1wsr6.js","sources":["../../src/components/circular-progress-bar/circular-progress-bar.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\n\n/** Variant standard export (reki convention). */\nexport const REKI_CIRCULAR_PROGRESS_BAR_VARIANTS = {} as const;\n\nexport const REKI_CIRCULAR_PROGRESS_BAR_DEFAULT_VARIANTS = {} as const;\n\n/**\n * CircularProgressBar component props.\n *\n * @example\n * ```tsx\n * <CircularProgressBar value={75} />\n * ```\n */\nexport interface CircularProgressBarProps {\n  /** Progress as a percentage (0–100). */\n  value: number;\n  /** Diameter in pixels. @default 40 */\n  size?: number;\n  /** Stroke width in pixels. @default 4 */\n  barWidth?: number;\n  /** Accessible label. @default \"Progress\" */\n  label?: string;\n  /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */\n  className?: string;\n}\n\n/**\n * A determinate circular progress ring — for record completeness, quota usage,\n * and similar single-value metrics. For a linear bar use `Meter`; for an\n * indeterminate spinner use `Loader`.\n *\n * @example\n * ```tsx\n * <CircularProgressBar value={profile.completeness} />\n * ```\n */\nexport function CircularProgressBar({\n  value,\n  size = 40,\n  barWidth = 4,\n  label = \"Progress\",\n  className,\n}: CircularProgressBarProps) {\n  const clamped = Math.max(0, Math.min(100, value));\n  const radius = size / 2 - barWidth / 2;\n  const center = size / 2;\n\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox={`0 0 ${size} ${size}`}\n      role=\"progressbar\"\n      aria-label={label}\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={Math.round(clamped)}\n      className={cn(className)}\n    >\n      <circle\n        cx={center}\n        cy={center}\n        r={radius}\n        fill=\"none\"\n        strokeWidth={barWidth}\n        pathLength={100}\n        className=\"stroke-reki-fill\"\n      />\n      <circle\n        cx={center}\n        cy={center}\n        r={radius}\n        fill=\"none\"\n        strokeWidth={barWidth}\n        strokeLinecap=\"round\"\n        className=\"stroke-reki-brand\"\n        pathLength={100}\n        strokeDasharray={100}\n        strokeDashoffset={100 - clamped}\n        transform={`rotate(-90 ${center} ${center})`}\n      />\n    </svg>\n  );\n}\n"],"names":["CircularProgressBar","value","size","barWidth","label","className","clamped","radius","center","jsxs","cn","jsx"],"mappings":";;;AAsCO,SAASA,EAAoB;AAAA,EAClC,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,WAAAC;AACF,GAA6B;AAC3B,QAAMC,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAKL,CAAK,CAAC,GAC1CM,IAASL,IAAO,IAAIC,IAAW,GAC/BK,IAASN,IAAO;AAEtB,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAOP;AAAA,MACP,QAAQA;AAAA,MACR,SAAS,OAAOA,CAAI,IAAIA,CAAI;AAAA,MAC5B,MAAK;AAAA,MACL,cAAYE;AAAA,MACZ,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,KAAK,MAAME,CAAO;AAAA,MACjC,WAAWI,EAAGL,CAAS;AAAA,MAEvB,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAIH;AAAA,YACJ,IAAIA;AAAA,YACJ,GAAGD;AAAA,YACH,MAAK;AAAA,YACL,aAAaJ;AAAA,YACb,YAAY;AAAA,YACZ,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAIH;AAAA,YACJ,IAAIA;AAAA,YACJ,GAAGD;AAAA,YACH,MAAK;AAAA,YACL,aAAaJ;AAAA,YACb,eAAc;AAAA,YACd,WAAU;AAAA,YACV,YAAY;AAAA,YACZ,iBAAiB;AAAA,YACjB,kBAAkB,MAAMG;AAAA,YACxB,WAAW,cAAcE,CAAM,IAAIA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3C;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/chunks/{clipboard-text-g3659lejx2d7i93e.js → clipboard-text-ogue8iq06n1z7q7v.js}

@@ -2,11 +2,11 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { CheckIcon as A, CopyIcon as S } from "@phosphor-icons/react";
 import { forwardRef as I, useState as P, useRef as _, useCallback as V } from "react";
-import { B as E } from "./button-nc5p1h28cwes0tjw.js";
-import { i as j } from "./input-i5nefqk213n4z7pr.js";
+import { B as E } from "./button-fvlz1rzc3s1hpyxs.js";
+import { i as j } from "./input-eno4q26x68rx3i8q.js";
 import { c as s } from "./cn-ct4n7r74mh8y0f48.js";
 import { r as y } from "./resolve-variant-t8jcltsizeg29ege.js";
-import { V as B, W as O, X as D, Y as L, Z as M, _ as X, $ as K, a0 as U, a1 as W, a2 as F, a3 as Y, a4 as Z, a5 as $ } from "./vendor-base-ui-bgl9g5nkvqy3tn36.js";
+import { V as B, W as O, X as D, Y as L, Z as M, _ as X, $ as K, a0 as U, a1 as W, a2 as F, a3 as Y, a4 as Z, a5 as $ } from "./vendor-base-ui-djdjrfuoxlb1lubi.js";
 const v = X(), C = {
   size: {
     sm: {
@@ -188,4 +188,4 @@ J.displayName = "ClipboardText";
 export {
   J as C
 };
-//# sourceMappingURL=clipboard-text-g3659lejx2d7i93e.js.map
+//# sourceMappingURL=clipboard-text-ogue8iq06n1z7q7v.js.map

package/dist/chunks/{clipboard-text-g3659lejx2d7i93e.js.map → clipboard-text-ogue8iq06n1z7q7v.js.map}

@@ -1 +1 @@
-{"version":3,"file":"clipboard-text-g3659lejx2d7i93e.js","sources":["../../src/components/clipboard-text/clipboard-text.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from \"@phosphor-icons/react\";\nimport { forwardRef, useCallback, useRef, useState } from \"react\";\nimport { Toast } from \"@base-ui/react/toast\";\nimport { Tooltip } from \"@base-ui/react/tooltip\";\nimport { Button } from \"../button\";\nimport { inputVariants } from \"../input\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant } from \"../../utils/resolve-variant\";\n\n// Create a toast manager for anchored \"Copied\" toasts\nconst clipboardToastManager = Toast.createToastManager();\n\n/** ClipboardText size variant definitions mapping sizes to their Tailwind classes. */\nexport const REKI_CLIPBOARD_TEXT_VARIANTS = {\n  size: {\n    sm: {\n      classes: \"text-xs\",\n      buttonSize: \"sm\" as const,\n      description: \"Small clipboard text for compact UIs\",\n    },\n    base: {\n      classes: \"text-sm\",\n      buttonSize: \"base\" as const,\n      description: \"Default clipboard text size\",\n    },\n    lg: {\n      classes: \"text-sm\",\n      buttonSize: \"lg\" as const,\n      description: \"Large clipboard text for prominent display\",\n    },\n  },\n} as const;\n\nexport const REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS = {\n  size: \"lg\",\n} as const;\n\nconst clipboardTextAnimations = {\n  slide: {\n    initial:\n      \"pointer-events-none absolute inset-0 flex items-center justify-center opacity-0 translate-y-full\",\n    animate: \"translate-y-0 opacity-100\",\n    end: \"pointer-events-none absolute inset-0 flex items-center justify-center opacity-0 -translate-y-full\",\n  },\n} as const;\n\n// Derived types from REKI_CLIPBOARD_TEXT_VARIANTS\nexport type RekiClipboardTextSize =\n  keyof typeof REKI_CLIPBOARD_TEXT_VARIANTS.size;\n\nexport interface RekiClipboardTextVariantsProps {\n  /**\n   * Size of the clipboard text field.\n   * - `\"sm\"` — Small clipboard text for compact UIs\n   * - `\"base\"` — Default clipboard text size\n   * - `\"lg\"` — Large clipboard text for prominent display\n   * @default \"lg\"\n   */\n  size?: RekiClipboardTextSize;\n}\n\nexport function clipboardTextVariants({\n  size = REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS.size,\n}: RekiClipboardTextVariantsProps = {}) {\n  return cn(\n    // Base styles\n    \"flex items-center overflow-hidden bg-reki-base px-0 font-mono\",\n    // Apply size styles from REKI_CLIPBOARD_TEXT_VARIANTS\n    resolveVariant(REKI_CLIPBOARD_TEXT_VARIANTS.size, size, REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS.size).classes,\n  );\n}\n\n// Legacy type alias for backwards compatibility\nexport type ClipboardTextSize = RekiClipboardTextSize;\n\n/**\n * ClipboardText component props.\n *\n * @example\n * ```tsx\n * <ClipboardText text=\"sk_live_abc123\" />\n * <ClipboardText text=\"npm install @cloudraker/reki\" size=\"sm\" />\n * ```\n */\nexport interface ClipboardTextProps extends RekiClipboardTextVariantsProps {\n  /** The text to display and copy to clipboard. */\n  text: string;\n  /** If provided, this text will be copied to clipboard instead of the `text` prop. */\n  textToCopy?: string;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /** Callback fired after text is copied to clipboard. */\n  onCopy?: () => void;\n  /**\n   * Tooltip config. Shows tooltip on hover, anchored toast on click.\n   * @example\n   * ```tsx\n   * <ClipboardText\n   *   text=\"abc123\"\n   *   tooltip={{ text: \"Copy\", copiedText: \"Copied!\", side: \"top\" }}\n   * />\n   * ```\n   */\n  tooltip?: {\n    /** Text shown in tooltip on hover. @default \"Copy\" */\n    text?: string;\n    /** Text shown in toast after copying. @default \"Copied\" */\n    copiedText?: string;\n    /** Tooltip/toast placement. @default \"top\" */\n    side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  };\n  /** Accessible labels for i18n. */\n  labels?: {\n    /** @default \"Copy to clipboard\" */\n    copyAction?: string;\n  };\n}\n\n/**\n * Anchored toasts viewport - renders \"Copied\" toasts anchored to buttons\n */\nfunction AnchoredToasts() {\n  const { toasts } = Toast.useToastManager();\n  return (\n    <Toast.Viewport className=\"pointer-events-none fixed inset-0 isolate\">\n      {toasts.map((toast) => (\n        <Toast.Positioner key={toast.id} toast={toast} className=\"absolute\">\n          <Toast.Root\n            toast={toast}\n            className={cn(\n              \"flex origin-[var(--transform-origin)] flex-col rounded-md bg-reki-base px-3 py-1.5 text-xs text-reki-default font-sans\",\n              \"shadow-lg shadow-reki-tip-shadow outline outline-reki-fill\",\n            )}\n          >\n            <Toast.Description />\n          </Toast.Root>\n        </Toast.Positioner>\n      ))}\n    </Toast.Viewport>\n  );\n}\n\n/**\n * Internal wrapper that provides Toast context when tooltip is enabled.\n */\nfunction TooltipWrapper({ children }: { children: React.ReactNode }) {\n  return (\n    <Tooltip.Provider>\n      <Toast.Provider toastManager={clipboardToastManager}>\n        <AnchoredToasts />\n        {children}\n      </Toast.Provider>\n    </Tooltip.Provider>\n  );\n}\n\n/**\n * Read-only text field with a one-click copy-to-clipboard button.\n *\n * @example\n * ```tsx\n * <ClipboardText text=\"0c239dd2\" />\n * ```\n */\nexport const ClipboardText = forwardRef<HTMLDivElement, ClipboardTextProps>(\n  (\n    {\n      text,\n      textToCopy,\n      className,\n      size = REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS.size,\n      onCopy,\n      tooltip,\n      labels: { copyAction = \"Copy to clipboard\" } = {},\n    },\n    ref,\n  ) => {\n    const [copied, setCopied] = useState(false);\n    const buttonRef = useRef<HTMLButtonElement | null>(null);\n    const sizeConfig = resolveVariant(REKI_CLIPBOARD_TEXT_VARIANTS.size, size, REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS.size);\n\n    // Destructure tooltip config with defaults\n    const {\n      text: tooltipText = \"Copy\",\n      copiedText = \"Copied\",\n      side: tooltipSide = \"top\",\n    } = tooltip ?? {};\n\n    const copyToClipboard = useCallback(async () => {\n      try {\n        if (\n          typeof navigator !== \"undefined\" &&\n          navigator.clipboard &&\n          typeof navigator.clipboard.writeText === \"function\"\n        ) {\n          await navigator.clipboard.writeText(textToCopy ?? text);\n        } else if (typeof document !== \"undefined\") {\n          // Fallback for older browsers\n          const textarea = document.createElement(\"textarea\");\n          textarea.value = textToCopy ?? text;\n          textarea.setAttribute(\"readonly\", \"\");\n          textarea.style.position = \"absolute\";\n          textarea.style.left = \"-9999px\";\n          document.body.appendChild(textarea);\n          const selection = document.getSelection();\n          const previousRange = selection?.rangeCount\n            ? selection.getRangeAt(0)\n            : null;\n          textarea.select();\n          try {\n            document.execCommand(\"copy\");\n          } finally {\n            document.body.removeChild(textarea);\n            if (previousRange) {\n              selection?.removeAllRanges();\n              selection?.addRange(previousRange);\n            }\n          }\n        }\n\n        setCopied(true);\n\n        // Show anchored toast if tooltip mode is enabled\n        if (tooltip) {\n          clipboardToastManager.add({\n            description: copiedText,\n            positionerProps: {\n              anchor: buttonRef.current,\n              side: tooltipSide,\n              sideOffset: 8,\n            },\n            timeout: 1500,\n            onClose() {\n              setCopied(false);\n            },\n          });\n        } else {\n          // Reset copied state after delay when no tooltip\n          setTimeout(() => setCopied(false), 1500);\n        }\n\n        onCopy?.();\n      } catch (error) {\n        console.warn(\"Clipboard copy failed\", error);\n      }\n    }, [text, onCopy, tooltip, copiedText, tooltipSide]);\n\n    const copyButton = (\n      <Button\n        ref={buttonRef}\n        size={sizeConfig.buttonSize}\n        variant=\"ghost\"\n        className={cn(\n          \"rounded-l-none rounded-r-[inherit] border-l! border-reki-line! px-3 relative isolate overflow-hidden transition-all duration-200\",\n          \"focus:ring-inset focus:ring-reki-focus/50\",\n          \"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-reki-brand\",\n        )}\n        onClick={copyToClipboard}\n        aria-label={copyAction}\n      >\n        <span\n          className={cn(\n            \"flex items-center gap-1 transition-all duration-200\",\n            copied\n              ? clipboardTextAnimations.slide.animate\n              : clipboardTextAnimations.slide.initial,\n          )}\n        >\n          <CheckIcon />\n        </span>\n        <span\n          className={cn(\n            \"flex items-center justify-center transition-all duration-200\",\n            copied\n              ? clipboardTextAnimations.slide.end\n              : clipboardTextAnimations.slide.animate,\n          )}\n        >\n          <CopyIcon />\n        </span>\n      </Button>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          inputVariants({ size: sizeConfig.buttonSize }),\n          clipboardTextVariants({ size }),\n          className,\n        )}\n      >\n        <span className=\"grow truncate ps-4 pe-2\">{text}</span>\n        {tooltip ? (\n          <TooltipWrapper>\n            <Tooltip.Root\n              disabled={copied}\n              onOpenChange={(open, eventDetails) => {\n                // Prevent tooltip from closing when button is clicked\n                if (eventDetails.reason === \"trigger-press\") {\n                  eventDetails.cancel();\n                }\n              }}\n            >\n              <Tooltip.Trigger render={copyButton} />\n              <Tooltip.Portal>\n                <Tooltip.Positioner side={tooltipSide} sideOffset={8}>\n                  <Tooltip.Popup\n                    className={cn(\n                      \"flex origin-[var(--transform-origin)] flex-col rounded-md bg-reki-base px-3 py-1.5 text-xs text-reki-default\",\n                      \"shadow-lg shadow-reki-tip-shadow outline outline-reki-fill\",\n                    )}\n                  >\n                    {tooltipText}\n                  </Tooltip.Popup>\n                </Tooltip.Positioner>\n              </Tooltip.Portal>\n            </Tooltip.Root>\n          </TooltipWrapper>\n        ) : (\n          copyButton\n        )}\n        <span className=\"sr-only\" aria-live=\"polite\">\n          {copied ? copiedText : \"\"}\n        </span>\n      </div>\n    );\n  },\n);\n\nClipboardText.displayName = \"ClipboardText\";\n"],"names":["clipboardToastManager","Toast.createToastManager","REKI_CLIPBOARD_TEXT_VARIANTS","REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS","clipboardTextAnimations","clipboardTextVariants","size","cn","resolveVariant","AnchoredToasts","toasts","Toast.useToastManager","Toast.Viewport","toast","Toast.Positioner","jsx","Toast.Root","Toast.Description","TooltipWrapper","children","Tooltip.Provider","Toast.Provider","ClipboardText","forwardRef","text","textToCopy","className","onCopy","tooltip","copyAction","ref","copied","setCopied","useState","buttonRef","useRef","sizeConfig","tooltipText","copiedText","tooltipSide","copyToClipboard","useCallback","textarea","selection","previousRange","error","copyButton","jsxs","Button","CheckIcon","CopyIcon","inputVariants","Tooltip.Root","open","eventDetails","Tooltip.Trigger","Tooltip.Portal","Tooltip.Positioner","Tooltip.Popup"],"mappings":"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"}
+{"version":3,"file":"clipboard-text-ogue8iq06n1z7q7v.js","sources":["../../src/components/clipboard-text/clipboard-text.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from \"@phosphor-icons/react\";\nimport { forwardRef, useCallback, useRef, useState } from \"react\";\nimport { Toast } from \"@base-ui/react/toast\";\nimport { Tooltip } from \"@base-ui/react/tooltip\";\nimport { Button } from \"../button\";\nimport { inputVariants } from \"../input\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant } from \"../../utils/resolve-variant\";\n\n// Create a toast manager for anchored \"Copied\" toasts\nconst clipboardToastManager = Toast.createToastManager();\n\n/** ClipboardText size variant definitions mapping sizes to their Tailwind classes. */\nexport const REKI_CLIPBOARD_TEXT_VARIANTS = {\n  size: {\n    sm: {\n      classes: \"text-xs\",\n      buttonSize: \"sm\" as const,\n      description: \"Small clipboard text for compact UIs\",\n    },\n    base: {\n      classes: \"text-sm\",\n      buttonSize: \"base\" as const,\n      description: \"Default clipboard text size\",\n    },\n    lg: {\n      classes: \"text-sm\",\n      buttonSize: \"lg\" as const,\n      description: \"Large clipboard text for prominent display\",\n    },\n  },\n} as const;\n\nexport const REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS = {\n  size: \"lg\",\n} as const;\n\nconst clipboardTextAnimations = {\n  slide: {\n    initial:\n      \"pointer-events-none absolute inset-0 flex items-center justify-center opacity-0 translate-y-full\",\n    animate: \"translate-y-0 opacity-100\",\n    end: \"pointer-events-none absolute inset-0 flex items-center justify-center opacity-0 -translate-y-full\",\n  },\n} as const;\n\n// Derived types from REKI_CLIPBOARD_TEXT_VARIANTS\nexport type RekiClipboardTextSize =\n  keyof typeof REKI_CLIPBOARD_TEXT_VARIANTS.size;\n\nexport interface RekiClipboardTextVariantsProps {\n  /**\n   * Size of the clipboard text field.\n   * - `\"sm\"` — Small clipboard text for compact UIs\n   * - `\"base\"` — Default clipboard text size\n   * - `\"lg\"` — Large clipboard text for prominent display\n   * @default \"lg\"\n   */\n  size?: RekiClipboardTextSize;\n}\n\nexport function clipboardTextVariants({\n  size = REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS.size,\n}: RekiClipboardTextVariantsProps = {}) {\n  return cn(\n    // Base styles\n    \"flex items-center overflow-hidden bg-reki-base px-0 font-mono\",\n    // Apply size styles from REKI_CLIPBOARD_TEXT_VARIANTS\n    resolveVariant(REKI_CLIPBOARD_TEXT_VARIANTS.size, size, REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS.size).classes,\n  );\n}\n\n// Legacy type alias for backwards compatibility\nexport type ClipboardTextSize = RekiClipboardTextSize;\n\n/**\n * ClipboardText component props.\n *\n * @example\n * ```tsx\n * <ClipboardText text=\"sk_live_abc123\" />\n * <ClipboardText text=\"npm install @cloudraker/reki\" size=\"sm\" />\n * ```\n */\nexport interface ClipboardTextProps extends RekiClipboardTextVariantsProps {\n  /** The text to display and copy to clipboard. */\n  text: string;\n  /** If provided, this text will be copied to clipboard instead of the `text` prop. */\n  textToCopy?: string;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /** Callback fired after text is copied to clipboard. */\n  onCopy?: () => void;\n  /**\n   * Tooltip config. Shows tooltip on hover, anchored toast on click.\n   * @example\n   * ```tsx\n   * <ClipboardText\n   *   text=\"abc123\"\n   *   tooltip={{ text: \"Copy\", copiedText: \"Copied!\", side: \"top\" }}\n   * />\n   * ```\n   */\n  tooltip?: {\n    /** Text shown in tooltip on hover. @default \"Copy\" */\n    text?: string;\n    /** Text shown in toast after copying. @default \"Copied\" */\n    copiedText?: string;\n    /** Tooltip/toast placement. @default \"top\" */\n    side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  };\n  /** Accessible labels for i18n. */\n  labels?: {\n    /** @default \"Copy to clipboard\" */\n    copyAction?: string;\n  };\n}\n\n/**\n * Anchored toasts viewport - renders \"Copied\" toasts anchored to buttons\n */\nfunction AnchoredToasts() {\n  const { toasts } = Toast.useToastManager();\n  return (\n    <Toast.Viewport className=\"pointer-events-none fixed inset-0 isolate\">\n      {toasts.map((toast) => (\n        <Toast.Positioner key={toast.id} toast={toast} className=\"absolute\">\n          <Toast.Root\n            toast={toast}\n            className={cn(\n              \"flex origin-[var(--transform-origin)] flex-col rounded-md bg-reki-base px-3 py-1.5 text-xs text-reki-default font-sans\",\n              \"shadow-lg shadow-reki-tip-shadow outline outline-reki-fill\",\n            )}\n          >\n            <Toast.Description />\n          </Toast.Root>\n        </Toast.Positioner>\n      ))}\n    </Toast.Viewport>\n  );\n}\n\n/**\n * Internal wrapper that provides Toast context when tooltip is enabled.\n */\nfunction TooltipWrapper({ children }: { children: React.ReactNode }) {\n  return (\n    <Tooltip.Provider>\n      <Toast.Provider toastManager={clipboardToastManager}>\n        <AnchoredToasts />\n        {children}\n      </Toast.Provider>\n    </Tooltip.Provider>\n  );\n}\n\n/**\n * Read-only text field with a one-click copy-to-clipboard button.\n *\n * @example\n * ```tsx\n * <ClipboardText text=\"0c239dd2\" />\n * ```\n */\nexport const ClipboardText = forwardRef<HTMLDivElement, ClipboardTextProps>(\n  (\n    {\n      text,\n      textToCopy,\n      className,\n      size = REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS.size,\n      onCopy,\n      tooltip,\n      labels: { copyAction = \"Copy to clipboard\" } = {},\n    },\n    ref,\n  ) => {\n    const [copied, setCopied] = useState(false);\n    const buttonRef = useRef<HTMLButtonElement | null>(null);\n    const sizeConfig = resolveVariant(REKI_CLIPBOARD_TEXT_VARIANTS.size, size, REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS.size);\n\n    // Destructure tooltip config with defaults\n    const {\n      text: tooltipText = \"Copy\",\n      copiedText = \"Copied\",\n      side: tooltipSide = \"top\",\n    } = tooltip ?? {};\n\n    const copyToClipboard = useCallback(async () => {\n      try {\n        if (\n          typeof navigator !== \"undefined\" &&\n          navigator.clipboard &&\n          typeof navigator.clipboard.writeText === \"function\"\n        ) {\n          await navigator.clipboard.writeText(textToCopy ?? text);\n        } else if (typeof document !== \"undefined\") {\n          // Fallback for older browsers\n          const textarea = document.createElement(\"textarea\");\n          textarea.value = textToCopy ?? text;\n          textarea.setAttribute(\"readonly\", \"\");\n          textarea.style.position = \"absolute\";\n          textarea.style.left = \"-9999px\";\n          document.body.appendChild(textarea);\n          const selection = document.getSelection();\n          const previousRange = selection?.rangeCount\n            ? selection.getRangeAt(0)\n            : null;\n          textarea.select();\n          try {\n            document.execCommand(\"copy\");\n          } finally {\n            document.body.removeChild(textarea);\n            if (previousRange) {\n              selection?.removeAllRanges();\n              selection?.addRange(previousRange);\n            }\n          }\n        }\n\n        setCopied(true);\n\n        // Show anchored toast if tooltip mode is enabled\n        if (tooltip) {\n          clipboardToastManager.add({\n            description: copiedText,\n            positionerProps: {\n              anchor: buttonRef.current,\n              side: tooltipSide,\n              sideOffset: 8,\n            },\n            timeout: 1500,\n            onClose() {\n              setCopied(false);\n            },\n          });\n        } else {\n          // Reset copied state after delay when no tooltip\n          setTimeout(() => setCopied(false), 1500);\n        }\n\n        onCopy?.();\n      } catch (error) {\n        console.warn(\"Clipboard copy failed\", error);\n      }\n    }, [text, onCopy, tooltip, copiedText, tooltipSide]);\n\n    const copyButton = (\n      <Button\n        ref={buttonRef}\n        size={sizeConfig.buttonSize}\n        variant=\"ghost\"\n        className={cn(\n          \"rounded-l-none rounded-r-[inherit] border-l! border-reki-line! px-3 relative isolate overflow-hidden transition-all duration-200\",\n          \"focus:ring-inset focus:ring-reki-focus/50\",\n          \"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-reki-brand\",\n        )}\n        onClick={copyToClipboard}\n        aria-label={copyAction}\n      >\n        <span\n          className={cn(\n            \"flex items-center gap-1 transition-all duration-200\",\n            copied\n              ? clipboardTextAnimations.slide.animate\n              : clipboardTextAnimations.slide.initial,\n          )}\n        >\n          <CheckIcon />\n        </span>\n        <span\n          className={cn(\n            \"flex items-center justify-center transition-all duration-200\",\n            copied\n              ? clipboardTextAnimations.slide.end\n              : clipboardTextAnimations.slide.animate,\n          )}\n        >\n          <CopyIcon />\n        </span>\n      </Button>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          inputVariants({ size: sizeConfig.buttonSize }),\n          clipboardTextVariants({ size }),\n          className,\n        )}\n      >\n        <span className=\"grow truncate ps-4 pe-2\">{text}</span>\n        {tooltip ? (\n          <TooltipWrapper>\n            <Tooltip.Root\n              disabled={copied}\n              onOpenChange={(open, eventDetails) => {\n                // Prevent tooltip from closing when button is clicked\n                if (eventDetails.reason === \"trigger-press\") {\n                  eventDetails.cancel();\n                }\n              }}\n            >\n              <Tooltip.Trigger render={copyButton} />\n              <Tooltip.Portal>\n                <Tooltip.Positioner side={tooltipSide} sideOffset={8}>\n                  <Tooltip.Popup\n                    className={cn(\n                      \"flex origin-[var(--transform-origin)] flex-col rounded-md bg-reki-base px-3 py-1.5 text-xs text-reki-default\",\n                      \"shadow-lg shadow-reki-tip-shadow outline outline-reki-fill\",\n                    )}\n                  >\n                    {tooltipText}\n                  </Tooltip.Popup>\n                </Tooltip.Positioner>\n              </Tooltip.Portal>\n            </Tooltip.Root>\n          </TooltipWrapper>\n        ) : (\n          copyButton\n        )}\n        <span className=\"sr-only\" aria-live=\"polite\">\n          {copied ? copiedText : \"\"}\n        </span>\n      </div>\n    );\n  },\n);\n\nClipboardText.displayName = \"ClipboardText\";\n"],"names":["clipboardToastManager","Toast.createToastManager","REKI_CLIPBOARD_TEXT_VARIANTS","REKI_CLIPBOARD_TEXT_DEFAULT_VARIANTS","clipboardTextAnimations","clipboardTextVariants","size","cn","resolveVariant","AnchoredToasts","toasts","Toast.useToastManager","Toast.Viewport","toast","Toast.Positioner","jsx","Toast.Root","Toast.Description","TooltipWrapper","children","Tooltip.Provider","Toast.Provider","ClipboardText","forwardRef","text","textToCopy","className","onCopy","tooltip","copyAction","ref","copied","setCopied","useState","buttonRef","useRef","sizeConfig","tooltipText","copiedText","tooltipSide","copyToClipboard","useCallback","textarea","selection","previousRange","error","copyButton","jsxs","Button","CheckIcon","CopyIcon","inputVariants","Tooltip.Root","open","eventDetails","Tooltip.Trigger","Tooltip.Portal","Tooltip.Positioner","Tooltip.Popup"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAwBC,EAAM,GAGvBC,IAA+B;AAAA,EAC1C,MAAM;AAAA,IACJ,IAAI;AAAA,MACF,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,IAEf,IAAI;AAAA,MACF,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAEaC,IAAuC;AAAA,EAClD,MAAM;AACR,GAEMC,IAA0B;AAAA,EAC9B,OAAO;AAAA,IACL,SACE;AAAA,IACF,SAAS;AAAA,IACT,KAAK;AAAA,EAAA;AAET;AAiBO,SAASC,EAAsB;AAAA,EACpC,MAAAC,IAAOH,EAAqC;AAC9C,IAAoC,IAAI;AACtC,SAAOI;AAAA;AAAA,IAEL;AAAA;AAAA,IAEAC,EAAeN,EAA6B,MAAMI,GAAMH,EAAqC,IAAI,EAAE;AAAA,EAAA;AAEvG;AAmDA,SAASM,IAAiB;AACxB,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAM;AACzB,2BACGC,GAAA,EAAe,WAAU,6CACvB,UAAAF,EAAO,IAAI,CAACG,wBACVC,GAAA,EAAgC,OAAAD,GAAc,WAAU,YACvD,UAAA,gBAAAE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAH;AAAA,MACA,WAAWN;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAQ,EAACE,GAAA,CAAA,CAAkB;AAAA,IAAA;AAAA,EAAA,EACrB,GATqBJ,EAAM,EAU7B,CACD,GACH;AAEJ;AAKA,SAASK,EAAe,EAAE,UAAAC,KAA2C;AACnE,SACE,gBAAAJ,EAACK,GAAA,EACC,4BAACC,GAAA,EAAe,cAAcrB,GAC5B,UAAA;AAAA,IAAA,gBAAAe,EAACN,GAAA,EAAe;AAAA,IACfU;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAUO,MAAMG,IAAgBC;AAAA,EAC3B,CACE;AAAA,IACE,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAApB,IAAOH,EAAqC;AAAA,IAC5C,QAAAwB;AAAA,IACA,SAAAC;AAAA,IACA,QAAQ,EAAE,YAAAC,IAAa,wBAAwB,CAAA;AAAA,EAAC,GAElDC,MACG;AACH,UAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAYC,EAAiC,IAAI,GACjDC,IAAa5B,EAAeN,EAA6B,MAAMI,GAAMH,EAAqC,IAAI,GAG9G;AAAA,MACJ,MAAMkC,IAAc;AAAA,MACpB,YAAAC,IAAa;AAAA,MACb,MAAMC,IAAc;AAAA,IAAA,IAClBX,KAAW,CAAA,GAETY,IAAkBC,EAAY,YAAY;AAC9C,UAAI;AACF,YACE,OAAO,YAAc,OACrB,UAAU,aACV,OAAO,UAAU,UAAU,aAAc;AAEzC,gBAAM,UAAU,UAAU,UAAUhB,KAAcD,CAAI;AAAA,iBAC7C,OAAO,WAAa,KAAa;AAE1C,gBAAMkB,IAAW,SAAS,cAAc,UAAU;AAClD,UAAAA,EAAS,QAAQjB,KAAcD,GAC/BkB,EAAS,aAAa,YAAY,EAAE,GACpCA,EAAS,MAAM,WAAW,YAC1BA,EAAS,MAAM,OAAO,WACtB,SAAS,KAAK,YAAYA,CAAQ;AAClC,gBAAMC,IAAY,SAAS,aAAA,GACrBC,IAAgBD,GAAW,aAC7BA,EAAU,WAAW,CAAC,IACtB;AACJ,UAAAD,EAAS,OAAA;AACT,cAAI;AACF,qBAAS,YAAY,MAAM;AAAA,UAC7B,UAAA;AACE,qBAAS,KAAK,YAAYA,CAAQ,GAC9BE,MACFD,GAAW,gBAAA,GACXA,GAAW,SAASC,CAAa;AAAA,UAErC;AAAA,QACF;AAEA,QAAAZ,EAAU,EAAI,GAGVJ,IACF5B,EAAsB,IAAI;AAAA,UACxB,aAAasC;AAAA,UACb,iBAAiB;AAAA,YACf,QAAQJ,EAAU;AAAA,YAClB,MAAMK;AAAA,YACN,YAAY;AAAA,UAAA;AAAA,UAEd,SAAS;AAAA,UACT,UAAU;AACR,YAAAP,EAAU,EAAK;AAAA,UACjB;AAAA,QAAA,CACD,IAGD,WAAW,MAAMA,EAAU,EAAK,GAAG,IAAI,GAGzCL,IAAA;AAAA,MACF,SAASkB,GAAO;AACd,gBAAQ,KAAK,yBAAyBA,CAAK;AAAA,MAC7C;AAAA,IACF,GAAG,CAACrB,GAAMG,GAAQC,GAASU,GAAYC,CAAW,CAAC,GAE7CO,IACJ,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKd;AAAA,QACL,MAAME,EAAW;AAAA,QACjB,SAAQ;AAAA,QACR,WAAW7B;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,SAASiC;AAAA,QACT,cAAYX;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAd;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWR;AAAA,gBACT;AAAA,gBACAwB,IACI3B,EAAwB,MAAM,UAC9BA,EAAwB,MAAM;AAAA,cAAA;AAAA,cAGpC,4BAAC6C,GAAA,CAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEb,gBAAAlC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWR;AAAA,gBACT;AAAA,gBACAwB,IACI3B,EAAwB,MAAM,MAC9BA,EAAwB,MAAM;AAAA,cAAA;AAAA,cAGpC,4BAAC8C,GAAA,CAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA;AAAA,IAAA;AAIJ,WACE,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAjB;AAAA,QACA,WAAWvB;AAAA,UACT4C,EAAc,EAAE,MAAMf,EAAW,YAAY;AAAA,UAC7C/B,EAAsB,EAAE,MAAAC,GAAM;AAAA,UAC9BoB;AAAA,QAAA;AAAA,QAGF,UAAA;AAAA,UAAA,gBAAAX,EAAC,QAAA,EAAK,WAAU,2BAA2B,UAAAS,GAAK;AAAA,UAC/CI,sBACEV,GAAA,EACC,UAAA,gBAAA6B;AAAA,YAACK;AAAAA,YAAA;AAAA,cACC,UAAUrB;AAAA,cACV,cAAc,CAACsB,GAAMC,MAAiB;AAEpC,gBAAIA,EAAa,WAAW,mBAC1BA,EAAa,OAAA;AAAA,cAEjB;AAAA,cAEA,UAAA;AAAA,gBAAA,gBAAAvC,EAACwC,GAAA,EAAgB,QAAQT,EAAA,CAAY;AAAA,gBACrC,gBAAA/B,EAACyC,GAAA,EACC,UAAA,gBAAAzC,EAAC0C,GAAA,EAAmB,MAAMlB,GAAa,YAAY,GACjD,UAAA,gBAAAxB;AAAA,kBAAC2C;AAAAA,kBAAA;AAAA,oBACC,WAAWnD;AAAA,sBACT;AAAA,sBACA;AAAA,oBAAA;AAAA,oBAGD,UAAA8B;AAAA,kBAAA;AAAA,gBAAA,GAEL,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,GAEJ,IAEAS;AAAA,UAEF,gBAAA/B,EAAC,UAAK,WAAU,WAAU,aAAU,UACjC,UAAAgB,IAASO,IAAa,GAAA,CACzB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAhB,EAAc,cAAc;"}

package/dist/chunks/{collapsible-ndvmgo29s5iqfcor.js → collapsible-ivqat099ene9z3bv.js}

@@ -3,7 +3,7 @@ import { jsx as r, jsxs as f } from "react/jsx-runtime";
 import { CaretDownIcon as C } from "@phosphor-icons/react";
 import { forwardRef as o } from "react";
 import { c as s } from "./cn-ct4n7r74mh8y0f48.js";
-import { aQ as d, aR as i, aS as n } from "./vendor-base-ui-bgl9g5nkvqy3tn36.js";
+import { aQ as d, aR as i, aS as n } from "./vendor-base-ui-djdjrfuoxlb1lubi.js";
 function t({ className: e, ...l }) {
   return /* @__PURE__ */ r(d, { className: e, ...l });
 }
@@ -73,4 +73,4 @@ const P = Object.assign(t, {
 export {
   P as C
 };
-//# sourceMappingURL=collapsible-ndvmgo29s5iqfcor.js.map
+//# sourceMappingURL=collapsible-ivqat099ene9z3bv.js.map

package/dist/chunks/{collapsible-ndvmgo29s5iqfcor.js.map → collapsible-ivqat099ene9z3bv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"collapsible-ndvmgo29s5iqfcor.js","sources":["../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["import { Collapsible as CollapsibleBase } from \"@base-ui/react/collapsible\";\nimport { CaretDownIcon } from \"@phosphor-icons/react\";\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nexport const REKI_COLLAPSIBLE_VARIANTS = {} as const;\n\nexport const REKI_COLLAPSIBLE_DEFAULT_VARIANTS = {} as const;\n\nexport interface RekiCollapsibleVariantsProps {}\n\nexport function collapsibleVariants(_props: RekiCollapsibleVariantsProps = {}) {\n  return cn();\n}\n\n// =============================================================================\n// Collapsible Root\n// =============================================================================\n\ntype BaseRootProps = ComponentPropsWithoutRef<typeof CollapsibleBase.Root>;\n\nexport interface CollapsibleRootProps extends BaseRootProps {\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Root component that manages collapsible state.\n *\n * @example\n * ```tsx\n * <Collapsible.Root open={open} onOpenChange={setOpen}>\n *   <Collapsible.Trigger>Toggle</Collapsible.Trigger>\n *   <Collapsible.Panel>Content</Collapsible.Panel>\n * </Collapsible.Root>\n * ```\n */\nfunction CollapsibleRoot({ className, ...props }: CollapsibleRootProps) {\n  return <CollapsibleBase.Root className={className} {...props} />;\n}\n\nCollapsibleRoot.displayName = \"Collapsible.Root\";\n\n// =============================================================================\n// Collapsible Trigger\n// =============================================================================\n\ntype BaseTriggerProps = ComponentPropsWithoutRef<\n  typeof CollapsibleBase.Trigger\n>;\n\nexport interface CollapsibleTriggerProps extends BaseTriggerProps {\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Button that toggles the collapsible panel visibility.\n * Use the `render` prop to customize the trigger element.\n *\n * @example\n * ```tsx\n * // Default button\n * <Collapsible.Trigger>Show more</Collapsible.Trigger>\n *\n * // Custom trigger element\n * <Collapsible.Trigger render={<Button variant=\"ghost\" />}>\n *   Toggle details\n * </Collapsible.Trigger>\n * ```\n */\nconst CollapsibleTrigger = forwardRef<HTMLButtonElement, CollapsibleTriggerProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <CollapsibleBase.Trigger\n        ref={ref}\n        data-reki-component=\"Collapsible\"\n        data-reki-part=\"trigger\"\n        className={cn(\"cursor-pointer\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nCollapsibleTrigger.displayName = \"Collapsible.Trigger\";\n\n// =============================================================================\n// Collapsible Panel\n// =============================================================================\n\ntype BasePanelProps = ComponentPropsWithoutRef<typeof CollapsibleBase.Panel>;\n\nexport interface CollapsiblePanelProps extends BasePanelProps {\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Container for collapsible content. Renders when the collapsible is open.\n *\n * @example\n * ```tsx\n * <Collapsible.Panel className=\"mt-2 space-y-4\">\n *   <Text>Revealed content here</Text>\n * </Collapsible.Panel>\n * ```\n */\nconst CollapsiblePanel = forwardRef<HTMLDivElement, CollapsiblePanelProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <CollapsibleBase.Panel\n        ref={ref}\n        className={className}\n        {...props}\n      />\n    );\n  },\n);\n\nCollapsiblePanel.displayName = \"Collapsible.Panel\";\n\n// =============================================================================\n// Default Trigger (Migration Affordance)\n// =============================================================================\n\nexport interface CollapsibleDefaultTriggerProps {\n  /** Label text displayed in the trigger */\n  children: ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Pre-styled trigger with text label and animated caret icon.\n * Provides the same visual style as the previous Collapsible API.\n *\n * Use this for quick migration or when you want the default Reki style.\n *\n * @example\n * ```tsx\n * <Collapsible.Root>\n *   <Collapsible.DefaultTrigger>Show details</Collapsible.DefaultTrigger>\n *   <Collapsible.Panel>Content</Collapsible.Panel>\n * </Collapsible.Root>\n * ```\n */\nconst CollapsibleDefaultTrigger = forwardRef<\n  HTMLButtonElement,\n  CollapsibleDefaultTriggerProps\n>(({ children, className }, ref) => {\n  return (\n    <CollapsibleBase.Trigger\n      ref={ref}\n      data-reki-component=\"Collapsible\"\n      data-reki-part=\"default-trigger\"\n      className={cn(\n        // Defensive resets to prevent global button styles from polluting the trigger\n        \"bg-transparent border-none shadow-none p-0 m-0\",\n        // Base styles for the trigger\n        \"flex cursor-pointer items-center gap-1 text-sm text-reki-link select-none\",\n        className,\n      )}\n    >\n      {children}{\" \"}\n      <CaretDownIcon className=\"h-4 w-4 transition-transform [[data-panel-open]_&]:rotate-180\" />\n    </CollapsibleBase.Trigger>\n  );\n});\n\nCollapsibleDefaultTrigger.displayName = \"Collapsible.DefaultTrigger\";\n\n// =============================================================================\n// Default Panel (Migration Affordance)\n// =============================================================================\n\nexport interface CollapsibleDefaultPanelProps extends BasePanelProps {\n  /** Panel content */\n  children: ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Pre-styled panel with left border accent and standard spacing.\n * Provides the same visual style as the previous Collapsible API.\n *\n * @example\n * ```tsx\n * <Collapsible.Root>\n *   <Collapsible.DefaultTrigger>Show details</Collapsible.DefaultTrigger>\n *   <Collapsible.DefaultPanel>\n *     <Text>Content with default styling</Text>\n *   </Collapsible.DefaultPanel>\n * </Collapsible.Root>\n * ```\n */\nconst CollapsibleDefaultPanel = forwardRef<\n  HTMLDivElement,\n  CollapsibleDefaultPanelProps\n>(({ children, className, ...props }, ref) => {\n  return (\n    <CollapsibleBase.Panel\n      ref={ref}\n      className={cn(\"my-2 space-y-4 border-l-2 border-reki-fill pl-4\", className)}\n      {...props}\n    >\n      {children}\n    </CollapsibleBase.Panel>\n  );\n});\n\nCollapsibleDefaultPanel.displayName = \"Collapsible.DefaultPanel\";\n\n// =============================================================================\n// Compound Component Export\n// =============================================================================\n\n/**\n * Collapsible — a composable disclosure component for showing/hiding content.\n *\n * Built on Base UI's Collapsible with full composition support.\n *\n * ## Basic Usage\n *\n * ```tsx\n * const [open, setOpen] = useState(false);\n *\n * <Collapsible.Root open={open} onOpenChange={setOpen}>\n *   <Collapsible.Trigger render={<Button variant=\"ghost\" />}>\n *     Show details\n *   </Collapsible.Trigger>\n *   <Collapsible.Panel className=\"mt-2\">\n *     <Text>Hidden content revealed when expanded.</Text>\n *   </Collapsible.Panel>\n * </Collapsible.Root>\n * ```\n *\n * ## With Default Styling\n *\n * Use `DefaultTrigger` and `DefaultPanel` for the classic Reki style:\n *\n * ```tsx\n * <Collapsible.Root>\n *   <Collapsible.DefaultTrigger>Show details</Collapsible.DefaultTrigger>\n *   <Collapsible.DefaultPanel>\n *     <Text>Content with border-left accent</Text>\n *   </Collapsible.DefaultPanel>\n * </Collapsible.Root>\n * ```\n *\n * ## Controlled Accordion Pattern\n *\n * ```tsx\n * const [activeIndex, setActiveIndex] = useState<number | null>(null);\n *\n * {items.map((item, i) => (\n *   <Collapsible.Root\n *     key={i}\n *     open={activeIndex === i}\n *     onOpenChange={(open) => setActiveIndex(open ? i : null)}\n *   >\n *     <Collapsible.DefaultTrigger>{item.title}</Collapsible.DefaultTrigger>\n *     <Collapsible.DefaultPanel>{item.content}</Collapsible.DefaultPanel>\n *   </Collapsible.Root>\n * ))}\n * ```\n */\nexport const Collapsible = Object.assign(CollapsibleRoot, {\n  Root: CollapsibleRoot,\n  Trigger: CollapsibleTrigger,\n  Panel: CollapsiblePanel,\n  DefaultTrigger: CollapsibleDefaultTrigger,\n  DefaultPanel: CollapsibleDefaultPanel,\n});\n\n// =============================================================================\n// Type Exports\n// =============================================================================\n\nexport type CollapsibleProps = CollapsibleRootProps;\n"],"names":["CollapsibleRoot","className","props","CollapsibleBase.Root","CollapsibleTrigger","forwardRef","ref","jsx","CollapsibleBase.Trigger","cn","CollapsiblePanel","CollapsibleBase.Panel","CollapsibleDefaultTrigger","children","jsxs","CaretDownIcon","CollapsibleDefaultPanel","Collapsible"],"mappings":";;;;;;AA6CA,SAASA,EAAgB,EAAE,WAAAC,GAAW,GAAGC,KAA+B;AACtE,2BAAQC,GAAA,EAAqB,WAAAF,GAAuB,GAAGC,EAAA,CAAO;AAChE;AAEAF,EAAgB,cAAc;AA8B9B,MAAMI,IAAqBC;AAAA,EACzB,CAAC,EAAE,WAAAJ,GAAW,GAAGC,EAAA,GAASI,MAEtB,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,uBAAoB;AAAA,MACpB,kBAAe;AAAA,MACf,WAAWG,EAAG,kBAAkBR,CAAS;AAAA,MACxC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAE,EAAmB,cAAc;AAuBjC,MAAMM,IAAmBL;AAAA,EACvB,CAAC,EAAE,WAAAJ,GAAW,GAAGC,EAAA,GAASI,MAEtB,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAAL;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAQ,EAAiB,cAAc;AA2B/B,MAAME,IAA4BP,EAGhC,CAAC,EAAE,UAAAQ,GAAU,WAAAZ,EAAA,GAAaK,MAExB,gBAAAQ;AAAA,EAACN;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,uBAAoB;AAAA,IACpB,kBAAe;AAAA,IACf,WAAWG;AAAA;AAAA,MAET;AAAA;AAAA,MAEA;AAAA,MACAR;AAAA,IAAA;AAAA,IAGD,UAAA;AAAA,MAAAY;AAAA,MAAU;AAAA,MACX,gBAAAN,EAACQ,GAAA,EAAc,WAAU,gEAAA,CAAgE;AAAA,IAAA;AAAA,EAAA;AAAA,CAG9F;AAEDH,EAA0B,cAAc;AA2BxC,MAAMI,IAA0BX,EAG9B,CAAC,EAAE,UAAAQ,GAAU,WAAAZ,GAAW,GAAGC,EAAA,GAASI,MAElC,gBAAAC;AAAA,EAACI;AAAAA,EAAA;AAAA,IACC,KAAAL;AAAA,IACA,WAAWG,EAAG,mDAAmDR,CAAS;AAAA,IACzE,GAAGC;AAAA,IAEH,UAAAW;AAAA,EAAA;AAAA,CAGN;AAEDG,EAAwB,cAAc;AAwD/B,MAAMC,IAAc,OAAO,OAAOjB,GAAiB;AAAA,EACxD,MAAMA;AAAA,EACN,SAASI;AAAA,EACT,OAAOM;AAAA,EACP,gBAAgBE;AAAA,EAChB,cAAcI;AAChB,CAAC;"}
+{"version":3,"file":"collapsible-ivqat099ene9z3bv.js","sources":["../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["import { Collapsible as CollapsibleBase } from \"@base-ui/react/collapsible\";\nimport { CaretDownIcon } from \"@phosphor-icons/react\";\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nexport const REKI_COLLAPSIBLE_VARIANTS = {} as const;\n\nexport const REKI_COLLAPSIBLE_DEFAULT_VARIANTS = {} as const;\n\nexport interface RekiCollapsibleVariantsProps {}\n\nexport function collapsibleVariants(_props: RekiCollapsibleVariantsProps = {}) {\n  return cn();\n}\n\n// =============================================================================\n// Collapsible Root\n// =============================================================================\n\ntype BaseRootProps = ComponentPropsWithoutRef<typeof CollapsibleBase.Root>;\n\nexport interface CollapsibleRootProps extends BaseRootProps {\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Root component that manages collapsible state.\n *\n * @example\n * ```tsx\n * <Collapsible.Root open={open} onOpenChange={setOpen}>\n *   <Collapsible.Trigger>Toggle</Collapsible.Trigger>\n *   <Collapsible.Panel>Content</Collapsible.Panel>\n * </Collapsible.Root>\n * ```\n */\nfunction CollapsibleRoot({ className, ...props }: CollapsibleRootProps) {\n  return <CollapsibleBase.Root className={className} {...props} />;\n}\n\nCollapsibleRoot.displayName = \"Collapsible.Root\";\n\n// =============================================================================\n// Collapsible Trigger\n// =============================================================================\n\ntype BaseTriggerProps = ComponentPropsWithoutRef<\n  typeof CollapsibleBase.Trigger\n>;\n\nexport interface CollapsibleTriggerProps extends BaseTriggerProps {\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Button that toggles the collapsible panel visibility.\n * Use the `render` prop to customize the trigger element.\n *\n * @example\n * ```tsx\n * // Default button\n * <Collapsible.Trigger>Show more</Collapsible.Trigger>\n *\n * // Custom trigger element\n * <Collapsible.Trigger render={<Button variant=\"ghost\" />}>\n *   Toggle details\n * </Collapsible.Trigger>\n * ```\n */\nconst CollapsibleTrigger = forwardRef<HTMLButtonElement, CollapsibleTriggerProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <CollapsibleBase.Trigger\n        ref={ref}\n        data-reki-component=\"Collapsible\"\n        data-reki-part=\"trigger\"\n        className={cn(\"cursor-pointer\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nCollapsibleTrigger.displayName = \"Collapsible.Trigger\";\n\n// =============================================================================\n// Collapsible Panel\n// =============================================================================\n\ntype BasePanelProps = ComponentPropsWithoutRef<typeof CollapsibleBase.Panel>;\n\nexport interface CollapsiblePanelProps extends BasePanelProps {\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Container for collapsible content. Renders when the collapsible is open.\n *\n * @example\n * ```tsx\n * <Collapsible.Panel className=\"mt-2 space-y-4\">\n *   <Text>Revealed content here</Text>\n * </Collapsible.Panel>\n * ```\n */\nconst CollapsiblePanel = forwardRef<HTMLDivElement, CollapsiblePanelProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <CollapsibleBase.Panel\n        ref={ref}\n        className={className}\n        {...props}\n      />\n    );\n  },\n);\n\nCollapsiblePanel.displayName = \"Collapsible.Panel\";\n\n// =============================================================================\n// Default Trigger (Migration Affordance)\n// =============================================================================\n\nexport interface CollapsibleDefaultTriggerProps {\n  /** Label text displayed in the trigger */\n  children: ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Pre-styled trigger with text label and animated caret icon.\n * Provides the same visual style as the previous Collapsible API.\n *\n * Use this for quick migration or when you want the default Reki style.\n *\n * @example\n * ```tsx\n * <Collapsible.Root>\n *   <Collapsible.DefaultTrigger>Show details</Collapsible.DefaultTrigger>\n *   <Collapsible.Panel>Content</Collapsible.Panel>\n * </Collapsible.Root>\n * ```\n */\nconst CollapsibleDefaultTrigger = forwardRef<\n  HTMLButtonElement,\n  CollapsibleDefaultTriggerProps\n>(({ children, className }, ref) => {\n  return (\n    <CollapsibleBase.Trigger\n      ref={ref}\n      data-reki-component=\"Collapsible\"\n      data-reki-part=\"default-trigger\"\n      className={cn(\n        // Defensive resets to prevent global button styles from polluting the trigger\n        \"bg-transparent border-none shadow-none p-0 m-0\",\n        // Base styles for the trigger\n        \"flex cursor-pointer items-center gap-1 text-sm text-reki-link select-none\",\n        className,\n      )}\n    >\n      {children}{\" \"}\n      <CaretDownIcon className=\"h-4 w-4 transition-transform [[data-panel-open]_&]:rotate-180\" />\n    </CollapsibleBase.Trigger>\n  );\n});\n\nCollapsibleDefaultTrigger.displayName = \"Collapsible.DefaultTrigger\";\n\n// =============================================================================\n// Default Panel (Migration Affordance)\n// =============================================================================\n\nexport interface CollapsibleDefaultPanelProps extends BasePanelProps {\n  /** Panel content */\n  children: ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Pre-styled panel with left border accent and standard spacing.\n * Provides the same visual style as the previous Collapsible API.\n *\n * @example\n * ```tsx\n * <Collapsible.Root>\n *   <Collapsible.DefaultTrigger>Show details</Collapsible.DefaultTrigger>\n *   <Collapsible.DefaultPanel>\n *     <Text>Content with default styling</Text>\n *   </Collapsible.DefaultPanel>\n * </Collapsible.Root>\n * ```\n */\nconst CollapsibleDefaultPanel = forwardRef<\n  HTMLDivElement,\n  CollapsibleDefaultPanelProps\n>(({ children, className, ...props }, ref) => {\n  return (\n    <CollapsibleBase.Panel\n      ref={ref}\n      className={cn(\"my-2 space-y-4 border-l-2 border-reki-fill pl-4\", className)}\n      {...props}\n    >\n      {children}\n    </CollapsibleBase.Panel>\n  );\n});\n\nCollapsibleDefaultPanel.displayName = \"Collapsible.DefaultPanel\";\n\n// =============================================================================\n// Compound Component Export\n// =============================================================================\n\n/**\n * Collapsible — a composable disclosure component for showing/hiding content.\n *\n * Built on Base UI's Collapsible with full composition support.\n *\n * ## Basic Usage\n *\n * ```tsx\n * const [open, setOpen] = useState(false);\n *\n * <Collapsible.Root open={open} onOpenChange={setOpen}>\n *   <Collapsible.Trigger render={<Button variant=\"ghost\" />}>\n *     Show details\n *   </Collapsible.Trigger>\n *   <Collapsible.Panel className=\"mt-2\">\n *     <Text>Hidden content revealed when expanded.</Text>\n *   </Collapsible.Panel>\n * </Collapsible.Root>\n * ```\n *\n * ## With Default Styling\n *\n * Use `DefaultTrigger` and `DefaultPanel` for the classic Reki style:\n *\n * ```tsx\n * <Collapsible.Root>\n *   <Collapsible.DefaultTrigger>Show details</Collapsible.DefaultTrigger>\n *   <Collapsible.DefaultPanel>\n *     <Text>Content with border-left accent</Text>\n *   </Collapsible.DefaultPanel>\n * </Collapsible.Root>\n * ```\n *\n * ## Controlled Accordion Pattern\n *\n * ```tsx\n * const [activeIndex, setActiveIndex] = useState<number | null>(null);\n *\n * {items.map((item, i) => (\n *   <Collapsible.Root\n *     key={i}\n *     open={activeIndex === i}\n *     onOpenChange={(open) => setActiveIndex(open ? i : null)}\n *   >\n *     <Collapsible.DefaultTrigger>{item.title}</Collapsible.DefaultTrigger>\n *     <Collapsible.DefaultPanel>{item.content}</Collapsible.DefaultPanel>\n *   </Collapsible.Root>\n * ))}\n * ```\n */\nexport const Collapsible = Object.assign(CollapsibleRoot, {\n  Root: CollapsibleRoot,\n  Trigger: CollapsibleTrigger,\n  Panel: CollapsiblePanel,\n  DefaultTrigger: CollapsibleDefaultTrigger,\n  DefaultPanel: CollapsibleDefaultPanel,\n});\n\n// =============================================================================\n// Type Exports\n// =============================================================================\n\nexport type CollapsibleProps = CollapsibleRootProps;\n"],"names":["CollapsibleRoot","className","props","CollapsibleBase.Root","CollapsibleTrigger","forwardRef","ref","jsx","CollapsibleBase.Trigger","cn","CollapsiblePanel","CollapsibleBase.Panel","CollapsibleDefaultTrigger","children","jsxs","CaretDownIcon","CollapsibleDefaultPanel","Collapsible"],"mappings":";;;;;;AA6CA,SAASA,EAAgB,EAAE,WAAAC,GAAW,GAAGC,KAA+B;AACtE,2BAAQC,GAAA,EAAqB,WAAAF,GAAuB,GAAGC,EAAA,CAAO;AAChE;AAEAF,EAAgB,cAAc;AA8B9B,MAAMI,IAAqBC;AAAA,EACzB,CAAC,EAAE,WAAAJ,GAAW,GAAGC,EAAA,GAASI,MAEtB,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,uBAAoB;AAAA,MACpB,kBAAe;AAAA,MACf,WAAWG,EAAG,kBAAkBR,CAAS;AAAA,MACxC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAE,EAAmB,cAAc;AAuBjC,MAAMM,IAAmBL;AAAA,EACvB,CAAC,EAAE,WAAAJ,GAAW,GAAGC,EAAA,GAASI,MAEtB,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAAL;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAQ,EAAiB,cAAc;AA2B/B,MAAME,IAA4BP,EAGhC,CAAC,EAAE,UAAAQ,GAAU,WAAAZ,EAAA,GAAaK,MAExB,gBAAAQ;AAAA,EAACN;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,uBAAoB;AAAA,IACpB,kBAAe;AAAA,IACf,WAAWG;AAAA;AAAA,MAET;AAAA;AAAA,MAEA;AAAA,MACAR;AAAA,IAAA;AAAA,IAGD,UAAA;AAAA,MAAAY;AAAA,MAAU;AAAA,MACX,gBAAAN,EAACQ,GAAA,EAAc,WAAU,gEAAA,CAAgE;AAAA,IAAA;AAAA,EAAA;AAAA,CAG9F;AAEDH,EAA0B,cAAc;AA2BxC,MAAMI,IAA0BX,EAG9B,CAAC,EAAE,UAAAQ,GAAU,WAAAZ,GAAW,GAAGC,EAAA,GAASI,MAElC,gBAAAC;AAAA,EAACI;AAAAA,EAAA;AAAA,IACC,KAAAL;AAAA,IACA,WAAWG,EAAG,mDAAmDR,CAAS;AAAA,IACzE,GAAGC;AAAA,IAEH,UAAAW;AAAA,EAAA;AAAA,CAGN;AAEDG,EAAwB,cAAc;AAwD/B,MAAMC,IAAc,OAAO,OAAOjB,GAAiB;AAAA,EACxD,MAAMA;AAAA,EACN,SAASI;AAAA,EACT,OAAOM;AAAA,EACP,gBAAgBE;AAAA,EAChB,cAAcI;AAChB,CAAC;"}

package/dist/chunks/color-sample-h7hspma3rb91go3z.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { a as t } from "./tag-h5kwf5eh7dyyvc2c.js";
+import { c as a } from "./cn-ct4n7r74mh8y0f48.js";
+const l = {
+  default: "size-3.5 rounded-sm",
+  circle: "size-3.5 rounded-full",
+  pipeline: "h-3.5 w-6 rounded-sm"
+};
+function u({
+  colorName: n,
+  variant: r = "default",
+  className: e
+}) {
+  const i = n === "transparent" ? "bg-transparent" : t[n].bg;
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      "aria-hidden": !0,
+      className: a(
+        "inline-block ring ring-inset ring-reki-hairline",
+        l[r],
+        i,
+        e
+      )
+    }
+  );
+}
+export {
+  u as C
+};
+//# sourceMappingURL=color-sample-h7hspma3rb91go3z.js.map

package/dist/chunks/color-sample-h7hspma3rb91go3z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-sample-h7hspma3rb91go3z.js","sources":["../../src/components/color-sample/color-sample.tsx"],"sourcesContent":["import { REKI_TAG_COLORS, type TagColor } from \"../tag\";\nimport { cn } from \"../../utils/cn\";\n\n/** Variant standard export (reki convention). */\nexport const REKI_COLOR_SAMPLE_VARIANTS = {\n  variant: {\n    default: { classes: \"size-3.5 rounded-sm\", description: \"Rounded square (default)\" },\n    circle: { classes: \"size-3.5 rounded-full\", description: \"Circle\" },\n    pipeline: { classes: \"h-3.5 w-6 rounded-sm\", description: \"Wide pipeline bar\" },\n  },\n} as const;\n\nexport const REKI_COLOR_SAMPLE_DEFAULT_VARIANTS = {\n  variant: \"default\",\n} as const;\n\nexport type ColorSampleVariant = \"default\" | \"circle\" | \"pipeline\";\n\n/**\n * ColorSample component props.\n *\n * @example\n * ```tsx\n * <ColorSample colorName=\"green\" />\n * ```\n */\nexport interface ColorSampleProps {\n  /** Named CRM tag color to display. */\n  colorName: TagColor;\n  /**\n   * Swatch shape.\n   * - `\"default\"` — small rounded square (default)\n   * - `\"circle\"` — full circle\n   * - `\"pipeline\"` — wider rounded bar (for pipeline/stage pickers)\n   * @default \"default\"\n   */\n  variant?: ColorSampleVariant;\n  /** Additional CSS classes merged via `cn()`. Use reki semantic tokens only. */\n  className?: string;\n}\n\nconst VARIANT_SHAPE: Record<ColorSampleVariant, string> = {\n  default: \"size-3.5 rounded-sm\",\n  circle: \"size-3.5 rounded-full\",\n  pipeline: \"h-3.5 w-6 rounded-sm\",\n};\n\n/**\n * A color swatch for color pickers and tag-color selection. Uses the same\n * `reki-tag-*` palette as {@link Tag} so the swatch always matches the tag it\n * represents, in both light and dark mode.\n *\n * @example\n * ```tsx\n * <ColorSample colorName=\"purple\" variant=\"circle\" />\n * ```\n */\nexport function ColorSample({\n  colorName,\n  variant = \"default\",\n  className,\n}: ColorSampleProps) {\n  const fill =\n    colorName === \"transparent\"\n      ? \"bg-transparent\"\n      : REKI_TAG_COLORS[colorName].bg;\n\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        \"inline-block ring ring-inset ring-reki-hairline\",\n        VARIANT_SHAPE[variant],\n        fill,\n        className,\n      )}\n    />\n  );\n}\n"],"names":["VARIANT_SHAPE","ColorSample","colorName","variant","className","fill","REKI_TAG_COLORS","jsx","cn"],"mappings":";;;;AAyCA,MAAMA,IAAoD;AAAA,EACxD,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AACZ;AAYO,SAASC,EAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AACF,GAAqB;AACnB,QAAMC,IACJH,MAAc,gBACV,mBACAI,EAAgBJ,CAAS,EAAE;AAEjC,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAWC;AAAA,QACT;AAAA,QACAR,EAAcG,CAAO;AAAA,QACrBE;AAAA,QACAD;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/chunks/{combobox-i38w67netm8ukw4f.js → combobox-iytvpzp5poljxgek.js}

@@ -2,11 +2,11 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { CheckIcon as T, XIcon as C, CaretDownIcon as N } from "@phosphor-icons/react";
 import { useContext as h, Fragment as E, createContext as V } from "react";
-import { i as p, R as P } from "./input-i5nefqk213n4z7pr.js";
+import { i as p, R as P } from "./input-eno4q26x68rx3i8q.js";
 import { c as r } from "./cn-ct4n7r74mh8y0f48.js";
-import { F as j } from "./field-fe5m8z3vbpvtctbe.js";
+import { F as j } from "./field-b0aywboxuss4rpu7.js";
 import { u as F } from "./portal-provider-off76og7tjyz96ys.js";
-import { a6 as G, a7 as u, a8 as x, a9 as f, aa as L, ab as M, ac as _, ad as A, ae as W, af as B, ag as b, ah as D, ai as H, aj as K, ak as O, al as U, am as X, an as q, ao as J, ap as Q } from "./vendor-base-ui-bgl9g5nkvqy3tn36.js";
+import { a6 as G, a7 as u, a8 as x, a9 as f, aa as L, ab as M, ac as _, ad as A, ae as W, af as B, ag as b, ah as D, ai as H, aj as K, ak as O, al as U, am as X, an as q, ao as J, ap as Q } from "./vendor-base-ui-djdjrfuoxlb1lubi.js";
 P.size;
 const g = V({ size: "base", hasError: !1 });
 function y({
@@ -405,4 +405,4 @@ const pe = Object.assign(y, {
 export {
   pe as C
 };
-//# sourceMappingURL=combobox-i38w67netm8ukw4f.js.map
+//# sourceMappingURL=combobox-iytvpzp5poljxgek.js.map

package/dist/chunks/{combobox-i38w67netm8ukw4f.js.map → combobox-iytvpzp5poljxgek.js.map}

@@ -1 +1 @@
-{"version":3,"file":"combobox-i38w67netm8ukw4f.js","sources":["../../src/components/combobox/combobox.tsx"],"sourcesContent":["import { Combobox as ComboboxBase } from \"@base-ui/react/combobox\";\nimport { CaretDownIcon, CheckIcon, XIcon } from \"@phosphor-icons/react\";\nimport {\n  Fragment,\n  createContext,\n  useContext,\n  type PropsWithChildren,\n  type ReactNode,\n} from \"react\";\nimport {\n  inputVariants,\n  REKI_INPUT_VARIANTS,\n  type RekiInputSize,\n} from \"../input/input\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant } from \"../../utils/resolve-variant\";\nimport { Field, type FieldErrorMatch } from \"../field/field\";\nimport {\n  usePortalContainer,\n  type PortalContainer,\n} from \"../../utils/portal-provider\";\n\n/** Combobox variant definitions. */\nexport const REKI_COMBOBOX_VARIANTS = {\n  size: REKI_INPUT_VARIANTS.size,\n  inputSide: {\n    right: {\n      classes: \"\",\n      description: \"Input positioned inline to the right of chips\",\n    },\n    top: {\n      classes: \"\",\n      description: \"Input positioned above chips\",\n    },\n  },\n} as const;\n\nexport const REKI_COMBOBOX_DEFAULT_VARIANTS = {\n  size: \"base\",\n  inputSide: \"right\",\n} as const;\n\n// Context to pass size and error state down to sub-components\nconst ComboboxContext = createContext<{\n  size: RekiInputSize;\n  hasError: boolean;\n}>({ size: \"base\", hasError: false });\n\n// Derived types from REKI_COMBOBOX_VARIANTS\nexport type RekiComboboxSize = keyof typeof REKI_COMBOBOX_VARIANTS.size;\nexport type RekiComboboxInputSide =\n  keyof typeof REKI_COMBOBOX_VARIANTS.inputSide;\n\nexport interface RekiComboboxVariantsProps {\n  /**\n   * Size of the combobox trigger. Matches Input component sizes.\n   * - `\"xs\"` — Extra small for compact UIs (h-5 / 20px)\n   * - `\"sm\"` — Small for secondary fields (h-6.5 / 26px)\n   * - `\"base\"` — Default size (h-9 / 36px)\n   * - `\"lg\"` — Large for prominent fields (h-10 / 40px)\n   * @default \"base\"\n   */\n  size?: RekiComboboxSize;\n  /**\n   * Position of the text input relative to chips in multi-select mode.\n   * - `\"right\"` — Input inline to the right of chips\n   * - `\"top\"` — Input above chips\n   * @default \"right\"\n   */\n  inputSide?: RekiComboboxInputSide;\n}\n\nexport function comboboxVariants({\n  inputSide = REKI_COMBOBOX_DEFAULT_VARIANTS.inputSide,\n}: RekiComboboxVariantsProps = {}) {\n  return cn(\n    resolveVariant(\n      REKI_COMBOBOX_VARIANTS.inputSide,\n      inputSide,\n      REKI_COMBOBOX_DEFAULT_VARIANTS.inputSide,\n    ).classes,\n  );\n}\n\n// Legacy type alias for backwards compatibility\nexport type ComboboxInputSide = RekiComboboxInputSide;\nexport type ComboboxSize = RekiComboboxSize;\n\nexport type ComboboxRootProps<\n  Value = unknown,\n  Multiple extends boolean | undefined = false,\n> = ComboboxBase.Root.Props<Value, Multiple>;\n\n/**\n * Combobox component props (simplified for documentation; the actual Root is generic).\n *\n * Combobox provides an autocomplete/typeahead input with a filterable dropdown.\n * Supports single-select, multi-select with chips, grouped items, and Field wrapper integration.\n *\n * @example\n * ```tsx\n * // Single-select with search input\n * <Combobox value={value} onValueChange={setValue} items={options}>\n *   <Combobox.TriggerInput placeholder=\"Search…\" />\n *   <Combobox.Content>\n *     <Combobox.List>\n *       {(item) => <Combobox.Item value={item}>{item.label}</Combobox.Item>}\n *     </Combobox.List>\n *     <Combobox.Empty>No results</Combobox.Empty>\n *   </Combobox.Content>\n * </Combobox>\n *\n * // Multi-select with chips\n * <Combobox multiple items={options} label=\"Tags\">\n *   <Combobox.TriggerMultipleWithInput\n *     placeholder=\"Add tag…\"\n *     renderItem={(item) => <Combobox.Chip value={item}>{item.label}</Combobox.Chip>}\n *   />\n *   <Combobox.Content>\n *     <Combobox.List>\n *       {(item) => <Combobox.Item value={item}>{item.label}</Combobox.Item>}\n *     </Combobox.List>\n *   </Combobox.Content>\n * </Combobox>\n * ```\n */\nexport interface ComboboxProps extends RekiComboboxVariantsProps {\n  /** Array of items to display in the dropdown */\n  items: unknown[];\n  /** Currently selected value(s) */\n  value?: unknown;\n  /** Callback when selection changes */\n  onValueChange?: (value: unknown) => void;\n  /** Enable multi-select mode */\n  multiple?: boolean;\n  /** Combobox content (trigger, content, items) */\n  children: ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n  /** Label content for the combobox (enables Field wrapper) - can be a string or any React node */\n  label?: ReactNode;\n  /** Whether the combobox is required */\n  required?: boolean;\n  /** Tooltip content to display next to the label via an info icon */\n  labelTooltip?: ReactNode;\n  /** Helper text displayed below the combobox */\n  description?: ReactNode;\n  /** Error message or validation error object */\n  error?: string | { message: ReactNode; match: FieldErrorMatch };\n}\n\nfunction Root<Value, Multiple extends boolean | undefined = false>({\n  label,\n  required,\n  labelTooltip,\n  description,\n  error,\n  children,\n  size = \"base\",\n  ...props\n}: ComboboxBase.Root.Props<Value, Multiple> & {\n  label?: ReactNode;\n  required?: boolean;\n  labelTooltip?: ReactNode;\n  description?: ReactNode;\n  error?: string | { message: ReactNode; match: FieldErrorMatch };\n  size?: RekiComboboxSize;\n}) {\n  const comboboxControl = (\n    <ComboboxContext.Provider value={{ size, hasError: Boolean(error) }}>\n      <ComboboxBase.Root {...props}>{children}</ComboboxBase.Root>\n    </ComboboxContext.Provider>\n  );\n\n  // Render with Field wrapper if label, description, or error are provided\n  if (label) {\n    return (\n      <Field\n        label={label}\n        required={required}\n        labelTooltip={labelTooltip}\n        description={description}\n        error={\n          error\n            ? typeof error === \"string\"\n              ? { message: error, match: true }\n              : error\n            : undefined\n        }\n      >\n        {comboboxControl}\n      </Field>\n    );\n  }\n\n  // Render bare combobox without Field wrapper\n  return comboboxControl;\n}\n\nfunction Content({\n  children,\n  className,\n  align = \"start\",\n  sideOffset = 4,\n  alignOffset,\n  side,\n  container: containerProp,\n}: PropsWithChildren<{\n  className?: string;\n  align?: ComboboxBase.Positioner.Props[\"align\"];\n  alignOffset?: ComboboxBase.Positioner.Props[\"alignOffset\"];\n  side?: ComboboxBase.Positioner.Props[\"side\"];\n  sideOffset?: ComboboxBase.Positioner.Props[\"sideOffset\"];\n  /**\n   * Container element for the portal. Use this to render the combobox inside\n   * a Shadow DOM or custom container. Overrides `RekiPortalProvider` context.\n   * @default document.body (or RekiPortalProvider container if set)\n   */\n  container?: PortalContainer;\n}>) {\n  const contextContainer = usePortalContainer();\n  const container = containerProp ?? contextContainer ?? undefined;\n\n  return (\n    <ComboboxBase.Portal container={container}>\n      <ComboboxBase.Positioner\n        className=\"\"\n        align={align}\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        side={side}\n      >\n        <ComboboxBase.Popup\n          className={cn(\n            \"flex flex-col\", // flexbox layout for sticky input + scrollable list\n            \"max-h-[min(var(--available-height),24rem)] max-w-(--available-width) min-w-(--anchor-width) py-1.5\",\n            \"bg-reki-base text-reki-default\", // background\n            \"rounded-lg shadow-lg ring ring-reki-line\", // border part\n            className,\n          )}\n        >\n          {children}\n        </ComboboxBase.Popup>\n      </ComboboxBase.Positioner>\n    </ComboboxBase.Portal>\n  );\n}\n\n// Size-dependent styles for TriggerValue icon\nconst triggerValueIconStyles: Record<\n  RekiComboboxSize,\n  { padding: string; iconSize: number; iconRight: string }\n> = {\n  xs: { padding: \"pr-5\", iconSize: 12, iconRight: \"right-1\" },\n  sm: { padding: \"pr-6\", iconSize: 14, iconRight: \"right-1.5\" },\n  base: { padding: \"pr-8\", iconSize: 16, iconRight: \"right-2\" },\n  lg: { padding: \"pr-10\", iconSize: 18, iconRight: \"right-3\" },\n};\n\nfunction TriggerValue({\n  className,\n  ...props\n}: ComboboxBase.Value.Props & { className?: string }) {\n  const { size, hasError } = useContext(ComboboxContext);\n  const iconStyles = triggerValueIconStyles[size];\n\n  return (\n    <ComboboxBase.Trigger\n      data-reki-component=\"Combobox\"\n      data-reki-part=\"trigger\"\n      className={cn(\n        inputVariants({ size, variant: hasError ? \"error\" : \"default\" }),\n        \"relative flex items-center\",\n        \"data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed\",\n        \"data-[placeholder]:text-reki-placeholder\",\n        iconStyles.padding,\n        className,\n      )}\n    >\n      <ComboboxBase.Value {...props} />\n      <ComboboxBase.Icon\n        className={cn(\n          \"absolute top-1/2 -translate-y-1/2 flex items-center text-reki-subtle\",\n          iconStyles.iconRight,\n        )}\n      >\n        <CaretDownIcon size={iconStyles.iconSize} className=\"fill-current\" />\n      </ComboboxBase.Icon>\n    </ComboboxBase.Trigger>\n  );\n}\n\n// Size-dependent styles for TriggerInput icons\nconst triggerInputIconStyles: Record<\n  RekiComboboxSize,\n  { padding: string; iconSize: number; clearRight: string; caretRight: string }\n> = {\n  xs: {\n    padding: \"pr-7\",\n    iconSize: 12,\n    clearRight: \"right-5\",\n    caretRight: \"right-1\",\n  },\n  sm: {\n    padding: \"pr-9\",\n    iconSize: 14,\n    clearRight: \"right-6\",\n    caretRight: \"right-1.5\",\n  },\n  base: {\n    padding: \"pr-12\",\n    iconSize: 16,\n    clearRight: \"right-8\",\n    caretRight: \"right-2\",\n  },\n  lg: {\n    padding: \"pr-14\",\n    iconSize: 18,\n    clearRight: \"right-9\",\n    caretRight: \"right-3\",\n  },\n};\n\nfunction TriggerInput({\n  clearLabel = \"Clear selection\",\n  showOptionsLabel = \"Show options\",\n  ...props\n}: ComboboxBase.Input.Props & {\n  /** Accessible label for the clear button. Pass a translated string for i18n.\n   * @default \"Clear selection\"\n   */\n  clearLabel?: string;\n  /** Accessible label for the dropdown trigger. Pass a translated string for i18n.\n   * @default \"Show options\"\n   */\n  showOptionsLabel?: string;\n}) {\n  const { size, hasError } = useContext(ComboboxContext);\n  const iconStyles = triggerInputIconStyles[size];\n\n  return (\n    <div\n      className={cn(\n        \"relative inline-block w-full max-w-xs\",\n        \"has-[:disabled]:opacity-50 has-[:disabled]:cursor-not-allowed\",\n        props.className,\n      )}\n    >\n      <ComboboxBase.Input\n        {...props}\n        className={cn(\n          inputVariants({ size, variant: hasError ? \"error\" : \"default\" }),\n          \"w-full\",\n          iconStyles.padding,\n          \"disabled:cursor-not-allowed\",\n        )}\n      />\n\n      <ComboboxBase.Clear\n        data-reki-component=\"Combobox\"\n        data-reki-part=\"clear\"\n        aria-label={clearLabel}\n        className={cn(\n          \"absolute top-1/2 flex -translate-y-1/2 cursor-pointer bg-transparent p-0\",\n          \"data-[disabled]:pointer-events-none data-[disabled]:opacity-0\",\n          iconStyles.clearRight,\n        )}\n      >\n        <XIcon size={iconStyles.iconSize} />\n      </ComboboxBase.Clear>\n\n      <ComboboxBase.Trigger\n        data-reki-component=\"Combobox\"\n        data-reki-part=\"trigger\"\n        aria-label={showOptionsLabel}\n        className={cn(\n          \"absolute top-1/2 -translate-y-1/2 flex items-center justify-center cursor-pointer text-reki-subtle\",\n          \"m-0 bg-transparent p-0\", // Reset Stratus global button styles\n          iconStyles.caretRight,\n        )}\n      >\n        <ComboboxBase.Icon className=\"flex items-center\">\n          <CaretDownIcon size={iconStyles.iconSize} className=\"fill-current\" />\n        </ComboboxBase.Icon>\n      </ComboboxBase.Trigger>\n    </div>\n  );\n}\n\nfunction Item({\n  children,\n  className,\n  ...props\n}: ComboboxBase.Item.Props & { className?: string }) {\n  return (\n    <ComboboxBase.Item\n      data-reki-component=\"Combobox\"\n      data-reki-part=\"item\"\n      {...props}\n      className={cn(\n        \"group mx-1.5 grid grid-cols-[1fr_16px] gap-2 rounded px-2 py-1.5 text-base\",\n        \"cursor-pointer data-highlighted:bg-reki-tint\",\n        // Disabled rows: muted text, no pointer, suppress highlight bg even\n        // when keyboard nav lands on them. Base UI sets `data-disabled` on\n        // the element when the `disabled` prop is true.\n        \"data-[disabled]:cursor-not-allowed data-[disabled]:text-reki-subtle data-[disabled]:opacity-60 data-[disabled]:data-highlighted:bg-transparent\",\n        className,\n      )}\n    >\n      <div className=\"col-start-1\">{children}</div>\n      <ComboboxBase.ItemIndicator className=\"col-start-2 flex items-center\">\n        <CheckIcon />\n      </ComboboxBase.ItemIndicator>\n    </ComboboxBase.Item>\n  );\n}\n\nfunction Empty(props: ComboboxBase.Empty.Props) {\n  return (\n    <ComboboxBase.Empty\n      {...props}\n      className={cn(\n        \"mx-1.5 shrink-0 px-4 py-2 text-[0.925rem] leading-4 text-reki-subtle empty:m-0 empty:p-0\",\n      )}\n      children={props.children ?? \"No labels found.\"}\n    />\n  );\n}\n\nfunction Input(props: ComboboxBase.Input.Props) {\n  return (\n    <ComboboxBase.Input\n      {...props}\n      className={cn(\n        inputVariants(),\n        \"mx-1.5 w-[calc(100%-0.75rem)] shrink-0 first:mb-2\",\n        props.className,\n      )}\n    />\n  );\n}\n\nfunction List({\n  className,\n  ...props\n}: ComboboxBase.List.Props & { className?: string }) {\n  return (\n    <ComboboxBase.List\n      {...props}\n      className={cn(\n        \"min-h-0 flex-1 overflow-y-auto overscroll-contain scroll-pt-2 scroll-pb-2\",\n        className,\n      )}\n    />\n  );\n}\n\nfunction GroupLabel(props: ComboboxBase.GroupLabel.Props) {\n  return (\n    <ComboboxBase.GroupLabel\n      {...props}\n      className={cn(\n        \"mx-1.5 px-2 py-1.5 text-sm text-reki-subtle\",\n        props.className,\n      )}\n    />\n  );\n}\n\nfunction Group(props: ComboboxBase.Group.Props) {\n  return (\n    <ComboboxBase.Group\n      {...props}\n      className=\"border-t border-reki-hairline mt-2 pt-2 first:border-t-0 first:mt-0 first:pt-0\"\n    />\n  );\n}\n\nfunction Chip({\n  removeLabel = \"Remove\",\n  ...props\n}: ComboboxBase.Chip.Props & {\n  /** Accessible label for the chip remove button. Pass a translated string for i18n.\n   * @default \"Remove\"\n   */\n  removeLabel?: string;\n}) {\n  return (\n    <ComboboxBase.Chip\n      {...props}\n      className={cn(\n        \"flex items-center gap-2.5\", // Layout\n        \"h-6 pl-2 pr-[3px]\", // Dimensions\n        \"rounded-sm ring-1 ring-reki-hairline\", // Border\n        \"bg-reki-overlay\", // Background\n        \"text-sm\", // Typography\n      )}\n    >\n      {props.children}\n      <ComboboxBase.ChipRemove\n        data-reki-component=\"Combobox\"\n        data-reki-part=\"chip-remove\"\n        aria-label={removeLabel}\n        className={cn(\n          \"cursor-pointer rounded-md p-1 hover:bg-reki-fill-hover\",\n          \"bg-transparent flex\",\n        )}\n      >\n        <XIcon size={10} />\n      </ComboboxBase.ChipRemove>\n    </ComboboxBase.Chip>\n  );\n}\n\n// Map size to min-height class for TriggerMultipleWithInput\nconst sizeToMinHeight: Record<RekiComboboxSize, string> = {\n  xs: \"min-h-5\",\n  sm: \"min-h-6.5\",\n  base: \"min-h-9\",\n  lg: \"min-h-10\",\n};\n\nfunction TriggerMultipleWithInput<ValueType>({\n  placeholder,\n  renderItem,\n  className,\n  inputSide = \"right\",\n  value: controlledValue,\n}: {\n  placeholder?: string;\n  renderItem: (value: ValueType) => React.ReactNode;\n  className?: string;\n  inputSide?: \"right\" | \"top\";\n  /** Optional controlled value for rendering chips (use when pre-selecting values) */\n  value?: ValueType[];\n}) {\n  const { size, hasError } = useContext(ComboboxContext);\n  // Determine which value to use for rendering chips\n  const chipsToRender = controlledValue;\n\n  return (\n    <ComboboxBase.Chips\n      className={cn(\n        inputVariants({ size, variant: hasError ? \"error\" : \"default\" }),\n        \"flex flex-col\",\n        \"gap-1 py-1 px-1.5\",\n        sizeToMinHeight[size],\n        \"h-auto\",\n        \"data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed\",\n        className,\n      )}\n    >\n      {inputSide === \"top\" && (\n        <ComboboxBase.Input\n          placeholder={placeholder}\n          className=\"w-full px-2 py-1 border-0 bg-inherit\"\n        />\n      )}\n      {/* Chips container */}\n      <div className=\"flex items-center flex-wrap gap-1.5 flex-1\">\n        {/* Render chips from controlled value if provided */}\n        {chipsToRender !== undefined &&\n          chipsToRender.length > 0 &&\n          chipsToRender.map((item) => renderItem(item))}\n        {/* Also render from BaseUI's internal value for user selections */}\n        <ComboboxBase.Value>\n          {(internalValue: ValueType[]) => {\n            // Skip rendering if using controlled value (to avoid duplicates)\n            if (chipsToRender !== undefined) return null;\n            return (\n              <Fragment>\n                {internalValue.map((item) => renderItem(item))}\n              </Fragment>\n            );\n          }}\n        </ComboboxBase.Value>\n        {inputSide === \"right\" && (\n          <ComboboxBase.Input\n            placeholder={placeholder}\n            className=\"min-w-[100px] flex-1 px-2 py-1 border-0 bg-inherit\"\n          />\n        )}\n      </div>\n    </ComboboxBase.Chips>\n  );\n}\n\nRoot.displayName = \"Combobox.Root\";\nContent.displayName = \"Combobox.Content\";\nTriggerValue.displayName = \"Combobox.TriggerValue\";\nTriggerInput.displayName = \"Combobox.TriggerInput\";\nItem.displayName = \"Combobox.Item\";\nChip.displayName = \"Combobox.Chip\";\nTriggerMultipleWithInput.displayName = \"Combobox.TriggerMultipleWithInput\";\n\n/**\n * Combobox — autocomplete input with filterable dropdown list.\n *\n * Compound component: `Combobox` (Root), `.TriggerInput`, `.TriggerValue`,\n * `.TriggerMultipleWithInput`, `.Content`, `.Item`, `.Chip`, `.Input`,\n * `.Empty`, `.GroupLabel`, `.Group`, `.List`, `.Collection`.\n *\n * @example\n * ```tsx\n * <Combobox items={fruits} label=\"Fruit\">\n *   <Combobox.TriggerInput placeholder=\"Pick a fruit…\" />\n *   <Combobox.Content>\n *     <Combobox.List>\n *       {(item) => <Combobox.Item value={item}>{item}</Combobox.Item>}\n *     </Combobox.List>\n *   </Combobox.Content>\n * </Combobox>\n * ```\n *\n * @see https://base-ui.com/react/components/combobox\n */\nexport const Combobox = Object.assign(Root, {\n  // Helper components\n  Content,\n  TriggerValue,\n  TriggerInput,\n  TriggerMultipleWithInput,\n\n  // Slightly modified BaseUI\n  Chip,\n  Item,\n\n  // Styled BaseUI\n  Input,\n  Empty,\n  GroupLabel,\n  Group,\n\n  // Styled BaseUI\n  List,\n\n  // BaseUI\n  Collection: ComboboxBase.Collection,\n\n  Trigger: ComboboxBase.Trigger,\n  Value: ComboboxBase.Value,\n  Icon: ComboboxBase.Icon,\n\n  // Filtering\n  useFilter: ComboboxBase.useFilter,\n});\n"],"names":["REKI_INPUT_VARIANTS","ComboboxContext","createContext","Root","label","required","labelTooltip","description","error","children","size","props","comboboxControl","ComboboxBase.Root","jsx","Field","Content","className","align","sideOffset","alignOffset","side","containerProp","contextContainer","usePortalContainer","ComboboxBase.Portal","ComboboxBase.Positioner","ComboboxBase.Popup","cn","triggerValueIconStyles","TriggerValue","hasError","useContext","iconStyles","jsxs","ComboboxBase.Trigger","inputVariants","ComboboxBase.Value","ComboboxBase.Icon","CaretDownIcon","triggerInputIconStyles","TriggerInput","clearLabel","showOptionsLabel","ComboboxBase.Input","ComboboxBase.Clear","XIcon","Item","ComboboxBase.Item","ComboboxBase.ItemIndicator","CheckIcon","Empty","ComboboxBase.Empty","Input","List","ComboboxBase.List","GroupLabel","ComboboxBase.GroupLabel","Group","ComboboxBase.Group","Chip","removeLabel","ComboboxBase.Chip","ComboboxBase.ChipRemove","sizeToMinHeight","TriggerMultipleWithInput","placeholder","renderItem","inputSide","controlledValue","chipsToRender","ComboboxBase.Chips","item","internalValue","Fragment","Combobox","ComboboxBase.Collection","ComboboxBase.useFilter"],"mappings":";;;;;;;;;AAwBQA,EAAoB;AAmB5B,MAAMC,IAAkBC,EAGrB,EAAE,MAAM,QAAQ,UAAU,IAAO;AAyGpC,SAASC,EAA0D;AAAA,EACjE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAOG;AACD,QAAMC,sBACHX,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAAS,GAAM,UAAU,EAAQF,EAAK,GAC9D,4BAACK,GAAA,EAAmB,GAAGF,GAAQ,UAAAF,GAAS,GAC1C;AAIF,SAAIL,IAEA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OACEC,IACI,OAAOA,KAAU,WACf,EAAE,SAASA,GAAO,OAAO,GAAA,IACzBA,IACF;AAAA,MAGL,UAAAI;AAAA,IAAA;AAAA,EAAA,IAMAA;AACT;AAEA,SAASI,EAAQ;AAAA,EACf,UAAAP;AAAA,EACA,WAAAQ;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAWC;AACb,GAYI;AACF,QAAMC,IAAmBC,EAAA;AAGzB,SACE,gBAAAV,EAACW,GAAA,EAAoB,WAHLH,KAAiBC,KAAoB,QAInD,UAAA,gBAAAT;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAR;AAAA,MACA,YAAAC;AAAA,MACA,aAAAC;AAAA,MACA,MAAAC;AAAA,MAEA,UAAA,gBAAAP;AAAA,QAACa;AAAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT;AAAA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YACA;AAAA;AAAA,YACAX;AAAA,UAAA;AAAA,UAGD,UAAAR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA,GAEJ;AAEJ;AAGA,MAAMoB,IAGF;AAAA,EACF,IAAI,EAAE,SAAS,QAAQ,UAAU,IAAI,WAAW,UAAA;AAAA,EAChD,IAAI,EAAE,SAAS,QAAQ,UAAU,IAAI,WAAW,YAAA;AAAA,EAChD,MAAM,EAAE,SAAS,QAAQ,UAAU,IAAI,WAAW,UAAA;AAAA,EAClD,IAAI,EAAE,SAAS,SAAS,UAAU,IAAI,WAAW,UAAA;AACnD;AAEA,SAASC,EAAa;AAAA,EACpB,WAAAb;AAAA,EACA,GAAGN;AACL,GAAsD;AACpD,QAAM,EAAE,MAAAD,GAAM,UAAAqB,MAAaC,EAAW/B,CAAe,GAC/CgC,IAAaJ,EAAuBnB,CAAI;AAE9C,SACE,gBAAAwB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,uBAAoB;AAAA,MACpB,kBAAe;AAAA,MACf,WAAWP;AAAA,QACTQ,EAAc,EAAE,MAAA1B,GAAM,SAASqB,IAAW,UAAU,WAAW;AAAA,QAC/D;AAAA,QACA;AAAA,QACA;AAAA,QACAE,EAAW;AAAA,QACXhB;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAH,EAACuB,GAAA,EAAoB,GAAG1B,GAAO;AAAA,QAC/B,gBAAAG;AAAA,UAACwB;AAAAA,UAAA;AAAA,YACC,WAAWV;AAAA,cACT;AAAA,cACAK,EAAW;AAAA,YAAA;AAAA,YAGb,4BAACM,GAAA,EAAc,MAAMN,EAAW,UAAU,WAAU,eAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACrE;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,MAAMO,IAGF;AAAA,EACF,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAAA,EAEd,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAAA,EAEd,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAAA,EAEd,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAEhB;AAEA,SAASC,EAAa;AAAA,EACpB,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,GAAGhC;AACL,GASG;AACD,QAAM,EAAE,MAAAD,GAAM,UAAAqB,MAAaC,EAAW/B,CAAe,GAC/CgC,IAAaO,EAAuB9B,CAAI;AAE9C,SACE,gBAAAwB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWN;AAAA,QACT;AAAA,QACA;AAAA,QACAjB,EAAM;AAAA,MAAA;AAAA,MAGR,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAAC8B;AAAAA,UAAA;AAAA,YACE,GAAGjC;AAAA,YACJ,WAAWiB;AAAA,cACTQ,EAAc,EAAE,MAAA1B,GAAM,SAASqB,IAAW,UAAU,WAAW;AAAA,cAC/D;AAAA,cACAE,EAAW;AAAA,cACX;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAGF,gBAAAnB;AAAA,UAAC+B;AAAAA,UAAA;AAAA,YACC,uBAAoB;AAAA,YACpB,kBAAe;AAAA,YACf,cAAYH;AAAA,YACZ,WAAWd;AAAA,cACT;AAAA,cACA;AAAA,cACAK,EAAW;AAAA,YAAA;AAAA,YAGb,UAAA,gBAAAnB,EAACgC,GAAA,EAAM,MAAMb,EAAW,SAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGpC,gBAAAnB;AAAA,UAACqB;AAAAA,UAAA;AAAA,YACC,uBAAoB;AAAA,YACpB,kBAAe;AAAA,YACf,cAAYQ;AAAA,YACZ,WAAWf;AAAA,cACT;AAAA,cACA;AAAA;AAAA,cACAK,EAAW;AAAA,YAAA;AAAA,YAGb,UAAA,gBAAAnB,EAACwB,GAAA,EAAkB,WAAU,qBAC3B,UAAA,gBAAAxB,EAACyB,GAAA,EAAc,MAAMN,EAAW,UAAU,WAAU,gBAAe,EAAA,CACrE;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASc,EAAK;AAAA,EACZ,UAAAtC;AAAA,EACA,WAAAQ;AAAA,EACA,GAAGN;AACL,GAAqD;AACnD,SACE,gBAAAuB;AAAA,IAACc;AAAAA,IAAA;AAAA,MACC,uBAAoB;AAAA,MACpB,kBAAe;AAAA,MACd,GAAGrC;AAAA,MACJ,WAAWiB;AAAA,QACT;AAAA,QACA;AAAA;AAAA;AAAA;AAAA,QAIA;AAAA,QACAX;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,eAAe,UAAAL,EAAA,CAAS;AAAA,QACvC,gBAAAK,EAACmC,GAAA,EAA2B,WAAU,iCACpC,UAAA,gBAAAnC,EAACoC,KAAU,EAAA,CACb;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASC,EAAMxC,GAAiC;AAC9C,SACE,gBAAAG;AAAA,IAACsC;AAAAA,IAAA;AAAA,MACE,GAAGzC;AAAA,MACJ,WAAWiB;AAAA,QACT;AAAA,MAAA;AAAA,MAEF,UAAUjB,EAAM,YAAY;AAAA,IAAA;AAAA,EAAA;AAGlC;AAEA,SAAS0C,GAAM1C,GAAiC;AAC9C,SACE,gBAAAG;AAAA,IAAC8B;AAAAA,IAAA;AAAA,MACE,GAAGjC;AAAA,MACJ,WAAWiB;AAAA,QACTQ,EAAA;AAAA,QACA;AAAA,QACAzB,EAAM;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAGN;AAEA,SAAS2C,GAAK;AAAA,EACZ,WAAArC;AAAA,EACA,GAAGN;AACL,GAAqD;AACnD,SACE,gBAAAG;AAAA,IAACyC;AAAAA,IAAA;AAAA,MACE,GAAG5C;AAAA,MACJ,WAAWiB;AAAA,QACT;AAAA,QACAX;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,SAASuC,GAAW7C,GAAsC;AACxD,SACE,gBAAAG;AAAA,IAAC2C;AAAAA,IAAA;AAAA,MACE,GAAG9C;AAAA,MACJ,WAAWiB;AAAA,QACT;AAAA,QACAjB,EAAM;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAGN;AAEA,SAAS+C,GAAM/C,GAAiC;AAC9C,SACE,gBAAAG;AAAA,IAAC6C;AAAAA,IAAA;AAAA,MACE,GAAGhD;AAAA,MACJ,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,SAASiD,EAAK;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,GAAGlD;AACL,GAKG;AACD,SACE,gBAAAuB;AAAA,IAAC4B;AAAAA,IAAA;AAAA,MACE,GAAGnD;AAAA,MACJ,WAAWiB;AAAA,QACT;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAjB,EAAM;AAAA,QACP,gBAAAG;AAAA,UAACiD;AAAAA,UAAA;AAAA,YACC,uBAAoB;AAAA,YACpB,kBAAe;AAAA,YACf,cAAYF;AAAA,YACZ,WAAWjC;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAGF,UAAA,gBAAAd,EAACgC,GAAA,EAAM,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,MAAMkB,KAAoD;AAAA,EACxD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AACN;AAEA,SAASC,EAAoC;AAAA,EAC3C,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAlD;AAAA,EACA,WAAAmD,IAAY;AAAA,EACZ,OAAOC;AACT,GAOG;AACD,QAAM,EAAE,MAAA3D,GAAM,UAAAqB,MAAaC,EAAW/B,CAAe,GAE/CqE,IAAgBD;AAEtB,SACE,gBAAAnC;AAAA,IAACqC;AAAAA,IAAA;AAAA,MACC,WAAW3C;AAAA,QACTQ,EAAc,EAAE,MAAA1B,GAAM,SAASqB,IAAW,UAAU,WAAW;AAAA,QAC/D;AAAA,QACA;AAAA,QACAiC,GAAgBtD,CAAI;AAAA,QACpB;AAAA,QACA;AAAA,QACAO;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAmD,MAAc,SACb,gBAAAtD;AAAA,UAAC8B;AAAAA,UAAA;AAAA,YACC,aAAAsB;AAAA,YACA,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAId,gBAAAhC,EAAC,OAAA,EAAI,WAAU,8CAEZ,UAAA;AAAA,UAAAoC,MAAkB,UACjBA,EAAc,SAAS,KACvBA,EAAc,IAAI,CAACE,MAASL,EAAWK,CAAI,CAAC;AAAA,UAE9C,gBAAA1D,EAACuB,GAAA,EACE,WAACoC,MAEIH,MAAkB,SAAkB,OAEtC,gBAAAxD,EAAC4D,KACE,UAAAD,EAAc,IAAI,CAACD,MAASL,EAAWK,CAAI,CAAC,EAAA,CAC/C,GAGN;AAAA,UACCJ,MAAc,WACb,gBAAAtD;AAAA,YAAC8B;AAAAA,YAAA;AAAA,cACC,aAAAsB;AAAA,cACA,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA/D,EAAK,cAAc;AACnBa,EAAQ,cAAc;AACtBc,EAAa,cAAc;AAC3BW,EAAa,cAAc;AAC3BM,EAAK,cAAc;AACnBa,EAAK,cAAc;AACnBK,EAAyB,cAAc;AAuBhC,MAAMU,KAAW,OAAO,OAAOxE,GAAM;AAAA;AAAA,EAE1C,SAAAa;AAAA,EACA,cAAAc;AAAA,EACA,cAAAW;AAAA,EACA,0BAAAwB;AAAA;AAAA,EAGA,MAAAL;AAAA,EACA,MAAAb;AAAA;AAAA,EAGA,OAAAM;AAAA,EACA,OAAAF;AAAA,EACA,YAAAK;AAAA,EACA,OAAAE;AAAA;AAAA,EAGA,MAAAJ;AAAA;AAAA,EAGA,YAAYsB;AAAAA,EAEZ,SAASzC;AAAAA,EACT,OAAOE;AAAAA,EACP,MAAMC;AAAAA;AAAAA,EAGN,WAAWuC;AACb,CAAC;"}
+{"version":3,"file":"combobox-iytvpzp5poljxgek.js","sources":["../../src/components/combobox/combobox.tsx"],"sourcesContent":["import { Combobox as ComboboxBase } from \"@base-ui/react/combobox\";\nimport { CaretDownIcon, CheckIcon, XIcon } from \"@phosphor-icons/react\";\nimport {\n  Fragment,\n  createContext,\n  useContext,\n  type PropsWithChildren,\n  type ReactNode,\n} from \"react\";\nimport {\n  inputVariants,\n  REKI_INPUT_VARIANTS,\n  type RekiInputSize,\n} from \"../input/input\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant } from \"../../utils/resolve-variant\";\nimport { Field, type FieldErrorMatch } from \"../field/field\";\nimport {\n  usePortalContainer,\n  type PortalContainer,\n} from \"../../utils/portal-provider\";\n\n/** Combobox variant definitions. */\nexport const REKI_COMBOBOX_VARIANTS = {\n  size: REKI_INPUT_VARIANTS.size,\n  inputSide: {\n    right: {\n      classes: \"\",\n      description: \"Input positioned inline to the right of chips\",\n    },\n    top: {\n      classes: \"\",\n      description: \"Input positioned above chips\",\n    },\n  },\n} as const;\n\nexport const REKI_COMBOBOX_DEFAULT_VARIANTS = {\n  size: \"base\",\n  inputSide: \"right\",\n} as const;\n\n// Context to pass size and error state down to sub-components\nconst ComboboxContext = createContext<{\n  size: RekiInputSize;\n  hasError: boolean;\n}>({ size: \"base\", hasError: false });\n\n// Derived types from REKI_COMBOBOX_VARIANTS\nexport type RekiComboboxSize = keyof typeof REKI_COMBOBOX_VARIANTS.size;\nexport type RekiComboboxInputSide =\n  keyof typeof REKI_COMBOBOX_VARIANTS.inputSide;\n\nexport interface RekiComboboxVariantsProps {\n  /**\n   * Size of the combobox trigger. Matches Input component sizes.\n   * - `\"xs\"` — Extra small for compact UIs (h-5 / 20px)\n   * - `\"sm\"` — Small for secondary fields (h-6.5 / 26px)\n   * - `\"base\"` — Default size (h-9 / 36px)\n   * - `\"lg\"` — Large for prominent fields (h-10 / 40px)\n   * @default \"base\"\n   */\n  size?: RekiComboboxSize;\n  /**\n   * Position of the text input relative to chips in multi-select mode.\n   * - `\"right\"` — Input inline to the right of chips\n   * - `\"top\"` — Input above chips\n   * @default \"right\"\n   */\n  inputSide?: RekiComboboxInputSide;\n}\n\nexport function comboboxVariants({\n  inputSide = REKI_COMBOBOX_DEFAULT_VARIANTS.inputSide,\n}: RekiComboboxVariantsProps = {}) {\n  return cn(\n    resolveVariant(\n      REKI_COMBOBOX_VARIANTS.inputSide,\n      inputSide,\n      REKI_COMBOBOX_DEFAULT_VARIANTS.inputSide,\n    ).classes,\n  );\n}\n\n// Legacy type alias for backwards compatibility\nexport type ComboboxInputSide = RekiComboboxInputSide;\nexport type ComboboxSize = RekiComboboxSize;\n\nexport type ComboboxRootProps<\n  Value = unknown,\n  Multiple extends boolean | undefined = false,\n> = ComboboxBase.Root.Props<Value, Multiple>;\n\n/**\n * Combobox component props (simplified for documentation; the actual Root is generic).\n *\n * Combobox provides an autocomplete/typeahead input with a filterable dropdown.\n * Supports single-select, multi-select with chips, grouped items, and Field wrapper integration.\n *\n * @example\n * ```tsx\n * // Single-select with search input\n * <Combobox value={value} onValueChange={setValue} items={options}>\n *   <Combobox.TriggerInput placeholder=\"Search…\" />\n *   <Combobox.Content>\n *     <Combobox.List>\n *       {(item) => <Combobox.Item value={item}>{item.label}</Combobox.Item>}\n *     </Combobox.List>\n *     <Combobox.Empty>No results</Combobox.Empty>\n *   </Combobox.Content>\n * </Combobox>\n *\n * // Multi-select with chips\n * <Combobox multiple items={options} label=\"Tags\">\n *   <Combobox.TriggerMultipleWithInput\n *     placeholder=\"Add tag…\"\n *     renderItem={(item) => <Combobox.Chip value={item}>{item.label}</Combobox.Chip>}\n *   />\n *   <Combobox.Content>\n *     <Combobox.List>\n *       {(item) => <Combobox.Item value={item}>{item.label}</Combobox.Item>}\n *     </Combobox.List>\n *   </Combobox.Content>\n * </Combobox>\n * ```\n */\nexport interface ComboboxProps extends RekiComboboxVariantsProps {\n  /** Array of items to display in the dropdown */\n  items: unknown[];\n  /** Currently selected value(s) */\n  value?: unknown;\n  /** Callback when selection changes */\n  onValueChange?: (value: unknown) => void;\n  /** Enable multi-select mode */\n  multiple?: boolean;\n  /** Combobox content (trigger, content, items) */\n  children: ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n  /** Label content for the combobox (enables Field wrapper) - can be a string or any React node */\n  label?: ReactNode;\n  /** Whether the combobox is required */\n  required?: boolean;\n  /** Tooltip content to display next to the label via an info icon */\n  labelTooltip?: ReactNode;\n  /** Helper text displayed below the combobox */\n  description?: ReactNode;\n  /** Error message or validation error object */\n  error?: string | { message: ReactNode; match: FieldErrorMatch };\n}\n\nfunction Root<Value, Multiple extends boolean | undefined = false>({\n  label,\n  required,\n  labelTooltip,\n  description,\n  error,\n  children,\n  size = \"base\",\n  ...props\n}: ComboboxBase.Root.Props<Value, Multiple> & {\n  label?: ReactNode;\n  required?: boolean;\n  labelTooltip?: ReactNode;\n  description?: ReactNode;\n  error?: string | { message: ReactNode; match: FieldErrorMatch };\n  size?: RekiComboboxSize;\n}) {\n  const comboboxControl = (\n    <ComboboxContext.Provider value={{ size, hasError: Boolean(error) }}>\n      <ComboboxBase.Root {...props}>{children}</ComboboxBase.Root>\n    </ComboboxContext.Provider>\n  );\n\n  // Render with Field wrapper if label, description, or error are provided\n  if (label) {\n    return (\n      <Field\n        label={label}\n        required={required}\n        labelTooltip={labelTooltip}\n        description={description}\n        error={\n          error\n            ? typeof error === \"string\"\n              ? { message: error, match: true }\n              : error\n            : undefined\n        }\n      >\n        {comboboxControl}\n      </Field>\n    );\n  }\n\n  // Render bare combobox without Field wrapper\n  return comboboxControl;\n}\n\nfunction Content({\n  children,\n  className,\n  align = \"start\",\n  sideOffset = 4,\n  alignOffset,\n  side,\n  container: containerProp,\n}: PropsWithChildren<{\n  className?: string;\n  align?: ComboboxBase.Positioner.Props[\"align\"];\n  alignOffset?: ComboboxBase.Positioner.Props[\"alignOffset\"];\n  side?: ComboboxBase.Positioner.Props[\"side\"];\n  sideOffset?: ComboboxBase.Positioner.Props[\"sideOffset\"];\n  /**\n   * Container element for the portal. Use this to render the combobox inside\n   * a Shadow DOM or custom container. Overrides `RekiPortalProvider` context.\n   * @default document.body (or RekiPortalProvider container if set)\n   */\n  container?: PortalContainer;\n}>) {\n  const contextContainer = usePortalContainer();\n  const container = containerProp ?? contextContainer ?? undefined;\n\n  return (\n    <ComboboxBase.Portal container={container}>\n      <ComboboxBase.Positioner\n        className=\"\"\n        align={align}\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        side={side}\n      >\n        <ComboboxBase.Popup\n          className={cn(\n            \"flex flex-col\", // flexbox layout for sticky input + scrollable list\n            \"max-h-[min(var(--available-height),24rem)] max-w-(--available-width) min-w-(--anchor-width) py-1.5\",\n            \"bg-reki-base text-reki-default\", // background\n            \"rounded-lg shadow-lg ring ring-reki-line\", // border part\n            className,\n          )}\n        >\n          {children}\n        </ComboboxBase.Popup>\n      </ComboboxBase.Positioner>\n    </ComboboxBase.Portal>\n  );\n}\n\n// Size-dependent styles for TriggerValue icon\nconst triggerValueIconStyles: Record<\n  RekiComboboxSize,\n  { padding: string; iconSize: number; iconRight: string }\n> = {\n  xs: { padding: \"pr-5\", iconSize: 12, iconRight: \"right-1\" },\n  sm: { padding: \"pr-6\", iconSize: 14, iconRight: \"right-1.5\" },\n  base: { padding: \"pr-8\", iconSize: 16, iconRight: \"right-2\" },\n  lg: { padding: \"pr-10\", iconSize: 18, iconRight: \"right-3\" },\n};\n\nfunction TriggerValue({\n  className,\n  ...props\n}: ComboboxBase.Value.Props & { className?: string }) {\n  const { size, hasError } = useContext(ComboboxContext);\n  const iconStyles = triggerValueIconStyles[size];\n\n  return (\n    <ComboboxBase.Trigger\n      data-reki-component=\"Combobox\"\n      data-reki-part=\"trigger\"\n      className={cn(\n        inputVariants({ size, variant: hasError ? \"error\" : \"default\" }),\n        \"relative flex items-center\",\n        \"data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed\",\n        \"data-[placeholder]:text-reki-placeholder\",\n        iconStyles.padding,\n        className,\n      )}\n    >\n      <ComboboxBase.Value {...props} />\n      <ComboboxBase.Icon\n        className={cn(\n          \"absolute top-1/2 -translate-y-1/2 flex items-center text-reki-subtle\",\n          iconStyles.iconRight,\n        )}\n      >\n        <CaretDownIcon size={iconStyles.iconSize} className=\"fill-current\" />\n      </ComboboxBase.Icon>\n    </ComboboxBase.Trigger>\n  );\n}\n\n// Size-dependent styles for TriggerInput icons\nconst triggerInputIconStyles: Record<\n  RekiComboboxSize,\n  { padding: string; iconSize: number; clearRight: string; caretRight: string }\n> = {\n  xs: {\n    padding: \"pr-7\",\n    iconSize: 12,\n    clearRight: \"right-5\",\n    caretRight: \"right-1\",\n  },\n  sm: {\n    padding: \"pr-9\",\n    iconSize: 14,\n    clearRight: \"right-6\",\n    caretRight: \"right-1.5\",\n  },\n  base: {\n    padding: \"pr-12\",\n    iconSize: 16,\n    clearRight: \"right-8\",\n    caretRight: \"right-2\",\n  },\n  lg: {\n    padding: \"pr-14\",\n    iconSize: 18,\n    clearRight: \"right-9\",\n    caretRight: \"right-3\",\n  },\n};\n\nfunction TriggerInput({\n  clearLabel = \"Clear selection\",\n  showOptionsLabel = \"Show options\",\n  ...props\n}: ComboboxBase.Input.Props & {\n  /** Accessible label for the clear button. Pass a translated string for i18n.\n   * @default \"Clear selection\"\n   */\n  clearLabel?: string;\n  /** Accessible label for the dropdown trigger. Pass a translated string for i18n.\n   * @default \"Show options\"\n   */\n  showOptionsLabel?: string;\n}) {\n  const { size, hasError } = useContext(ComboboxContext);\n  const iconStyles = triggerInputIconStyles[size];\n\n  return (\n    <div\n      className={cn(\n        \"relative inline-block w-full max-w-xs\",\n        \"has-[:disabled]:opacity-50 has-[:disabled]:cursor-not-allowed\",\n        props.className,\n      )}\n    >\n      <ComboboxBase.Input\n        {...props}\n        className={cn(\n          inputVariants({ size, variant: hasError ? \"error\" : \"default\" }),\n          \"w-full\",\n          iconStyles.padding,\n          \"disabled:cursor-not-allowed\",\n        )}\n      />\n\n      <ComboboxBase.Clear\n        data-reki-component=\"Combobox\"\n        data-reki-part=\"clear\"\n        aria-label={clearLabel}\n        className={cn(\n          \"absolute top-1/2 flex -translate-y-1/2 cursor-pointer bg-transparent p-0\",\n          \"data-[disabled]:pointer-events-none data-[disabled]:opacity-0\",\n          iconStyles.clearRight,\n        )}\n      >\n        <XIcon size={iconStyles.iconSize} />\n      </ComboboxBase.Clear>\n\n      <ComboboxBase.Trigger\n        data-reki-component=\"Combobox\"\n        data-reki-part=\"trigger\"\n        aria-label={showOptionsLabel}\n        className={cn(\n          \"absolute top-1/2 -translate-y-1/2 flex items-center justify-center cursor-pointer text-reki-subtle\",\n          \"m-0 bg-transparent p-0\", // Reset Stratus global button styles\n          iconStyles.caretRight,\n        )}\n      >\n        <ComboboxBase.Icon className=\"flex items-center\">\n          <CaretDownIcon size={iconStyles.iconSize} className=\"fill-current\" />\n        </ComboboxBase.Icon>\n      </ComboboxBase.Trigger>\n    </div>\n  );\n}\n\nfunction Item({\n  children,\n  className,\n  ...props\n}: ComboboxBase.Item.Props & { className?: string }) {\n  return (\n    <ComboboxBase.Item\n      data-reki-component=\"Combobox\"\n      data-reki-part=\"item\"\n      {...props}\n      className={cn(\n        \"group mx-1.5 grid grid-cols-[1fr_16px] gap-2 rounded px-2 py-1.5 text-base\",\n        \"cursor-pointer data-highlighted:bg-reki-tint\",\n        // Disabled rows: muted text, no pointer, suppress highlight bg even\n        // when keyboard nav lands on them. Base UI sets `data-disabled` on\n        // the element when the `disabled` prop is true.\n        \"data-[disabled]:cursor-not-allowed data-[disabled]:text-reki-subtle data-[disabled]:opacity-60 data-[disabled]:data-highlighted:bg-transparent\",\n        className,\n      )}\n    >\n      <div className=\"col-start-1\">{children}</div>\n      <ComboboxBase.ItemIndicator className=\"col-start-2 flex items-center\">\n        <CheckIcon />\n      </ComboboxBase.ItemIndicator>\n    </ComboboxBase.Item>\n  );\n}\n\nfunction Empty(props: ComboboxBase.Empty.Props) {\n  return (\n    <ComboboxBase.Empty\n      {...props}\n      className={cn(\n        \"mx-1.5 shrink-0 px-4 py-2 text-[0.925rem] leading-4 text-reki-subtle empty:m-0 empty:p-0\",\n      )}\n      children={props.children ?? \"No labels found.\"}\n    />\n  );\n}\n\nfunction Input(props: ComboboxBase.Input.Props) {\n  return (\n    <ComboboxBase.Input\n      {...props}\n      className={cn(\n        inputVariants(),\n        \"mx-1.5 w-[calc(100%-0.75rem)] shrink-0 first:mb-2\",\n        props.className,\n      )}\n    />\n  );\n}\n\nfunction List({\n  className,\n  ...props\n}: ComboboxBase.List.Props & { className?: string }) {\n  return (\n    <ComboboxBase.List\n      {...props}\n      className={cn(\n        \"min-h-0 flex-1 overflow-y-auto overscroll-contain scroll-pt-2 scroll-pb-2\",\n        className,\n      )}\n    />\n  );\n}\n\nfunction GroupLabel(props: ComboboxBase.GroupLabel.Props) {\n  return (\n    <ComboboxBase.GroupLabel\n      {...props}\n      className={cn(\n        \"mx-1.5 px-2 py-1.5 text-sm text-reki-subtle\",\n        props.className,\n      )}\n    />\n  );\n}\n\nfunction Group(props: ComboboxBase.Group.Props) {\n  return (\n    <ComboboxBase.Group\n      {...props}\n      className=\"border-t border-reki-hairline mt-2 pt-2 first:border-t-0 first:mt-0 first:pt-0\"\n    />\n  );\n}\n\nfunction Chip({\n  removeLabel = \"Remove\",\n  ...props\n}: ComboboxBase.Chip.Props & {\n  /** Accessible label for the chip remove button. Pass a translated string for i18n.\n   * @default \"Remove\"\n   */\n  removeLabel?: string;\n}) {\n  return (\n    <ComboboxBase.Chip\n      {...props}\n      className={cn(\n        \"flex items-center gap-2.5\", // Layout\n        \"h-6 pl-2 pr-[3px]\", // Dimensions\n        \"rounded-sm ring-1 ring-reki-hairline\", // Border\n        \"bg-reki-overlay\", // Background\n        \"text-sm\", // Typography\n      )}\n    >\n      {props.children}\n      <ComboboxBase.ChipRemove\n        data-reki-component=\"Combobox\"\n        data-reki-part=\"chip-remove\"\n        aria-label={removeLabel}\n        className={cn(\n          \"cursor-pointer rounded-md p-1 hover:bg-reki-fill-hover\",\n          \"bg-transparent flex\",\n        )}\n      >\n        <XIcon size={10} />\n      </ComboboxBase.ChipRemove>\n    </ComboboxBase.Chip>\n  );\n}\n\n// Map size to min-height class for TriggerMultipleWithInput\nconst sizeToMinHeight: Record<RekiComboboxSize, string> = {\n  xs: \"min-h-5\",\n  sm: \"min-h-6.5\",\n  base: \"min-h-9\",\n  lg: \"min-h-10\",\n};\n\nfunction TriggerMultipleWithInput<ValueType>({\n  placeholder,\n  renderItem,\n  className,\n  inputSide = \"right\",\n  value: controlledValue,\n}: {\n  placeholder?: string;\n  renderItem: (value: ValueType) => React.ReactNode;\n  className?: string;\n  inputSide?: \"right\" | \"top\";\n  /** Optional controlled value for rendering chips (use when pre-selecting values) */\n  value?: ValueType[];\n}) {\n  const { size, hasError } = useContext(ComboboxContext);\n  // Determine which value to use for rendering chips\n  const chipsToRender = controlledValue;\n\n  return (\n    <ComboboxBase.Chips\n      className={cn(\n        inputVariants({ size, variant: hasError ? \"error\" : \"default\" }),\n        \"flex flex-col\",\n        \"gap-1 py-1 px-1.5\",\n        sizeToMinHeight[size],\n        \"h-auto\",\n        \"data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed\",\n        className,\n      )}\n    >\n      {inputSide === \"top\" && (\n        <ComboboxBase.Input\n          placeholder={placeholder}\n          className=\"w-full px-2 py-1 border-0 bg-inherit\"\n        />\n      )}\n      {/* Chips container */}\n      <div className=\"flex items-center flex-wrap gap-1.5 flex-1\">\n        {/* Render chips from controlled value if provided */}\n        {chipsToRender !== undefined &&\n          chipsToRender.length > 0 &&\n          chipsToRender.map((item) => renderItem(item))}\n        {/* Also render from BaseUI's internal value for user selections */}\n        <ComboboxBase.Value>\n          {(internalValue: ValueType[]) => {\n            // Skip rendering if using controlled value (to avoid duplicates)\n            if (chipsToRender !== undefined) return null;\n            return (\n              <Fragment>\n                {internalValue.map((item) => renderItem(item))}\n              </Fragment>\n            );\n          }}\n        </ComboboxBase.Value>\n        {inputSide === \"right\" && (\n          <ComboboxBase.Input\n            placeholder={placeholder}\n            className=\"min-w-[100px] flex-1 px-2 py-1 border-0 bg-inherit\"\n          />\n        )}\n      </div>\n    </ComboboxBase.Chips>\n  );\n}\n\nRoot.displayName = \"Combobox.Root\";\nContent.displayName = \"Combobox.Content\";\nTriggerValue.displayName = \"Combobox.TriggerValue\";\nTriggerInput.displayName = \"Combobox.TriggerInput\";\nItem.displayName = \"Combobox.Item\";\nChip.displayName = \"Combobox.Chip\";\nTriggerMultipleWithInput.displayName = \"Combobox.TriggerMultipleWithInput\";\n\n/**\n * Combobox — autocomplete input with filterable dropdown list.\n *\n * Compound component: `Combobox` (Root), `.TriggerInput`, `.TriggerValue`,\n * `.TriggerMultipleWithInput`, `.Content`, `.Item`, `.Chip`, `.Input`,\n * `.Empty`, `.GroupLabel`, `.Group`, `.List`, `.Collection`.\n *\n * @example\n * ```tsx\n * <Combobox items={fruits} label=\"Fruit\">\n *   <Combobox.TriggerInput placeholder=\"Pick a fruit…\" />\n *   <Combobox.Content>\n *     <Combobox.List>\n *       {(item) => <Combobox.Item value={item}>{item}</Combobox.Item>}\n *     </Combobox.List>\n *   </Combobox.Content>\n * </Combobox>\n * ```\n *\n * @see https://base-ui.com/react/components/combobox\n */\nexport const Combobox = Object.assign(Root, {\n  // Helper components\n  Content,\n  TriggerValue,\n  TriggerInput,\n  TriggerMultipleWithInput,\n\n  // Slightly modified BaseUI\n  Chip,\n  Item,\n\n  // Styled BaseUI\n  Input,\n  Empty,\n  GroupLabel,\n  Group,\n\n  // Styled BaseUI\n  List,\n\n  // BaseUI\n  Collection: ComboboxBase.Collection,\n\n  Trigger: ComboboxBase.Trigger,\n  Value: ComboboxBase.Value,\n  Icon: ComboboxBase.Icon,\n\n  // Filtering\n  useFilter: ComboboxBase.useFilter,\n});\n"],"names":["REKI_INPUT_VARIANTS","ComboboxContext","createContext","Root","label","required","labelTooltip","description","error","children","size","props","comboboxControl","ComboboxBase.Root","jsx","Field","Content","className","align","sideOffset","alignOffset","side","containerProp","contextContainer","usePortalContainer","ComboboxBase.Portal","ComboboxBase.Positioner","ComboboxBase.Popup","cn","triggerValueIconStyles","TriggerValue","hasError","useContext","iconStyles","jsxs","ComboboxBase.Trigger","inputVariants","ComboboxBase.Value","ComboboxBase.Icon","CaretDownIcon","triggerInputIconStyles","TriggerInput","clearLabel","showOptionsLabel","ComboboxBase.Input","ComboboxBase.Clear","XIcon","Item","ComboboxBase.Item","ComboboxBase.ItemIndicator","CheckIcon","Empty","ComboboxBase.Empty","Input","List","ComboboxBase.List","GroupLabel","ComboboxBase.GroupLabel","Group","ComboboxBase.Group","Chip","removeLabel","ComboboxBase.Chip","ComboboxBase.ChipRemove","sizeToMinHeight","TriggerMultipleWithInput","placeholder","renderItem","inputSide","controlledValue","chipsToRender","ComboboxBase.Chips","item","internalValue","Fragment","Combobox","ComboboxBase.Collection","ComboboxBase.useFilter"],"mappings":"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"}

package/dist/chunks/{command-palette-fe5cjfdgsg3t17vq.js → command-palette-k6vrx8ely8rmf4a5.js}

@@ -2,11 +2,11 @@
 import { jsx as e, jsxs as g, Fragment as P } from "react/jsx-runtime";
 import { forwardRef as T, useContext as N, useCallback as b, useRef as K, createContext as w } from "react";
 import { CaretRightIcon as H, ArrowSquareOutIcon as M, ArrowRightIcon as _, MagnifyingGlassIcon as F } from "@phosphor-icons/react";
-import { L as G } from "./layer-card-kzu48dhzxm3e9p4u.js";
+import { L as G } from "./layer-card-iuquuc1w3116umfw.js";
 import { L as j } from "./loader-cxzp72mn53lzbv9c.js";
 import { c as f } from "./cn-ct4n7r74mh8y0f48.js";
 import { u as z } from "./portal-provider-off76og7tjyz96ys.js";
-import { aa as V, ac as $, af as q, bw as v, ae as B, ad as U, ag as J, bx as O, at as Q, ax as W, ay as X, az as Y } from "./vendor-base-ui-bgl9g5nkvqy3tn36.js";
+import { aa as V, ac as $, af as q, bw as v, ae as B, ad as U, ag as J, bx as O, at as Q, ax as W, ay as X, az as Y } from "./vendor-base-ui-djdjrfuoxlb1lubi.js";
 const C = w({});
 function I({
   open: t,
@@ -33,7 +33,7 @@ function I({
       {
         render: /* @__PURE__ */ e(Y, {}),
         className: f(
-          "fixed top-[10vh] left-1/2 w-full max-w-2xl -translate-x-1/2",
+          "fixed top-[10vh] left-1/2 w-full max-w-2xl -translate-x-1/2 shadow-lg",
           "overflow-hidden rounded-lg",
           "duration-150 data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[starting-style]:scale-90 data-[starting-style]:opacity-0"
         ),
@@ -400,4 +400,4 @@ export {
   we as R,
   Ne as a
 };
-//# sourceMappingURL=command-palette-fe5cjfdgsg3t17vq.js.map
+//# sourceMappingURL=command-palette-k6vrx8ely8rmf4a5.js.map