@asevenid/ui 0.1.0

package/dist/components/primitives/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../../src/components/primitives/calendar.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Calendar as UICalendar } from \"@/components/ui/calendar\"\nimport { cn } from \"@/lib/utils\"\n\ntype CalendarProps = React.ComponentProps<typeof UICalendar>\n\n// Filled-primary surfaces (selected / range-start / range-end day buttons) carry\n// the same gradient sheen as Button/Badge. Scoped from the calendar root since\n// the day buttons live inside react-day-picker's internal markup.\nconst SELECTED_DAY =\n  \"[&_[data-selected-single=true]]:bg-[image:var(--surface-filled-primary-overlay)] [&_[data-selected-single=true]]:bg-blend-normal [&_[data-selected-single=true]]:shadow-(--surface-inset-primary) \" +\n  \"[&_[data-range-start=true]]:bg-[image:var(--surface-filled-primary-overlay)] [&_[data-range-start=true]]:bg-blend-normal [&_[data-range-start=true]]:shadow-(--surface-inset-primary) \" +\n  \"[&_[data-range-end=true]]:bg-[image:var(--surface-filled-primary-overlay)] [&_[data-range-end=true]]:bg-blend-normal [&_[data-range-end=true]]:shadow-(--surface-inset-primary)\"\n\nfunction Calendar({\n  captionLayout = \"dropdown\",\n  startMonth,\n  endMonth,\n  className,\n  ...props\n}: CalendarProps) {\n  const [resolvedStart, resolvedEnd] = React.useMemo(() => {\n    const start = startMonth ?? new Date(1900, 0)\n    const end = endMonth ?? new Date(new Date().getFullYear() + 10, 11)\n    return [start, end]\n  }, [startMonth, endMonth])\n\n  return (\n    <UICalendar\n      captionLayout={captionLayout}\n      startMonth={resolvedStart}\n      endMonth={resolvedEnd}\n      className={cn(SELECTED_DAY, className)}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar }\nexport type { CalendarProps }\n"],"names":["SELECTED_DAY","Calendar","captionLayout","startMonth","endMonth","className","props","resolvedStart","resolvedEnd","React","start","end","jsx","UICalendar","cn"],"mappings":";;;;;AAUA,MAAMA,IACJ;AAIF,SAASC,EAAS;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAM,CAACC,GAAeC,CAAW,IAAIC,EAAM,QAAQ,MAAM;AACvD,UAAMC,IAAQP,KAAc,IAAI,KAAK,MAAM,CAAC,GACtCQ,IAAMP,KAAY,IAAI,MAAK,oBAAI,QAAO,YAAA,IAAgB,IAAI,EAAE;AAClE,WAAO,CAACM,GAAOC,CAAG;AAAA,EACpB,GAAG,CAACR,GAAYC,CAAQ,CAAC;AAEzB,SACE,gBAAAQ;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,eAAAX;AAAA,MACA,YAAYK;AAAA,MACZ,UAAUC;AAAA,MACV,WAAWM,EAAGd,GAAcK,CAAS;AAAA,MACpC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/primitives/card.d.ts

