@elabs-ai/components-ui 4.1.0 → 5.0.0

package/dist/chunk-LXW3GNF7.js

@@ -0,0 +1,201 @@
+"use client";
+import {
+  Skeleton
+} from "./chunk-JNWXHPZG.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-U4LHV5DS.js";
+import {
+  badgeVariants
+} from "./chunk-ECCNRCC4.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/view-toolbar/view-toolbar.tsx
+import { forwardRef } from "react";
+import { Info, X } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ViewToolbar = forwardRef(function ViewToolbar2({ info, children, actions, className, ...props }, ref) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "view-toolbar",
+      className: cn("flex min-h-9 w-full flex-wrap items-center gap-x-3 gap-y-2", className),
+      ...props,
+      children: [
+        info ? /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon-sm",
+              "data-slot": "view-toolbar-info",
+              "aria-label": t("ui.viewToolbar.about"),
+              className: "shrink-0 text-muted-foreground hover:text-foreground",
+              children: /* @__PURE__ */ jsx(Info, { "aria-hidden": "true" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TooltipContent, { className: "max-w-xs text-pretty", children: info })
+        ] }) }) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "view-toolbar-content",
+            className: cn(
+              "flex min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-2",
+              children ? "basis-64" : "basis-0"
+            ),
+            children
+          }
+        ),
+        actions ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "view-toolbar-actions",
+            className: "ms-auto flex min-w-0 flex-wrap items-center justify-end gap-2",
+            children: actions
+          }
+        ) : null
+      ]
+    }
+  );
+});
+var ViewToolbarFilters = forwardRef(
+  function ViewToolbarFilters2({ onClearAll, children, className, ...props }, ref) {
+    const { t } = useLocale();
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "view-toolbar-filters",
+        role: "group",
+        "aria-label": t("ui.viewToolbar.activeFilters"),
+        className: cn("flex min-w-0 flex-wrap items-center gap-1.5", className),
+        ...props,
+        children: [
+          children,
+          onClearAll ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              "data-slot": "view-toolbar-clear-all",
+              className: "h-6 px-2",
+              onClick: onClearAll,
+              children: t("ui.viewToolbar.clearAll")
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+var FilterChip = forwardRef(function FilterChip2({ label, trailing, onRemove, className, onClick, ...props }, ref) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      "data-slot": "view-toolbar-filter-chip",
+      "aria-label": t("ui.viewToolbar.removeFilter", {
+        label: trailing ? `${label} \xB7 ${trailing}` : label
+      }),
+      className: cn(
+        badgeVariants({ variant: "secondary" }),
+        "group min-h-6 max-w-full gap-1 ps-2.5 pe-1.5",
+        "transition-colors duration-fast ease-standard hover:bg-secondary/70",
+        // Badge's own `focus:` ring is dead weight on a <span> but would fire on
+        // every MOUSE click here; neutralise it and keep the focus-visible ring.
+        "focus:ring-0 focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "disabled:pointer-events-none disabled:opacity-50",
+        className
+      ),
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) onRemove();
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { "data-slot": "view-toolbar-filter-chip-label", className: "min-w-0 truncate", children: label }),
+        trailing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "shrink-0 text-muted-foreground", children: "\xB7" }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "view-toolbar-filter-chip-trailing",
+              className: "shrink-0 whitespace-nowrap tabular-nums",
+              children: trailing
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ jsx(
+          X,
+          {
+            "aria-hidden": "true",
+            className: "size-3 shrink-0 opacity-60 transition-opacity duration-fast ease-standard group-hover:opacity-100"
+          }
+        )
+      ]
+    }
+  );
+});
+var ResultCount = forwardRef(function ResultCount2({ count, total, loading = false, children, className, ...props }, ref) {
+  const { t, formatNumber } = useLocale();
+  if (loading) {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        "data-slot": "view-toolbar-result-count",
+        role: "status",
+        className: cn("inline-flex items-center", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("loading") }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16" })
+        ]
+      }
+    );
+  }
+  const text = total === void 0 ? formatNumber(count) : t("ui.viewToolbar.countOfTotal", {
+    count: formatNumber(count),
+    total: formatNumber(total)
+  });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref,
+      "data-slot": "view-toolbar-result-count",
+      className: cn("text-caption tabular-nums text-muted-foreground", className),
+      ...props,
+      children: [
+        text,
+        children ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          "\xA0",
+          children
+        ] }) : null
+      ]
+    }
+  );
+});
+
+export {
+  ViewToolbar,
+  ViewToolbarFilters,
+  FilterChip,
+  ResultCount
+};
+//# sourceMappingURL=chunk-LXW3GNF7.js.map

