docthub-core-components 2.99.2 → 3.1.0

package/dist/components/ui/breadcrumb.js

@@ -0,0 +1,117 @@
+"use client";
+import { jsx as m, jsxs as N } from "react/jsx-runtime";
+import { c as d } from "react-compiler-runtime";
+import { ChevronRight as b, MoreHorizontal as h } from "lucide-react";
+import * as f from "react";
+import { Slot as B } from "../../lib/slot.js";
+import { cn as n } from "../../lib/utils.js";
+const x = f.forwardRef((i, s) => {
+  const e = d(5);
+  let t;
+  e[0] !== i ? ({
+    ...t
+  } = i, e[0] = i, e[1] = t) : t = e[1];
+  let l;
+  return e[2] !== t || e[3] !== s ? (l = /* @__PURE__ */ m("nav", { ref: s, "aria-label": "breadcrumb", ...t }), e[2] = t, e[3] = s, e[4] = l) : l = e[4], l;
+});
+x.displayName = "Breadcrumb";
+const w = f.forwardRef((i, s) => {
+  const e = d(9);
+  let t, l;
+  e[0] !== i ? ({
+    className: t,
+    ...l
+  } = i, e[0] = i, e[1] = t, e[2] = l) : (t = e[1], l = e[2]);
+  let r;
+  e[3] !== t ? (r = n("flex flex-wrap items-center gap-1.5 break-words text-sm text-[#323333] font-semibold sm:gap-2.5", t), e[3] = t, e[4] = r) : r = e[4];
+  let a;
+  return e[5] !== l || e[6] !== s || e[7] !== r ? (a = /* @__PURE__ */ m("ol", { ref: s, className: r, ...l }), e[5] = l, e[6] = s, e[7] = r, e[8] = a) : a = e[8], a;
+});
+w.displayName = "BreadcrumbList";
+const y = f.forwardRef((i, s) => {
+  const e = d(9);
+  let t, l;
+  e[0] !== i ? ({
+    className: t,
+    ...l
+  } = i, e[0] = i, e[1] = t, e[2] = l) : (t = e[1], l = e[2]);
+  let r;
+  e[3] !== t ? (r = n("inline-flex items-center gap-1.5", t), e[3] = t, e[4] = r) : r = e[4];
+  let a;
+  return e[5] !== l || e[6] !== s || e[7] !== r ? (a = /* @__PURE__ */ m("li", { ref: s, className: r, ...l }), e[5] = l, e[6] = s, e[7] = r, e[8] = a) : a = e[8], a;
+});
+y.displayName = "BreadcrumbItem";
+const g = f.forwardRef((i, s) => {
+  const e = d(11);
+  let t, l, r;
+  e[0] !== i ? ({
+    asChild: t,
+    className: l,
+    ...r
+  } = i, e[0] = i, e[1] = t, e[2] = l, e[3] = r) : (t = e[1], l = e[2], r = e[3]);
+  const a = t ? B : "a";
+  let o;
+  e[4] !== l ? (o = n("transition-colors font-semibold text-[#323333]", l), e[4] = l, e[5] = o) : o = e[5];
+  let c;
+  return e[6] !== a || e[7] !== r || e[8] !== s || e[9] !== o ? (c = /* @__PURE__ */ m(a, { ref: s, className: o, ...r }), e[6] = a, e[7] = r, e[8] = s, e[9] = o, e[10] = c) : c = e[10], c;
+});
+g.displayName = "BreadcrumbLink";
+const R = f.forwardRef((i, s) => {
+  const e = d(9);
+  let t, l;
+  e[0] !== i ? ({
+    className: t,
+    ...l
+  } = i, e[0] = i, e[1] = t, e[2] = l) : (t = e[1], l = e[2]);
+  let r;
+  e[3] !== t ? (r = n("font-semibold text-[#323333]", t), e[3] = t, e[4] = r) : r = e[4];
+  let a;
+  return e[5] !== l || e[6] !== s || e[7] !== r ? (a = /* @__PURE__ */ m("span", { ref: s, "aria-current": "page", className: r, ...l }), e[5] = l, e[6] = s, e[7] = r, e[8] = a) : a = e[8], a;
+});
+R.displayName = "BreadcrumbPage";
+const $ = (i) => {
+  const s = d(16);
+  let e, t, l, r, a;
+  s[0] !== i ? ({
+    children: e,
+    className: t,
+    iconClassName: l,
+    strokeWidth: a,
+    ...r
+  } = i, s[0] = i, s[1] = e, s[2] = t, s[3] = l, s[4] = r, s[5] = a) : (e = s[1], t = s[2], l = s[3], r = s[4], a = s[5]);
+  const o = a === void 0 ? 2 : a;
+  let c;
+  s[6] !== t ? (c = n("[&>svg]:w-3.5 [&>svg]:h-3.5", t), s[6] = t, s[7] = c) : c = s[7];
+  let p;
+  s[8] !== e || s[9] !== l || s[10] !== o ? (p = e ?? /* @__PURE__ */ m(b, { strokeWidth: o, className: n("text-[#6E6F70]", l) }), s[8] = e, s[9] = l, s[10] = o, s[11] = p) : p = s[11];
+  let u;
+  return s[12] !== r || s[13] !== c || s[14] !== p ? (u = /* @__PURE__ */ m("li", { role: "presentation", "aria-hidden": "true", className: c, ...r, children: p }), s[12] = r, s[13] = c, s[14] = p, s[15] = u) : u = s[15], u;
+};
+$.displayName = "BreadcrumbSeparator";
+const k = (i) => {
+  const s = d(10);
+  let e, t;
+  s[0] !== i ? ({
+    className: e,
+    ...t
+  } = i, s[0] = i, s[1] = e, s[2] = t) : (e = s[1], t = s[2]);
+  let l;
+  s[3] !== e ? (l = n("flex h-9 w-9 items-center justify-center", e), s[3] = e, s[4] = l) : l = s[4];
+  let r, a;
+  s[5] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ m(h, { className: "h-4 w-4" }), a = /* @__PURE__ */ m("span", { className: "sr-only", children: "More" }), s[5] = r, s[6] = a) : (r = s[5], a = s[6]);
+  let o;
+  return s[7] !== t || s[8] !== l ? (o = /* @__PURE__ */ N("span", { role: "presentation", "aria-hidden": "true", className: l, ...t, children: [
+    r,
+    a
+  ] }), s[7] = t, s[8] = l, s[9] = o) : o = s[9], o;
+};
+k.displayName = "BreadcrumbEllipsis";
+export {
+  x as Breadcrumb,
+  k as BreadcrumbEllipsis,
+  y as BreadcrumbItem,
+  g as BreadcrumbLink,
+  w as BreadcrumbList,
+  R as BreadcrumbPage,
+  $ as BreadcrumbSeparator
+};

