@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/stepper-progress-rE7tn7WY.js

@@ -1,129 +0,0 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { forwardRef as k, useRef as R, useState as S, useEffect as C, useLayoutEffect as E } from "react";
-import { c as t } from "./index-D2ZczOXr.js";
-import { useTranslation as A } from "react-i18next";
-const B = t("ds:flex ds:w-full", {
-  variants: {
-    captionPosition: {
-      top: "ds:flex-col ds:gap-[var(--spacing-xs)]",
-      bottom: "ds:flex-col-reverse ds:gap-[var(--spacing-xs)]"
-    }
-  },
-  defaultVariants: { captionPosition: "top" }
-}), H = t(
-  "ds:relative ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-[var(--muted)]",
-  {
-    variants: {
-      size: {
-        sm: "ds:h-[var(--spacing-xs)]",
-        default: "ds:h-[var(--spacing-sm)]"
-      }
-    },
-    defaultVariants: { size: "default" }
-  }
-), L = t(
-  [
-    "ds:block ds:h-full ds:rounded-[var(--radius-full)]",
-    "ds:[inline-size:calc(var(--stepper-progress-value,0)*1%)]",
-    "ds:transition-[inline-size,background-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]",
-    "ds:motion-reduce:transition-none"
-  ].join(" "),
-  {
-    variants: {
-      tone: {
-        progress: "ds:bg-[var(--primary)]",
-        error: "ds:bg-[var(--destructive)]",
-        complete: "ds:bg-[var(--success,var(--primary))]"
-      }
-    },
-    defaultVariants: { tone: "progress" }
-  }
-), O = t(
-  "ds:flex ds:items-baseline ds:gap-[var(--spacing-sm)] ds:flex-wrap",
-  {
-    variants: {
-      tone: {
-        progress: "ds:text-[var(--foreground)]",
-        error: "ds:text-[var(--destructive)]",
-        complete: "ds:text-[var(--foreground)]"
-      }
-    },
-    defaultVariants: { tone: "progress" }
-  }
-), $ = k(
-  ({
-    activeStep: g,
-    steps: l,
-    "aria-label": x,
-    hideCaption: h = !1,
-    size: b = "default",
-    captionPosition: y = "top",
-    className: N,
-    ...V
-  }, w) => {
-    const { t: i } = A(), d = R(null), s = l.length, r = Math.max(0, Math.min(g, s - 1)), e = l[r], c = (e == null ? void 0 : e.status) === "error" ? "error" : "current", p = r + 1, P = s === 0 ? 0 : p / s * 100, u = c === "error" ? "error" : r === s - 1 && s > 0 ? "complete" : "progress", [j, z] = S(!1);
-    C(() => {
-      z(!0);
-    }, []);
-    const f = j ? P : 0;
-    E(() => {
-      var m;
-      (m = d.current) == null || m.style.setProperty(
-        "--stepper-progress-value",
-        String(f)
-      );
-    }, [f]);
-    const v = i("navigation.stepper.stepOfTotal", {
-      n: r + 1,
-      total: s
-    }), M = x ?? i("navigation.stepper.label"), o = c === "error" && (e != null && e.description) ? e.description : null, T = [
-      v,
-      e ? `— ${e.label}` : null,
-      o
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ n(
-      "div",
-      {
-        ref: w,
-        "data-component": "stepper-progress",
-        className: B({ captionPosition: y, className: N }),
-        ...V,
-        children: [
-          h ? null : /* @__PURE__ */ n("div", { className: O({ tone: u }), "aria-hidden": "true", children: [
-            /* @__PURE__ */ a("span", { className: "type-meta ds:font-[var(--font-weight-semibold)]", children: v }),
-            e ? /* @__PURE__ */ n("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: [
-              "— ",
-              e.label
-            ] }) : null,
-            o ? /* @__PURE__ */ a("span", { className: "type-meta ds:ms-auto ds:text-[var(--destructive)]", children: o }) : null
-          ] }),
-          /* @__PURE__ */ a(
-            "div",
-            {
-              role: "progressbar",
-              "aria-label": M,
-              "aria-valuemin": 0,
-              "aria-valuemax": s,
-              "aria-valuenow": p,
-              "aria-valuetext": T,
-              className: H({ size: b }),
-              children: /* @__PURE__ */ a(
-                "span",
-                {
-                  ref: d,
-                  "aria-hidden": "true",
-                  className: L({ tone: u })
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-$.displayName = "StepperProgress";
-export {
-  $ as S
-};
-//# sourceMappingURL=stepper-progress-rE7tn7WY.js.map

package/dist/_chunks/stepper-progress-rE7tn7WY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-progress-rE7tn7WY.js","sources":["../../src/components/stepper-progress/stepper-progress.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport type { StepSpec, StepState } from '../_shared/stepper';\n\n/* -------------------------------------------------------------------- */\n/* StepperProgress                                                       */\n/*                                                                       */\n/* A lightweight \"Step N of M — {label}\" caption + fill bar. Pure        */\n/* indicator — no revisit, no per-step click targets. For flows that    */\n/* need editable completed steps, reach for `StepperAccordion`.         */\n/* -------------------------------------------------------------------- */\n\ntype Size = 'sm' | 'default';\ntype CaptionPosition = 'top' | 'bottom';\ntype Tone = 'progress' | 'error' | 'complete';\n\nconst rootVariants = cva('ds:flex ds:w-full', {\n  variants: {\n    captionPosition: {\n      top: 'ds:flex-col ds:gap-[var(--spacing-xs)]',\n      bottom: 'ds:flex-col-reverse ds:gap-[var(--spacing-xs)]',\n    },\n  },\n  defaultVariants: { captionPosition: 'top' },\n});\n\nconst trackVariants = cva(\n  'ds:relative ds:w-full ds:overflow-hidden ds:rounded-[var(--radius-full)] ds:bg-[var(--muted)]',\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-[var(--spacing-xs)]',\n        default: 'ds:h-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  },\n);\n\nconst fillVariants = cva(\n  [\n    'ds:block ds:h-full ds:rounded-[var(--radius-full)]',\n    'ds:[inline-size:calc(var(--stepper-progress-value,0)*1%)]',\n    'ds:transition-[inline-size,background-color] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n    'ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        progress: 'ds:bg-[var(--primary)]',\n        error: 'ds:bg-[var(--destructive)]',\n        complete: 'ds:bg-[var(--success,var(--primary))]',\n      },\n    },\n    defaultVariants: { tone: 'progress' },\n  },\n);\n\nconst captionVariants = cva(\n  'ds:flex ds:items-baseline ds:gap-[var(--spacing-sm)] ds:flex-wrap',\n  {\n    variants: {\n      tone: {\n        progress: 'ds:text-[var(--foreground)]',\n        error: 'ds:text-[var(--destructive)]',\n        complete: 'ds:text-[var(--foreground)]',\n      },\n    },\n    defaultVariants: { tone: 'progress' },\n  },\n);\n\nexport interface StepperProgressProps\n  extends Omit<ComponentPropsWithoutRef<'div'>, 'aria-label'>,\n    VariantProps<typeof trackVariants>,\n    VariantProps<typeof rootVariants> {\n  /** Active step (0-indexed). */\n  activeStep: number;\n  /** Step specs — `label` is used in the caption for the active step. */\n  steps: StepSpec[];\n  /** Override the default `aria-label` on the progressbar. */\n  'aria-label'?: string;\n  /** Hide the \"Step N of M — label\" caption. @default false */\n  hideCaption?: boolean;\n  /** Track size. @default 'default' */\n  size?: Size;\n  /** Caption position relative to the bar. @default 'top' */\n  captionPosition?: CaptionPosition;\n}\n\nconst StepperProgress = forwardRef<HTMLDivElement, StepperProgressProps>(\n  (\n    {\n      activeStep,\n      steps,\n      'aria-label': ariaLabel,\n      hideCaption = false,\n      size = 'default',\n      captionPosition = 'top',\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const fillRef = useRef<HTMLSpanElement>(null);\n\n    const total = steps.length;\n    const clampedActive = Math.max(0, Math.min(activeStep, total - 1));\n    const activeSpec = steps[clampedActive];\n    // The progress variant only renders one \"active\" step at a time — the\n    // shared four-way state machine collapses to error-or-current here.\n    const activeState: StepState =\n      activeSpec?.status === 'error' ? 'error' : 'current';\n\n    // Fill reaches through the completed segments plus the current one, so\n    // a 4-step flow at index 1 fills 50% (2/4). Matches the user's mental\n    // model for \"how far along am I\".\n    const filledCount = clampedActive + 1;\n    const targetPercent = total === 0 ? 0 : (filledCount / total) * 100;\n\n    const tone: Tone =\n      activeState === 'error'\n        ? 'error'\n        : clampedActive === total - 1 && total > 0\n          ? 'complete'\n          : 'progress';\n\n    // Mount-in animation: paint at 0 on first render, then swap to the\n    // target in a post-mount effect so the CSS transition animates from\n    // empty → target. Matches the pattern in `components/progress`.\n    const [hasMounted, setHasMounted] = useState(false);\n    useEffect(() => {\n      setHasMounted(true);\n    }, []);\n    const percent = hasMounted ? targetPercent : 0;\n\n    // Setting a CSS custom property via `style.setProperty` (rather than a\n    // JSX `style={{}}` attribute) is the sanctioned escape hatch for\n    // runtime-computed CSS tokens per `src/docs/23-constraints.mdx` §4;\n    // the `components/progress` bar uses the same pattern for its fill.\n    useLayoutEffect(() => {\n      fillRef.current?.style.setProperty(\n        '--stepper-progress-value',\n        String(percent),\n      );\n    }, [percent]);\n\n    const captionText = t('navigation.stepper.stepOfTotal', {\n      n: clampedActive + 1,\n      total,\n    });\n    const label = ariaLabel ?? t('navigation.stepper.label');\n    const errorCopy =\n      activeState === 'error' && activeSpec?.description\n        ? activeSpec.description\n        : null;\n    // `aria-valuetext` is the single AT source — the caption is aria-hidden\n    // so anything the caption exposes (label, error description) must be\n    // appended here too, or it's invisible to screen-reader users who set\n    // `hideCaption`.\n    const valueText = [\n      captionText,\n      activeSpec ? `— ${activeSpec.label}` : null,\n      errorCopy,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"stepper-progress\"\n        className={rootVariants({ captionPosition, className })}\n        {...rest}\n      >\n        {hideCaption ? null : (\n          <div className={captionVariants({ tone })} aria-hidden=\"true\">\n            <span className=\"type-meta ds:font-[var(--font-weight-semibold)]\">\n              {captionText}\n            </span>\n            {activeSpec ? (\n              <span className=\"type-meta ds:text-[var(--muted-foreground)]\">\n                — {activeSpec.label}\n              </span>\n            ) : null}\n            {errorCopy ? (\n              <span className=\"type-meta ds:ms-auto ds:text-[var(--destructive)]\">\n                {errorCopy}\n              </span>\n            ) : null}\n          </div>\n        )}\n        <div\n          role=\"progressbar\"\n          aria-label={label}\n          aria-valuemin={0}\n          aria-valuemax={total}\n          aria-valuenow={filledCount}\n          aria-valuetext={valueText}\n          className={trackVariants({ size })}\n        >\n          <span\n            ref={fillRef}\n            aria-hidden=\"true\"\n            className={fillVariants({ tone })}\n          />\n        </div>\n      </div>\n    );\n  },\n);\nStepperProgress.displayName = 'StepperProgress';\n\nexport { StepperProgress };\n"],"names":["rootVariants","cva","trackVariants","fillVariants","captionVariants","StepperProgress","forwardRef","activeStep","steps","ariaLabel","hideCaption","size","captionPosition","className","rest","ref","t","useTranslation","fillRef","useRef","total","clampedActive","activeSpec","activeState","filledCount","targetPercent","tone","hasMounted","setHasMounted","useState","useEffect","percent","useLayoutEffect","_a","captionText","label","errorCopy","valueText","jsxs","jsx"],"mappings":"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"}

package/dist/_chunks/suggestion-chip-BNJ2M8Os.js

@@ -1,158 +0,0 @@
-import { jsxs as E, jsx as h } from "react/jsx-runtime";
-import { forwardRef as L, useId as O, useContext as j, useState as N, useRef as T, useEffect as D, useCallback as x, useMemo as P, createContext as G } from "react";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as H } from "react-i18next";
-const K = S(
-  [
-    // `max-w-full` keeps a chip from blowing past its container when the
-    // label is long and the container is narrow (e.g. a 22rem Leo sidebar
-    // dock). Labels wrap onto multiple lines via `whitespace-normal` +
-    // `break-words` so the full text stays legible — rounded pills grow
-    // taller rather than hiding content behind an ellipsis.
-    "ds:inline-flex ds:items-center ds:justify-start ds:text-start ds:whitespace-normal ds:break-words ds:max-w-full",
-    "ds:rounded-[var(--radius-full)] ds:border",
-    "ds:min-h-[var(--min-target-size)]",
-    "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-    "type-label",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
-    "ds:forced-colors:border-[ButtonText] ds:forced-colors:text-[ButtonText]"
-  ].join(" "),
-  {
-    variants: {
-      intent: {
-        default: "ds:bg-muted/20 ds:text-foreground ds:border-transparent ds:hover:bg-accent/10",
-        suggestion: "ds:bg-[color:var(--primary)]/10 ds:text-foreground ds:border-transparent ds:hover:bg-[color:var(--primary)]/15",
-        followup: "ds:bg-muted/30 ds:text-foreground ds:border-transparent ds:hover:bg-muted/40"
-      },
-      // Weight, family, tracking, line-height all come from `.type-label` on the base.
-      // Size variants override --type-label-size to shift the ramp step.
-      size: {
-        sm: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-label-size:var(--font-size-xs)]",
-        md: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-        lg: "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:[--type-label-size:var(--font-size-base)]"
-      }
-    },
-    defaultVariants: { intent: "default", size: "md" }
-  }
-), V = G(null), U = L(
-  ({ label: z, className: M, children: b, ...y }, f) => {
-    const { t: p, i18n: w } = H(), A = w.dir() === "rtl", [r, g] = N([]), [i, a] = N(null), d = T(/* @__PURE__ */ new Map()), C = x((n) => {
-      g((t) => t.includes(n) ? t : [...t, n]);
-    }, []), c = x((n) => {
-      g((t) => t.filter((l) => l !== n)), d.current.delete(n);
-    }, []), o = x((n) => a(n), []);
-    D(() => {
-      !i && r.length > 0 && a(r[0]), i && !r.includes(i) && a(r[0] ?? null);
-    }, [i, r]);
-    const s = x(
-      (n, t) => {
-        const l = r.indexOf(n);
-        if (l === -1) return;
-        let u = l;
-        t === "next" && (u = (l + 1) % r.length), t === "prev" && (u = (l - 1 + r.length) % r.length), t === "first" && (u = 0), t === "last" && (u = r.length - 1);
-        const m = r[u];
-        a(m);
-        const R = d.current.get(m);
-        R == null || R.focus();
-      },
-      [r]
-    ), v = x(
-      (n, t) => {
-        t ? d.current.set(n, t) : d.current.delete(n);
-      },
-      []
-    ), k = P(
-      () => ({ register: C, unregister: c, focusedId: i, setFocus: o, onArrowMove: s, isRTL: A }),
-      [C, c, i, o, s, A]
-    );
-    return /* @__PURE__ */ h(B.Provider, { value: v, children: /* @__PURE__ */ h(V.Provider, { value: k, children: /* @__PURE__ */ h(
-      "div",
-      {
-        ref: f,
-        role: "group",
-        "aria-label": z ?? p("chat.suggestions"),
-        className: [
-          "ds:flex ds:flex-wrap ds:items-center",
-          "ds:gap-y-[var(--spacing-xs)] ds:gap-x-[var(--spacing-sm)]",
-          M
-        ].filter(Boolean).join(" "),
-        ...y,
-        children: b
-      }
-    ) }) });
-  }
-);
-U.displayName = "SuggestionChipGroup";
-const B = G(null), q = L(
-  ({
-    intent: z = "default",
-    size: M = "md",
-    value: b,
-    startIcon: y,
-    children: f,
-    onSelect: p,
-    onRemove: w,
-    keepOnSelect: A = !1,
-    className: r,
-    disabled: g,
-    onKeyDown: i,
-    onFocus: a,
-    onClick: d,
-    ...C
-  }, c) => {
-    const o = O(), s = j(V), v = j(B), [k, n] = N(!1), t = T(null), l = (e) => {
-      t.current = e, v == null || v(o, e), typeof c == "function" ? c(e) : c && (c.current = e);
-    }, u = T(s);
-    if (u.current = s, D(() => {
-      const e = u.current;
-      if (e)
-        return e.register(o), () => e.unregister(o);
-    }, [o]), k) return null;
-    const m = s ? s.focusedId === o : !0;
-    return /* @__PURE__ */ E(
-      "button",
-      {
-        ref: l,
-        type: "button",
-        tabIndex: s ? m ? 0 : -1 : 0,
-        disabled: g,
-        onClick: g ? void 0 : (e) => {
-          d == null || d(e);
-          const I = typeof b == "string" ? b : typeof f == "string" ? f : "";
-          p == null || p(I), w ? w() : A || n(!0);
-        },
-        onKeyDown: (e) => {
-          if (i == null || i(e), !s) return;
-          const I = s.isRTL ? "ArrowLeft" : "ArrowRight", F = s.isRTL ? "ArrowRight" : "ArrowLeft";
-          e.key === I || e.key === "ArrowDown" ? (e.preventDefault(), s.onArrowMove(o, "next")) : e.key === F || e.key === "ArrowUp" ? (e.preventDefault(), s.onArrowMove(o, "prev")) : e.key === "Home" ? (e.preventDefault(), s.onArrowMove(o, "first")) : e.key === "End" && (e.preventDefault(), s.onArrowMove(o, "last"));
-        },
-        onFocus: (e) => {
-          a == null || a(e), s && !m && s.setFocus(o);
-        },
-        "data-component": "suggestion-chip",
-        className: K({ intent: z, size: M, className: r }),
-        ...C,
-        children: [
-          y ? /* @__PURE__ */ h(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "ds:me-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:[&>svg]:size-4",
-              children: y
-            }
-          ) : null,
-          /* @__PURE__ */ h("span", { children: f })
-        ]
-      }
-    );
-  }
-);
-q.displayName = "SuggestionChip";
-export {
-  q as S,
-  U as a
-};
-//# sourceMappingURL=suggestion-chip-BNJ2M8Os.js.map

package/dist/_chunks/suggestion-chip-BNJ2M8Os.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"suggestion-chip-BNJ2M8Os.js","sources":["../../src/components/suggestion-chip/suggestion-chip.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst chipVariants = cva(\n  [\n    // `max-w-full` keeps a chip from blowing past its container when the\n    // label is long and the container is narrow (e.g. a 22rem Leo sidebar\n    // dock). Labels wrap onto multiple lines via `whitespace-normal` +\n    // `break-words` so the full text stays legible — rounded pills grow\n    // taller rather than hiding content behind an ellipsis.\n    'ds:inline-flex ds:items-center ds:justify-start ds:text-start ds:whitespace-normal ds:break-words ds:max-w-full',\n    'ds:rounded-[var(--radius-full)] ds:border',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n    'type-label',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:forced-colors:border-[ButtonText] ds:forced-colors:text-[ButtonText]',\n  ].join(' '),\n  {\n    variants: {\n      intent: {\n        default:\n          'ds:bg-muted/20 ds:text-foreground ds:border-transparent ds:hover:bg-accent/10',\n        suggestion:\n          'ds:bg-[color:var(--primary)]/10 ds:text-foreground ds:border-transparent ds:hover:bg-[color:var(--primary)]/15',\n        followup:\n          'ds:bg-muted/30 ds:text-foreground ds:border-transparent ds:hover:bg-muted/40',\n      },\n      // Weight, family, tracking, line-height all come from `.type-label` on the base.\n      // Size variants override --type-label-size to shift the ramp step.\n      size: {\n        sm: 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-label-size:var(--font-size-xs)]',\n        md: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        lg: 'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:[--type-label-size:var(--font-size-base)]',\n      },\n    },\n    defaultVariants: { intent: 'default', size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Group context — roving tabIndex                                     */\n/* ------------------------------------------------------------------ */\n\ninterface ChipGroupCtxValue {\n  register: (id: string) => void;\n  unregister: (id: string) => void;\n  focusedId: string | null;\n  setFocus: (id: string) => void;\n  onArrowMove: (\n    id: string,\n    direction: 'prev' | 'next' | 'first' | 'last',\n  ) => void;\n  isRTL: boolean;\n}\n\nconst ChipGroupCtx = createContext<ChipGroupCtxValue | null>(null);\n\n/* ------------------------------------------------------------------ */\n/* SuggestionChipGroup                                                  */\n/* ------------------------------------------------------------------ */\n\nexport interface SuggestionChipGroupProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-label'> {\n  /** Override the default group label (ui.chat.suggestions). */\n  label?: string;\n}\n\nexport const SuggestionChipGroup = forwardRef<HTMLDivElement, SuggestionChipGroupProps>(\n  ({ label, className, children, ...rest }, ref) => {\n    const { t, i18n } = useTranslation();\n    const isRTL = i18n.dir() === 'rtl';\n    const [order, setOrder] = useState<string[]>([]);\n    const [focusedId, setFocusedId] = useState<string | null>(null);\n    const nodeMap = useRef<Map<string, HTMLButtonElement>>(new Map());\n\n    const register = useCallback((id: string) => {\n      setOrder((prev) => (prev.includes(id) ? prev : [...prev, id]));\n    }, []);\n    const unregister = useCallback((id: string) => {\n      setOrder((prev) => prev.filter((x) => x !== id));\n      nodeMap.current.delete(id);\n    }, []);\n\n    const setFocus = useCallback((id: string) => setFocusedId(id), []);\n\n    useEffect(() => {\n      // Ensure focusedId stays valid — default to first registered.\n      if (!focusedId && order.length > 0) setFocusedId(order[0]);\n      if (focusedId && !order.includes(focusedId)) {\n        setFocusedId(order[0] ?? null);\n      }\n    }, [focusedId, order]);\n\n    const onArrowMove: ChipGroupCtxValue['onArrowMove'] = useCallback(\n      (id, direction) => {\n        const idx = order.indexOf(id);\n        if (idx === -1) return;\n        let next = idx;\n        if (direction === 'next') next = (idx + 1) % order.length;\n        if (direction === 'prev') next = (idx - 1 + order.length) % order.length;\n        if (direction === 'first') next = 0;\n        if (direction === 'last') next = order.length - 1;\n        const nextId = order[next];\n        setFocusedId(nextId);\n        const el = nodeMap.current.get(nextId);\n        el?.focus();\n      },\n      [order],\n    );\n\n    // Wrapped in useCallback so the context value reference is stable across\n    // renders — otherwise every chip re-runs its ref-registering effect on\n    // every focus change.\n    const registerNode = useCallback(\n      (id: string, el: HTMLButtonElement | null) => {\n        if (el) nodeMap.current.set(id, el);\n        else nodeMap.current.delete(id);\n      },\n      [],\n    );\n\n    // Memoise the context value so child chips don't see a new `group`\n    // reference on every render — otherwise their register/unregister\n    // effect re-runs each render, driving setOrder in the parent and\n    // producing an infinite render loop.\n    const ctxValue = useMemo(\n      () => ({ register, unregister, focusedId, setFocus, onArrowMove, isRTL }),\n      [register, unregister, focusedId, setFocus, onArrowMove, isRTL],\n    );\n\n    return (\n      <ChipGroupCtxNodeContext.Provider value={registerNode}>\n        <ChipGroupCtx.Provider value={ctxValue}>\n          <div\n            ref={ref}\n            role=\"group\"\n            aria-label={label ?? t('chat.suggestions')}\n            className={[\n              'ds:flex ds:flex-wrap ds:items-center',\n              'ds:gap-y-[var(--spacing-xs)] ds:gap-x-[var(--spacing-sm)]',\n              className,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            {...rest}\n          >\n            {children}\n          </div>\n        </ChipGroupCtx.Provider>\n      </ChipGroupCtxNodeContext.Provider>\n    );\n  },\n);\n\nSuggestionChipGroup.displayName = 'SuggestionChipGroup';\n\n// Separate context to register the DOM node from the chip without tripping\n// eslint `react-hooks/exhaustive-deps`.\nconst ChipGroupCtxNodeContext = createContext<\n  ((id: string, el: HTMLButtonElement | null) => void) | null\n>(null);\n\n/* ------------------------------------------------------------------ */\n/* SuggestionChip                                                       */\n/* ------------------------------------------------------------------ */\n\ntype NativeButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'onSelect' | 'children'\n>;\n\nexport interface SuggestionChipProps\n  extends NativeButtonProps,\n    VariantProps<typeof chipVariants> {\n  /** Value emitted on activation. Falls back to children when a string. */\n  value?: string;\n  startIcon?: ReactNode;\n  children: ReactNode;\n  /** Activation handler. */\n  onSelect?: (value: string) => void;\n  /** When provided, parent owns removal. Otherwise the chip manages its own\n   *  `removed` state and unmounts after selection. */\n  onRemove?: () => void;\n  /** Opt out of self-removal — useful inside controlled lists. */\n  keepOnSelect?: boolean;\n}\n\nexport const SuggestionChip = forwardRef<HTMLButtonElement, SuggestionChipProps>(\n  (\n    {\n      intent = 'default',\n      size = 'md',\n      value,\n      startIcon,\n      children,\n      onSelect,\n      onRemove,\n      keepOnSelect = false,\n      className,\n      disabled,\n      onKeyDown,\n      onFocus,\n      onClick,\n      ...rest\n    },\n    ref,\n  ) => {\n    const id = useId();\n    const group = useContext(ChipGroupCtx);\n    const registerNode = useContext(ChipGroupCtxNodeContext);\n    const [removed, setRemoved] = useState(false);\n    const localRef = useRef<HTMLButtonElement | null>(null);\n\n    const setRef = (node: HTMLButtonElement | null) => {\n      localRef.current = node;\n      registerNode?.(id, node);\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    };\n\n    // Keep register/unregister in a ref so the effect runs only on\n    // mount / unmount. Depending on `group` directly would re-fire the\n    // effect on every parent render (focusedId changes invalidate the\n    // group context value), which in turn mutates the parent's `order`\n    // state and loops.\n    const groupRef = useRef(group);\n    groupRef.current = group;\n\n    useEffect(() => {\n      const g = groupRef.current;\n      if (!g) return;\n      g.register(id);\n      return () => g.unregister(id);\n    }, [id]);\n\n    if (removed) return null;\n\n    const isFocused = group ? group.focusedId === id : true;\n    const tabIndex = group ? (isFocused ? 0 : -1) : 0;\n\n    const handleClick: NonNullable<NativeButtonProps['onClick']> = (e) => {\n      onClick?.(e);\n      const resolvedValue =\n        typeof value === 'string'\n          ? value\n          : typeof children === 'string'\n            ? children\n            : '';\n      onSelect?.(resolvedValue);\n      if (onRemove) onRemove();\n      else if (!keepOnSelect) setRemoved(true);\n    };\n\n    const handleKeyDown: NonNullable<NativeButtonProps['onKeyDown']> = (e) => {\n      onKeyDown?.(e);\n      if (!group) return;\n      // Arrow navigation inside a group — RTL inverts Left/Right.\n      const nextKey = group.isRTL ? 'ArrowLeft' : 'ArrowRight';\n      const prevKey = group.isRTL ? 'ArrowRight' : 'ArrowLeft';\n      if (e.key === nextKey || e.key === 'ArrowDown') {\n        e.preventDefault();\n        group.onArrowMove(id, 'next');\n      } else if (e.key === prevKey || e.key === 'ArrowUp') {\n        e.preventDefault();\n        group.onArrowMove(id, 'prev');\n      } else if (e.key === 'Home') {\n        e.preventDefault();\n        group.onArrowMove(id, 'first');\n      } else if (e.key === 'End') {\n        e.preventDefault();\n        group.onArrowMove(id, 'last');\n      }\n    };\n\n    const handleFocus: NonNullable<NativeButtonProps['onFocus']> = (e) => {\n      onFocus?.(e);\n      if (group && !isFocused) group.setFocus(id);\n    };\n\n    return (\n      <button\n        ref={setRef}\n        type=\"button\"\n        tabIndex={tabIndex}\n        disabled={disabled}\n        onClick={disabled ? undefined : handleClick}\n        onKeyDown={handleKeyDown as unknown as (e: KeyboardEvent<HTMLButtonElement>) => void}\n        onFocus={handleFocus}\n        data-component=\"suggestion-chip\"\n        className={chipVariants({ intent, size, className })}\n        {...rest}\n      >\n        {startIcon ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:me-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:[&>svg]:size-4\"\n          >\n            {startIcon}\n          </span>\n        ) : null}\n        <span>{children}</span>\n      </button>\n    );\n  },\n);\n\nSuggestionChip.displayName = 'SuggestionChip';\n"],"names":["chipVariants","cva","ChipGroupCtx","createContext","SuggestionChipGroup","forwardRef","label","className","children","rest","ref","t","i18n","useTranslation","isRTL","order","setOrder","useState","focusedId","setFocusedId","nodeMap","useRef","register","useCallback","id","prev","unregister","x","setFocus","useEffect","onArrowMove","direction","idx","next","nextId","el","registerNode","ctxValue","useMemo","jsx","ChipGroupCtxNodeContext","SuggestionChip","intent","size","value","startIcon","onSelect","onRemove","keepOnSelect","disabled","onKeyDown","onFocus","onClick","useId","group","useContext","removed","setRemoved","localRef","setRef","node","groupRef","g","isFocused","jsxs","resolvedValue","nextKey","prevKey"],"mappings":";;;;AAsBA,MAAMA,IAAeC;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAME;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,SACE;AAAA,QACF,YACE;AAAA,QACF,UACE;AAAA,MAAA;AAAA;AAAA;AAAA,MAIJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,QAAQ,WAAW,MAAM,KAAA;AAAA,EAAK;AAErD,GAkBMC,IAAeC,EAAwC,IAAI,GAYpDC,IAAsBC;AAAA,EACjC,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAChD,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GACdC,IAAQF,EAAK,IAAA,MAAU,OACvB,CAACG,GAAOC,CAAQ,IAAIC,EAAmB,CAAA,CAAE,GACzC,CAACC,GAAWC,CAAY,IAAIF,EAAwB,IAAI,GACxDG,IAAUC,EAAuC,oBAAI,KAAK,GAE1DC,IAAWC,EAAY,CAACC,MAAe;AAC3C,MAAAR,EAAS,CAACS,MAAUA,EAAK,SAASD,CAAE,IAAIC,IAAO,CAAC,GAAGA,GAAMD,CAAE,CAAE;AAAA,IAC/D,GAAG,CAAA,CAAE,GACCE,IAAaH,EAAY,CAACC,MAAe;AAC7C,MAAAR,EAAS,CAACS,MAASA,EAAK,OAAO,CAACE,MAAMA,MAAMH,CAAE,CAAC,GAC/CJ,EAAQ,QAAQ,OAAOI,CAAE;AAAA,IAC3B,GAAG,CAAA,CAAE,GAECI,IAAWL,EAAY,CAACC,MAAeL,EAAaK,CAAE,GAAG,EAAE;AAEjE,IAAAK,EAAU,MAAM;AAEd,MAAI,CAACX,KAAaH,EAAM,SAAS,KAAGI,EAAaJ,EAAM,CAAC,CAAC,GACrDG,KAAa,CAACH,EAAM,SAASG,CAAS,KACxCC,EAAaJ,EAAM,CAAC,KAAK,IAAI;AAAA,IAEjC,GAAG,CAACG,GAAWH,CAAK,CAAC;AAErB,UAAMe,IAAgDP;AAAA,MACpD,CAACC,GAAIO,MAAc;AACjB,cAAMC,IAAMjB,EAAM,QAAQS,CAAE;AAC5B,YAAIQ,MAAQ,GAAI;AAChB,YAAIC,IAAOD;AACX,QAAID,MAAc,WAAQE,KAAQD,IAAM,KAAKjB,EAAM,SAC/CgB,MAAc,WAAQE,KAAQD,IAAM,IAAIjB,EAAM,UAAUA,EAAM,SAC9DgB,MAAc,YAASE,IAAO,IAC9BF,MAAc,WAAQE,IAAOlB,EAAM,SAAS;AAChD,cAAMmB,IAASnB,EAAMkB,CAAI;AACzB,QAAAd,EAAae,CAAM;AACnB,cAAMC,IAAKf,EAAQ,QAAQ,IAAIc,CAAM;AACrC,QAAAC,KAAA,QAAAA,EAAI;AAAA,MACN;AAAA,MACA,CAACpB,CAAK;AAAA,IAAA,GAMFqB,IAAeb;AAAA,MACnB,CAACC,GAAYW,MAAiC;AAC5C,QAAIA,IAAIf,EAAQ,QAAQ,IAAII,GAAIW,CAAE,IAC7Bf,EAAQ,QAAQ,OAAOI,CAAE;AAAA,MAChC;AAAA,MACA,CAAA;AAAA,IAAC,GAOGa,IAAWC;AAAA,MACf,OAAO,EAAE,UAAAhB,GAAU,YAAAI,GAAY,WAAAR,GAAW,UAAAU,GAAU,aAAAE,GAAa,OAAAhB;MACjE,CAACQ,GAAUI,GAAYR,GAAWU,GAAUE,GAAahB,CAAK;AAAA,IAAA;AAGhE,WACE,gBAAAyB,EAACC,EAAwB,UAAxB,EAAiC,OAAOJ,GACvC,UAAA,gBAAAG,EAACrC,EAAa,UAAb,EAAsB,OAAOmC,GAC5B,UAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAA7B;AAAA,QACA,MAAK;AAAA,QACL,cAAYJ,KAASK,EAAE,kBAAkB;AAAA,QACzC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACAJ;AAAA,QAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACV,GAAGE;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA,GAEL,EAAA,CACF;AAAA,EAEJ;AACF;AAEAJ,EAAoB,cAAc;AAIlC,MAAMoC,IAA0BrC,EAE9B,IAAI,GA2BOsC,IAAiBpC;AAAA,EAC5B,CACE;AAAA,IACE,QAAAqC,IAAS;AAAA,IACT,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAArC;AAAA,IACA,UAAAsC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,WAAAzC;AAAA,IACA,UAAA0C;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAG3C;AAAA,EAAA,GAELC,MACG;AACH,UAAMc,IAAK6B,EAAA,GACLC,IAAQC,EAAWrD,CAAY,GAC/BkC,IAAemB,EAAWf,CAAuB,GACjD,CAACgB,GAASC,CAAU,IAAIxC,EAAS,EAAK,GACtCyC,IAAWrC,EAAiC,IAAI,GAEhDsC,IAAS,CAACC,MAAmC;AACjD,MAAAF,EAAS,UAAUE,GACnBxB,KAAA,QAAAA,EAAeZ,GAAIoC,IACf,OAAOlD,KAAQ,aAAYA,EAAIkD,CAAI,IAC9BlD,QAAS,UAAUkD;AAAA,IAC9B,GAOMC,IAAWxC,EAAOiC,CAAK;AAU7B,QATAO,EAAS,UAAUP,GAEnBzB,EAAU,MAAM;AACd,YAAMiC,IAAID,EAAS;AACnB,UAAKC;AACL,eAAAA,EAAE,SAAStC,CAAE,GACN,MAAMsC,EAAE,WAAWtC,CAAE;AAAA,IAC9B,GAAG,CAACA,CAAE,CAAC,GAEHgC,EAAS,QAAO;AAEpB,UAAMO,IAAYT,IAAQA,EAAM,cAAc9B,IAAK;AA0CnD,WACE,gBAAAwC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKL;AAAA,QACL,MAAK;AAAA,QACL,UA7CaL,IAASS,IAAY,IAAI,KAAM;AAAA,QA8C5C,UAAAd;AAAA,QACA,SAASA,IAAW,SA7CuC,CAAC,MAAM;AACpE,UAAAG,KAAA,QAAAA,EAAU;AACV,gBAAMa,IACJ,OAAOrB,KAAU,WACbA,IACA,OAAOpC,KAAa,WAClBA,IACA;AACR,UAAAsC,KAAA,QAAAA,EAAWmB,IACPlB,IAAUA,EAAA,IACJC,KAAcS,EAAW,EAAI;AAAA,QACzC;AAAA,QAmCI,WAjC+D,CAAC,MAAM;AAExE,cADAP,KAAA,QAAAA,EAAY,IACR,CAACI,EAAO;AAEZ,gBAAMY,IAAUZ,EAAM,QAAQ,cAAc,cACtCa,IAAUb,EAAM,QAAQ,eAAe;AAC7C,UAAI,EAAE,QAAQY,KAAW,EAAE,QAAQ,eACjC,EAAE,eAAA,GACFZ,EAAM,YAAY9B,GAAI,MAAM,KACnB,EAAE,QAAQ2C,KAAW,EAAE,QAAQ,aACxC,EAAE,eAAA,GACFb,EAAM,YAAY9B,GAAI,MAAM,KACnB,EAAE,QAAQ,UACnB,EAAE,eAAA,GACF8B,EAAM,YAAY9B,GAAI,OAAO,KACpB,EAAE,QAAQ,UACnB,EAAE,eAAA,GACF8B,EAAM,YAAY9B,GAAI,MAAM;AAAA,QAEhC;AAAA,QAeI,SAb2D,CAAC,MAAM;AACpE,UAAA2B,KAAA,QAAAA,EAAU,IACNG,KAAS,CAACS,KAAWT,EAAM,SAAS9B,CAAE;AAAA,QAC5C;AAAA,QAWI,kBAAe;AAAA,QACf,WAAWxB,EAAa,EAAE,QAAA0C,GAAQ,MAAAC,GAAM,WAAApC,GAAW;AAAA,QAClD,GAAGE;AAAA,QAEH,UAAA;AAAA,UAAAoC,IACC,gBAAAN;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,UAAAM;AAAA,YAAA;AAAA,UAAA,IAED;AAAA,UACJ,gBAAAN,EAAC,UAAM,UAAA/B,EAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGtB;AACF;AAEAiC,EAAe,cAAc;"}

package/dist/_chunks/switch-aN2EYxHh.js

@@ -1,138 +0,0 @@
-import { jsxs as B, jsx as e } from "react/jsx-runtime";
-import { forwardRef as R, useContext as T, useState as q } from "react";
-import * as h from "@radix-ui/react-switch";
-import { c as i } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { u as I, F as O } from "./form-field-context-94LwgYTQ.js";
-const D = i(
-  [
-    "ds:inline-flex ds:shrink-0 ds:cursor-pointer ds:items-center",
-    "ds:rounded-[var(--radius-full)]",
-    "ds:border-2 ds:border-transparent",
-    "ds:bg-muted",
-    "ds:data-[state=checked]:bg-primary",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:h-4 ds:w-7",
-        md: "ds:h-5 ds:w-9",
-        lg: "ds:h-6 ds:w-11"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), _ = i(
-  [
-    "ds:pointer-events-none ds:flex ds:items-center ds:justify-center ds:rounded-full ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-sm)]",
-    "ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:data-[state=checked]:translate-x-full ds:rtl:data-[state=checked]:-translate-x-full",
-    "ds:data-[state=unchecked]:translate-x-0"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:size-3",
-        md: "ds:size-4",
-        lg: "ds:size-5"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), $ = i(
-  "ds:inline-flex ds:items-center ds:gap-3 ds:min-h-[var(--min-target-size)]",
-  {
-    variants: {
-      labelSide: {
-        start: "ds:flex-row-reverse",
-        end: ""
-      }
-    },
-    defaultVariants: { labelSide: "end" }
-  }
-), A = i("type-label ds:text-foreground ds:select-none", {
-  variants: {
-    disabled: {
-      true: "ds:cursor-not-allowed ds:opacity-50",
-      false: "ds:cursor-pointer"
-    }
-  },
-  defaultVariants: { disabled: !1 }
-}), E = {
-  sm: "ds:size-2",
-  md: "ds:size-2.5",
-  lg: "ds:size-3"
-}, G = R(
-  ({
-    label: b,
-    labelSide: v = "end",
-    size: a = "md",
-    icon: n,
-    showStateText: p = !1,
-    checked: t,
-    defaultChecked: o,
-    onCheckedChange: r,
-    disabled: w,
-    id: x,
-    className: g,
-    ...y
-  }, z) => {
-    const { t: l } = C(), s = I(), S = T(O) !== null, c = x ?? s.id, [F, V] = q(
-      t ?? o ?? !1
-    ), d = typeof t == "boolean", u = d ? t : F, N = (m) => {
-      d || V(m), r == null || r(m);
-    }, f = s.disabled || w, j = s.describedBy || void 0, k = u ? l("ui.inputs.switch.on", "On") : l("ui.inputs.switch.off", "Off");
-    return /* @__PURE__ */ B("div", { className: $({ labelSide: v }), children: [
-      /* @__PURE__ */ e(
-        h.Root,
-        {
-          ref: z,
-          id: c,
-          checked: d ? t : void 0,
-          defaultChecked: d ? void 0 : o,
-          onCheckedChange: N,
-          disabled: f,
-          "aria-describedby": j,
-          "aria-invalid": s.invalid || void 0,
-          "aria-required": s.required || void 0,
-          "data-component": "switch",
-          className: D({ size: a, className: g }),
-          ...y,
-          children: /* @__PURE__ */ e(h.Thumb, { className: _({ size: a }), children: n ? /* @__PURE__ */ e(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: `${E[a]} ds:inline-flex ds:items-center ds:justify-center ds:[&_svg]:size-full`,
-              children: u ? n.on : n.off
-            }
-          ) : null })
-        }
-      ),
-      p ? /* @__PURE__ */ e(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: "type-meta ds:text-muted-foreground ds:select-none",
-          children: k
-        }
-      ) : null,
-      S ? null : /* @__PURE__ */ e(
-        "label",
-        {
-          htmlFor: c,
-          className: A({ disabled: !!f }),
-          children: b
-        }
-      )
-    ] });
-  }
-);
-G.displayName = "Switch";
-export {
-  G as S
-};
-//# sourceMappingURL=switch-aN2EYxHh.js.map

package/dist/_chunks/switch-aN2EYxHh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch-aN2EYxHh.js","sources":["../../src/components/switch/switch.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useContext,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport * as RadixSwitch from '@radix-ui/react-switch';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\n\nconst switchVariants = cva(\n  [\n    'ds:inline-flex ds:shrink-0 ds:cursor-pointer ds:items-center',\n    'ds:rounded-[var(--radius-full)]',\n    'ds:border-2 ds:border-transparent',\n    'ds:bg-muted',\n    'ds:data-[state=checked]:bg-primary',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-4 ds:w-7',\n        md: 'ds:h-5 ds:w-9',\n        lg: 'ds:h-6 ds:w-11',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst thumbVariants = cva(\n  [\n    'ds:pointer-events-none ds:flex ds:items-center ds:justify-center ds:rounded-full ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-sm)]',\n    'ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:data-[state=checked]:translate-x-full ds:rtl:data-[state=checked]:-translate-x-full',\n    'ds:data-[state=unchecked]:translate-x-0',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-3',\n        md: 'ds:size-4',\n        lg: 'ds:size-5',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst wrapperVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-3 ds:min-h-[var(--min-target-size)]',\n  {\n    variants: {\n      labelSide: {\n        start: 'ds:flex-row-reverse',\n        end: '',\n      },\n    },\n    defaultVariants: { labelSide: 'end' },\n  },\n);\n\nconst labelVariants = cva('type-label ds:text-foreground ds:select-none', {\n  variants: {\n    disabled: {\n      true: 'ds:cursor-not-allowed ds:opacity-50',\n      false: 'ds:cursor-pointer',\n    },\n  },\n  defaultVariants: { disabled: false },\n});\n\nconst iconSizeBySwitchSize = {\n  sm: 'ds:size-2',\n  md: 'ds:size-2.5',\n  lg: 'ds:size-3',\n} as const;\n\nexport interface SwitchIcon {\n  on: ReactNode;\n  off: ReactNode;\n}\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixSwitch.Root>;\n\nexport interface SwitchProps\n  extends Omit<RadixRootProps, 'children'>,\n    VariantProps<typeof switchVariants> {\n  label: string;\n  labelSide?: 'start' | 'end';\n  size?: 'sm' | 'md' | 'lg';\n  icon?: SwitchIcon;\n  showStateText?: boolean;\n}\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  (\n    {\n      label,\n      labelSide = 'end',\n      size = 'md',\n      icon,\n      showStateText = false,\n      checked,\n      defaultChecked,\n      onCheckedChange,\n      disabled,\n      id,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const ctx = useFormField();\n    const inFormField = useContext(FormFieldContext) !== null;\n    const switchId = id ?? ctx.id;\n\n    const [internalChecked, setInternalChecked] = useState<boolean>(\n      checked ?? defaultChecked ?? false,\n    );\n    const isControlled = typeof checked === 'boolean';\n    const currentChecked = isControlled ? checked : internalChecked;\n\n    const handleCheckedChange = (next: boolean) => {\n      if (!isControlled) setInternalChecked(next);\n      onCheckedChange?.(next);\n    };\n\n    const effectiveDisabled = ctx.disabled || disabled;\n    const describedBy = ctx.describedBy || undefined;\n\n    const stateText = currentChecked\n      ? t('ui.inputs.switch.on', 'On')\n      : t('ui.inputs.switch.off', 'Off');\n\n    return (\n      <div className={wrapperVariants({ labelSide })}>\n        <RadixSwitch.Root\n          ref={ref}\n          id={switchId}\n          checked={isControlled ? checked : undefined}\n          defaultChecked={!isControlled ? defaultChecked : undefined}\n          onCheckedChange={handleCheckedChange}\n          disabled={effectiveDisabled}\n          aria-describedby={describedBy}\n          aria-invalid={ctx.invalid || undefined}\n          aria-required={ctx.required || undefined}\n          data-component=\"switch\"\n          className={switchVariants({ size, className })}\n          {...props}\n        >\n          <RadixSwitch.Thumb className={thumbVariants({ size })}>\n            {icon ? (\n              <span\n                aria-hidden=\"true\"\n                className={`${iconSizeBySwitchSize[size]} ds:inline-flex ds:items-center ds:justify-center ds:[&_svg]:size-full`}\n              >\n                {currentChecked ? icon.on : icon.off}\n              </span>\n            ) : null}\n          </RadixSwitch.Thumb>\n        </RadixSwitch.Root>\n        {showStateText ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"type-meta ds:text-muted-foreground ds:select-none\"\n          >\n            {stateText}\n          </span>\n        ) : null}\n        {!inFormField ? (\n          <label\n            htmlFor={switchId}\n            className={labelVariants({ disabled: Boolean(effectiveDisabled) })}\n          >\n            {label}\n          </label>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n"],"names":["switchVariants","cva","thumbVariants","wrapperVariants","labelVariants","iconSizeBySwitchSize","Switch","forwardRef","label","labelSide","size","icon","showStateText","checked","defaultChecked","onCheckedChange","disabled","id","className","props","ref","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","switchId","internalChecked","setInternalChecked","useState","isControlled","currentChecked","handleCheckedChange","next","effectiveDisabled","describedBy","stateText","jsx","RadixSwitch"],"mappings":"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"}