package/dist/chunk-LXW3GNF7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/view-toolbar/view-toolbar.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * ViewToolbar — the GRAMMAR for the one row that sits above every list, table\n * or board view (#331).\n *\n * The failure this fixes was ambiguity, not capability: with no named row\n * contract, ~40 routes of one consuming app grew 6 filter-chip idioms, 5\n * result-count renderings and ~11px of control-height scatter in a single filter\n * row. So the deliverable is a small, closed vocabulary — not a configurable\n * widget:\n *\n *   ⓘ info   │  ── left cluster: status · filters · count ──  │   actions\n *\n * - `ViewToolbar` is the row shell (slots only — it renders no view semantics).\n * - `ViewToolbarFilters` is the ONE home for active-filter chips + \"clear all\".\n * - `FilterChip` is the ONE removable chip (label-in-value, whole chip removes).\n * - `ResultCount` is the ONE count (`tabular-nums`, \"N of M\" when filtered).\n *\n * Deliberate non-decisions, so a reader doesn't mistake them for oversights:\n *\n * - **No `cva`.** None of the four parts has a second visual axis today, and the\n *   rules forbid dead variants. A sticky/bounded bar is a caller `className`\n *   recipe (documented in `Layout/ViewToolbar → Contract`), not a variant.\n * - **No `role=\"toolbar\"` on the root.** That role promises roving-tabindex\n *   arrow-key navigation, which this row does not implement; claiming it would\n *   mislead assistive tech. Every control is an ordinary tab stop instead, and\n *   the one region that benefits from a name — the filter set — carries\n *   `role=\"group\"` + an accessible name.\n * - **The row wraps; it never scrolls or clips.** A hard fixed height would put\n *   the action cluster out of reach at narrow widths (AC), so the row keeps a\n *   `min-h-9` floor (== `Button` default height, so single-line rows are\n *   consistent) and wraps beyond it. The action cluster wraps INTERNALLY too —\n *   a `shrink-0` cluster whose buttons cannot wrap simply overflows the row's\n *   box once the row is narrower than the buttons are wide (measured: it\n *   escaped by ~8px at a 320px viewport), which is the very thing the AC\n *   forbids. It stays right-aligned (`justify-end`) on every line.\n *\n * Relationship to neighbours: `PageShell`'s generic `header` slot is where this\n * row goes on a page (#367's toolbar header variant should PLACE a\n * `<ViewToolbar>`, not invent a second row concept). `@elabs-ai/components-data`'s `FilterBar`\n * stays the DataTable-scoped toolbar render-prop row; it could later be\n * recomposed on this shell, but that is a separate change.\n */\nimport { forwardRef, type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from \"react\";\nimport { Info, X } from \"lucide-react\";\nimport { badgeVariants } from \"../badge/badge\";\nimport { Button } from \"../button\";\nimport { Skeleton } from \"../skeleton\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../tooltip\";\nimport { useLocale } from \"../locale-provider\";\nimport { cn } from \"../../lib/cn\";\n\n// ---------------------------------------------------------------------------\n// ViewToolbar (the row shell)\n// ---------------------------------------------------------------------------\n\nexport interface ViewToolbarProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * What this view is, as a tooltip on an ⓘ trigger at the start of the row —\n   * so a view does not need an in-page `<h1>` + paragraph block just to explain\n   * itself. Omit it when the surrounding page already says what the view is.\n   *\n   * **Pointer/keyboard only.** A Radix tooltip opens on hover and on keyboard\n   * focus but deliberately NOT on tap (and Radix suppresses the focus-open when\n   * focus arrived from a pointer), so on a touch device this text is\n   * unreachable. Treat `info` as progressive enhancement: never put something a\n   * phone user cannot do without in it. See `Layout/ViewToolbar → Contract`.\n   */\n  info?: ReactNode;\n  /** Left cluster — status/context, `ViewToolbarFilters`, `ResultCount`. */\n  children?: ReactNode;\n  /** Right cluster — the view's actions. Stays reachable at every width. */\n  actions?: ReactNode;\n}\n\nexport const ViewToolbar = forwardRef<HTMLDivElement, ViewToolbarProps>(function ViewToolbar(\n  { info, children, actions, className, ...props },\n  ref,\n) {\n  const { t } = useLocale();\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"view-toolbar\"\n      className={cn(\"flex min-h-9 w-full flex-wrap items-center gap-x-3 gap-y-2\", className)}\n      {...props}\n    >\n      {info ? (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Button\n                variant=\"ghost\"\n                size=\"icon-sm\"\n                data-slot=\"view-toolbar-info\"\n                aria-label={t(\"ui.viewToolbar.about\")}\n                className=\"shrink-0 text-muted-foreground hover:text-foreground\"\n              >\n                <Info aria-hidden=\"true\" />\n              </Button>\n            </TooltipTrigger>\n            <TooltipContent className=\"max-w-xs text-pretty\">{info}</TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      ) : null}\n\n      {/*\n       * Always rendered, even when empty: it owns the free space (`flex-1`), so\n       * the actions cluster stays anchored to the row's end, and it is a stable\n       * `data-slot` seam for consumers/tests.\n       *\n       * `basis-64` when it HAS content is what makes the narrow-width degrade\n       * work: with a 0 basis the left cluster would be squeezed to a few pixels\n       * so the actions could stay on line 1, shredding the chips. With a 16rem\n       * basis the two clusters stack instead. An EMPTY cluster keeps the 0 basis\n       * so it never forces a pointless wrap.\n       */}\n      <div\n        data-slot=\"view-toolbar-content\"\n        className={cn(\n          \"flex min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-2\",\n          children ? \"basis-64\" : \"basis-0\",\n        )}\n      >\n        {children}\n      </div>\n\n      {actions ? (\n        <div\n          data-slot=\"view-toolbar-actions\"\n          className=\"ms-auto flex min-w-0 flex-wrap items-center justify-end gap-2\"\n        >\n          {actions}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\n// ---------------------------------------------------------------------------\n// ViewToolbarFilters (the active-filter region)\n// ---------------------------------------------------------------------------\n\nexport interface ViewToolbarFiltersProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Clear every active filter. Supplying it renders the \"clear all\" affordance\n   * at the end of the chip run; omit it when a view has no bulk reset.\n   */\n  onClearAll?: () => void;\n}\n\n/**\n * The chip run. Render it ONLY when at least one filter is active — the\n * \"no filters applied\" state is the region's ABSENCE, not an empty box.\n *\n * Runs at chip height (24px) so the whole group reads as one control rung; the\n * `actions` cluster runs at button height. That split is the fix for the\n * control-height scatter #331 measured.\n */\nexport const ViewToolbarFilters = forwardRef<HTMLDivElement, ViewToolbarFiltersProps>(\n  function ViewToolbarFilters({ onClearAll, children, className, ...props }, ref) {\n    const { t } = useLocale();\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"view-toolbar-filters\"\n        role=\"group\"\n        aria-label={t(\"ui.viewToolbar.activeFilters\")}\n        className={cn(\"flex min-w-0 flex-wrap items-center gap-1.5\", className)}\n        {...props}\n      >\n        {children}\n        {onClearAll ? (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            data-slot=\"view-toolbar-clear-all\"\n            className=\"h-6 px-2\"\n            onClick={onClearAll}\n          >\n            {t(\"ui.viewToolbar.clearAll\")}\n          </Button>\n        ) : null}\n      </div>\n    );\n  },\n);\n\n// ---------------------------------------------------------------------------\n// FilterChip\n// ---------------------------------------------------------------------------\n\nexport interface FilterChipProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  /**\n   * Label-in-value text — `\"Status: Failed\"`, never `\"Status = failed\"` and\n   * never a bare `\"Failed\"`. The caller composes the string so the chip reads\n   * as a sentence fragment out of context (and in a screen reader).\n   */\n  label: string;\n  /**\n   * Short, non-shrinking secondary text — a count, a unit (`\"excluded 1,204\"`).\n   * A second text slot rather than folding it into `label` (#284): `label` is\n   * the shrinkable, safe-to-truncate part; `trailing` is short and fixed-width\n   * and must never lose characters to the ellipsis. Same shape as\n   * `TurnStatus`'s and `TerminalWorking`'s `trailing` slot — a fixed-width\n   * companion beside a truncating label. Composed into the accessible name\n   * after `label` (`\"Remove filter: <label> · <trailing>\"`), so the byte-\n   * identical name from before this slot existed is unchanged.\n   *\n   * Trade-off: `trailing` is `shrink-0`, so an extremely narrow container now\n   * truncates `label` down to nothing before it touches `trailing`. That is\n   * the right default — the count is short and fixed, the label is the long,\n   * prose-shaped part — but it is a choice, not a free win.\n   */\n  trailing?: string;\n  /** Remove this filter. The WHOLE chip is the remove control — see below. */\n  onRemove: () => void;\n}\n\n/**\n * A removable active-filter chip.\n *\n * The whole chip is a single `<button>` whose action is \"remove\", rather than a\n * span with a nested ✕: one tab stop instead of two, a ≥24px target (WCAG 2.5.8)\n * with no dead zone, and Enter/Space for free from the native element. Its\n * accessible name is \"Remove filter: <label>\", which CONTAINS the visible label\n * (WCAG 2.5.3 Label in Name).\n *\n * A chip that must EDIT a filter rather than remove it is a different control —\n * reach for `FacetFilter` (`@elabs-ai/components-data`), not a variant of this.\n */\nexport const FilterChip = forwardRef<HTMLButtonElement, FilterChipProps>(function FilterChip(\n  { label, trailing, onRemove, className, onClick, ...props },\n  ref,\n) {\n  const { t } = useLocale();\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-slot=\"view-toolbar-filter-chip\"\n      aria-label={t(\"ui.viewToolbar.removeFilter\", {\n        label: trailing ? `${label} · ${trailing}` : label,\n      })}\n      className={cn(\n        badgeVariants({ variant: \"secondary\" }),\n        \"group min-h-6 max-w-full gap-1 ps-2.5 pe-1.5\",\n        \"transition-colors duration-fast ease-standard hover:bg-secondary/70\",\n        // Badge's own `focus:` ring is dead weight on a <span> but would fire on\n        // every MOUSE click here; neutralise it and keep the focus-visible ring.\n        \"focus:ring-0 focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        className,\n      )}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) onRemove();\n      }}\n      {...props}\n    >\n      <span data-slot=\"view-toolbar-filter-chip-label\" className=\"min-w-0 truncate\">\n        {label}\n      </span>\n      {trailing ? (\n        <>\n          <span aria-hidden=\"true\" className=\"shrink-0 text-muted-foreground\">\n            ·\n          </span>\n          <span\n            data-slot=\"view-toolbar-filter-chip-trailing\"\n            className=\"shrink-0 whitespace-nowrap tabular-nums\"\n          >\n            {trailing}\n          </span>\n        </>\n      ) : null}\n      <X\n        aria-hidden=\"true\"\n        className=\"size-3 shrink-0 opacity-60 transition-opacity duration-fast ease-standard group-hover:opacity-100\"\n      />\n    </button>\n  );\n});\n\n// ---------------------------------------------------------------------------\n// ResultCount\n// ---------------------------------------------------------------------------\n\nexport interface ResultCountProps extends HTMLAttributes<HTMLSpanElement> {\n  /** How many rows/cards the view is showing right now. */\n  count: number;\n  /**\n   * The unfiltered total. Supplying it renders \"N of M\" — the honest reading\n   * when a filter is active. Omit it for an unfiltered view's bare count.\n   */\n  total?: number;\n  /**\n   * No count yet. Renders a layout-shaped placeholder instead of a `0` that\n   * lies while the data is in flight (see `.claude/rules/loading-states.md`).\n   */\n  loading?: boolean;\n  /**\n   * Optional trailing noun (\"results\", \"runs\", \"rows\") joined with a\n   * non-breaking space, so the number is never announced bare.\n   */\n  children?: ReactNode;\n}\n\nexport const ResultCount = forwardRef<HTMLSpanElement, ResultCountProps>(function ResultCount(\n  { count, total, loading = false, children, className, ...props },\n  ref,\n) {\n  const { t, formatNumber } = useLocale();\n\n  if (loading) {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"view-toolbar-result-count\"\n        role=\"status\"\n        className={cn(\"inline-flex items-center\", className)}\n        {...props}\n      >\n        <span className=\"sr-only\">{t(\"loading\")}</span>\n        <Skeleton className=\"h-3 w-16\" />\n      </span>\n    );\n  }\n\n  const text =\n    total === undefined\n      ? formatNumber(count)\n      : t(\"ui.viewToolbar.countOfTotal\", {\n          count: formatNumber(count),\n          total: formatNumber(total),\n        });\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"view-toolbar-result-count\"\n      className={cn(\"text-caption tabular-nums text-muted-foreground\", className)}\n      {...props}\n    >\n      {text}\n      {children ? <>&nbsp;{children}</> : null}\n    </span>\n  );\n});\n"],"mappings":"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","names":["ViewToolbar","ViewToolbarFilters","FilterChip","ResultCount"]}

package/dist/chunk-LYVBDMDQ.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-LYVBDMDQ.js.map

package/dist/chunk-LYVBDMDQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-M3WSUFD4.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-M3WSUFD4.js.map

package/dist/chunk-M3WSUFD4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-MGAXCPT7.js

@@ -0,0 +1,87 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/match-highlight/match-highlight.tsx
+import { forwardRef, Fragment } from "react";
+import { jsx } from "react/jsx-runtime";
+var escapeRegExp = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function queryToRanges(text, query, caseSensitive = false) {
+  const needles = (Array.isArray(query) ? query : [query]).filter((q) => q.length > 0);
+  if (needles.length === 0 || text.length === 0) return [];
+  const flags = caseSensitive ? "gu" : "giu";
+  const out = [];
+  for (const needle of needles) {
+    let re;
+    try {
+      re = new RegExp(escapeRegExp(needle), flags);
+    } catch {
+      continue;
+    }
+    for (const m of text.matchAll(re)) {
+      if (m.index === void 0) continue;
+      const end = m.index + m[0].length;
+      if (end > m.index) out.push([m.index, end]);
+    }
+  }
+  return out;
+}
+function normalizeRanges(ranges, len) {
+  const clamped = ranges.map(([a, b]) => [Math.max(0, Math.min(a, b)), Math.min(len, Math.max(a, b))]).filter(([a, b]) => a < b);
+  clamped.sort((x, y) => x[0] - y[0] || x[1] - y[1]);
+  const merged = [];
+  for (const [a, b] of clamped) {
+    const last = merged[merged.length - 1];
+    if (last && a <= last[1]) {
+      last[1] = Math.max(last[1], b);
+    } else {
+      merged.push([a, b]);
+    }
+  }
+  return merged;
+}
+var MatchHighlight = forwardRef(
+  function MatchHighlight2({ text, query, ranges, caseSensitive = false, activeIndex = -1, className, ...props }, ref) {
+    const resolved = normalizeRanges(
+      ranges ?? (query != null ? queryToRanges(text, query, caseSensitive) : []),
+      text.length
+    );
+    const segments = [];
+    let cursor = 0;
+    resolved.forEach(([start, end], index) => {
+      if (start > cursor) {
+        segments.push(/* @__PURE__ */ jsx(Fragment, { children: text.slice(cursor, start) }, `t${cursor}`));
+      }
+      const active = index === activeIndex;
+      segments.push(
+        /* @__PURE__ */ jsx(
+          "mark",
+          {
+            "data-slot": "match-highlight-mark",
+            "data-active": active ? "" : void 0,
+            "aria-current": active ? "true" : void 0,
+            className: cn(
+              "rounded-sm px-0.5 font-medium",
+              active ? "outline-foreground bg-highlight-active text-highlight-active-foreground outline-2 outline-offset-1" : "bg-highlight text-highlight-foreground"
+            ),
+            children: text.slice(start, end)
+          },
+          `m${start}`
+        )
+      );
+      cursor = end;
+    });
+    if (cursor < text.length) {
+      segments.push(/* @__PURE__ */ jsx(Fragment, { children: text.slice(cursor) }, `t${cursor}`));
+    }
+    return /* @__PURE__ */ jsx("span", { ref, "data-slot": "match-highlight", className: cn(className), ...props, children: segments });
+  }
+);
+
+export {
+  queryToRanges,
+  normalizeRanges,
+  MatchHighlight
+};
+//# sourceMappingURL=chunk-MGAXCPT7.js.map

package/dist/chunk-MGAXCPT7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/match-highlight/match-highlight.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, forwardRef, Fragment } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\n/** A half-open `[start, end)` character range within the text. */\nexport type MatchRange = readonly [number, number];\n\nexport interface MatchHighlightProps extends HTMLAttributes<HTMLSpanElement> {\n  /** The full string to render. */\n  text: string;\n  /**\n   * One or more needles to highlight. Case-insensitive by default. Ignored when\n   * `ranges` is supplied.\n   */\n  query?: string | string[];\n  /**\n   * Precomputed match ranges (e.g. from a fuzzy matcher / MiniSearch). Wins over\n   * `query` when supplied. Overlapping and adjacent ranges are merged.\n   */\n  ranges?: readonly MatchRange[];\n  /** Match `query` case-sensitively. @default false */\n  caseSensitive?: boolean;\n  /**\n   * Which mark is the CURRENT one, 0-based among the resolved (merged, sorted)\n   * ranges. `-1` or omitted means none is.\n   *\n   * \"One of twelve\" and \"the one you are on\" are different meanings, so the\n   * current mark gets its own token pair rather than an opacity tweak — and,\n   * because colour is never the only channel (WCAG 1.4.1), an outline and\n   * `aria-current=\"true\"` as well. It also carries `data-active`, which is how\n   * a caller finds it to scroll it into view:\n   * `root.querySelector('[data-slot=\"match-highlight-mark\"][data-active]')`.\n   */\n  activeIndex?: number;\n}\n\nconst escapeRegExp = (s: string): string => s.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n\n/**\n * Find every occurrence of each needle in `text` and return their `[start, end)`\n * ranges. Uses a per-needle global regex so indices land on the ORIGINAL string\n * (unicode-safe — no `toLowerCase()` length drift), handling multiple needles and\n * case folding. Empty needles are ignored.\n */\nexport function queryToRanges(\n  text: string,\n  query: string | string[],\n  caseSensitive = false,\n): MatchRange[] {\n  const needles = (Array.isArray(query) ? query : [query]).filter((q) => q.length > 0);\n  if (needles.length === 0 || text.length === 0) return [];\n  const flags = caseSensitive ? \"gu\" : \"giu\";\n  const out: MatchRange[] = [];\n  for (const needle of needles) {\n    let re: RegExp;\n    try {\n      re = new RegExp(escapeRegExp(needle), flags);\n    } catch {\n      continue; // pathological needle — skip rather than throw\n    }\n    for (const m of text.matchAll(re)) {\n      if (m.index === undefined) continue;\n      const end = m.index + m[0].length;\n      if (end > m.index) out.push([m.index, end]);\n    }\n  }\n  return out;\n}\n\n/**\n * Clamp ranges to `[0, len)`, drop empty/invalid ones, sort, and merge\n * overlapping AND adjacent ranges (so `[0,2]` + `[2,4]` → a single `[0,4]`).\n */\nexport function normalizeRanges(ranges: readonly MatchRange[], len: number): MatchRange[] {\n  const clamped = ranges\n    .map(([a, b]): MatchRange => [Math.max(0, Math.min(a, b)), Math.min(len, Math.max(a, b))])\n    .filter(([a, b]) => a < b);\n  clamped.sort((x, y) => x[0] - y[0] || x[1] - y[1]);\n  const merged: [number, number][] = [];\n  for (const [a, b] of clamped) {\n    const last = merged[merged.length - 1];\n    if (last && a <= last[1]) {\n      last[1] = Math.max(last[1], b);\n    } else {\n      merged.push([a, b]);\n    }\n  }\n  return merged;\n}\n\n/**\n * Render `text` with the query matches wrapped in real `<mark>` elements. Purely\n * presentational: pass `query` to let it compute ranges (case-insensitive by\n * default), or `ranges` from your own fuzzy engine. Marks use the semantic\n * `--highlight` token pair (AA-legible ink in every theme). Screen readers read\n * the full string naturally.\n */\nexport const MatchHighlight = forwardRef<HTMLSpanElement, MatchHighlightProps>(\n  function MatchHighlight(\n    { text, query, ranges, caseSensitive = false, activeIndex = -1, className, ...props },\n    ref,\n  ) {\n    const resolved = normalizeRanges(\n      ranges ?? (query != null ? queryToRanges(text, query, caseSensitive) : []),\n      text.length,\n    );\n\n    const segments: ReactNode[] = [];\n    let cursor = 0;\n    resolved.forEach(([start, end], index) => {\n      if (start > cursor) {\n        segments.push(<Fragment key={`t${cursor}`}>{text.slice(cursor, start)}</Fragment>);\n      }\n      const active = index === activeIndex;\n      segments.push(\n        <mark\n          key={`m${start}`}\n          data-slot=\"match-highlight-mark\"\n          // Present-or-absent, so the current mark is still identifiable in\n          // greyscale and to a screen reader — the colour swap below is the\n          // enhancement, not the signal (WCAG 1.4.1).\n          data-active={active ? \"\" : undefined}\n          aria-current={active ? \"true\" : undefined}\n          className={cn(\n            \"rounded-sm px-0.5 font-medium\",\n            active\n              ? \"outline-foreground bg-highlight-active text-highlight-active-foreground outline-2 outline-offset-1\"\n              : \"bg-highlight text-highlight-foreground\",\n          )}\n        >\n          {text.slice(start, end)}\n        </mark>,\n      );\n      cursor = end;\n    });\n    if (cursor < text.length) {\n      segments.push(<Fragment key={`t${cursor}`}>{text.slice(cursor)}</Fragment>);\n    }\n\n    return (\n      <span ref={ref} data-slot=\"match-highlight\" className={cn(className)} {...props}>\n        {segments}\n      </span>\n    );\n  },\n);\n"],"mappings":"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","names":["MatchHighlight"]}

