docthub-core-components 3.0.0 → 3.2.1

package/dist/components/overrides/ui/pickers/day-picker-bounds.js

@@ -0,0 +1,38 @@
+"use client";
+function f(t) {
+  return new Date(t.getFullYear(), t.getMonth(), 1);
+}
+function i(t) {
+  return new Date(t.getFullYear(), t.getMonth(), t.getDate());
+}
+function u(t) {
+  return new Date(t.getFullYear(), t.getMonth(), t.getDate(), 23, 59, 59, 999);
+}
+function o(t, n, r) {
+  return (!n || t >= i(n)) && (!r || t <= u(r));
+}
+function c(t, n, r) {
+  return t != null && t.from ? !(!o(t.from, n, r) || t.to && !o(t.to, n, r)) : !0;
+}
+function l(t, n) {
+  const r = [];
+  return t && r.push({
+    before: i(t)
+  }), n && r.push({
+    after: u(n)
+  }), r;
+}
+function s(t, n) {
+  const r = n === void 0 ? [] : Array.isArray(n) ? n : [n], e = [...t, ...r];
+  if (e.length !== 0)
+    return e.length === 1 ? e[0] : e;
+}
+export {
+  f as calendarMonthAnchor,
+  u as endOfDayLocal,
+  o as isDateWithinMinMaxLocalDay,
+  c as isRangeWithinMinMaxLocalDay,
+  s as mergeDisabledMatchers,
+  l as minMaxDisabledMatchers,
+  i as startOfDayLocal
+};

package/dist/components/overrides/ui/pickers/select-field.js