@@ -0,0 +1,14 @@
+import { Card as UICard, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../ui/card';
+import * as React from "react";
+type CardProps = React.ComponentProps<typeof UICard> & {
+    /**
+     * Lift the card on hover: ramps the shadow stack from elevation-2 to
+     * elevation-3 and firms up the border ring (`--shadow-border-hover`).
+     * Off by default — opt in per instance.
+     */
+    hoverable?: boolean;
+};
+declare function Card({ className, hoverable, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
+export type { CardProps };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/primitives/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,IAAI,IAAI,MAAM,EACd,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACV,MAAM,sBAAsB,CAAC;AAG9B,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACrD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,SAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAYlE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC;AACF,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/primitives/card.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import "react";
+import { Card as d } from "../ui/card.js";
+import { CardAction as p, CardContent as c, CardDescription as f, CardFooter as l, CardHeader as w, CardTitle as u } from "../ui/card.js";
+import { cn as t } from "../../lib/utils.js";
+function C({ className: r, hoverable: o = !1, ...a }) {
+  return /* @__PURE__ */ e(
+    d,
+    {
+      className: t(
+        "rounded-md border-none shadow-[var(--shadow-border),var(--elevation-2)]!",
+        o && "transition-shadow hover:shadow-[var(--shadow-border-hover),var(--elevation-3)]!",
+        r
+      ),
+      ...a
+    }
+  );
+}
+export {
+  C as Card,
+  p as CardAction,
+  c as CardContent,
+  f as CardDescription,
+  l as CardFooter,
+  w as CardHeader,
+  u as CardTitle
+};
+//# sourceMappingURL=card.js.map

package/dist/components/primitives/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../../src/components/primitives/card.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n  Card as UICard,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\";\nimport { cn } from \"@/lib/utils\";\n\ntype CardProps = React.ComponentProps<typeof UICard> & {\n  /**\n   * Lift the card on hover: ramps the shadow stack from elevation-2 to\n   * elevation-3 and firms up the border ring (`--shadow-border-hover`).\n   * Off by default — opt in per instance.\n   */\n  hoverable?: boolean;\n};\n\nfunction Card({ className, hoverable = false, ...props }: CardProps) {\n  return (\n    <UICard\n      className={cn(\n        \"rounded-md border-none shadow-[var(--shadow-border),var(--elevation-2)]!\",\n        hoverable &&\n          \"transition-shadow hover:shadow-[var(--shadow-border-hover),var(--elevation-3)]!\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n};\nexport type { CardProps };\n"],"names":["Card","className","hoverable","props","jsx","UICard","cn"],"mappings":";;;;;;AAsBA,SAASA,EAAK,EAAE,WAAAC,GAAW,WAAAC,IAAY,IAAO,GAAGC,KAAoB;AACnE,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ,KACE;AAAA,QACFD;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/primitives/checkbox.d.ts

@@ -0,0 +1,7 @@
+import { Checkbox as CheckboxPrimitive } from 'radix-ui';
+import * as React from "react";
+type CheckboxProps = React.ComponentProps<typeof CheckboxPrimitive.Root>;
+declare function Checkbox({ className, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };
+export type { CheckboxProps };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/primitives/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAKxD,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAMxE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAoCvD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA;AACnB,YAAY,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/primitives/checkbox.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import "react";
+import { Checkbox as a } from "radix-ui";
+import { CheckIcon as n, MinusIcon as d } from "lucide-react";
+import { cn as o } from "../../lib/utils.js";
+function u({ className: t, ...r }) {
+  return /* @__PURE__ */ i(
+    a.Root,
+    {
+      "data-slot": "checkbox",
+      className: o(
+        // Base surface (mirrors ui/checkbox), tuned: 4.5 size, no border-radius shadow, larger hit area.
+        "peer border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive relative size-4.5 shrink-0 rounded-[4px] border shadow-none transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "after:absolute after:top-1/2 after:left-1/2 after:size-7 after:-translate-x-1/2 after:-translate-y-1/2 after:content-['']",
+        // Filled look, shared by checked + indeterminate. The `dark:` variants are
+        // required: the base carries `dark:bg-input/30`, and in dark mode Tailwind
+        // emits `dark:*` after plain `data-[state]:*`, so without a dark-scoped
+        // checked bg the input wash wins the cascade and the fill reads near-black
+        // (only visible in flat mode — gradient/tactile paint a bg-image overlay on
+        // top that hides it). Mirrors shadcn's own `ui/checkbox` dark override.
+        "bg-blend-normal data-[state=checked]:bg-primary dark:data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:bg-[image:var(--surface-filled-primary-overlay)] data-[state=checked]:border-none data-[state=checked]:shadow-(--surface-shadow-primary-sm)",
+        "data-[state=indeterminate]:bg-primary dark:data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]:bg-[image:var(--surface-filled-primary-overlay)] data-[state=indeterminate]:border-none data-[state=indeterminate]:shadow-(--surface-shadow-primary-sm)",
+        t
+      ),
+      ...r,
+      children: [
+        /* @__PURE__ */ e(
+          a.Indicator,
+          {
+            "data-slot": "checkbox-indicator",
+            className: "absolute inset-0 grid place-content-center text-current transition-none data-[state=indeterminate]:hidden",
+            children: /* @__PURE__ */ e(n, { className: "size-4 stroke-[3]" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          a.Indicator,
+          {
+            "data-slot": "checkbox-indicator-indeterminate",
+            className: "absolute inset-0 hidden place-content-center text-current transition-none data-[state=indeterminate]:grid",
+            children: /* @__PURE__ */ e(d, { className: "size-4 stroke-[3]" })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  u as Checkbox
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/components/primitives/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../src/components/primitives/checkbox.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport { CheckIcon, MinusIcon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype CheckboxProps = React.ComponentProps<typeof CheckboxPrimitive.Root>\n\n// Reimplements the shadcn `ui/checkbox` Root so the primitive can render two\n// indicators — a check for `checked` and a dash for `indeterminate` — using\n// Lucide icons. Wrapping `ui/` can't do this: its hardcoded JSX Indicator\n// overrides any children passed through props.\nfunction Checkbox({ className, ...props }: CheckboxProps) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        // Base surface (mirrors ui/checkbox), tuned: 4.5 size, no border-radius shadow, larger hit area.\n        \"peer border-input dark:bg-input/30 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive relative size-4.5 shrink-0 rounded-[4px] border shadow-none transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        \"after:absolute after:top-1/2 after:left-1/2 after:size-7 after:-translate-x-1/2 after:-translate-y-1/2 after:content-['']\",\n        // Filled look, shared by checked + indeterminate. The `dark:` variants are\n        // required: the base carries `dark:bg-input/30`, and in dark mode Tailwind\n        // emits `dark:*` after plain `data-[state]:*`, so without a dark-scoped\n        // checked bg the input wash wins the cascade and the fill reads near-black\n        // (only visible in flat mode — gradient/tactile paint a bg-image overlay on\n        // top that hides it). Mirrors shadcn's own `ui/checkbox` dark override.\n        \"bg-blend-normal data-[state=checked]:bg-primary dark:data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:bg-[image:var(--surface-filled-primary-overlay)] data-[state=checked]:border-none data-[state=checked]:shadow-(--surface-shadow-primary-sm)\",\n        \"data-[state=indeterminate]:bg-primary dark:data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]:bg-[image:var(--surface-filled-primary-overlay)] data-[state=indeterminate]:border-none data-[state=indeterminate]:shadow-(--surface-shadow-primary-sm)\",\n        className\n      )}\n      {...props}\n    >\n      {/* Check glyph — checked only (Indicator also mounts for indeterminate, so hide it there). */}\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"absolute inset-0 grid place-content-center text-current transition-none data-[state=indeterminate]:hidden\"\n      >\n        <CheckIcon className=\"size-4 stroke-[3]\" />\n      </CheckboxPrimitive.Indicator>\n      {/* Dash glyph — indeterminate only. */}\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator-indeterminate\"\n        className=\"absolute inset-0 hidden place-content-center text-current transition-none data-[state=indeterminate]:grid\"\n      >\n        <MinusIcon className=\"size-4 stroke-[3]\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\nexport type { CheckboxProps }\n"],"names":["Checkbox","className","props","jsxs","CheckboxPrimitive","cn","jsx","CheckIcon","MinusIcon"],"mappings":";;;;;;AAYA,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAAwB;AACxD,SACE,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA;AAAA,QAET;AAAA,QACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACF,EAAkB;AAAA,UAAlB;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAEV,UAAA,gBAAAE,EAACC,GAAA,EAAU,WAAU,oBAAA,CAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,QAG3C,gBAAAD;AAAA,UAACF,EAAkB;AAAA,UAAlB;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAEV,UAAA,gBAAAE,EAACE,GAAA,EAAU,WAAU,oBAAA,CAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3C;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/primitives/color-picker.d.ts

@@ -0,0 +1,23 @@
+type ColorPickerFormulaOption = {
+    value: string;
+    label: string;
+};
+type ColorPickerProps = {
+    value: string;
+    onChange: (hex: string) => void;
+    disabled?: boolean;
+    "aria-label"?: string;
+    className?: string;
+    formula?: string;
+    onFormulaChange?: (value: string) => void;
+    formulaOptions?: ColorPickerFormulaOption[];
+    formulaLabel?: string;
+    hueShift?: string;
+    onHueShiftChange?: (value: string) => void;
+    hueShiftOptions?: ColorPickerFormulaOption[];
+    hueShiftLabel?: string;
+};
+declare function ColorPicker({ value, onChange, disabled, className, "aria-label": ariaLabel, formula, onFormulaChange, formulaOptions, formulaLabel, hueShift, onHueShiftChange, hueShiftOptions, hueShiftLabel, }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+export { ColorPicker };
+export type { ColorPickerProps, ColorPickerFormulaOption };
+//# sourceMappingURL=color-picker.d.ts.map

package/dist/components/primitives/color-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/color-picker.tsx"],"names":[],"mappings":"AA6BA,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,cAAc,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,eAAe,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAA0B,EACxC,OAAO,EACP,eAAe,EACf,cAAc,EACd,YAA8B,EAC9B,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,aAA2B,GAC5B,EAAE,gBAAgB,2CA8GlB;AAED,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/components/primitives/color-picker.js

@@ -0,0 +1,128 @@
+"use client";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import * as p from "react";
+import { HexColorPicker as V } from "react-colorful";
+import { Input as E } from "./input.js";
+import { Popover as S, PopoverTrigger as j, PopoverContent as B } from "../ui/popover.js";
+import { Select as g, SelectTrigger as x, SelectValue as b, SelectContent as v, SelectItem as C } from "../ui/select.js";
+import { cn as R } from "../../lib/utils.js";
+const $ = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
+function N(l) {
+  const t = l.trim();
+  return t.startsWith("#") ? t : `#${t}`;
+}
+function w(l) {
+  return $.test(l);
+}
+function q({
+  value: l,
+  onChange: t,
+  disabled: k,
+  className: y,
+  "aria-label": z = "Pick a color",
+  formula: H,
+  onFormulaChange: s,
+  formulaOptions: n,
+  formulaLabel: c = "Shade formula",
+  hueShift: P,
+  onHueShiftChange: d,
+  hueShiftOptions: i,
+  hueShiftLabel: u = "Hue shift"
+}) {
+  const [m, o] = p.useState(l);
+  p.useEffect(() => {
+    o(l);
+  }, [l]);
+  function I(e) {
+    const f = e.target.value;
+    o(f);
+    const h = N(f);
+    w(h) && t(h.toLowerCase());
+  }
+  function T() {
+    const e = N(m);
+    w(e) ? o(e.toLowerCase()) : o(l);
+  }
+  return /* @__PURE__ */ a(S, { children: [
+    /* @__PURE__ */ r(j, { asChild: !0, children: /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        disabled: k,
+        "aria-label": z,
+        className: R(
+          "size-9 shrink-0 rounded-md border border-input shadow-(--elevation-1) outline-none transition-colors",
+          "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          y
+        ),
+        style: { backgroundColor: l }
+      }
+    ) }),
+    /* @__PURE__ */ a(
+      B,
+      {
+        align: "end",
+        sideOffset: 8,
+        className: "w-auto space-y-3 p-3",
+        children: [
+          /* @__PURE__ */ r(
+            V,
+            {
+              color: l,
+              onChange: (e) => t(e.toLowerCase()),
+              style: { width: "200px", height: "200px" }
+            }
+          ),
+          /* @__PURE__ */ r(
+            E,
+            {
+              value: m,
+              onChange: I,
+              onBlur: T,
+              spellCheck: !1,
+              autoCapitalize: "none",
+              autoCorrect: "off",
+              className: "font-mono text-sm",
+              "aria-label": "Hex color"
+            }
+          ),
+          n && n.length > 0 && s && /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ r("p", { className: "text-xs font-medium text-muted-foreground", children: c }),
+            /* @__PURE__ */ a(g, { value: H, onValueChange: s, children: [
+              /* @__PURE__ */ r(
+                x,
+                {
+                  size: "sm",
+                  "aria-label": c,
+                  className: "w-full",
+                  children: /* @__PURE__ */ r(b, {})
+                }
+              ),
+              /* @__PURE__ */ r(v, { children: n.map((e) => /* @__PURE__ */ r(C, { value: e.value, children: e.label }, e.value)) })
+            ] })
+          ] }),
+          i && i.length > 0 && d && /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ r("p", { className: "text-xs font-medium text-muted-foreground", children: u }),
+            /* @__PURE__ */ a(g, { value: P, onValueChange: d, children: [
+              /* @__PURE__ */ r(
+                x,
+                {
+                  size: "sm",
+                  "aria-label": u,
+                  className: "w-full",
+                  children: /* @__PURE__ */ r(b, {})
+                }
+              ),
+              /* @__PURE__ */ r(v, { children: i.map((e) => /* @__PURE__ */ r(C, { value: e.value, children: e.label }, e.value)) })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  q as ColorPicker
+};
+//# sourceMappingURL=color-picker.js.map

package/dist/components/primitives/color-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.js","sources":["../../../src/components/primitives/color-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { HexColorPicker } from \"react-colorful\"\n\nimport { Input } from \"@/components/primitives/input\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/ui/popover\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\"\nimport { cn } from \"@/lib/utils\"\n\nconst HEX_PATTERN = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i\n\nfunction normalizeHex(value: string): string {\n  const trimmed = value.trim()\n  return trimmed.startsWith(\"#\") ? trimmed : `#${trimmed}`\n}\n\nfunction isValidHex(value: string): boolean {\n  return HEX_PATTERN.test(value)\n}\n\ntype ColorPickerFormulaOption = {\n  value: string\n  label: string\n}\n\ntype ColorPickerProps = {\n  value: string\n  onChange: (hex: string) => void\n  disabled?: boolean\n  \"aria-label\"?: string\n  className?: string\n  formula?: string\n  onFormulaChange?: (value: string) => void\n  formulaOptions?: ColorPickerFormulaOption[]\n  formulaLabel?: string\n  hueShift?: string\n  onHueShiftChange?: (value: string) => void\n  hueShiftOptions?: ColorPickerFormulaOption[]\n  hueShiftLabel?: string\n}\n\nfunction ColorPicker({\n  value,\n  onChange,\n  disabled,\n  className,\n  \"aria-label\": ariaLabel = \"Pick a color\",\n  formula,\n  onFormulaChange,\n  formulaOptions,\n  formulaLabel = \"Shade formula\",\n  hueShift,\n  onHueShiftChange,\n  hueShiftOptions,\n  hueShiftLabel = \"Hue shift\",\n}: ColorPickerProps) {\n  const [draft, setDraft] = React.useState(value)\n\n  React.useEffect(() => {\n    setDraft(value)\n  }, [value])\n\n  function handleHexInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const next = event.target.value\n    setDraft(next)\n    const normalized = normalizeHex(next)\n    if (isValidHex(normalized)) {\n      onChange(normalized.toLowerCase())\n    }\n  }\n\n  function handleHexInputBlur() {\n    const normalized = normalizeHex(draft)\n    if (isValidHex(normalized)) {\n      setDraft(normalized.toLowerCase())\n    } else {\n      setDraft(value)\n    }\n  }\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          disabled={disabled}\n          aria-label={ariaLabel}\n          className={cn(\n            \"size-9 shrink-0 rounded-md border border-input shadow-(--elevation-1) outline-none transition-colors\",\n            \"focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background\",\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n            className\n          )}\n          style={{ backgroundColor: value }}\n        />\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        sideOffset={8}\n        className=\"w-auto space-y-3 p-3\"\n      >\n        <HexColorPicker\n          color={value}\n          onChange={(next) => onChange(next.toLowerCase())}\n          style={{ width: \"200px\", height: \"200px\" }}\n        />\n        <Input\n          value={draft}\n          onChange={handleHexInputChange}\n          onBlur={handleHexInputBlur}\n          spellCheck={false}\n          autoCapitalize=\"none\"\n          autoCorrect=\"off\"\n          className=\"font-mono text-sm\"\n          aria-label=\"Hex color\"\n        />\n        {formulaOptions && formulaOptions.length > 0 && onFormulaChange && (\n          <div className=\"space-y-1.5\">\n            <p className=\"text-xs font-medium text-muted-foreground\">\n              {formulaLabel}\n            </p>\n            <Select value={formula} onValueChange={onFormulaChange}>\n              <SelectTrigger\n                size=\"sm\"\n                aria-label={formulaLabel}\n                className=\"w-full\"\n              >\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {formulaOptions.map((option) => (\n                  <SelectItem key={option.value} value={option.value}>\n                    {option.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        )}\n        {hueShiftOptions && hueShiftOptions.length > 0 && onHueShiftChange && (\n          <div className=\"space-y-1.5\">\n            <p className=\"text-xs font-medium text-muted-foreground\">\n              {hueShiftLabel}\n            </p>\n            <Select value={hueShift} onValueChange={onHueShiftChange}>\n              <SelectTrigger\n                size=\"sm\"\n                aria-label={hueShiftLabel}\n                className=\"w-full\"\n              >\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {hueShiftOptions.map((option) => (\n                  <SelectItem key={option.value} value={option.value}>\n                    {option.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { ColorPicker }\nexport type { ColorPickerProps, ColorPickerFormulaOption }\n"],"names":["HEX_PATTERN","normalizeHex","value","trimmed","isValidHex","ColorPicker","onChange","disabled","className","ariaLabel","formula","onFormulaChange","formulaOptions","formulaLabel","hueShift","onHueShiftChange","hueShiftOptions","hueShiftLabel","draft","setDraft","React","handleHexInputChange","event","next","normalized","handleHexInputBlur","Popover","jsx","PopoverTrigger","cn","jsxs","PopoverContent","HexColorPicker","Input","Select","SelectTrigger","SelectValue","SelectContent","option","SelectItem"],"mappings":"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"}

package/dist/components/primitives/combobox.d.ts

@@ -0,0 +1,17 @@
+import { Combobox as ComboboxPrimitive } from '@base-ui/react';
+import { Combobox as UICombobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent as UIComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxItem, ComboboxLabel, ComboboxList as UIComboboxList, ComboboxSeparator, ComboboxTrigger as UIComboboxTrigger, ComboboxValue, useComboboxAnchor } from '../ui/combobox';
+import * as React from "react";
+type ComboboxProps = React.ComponentProps<typeof UICombobox>;
+type ComboboxContentProps = React.ComponentProps<typeof UIComboboxContent>;
+type ComboboxListProps = React.ComponentProps<typeof UIComboboxList>;
+type ComboboxInputProps = ComboboxPrimitive.Input.Props & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+};
+declare function Combobox({ ...props }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxInputProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxContent({ className, ...props }: ComboboxContentProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxList({ className, ...props }: ComboboxListProps): import("react/jsx-runtime").JSX.Element;
+export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, UIComboboxTrigger as ComboboxTrigger, ComboboxValue, useComboboxAnchor, };
+export type { ComboboxProps, ComboboxInputProps };
+//# sourceMappingURL=combobox.d.ts.map

package/dist/components/primitives/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAG9D,OAAO,EACL,QAAQ,IAAI,UAAU,EACtB,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,IAAI,iBAAiB,EACpC,aAAa,EACb,aAAa,EACb,YAAY,EACZ,aAAa,EACb,YAAY,IAAI,cAAc,EAC9B,iBAAiB,EACjB,eAAe,IAAI,iBAAiB,EACpC,aAAa,EACb,iBAAiB,EAClB,MAAM,0BAA0B,CAAA;AAKjC,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;AAC5D,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAC1E,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAA;AACpE,KAAK,kBAAkB,GAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,GAAG;IACxD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,iBAAS,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAE5C;AAeD,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAkB,EAClB,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA6BpB;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAerE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAE/D;AAED,OAAO,EACL,QAAQ,EACR,aAAa,EACb,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,IAAI,eAAe,EACpC,aAAa,EACb,iBAAiB,GAClB,CAAA;AACD,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/primitives/combobox.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import "react";
+import { Combobox as m } from "@base-ui/react";
+import { XIcon as p } from "lucide-react";
+import { Combobox as C, ComboboxContent as x, ComboboxTrigger as l, ComboboxList as c } from "../ui/combobox.js";
+import { ComboboxChip as T, ComboboxChips as V, ComboboxChipsInput as X, ComboboxCollection as k, ComboboxEmpty as q, ComboboxGroup as D, ComboboxItem as F, ComboboxLabel as H, ComboboxSeparator as J, ComboboxValue as K, useComboboxAnchor as M } from "../ui/combobox.js";
+import { InputGroup as d, InputGroupAddon as f } from "./input-group.js";
+import { InputGroupInput as h, InputGroupButton as a } from "../ui/input-group.js";
+import { cn as b } from "../../lib/utils.js";
+function z({ ...t }) {
+  return /* @__PURE__ */ o(C, { ...t });
+}
+function g({ className: t, ...r }) {
+  return /* @__PURE__ */ o(
+    m.Clear,
+    {
+      "data-slot": "combobox-clear",
+      render: /* @__PURE__ */ o(a, { variant: "ghost", size: "icon-xs" }),
+      className: b(t),
+      ...r,
+      children: /* @__PURE__ */ o(p, { className: "pointer-events-none" })
+    }
+  );
+}
+function A({
+  className: t,
+  children: r,
+  disabled: n,
+  showTrigger: s = !0,
+  showClear: u = !1,
+  ...i
+}) {
+  return /* @__PURE__ */ e(
+    d,
+    {
+      className: b("w-full", t),
+      "data-disabled": n ? "true" : void 0,
+      children: [
+        /* @__PURE__ */ o(
+          m.Input,
+          {
+            ...i,
+            disabled: n,
+            render: /* @__PURE__ */ o(h, {})
+          }
+        ),
+        /* @__PURE__ */ e(f, { align: "inline-end", children: [
+          s && /* @__PURE__ */ o(
+            a,
+            {
+              size: "icon-xs",
+              variant: "ghost",
+              asChild: !0,
+              "data-slot": "input-group-button",
+              className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
+              disabled: n,
+              children: /* @__PURE__ */ o(l, {})
+            }
+          ),
+          u && /* @__PURE__ */ o(g, { disabled: n })
+        ] }),
+        r
+      ]
+    }
+  );
+}
+function y({ className: t, ...r }) {
+  return /* @__PURE__ */ o(
+    x,
+    {
+      className: b(
+        // An in-popup search field (a child input-group): tint with the neutral
+        // state-rest wash instead of the ui default bg-input/30 (keeps it on the
+        // state layer, foreground-relative), and force w-auto so it sits inside
+        // the popup's m-1 margin instead of overflowing the clipped (overflow-
+        // hidden) popup — the primitive ComboboxInput is w-full for standalone use.
+        "rounded-[min(var(--radius),16px)] *:data-[slot=input-group]:bg-state-rest *:data-[slot=input-group]:w-auto",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function B({ className: t, ...r }) {
+  return /* @__PURE__ */ o(c, { className: b(t), ...r });
+}
+export {
+  z as Combobox,
+  T as ComboboxChip,
+  V as ComboboxChips,
+  X as ComboboxChipsInput,
+  k as ComboboxCollection,
+  y as ComboboxContent,
+  q as ComboboxEmpty,
+  D as ComboboxGroup,
+  A as ComboboxInput,
+  F as ComboboxItem,
+  H as ComboboxLabel,
+  B as ComboboxList,
+  J as ComboboxSeparator,
+  l as ComboboxTrigger,
+  K as ComboboxValue,
+  M as useComboboxAnchor
+};
+//# sourceMappingURL=combobox.js.map

package/dist/components/primitives/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sources":["../../../src/components/primitives/combobox.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\nimport { XIcon } from \"lucide-react\"\n\nimport {\n  Combobox as UICombobox,\n  ComboboxChip,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxCollection,\n  ComboboxContent as UIComboboxContent,\n  ComboboxEmpty,\n  ComboboxGroup,\n  ComboboxItem,\n  ComboboxLabel,\n  ComboboxList as UIComboboxList,\n  ComboboxSeparator,\n  ComboboxTrigger as UIComboboxTrigger,\n  ComboboxValue,\n  useComboboxAnchor,\n} from \"@/components/ui/combobox\"\nimport { InputGroup, InputGroupAddon } from \"@/components/primitives/input-group\"\nimport { InputGroupButton, InputGroupInput } from \"@/components/ui/input-group\"\nimport { cn } from \"@/lib/utils\"\n\ntype ComboboxProps = React.ComponentProps<typeof UICombobox>\ntype ComboboxContentProps = React.ComponentProps<typeof UIComboboxContent>\ntype ComboboxListProps = React.ComponentProps<typeof UIComboboxList>\ntype ComboboxInputProps = ComboboxPrimitive.Input.Props & {\n  showTrigger?: boolean\n  showClear?: boolean\n}\n\nfunction Combobox({ ...props }: ComboboxProps) {\n  return <UICombobox {...props} />\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n  return (\n    <ComboboxPrimitive.Clear\n      data-slot=\"combobox-clear\"\n      render={<InputGroupButton variant=\"ghost\" size=\"icon-xs\" />}\n      className={cn(className)}\n      {...props}\n    >\n      <XIcon className=\"pointer-events-none\" />\n    </ComboboxPrimitive.Clear>\n  )\n}\n\nfunction ComboboxInput({\n  className,\n  children,\n  disabled,\n  showTrigger = true,\n  showClear = false,\n  ...props\n}: ComboboxInputProps) {\n  return (\n    <InputGroup\n      className={cn(\"w-full\", className)}\n      data-disabled={disabled ? \"true\" : undefined}\n    >\n      <ComboboxPrimitive.Input\n        {...props}\n        disabled={disabled}\n        render={<InputGroupInput />}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        {showTrigger && (\n          <InputGroupButton\n            size=\"icon-xs\"\n            variant=\"ghost\"\n            asChild\n            data-slot=\"input-group-button\"\n            className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n            disabled={disabled}\n          >\n            <UIComboboxTrigger />\n          </InputGroupButton>\n        )}\n        {showClear && <ComboboxClear disabled={disabled} />}\n      </InputGroupAddon>\n      {children}\n    </InputGroup>\n  )\n}\n\nfunction ComboboxContent({ className, ...props }: ComboboxContentProps) {\n  return (\n    <UIComboboxContent\n      className={cn(\n        // An in-popup search field (a child input-group): tint with the neutral\n        // state-rest wash instead of the ui default bg-input/30 (keeps it on the\n        // state layer, foreground-relative), and force w-auto so it sits inside\n        // the popup's m-1 margin instead of overflowing the clipped (overflow-\n        // hidden) popup — the primitive ComboboxInput is w-full for standalone use.\n        \"rounded-[min(var(--radius),16px)] *:data-[slot=input-group]:bg-state-rest *:data-[slot=input-group]:w-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxListProps) {\n  return <UIComboboxList className={cn(className)} {...props} />\n}\n\nexport {\n  Combobox,\n  ComboboxInput,\n  ComboboxContent,\n  ComboboxList,\n  ComboboxItem,\n  ComboboxGroup,\n  ComboboxLabel,\n  ComboboxCollection,\n  ComboboxEmpty,\n  ComboboxSeparator,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipsInput,\n  UIComboboxTrigger as ComboboxTrigger,\n  ComboboxValue,\n  useComboboxAnchor,\n}\nexport type { ComboboxProps, ComboboxInputProps }\n"],"names":["Combobox","props","jsx","UICombobox","ComboboxClear","className","ComboboxPrimitive","InputGroupButton","cn","XIcon","ComboboxInput","children","disabled","showTrigger","showClear","jsxs","InputGroup","InputGroupInput","InputGroupAddon","UIComboboxTrigger","ComboboxContent","UIComboboxContent","ComboboxList","UIComboboxList"],"mappings":";;;;;;;;;;AAiCA,SAASA,EAAS,EAAE,GAAGC,KAAwB;AAC7C,SAAO,gBAAAC,EAACC,GAAA,EAAY,GAAGF,EAAA,CAAO;AAChC;AAEA,SAASG,EAAc,EAAE,WAAAC,GAAW,GAAGJ,KAAwC;AAC7E,SACE,gBAAAC;AAAA,IAACI,EAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,QAAQ,gBAAAJ,EAACK,GAAA,EAAiB,SAAQ,SAAQ,MAAK,WAAU;AAAA,MACzD,WAAWC,EAAGH,CAAS;AAAA,MACtB,GAAGJ;AAAA,MAEJ,UAAA,gBAAAC,EAACO,GAAA,EAAM,WAAU,sBAAA,CAAsB;AAAA,IAAA;AAAA,EAAA;AAG7C;AAEA,SAASC,EAAc;AAAA,EACrB,WAAAL;AAAA,EACA,UAAAM;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,GAAGb;AACL,GAAuB;AACrB,SACE,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWR,EAAG,UAAUH,CAAS;AAAA,MACjC,iBAAeO,IAAW,SAAS;AAAA,MAEnC,UAAA;AAAA,QAAA,gBAAAV;AAAA,UAACI,EAAkB;AAAA,UAAlB;AAAA,YACE,GAAGL;AAAA,YACJ,UAAAW;AAAA,YACA,0BAASK,GAAA,CAAA,CAAgB;AAAA,UAAA;AAAA,QAAA;AAAA,QAE3B,gBAAAF,EAACG,GAAA,EAAgB,OAAM,cACpB,UAAA;AAAA,UAAAL,KACC,gBAAAX;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,SAAO;AAAA,cACP,aAAU;AAAA,cACV,WAAU;AAAA,cACV,UAAAK;AAAA,cAEA,4BAACO,GAAA,CAAA,CAAkB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGtBL,KAAa,gBAAAZ,EAACE,GAAA,EAAc,UAAAQ,EAAA,CAAoB;AAAA,QAAA,GACnD;AAAA,QACCD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAASS,EAAgB,EAAE,WAAAf,GAAW,GAAGJ,KAA+B;AACtE,SACE,gBAAAC;AAAA,IAACmB;AAAAA,IAAA;AAAA,MACC,WAAWb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGJ;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASqB,EAAa,EAAE,WAAAjB,GAAW,GAAGJ,KAA4B;AAChE,2BAAQsB,GAAA,EAAe,WAAWf,EAAGH,CAAS,GAAI,GAAGJ,GAAO;AAC9D;"}

package/dist/components/primitives/date-picker.d.ts

@@ -0,0 +1,21 @@
+import { InputGroup } from './input-group';
+import { PopoverContent } from '../ui/popover';
+import * as React from "react";
+type DatePickerTriggerProps = React.ComponentProps<typeof InputGroup> & {
+    value: string;
+    placeholder: string;
+    disabled?: boolean;
+};
+declare function DatePickerTrigger({ value, placeholder, disabled, className, ...props }: DatePickerTriggerProps): import("react/jsx-runtime").JSX.Element;
+type DatePickerProps = {
+    value?: Date;
+    onValueChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    align?: React.ComponentProps<typeof PopoverContent>["align"];
+};
+declare function DatePicker({ value, onValueChange, placeholder, disabled, className, align, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export { DatePicker, DatePickerTrigger };
+export type { DatePickerProps, DatePickerTriggerProps };
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/components/primitives/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EACL,UAAU,EAEX,MAAM,qCAAqC,CAAA;AAE5C,OAAO,EAEL,cAAc,EAEf,MAAM,yBAAyB,CAAA;AAGhC,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IACtE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAuBxB;AAED,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAChD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,OAAO,CAAC,CAAA;CAC7D,CAAA;AAED,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,aAAa,EACb,WAA2B,EAC3B,QAAQ,EACR,SAAS,EACT,KAAe,GAChB,EAAE,eAAe,2CA2BjB;AAED,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAA;AACxC,YAAY,EAAE,eAAe,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/components/primitives/date-picker.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import * as u from "react";
+import { CalendarIcon as l } from "lucide-react";
+import { format as d } from "date-fns";
+import { Calendar as f } from "./calendar.js";
+import { InputGroup as P, InputGroupAddon as h } from "./input-group.js";
+import { InputGroupInput as g } from "../ui/input-group.js";
+import { Popover as I, PopoverTrigger as x, PopoverContent as C } from "../ui/popover.js";
+import { cn as k } from "../../lib/utils.js";
+function v({
+  value: e,
+  placeholder: t,
+  disabled: o,
+  className: n,
+  ...i
+}) {
+  return /* @__PURE__ */ p(
+    P,
+    {
+      "data-disabled": o ? "true" : void 0,
+      className: k(
+        "w-[240px] cursor-pointer",
+        o && "pointer-events-none opacity-50",
+        n
+      ),
+      ...i,
+      children: [
+        /* @__PURE__ */ r(h, { align: "inline-start", children: /* @__PURE__ */ r(l, {}) }),
+        /* @__PURE__ */ r(
+          g,
+          {
+            readOnly: !0,
+            tabIndex: -1,
+            value: e,
+            placeholder: t,
+            className: "cursor-pointer"
+          }
+        )
+      ]
+    }
+  );
+}
+function T({
+  value: e,
+  onValueChange: t,
+  placeholder: o = "Pick a date",
+  disabled: n,
+  className: i,
+  align: s = "start"
+}) {
+  const [c, a] = u.useState(!1);
+  return /* @__PURE__ */ p(I, { open: c, onOpenChange: a, children: [
+    /* @__PURE__ */ r(x, { asChild: !0, children: /* @__PURE__ */ r(
+      v,
+      {
+        value: e ? d(e, "PPP") : "",
+        placeholder: o,
+        disabled: n,
+        className: i
+      }
+    ) }),
+    /* @__PURE__ */ r(C, { className: "w-auto p-0", align: s, children: /* @__PURE__ */ r(
+      f,
+      {
+        mode: "single",
+        selected: e,
+        onSelect: (m) => {
+          t?.(m), a(!1);
+        },
+        defaultMonth: e,
+        autoFocus: !0
+      }
+    ) })
+  ] });
+}
+export {
+  T as DatePicker,
+  v as DatePickerTrigger
+};
+//# sourceMappingURL=date-picker.js.map

package/dist/components/primitives/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sources":["../../../src/components/primitives/date-picker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { CalendarIcon } from \"lucide-react\"\nimport { format } from \"date-fns\"\n\nimport { Calendar } from \"@/components/primitives/calendar\"\nimport {\n  InputGroup,\n  InputGroupAddon,\n} from \"@/components/primitives/input-group\"\nimport { InputGroupInput } from \"@/components/ui/input-group\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/ui/popover\"\nimport { cn } from \"@/lib/utils\"\n\ntype DatePickerTriggerProps = React.ComponentProps<typeof InputGroup> & {\n  value: string\n  placeholder: string\n  disabled?: boolean\n}\n\nfunction DatePickerTrigger({\n  value,\n  placeholder,\n  disabled,\n  className,\n  ...props\n}: DatePickerTriggerProps) {\n  return (\n    <InputGroup\n      data-disabled={disabled ? \"true\" : undefined}\n      className={cn(\n        \"w-[240px] cursor-pointer\",\n        disabled && \"pointer-events-none opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <InputGroupAddon align=\"inline-start\">\n        <CalendarIcon />\n      </InputGroupAddon>\n      <InputGroupInput\n        readOnly\n        tabIndex={-1}\n        value={value}\n        placeholder={placeholder}\n        className=\"cursor-pointer\"\n      />\n    </InputGroup>\n  )\n}\n\ntype DatePickerProps = {\n  value?: Date\n  onValueChange?: (date: Date | undefined) => void\n  placeholder?: string\n  disabled?: boolean\n  className?: string\n  align?: React.ComponentProps<typeof PopoverContent>[\"align\"]\n}\n\nfunction DatePicker({\n  value,\n  onValueChange,\n  placeholder = \"Pick a date\",\n  disabled,\n  className,\n  align = \"start\",\n}: DatePickerProps) {\n  const [open, setOpen] = React.useState(false)\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <DatePickerTrigger\n          value={value ? format(value, \"PPP\") : \"\"}\n          placeholder={placeholder}\n          disabled={disabled}\n          className={className}\n        />\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align={align}>\n        <Calendar\n          mode=\"single\"\n          selected={value}\n          onSelect={(next) => {\n            onValueChange?.(next)\n            setOpen(false)\n          }}\n          defaultMonth={value}\n          autoFocus\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { DatePicker, DatePickerTrigger }\nexport type { DatePickerProps, DatePickerTriggerProps }\n"],"names":["DatePickerTrigger","value","placeholder","disabled","className","props","jsxs","InputGroup","cn","jsx","InputGroupAddon","CalendarIcon","InputGroupInput","DatePicker","onValueChange","align","open","setOpen","React","Popover","PopoverTrigger","format","PopoverContent","Calendar","next"],"mappings":";;;;;;;;;;AAuBA,SAASA,EAAkB;AAAA,EACzB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAA2B;AACzB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,iBAAeJ,IAAW,SAAS;AAAA,MACnC,WAAWK;AAAA,QACT;AAAA,QACAL,KAAY;AAAA,QACZC;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAACC,GAAA,EAAgB,OAAM,gBACrB,UAAA,gBAAAD,EAACE,KAAa,GAChB;AAAA,QACA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,UAAQ;AAAA,YACR,UAAU;AAAA,YACV,OAAAX;AAAA,YACA,aAAAC;AAAA,YACA,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGN;AAWA,SAASW,EAAW;AAAA,EAClB,OAAAZ;AAAA,EACA,eAAAa;AAAA,EACA,aAAAZ,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAW,IAAQ;AACV,GAAoB;AAClB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK;AAE5C,SACE,gBAAAZ,EAACa,GAAA,EAAQ,MAAAH,GAAY,cAAcC,GACjC,UAAA;AAAA,IAAA,gBAAAR,EAACW,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAX;AAAA,MAACT;AAAA,MAAA;AAAA,QACC,OAAOC,IAAQoB,EAAOpB,GAAO,KAAK,IAAI;AAAA,QACtC,aAAAC;AAAA,QACA,UAAAC;AAAA,QACA,WAAAC;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAK,EAACa,GAAA,EAAe,WAAU,cAAa,OAAAP,GACrC,UAAA,gBAAAN;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAUtB;AAAA,QACV,UAAU,CAACuB,MAAS;AAClB,UAAAV,IAAgBU,CAAI,GACpBP,EAAQ,EAAK;AAAA,QACf;AAAA,QACA,cAAchB;AAAA,QACd,WAAS;AAAA,MAAA;AAAA,IAAA,EACX,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/primitives/date-range-picker.d.ts

@@ -0,0 +1,16 @@
+import { DateRange } from 'react-day-picker';
+import { PopoverContent } from '../ui/popover';
+import * as React from "react";
+type DateRangePickerProps = {
+    value?: DateRange;
+    onValueChange?: (range: DateRange | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    align?: React.ComponentProps<typeof PopoverContent>["align"];
+    numberOfMonths?: number;
+};
+declare function DateRangePicker({ value, onValueChange, placeholder, disabled, className, align, numberOfMonths, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export { DateRangePicker };
+export type { DateRangePickerProps };
+//# sourceMappingURL=date-range-picker.d.ts.map

package/dist/components/primitives/date-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/date-range-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,EAEL,cAAc,EAEf,MAAM,yBAAyB,CAAA;AAEhC,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,OAAO,CAAC,CAAA;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAQD,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,aAAa,EACb,WAAiC,EACjC,QAAQ,EACR,SAAS,EACT,KAAe,EACf,cAAkB,GACnB,EAAE,oBAAoB,2CAgCtB;AAED,OAAO,EAAE,eAAe,EAAE,CAAA;AAC1B,YAAY,EAAE,oBAAoB,EAAE,CAAA"}