package/dist/chunk-MIXCXZWT.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-MIXCXZWT.js.map

package/dist/chunk-MIXCXZWT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-MLGBLKUH.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-MLGBLKUH.js.map

package/dist/chunk-MLGBLKUH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-MNS2VWHD.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-MNS2VWHD.js.map

package/dist/chunk-MNS2VWHD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-MPMMU3QI.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-MPMMU3QI.js.map

package/dist/chunk-MPMMU3QI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-MRWOHWEH.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-MRWOHWEH.js.map

package/dist/chunk-MRWOHWEH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-MZDL7N52.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-MZDL7N52.js.map

package/dist/chunk-MZDL7N52.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-N44PNGDS.js

@@ -0,0 +1,169 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/rating/rating.tsx
+import {
+  forwardRef,
+  useCallback,
+  useRef,
+  useState
+} from "react";
+import { Star } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ratingVariants = cva("inline-flex items-center", {
+  variants: {
+    size: {
+      sm: "gap-0.5",
+      md: "gap-1",
+      lg: "gap-1.5"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var STAR_SIZE = {
+  sm: "size-4",
+  md: "size-5",
+  lg: "size-6"
+};
+function clamp(v, min, max) {
+  return Math.min(max, Math.max(min, v));
+}
+var Rating = forwardRef(function Rating2({
+  value: valueProp,
+  defaultValue = 0,
+  onValueChange,
+  max = 5,
+  allowHalf = false,
+  readOnly = false,
+  disabled = false,
+  size = "md",
+  className,
+  "aria-label": ariaLabel = "Rating",
+  ...props
+}, ref) {
+  const isControlled = valueProp !== void 0;
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const [hoverValue, setHoverValue] = useState(null);
+  const current = clamp(isControlled ? valueProp ?? 0 : internalValue, 0, max);
+  const interactive = !readOnly && !disabled;
+  const display = interactive && hoverValue !== null ? hoverValue : current;
+  const starRefs = useRef([]);
+  const commit = useCallback(
+    (next) => {
+      const clamped = clamp(next, 0, max);
+      if (!isControlled) setInternalValue(clamped);
+      onValueChange?.(clamped);
+    },
+    [isControlled, max, onValueChange]
+  );
+  const step = allowHalf ? 0.5 : 1;
+  const valueFromPointer = useCallback(
+    (e, index) => {
+      if (!allowHalf) return index;
+      const rect = e.currentTarget.getBoundingClientRect();
+      const isLeftHalf = e.clientX - rect.left < rect.width / 2;
+      return isLeftHalf ? index - 0.5 : index;
+    },
+    [allowHalf]
+  );
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (!interactive) return;
+      let next = current;
+      switch (e.key) {
+        case "ArrowRight":
+        case "ArrowUp":
+          next = clamp(current + step, 0, max);
+          break;
+        case "ArrowLeft":
+        case "ArrowDown":
+          next = clamp(current - step, 0, max);
+          break;
+        case "Home":
+          next = 0;
+          break;
+        case "End":
+          next = max;
+          break;
+        default:
+          return;
+      }
+      e.preventDefault();
+      commit(next);
+      const focusIndex = Math.max(0, Math.ceil(next) - 1);
+      starRefs.current[focusIndex]?.focus();
+    },
+    [interactive, current, step, max, commit]
+  );
+  const tabStopIndex = current > 0 ? Math.ceil(current) - 1 : 0;
+  if (!interactive) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "img",
+        "aria-label": `${current} out of ${max}`,
+        className: cn(ratingVariants({ size }), disabled && "opacity-50", className),
+        ...props,
+        children: Array.from({ length: max }, (_, i) => /* @__PURE__ */ jsx(StarGlyph, { fill: clamp(display - i, 0, 1), sizeClass: STAR_SIZE[size ?? "md"] }, i))
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      className: cn(ratingVariants({ size }), className),
+      onKeyDown: handleKeyDown,
+      onPointerLeave: () => setHoverValue(null),
+      ...props,
+      children: Array.from({ length: max }, (_, i) => {
+        const index = i + 1;
+        const checked = Math.ceil(current) === index;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: (el) => {
+              starRefs.current[i] = el;
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": checked,
+            "aria-label": `${index} ${index === 1 ? "star" : "stars"}`,
+            tabIndex: i === tabStopIndex ? 0 : -1,
+            className: "rounded-sm focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+            onClick: (e) => commit(valueFromPointer(e, index)),
+            onPointerMove: (e) => setHoverValue(valueFromPointer(e, index)),
+            children: /* @__PURE__ */ jsx(StarGlyph, { fill: clamp(display - i, 0, 1), sizeClass: STAR_SIZE[size ?? "md"] })
+          },
+          index
+        );
+      })
+    }
+  );
+});
+function StarGlyph({ fill, sizeClass }) {
+  return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-block", sizeClass), "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx(Star, { className: cn(sizeClass, "text-muted-foreground") }),
+    fill > 0 && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "absolute inset-0 overflow-hidden",
+        style: { width: `${fill * 100}%` },
+        children: /* @__PURE__ */ jsx(Star, { className: cn(sizeClass, "fill-current text-warning") })
+      }
+    )
+  ] });
+}
+
+export {
+  Rating
+};
+//# sourceMappingURL=chunk-N44PNGDS.js.map