@@ -0,0 +1,158 @@
+"use client";
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { c as Oe } from "react-compiler-runtime";
+import { X as Te } from "lucide-react";
+import { useId as ue, useState as xe } from "react";
+import { Label as $e } from "../../../ui/label.js";
+import { SelectItem as Ne, SelectGroup as je, SelectLabel as qe, SelectValue as ze, SelectTrigger as Fe, SelectContent as Me, Select as Ae } from "../../../ui/select.js";
+import { useExclusiveDropdown as Ge } from "../../../../hooks/use-exclusive-dropdown.js";
+import { cn as X } from "../../../../lib/utils.js";
+function lt(t) {
+  var be;
+  const e = Oe(84), {
+    label: f,
+    placeholder: fe,
+    options: p,
+    value: pe,
+    onValueChange: a,
+    onChange: i,
+    leadingIcon: Ie,
+    trailingIcon: Se,
+    startIcon: De,
+    endIcon: we,
+    helperText: j,
+    error: n,
+    required: q,
+    disabled: s,
+    loading: me,
+    clearable: ve,
+    className: B,
+    variant: ge,
+    selectClassName: H
+  } = t, Pe = fe === void 0 ? "Select option" : fe, J = me === void 0 ? !1 : me, Q = ve === void 0 ? !1 : ve, ke = ge === void 0 ? "default" : ge, m = ue(), z = ue(), v = ue(), {
+    instanceKey: Le,
+    containerProps: U,
+    onOpenChange: Y
+  } = Ge(), c = De || Ie, F = we || Se, d = pe !== void 0, [Ke, he] = xe(void 0), [Ce, Ee] = xe(0), o = d ? pe : Ke;
+  let Z;
+  e: {
+    if (!o) {
+      Z = void 0;
+      break e;
+    }
+    let l;
+    e[0] !== p || e[1] !== o ? (l = (be = p.find((W) => W.value === o)) == null ? void 0 : be.label, e[0] = p, e[1] = o, e[2] = l) : l = e[2], Z = l;
+  }
+  const _ = Z;
+  let M;
+  e[3] !== d || e[4] !== i || e[5] !== a ? (M = (l) => {
+    d || he(l), a == null || a(l), i == null || i(l);
+  }, e[3] = d, e[4] = i, e[5] = a, e[6] = M) : M = e[6];
+  const ee = M;
+  let A;
+  e[7] !== d || e[8] !== i || e[9] !== a ? (A = () => {
+    d || he(void 0), Ee(He), a == null || a(""), i == null || i("");
+  }, e[7] = d, e[8] = i, e[9] = a, e[10] = A) : A = e[10];
+  const G = A;
+  let R;
+  if (e[11] !== p) {
+    const l = /* @__PURE__ */ new Map(), W = [];
+    p.forEach(($) => {
+      var ye;
+      $.group ? (l.has($.group) || l.set($.group, []), (ye = l.get($.group)) == null || ye.push($)) : W.push($);
+    }), R = {
+      groups: l,
+      ungrouped: W
+    }, e[11] = p, e[12] = R;
+  } else
+    R = e[12];
+  const g = R;
+  let h;
+  e[13] !== B ? (h = X("space-y-1", B), e[13] = B, e[14] = h) : h = e[14];
+  let b;
+  e[15] !== s || e[16] !== f || e[17] !== v || e[18] !== q || e[19] !== m ? (b = f && /* @__PURE__ */ u($e, { id: v, htmlFor: m, className: X("text-sm font-medium", s ? "text-gray-400" : "text-gray-700"), children: [
+    f,
+    q && /* @__PURE__ */ r("span", { className: "text-destructive ml-1", "aria-hidden": "true", children: "*" })
+  ] }), e[15] = s, e[16] = f, e[17] = v, e[18] = q, e[19] = m, e[20] = b) : b = e[20];
+  let y;
+  e[21] !== c ? (y = c && /* @__PURE__ */ r("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none z-10", children: c }), e[21] = c, e[22] = y) : y = e[22];
+  const te = `${Le}-${Ce}`, le = o && o !== "" ? o : "", re = j || n ? z : void 0, se = !!n || void 0, ae = q || void 0, ie = s || J, oe = n && "border-destructive", ne = ke === "gray" && "bg-gray-100 border-gray-300 text-gray-700", ce = (s || J) && "opacity-50 cursor-not-allowed";
+  let x;
+  e[23] !== H || e[24] !== oe || e[25] !== ne || e[26] !== ce ? (x = X("border-input", oe, ne, ce, H), e[23] = H, e[24] = oe, e[25] = ne, e[26] = ce, e[27] = x) : x = e[27];
+  let N;
+  e[28] !== c ? (N = c && /* @__PURE__ */ r("div", { className: "text-gray-400", children: c }), e[28] = c, e[29] = N) : N = e[29];
+  const de = J ? "Loading..." : Pe;
+  let I;
+  e[30] !== _ || e[31] !== de ? (I = /* @__PURE__ */ r(ze, { placeholder: de, children: _ }), e[30] = _, e[31] = de, e[32] = I) : I = e[32];
+  let S;
+  e[33] !== F ? (S = F && /* @__PURE__ */ r("div", { className: "ml-auto text-gray-400", children: F }), e[33] = F, e[34] = S) : S = e[34];
+  let D;
+  e[35] !== Q || e[36] !== s || e[37] !== G || e[38] !== o ? (D = Q && !!o && !s && /* @__PURE__ */ r("button", { type: "button", "aria-label": "Clear selection", className: "ml-auto text-gray-400 hover:text-gray-600 relative z-10", onMouseDown: Be, onPointerDown: Xe, onClick: (l) => {
+    l.preventDefault(), l.stopPropagation(), G();
+  }, onKeyDown: (l) => {
+    (l.key === "Enter" || l.key === " ") && (l.preventDefault(), l.stopPropagation(), G());
+  }, children: /* @__PURE__ */ r(Te, { strokeWidth: 1.5, className: "h-4 w-4 mr-3 text-gray-400" }) }), e[35] = Q, e[36] = s, e[37] = G, e[38] = o, e[39] = D) : D = e[39];
+  let w;
+  e[40] !== N || e[41] !== I || e[42] !== S || e[43] !== D ? (w = /* @__PURE__ */ u("div", { className: "flex items-center gap-2 w-full", children: [
+    N,
+    I,
+    S,
+    D
+  ] }), e[40] = N, e[41] = I, e[42] = S, e[43] = D, e[44] = w) : w = e[44];
+  let P;
+  e[45] !== v || e[46] !== m || e[47] !== re || e[48] !== se || e[49] !== ae || e[50] !== ie || e[51] !== x || e[52] !== w ? (P = /* @__PURE__ */ r(Fe, { id: m, "aria-labelledby": v, "aria-describedby": re, "aria-invalid": se, "aria-required": ae, disabled: ie, className: x, children: w }), e[45] = v, e[46] = m, e[47] = re, e[48] = se, e[49] = ae, e[50] = ie, e[51] = x, e[52] = w, e[53] = P) : P = e[53];
+  let k;
+  e[54] !== U || e[55] !== P ? (k = /* @__PURE__ */ r("div", { ...U, children: P }), e[54] = U, e[55] = P, e[56] = k) : k = e[56];
+  let L;
+  e[57] !== g.ungrouped ? (L = g.ungrouped.map(We), e[57] = g.ungrouped, e[58] = L) : L = e[58];
+  let K;
+  e[59] !== g.groups ? (K = Array.from(g.groups.entries()).map(Re), e[59] = g.groups, e[60] = K) : K = e[60];
+  let C;
+  e[61] !== L || e[62] !== K ? (C = /* @__PURE__ */ u(Me, { children: [
+    L,
+    K
+  ] }), e[61] = L, e[62] = K, e[63] = C) : C = e[63];
+  let E;
+  e[64] !== ee || e[65] !== Y || e[66] !== te || e[67] !== le || e[68] !== k || e[69] !== C ? (E = /* @__PURE__ */ u(Ae, { value: le, onValueChange: ee, onOpenChange: Y, children: [
+    k,
+    C
+  ] }, te), e[64] = ee, e[65] = Y, e[66] = te, e[67] = le, e[68] = k, e[69] = C, e[70] = E) : E = e[70];
+  let O;
+  e[71] !== y || e[72] !== E ? (O = /* @__PURE__ */ u("div", { className: "relative", children: [
+    y,
+    E
+  ] }), e[71] = y, e[72] = E, e[73] = O) : O = e[73];
+  let T;
+  e[74] !== s || e[75] !== n || e[76] !== z || e[77] !== j ? (T = (j || n) && /* @__PURE__ */ r("p", { id: z, className: X("text-xs", n ? "text-destructive" : s ? "text-gray-400" : "text-gray-500"), role: n ? "alert" : void 0, children: n || j }), e[74] = s, e[75] = n, e[76] = z, e[77] = j, e[78] = T) : T = e[78];
+  let V;
+  return e[79] !== b || e[80] !== O || e[81] !== T || e[82] !== h ? (V = /* @__PURE__ */ u("div", { className: h, children: [
+    b,
+    O,
+    T
+  ] }), e[79] = b, e[80] = O, e[81] = T, e[82] = h, e[83] = V) : V = e[83], V;
+}
+function Re(t) {
+  const [e, f] = t;
+  return /* @__PURE__ */ u(je, { children: [
+    /* @__PURE__ */ r(qe, { children: e }),
+    f.map(Ve)
+  ] }, e);
+}
+function Ve(t) {
+  return /* @__PURE__ */ r(Ne, { value: t.value, disabled: t.disabled, className: "pl-2 [&>span]:hidden", children: t.label }, t.value);
+}
+function We(t) {
+  return /* @__PURE__ */ r(Ne, { value: t.value, disabled: t.disabled, className: "pl-2", children: t.label }, t.value);
+}
+function Xe(t) {
+  t.preventDefault(), t.stopPropagation();
+}
+function Be(t) {
+  t.preventDefault(), t.stopPropagation();
+}
+function He(t) {
+  return t + 1;
+}
+export {
+  lt as SelectField
+};

