@craftzbay/ui 0.10.0 → 0.11.1

package/dist-lib/components/ui/RelativeTime.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as N } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { formatDate as v } from "../../lib/format.js";
+import { formatString as a } from "../../lib/strings.js";
+import { useStrings as M } from "../../hooks/use-strings.js";
+import { cn as b } from "../../lib/utils.js";
+const f = 6e4, c = 60 * f, m = 24 * c, R = h(function({ date: n, now: o, absolute: d, className: g, ...p }, T) {
+  const t = M().relativeTime, s = n instanceof Date ? n : new Date(n), D = o === void 0 ? Date.now() : o instanceof Date ? o.getTime() : o, l = s.getTime() - D, e = Math.abs(l), r = l > 0, u = v(s, d);
+  let i;
+  return e < f ? i = t.justNow : e < c ? i = a(r ? t.inMinutes : t.minutesAgo, {
+    n: Math.round(e / f)
+  }) : e < m ? i = a(r ? t.inHours : t.hoursAgo, {
+    n: Math.round(e / c)
+  }) : e < 30 * m ? i = a(r ? t.inDays : t.daysAgo, { n: Math.round(e / m) }) : i = u, /* @__PURE__ */ N(
+    "time",
+    {
+      ref: T,
+      dateTime: Number.isNaN(s.getTime()) ? void 0 : s.toISOString(),
+      title: u,
+      className: b("tabular", g),
+      ...p,
+      children: i
+    }
+  );
+});
+R.displayName = "RelativeTime";
+export {
+  R as RelativeTime
+};
+//# sourceMappingURL=RelativeTime.js.map

package/dist-lib/components/ui/RelativeTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTime.js","sources":["../../../src/components/ui/RelativeTime.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type TimeHTMLAttributes } from 'react';\nimport { formatDate, type FormatDateOptions } from '@/lib/format';\nimport { formatString } from '@/lib/strings';\nimport { useStrings } from '@/hooks/use-strings';\nimport { cn } from '@/lib/utils';\n\nexport interface RelativeTimeProps extends Omit<TimeHTMLAttributes<HTMLTimeElement>, 'dateTime'> {\n  /** The instant to describe. */\n  date: Date | number | string;\n  /** Reference \"now\". Default `Date.now()` at render — pass one for stable SSR/tests. */\n  now?: Date | number;\n  /** Options for the absolute `title` (tooltip). */\n  absolute?: FormatDateOptions;\n}\n\nconst MIN = 60_000;\nconst HOUR = 60 * MIN;\nconst DAY = 24 * HOUR;\n\n/**\n * `<time>` showing \"5 min ago\" with the absolute timestamp as `title` and a\n * machine-readable `dateTime`. Strings come from `UiStrings.relativeTime`.\n * Beyond 30 days it falls back to the absolute date so text never goes stale.\n *\n * @example\n *   <RelativeTime date={post.createdAt} />\n */\nexport const RelativeTime = forwardRef<HTMLTimeElement, RelativeTimeProps>(function RelativeTime(\n  { date, now, absolute, className, ...props },\n  ref,\n) {\n  const strings = useStrings().relativeTime;\n  const d = date instanceof Date ? date : new Date(date);\n  const ref_ = now === undefined ? Date.now() : now instanceof Date ? now.getTime() : now;\n  const diff = d.getTime() - ref_;\n  const abs = Math.abs(diff);\n  const future = diff > 0;\n  const title = formatDate(d, absolute);\n\n  let label: string;\n  if (abs < MIN) label = strings.justNow;\n  else if (abs < HOUR)\n    label = formatString(future ? strings.inMinutes : strings.minutesAgo, {\n      n: Math.round(abs / MIN),\n    });\n  else if (abs < DAY)\n    label = formatString(future ? strings.inHours : strings.hoursAgo, {\n      n: Math.round(abs / HOUR),\n    });\n  else if (abs < 30 * DAY)\n    label = formatString(future ? strings.inDays : strings.daysAgo, { n: Math.round(abs / DAY) });\n  else label = title;\n\n  return (\n    <time\n      ref={ref}\n      dateTime={Number.isNaN(d.getTime()) ? undefined : d.toISOString()}\n      title={title}\n      className={cn('tabular', className)}\n      {...props}\n    >\n      {label}\n    </time>\n  );\n});\nRelativeTime.displayName = 'RelativeTime';\n"],"names":["MIN","HOUR","DAY","RelativeTime","forwardRef","date","now","absolute","className","props","ref","strings","useStrings","d","ref_","diff","abs","future","title","formatDate","label","formatString","jsx","cn"],"mappings":";;;;;;;AAiBA,MAAMA,IAAM,KACNC,IAAO,KAAKD,GACZE,IAAM,KAAKD,GAUJE,IAAeC,EAA+C,SACzE,EAAE,MAAAC,GAAM,KAAAC,GAAK,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GACrCC,GACA;AACA,QAAMC,IAAUC,IAAa,cACvBC,IAAIR,aAAgB,OAAOA,IAAO,IAAI,KAAKA,CAAI,GAC/CS,IAAOR,MAAQ,SAAY,KAAK,QAAQA,aAAe,OAAOA,EAAI,QAAA,IAAYA,GAC9ES,IAAOF,EAAE,QAAA,IAAYC,GACrBE,IAAM,KAAK,IAAID,CAAI,GACnBE,IAASF,IAAO,GAChBG,IAAQC,EAAWN,GAAGN,CAAQ;AAEpC,MAAIa;AACJ,SAAIJ,IAAMhB,IAAKoB,IAAQT,EAAQ,UACtBK,IAAMf,IACbmB,IAAQC,EAAaJ,IAASN,EAAQ,YAAYA,EAAQ,YAAY;AAAA,IACpE,GAAG,KAAK,MAAMK,IAAMhB,CAAG;AAAA,EAAA,CACxB,IACMgB,IAAMd,IACbkB,IAAQC,EAAaJ,IAASN,EAAQ,UAAUA,EAAQ,UAAU;AAAA,IAChE,GAAG,KAAK,MAAMK,IAAMf,CAAI;AAAA,EAAA,CACzB,IACMe,IAAM,KAAKd,IAClBkB,IAAQC,EAAaJ,IAASN,EAAQ,SAASA,EAAQ,SAAS,EAAE,GAAG,KAAK,MAAMK,IAAMd,CAAG,GAAG,IACzFkB,IAAQF,GAGX,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,UAAU,OAAO,MAAMG,EAAE,SAAS,IAAI,SAAYA,EAAE,YAAA;AAAA,MACpD,OAAAK;AAAA,MACA,WAAWK,EAAG,WAAWf,CAAS;AAAA,MACjC,GAAGC;AAAA,MAEH,UAAAW;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AACDjB,EAAa,cAAc;"}

package/dist-lib/components/ui/ScrollArea.d.ts