package/dist/chunk-N44PNGDS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/rating/rating.tsx"],"sourcesContent":["\"use client\";\n\n// a2ui.exposed: yes\nimport {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type PointerEvent,\n} from \"react\";\nimport { Star } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nconst ratingVariants = cva(\"inline-flex items-center\", {\n  variants: {\n    size: {\n      sm: \"gap-0.5\",\n      md: \"gap-1\",\n      lg: \"gap-1.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nconst STAR_SIZE: Record<NonNullable<VariantProps<typeof ratingVariants>[\"size\"]>, string> = {\n  sm: \"size-4\",\n  md: \"size-5\",\n  lg: \"size-6\",\n};\n\nexport interface RatingProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\">,\n    VariantProps<typeof ratingVariants> {\n  /** Controlled value (0..max). */\n  value?: number;\n  /** Uncontrolled default value (0..max). Default 0. */\n  defaultValue?: number;\n  /** Called when the rating changes. */\n  onValueChange?: (value: number) => void;\n  /** Number of stars. Default 5. */\n  max?: number;\n  /** Allow half-star values (0.5 increments). Default false. */\n  allowHalf?: boolean;\n  /** Render as a non-interactive display of the value. */\n  readOnly?: boolean;\n  /** Disable interaction (interactive variant only). */\n  disabled?: boolean;\n  /** Accessible name for the rating group. Default \"Rating\". */\n  \"aria-label\"?: string;\n}\n\nfunction clamp(v: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, v));\n}\n\n/**\n * Rating — a star rating control.\n *\n * Controlled via `value`/`onValueChange`; uncontrolled via `defaultValue`.\n * Interactive mode is a `radiogroup` (keyboard ←/→ adjust by `allowHalf ? 0.5 : 1`,\n * Home clears, End sets max). `readOnly` renders a non-interactive `role=\"img\"`\n * summary. Half-star clicks land on the left/right half of a star when `allowHalf`.\n */\nexport const Rating = forwardRef<HTMLDivElement, RatingProps>(function Rating(\n  {\n    value: valueProp,\n    defaultValue = 0,\n    onValueChange,\n    max = 5,\n    allowHalf = false,\n    readOnly = false,\n    disabled = false,\n    size = \"md\",\n    className,\n    \"aria-label\": ariaLabel = \"Rating\",\n    ...props\n  },\n  ref,\n) {\n  const isControlled = valueProp !== undefined;\n  const [internalValue, setInternalValue] = useState<number>(defaultValue);\n  const [hoverValue, setHoverValue] = useState<number | null>(null);\n\n  const current = clamp(isControlled ? (valueProp ?? 0) : internalValue, 0, max);\n  const interactive = !readOnly && !disabled;\n  const display = interactive && hoverValue !== null ? hoverValue : current;\n\n  const starRefs = useRef<(HTMLButtonElement | null)[]>([]);\n\n  const commit = useCallback(\n    (next: number) => {\n      const clamped = clamp(next, 0, max);\n      if (!isControlled) setInternalValue(clamped);\n      onValueChange?.(clamped);\n    },\n    [isControlled, max, onValueChange],\n  );\n\n  const step = allowHalf ? 0.5 : 1;\n\n  const valueFromPointer = useCallback(\n    (e: PointerEvent<HTMLButtonElement>, index: number): number => {\n      if (!allowHalf) return index;\n      const rect = e.currentTarget.getBoundingClientRect();\n      const isLeftHalf = e.clientX - rect.left < rect.width / 2;\n      return isLeftHalf ? index - 0.5 : index;\n    },\n    [allowHalf],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLDivElement>) => {\n      if (!interactive) return;\n      let next = current;\n      switch (e.key) {\n        case \"ArrowRight\":\n        case \"ArrowUp\":\n          next = clamp(current + step, 0, max);\n          break;\n        case \"ArrowLeft\":\n        case \"ArrowDown\":\n          next = clamp(current - step, 0, max);\n          break;\n        case \"Home\":\n          next = 0;\n          break;\n        case \"End\":\n          next = max;\n          break;\n        default:\n          return;\n      }\n      e.preventDefault();\n      commit(next);\n      // Move focus to the star representing the new value (roving tabindex).\n      const focusIndex = Math.max(0, Math.ceil(next) - 1);\n      starRefs.current[focusIndex]?.focus();\n    },\n    [interactive, current, step, max, commit],\n  );\n\n  // Roving tabindex: the star at the current value (or the first) is the tab stop.\n  const tabStopIndex = current > 0 ? Math.ceil(current) - 1 : 0;\n\n  // Read-only / disabled: a single non-interactive summary.\n  if (!interactive) {\n    return (\n      <div\n        ref={ref}\n        role=\"img\"\n        aria-label={`${current} out of ${max}`}\n        className={cn(ratingVariants({ size }), disabled && \"opacity-50\", className)}\n        {...props}\n      >\n        {Array.from({ length: max }, (_, i) => (\n          <StarGlyph key={i} fill={clamp(display - i, 0, 1)} sizeClass={STAR_SIZE[size ?? \"md\"]} />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={ref}\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      className={cn(ratingVariants({ size }), className)}\n      onKeyDown={handleKeyDown}\n      onPointerLeave={() => setHoverValue(null)}\n      {...props}\n    >\n      {Array.from({ length: max }, (_, i) => {\n        const index = i + 1;\n        const checked = Math.ceil(current) === index;\n        return (\n          <button\n            key={index}\n            ref={(el) => {\n              starRefs.current[i] = el;\n            }}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={checked}\n            aria-label={`${index} ${index === 1 ? \"star\" : \"stars\"}`}\n            tabIndex={i === tabStopIndex ? 0 : -1}\n            className=\"rounded-sm focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background\"\n            onClick={(e) =>\n              commit(valueFromPointer(e as unknown as PointerEvent<HTMLButtonElement>, index))\n            }\n            onPointerMove={(e) => setHoverValue(valueFromPointer(e, index))}\n          >\n            <StarGlyph fill={clamp(display - i, 0, 1)} sizeClass={STAR_SIZE[size ?? \"md\"]} />\n          </button>\n        );\n      })}\n    </div>\n  );\n});\n\ninterface StarGlyphProps {\n  /** Fill fraction 0..1 for this star. */\n  fill: number;\n  sizeClass: string;\n}\n\n/** A single star rendered with a partial fill overlay (supports half stars). */\nfunction StarGlyph({ fill, sizeClass }: StarGlyphProps) {\n  return (\n    <span className={cn(\"relative inline-block\", sizeClass)} aria-hidden=\"true\">\n      <Star className={cn(sizeClass, \"text-muted-foreground\")} />\n      {fill > 0 && (\n        <span\n          className=\"absolute inset-0 overflow-hidden\"\n          // Width is a layout value (the fill fraction), never a color.\n          style={{ width: `${fill * 100}%` }}\n        >\n          <Star className={cn(sizeClass, \"fill-current text-warning\")} />\n        </span>\n      )}\n    </span>\n  );\n}\n"],"mappings":"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","names":["Rating"]}