package/dist/components/overrides/ui/search/auto-complete.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { Command as p } from "cmdk";
+import { Check as T } from "lucide-react";
+import { useRef as A, useState as b, useCallback as k } from "react";
+import { CommandInput as F, CommandList as G, CommandGroup as M, CommandItem as O } from "../../../ui/command.js";
+import { Skeleton as P } from "../../../ui/skeleton.js";
+import { cn as x } from "../../../../lib/utils.js";
+import { getInputClasses as q } from "../../../../util/getInputClasses.js";
+const Y = ({
+  options: a,
+  placeholder: w,
+  emptyMessage: N,
+  value: c,
+  onValueChange: t,
+  disabled: v,
+  isLoading: o = !1,
+  className: y,
+  size: S,
+  variant: D
+}) => {
+  const {
+    variantClasses: I,
+    combined: g
+  } = q(S, D), m = A(null), [d, u] = b(!1), [n, h] = b(c), [E, f] = b((c == null ? void 0 : c.label) || ""), j = k((e) => {
+    const l = m.current;
+    if (l) {
+      if (d || u(!0), e.key === "Enter" && l.value !== "") {
+        const s = a.find((K) => K.label === l.value);
+        s && (h(s), t == null || t(s));
+      }
+      e.key === "Escape" && l.blur();
+    }
+  }, [d, a, t]), z = k(() => {
+    u(!1), f((n == null ? void 0 : n.label) || "");
+  }, [n]), B = k((e) => {
+    f(e.label), h(e), t == null || t(e), setTimeout(() => {
+      var l;
+      (l = m == null ? void 0 : m.current) == null || l.blur();
+    }, 0);
+  }, [t]);
+  return /* @__PURE__ */ i(p, { onKeyDown: j, children: [
+    /* @__PURE__ */ i("div", { className: x("rounded-full border bg-gray-100", I, y), children: [
+      " ",
+      /* @__PURE__ */ r(F, { ref: m, value: E, onValueChange: o ? void 0 : f, onBlur: z, onFocus: () => u(!0), placeholder: w, disabled: v, className: g })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "relative mt-1", children: /* @__PURE__ */ r("div", { className: x("animate-in fade-in-0 zoom-in-95 absolute top-0 z-10 w-full rounded-xl bg-white dark:bg-gray-800 outline-none", d ? "block" : "hidden", y), children: /* @__PURE__ */ i(G, { className: "rounded-lg ring-1 ring-slate-200 dark:ring-gray-700", children: [
+      o ? /* @__PURE__ */ r(p.Loading, { children: /* @__PURE__ */ r("div", { className: "p-1", children: /* @__PURE__ */ r(P, { className: "h-8 w-full" }) }) }) : null,
+      a.length > 0 && !o ? /* @__PURE__ */ r(M, { children: a.map((e) => {
+        const l = (n == null ? void 0 : n.value) === e.value;
+        return /* @__PURE__ */ i(O, { value: e.label, onMouseDown: (s) => {
+          s.preventDefault(), s.stopPropagation();
+        }, onSelect: () => B(e), className: x("flex w-full items-center gap-2 dark:text-white", l ? null : "pl-8"), children: [
+          l ? /* @__PURE__ */ r(T, { className: "w-4" }) : null,
+          e.label
+        ] }, e.value);
+      }) }) : null,
+      o ? null : /* @__PURE__ */ r(p.Empty, { className: "select-none rounded-sm px-2 py-3 text-center text-sm dark:text-gray-400", children: N })
+    ] }) }) })
+  ] });
+};
+export {
+  Y as AutoComplete
+};

package/dist/components/overrides/ui/search/search-input.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsxs as k, jsx as m } from "react/jsx-runtime";
+import { c as Z } from "react-compiler-runtime";
+import { X as _ } from "lucide-react";
+import { forwardRef as B, useRef as D } from "react";
+import { Input as T } from "../../../ui/input.js";
+import { cn as X } from "../../../../lib/utils.js";
+const $ = {
+  small: "h-8 text-sm",
+  medium: "h-10",
+  large: "h-12 text-base"
+}, A = {
+  white: "bg-white border-gray-300",
+  grey: "bg-gray-100 border-gray-300"
+}, E = B(function(b, y) {
+  const e = Z(32);
+  let r, l, s, t, n, c, u, h, f;
+  e[0] !== b ? ({
+    size: n,
+    variant: c,
+    placeholder: u,
+    className: r,
+    onChange: t,
+    query: h,
+    disabled: l,
+    allowClear: f,
+    ...s
+  } = b, e[0] = b, e[1] = r, e[2] = l, e[3] = s, e[4] = t, e[5] = n, e[6] = c, e[7] = u, e[8] = h, e[9] = f) : (r = e[1], l = e[2], s = e[3], t = e[4], n = e[5], c = e[6], u = e[7], h = e[8], f = e[9]);
+  const L = n === void 0 ? "medium" : n, M = c === void 0 ? "white" : c, w = u === void 0 ? "Search here" : u, C = h === void 0 ? "" : h, P = f === void 0 ? !1 : f, j = D(null), d = P && !l && C.length > 0;
+  let p;
+  e[10] !== t ? (p = (q) => {
+    var z, R;
+    q.preventDefault(), q.stopPropagation(), t == null || t({
+      target: {
+        value: ""
+      },
+      currentTarget: {
+        value: ""
+      }
+    }), (R = (z = j.current) == null ? void 0 : z.querySelector("input")) == null || R.focus();
+  }, e[10] = t, e[11] = p) : p = e[11];
+  const x = p;
+  let g;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ k("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "absolute left-4 top-1/2 transform -translate-y-1/2 h-4 w-4 pt-0.5", "aria-label": "Search icon", children: [
+    /* @__PURE__ */ m("title", { children: "Search" }),
+    /* @__PURE__ */ m("path", { d: "M5.73077 11.4616C4.13206 11.4616 2.77725 10.9061 1.66635 9.7952C0.55545 8.6843 0 7.32949 0 5.73078C0 4.13206 0.55545 2.77725 1.66635 1.66635C2.77725 0.55545 4.13206 0 5.73077 0C7.32951 0 8.68432 0.55545 9.7952 1.66635C10.9061 2.77725 11.4615 4.13206 11.4615 5.73078C11.4615 6.42564 11.3385 7.09807 11.0923 7.74808C10.8462 8.39808 10.5231 8.95385 10.1231 9.4154L16.0308 15.3231C16.1244 15.4167 16.1744 15.5314 16.1808 15.6673C16.1872 15.8032 16.1372 15.9244 16.0308 16.0308C15.9244 16.1372 15.8064 16.1904 15.677 16.1904C15.5475 16.1904 15.4295 16.1372 15.3231 16.0308L9.4154 10.1231C8.9154 10.5487 8.3404 10.8782 7.6904 11.1116C7.0404 11.3449 6.38719 11.4616 5.73077 11.4616ZM5.73077 10.4616C7.05771 10.4616 8.1779 10.0048 9.09135 9.09135C10.0048 8.17788 10.4615 7.05769 10.4615 5.73078C10.4615 4.40386 10.0048 3.28367 9.09135 2.3702C8.1779 1.45673 7.05771 1 5.73077 1C4.40386 1 3.28367 1.45673 2.3702 2.3702C1.45675 3.28367 1.00002 4.40386 1.00002 5.73078C1.00002 7.05769 1.45675 8.17788 2.3702 9.09135C3.28367 10.0048 4.40386 10.4616 5.73077 10.4616Z", fill: "currentColor", className: "text-gray-900" })
+  ] }), e[12] = g) : g = e[12];
+  const N = d && "pr-10", S = $[L], I = A[M];
+  let o;
+  e[13] !== r || e[14] !== I || e[15] !== N || e[16] !== S ? (o = X("pl-12 rounded-full", N, S, I, r), e[13] = r, e[14] = I, e[15] = N, e[16] = S, e[17] = o) : o = e[17];
+  let a;
+  e[18] !== l || e[19] !== s || e[20] !== t || e[21] !== w || e[22] !== C || e[23] !== y || e[24] !== o ? (a = /* @__PURE__ */ m(T, { ref: y, placeholder: w, className: o, onChange: t, value: C, disabled: l, ...s }), e[18] = l, e[19] = s, e[20] = t, e[21] = w, e[22] = C, e[23] = y, e[24] = o, e[25] = a) : a = e[25];
+  let i;
+  e[26] !== x || e[27] !== d ? (i = d && /* @__PURE__ */ m("button", { type: "button", className: "absolute right-3 top-1/2 flex h-7 w-7 -translate-y-1/2 items-center justify-center rounded-full text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "aria-label": "Clear search", onClick: x, children: /* @__PURE__ */ m(_, { className: "h-4 w-4 shrink-0", "aria-hidden": !0 }) }), e[26] = x, e[27] = d, e[28] = i) : i = e[28];
+  let v;
+  return e[29] !== a || e[30] !== i ? (v = /* @__PURE__ */ k("div", { ref: j, className: "relative", children: [
+    g,
+    a,
+    i
+  ] }), e[29] = a, e[30] = i, e[31] = v) : v = e[31], v;
+});
+E.displayName = "SearchInput";
+export {
+  E as SearchInput
+};

package/dist/components/overrides/ui/showcase/component-section.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as p, jsxs as b } from "react/jsx-runtime";
+import { c as y } from "react-compiler-runtime";
+import { Badge as u } from "../../../ui/badge.js";
+import { cn as h } from "../../../../lib/utils.js";
+function k(m) {
+  const e = y(8), {
+    title: s,
+    children: c,
+    className: a
+  } = m;
+  let r;
+  e[0] !== a ? (r = h("space-y-6", a), e[0] = a, e[1] = r) : r = e[1];
+  let i;
+  e[2] !== s ? (i = /* @__PURE__ */ p("div", { className: "border-b border-gray-200 pb-3", children: /* @__PURE__ */ p("h2", { className: "text-sm font-semibold text-gray-900 tracking-wide uppercase", children: s }) }), e[2] = s, e[3] = i) : i = e[3];
+  let t;
+  return e[4] !== c || e[5] !== r || e[6] !== i ? (t = /* @__PURE__ */ b("section", { className: r, children: [
+    i,
+    c
+  ] }), e[4] = c, e[5] = r, e[6] = i, e[7] = t) : t = e[7], t;
+}
+function j(m) {
+  const e = y(12), {
+    title: s,
+    variant: c,
+    children: a,
+    className: r
+  } = m, i = c === void 0 ? "primary" : c;
+  let t;
+  e[0] !== r ? (t = h("space-y-4", r), e[0] = r, e[1] = t) : t = e[1];
+  const d = i === "primary" ? "default" : "secondary", f = i === "primary" && "bg-black text-white hover:bg-black/90";
+  let l;
+  e[2] !== f ? (l = h(f), e[2] = f, e[3] = l) : l = e[3];
+  let n;
+  e[4] !== d || e[5] !== l || e[6] !== s ? (n = /* @__PURE__ */ p(u, { variant: d, className: l, children: s }), e[4] = d, e[5] = l, e[6] = s, e[7] = n) : n = e[7];
+  let o;
+  return e[8] !== a || e[9] !== t || e[10] !== n ? (o = /* @__PURE__ */ b("div", { className: t, children: [
+    n,
+    a
+  ] }), e[8] = a, e[9] = t, e[10] = n, e[11] = o) : o = e[11], o;
+}
+export {
+  k as ComponentSection,
+  j as ComponentVariant
+};