@@ -1,3 +1,4 @@
+import { ComponentPropsWithoutRef } from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 /**
  * Custom scroll container with consistent styled scrollbars across OS / browsers.
@@ -9,5 +10,12 @@ import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
  *     <div className="p-3">…long content…</div>
  *   </ScrollArea>
  */
-export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export interface ScrollAreaProps extends ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+    /**
+     * Accessible name of the viewport (a focusable `group` so keyboard users
+     * can scroll it). Defaults to `strings.scrollArea.region`.
+     */
+    viewportLabel?: string;
+}
+export declare const ScrollArea: import('react').ForwardRefExoticComponent<ScrollAreaProps & import('react').RefAttributes<HTMLDivElement>>;
 export declare const ScrollBar: import('react').ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist-lib/components/ui/ScrollArea.js

@@ -1,44 +1,60 @@
 "use client";
 import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import * as e from "@radix-ui/react-scroll-area";
+import { forwardRef as s } from "react";
+import * as o from "@radix-ui/react-scroll-area";
 import { cn as n } from "../../lib/utils.js";
-const f = c(function({ className: o, children: r, ...a }, t) {
-  return /* @__PURE__ */ d(
-    e.Root,
-    {
-      ref: t,
-      className: n("relative overflow-hidden", o),
-      ...a,
-      children: [
-        /* @__PURE__ */ l(e.Viewport, { className: "h-full w-full rounded-[inherit]", children: r }),
-        /* @__PURE__ */ l(s, {}),
-        /* @__PURE__ */ l(e.Corner, {})
-      ]
-    }
-  );
-});
-f.displayName = "ScrollArea";
-const s = c(function({ className: o, orientation: r = "vertical", ...a }, t) {
+import { useStrings as m } from "../../hooks/use-strings.js";
+const p = s(
+  function({ className: e, children: r, viewportLabel: a, ...i }, f) {
+    const u = m();
+    return /* @__PURE__ */ d(
+      o.Root,
+      {
+        ref: f,
+        className: n("relative overflow-hidden", e),
+        ...i,
+        children: [
+          /* @__PURE__ */ l(
+            o.Viewport,
+            {
+              role: "group",
+              "aria-label": a ?? u.scrollArea.region,
+              tabIndex: 0,
+              className: n(
+                "h-full w-full rounded-[inherit]",
+                "focus-visible:ring-ring focus-visible:ring-offset-background outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
+              ),
+              children: r
+            }
+          ),
+          /* @__PURE__ */ l(t, {}),
+          /* @__PURE__ */ l(o.Corner, {})
+        ]
+      }
+    );
+  }
+);
+p.displayName = "ScrollArea";
+const t = s(function({ className: e, orientation: r = "vertical", ...a }, i) {
   return /* @__PURE__ */ l(
-    e.ScrollAreaScrollbar,
+    o.ScrollAreaScrollbar,
     {
-      ref: t,
+      ref: i,
       orientation: r,
       className: n(
-        "flex touch-none select-none transition-colors duration-[var(--duration-fast)]",
+        "flex touch-none transition-colors duration-[var(--duration-fast)] select-none",
         r === "vertical" && "h-full w-2 border-l border-l-transparent p-px",
         r === "horizontal" && "h-2 flex-col border-t border-t-transparent p-px",
-        o
+        e
       ),
       ...a,
-      children: /* @__PURE__ */ l(e.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-strong" })
+      children: /* @__PURE__ */ l(o.ScrollAreaThumb, { className: "bg-border-strong relative flex-1 rounded-full" })
     }
   );
 });
-s.displayName = "ScrollBar";
+t.displayName = "ScrollBar";
 export {
-  f as ScrollArea,
-  s as ScrollBar
+  p as ScrollArea,
+  t as ScrollBar
 };
 //# sourceMappingURL=ScrollArea.js.map

package/dist-lib/components/ui/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","sources":["../../../src/components/ui/ScrollArea.tsx"],"sourcesContent":["'use client';\n\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n} from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport { cn } from '@/lib/utils';\n\n/**\n * Custom scroll container with consistent styled scrollbars across OS / browsers.\n * Use when the default OS scrollbar would visually clash (sidebars, command\n * palettes, code panes). Falls back to native scroll inside the viewport.\n *\n * @example\n *   <ScrollArea className=\"h-64 rounded-md border border-border\">\n *     <div className=\"p-3\">…long content…</div>\n *   </ScrollArea>\n */\nexport const ScrollArea = forwardRef<\n  ElementRef<typeof ScrollAreaPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(function ScrollArea({ className, children, ...props }, ref) {\n  return (\n    <ScrollAreaPrimitive.Root\n      ref={ref}\n      className={cn('relative overflow-hidden', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\nexport const ScrollBar = forwardRef<\n  ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(function ScrollBar({ className, orientation = 'vertical', ...props }, ref) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      ref={ref}\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none transition-colors duration-[var(--duration-fast)]',\n        orientation === 'vertical' && 'h-full w-2 border-l border-l-transparent p-px',\n        orientation === 'horizontal' && 'h-2 flex-col border-t border-t-transparent p-px',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border-strong\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\nScrollBar.displayName = 'ScrollBar';\n"],"names":["ScrollArea","forwardRef","className","children","props","ref","jsxs","ScrollAreaPrimitive","cn","jsx","ScrollBar","orientation"],"mappings":";;;;;AAoBO,MAAMA,IAAaC,EAGxB,SAAoB,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,GAAK;AAC5D,SACE,gBAAAC;AAAA,IAACC,EAAoB;AAAA,IAApB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAG,4BAA4BN,CAAS;AAAA,MAClD,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK,EAACF,EAAoB,UAApB,EAA6B,WAAU,mCACrC,UAAAJ,GACH;AAAA,0BACCO,GAAA,EAAU;AAAA,QACX,gBAAAD,EAACF,EAAoB,QAApB,CAAA,CAA2B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlC,CAAC;AACDP,EAAW,cAAc;AAElB,MAAMU,IAAYT,EAGvB,SAAmB,EAAE,WAAAC,GAAW,aAAAS,IAAc,YAAY,GAAGP,EAAA,GAASC,GAAK;AAC3E,SACE,gBAAAI;AAAA,IAACF,EAAoB;AAAA,IAApB;AAAA,MACC,KAAAF;AAAA,MACA,aAAAM;AAAA,MACA,WAAWH;AAAA,QACT;AAAA,QACAG,MAAgB,cAAc;AAAA,QAC9BA,MAAgB,gBAAgB;AAAA,QAChCT;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEJ,UAAA,gBAAAK,EAACF,EAAoB,iBAApB,EAAoC,WAAU,gDAAA,CAAgD;AAAA,IAAA;AAAA,EAAA;AAGrG,CAAC;AACDG,EAAU,cAAc;"}
+{"version":3,"file":"ScrollArea.js","sources":["../../../src/components/ui/ScrollArea.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from 'react';\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';\nimport { cn } from '@/lib/utils';\nimport { useStrings } from '@/hooks/use-strings';\n\n/**\n * Custom scroll container with consistent styled scrollbars across OS / browsers.\n * Use when the default OS scrollbar would visually clash (sidebars, command\n * palettes, code panes). Falls back to native scroll inside the viewport.\n *\n * @example\n *   <ScrollArea className=\"h-64 rounded-md border border-border\">\n *     <div className=\"p-3\">…long content…</div>\n *   </ScrollArea>\n */\nexport interface ScrollAreaProps extends ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {\n  /**\n   * Accessible name of the viewport (a focusable `group` so keyboard users\n   * can scroll it). Defaults to `strings.scrollArea.region`.\n   */\n  viewportLabel?: string;\n}\n\nexport const ScrollArea = forwardRef<ElementRef<typeof ScrollAreaPrimitive.Root>, ScrollAreaProps>(\n  function ScrollArea({ className, children, viewportLabel, ...props }, ref) {\n    const strings = useStrings();\n    return (\n      <ScrollAreaPrimitive.Root\n        ref={ref}\n        className={cn('relative overflow-hidden', className)}\n        {...props}\n      >\n        <ScrollAreaPrimitive.Viewport\n          role=\"group\"\n          aria-label={viewportLabel ?? strings.scrollArea.region}\n          tabIndex={0}\n          className={cn(\n            'h-full w-full rounded-[inherit]',\n            'focus-visible:ring-ring focus-visible:ring-offset-background outline-none focus-visible:ring-2 focus-visible:ring-offset-2',\n          )}\n        >\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n        <ScrollBar />\n        <ScrollAreaPrimitive.Corner />\n      </ScrollAreaPrimitive.Root>\n    );\n  },\n);\nScrollArea.displayName = 'ScrollArea';\n\nexport const ScrollBar = forwardRef<\n  ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(function ScrollBar({ className, orientation = 'vertical', ...props }, ref) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      ref={ref}\n      orientation={orientation}\n      className={cn(\n        'flex touch-none transition-colors duration-[var(--duration-fast)] select-none',\n        orientation === 'vertical' && 'h-full w-2 border-l border-l-transparent p-px',\n        orientation === 'horizontal' && 'h-2 flex-col border-t border-t-transparent p-px',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border-strong relative flex-1 rounded-full\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\nScrollBar.displayName = 'ScrollBar';\n"],"names":["ScrollArea","forwardRef","className","children","viewportLabel","props","ref","strings","useStrings","jsxs","ScrollAreaPrimitive","cn","jsx","ScrollBar","orientation"],"mappings":";;;;;;AAyBO,MAAMA,IAAaC;AAAA,EACxB,SAAoB,EAAE,WAAAC,GAAW,UAAAC,GAAU,eAAAC,GAAe,GAAGC,EAAA,GAASC,GAAK;AACzE,UAAMC,IAAUC,EAAA;AAChB,WACE,gBAAAC;AAAA,MAACC,EAAoB;AAAA,MAApB;AAAA,QACC,KAAAJ;AAAA,QACA,WAAWK,EAAG,4BAA4BT,CAAS;AAAA,QAClD,GAAGG;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAO;AAAA,YAACF,EAAoB;AAAA,YAApB;AAAA,cACC,MAAK;AAAA,cACL,cAAYN,KAAiBG,EAAQ,WAAW;AAAA,cAChD,UAAU;AAAA,cACV,WAAWI;AAAA,gBACT;AAAA,gBACA;AAAA,cAAA;AAAA,cAGD,UAAAR;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEFU,GAAA,EAAU;AAAA,UACX,gBAAAD,EAACF,EAAoB,QAApB,CAAA,CAA2B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlC;AACF;AACAV,EAAW,cAAc;AAElB,MAAMa,IAAYZ,EAGvB,SAAmB,EAAE,WAAAC,GAAW,aAAAY,IAAc,YAAY,GAAGT,EAAA,GAASC,GAAK;AAC3E,SACE,gBAAAM;AAAA,IAACF,EAAoB;AAAA,IAApB;AAAA,MACC,KAAAJ;AAAA,MACA,aAAAQ;AAAA,MACA,WAAWH;AAAA,QACT;AAAA,QACAG,MAAgB,cAAc;AAAA,QAC9BA,MAAgB,gBAAgB;AAAA,QAChCZ;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,MAEJ,UAAA,gBAAAO,EAACF,EAAoB,iBAApB,EAAoC,WAAU,gDAAA,CAAgD;AAAA,IAAA;AAAA,EAAA;AAGrG,CAAC;AACDG,EAAU,cAAc;"}

package/dist-lib/components/ui/Select.d.ts

@@ -3,7 +3,12 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 export declare const Select: import('react').FC<SelectPrimitive.SelectProps>;
 export declare const SelectValue: import('react').ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import('react').RefAttributes<HTMLSpanElement>>;
 export interface SelectTriggerProps extends Omit<ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'> {
-    /** Placeholder shown when no value is selected. */
+    /**
+     * Placeholder shown when no value is selected. Also used as the trigger's
+     * accessible name when no `aria-label` / `aria-labelledby` / `id` (external
+     * `<Label htmlFor>`) is supplied — `role="combobox"` takes no name from
+     * its content.
+     */
     placeholder?: string;
     /** Trigger height — matches Input sizes. */
     size?: 'sm' | 'md' | 'lg';

package/dist-lib/components/ui/Select.js

@@ -1,53 +1,57 @@
 "use client";
 import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import * as o from "@radix-ui/react-select";
-import { Check as h, ChevronDown as S, ChevronUp as b, ChevronsUpDown as x } from "../../icons/index.js";
+import { forwardRef as l } from "react";
+import * as a from "@radix-ui/react-select";
+import { Check as S, ChevronDown as x, ChevronUp as v, ChevronsUpDown as N } from "../../icons/index.js";
 import { cn as c } from "../../lib/utils.js";
-const U = o.Root, j = o.Value, v = n(function({ className: r, placeholder: a, size: e = "md", tone: s = "default", ...i }, g) {
+import { useStrings as y } from "../../hooks/use-strings.js";
+const G = a.Root, L = a.Value, w = l(function({ className: r, placeholder: o, size: e = "md", tone: i = "default", ...n }, g) {
+  const b = y(), h = !!(n["aria-label"] || n["aria-labelledby"] || n.id);
   return /* @__PURE__ */ d(
-    o.Trigger,
+    a.Trigger,
     {
       ref: g,
+      "aria-label": h ? void 0 : o ?? b.select.placeholder,
       className: c(
-        "inline-flex w-full items-center justify-between gap-2 rounded-md border bg-card text-lg md:text-sm text-foreground",
+        "bg-card text-foreground inline-flex w-full items-center justify-between gap-2 rounded-md border text-lg md:text-sm",
+        "[&>span]:min-w-0 [&>span]:truncate",
         "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]",
         "outline-none",
-        "focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
+        "focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
         "data-[placeholder]:text-foreground-subtle",
         e === "sm" && "h-8 px-2.5",
         e === "md" && "h-9 px-3",
         e === "lg" && "h-10 px-3.5",
-        s === "default" ? "border-border-input focus-visible:border-accent focus-visible:ring-ring" : "border-danger focus-visible:border-danger focus-visible:ring-danger",
+        i === "default" ? "border-border-input focus-visible:border-accent focus-visible:ring-ring" : "border-danger focus-visible:border-danger focus-visible:ring-danger",
         r
       ),
-      ...i,
+      ...n,
       children: [
-        /* @__PURE__ */ t(o.Value, { placeholder: a }),
-        /* @__PURE__ */ t(o.Icon, { asChild: !0, children: /* @__PURE__ */ t(x, { className: "size-4 text-foreground-subtle shrink-0", "aria-hidden": !0 }) })
+        /* @__PURE__ */ t(a.Value, { placeholder: o }),
+        /* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(N, { className: "text-foreground-subtle size-4 shrink-0", "aria-hidden": !0 }) })
       ]
     }
   );
 });
-v.displayName = "SelectTrigger";
-const u = "flex h-6 cursor-default items-center justify-center text-foreground-subtle", m = n(function({ className: r, ...a }, e) {
-  return /* @__PURE__ */ t(o.ScrollUpButton, { ref: e, className: c(u, r), ...a, children: /* @__PURE__ */ t(b, { className: "size-4", "aria-hidden": !0 }) });
+w.displayName = "SelectTrigger";
+const u = "flex h-6 cursor-default items-center justify-center text-foreground-subtle", m = l(function({ className: r, ...o }, e) {
+  return /* @__PURE__ */ t(a.ScrollUpButton, { ref: e, className: c(u, r), ...o, children: /* @__PURE__ */ t(v, { className: "size-4", "aria-hidden": !0 }) });
 });
 m.displayName = "SelectScrollUpButton";
-const p = n(function({ className: r, ...a }, e) {
-  return /* @__PURE__ */ t(o.ScrollDownButton, { ref: e, className: c(u, r), ...a, children: /* @__PURE__ */ t(S, { className: "size-4", "aria-hidden": !0 }) });
+const p = l(function({ className: r, ...o }, e) {
+  return /* @__PURE__ */ t(a.ScrollDownButton, { ref: e, className: c(u, r), ...o, children: /* @__PURE__ */ t(x, { className: "size-4", "aria-hidden": !0 }) });
 });
 p.displayName = "SelectScrollDownButton";
-const N = n(function({ className: r, children: a, position: e = "popper", ...s }, i) {
-  return /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ d(
-    o.Content,
+const B = l(function({ className: r, children: o, position: e = "popper", ...i }, n) {
+  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ d(
+    a.Content,
     {
-      ref: i,
+      ref: n,
       position: e,
       className: c(
-        "z-[var(--z-popover)] min-w-[var(--radix-select-trigger-width)] max-h-96",
-        "overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground",
+        "z-[var(--z-popover)] max-h-96 min-w-[var(--radix-select-trigger-width)]",
+        "border-border bg-popover text-popover-foreground overflow-hidden rounded-lg border",
         "shadow-md",
         "data-[state=open]:animate-in data-[state=closed]:animate-out",
         "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
@@ -55,77 +59,81 @@ const N = n(function({ className: r, children: a, position: e = "popper", ...s }
         e === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
         r
       ),
-      ...s,
+      ...i,
       children: [
         /* @__PURE__ */ t(m, {}),
-        /* @__PURE__ */ t(o.Viewport, { className: "p-1", children: a }),
+        /* @__PURE__ */ t(a.Viewport, { className: "p-1", children: o }),
         /* @__PURE__ */ t(p, {})
       ]
     }
   ) });
 });
-N.displayName = "SelectContent";
-const f = n(function({ className: r, ...a }, e) {
+B.displayName = "SelectContent";
+const f = l(function({ className: r, ...o }, e) {
   return /* @__PURE__ */ t(
-    o.Label,
+    a.Label,
     {
       ref: e,
-      className: c("px-2 py-1.5 text-xs font-medium text-foreground-subtle", r),
-      ...a
+      className: c("text-foreground-subtle px-2 py-1.5 text-xs font-medium", r),
+      ...o
     }
   );
 });
 f.displayName = "SelectLabel";
-const y = n(function({ className: r, children: a, leadingIcon: e, ...s }, i) {
-  return /* @__PURE__ */ d(
-    o.Item,
-    {
-      ref: i,
-      className: c(
-        "relative flex w-full cursor-default select-none items-center gap-2",
-        "rounded-sm px-2 py-1.5 pr-8 text-sm text-foreground outline-none",
-        "data-[highlighted]:bg-background-muted data-[highlighted]:text-foreground",
-        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        r
-      ),
-      ...s,
-      children: [
-        e && /* @__PURE__ */ t("span", { className: "flex items-center text-foreground-subtle [&_svg]:size-4", children: e }),
-        /* @__PURE__ */ t(o.ItemText, { children: a }),
-        /* @__PURE__ */ t("span", { className: "absolute right-2 flex items-center justify-center", children: /* @__PURE__ */ t(o.ItemIndicator, { children: /* @__PURE__ */ t(h, { className: "size-4 text-accent", "aria-hidden": !0 }) }) })
-      ]
-    }
-  );
-});
-y.displayName = "SelectItem";
-const w = n(function({ className: r, ...a }, e) {
+const C = l(
+  function({ className: r, children: o, leadingIcon: e, ...i }, n) {
+    return /* @__PURE__ */ d(
+      a.Item,
+      {
+        ref: n,
+        className: c(
+          "relative flex w-full cursor-default items-center gap-2 select-none",
+          "text-foreground rounded-sm px-2 py-1.5 pr-8 text-sm outline-none",
+          "data-[highlighted]:bg-background-muted data-[highlighted]:text-foreground",
+          "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+          r
+        ),
+        ...i,
+        children: [
+          e && /* @__PURE__ */ t("span", { className: "text-foreground-subtle flex items-center [&_svg]:size-4", children: e }),
+          /* @__PURE__ */ t(a.ItemText, { children: o }),
+          /* @__PURE__ */ t("span", { className: "absolute right-2 flex items-center justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(S, { className: "text-accent size-4", "aria-hidden": !0 }) }) })
+        ]
+      }
+    );
+  }
+);
+C.displayName = "SelectItem";
+const z = l(function({ className: r, ...o }, e) {
   return /* @__PURE__ */ t(
-    o.Separator,
+    a.Separator,
     {
       ref: e,
-      className: c("-mx-1 my-1 h-px bg-border", r),
-      ...a
+      className: c("bg-border -mx-1 my-1 h-px", r),
+      ...o
     }
   );
 });
-w.displayName = "SelectSeparator";
-const B = n(function({ label: r, children: a, ...e }, s) {
-  return /* @__PURE__ */ d(o.Group, { ref: s, ...e, children: [
-    r && /* @__PURE__ */ t(f, { children: r }),
-    a
-  ] });
-});
-B.displayName = "SelectGroup";
+z.displayName = "SelectSeparator";
+const I = l(
+  function({ label: r, children: o, ...e }, i) {
+    return /* @__PURE__ */ d(a.Group, { ref: i, ...e, children: [
+      r && /* @__PURE__ */ t(f, { children: r }),
+      o
+    ] });
+  }
+);
+I.displayName = "SelectGroup";
 export {
-  U as Select,
-  N as SelectContent,
-  B as SelectGroup,
-  y as SelectItem,
+  G as Select,
+  B as SelectContent,
+  I as SelectGroup,
+  C as SelectItem,
   f as SelectLabel,
   p as SelectScrollDownButton,
   m as SelectScrollUpButton,
-  w as SelectSeparator,
-  v as SelectTrigger,
-  j as SelectValue
+  z as SelectSeparator,
+  w as SelectTrigger,
+  L as SelectValue
 };
 //# sourceMappingURL=Select.js.map

package/dist-lib/components/ui/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/ui/Select.tsx"],"sourcesContent":["'use client';\n\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type ReactNode,\n} from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { Check, ChevronDown, ChevronUp, ChevronsUpDown } from '@/icons';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n *  Compound API:\n *\n *    <Select value={…} onValueChange={…}>\n *      <SelectTrigger placeholder=\"Pick one\" />\n *      <SelectContent>\n *        <SelectGroup label=\"Active\">\n *          <SelectItem value=\"a\">Apple</SelectItem>\n *          <SelectItem value=\"b\">Banana</SelectItem>\n *        </SelectGroup>\n *      </SelectContent>\n *    </Select>\n *\n *  All accessibility is handled by Radix: keyboard navigation, type-ahead,\n *  focus trap, ARIA roles. We only style.\n * --------------------------------------------------------------------------- */\n\nexport const Select = SelectPrimitive.Root;\nexport const SelectValue = SelectPrimitive.Value;\n\nexport interface SelectTriggerProps\n  extends Omit<ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'children'> {\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string;\n  /** Trigger height — matches Input sizes. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Visual tone — `error` swaps the border + ring to danger. */\n  tone?: 'default' | 'error';\n}\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(function SelectTrigger({ className, placeholder, size = 'md', tone = 'default', ...props }, ref) {\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'inline-flex w-full items-center justify-between gap-2 rounded-md border bg-card text-lg md:text-sm text-foreground',\n        'transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]',\n        'outline-none',\n        'focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n        'disabled:opacity-50 disabled:cursor-not-allowed',\n        'data-[placeholder]:text-foreground-subtle',\n        size === 'sm' && 'h-8 px-2.5',\n        size === 'md' && 'h-9 px-3',\n        size === 'lg' && 'h-10 px-3.5',\n        tone === 'default'\n          ? 'border-border-input focus-visible:border-accent focus-visible:ring-ring'\n          : 'border-danger focus-visible:border-danger focus-visible:ring-danger',\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitive.Value placeholder={placeholder} />\n      <SelectPrimitive.Icon asChild>\n        <ChevronsUpDown className=\"size-4 text-foreground-subtle shrink-0\" aria-hidden />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n});\nSelectTrigger.displayName = 'SelectTrigger';\n\nconst scrollBtn =\n  'flex h-6 cursor-default items-center justify-center text-foreground-subtle';\n\nexport const SelectScrollUpButton = forwardRef<\n  ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(function SelectScrollUpButton({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.ScrollUpButton ref={ref} className={cn(scrollBtn, className)} {...props}>\n      <ChevronUp className=\"size-4\" aria-hidden />\n    </SelectPrimitive.ScrollUpButton>\n  );\n});\nSelectScrollUpButton.displayName = 'SelectScrollUpButton';\n\nexport const SelectScrollDownButton = forwardRef<\n  ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(function SelectScrollDownButton({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.ScrollDownButton ref={ref} className={cn(scrollBtn, className)} {...props}>\n      <ChevronDown className=\"size-4\" aria-hidden />\n    </SelectPrimitive.ScrollDownButton>\n  );\n});\nSelectScrollDownButton.displayName = 'SelectScrollDownButton';\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(function SelectContent({ className, children, position = 'popper', ...props }, ref) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        position={position}\n        className={cn(\n          'z-[var(--z-popover)] min-w-[var(--radix-select-trigger-width)] max-h-96',\n          'overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground',\n          'shadow-md',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n          'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport className=\"p-1\">{children}</SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n});\nSelectContent.displayName = 'SelectContent';\n\nexport const SelectLabel = forwardRef<\n  ElementRef<typeof SelectPrimitive.Label>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(function SelectLabel({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.Label\n      ref={ref}\n      className={cn('px-2 py-1.5 text-xs font-medium text-foreground-subtle', className)}\n      {...props}\n    />\n  );\n});\nSelectLabel.displayName = 'SelectLabel';\n\nexport interface SelectItemProps\n  extends ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {\n  /** Icon shown to the left of the label. */\n  leadingIcon?: ReactNode;\n}\n\nexport const SelectItem = forwardRef<\n  ElementRef<typeof SelectPrimitive.Item>,\n  SelectItemProps\n>(function SelectItem({ className, children, leadingIcon, ...props }, ref) {\n  return (\n    <SelectPrimitive.Item\n      ref={ref}\n      className={cn(\n        'relative flex w-full cursor-default select-none items-center gap-2',\n        'rounded-sm px-2 py-1.5 pr-8 text-sm text-foreground outline-none',\n        'data-[highlighted]:bg-background-muted data-[highlighted]:text-foreground',\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      {leadingIcon && (\n        <span className=\"flex items-center text-foreground-subtle [&_svg]:size-4\">\n          {leadingIcon}\n        </span>\n      )}\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n      <span className=\"absolute right-2 flex items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <Check className=\"size-4 text-accent\" aria-hidden />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n    </SelectPrimitive.Item>\n  );\n});\nSelectItem.displayName = 'SelectItem';\n\nexport const SelectSeparator = forwardRef<\n  ElementRef<typeof SelectPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(function SelectSeparator({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.Separator\n      ref={ref}\n      className={cn('-mx-1 my-1 h-px bg-border', className)}\n      {...props}\n    />\n  );\n});\nSelectSeparator.displayName = 'SelectSeparator';\n\n/** Optional grouping with a label header. Pure composition over Radix Group + Label. */\nexport interface SelectGroupProps\n  extends ComponentPropsWithoutRef<typeof SelectPrimitive.Group> {\n  label?: ReactNode;\n}\nexport const SelectGroup = forwardRef<\n  ElementRef<typeof SelectPrimitive.Group>,\n  SelectGroupProps\n>(function SelectGroup({ label, children, ...props }, ref) {\n  return (\n    <SelectPrimitive.Group ref={ref} {...props}>\n      {label && <SelectLabel>{label}</SelectLabel>}\n      {children}\n    </SelectPrimitive.Group>\n  );\n});\nSelectGroup.displayName = 'SelectGroup';\n\n/**\n * Compose `Select` + `SelectTrigger` + `SelectContent` + `SelectItem` for a\n * single-choice picker. Keyboard, type-ahead, and ARIA come from Radix.\n *\n * @example Basic\n *   <Select onValueChange={setStatus}>\n *     <SelectTrigger placeholder=\"Status\" />\n *     <SelectContent>\n *       <SelectItem value=\"open\">Open</SelectItem>\n *       <SelectItem value=\"closed\">Closed</SelectItem>\n *     </SelectContent>\n *   </Select>\n *\n * @example Grouped\n *   <SelectContent>\n *     <SelectGroup label=\"People\">\n *       <SelectItem value=\"anu\">Anu</SelectItem>\n *       <SelectItem value=\"bat\">Bat</SelectItem>\n *     </SelectGroup>\n *     <SelectSeparator />\n *     <SelectGroup label=\"Bots\">\n *       <SelectItem value=\"robo\">Robo</SelectItem>\n *     </SelectGroup>\n *   </SelectContent>\n *\n * @do Use `placeholder` on the trigger when there is no default value.\n * @dont Use Select for more than ~12 options — switch to `Combobox`.\n */\n"],"names":["Select","SelectPrimitive","SelectValue","SelectTrigger","forwardRef","className","placeholder","size","tone","props","ref","jsxs","cn","jsx","ChevronsUpDown","scrollBtn","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","ChevronDown","SelectContent","children","position","SelectLabel","SelectItem","leadingIcon","Check","SelectSeparator","SelectGroup","label"],"mappings":";;;;;;AA6BO,MAAMA,IAASC,EAAgB,MACzBC,IAAcD,EAAgB,OAY9BE,IAAgBC,EAG3B,SAAuB,EAAE,WAAAC,GAAW,aAAAC,GAAa,MAAAC,IAAO,MAAM,MAAAC,IAAO,WAAW,GAAGC,EAAA,GAASC,GAAK;AACjG,SACE,gBAAAC;AAAA,IAACV,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAS;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL,MAAS,QAAQ;AAAA,QACjBA,MAAS,QAAQ;AAAA,QACjBA,MAAS,QAAQ;AAAA,QACjBC,MAAS,YACL,4EACA;AAAA,QACJH;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACZ,EAAgB,OAAhB,EAAsB,aAAAK,EAAA,CAA0B;AAAA,QACjD,gBAAAO,EAACZ,EAAgB,MAAhB,EAAqB,SAAO,IAC3B,UAAA,gBAAAY,EAACC,GAAA,EAAe,WAAU,0CAAyC,eAAW,GAAA,CAAC,EAAA,CACjF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AACDX,EAAc,cAAc;AAE5B,MAAMY,IACJ,8EAEWC,IAAuBZ,EAGlC,SAA8B,EAAE,WAAAC,GAAW,GAAGI,EAAA,GAASC,GAAK;AAC5D,2BACGT,EAAgB,gBAAhB,EAA+B,KAAAS,GAAU,WAAWE,EAAGG,GAAWV,CAAS,GAAI,GAAGI,GACjF,UAAA,gBAAAI,EAACI,GAAA,EAAU,WAAU,UAAS,eAAW,IAAC,GAC5C;AAEJ,CAAC;AACDD,EAAqB,cAAc;AAE5B,MAAME,IAAyBd,EAGpC,SAAgC,EAAE,WAAAC,GAAW,GAAGI,EAAA,GAASC,GAAK;AAC9D,2BACGT,EAAgB,kBAAhB,EAAiC,KAAAS,GAAU,WAAWE,EAAGG,GAAWV,CAAS,GAAI,GAAGI,GACnF,UAAA,gBAAAI,EAACM,GAAA,EAAY,WAAU,UAAS,eAAW,IAAC,GAC9C;AAEJ,CAAC;AACDD,EAAuB,cAAc;AAE9B,MAAME,IAAgBhB,EAG3B,SAAuB,EAAE,WAAAC,GAAW,UAAAgB,GAAU,UAAAC,IAAW,UAAU,GAAGb,EAAA,GAASC,GAAK;AACpF,SACE,gBAAAG,EAACZ,EAAgB,QAAhB,EACC,UAAA,gBAAAU;AAAA,IAACV,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAS;AAAA,MACA,UAAAY;AAAA,MACA,WAAWV;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAU,MAAa,YACX;AAAA,QACFjB;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACG,GAAA,EAAqB;AAAA,0BACrBf,EAAgB,UAAhB,EAAyB,WAAU,OAAO,UAAAoB,GAAS;AAAA,0BACnDH,GAAA,CAAA,CAAuB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE5B;AAEJ,CAAC;AACDE,EAAc,cAAc;AAErB,MAAMG,IAAcnB,EAGzB,SAAqB,EAAE,WAAAC,GAAW,GAAGI,EAAA,GAASC,GAAK;AACnD,SACE,gBAAAG;AAAA,IAACZ,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAS;AAAA,MACA,WAAWE,EAAG,0DAA0DP,CAAS;AAAA,MAChF,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDc,EAAY,cAAc;AAQnB,MAAMC,IAAapB,EAGxB,SAAoB,EAAE,WAAAC,GAAW,UAAAgB,GAAU,aAAAI,GAAa,GAAGhB,EAAA,GAASC,GAAK;AACzE,SACE,gBAAAC;AAAA,IAACV,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAS;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAP;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAgB,KACC,gBAAAZ,EAAC,QAAA,EAAK,WAAU,2DACb,UAAAY,GACH;AAAA,QAEF,gBAAAZ,EAACZ,EAAgB,UAAhB,EAA0B,UAAAoB,EAAA,CAAS;AAAA,QACpC,gBAAAR,EAAC,QAAA,EAAK,WAAU,qDACd,4BAACZ,EAAgB,eAAhB,EACC,UAAA,gBAAAY,EAACa,KAAM,WAAU,sBAAqB,eAAW,GAAA,CAAC,GACpD,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AACDF,EAAW,cAAc;AAElB,MAAMG,IAAkBvB,EAG7B,SAAyB,EAAE,WAAAC,GAAW,GAAGI,EAAA,GAASC,GAAK;AACvD,SACE,gBAAAG;AAAA,IAACZ,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAS;AAAA,MACA,WAAWE,EAAG,6BAA6BP,CAAS;AAAA,MACnD,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDkB,EAAgB,cAAc;AAOvB,MAAMC,IAAcxB,EAGzB,SAAqB,EAAE,OAAAyB,GAAO,UAAAR,GAAU,GAAGZ,EAAA,GAASC,GAAK;AACzD,2BACGT,EAAgB,OAAhB,EAAsB,KAAAS,GAAW,GAAGD,GAClC,UAAA;AAAA,IAAAoB,KAAS,gBAAAhB,EAACU,KAAa,UAAAM,EAAA,CAAM;AAAA,IAC7BR;AAAA,EAAA,GACH;AAEJ,CAAC;AACDO,EAAY,cAAc;"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/ui/Select.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef, type ReactNode } from 'react';\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { Check, ChevronDown, ChevronUp, ChevronsUpDown } from '@/icons';\nimport { cn } from '@/lib/utils';\nimport { useStrings } from '@/hooks/use-strings';\n\n/* -----------------------------------------------------------------------------\n *  Compound API:\n *\n *    <Select value={…} onValueChange={…}>\n *      <SelectTrigger placeholder=\"Pick one\" />\n *      <SelectContent>\n *        <SelectGroup label=\"Active\">\n *          <SelectItem value=\"a\">Apple</SelectItem>\n *          <SelectItem value=\"b\">Banana</SelectItem>\n *        </SelectGroup>\n *      </SelectContent>\n *    </Select>\n *\n *  All accessibility is handled by Radix: keyboard navigation, type-ahead,\n *  focus trap, ARIA roles. We only style.\n * --------------------------------------------------------------------------- */\n\nexport const Select = SelectPrimitive.Root;\nexport const SelectValue = SelectPrimitive.Value;\n\nexport interface SelectTriggerProps extends Omit<\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>,\n  'children'\n> {\n  /**\n   * Placeholder shown when no value is selected. Also used as the trigger's\n   * accessible name when no `aria-label` / `aria-labelledby` / `id` (external\n   * `<Label htmlFor>`) is supplied — `role=\"combobox\"` takes no name from\n   * its content.\n   */\n  placeholder?: string;\n  /** Trigger height — matches Input sizes. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Visual tone — `error` swaps the border + ring to danger. */\n  tone?: 'default' | 'error';\n}\n\nexport const SelectTrigger = forwardRef<\n  ElementRef<typeof SelectPrimitive.Trigger>,\n  SelectTriggerProps\n>(function SelectTrigger({ className, placeholder, size = 'md', tone = 'default', ...props }, ref) {\n  const strings = useStrings();\n  const hasName = Boolean(props['aria-label'] || props['aria-labelledby'] || props.id);\n  return (\n    <SelectPrimitive.Trigger\n      ref={ref}\n      aria-label={hasName ? undefined : (placeholder ?? strings.select.placeholder)}\n      className={cn(\n        'bg-card text-foreground inline-flex w-full items-center justify-between gap-2 rounded-md border text-lg md:text-sm',\n        '[&>span]:min-w-0 [&>span]:truncate',\n        'transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]',\n        'outline-none',\n        'focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'data-[placeholder]:text-foreground-subtle',\n        size === 'sm' && 'h-8 px-2.5',\n        size === 'md' && 'h-9 px-3',\n        size === 'lg' && 'h-10 px-3.5',\n        tone === 'default'\n          ? 'border-border-input focus-visible:border-accent focus-visible:ring-ring'\n          : 'border-danger focus-visible:border-danger focus-visible:ring-danger',\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitive.Value placeholder={placeholder} />\n      <SelectPrimitive.Icon asChild>\n        <ChevronsUpDown className=\"text-foreground-subtle size-4 shrink-0\" aria-hidden />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n});\nSelectTrigger.displayName = 'SelectTrigger';\n\nconst scrollBtn = 'flex h-6 cursor-default items-center justify-center text-foreground-subtle';\n\nexport const SelectScrollUpButton = forwardRef<\n  ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(function SelectScrollUpButton({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.ScrollUpButton ref={ref} className={cn(scrollBtn, className)} {...props}>\n      <ChevronUp className=\"size-4\" aria-hidden />\n    </SelectPrimitive.ScrollUpButton>\n  );\n});\nSelectScrollUpButton.displayName = 'SelectScrollUpButton';\n\nexport const SelectScrollDownButton = forwardRef<\n  ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(function SelectScrollDownButton({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.ScrollDownButton ref={ref} className={cn(scrollBtn, className)} {...props}>\n      <ChevronDown className=\"size-4\" aria-hidden />\n    </SelectPrimitive.ScrollDownButton>\n  );\n});\nSelectScrollDownButton.displayName = 'SelectScrollDownButton';\n\nexport const SelectContent = forwardRef<\n  ElementRef<typeof SelectPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(function SelectContent({ className, children, position = 'popper', ...props }, ref) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        ref={ref}\n        position={position}\n        className={cn(\n          'z-[var(--z-popover)] max-h-96 min-w-[var(--radix-select-trigger-width)]',\n          'border-border bg-popover text-popover-foreground overflow-hidden rounded-lg border',\n          'shadow-md',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n          'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport className=\"p-1\">{children}</SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n});\nSelectContent.displayName = 'SelectContent';\n\nexport const SelectLabel = forwardRef<\n  ElementRef<typeof SelectPrimitive.Label>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(function SelectLabel({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.Label\n      ref={ref}\n      className={cn('text-foreground-subtle px-2 py-1.5 text-xs font-medium', className)}\n      {...props}\n    />\n  );\n});\nSelectLabel.displayName = 'SelectLabel';\n\nexport interface SelectItemProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {\n  /** Icon shown to the left of the label. */\n  leadingIcon?: ReactNode;\n}\n\nexport const SelectItem = forwardRef<ElementRef<typeof SelectPrimitive.Item>, SelectItemProps>(\n  function SelectItem({ className, children, leadingIcon, ...props }, ref) {\n    return (\n      <SelectPrimitive.Item\n        ref={ref}\n        className={cn(\n          'relative flex w-full cursor-default items-center gap-2 select-none',\n          'text-foreground rounded-sm px-2 py-1.5 pr-8 text-sm outline-none',\n          'data-[highlighted]:bg-background-muted data-[highlighted]:text-foreground',\n          'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n          className,\n        )}\n        {...props}\n      >\n        {leadingIcon && (\n          <span className=\"text-foreground-subtle flex items-center [&_svg]:size-4\">\n            {leadingIcon}\n          </span>\n        )}\n        <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n        <span className=\"absolute right-2 flex items-center justify-center\">\n          <SelectPrimitive.ItemIndicator>\n            <Check className=\"text-accent size-4\" aria-hidden />\n          </SelectPrimitive.ItemIndicator>\n        </span>\n      </SelectPrimitive.Item>\n    );\n  },\n);\nSelectItem.displayName = 'SelectItem';\n\nexport const SelectSeparator = forwardRef<\n  ElementRef<typeof SelectPrimitive.Separator>,\n  ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(function SelectSeparator({ className, ...props }, ref) {\n  return (\n    <SelectPrimitive.Separator\n      ref={ref}\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n});\nSelectSeparator.displayName = 'SelectSeparator';\n\n/** Optional grouping with a label header. Pure composition over Radix Group + Label. */\nexport interface SelectGroupProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Group> {\n  label?: ReactNode;\n}\nexport const SelectGroup = forwardRef<ElementRef<typeof SelectPrimitive.Group>, SelectGroupProps>(\n  function SelectGroup({ label, children, ...props }, ref) {\n    return (\n      <SelectPrimitive.Group ref={ref} {...props}>\n        {label && <SelectLabel>{label}</SelectLabel>}\n        {children}\n      </SelectPrimitive.Group>\n    );\n  },\n);\nSelectGroup.displayName = 'SelectGroup';\n\n/**\n * Compose `Select` + `SelectTrigger` + `SelectContent` + `SelectItem` for a\n * single-choice picker. Keyboard, type-ahead, and ARIA come from Radix.\n *\n * @example Basic\n *   <Select onValueChange={setStatus}>\n *     <SelectTrigger placeholder=\"Status\" />\n *     <SelectContent>\n *       <SelectItem value=\"open\">Open</SelectItem>\n *       <SelectItem value=\"closed\">Closed</SelectItem>\n *     </SelectContent>\n *   </Select>\n *\n * @example Grouped\n *   <SelectContent>\n *     <SelectGroup label=\"People\">\n *       <SelectItem value=\"anu\">Anu</SelectItem>\n *       <SelectItem value=\"bat\">Bat</SelectItem>\n *     </SelectGroup>\n *     <SelectSeparator />\n *     <SelectGroup label=\"Bots\">\n *       <SelectItem value=\"robo\">Robo</SelectItem>\n *     </SelectGroup>\n *   </SelectContent>\n *\n * @do Use `placeholder` on the trigger when there is no default value.\n * @dont Use Select for more than ~12 options — switch to `Combobox`.\n */\n"],"names":["Select","SelectPrimitive","SelectValue","SelectTrigger","forwardRef","className","placeholder","size","tone","props","ref","strings","useStrings","hasName","jsxs","cn","jsx","ChevronsUpDown","scrollBtn","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","ChevronDown","SelectContent","children","position","SelectLabel","SelectItem","leadingIcon","Check","SelectSeparator","SelectGroup","label"],"mappings":"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"}

package/dist-lib/components/ui/Separator.js

@@ -11,7 +11,7 @@ const l = i(function({ className: o, orientation: r = "horizontal", decorative:
       orientation: r,
       decorative: t,
       className: f(
-        "shrink-0 bg-border",
+        "bg-border shrink-0",
         r === "horizontal" ? "h-px w-full" : "h-full w-px",
         o
       ),

package/dist-lib/components/ui/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sources":["../../../src/components/ui/Separator.tsx"],"sourcesContent":["'use client';\n\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n} from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport { cn } from '@/lib/utils';\n\n/**\n * Hairline divider. Decorative by default (no role announced). Pass\n * `decorative={false}` when the separator carries semantic meaning, e.g.\n * splitting two regions in a landmark.\n *\n * @example Section divider\n *   <Separator className=\"my-6\" />\n *\n * @example Vertical inside a toolbar\n *   <Separator orientation=\"vertical\" className=\"h-5 mx-2\" />\n */\nexport const Separator = forwardRef<\n  ElementRef<typeof SeparatorPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(function Separator(\n  { className, orientation = 'horizontal', decorative = true, ...props },\n  ref,\n) {\n  return (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      orientation={orientation}\n      decorative={decorative}\n      className={cn(\n        'shrink-0 bg-border',\n        orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSeparator.displayName = 'Separator';\n"],"names":["Separator","forwardRef","className","orientation","decorative","props","ref","jsx","SeparatorPrimitive","cn"],"mappings":";;;;;AAqBO,MAAMA,IAAYC,EAGvB,SACA,EAAE,WAAAC,GAAW,aAAAC,IAAc,cAAc,YAAAC,IAAa,IAAM,GAAGC,EAAA,GAC/DC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,KAAAF;AAAA,MACA,aAAAH;AAAA,MACA,YAAAC;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAN,MAAgB,eAAe,gBAAgB;AAAA,QAC/CD;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDL,EAAU,cAAc;"}
+{"version":3,"file":"Separator.js","sources":["../../../src/components/ui/Separator.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from 'react';\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport { cn } from '@/lib/utils';\n\n/**\n * Hairline divider. Decorative by default (no role announced). Pass\n * `decorative={false}` when the separator carries semantic meaning, e.g.\n * splitting two regions in a landmark.\n *\n * @example Section divider\n *   <Separator className=\"my-6\" />\n *\n * @example Vertical inside a toolbar\n *   <Separator orientation=\"vertical\" className=\"h-5 mx-2\" />\n */\nexport const Separator = forwardRef<\n  ElementRef<typeof SeparatorPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(function Separator({ className, orientation = 'horizontal', decorative = true, ...props }, ref) {\n  return (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      orientation={orientation}\n      decorative={decorative}\n      className={cn(\n        'bg-border shrink-0',\n        orientation === 'horizontal' ? 'h-px w-full' : 'h-full w-px',\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nSeparator.displayName = 'Separator';\n"],"names":["Separator","forwardRef","className","orientation","decorative","props","ref","jsx","SeparatorPrimitive","cn"],"mappings":";;;;;AAiBO,MAAMA,IAAYC,EAGvB,SAAmB,EAAE,WAAAC,GAAW,aAAAC,IAAc,cAAc,YAAAC,IAAa,IAAM,GAAGC,EAAA,GAASC,GAAK;AAChG,SACE,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,KAAAF;AAAA,MACA,aAAAH;AAAA,MACA,YAAAC;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAN,MAAgB,eAAe,gBAAgB;AAAA,QAC/CD;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDL,EAAU,cAAc;"}

package/dist-lib/components/ui/Sheet.d.ts

@@ -1,5 +1,6 @@
 import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
 import { VariantProps } from '../../lib/cva.js';
+import { ReturnFocusRef } from '../../lib/return-focus.js';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 export declare const Sheet: import('react').FC<DialogPrimitive.DialogProps>;
 export declare const SheetTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -10,6 +11,14 @@ declare const sheet: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SheetContentProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheet> {
     showClose?: boolean;
+    /**
+     * Element to focus when the overlay closes. Overrides Radix's default
+     * (the element focused when the content mounted), which is `<body>` for
+     * controlled overlays opened from a pointer click on a non-focusable /
+     * tooltip-wrapped trigger. A consumer `onCloseAutoFocus` runs first and
+     * wins if it calls `preventDefault()`.
+     */
+    returnFocusTo?: ReturnFocusRef;
 }
 export declare const SheetContent: import('react').ForwardRefExoticComponent<SheetContentProps & import('react').RefAttributes<HTMLDivElement>>;
 export declare function SheetHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;