package/dist/chunk-N7PJTMRL.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-N7PJTMRL.js.map

package/dist/chunk-N7PJTMRL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-NBMF7SIS.js

@@ -0,0 +1,35 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/radio-group/radio-group.tsx
+import { forwardRef } from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var RadioGroup = forwardRef(function RadioGroup2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, { ref, className: cn("grid gap-2", className), ...props });
+});
+var RadioGroupItem = forwardRef(function RadioGroupItem2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "aspect-square size-4 rounded-full border border-input text-primary shadow-sm transition-colors duration-fast ease-standard",
+        "focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center animate-in zoom-in-75 fade-in duration-fast ease-entrance", children: /* @__PURE__ */ jsx(Circle, { className: "size-2.5 fill-primary text-primary" }) })
+    }
+  );
+});
+
+export {
+  RadioGroup,
+  RadioGroupItem
+};
+//# sourceMappingURL=chunk-NBMF7SIS.js.map

package/dist/chunk-NBMF7SIS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/radio-group/radio-group.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { Circle } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\n\nexport const RadioGroup = forwardRef<\n  ElementRef<typeof RadioGroupPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(function RadioGroup({ className, ...props }, ref) {\n  return <RadioGroupPrimitive.Root ref={ref} className={cn(\"grid gap-2\", className)} {...props} />;\n});\n\nexport const RadioGroupItem = forwardRef<\n  ElementRef<typeof RadioGroupPrimitive.Item>,\n  ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(function RadioGroupItem({ className, ...props }, ref) {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"aspect-square size-4 rounded-full border border-input text-primary shadow-sm transition-colors duration-fast ease-standard\",\n        \"focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n        \"disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary\",\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center animate-in zoom-in-75 fade-in duration-fast ease-entrance\">\n        <Circle className=\"size-2.5 fill-primary text-primary\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkE;AAC3E,YAAY,yBAAyB;AACrC,SAAS,cAAc;AAOd;AAJF,IAAM,aAAa,WAGxB,SAASA,YAAW,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAClD,SAAO,oBAAqB,0BAApB,EAAyB,KAAU,WAAW,GAAG,cAAc,SAAS,GAAI,GAAG,OAAO;AAChG,CAAC;AAEM,IAAM,iBAAiB,WAG5B,SAASC,gBAAe,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACtD,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAqB,+BAApB,EAA8B,WAAU,8FACvC,8BAAC,UAAO,WAAU,sCAAqC,GACzD;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["RadioGroup","RadioGroupItem"]}