package/dist/components/ui/alert.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx as d, jsxs as I } from "react/jsx-runtime";
+import { c as N } from "react-compiler-runtime";
+import { cva as R } from "class-variance-authority";
+import { AlertCircle as A, AlertTriangle as D, CheckCircle2 as T, Info as C, X as V } from "lucide-react";
+import * as w from "react";
+import { cn as y } from "../../lib/utils.js";
+const $ = R("relative w-full rounded-lg border p-4", {
+  variants: {
+    variant: {
+      default: "bg-background text-foreground border-border",
+      info: "bg-blue-50 text-blue-900 border-blue-200 dark:bg-blue-950/50 dark:text-blue-200 dark:border-blue-900",
+      success: "bg-green-50 text-green-900 border-green-200 dark:bg-green-950/50 dark:text-green-200 dark:border-green-900",
+      warning: "bg-amber-50 text-amber-900 border-amber-200 dark:bg-amber-950/50 dark:text-amber-200 dark:border-amber-900",
+      error: "bg-red-50 text-red-900 border-red-200 dark:bg-red-950/50 dark:text-red-200 dark:border-red-900",
+      destructive: "bg-red-50 text-red-900 border-red-200 dark:bg-red-950/50 dark:text-red-200 dark:border-red-900"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), j = {
+  default: C,
+  info: C,
+  success: T,
+  warning: D,
+  error: A,
+  destructive: A
+}, X = w.forwardRef((s, o) => {
+  const e = N(33);
+  let r, t, a, l, i, n, p, k;
+  e[0] !== s ? ({
+    className: a,
+    variant: k,
+    severity: p,
+    icon: l,
+    onClose: i,
+    action: r,
+    children: t,
+    ...n
+  } = s, e[0] = s, e[1] = r, e[2] = t, e[3] = a, e[4] = l, e[5] = i, e[6] = n, e[7] = p, e[8] = k) : (r = e[1], t = e[2], a = e[3], l = e[4], i = e[5], n = e[6], p = e[7], k = e[8]);
+  const x = p || k || "default", c = l !== !1, h = j[x];
+  let b;
+  e[9] !== r || e[10] !== a || e[11] !== x || e[12] !== i || e[13] !== c ? (b = y($({
+    variant: x
+  }), (c || i || r) && "flex gap-3", a), e[9] = r, e[10] = a, e[11] = x, e[12] = i, e[13] = c, e[14] = b) : b = e[14];
+  let m;
+  e[15] !== h || e[16] !== l || e[17] !== c ? (m = c && /* @__PURE__ */ d("div", { className: "shrink-0 mt-0.5", children: l === void 0 ? /* @__PURE__ */ d(h, { className: "h-4 w-4" }) : l }), e[15] = h, e[16] = l, e[17] = c, e[18] = m) : m = e[18];
+  let f;
+  e[19] !== t ? (f = /* @__PURE__ */ d("div", { className: "flex-1 min-w-0", children: t }), e[19] = t, e[20] = f) : f = e[20];
+  let u;
+  e[21] !== r ? (u = r && /* @__PURE__ */ d("div", { className: "shrink-0", children: r }), e[21] = r, e[22] = u) : u = e[22];
+  let g;
+  e[23] !== i ? (g = i && /* @__PURE__ */ d("button", { type: "button", onClick: i, className: "shrink-0 rounded-sm opacity-70 hover:opacity-100 transition-opacity focus:outline-none", "aria-label": "Close", children: /* @__PURE__ */ d(V, { className: "h-4 w-4" }) }), e[23] = i, e[24] = g) : g = e[24];
+  let v;
+  return e[25] !== n || e[26] !== o || e[27] !== b || e[28] !== m || e[29] !== f || e[30] !== u || e[31] !== g ? (v = /* @__PURE__ */ I("div", { ref: o, role: "alert", className: b, ...n, children: [
+    m,
+    f,
+    u,
+    g
+  ] }), e[25] = n, e[26] = o, e[27] = b, e[28] = m, e[29] = f, e[30] = u, e[31] = g, e[32] = v) : v = e[32], v;
+});
+X.displayName = "Alert";
+const _ = w.forwardRef((s, o) => {
+  const e = N(9);
+  let r, t;
+  e[0] !== s ? ({
+    className: r,
+    ...t
+  } = s, e[0] = s, e[1] = r, e[2] = t) : (r = e[1], t = e[2]);
+  let a;
+  e[3] !== r ? (a = y("mb-1 font-medium leading-none tracking-tight", r), e[3] = r, e[4] = a) : a = e[4];
+  let l;
+  return e[5] !== t || e[6] !== o || e[7] !== a ? (l = /* @__PURE__ */ d("h5", { ref: o, className: a, ...t }), e[5] = t, e[6] = o, e[7] = a, e[8] = l) : l = e[8], l;
+});
+_.displayName = "AlertTitle";
+const q = w.forwardRef((s, o) => {
+  const e = N(9);
+  let r, t;
+  e[0] !== s ? ({
+    className: r,
+    ...t
+  } = s, e[0] = s, e[1] = r, e[2] = t) : (r = e[1], t = e[2]);
+  let a;
+  e[3] !== r ? (a = y("text-sm [&_p]:leading-relaxed", r), e[3] = r, e[4] = a) : a = e[4];
+  let l;
+  return e[5] !== t || e[6] !== o || e[7] !== a ? (l = /* @__PURE__ */ d("p", { ref: o, className: a, ...t }), e[5] = t, e[6] = o, e[7] = a, e[8] = l) : l = e[8], l;
+});
+q.displayName = "AlertDescription";
+export {
+  X as Alert,
+  q as AlertDescription,
+  _ as AlertTitle
+};

package/dist/components/ui/avatar.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import { Avatar as n } from "@base-ui/react/avatar";
+import { cva as u } from "class-variance-authority";
+import * as p from "react";
+import { cn as d } from "../../lib/utils.js";
+const v = u("relative flex shrink-0 overflow-hidden rounded-full", {
+  variants: {
+    size: {
+      sm: "h-8 w-8",
+      md: "h-10 w-10",
+      lg: "h-12 w-12",
+      xl: "h-16 w-16"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), w = p.forwardRef((f, o) => {
+  const e = c(11);
+  let a, t, r;
+  e[0] !== f ? ({
+    className: a,
+    size: r,
+    ...t
+  } = f, e[0] = f, e[1] = a, e[2] = t, e[3] = r) : (a = e[1], t = e[2], r = e[3]);
+  const l = o;
+  let s;
+  e[4] !== a || e[5] !== r ? (s = d(v({
+    size: r
+  }), a), e[4] = a, e[5] = r, e[6] = s) : s = e[6];
+  let i;
+  return e[7] !== t || e[8] !== l || e[9] !== s ? (i = /* @__PURE__ */ m(n.Root, { ref: l, className: s, ...t }), e[7] = t, e[8] = l, e[9] = s, e[10] = i) : i = e[10], i;
+});
+w.displayName = "Avatar";
+const N = p.forwardRef((f, o) => {
+  const e = c(9);
+  let a, t;
+  e[0] !== f ? ({
+    className: a,
+    ...t
+  } = f, e[0] = f, e[1] = a, e[2] = t) : (a = e[1], t = e[2]);
+  const r = o;
+  let l;
+  e[3] !== a ? (l = d("aspect-square h-full w-full", a), e[3] = a, e[4] = l) : l = e[4];
+  let s;
+  return e[5] !== t || e[6] !== r || e[7] !== l ? (s = /* @__PURE__ */ m(n.Image, { ref: r, className: l, ...t }), e[5] = t, e[6] = r, e[7] = l, e[8] = s) : s = e[8], s;
+});
+N.displayName = "AvatarImage";
+const h = p.forwardRef((f, o) => {
+  const e = c(9);
+  let a, t;
+  e[0] !== f ? ({
+    className: a,
+    ...t
+  } = f, e[0] = f, e[1] = a, e[2] = t) : (a = e[1], t = e[2]);
+  const r = o;
+  let l;
+  e[3] !== a ? (l = d("flex h-full w-full items-center justify-center rounded-full bg-muted", a), e[3] = a, e[4] = l) : l = e[4];
+  let s;
+  return e[5] !== t || e[6] !== r || e[7] !== l ? (s = /* @__PURE__ */ m(n.Fallback, { ref: r, className: l, ...t }), e[5] = t, e[6] = r, e[7] = l, e[8] = s) : s = e[8], s;
+});
+h.displayName = "AvatarFallback";
+export {
+  w as Avatar,
+  h as AvatarFallback,
+  N as AvatarImage
+};

package/dist/components/ui/badge.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { c as d } from "react-compiler-runtime";
+import { cva as f } from "class-variance-authority";
+import { cn as c } from "../../lib/utils.js";
+const l = f("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+  variants: {
+    variant: {
+      default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+      secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+      outline: "text-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function v(s) {
+  const r = d(10);
+  let e, t, o;
+  r[0] !== s ? ({
+    className: e,
+    variant: o,
+    ...t
+  } = s, r[0] = s, r[1] = e, r[2] = t, r[3] = o) : (e = r[1], t = r[2], o = r[3]);
+  let n;
+  r[4] !== e || r[5] !== o ? (n = c(l({
+    variant: o
+  }), e), r[4] = e, r[5] = o, r[6] = n) : n = r[6];
+  let a;
+  return r[7] !== t || r[8] !== n ? (a = /* @__PURE__ */ i("div", { className: n, ...t }), r[7] = t, r[8] = n, r[9] = a) : a = r[9], a;
+}
+export {
+  v as Badge,
+  l as badgeVariants
+};