package/dist/components/ui/button.js

@@ -0,0 +1,223 @@
+"use client";
+import { jsx as L, jsxs as T } from "react/jsx-runtime";
+import { c as Y } from "react-compiler-runtime";
+import { cva as Z } from "class-variance-authority";
+import $ from "react";
+import { Slot as q } from "../../lib/slot.js";
+import { cn as H } from "../../lib/utils.js";
+const J = Z("inline-flex items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+  variants: {
+    variant: {
+      // High Emphasis - Filled
+      default: "bg-[#002830] text-white hover:bg-[#002830]/90 active:bg-[#002830]/80",
+      primary: "bg-[#002830] text-white hover:bg-[#002830]/90 active:bg-[#002830]/80",
+      error: "bg-[#EA4335] text-white hover:bg-[#EA4335]/90 active:bg-[#EA4335]/80",
+      success: "bg-[#00C752] text-white hover:bg-[#00C752]/90 active:bg-[#00C752]/80",
+      warning: "bg-[#FFB200] text-white hover:bg-[#FFB200]/90 active:bg-[#FFB200]/80",
+      informative: "bg-[#4389FF] text-white hover:bg-[#4389FF]/90 active:bg-[#4389FF]/80",
+      // Low Emphasis - Contained (using semantic colors)
+      secondary: "bg-[rgba(0,0,0,0.12)] text-[rgba(0,0,0,0.8)] hover:bg-[rgba(0,0,0,0.16)] active:bg-[rgba(0,0,0,0.2)] [&>span[data-testid='button-icon']_svg]:text-[rgba(0,0,0,0.8)]",
+      "secondary-error": "bg-semantic-negative/10 text-semantic-negative hover:bg-semantic-negative/15 active:bg-semantic-negative/20 [&>span[data-testid='button-icon']_svg]:text-semantic-negative",
+      "secondary-success": "bg-semantic-positive/10 text-semantic-positive hover:bg-semantic-positive/15 active:bg-semantic-positive/20 [&>span[data-testid='button-icon']_svg]:text-semantic-positive",
+      "secondary-warning": "bg-semantic-warning/10 text-semantic-warning hover:bg-semantic-warning/15 active:bg-semantic-warning/20 [&>span[data-testid='button-icon']_svg]:text-semantic-warning",
+      "secondary-informative": "bg-semantic-informative/10 text-semantic-informative hover:bg-semantic-informative/15 active:bg-semantic-informative/20 [&>span[data-testid='button-icon']_svg]:text-semantic-informative",
+      // Outlined (with exact border opacity from Figma)
+      outline: "border-2 border-[rgba(0,0,0,0.1)] bg-transparent [color:rgba(0,0,0,0.8)] hover:bg-[rgba(0,0,0,0.04)] active:bg-[rgba(0,0,0,0.08)] [&>span[data-testid='button-icon']_svg]:text-[rgba(0,0,0,0.8)]",
+      "outline-error": "border-2 border-[rgba(234,67,53,0.16)] bg-transparent text-[#EA4335] hover:bg-[rgba(234,67,53,0.04)] active:bg-[rgba(234,67,53,0.08)] [&>span[data-testid='button-icon']_svg]:text-[#EA4335]",
+      "outline-success": "border-2 border-[rgba(0,199,82,0.24)] bg-transparent text-[#00C752] hover:bg-[rgba(0,199,82,0.04)] active:bg-[rgba(0,199,82,0.08)] [&>span[data-testid='button-icon']_svg]:text-[#00C752]",
+      "outline-warning": "border-2 border-[rgba(255,178,0,0.24)] bg-transparent text-[#FFB200] hover:bg-[rgba(255,178,0,0.04)] active:bg-[rgba(255,178,0,0.08)] [&>span[data-testid='button-icon']_svg]:text-[#FFB200]",
+      "outline-informative": "border-2 border-[rgba(67,137,255,0.2)] bg-transparent text-[#4389FF] hover:bg-[rgba(67,137,255,0.04)] active:bg-[rgba(67,137,255,0.08)] [&>span[data-testid='button-icon']_svg]:text-[#4389FF]",
+      // Text/Ghost (no background)
+      ghost: "bg-transparent text-[rgba(0,0,0,0.8)] hover:bg-[rgba(0,0,0,0.06)] active:bg-[rgba(0,0,0,0.1)] [&>span[data-testid='button-icon']_svg]:text-[rgba(0,0,0,0.8)]",
+      "ghost-error": "bg-transparent text-[#EA4335] hover:bg-[rgba(234,67,53,0.06)] active:bg-[rgba(234,67,53,0.1)] [&>span[data-testid='button-icon']_svg]:text-[#EA4335]",
+      "ghost-success": "bg-transparent text-[#00C752] hover:bg-[rgba(0,199,82,0.06)] active:bg-[rgba(0,199,82,0.1)] [&>span[data-testid='button-icon']_svg]:text-[#00C752]",
+      "ghost-warning": "bg-transparent text-[#FFB200] hover:bg-[rgba(255,178,0,0.06)] active:bg-[rgba(255,178,0,0.1)] [&>span[data-testid='button-icon']_svg]:text-[#FFB200]",
+      "ghost-informative": "bg-transparent text-[#4389FF] hover:bg-[rgba(67,137,255,0.06)] active:bg-[rgba(67,137,255,0.1)] [&>span[data-testid='button-icon']_svg]:text-[#4389FF]",
+      // Legacy/Custom
+      blue: "bg-[#4389FF] text-white hover:bg-[#4389FF]/90 active:bg-[#4389FF]/80",
+      disabled: "bg-[rgba(0,0,0,0.12)] text-[rgba(0,0,0,0.38)] cursor-not-allowed hover:bg-[rgba(0,0,0,0.12)]",
+      brandBlue: "bg-brandBlue text-white hover:bg-brandBlue/90 active:bg-brandBlue/80"
+    },
+    size: {
+      large: "rounded-[12px] text-[16px] leading-[22px] py-[10px] px-[20px] font-semibold gap-[10px]",
+      medium: "rounded-[10px] text-[14px] leading-[20px] py-[8px] px-[16px] font-semibold gap-[10px]",
+      small: "rounded-full text-[12px] leading-[16px] py-[9px] px-[12px] font-semibold gap-[10px]",
+      "icon.large": "rounded-[12px] p-[10px]",
+      "icon.medium": "rounded-[10px] p-[8px]",
+      "icon.small": "rounded-full p-[5px]"
+    },
+    iconSize: {
+      large: "[&_svg]:w-6 [&_svg]:h-6",
+      medium: "[&_svg]:w-5 [&_svg]:h-5",
+      small: "[&_svg]:w-4 [&_svg]:h-4"
+    },
+    iconPosition: {
+      left: "flex-row",
+      right: "flex-row-reverse"
+    },
+    fullWidth: {
+      true: "w-full",
+      false: "w-auto"
+    }
+  },
+  compoundVariants: [
+    // Adjust padding for outlined buttons to compensate for border-2
+    {
+      variant: ["outline", "outline-error", "outline-success", "outline-warning", "outline-informative"],
+      size: "large",
+      className: "py-[8px] px-[18px]"
+    },
+    {
+      variant: ["outline", "outline-error", "outline-success", "outline-warning", "outline-informative"],
+      size: "medium",
+      className: "py-[6px] px-[14px]"
+    },
+    {
+      variant: ["outline", "outline-error", "outline-success", "outline-warning", "outline-informative"],
+      size: "small",
+      className: "py-[7px] px-[10px]"
+    },
+    {
+      variant: ["outline", "outline-error", "outline-success", "outline-warning", "outline-informative"],
+      size: "icon.large",
+      className: "p-[8px]"
+    },
+    {
+      variant: ["outline", "outline-error", "outline-success", "outline-warning", "outline-informative"],
+      size: "icon.medium",
+      className: "p-[6px]"
+    },
+    {
+      variant: ["outline", "outline-error", "outline-success", "outline-warning", "outline-informative"],
+      size: "icon.small",
+      className: "p-[3px]"
+    }
+  ],
+  defaultVariants: {
+    variant: "default",
+    size: "medium",
+    iconPosition: "left",
+    fullWidth: !1
+  }
+}), K = {
+  small: {
+    outlined: {
+      left: "pl-[8px] pr-[10px] py-[5px]",
+      right: "pl-[10px] pr-[8px] py-[5px]"
+    },
+    filled: {
+      left: "pl-[10px] pr-[12px] py-[6px]",
+      right: "pl-[12px] pr-[10px] py-[6px]"
+    }
+  },
+  medium: {
+    outlined: {
+      left: "pl-[10px] pr-[14px] py-[6px]",
+      right: "pl-[14px] pr-[10px] py-[6px]"
+    },
+    filled: {
+      left: "pl-[12px] pr-[16px] py-[8px]",
+      right: "pl-[16px] pr-[12px] py-[8px]"
+    }
+  },
+  large: {
+    outlined: {
+      left: "pl-[14px] pr-[18px] py-[8px]",
+      right: "pl-[18px] pr-[14px] py-[8px]"
+    },
+    filled: {
+      left: "pl-[16px] pr-[20px] py-[10px]",
+      right: "pl-[20px] pr-[16px] py-[10px]"
+    }
+  }
+}, Q = {
+  small: "[&_svg]:w-[18px] [&_svg]:h-[18px]",
+  medium: "[&_svg]:w-[20px] [&_svg]:h-[20px]",
+  large: "[&_svg]:w-[24px] [&_svg]:h-[24px]"
+}, U = $.forwardRef((g, N) => {
+  var W, M;
+  const t = Y(53);
+  let h, p, b, o, a, r, s, y, l, e, i, c, w, _, n;
+  t[0] !== g ? ({
+    className: p,
+    variant: n,
+    size: i,
+    iconSize: y,
+    iconPosition: s,
+    fullWidth: b,
+    asChild: w,
+    icon: o,
+    iconOnly: r,
+    children: h,
+    type: _,
+    style: c,
+    outlineColor: l,
+    iconColor: a,
+    ...e
+  } = g, t[0] = g, t[1] = h, t[2] = p, t[3] = b, t[4] = o, t[5] = a, t[6] = r, t[7] = s, t[8] = y, t[9] = l, t[10] = e, t[11] = i, t[12] = c, t[13] = w, t[14] = _, t[15] = n) : (h = t[1], p = t[2], b = t[3], o = t[4], a = t[5], r = t[6], s = t[7], y = t[8], l = t[9], e = t[10], i = t[11], c = t[12], w = t[13], _ = t[14], n = t[15]);
+  const d = w === void 0 ? !1 : w, A = d ? q : "button";
+  let x = i;
+  if (r && i)
+    t: switch (i) {
+      case "large": {
+        x = "icon.large";
+        break t;
+      }
+      case "medium": {
+        x = "icon.medium";
+        break t;
+      }
+      case "small":
+        x = "icon.small";
+    }
+  const S = y || (i === "large" ? "large" : i === "small" ? "small" : "medium");
+  let F = "";
+  if (o && !r && h && i) {
+    const R = n != null && n.includes("outline") ? "outlined" : "filled", G = s || "left";
+    F = ((M = (W = K[i]) == null ? void 0 : W[R]) == null ? void 0 : M[G]) || "";
+  }
+  const E = r && i ? Q[i] : "";
+  let u;
+  t[16] !== l ? (u = l && {
+    borderColor: l
+  }, t[16] = l, t[17] = u) : u = t[17];
+  let v;
+  t[18] !== a ? (v = a && {
+    "--icon-color": a
+  }, t[18] = a, t[19] = v) : v = t[19];
+  let C;
+  t[20] !== c || t[21] !== u || t[22] !== v ? (C = {
+    ...c,
+    ...u,
+    ...v
+  }, t[20] = c, t[21] = u, t[22] = v, t[23] = C) : C = t[23];
+  const P = C;
+  let z;
+  t[24] !== x || t[25] !== p || t[26] !== b || t[27] !== a || t[28] !== E || t[29] !== F || t[30] !== s || t[31] !== S || t[32] !== n ? (z = H(J({
+    variant: n,
+    size: x,
+    iconSize: S,
+    iconPosition: s,
+    fullWidth: b,
+    className: p
+  }), a && "[&>span[data-testid='button-icon']_svg]:text-[var(--icon-color)]", F, E), t[24] = x, t[25] = p, t[26] = b, t[27] = a, t[28] = E, t[29] = F, t[30] = s, t[31] = S, t[32] = n, t[33] = z) : z = t[33];
+  const k = z, D = d ? void 0 : _ ?? "button", I = d ? void 0 : e.disabled, O = e.disabled || void 0, j = r && !e["aria-label"] ? "Icon button" : e["aria-label"];
+  let m;
+  t[34] !== d || t[35] !== e.disabled || t[36] !== e.onClick ? (m = d && e.disabled ? X : e.onClick, t[34] = d, t[35] = e.disabled, t[36] = e.onClick, t[37] = m) : m = t[37];
+  let f;
+  t[38] !== o ? (f = o && /* @__PURE__ */ L("span", { "data-testid": "button-icon", children: o }), t[38] = o, t[39] = f) : f = t[39];
+  const V = !r && h;
+  let B;
+  return t[40] !== A || t[41] !== k || t[42] !== P || t[43] !== e || t[44] !== N || t[45] !== m || t[46] !== f || t[47] !== V || t[48] !== D || t[49] !== I || t[50] !== O || t[51] !== j ? (B = /* @__PURE__ */ T(A, { className: k, style: P, ref: N, ...e, type: D, disabled: I, "aria-disabled": O, "aria-label": j, onClick: m, children: [
+    f,
+    V
+  ] }), t[40] = A, t[41] = k, t[42] = P, t[43] = e, t[44] = N, t[45] = m, t[46] = f, t[47] = V, t[48] = D, t[49] = I, t[50] = O, t[51] = j, t[52] = B) : B = t[52], B;
+});
+U.displayName = "DoctButton";
+function X(g) {
+  g.preventDefault(), g.stopPropagation();
+}
+export {
+  U as DoctButton,
+  J as DoctButtonVariants
+};

package/dist/components/ui/calendar.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import { c as C } from "react-compiler-runtime";
+import { ChevronLeftIcon as D, ChevronRightIcon as j, ChevronDownIcon as B } from "lucide-react";
+import * as _ from "react";
+import { getDefaultClassNames as y, DayPicker as R } from "react-day-picker";
+import { DoctButton as S, DoctButtonVariants as h } from "./button.js";
+import { cn as t } from "../../lib/utils.js";
+function W({
+  className: m,
+  classNames: e,
+  showOutsideDays: i = !0,
+  captionLayout: o = "label",
+  buttonVariant: a = "ghost",
+  formatters: s,
+  components: p,
+  ...g
+}) {
+  const r = y();
+  return /* @__PURE__ */ l(R, { showOutsideDays: i, className: t("bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, m), captionLayout: o, formatters: {
+    formatMonthDropdown: (n) => n.toLocaleString("default", {
+      month: "short"
+    }),
+    ...s
+  }, classNames: {
+    root: t("w-fit", r.root),
+    months: t("relative flex flex-col gap-4 md:flex-row", r.months),
+    month: t("flex w-full flex-col gap-4", r.month),
+    nav: t("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", r.nav),
+    button_previous: t(h({
+      variant: a
+    }), "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50", r.button_previous),
+    button_next: t(h({
+      variant: a
+    }), "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50", r.button_next),
+    month_caption: t("flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]", r.month_caption),
+    dropdowns: t("flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium", r.dropdowns),
+    dropdown_root: t("has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border", r.dropdown_root),
+    dropdown: t("absolute inset-0 opacity-0", r.dropdown),
+    caption_label: t("select-none font-medium", o === "label" ? "text-sm" : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5", r.caption_label),
+    table: "w-full border-collapse",
+    weekdays: t("flex", r.weekdays),
+    weekday: t("text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal", r.weekday),
+    week: t("mt-2 flex w-full", r.week),
+    week_number_header: t("w-[--cell-size] select-none", r.week_number_header),
+    week_number: t("text-muted-foreground select-none text-[0.8rem]", r.week_number),
+    day: t("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md", r.day),
+    range_start: t("bg-accent rounded-l-md", r.range_start),
+    range_middle: t("rounded-none", r.range_middle),
+    range_end: t("bg-accent rounded-r-md", r.range_end),
+    today: t("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", r.today),
+    outside: t("text-muted-foreground aria-selected:text-muted-foreground", r.outside),
+    disabled: t("text-muted-foreground opacity-50", r.disabled),
+    hidden: t("invisible", r.hidden),
+    ...e
+  }, components: {
+    Root: ({
+      className: n,
+      rootRef: d,
+      ...u
+    }) => /* @__PURE__ */ l("div", { "data-slot": "calendar", ref: d, className: t(n), ...u }),
+    Chevron: ({
+      className: n,
+      orientation: d,
+      ...u
+    }) => d === "left" ? /* @__PURE__ */ l(D, { className: t("size-4", n), ...u }) : d === "right" ? /* @__PURE__ */ l(j, { className: t("size-4", n), ...u }) : /* @__PURE__ */ l(B, { className: t("size-4", n), ...u }),
+    DayButton: I,
+    WeekNumber: ({
+      children: n,
+      ...d
+    }) => /* @__PURE__ */ l("td", { ...d, children: /* @__PURE__ */ l("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children: n }) }),
+    ...p
+  }, ...g });
+}
+function I(m) {
+  const e = C(19);
+  let i, o, a, s;
+  e[0] !== m ? ({
+    className: i,
+    day: o,
+    modifiers: a,
+    ...s
+  } = m, e[0] = m, e[1] = i, e[2] = o, e[3] = a, e[4] = s) : (i = e[1], o = e[2], a = e[3], s = e[4]);
+  const p = y(), g = _.useRef(null);
+  let r, n;
+  e[5] !== a.focused ? (r = () => {
+    var w;
+    a.focused && ((w = g.current) == null || w.focus());
+  }, n = [a.focused], e[5] = a.focused, e[6] = r, e[7] = n) : (r = e[6], n = e[7]), _.useEffect(r, n);
+  const d = S, u = "ghost", v = "icon.small";
+  let c;
+  e[8] !== o.date ? (c = o.date.toLocaleDateString(), e[8] = o.date, e[9] = c) : c = e[9];
+  const x = a.selected && !a.range_start && !a.range_end && !a.range_middle, z = a.range_start, k = a.range_end, N = a.range_middle, b = t("flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none", "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground", "data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground", "data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md", "group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 group-data-[focused=true]/day:ring-[3px]", "[&>span]:text-xs [&>span]:opacity-70", p.day, i);
+  let f;
+  return e[10] !== d || e[11] !== a.range_end || e[12] !== a.range_middle || e[13] !== a.range_start || e[14] !== s || e[15] !== b || e[16] !== c || e[17] !== x ? (f = /* @__PURE__ */ l(d, { ref: g, variant: u, size: v, "data-day": c, "data-selected-single": x, "data-range-start": z, "data-range-end": k, "data-range-middle": N, className: b, ...s }), e[10] = d, e[11] = a.range_end, e[12] = a.range_middle, e[13] = a.range_start, e[14] = s, e[15] = b, e[16] = c, e[17] = x, e[18] = f) : f = e[18], f;
+}
+export {
+  W as Calendar,
+  I as CalendarDayButton
+};

package/dist/components/ui/checkbox.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as B } from "react/jsx-runtime";
+import { c as E } from "react-compiler-runtime";
+import { Checkbox as q } from "@base-ui/react/checkbox";
+import { Minus as F, Check as M } from "lucide-react";
+import * as P from "react";
+import { cn as T } from "../../lib/utils.js";
+const U = "#029cfd", V = P.forwardRef((R, I) => {
+  const e = E(47);
+  let g, r, t, k, s, c, n, o, a, d, f;
+  e[0] !== R ? ({
+    className: t,
+    color: k,
+    borderColor: g,
+    checked: r,
+    defaultChecked: s,
+    onCheckedChange: o,
+    disabled: c,
+    required: a,
+    name: n,
+    value: f,
+    ...d
+  } = R, e[0] = R, e[1] = g, e[2] = r, e[3] = t, e[4] = k, e[5] = s, e[6] = c, e[7] = n, e[8] = o, e[9] = a, e[10] = d, e[11] = f) : (g = e[1], r = e[2], t = e[3], k = e[4], s = e[5], c = e[6], n = e[7], o = e[8], a = e[9], d = e[10], f = e[11]);
+  const A = k !== void 0, x = k ?? U, j = g ?? x, i = r === "indeterminate", L = r !== void 0, N = i ? !1 : r === !0;
+  let l;
+  e[12] !== N || e[13] !== s || e[14] !== L ? (l = {}, L && (l.checked = N), s !== void 0 && (l.defaultChecked = s), e[12] = N, e[13] = s, e[14] = L, e[15] = l) : l = e[15];
+  let p;
+  e[16] !== t ? (p = t == null ? void 0 : t.includes("bg-"), e[16] = t, e[17] = p) : p = e[17];
+  const v = A || !p;
+  let h;
+  e[18] !== t ? (h = !(t != null && t.match(/\bh-\d/)) && "h-4 w-4", e[18] = t, e[19] = h) : h = e[19];
+  const O = v && "data-[checked]:bg-[var(--checkbox-bg)] data-[indeterminate]:bg-[var(--checkbox-bg)]";
+  let u;
+  e[20] !== t || e[21] !== h || e[22] !== O ? (u = T("peer shrink-0 rounded-sm border cursor-pointer ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", "data-[checked]:text-white data-[indeterminate]:text-white", h, O, t), e[20] = t, e[21] = h, e[22] = O, e[23] = u) : u = e[23];
+  let b;
+  e[24] !== x || e[25] !== v ? (b = v ? {
+    "--checkbox-bg": x
+  } : {}, e[24] = x, e[25] = v, e[26] = b) : b = e[26];
+  let w;
+  e[27] !== j || e[28] !== b ? (w = {
+    borderColor: j,
+    ...b
+  }, e[27] = j, e[28] = b, e[29] = w) : w = e[29];
+  const $ = w;
+  let m;
+  e[30] !== o ? (m = (D) => {
+    o == null || o(D);
+  }, e[30] = o, e[31] = m) : m = e[31];
+  let C;
+  e[32] !== i ? (C = /* @__PURE__ */ B(q.Indicator, { className: "flex h-full w-full items-center justify-center text-current", children: i ? /* @__PURE__ */ B(F, { className: "h-4 w-4 text-white" }) : /* @__PURE__ */ B(M, { className: "h-4 w-4" }) }), e[32] = i, e[33] = C) : C = e[33];
+  let y;
+  return e[34] !== l || e[35] !== c || e[36] !== i || e[37] !== n || e[38] !== I || e[39] !== a || e[40] !== d || e[41] !== u || e[42] !== $ || e[43] !== m || e[44] !== C || e[45] !== f ? (y = /* @__PURE__ */ B(q.Root, { ref: I, className: u, style: $, indeterminate: i, onCheckedChange: m, disabled: c, required: a, name: n, value: f, ...d, ...l, children: C }), e[34] = l, e[35] = c, e[36] = i, e[37] = n, e[38] = I, e[39] = a, e[40] = d, e[41] = u, e[42] = $, e[43] = m, e[44] = C, e[45] = f, e[46] = y) : y = e[46], y;
+});
+V.displayName = "Checkbox";
+export {
+  V as Checkbox
+};

package/dist/components/ui/collapsible.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { c as m } from "react-compiler-runtime";
+import { Collapsible as r } from "@base-ui/react/collapsible";
+import * as c from "react";
+import { cn as f } from "../../lib/utils.js";
+const w = r.Root, N = r.Trigger, b = c.forwardRef((s, p) => {
+  const e = m(9);
+  let l, o;
+  e[0] !== s ? ({
+    className: l,
+    ...o
+  } = s, e[0] = s, e[1] = l, e[2] = o) : (l = e[1], o = e[2]);
+  const i = p;
+  let t;
+  e[3] !== l ? (t = f("overflow-hidden data-[closed]:animate-collapsible-up data-[open]:animate-collapsible-down", l), e[3] = l, e[4] = t) : t = e[4];
+  let a;
+  return e[5] !== o || e[6] !== i || e[7] !== t ? (a = /* @__PURE__ */ n(r.Panel, { ref: i, className: t, ...o }), e[5] = o, e[6] = i, e[7] = t, e[8] = a) : a = e[8], a;
+});
+b.displayName = "CollapsibleContent";
+export {
+  w as Collapsible,
+  b as CollapsibleContent,
+  N as CollapsibleTrigger
+};

package/dist/components/ui/command.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { c as n } from "react-compiler-runtime";
+import { Command as r } from "cmdk";
+import { Search as g } from "lucide-react";
+import * as i from "react";
+import { DialogContent as h, Dialog as x } from "./dialog.js";
+import { cn as p } from "../../lib/utils.js";
+const u = i.forwardRef((l, t) => {
+  const e = n(9);
+  let s, a;
+  e[0] !== l ? ({
+    className: s,
+    ...a
+  } = l, e[0] = l, e[1] = s, e[2] = a) : (s = e[1], a = e[2]);
+  let o;
+  e[3] !== s ? (o = p("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", s), e[3] = s, e[4] = o) : o = e[4];
+  let m;
+  return e[5] !== a || e[6] !== t || e[7] !== o ? (m = /* @__PURE__ */ d(r, { ref: t, className: o, ...a }), e[5] = a, e[6] = t, e[7] = o, e[8] = m) : m = e[8], m;
+});
+u.displayName = r.displayName;
+const E = (l) => {
+  const t = n(8);
+  let e, s;
+  t[0] !== l ? ({
+    children: e,
+    ...s
+  } = l, t[0] = l, t[1] = e, t[2] = s) : (e = t[1], s = t[2]);
+  let a;
+  t[3] !== e ? (a = /* @__PURE__ */ d(h, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ d(u, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }), t[3] = e, t[4] = a) : a = t[4];
+  let o;
+  return t[5] !== s || t[6] !== a ? (o = /* @__PURE__ */ d(x, { ...s, children: a }), t[5] = s, t[6] = a, t[7] = o) : o = t[7], o;
+}, N = i.forwardRef((l, t) => {
+  const e = n(10);
+  let s, a;
+  e[0] !== l ? ({
+    className: s,
+    ...a
+  } = l, e[0] = l, e[1] = s, e[2] = a) : (s = e[1], a = e[2]);
+  let o;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ d(g, { strokeWidth: 1.25, className: "mr-2 h-4 w-4 shrink-0" }), e[3] = o) : o = e[3];
+  let m;
+  e[4] !== s ? (m = p("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-50", s), e[4] = s, e[5] = m) : m = e[5];
+  let c;
+  return e[6] !== a || e[7] !== t || e[8] !== m ? (c = /* @__PURE__ */ f("div", { className: "flex items-center h-auto px-3", "cmdk-input-wrapper": "", children: [
+    o,
+    /* @__PURE__ */ d(r.Input, { ref: t, className: m, ...a })
+  ] }), e[6] = a, e[7] = t, e[8] = m, e[9] = c) : c = e[9], c;
+});
+N.displayName = r.Input.displayName;
+const y = i.forwardRef((l, t) => {
+  const e = n(9);
+  let s, a;
+  e[0] !== l ? ({
+    className: s,
+    ...a
+  } = l, e[0] = l, e[1] = s, e[2] = a) : (s = e[1], a = e[2]);
+  let o;
+  e[3] !== s ? (o = p("max-h-[300px] overflow-y-auto overflow-x-hidden", s), e[3] = s, e[4] = o) : o = e[4];
+  let m;
+  return e[5] !== a || e[6] !== t || e[7] !== o ? (m = /* @__PURE__ */ d(r.List, { ref: t, className: o, ...a }), e[5] = a, e[6] = t, e[7] = o, e[8] = m) : m = e[8], m;
+});
+y.displayName = r.List.displayName;
+const _ = i.forwardRef((l, t) => {
+  const e = n(3);
+  let s;
+  return e[0] !== l || e[1] !== t ? (s = /* @__PURE__ */ d(r.Empty, { ref: t, className: "py-6 text-center text-sm", ...l }), e[0] = l, e[1] = t, e[2] = s) : s = e[2], s;
+});
+_.displayName = r.Empty.displayName;
+const k = i.forwardRef((l, t) => {
+  const e = n(9);
+  let s, a;
+  e[0] !== l ? ({
+    className: s,
+    ...a
+  } = l, e[0] = l, e[1] = s, e[2] = a) : (s = e[1], a = e[2]);
+  let o;
+  e[3] !== s ? (o = p("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", s), e[3] = s, e[4] = o) : o = e[4];
+  let m;
+  return e[5] !== a || e[6] !== t || e[7] !== o ? (m = /* @__PURE__ */ d(r.Group, { ref: t, className: o, ...a }), e[5] = a, e[6] = t, e[7] = o, e[8] = m) : m = e[8], m;
+});
+k.displayName = r.Group.displayName;
+const w = i.forwardRef((l, t) => {
+  const e = n(9);
+  let s, a;
+  e[0] !== l ? ({
+    className: s,
+    ...a
+  } = l, e[0] = l, e[1] = s, e[2] = a) : (s = e[1], a = e[2]);
+  let o;
+  e[3] !== s ? (o = p("-mx-1 h-px bg-border", s), e[3] = s, e[4] = o) : o = e[4];
+  let m;
+  return e[5] !== a || e[6] !== t || e[7] !== o ? (m = /* @__PURE__ */ d(r.Separator, { ref: t, className: o, ...a }), e[5] = a, e[6] = t, e[7] = o, e[8] = m) : m = e[8], m;
+});
+w.displayName = r.Separator.displayName;
+const v = i.forwardRef((l, t) => {
+  const e = n(9);
+  let s, a;
+  e[0] !== l ? ({
+    className: s,
+    ...a
+  } = l, e[0] = l, e[1] = s, e[2] = a) : (s = e[1], a = e[2]);
+  let o;
+  e[3] !== s ? (o = p("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", s), e[3] = s, e[4] = o) : o = e[4];
+  let m;
+  return e[5] !== a || e[6] !== t || e[7] !== o ? (m = /* @__PURE__ */ d(r.Item, { ref: t, className: o, ...a }), e[5] = a, e[6] = t, e[7] = o, e[8] = m) : m = e[8], m;
+});
+v.displayName = r.Item.displayName;
+const C = (l) => {
+  const t = n(8);
+  let e, s;
+  t[0] !== l ? ({
+    className: e,
+    ...s
+  } = l, t[0] = l, t[1] = e, t[2] = s) : (e = t[1], s = t[2]);
+  let a;
+  t[3] !== e ? (a = p("ml-auto text-xs tracking-widest text-muted-foreground", e), t[3] = e, t[4] = a) : a = t[4];
+  let o;
+  return t[5] !== s || t[6] !== a ? (o = /* @__PURE__ */ d("span", { className: a, ...s }), t[5] = s, t[6] = a, t[7] = o) : o = t[7], o;
+};
+C.displayName = "CommandShortcut";
+export {
+  u as Command,
+  E as CommandDialog,
+  _ as CommandEmpty,
+  k as CommandGroup,
+  N as CommandInput,
+  v as CommandItem,
+  y as CommandList,
+  w as CommandSeparator,
+  C as CommandShortcut
+};