@spear-ai/spectral 1.3.61 → 1.3.63

package/dist/Accordion.js

@@ -0,0 +1,465 @@
+"use client";
+import "./styles/main.css";
+import { jsx as i, jsxs as F } from "react/jsx-runtime";
+import "./Icons/AnnotationsIcon.js";
+import "./Icons/CalendarIcon.js";
+import "./Icons/CheckCircleIcon.js";
+import "./Icons/CheckSquareIcon.js";
+import "./Icons/CheckmarkIcon.js";
+import { ChevronDownIcon as me } from "./Icons/ChevronDownIcon.js";
+import "./Icons/ChevronUpIcon.js";
+import "./Icons/ClockIcon.js";
+import "./Icons/CloseCircleIcon.js";
+import "./Icons/CloseIcon.js";
+import "./Icons/DashboardIcon.js";
+import "./Icons/DeleteIcon.js";
+import "./Icons/DurationIcon.js";
+import "./Icons/EmailIcon.js";
+import "./Icons/EraserIcon.js";
+import "./Icons/ErrorIcon.js";
+import "./Icons/EyeClosedIcon.js";
+import "./Icons/EyeClosedIcon2.js";
+import "./Icons/EyeOpenIcon.js";
+import "./Icons/GoToFirstIcon.js";
+import "./Icons/GoToLastIcon.js";
+import "./Icons/HarmonicCursorsIcon.js";
+import "./Icons/InfoIcon.js";
+import "./Icons/LabelIcon.js";
+import "./Icons/LassoIcon.js";
+import "./Icons/LineToolIcon.js";
+import "./Icons/LiveViewIcon.js";
+import "./Icons/LoaderIcon.js";
+import "./Icons/LocationIcon.js";
+import "./Icons/LogoutIcon.js";
+import "./Icons/MessagesIcon.js";
+import "./Icons/MetadataIcon.js";
+import "./Icons/MinusIcon.js";
+import "./Icons/OntologyIcon.js";
+import "./Icons/PanelIconClose.js";
+import "./Icons/PanelIconOpen.js";
+import "./Icons/PlayIcon.js";
+import "./Icons/PlusIcon.js";
+import "./Icons/ResetIcon.js";
+import "./Icons/ScissorsIcon.js";
+import "./Icons/SettingsIcon.js";
+import "./Icons/TrashIcon.js";
+import "./Icons/UndoIcon.js";
+import "./Icons/UserIcon.js";
+import "./Icons/WarningIcon.js";
+import "./Icons/ZoomAllIcon.js";
+import "./Icons/ZoomXIcon.js";
+import "./Icons/ZoomYIcon.js";
+import { useAccordionAutoScroll as ue } from "./hooks/useAccordionAutoScroll.js";
+import * as u from "react";
+import m, { createContext as fe, forwardRef as w, Children as ve, isValidElement as Ce, cloneElement as be, useContext as ge, useRef as Ae, useCallback as he } from "react";
+import { c as z, u as V, P as R, b as B, a as U, d as xe } from "./index-BhufZRa2.js";
+import { c as Ie, u as Re } from "./index-UEFPWH8U.js";
+import { P as ye } from "./index-6Abv_Flm.js";
+import { u as q } from "./index-CVSxKOPp.js";
+import { cn as _ } from "./utils/twUtils.js";
+var P = "Collapsible", [Ne, J] = z(P), [we, $] = Ne(P), Y = u.forwardRef(
+  (e, a) => {
+    const {
+      __scopeCollapsible: o,
+      open: t,
+      defaultOpen: r,
+      disabled: n,
+      onOpenChange: c,
+      ...l
+    } = e, [s, p] = V({
+      prop: t,
+      defaultProp: r ?? !1,
+      onChange: c,
+      caller: P
+    });
+    return /* @__PURE__ */ i(
+      we,
+      {
+        scope: o,
+        disabled: n,
+        contentId: q(),
+        open: s,
+        onOpenToggle: u.useCallback(() => p((f) => !f), [p]),
+        children: /* @__PURE__ */ i(
+          R.div,
+          {
+            "data-state": L(s),
+            "data-disabled": n ? "" : void 0,
+            ...l,
+            ref: a
+          }
+        )
+      }
+    );
+  }
+);
+Y.displayName = P;
+var Q = "CollapsibleTrigger", W = u.forwardRef(
+  (e, a) => {
+    const { __scopeCollapsible: o, ...t } = e, r = $(Q, o);
+    return /* @__PURE__ */ i(
+      R.button,
+      {
+        type: "button",
+        "aria-controls": r.contentId,
+        "aria-expanded": r.open || !1,
+        "data-state": L(r.open),
+        "data-disabled": r.disabled ? "" : void 0,
+        disabled: r.disabled,
+        ...t,
+        ref: a,
+        onClick: B(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+W.displayName = Q;
+var H = "CollapsibleContent", X = u.forwardRef(
+  (e, a) => {
+    const { forceMount: o, ...t } = e, r = $(H, e.__scopeCollapsible);
+    return /* @__PURE__ */ i(ye, { present: o || r.open, children: ({ present: n }) => /* @__PURE__ */ i(_e, { ...t, ref: a, present: n }) });
+  }
+);
+X.displayName = H;
+var _e = u.forwardRef((e, a) => {
+  const { __scopeCollapsible: o, present: t, children: r, ...n } = e, c = $(H, o), [l, s] = u.useState(t), p = u.useRef(null), f = U(a, p), v = u.useRef(0), x = v.current, b = u.useRef(0), y = b.current, g = c.open || l, A = u.useRef(g), h = u.useRef(void 0);
+  return u.useEffect(() => {
+    const d = requestAnimationFrame(() => A.current = !1);
+    return () => cancelAnimationFrame(d);
+  }, []), xe(() => {
+    const d = p.current;
+    if (d) {
+      h.current = h.current || {
+        transitionDuration: d.style.transitionDuration,
+        animationName: d.style.animationName
+      }, d.style.transitionDuration = "0s", d.style.animationName = "none";
+      const I = d.getBoundingClientRect();
+      v.current = I.height, b.current = I.width, A.current || (d.style.transitionDuration = h.current.transitionDuration, d.style.animationName = h.current.animationName), s(t);
+    }
+  }, [c.open, t]), /* @__PURE__ */ i(
+    R.div,
+    {
+      "data-state": L(c.open),
+      "data-disabled": c.disabled ? "" : void 0,
+      id: c.contentId,
+      hidden: !g,
+      ...n,
+      ref: f,
+      style: {
+        "--radix-collapsible-content-height": x ? `${x}px` : void 0,
+        "--radix-collapsible-content-width": y ? `${y}px` : void 0,
+        ...e.style
+      },
+      children: g && r
+    }
+  );
+});
+function L(e) {
+  return e ? "open" : "closed";
+}
+var Pe = Y, Ee = W, Se = X, C = "Accordion", Oe = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"], [G, Te, ke] = Ie(C), [E] = z(C, [
+  ke,
+  J
+]), K = J(), Z = m.forwardRef(
+  (e, a) => {
+    const { type: o, ...t } = e, r = t, n = t;
+    return /* @__PURE__ */ i(G.Provider, { scope: e.__scopeAccordion, children: o === "multiple" ? /* @__PURE__ */ i($e, { ...n, ref: a }) : /* @__PURE__ */ i(Ve, { ...r, ref: a }) });
+  }
+);
+Z.displayName = C;
+var [ee, De] = E(C), [oe, Me] = E(
+  C,
+  { collapsible: !1 }
+), Ve = m.forwardRef(
+  (e, a) => {
+    const {
+      value: o,
+      defaultValue: t,
+      onValueChange: r = () => {
+      },
+      collapsible: n = !1,
+      ...c
+    } = e, [l, s] = V({
+      prop: o,
+      defaultProp: t ?? "",
+      onChange: r,
+      caller: C
+    });
+    return /* @__PURE__ */ i(
+      ee,
+      {
+        scope: e.__scopeAccordion,
+        value: m.useMemo(() => l ? [l] : [], [l]),
+        onItemOpen: s,
+        onItemClose: m.useCallback(() => n && s(""), [n, s]),
+        children: /* @__PURE__ */ i(oe, { scope: e.__scopeAccordion, collapsible: n, children: /* @__PURE__ */ i(te, { ...c, ref: a }) })
+      }
+    );
+  }
+), $e = m.forwardRef((e, a) => {
+  const {
+    value: o,
+    defaultValue: t,
+    onValueChange: r = () => {
+    },
+    ...n
+  } = e, [c, l] = V({
+    prop: o,
+    defaultProp: t ?? [],
+    onChange: r,
+    caller: C
+  }), s = m.useCallback(
+    (f) => l((v = []) => [...v, f]),
+    [l]
+  ), p = m.useCallback(
+    (f) => l((v = []) => v.filter((x) => x !== f)),
+    [l]
+  );
+  return /* @__PURE__ */ i(
+    ee,
+    {
+      scope: e.__scopeAccordion,
+      value: c,
+      onItemOpen: s,
+      onItemClose: p,
+      children: /* @__PURE__ */ i(oe, { scope: e.__scopeAccordion, collapsible: !0, children: /* @__PURE__ */ i(te, { ...n, ref: a }) })
+    }
+  );
+}), [He, S] = E(C), te = m.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, disabled: t, dir: r, orientation: n = "vertical", ...c } = e, l = m.useRef(null), s = U(l, a), p = Te(o), v = Re(r) === "ltr", x = B(e.onKeyDown, (b) => {
+      if (!Oe.includes(b.key)) return;
+      const y = b.target, g = p().filter((D) => !D.ref.current?.disabled), A = g.findIndex((D) => D.ref.current === y), h = g.length;
+      if (A === -1) return;
+      b.preventDefault();
+      let d = A;
+      const I = 0, O = h - 1, T = () => {
+        d = A + 1, d > O && (d = I);
+      }, k = () => {
+        d = A - 1, d < I && (d = O);
+      };
+      switch (b.key) {
+        case "Home":
+          d = I;
+          break;
+        case "End":
+          d = O;
+          break;
+        case "ArrowRight":
+          n === "horizontal" && (v ? T() : k());
+          break;
+        case "ArrowDown":
+          n === "vertical" && T();
+          break;
+        case "ArrowLeft":
+          n === "horizontal" && (v ? k() : T());
+          break;
+        case "ArrowUp":
+          n === "vertical" && k();
+          break;
+      }
+      const pe = d % h;
+      g[pe].ref.current?.focus();
+    });
+    return /* @__PURE__ */ i(
+      He,
+      {
+        scope: o,
+        disabled: t,
+        direction: r,
+        orientation: n,
+        children: /* @__PURE__ */ i(G.Slot, { scope: o, children: /* @__PURE__ */ i(
+          R.div,
+          {
+            ...c,
+            "data-orientation": n,
+            ref: s,
+            onKeyDown: t ? void 0 : x
+          }
+        ) })
+      }
+    );
+  }
+), N = "AccordionItem", [Le, j] = E(N), re = m.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, value: t, ...r } = e, n = S(N, o), c = De(N, o), l = K(o), s = q(), p = t && c.value.includes(t) || !1, f = n.disabled || e.disabled;
+    return /* @__PURE__ */ i(
+      Le,
+      {
+        scope: o,
+        open: p,
+        disabled: f,
+        triggerId: s,
+        children: /* @__PURE__ */ i(
+          Pe,
+          {
+            "data-orientation": n.orientation,
+            "data-state": se(p),
+            ...l,
+            ...r,
+            ref: a,
+            disabled: f,
+            open: p,
+            onOpenChange: (v) => {
+              v ? c.onItemOpen(t) : c.onItemClose(t);
+            }
+          }
+        )
+      }
+    );
+  }
+);
+re.displayName = N;
+var ne = "AccordionHeader", ae = m.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, ...t } = e, r = S(C, o), n = j(ne, o);
+    return /* @__PURE__ */ i(
+      R.h3,
+      {
+        "data-orientation": r.orientation,
+        "data-state": se(n.open),
+        "data-disabled": n.disabled ? "" : void 0,
+        ...t,
+        ref: a
+      }
+    );
+  }
+);
+ae.displayName = ne;
+var M = "AccordionTrigger", ie = m.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, ...t } = e, r = S(C, o), n = j(M, o), c = Me(M, o), l = K(o);
+    return /* @__PURE__ */ i(G.ItemSlot, { scope: o, children: /* @__PURE__ */ i(
+      Ee,
+      {
+        "aria-disabled": n.open && !c.collapsible || void 0,
+        "data-orientation": r.orientation,
+        id: n.triggerId,
+        ...l,
+        ...t,
+        ref: a
+      }
+    ) });
+  }
+);
+ie.displayName = M;
+var ce = "AccordionContent", le = m.forwardRef(
+  (e, a) => {
+    const { __scopeAccordion: o, ...t } = e, r = S(C, o), n = j(ce, o), c = K(o);
+    return /* @__PURE__ */ i(
+      Se,
+      {
+        role: "region",
+        "aria-labelledby": n.triggerId,
+        "data-orientation": r.orientation,
+        ...c,
+        ...t,
+        ref: a,
+        style: {
+          "--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+          "--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+          ...e.style
+        }
+      }
+    );
+  }
+);
+le.displayName = ce;
+function se(e) {
+  return e ? "open" : "closed";
+}
+var Ge = Z, Ke = re, je = ae, Fe = ie, ze = le;
+const Be = {
+  default: "shadow-none",
+  contained: "rounded-md border border-level-four",
+  separated: "rounded-none space-y-2"
+}, Ue = {
+  default: "",
+  contained: "last:border-b-0",
+  separated: "rounded-md"
+}, de = fe({ variant: "default" }), qe = w(({ variant: e = "default", ...a }, o) => {
+  const { autoScroll: t = "never", scrollPadding: r = -20, children: n, ...c } = a, l = {
+    autoScroll: t,
+    scrollPadding: r
+  }, s = {
+    ...c,
+    ref: o
+  };
+  return /* @__PURE__ */ i(de.Provider, { value: { variant: e }, children: /* @__PURE__ */ i(
+    Ge,
+    {
+      ...s,
+      "data-slot": "accordion",
+      "data-scroll-options": JSON.stringify(l),
+      "data-auto-scroll": t,
+      "data-scroll-padding": r,
+      ...a.type === "single" ? { collapsible: !0 } : {},
+      className: _("accordion-wrapper flex flex-col", Be[e]),
+      children: ve.map(n, (p) => Ce(p) ? be(p, { variant: e }) : p)
+    }
+  ) });
+});
+qe.displayName = "Accordion";
+const Je = w(({ className: e, ...a }, o) => {
+  const { variant: t = "default" } = ge(de);
+  return /* @__PURE__ */ i(
+    Ke,
+    {
+      ref: o,
+      "data-slot": "accordion-item",
+      className: _("border-level-four w-full border-b p-4", Ue[t], e),
+      ...a
+    }
+  );
+});
+Je.displayName = "AccordionItem";
+const Ye = w(({ className: e, title: a, subtitle: o, ...t }, r) => {
+  const n = Ae(null), c = ue(n), l = he(
+    (s) => {
+      typeof r == "function" ? r(s) : r && (r.current = s), n.current = s;
+    },
+    [r]
+  );
+  return /* @__PURE__ */ i(je, { className: "m-0 flex", children: /* @__PURE__ */ F(
+    Fe,
+    {
+      ref: l,
+      "data-slot": "accordion-trigger",
+      className: _(
+        "text-text-primary flex flex-1 items-center justify-between text-sm font-normal transition-all hover:no-underline",
+        "disabled:cursor-not-allowed [&[data-state=open]>svg]:rotate-180",
+        e
+      ),
+      onClick: c,
+      ...t,
+      children: [
+        /* @__PURE__ */ F("div", { className: "flex w-full flex-col space-y-0.5 text-start", children: [
+          /* @__PURE__ */ i("div", { className: "text-text-primary text-base font-medium", children: a }),
+          o && /* @__PURE__ */ i("div", { className: "text-text-secondary text-sm font-normal", children: o })
+        ] }),
+        /* @__PURE__ */ i(me, { className: "shrink-0 transition-transform duration-200" })
+      ]
+    }
+  ) });
+});
+Ye.displayName = "AccordionTrigger";
+const Qe = w(({ className: e, children: a, ...o }, t) => /* @__PURE__ */ i(
+  ze,
+  {
+    ref: t,
+    "data-slot": "accordion-content",
+    className: _(
+      "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden pt-4 text-sm",
+      e
+    ),
+    ...o,
+    children: /* @__PURE__ */ i("div", { className: "px-1 pt-0 pb-4", "data-slot": "accordion-content-inner", children: a })
+  }
+));
+Qe.displayName = "AccordionContent";
+export {
+  qe as Accordion,
+  Qe as AccordionContent,
+  Je as AccordionItem,
+  Ye as AccordionTrigger
+};

package/dist/Alert/AlertBase.js

@@ -1,8 +1,8 @@
 "use client";
 import "../styles/main.css";
 import { jsx as s } from "react/jsx-runtime";
-import { c as l } from "../twUtils-CRiPKpXj.js";
-import { c as i } from "../index-CRBC94ik.js";
+import { cn as l } from "../utils/twUtils.js";
+import { c as i } from "../index-D29mdTf5.js";
 import { forwardRef as o, useState as n, useEffect as d } from "react";
 import { createPortal as c } from "react-dom";
 const g = i(

package/dist/Alert.js

@@ -32,6 +32,7 @@ import "./Icons/LiveViewIcon.js";
 import "./Icons/LoaderIcon.js";
 import "./Icons/LocationIcon.js";
 import "./Icons/LogoutIcon.js";
+import "./Icons/MessagesIcon.js";
 import "./Icons/MetadataIcon.js";
 import "./Icons/MinusIcon.js";
 import "./Icons/OntologyIcon.js";
@@ -49,9 +50,9 @@ import { WarningIcon as E } from "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { c as g } from "./twUtils-CRiPKpXj.js";
+import { cn as g } from "./utils/twUtils.js";
 import { useRef as x, useEffect as R } from "react";
-const Rr = ({ id: a, description: s, onClose: c, icon: l, title: d, className: u, variant: o = "default" }) => {
+const Tr = ({ id: a, description: s, onClose: c, icon: l, title: d, className: u, variant: o = "default" }) => {
   const t = x(null), e = l || {
     info: /* @__PURE__ */ r(C, {}),
     success: /* @__PURE__ */ r(A, {}),
@@ -106,5 +107,5 @@ const Rr = ({ id: a, description: s, onClose: c, icon: l, title: d, className: u
   ) });
 };
 export {
-  Rr as Alert
+  Tr as Alert
 };

package/dist/Avatar.d.ts

@@ -1,2 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+type AvatarSize = 'small' | 'medium' | 'large';
+export interface AvatarProps {
+    userFullName?: string;
+    imageSource?: string;
+    icon?: ReactElement;
+    fallback?: ReactNode;
+    size?: AvatarSize;
+    className?: string;
+    alt?: string;
+}
+export declare const Avatar: ({ userFullName, imageSource, icon, fallback, size, className, alt }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar.js

@@ -1 +1,88 @@
-
+"use client";
+import "./styles/main.css";
+import { jsx as n } from "react/jsx-runtime";
+import { cn as i } from "./utils/twUtils.js";
+import { useState as x, useEffect as g, isValidElement as w, cloneElement as u } from "react";
+const y = {
+  small: "h-8 w-8",
+  medium: "h-10 w-10",
+  large: "h-12 w-12"
+}, v = {
+  small: "text-sm",
+  medium: "text-lg",
+  large: "text-2xl"
+}, j = {
+  small: 24,
+  medium: 32,
+  large: 40
+}, N = (l) => {
+  const t = l.trim();
+  if (!t) return "?";
+  const e = t.split(/\s+/).filter(Boolean);
+  return e.length === 0 ? "?" : e.length === 1 ? e[0].charAt(0).toUpperCase() : (e[0].charAt(0) + e[e.length - 1].charAt(0)).toUpperCase();
+}, E = ({ userFullName: l, imageSource: t, icon: e, fallback: s, size: a = "medium", className: d, alt: c }) => {
+  const [f, o] = x("loading");
+  g(() => {
+    if (!t) return;
+    o("loading");
+    const r = new Image();
+    return r.src = t, r.onload = () => o("loaded"), r.onerror = () => o("error"), () => {
+      r.onload = null, r.onerror = null;
+    };
+  }, [t]);
+  const p = () => {
+    if (l)
+      return /* @__PURE__ */ n(
+        "span",
+        {
+          className: i(
+            "text-text-primary flex h-full w-full items-center justify-center font-bold tracking-tighter",
+            v[a]
+          ),
+          "aria-label": `${l} avatar`,
+          children: N(l)
+        }
+      );
+    if (e) {
+      const r = j[a];
+      return /* @__PURE__ */ n("span", { className: "flex h-full w-full items-center justify-center", children: w(e) ? (() => {
+        const m = {
+          className: i("shrink-0", e.props.className),
+          "aria-hidden": "true"
+        };
+        if (e.type.displayName?.includes("Icon") ?? !1) {
+          const h = {
+            ...m,
+            size: r
+          };
+          return u(e, h);
+        }
+        return u(e, m);
+      })() : e });
+    }
+    return t && f === "loaded" ? /* @__PURE__ */ n(
+      "img",
+      {
+        src: t,
+        "aria-label": c || "Avatar",
+        alt: c || "Avatar",
+        className: "absolute inset-0 h-full w-full rounded-full object-cover"
+      }
+    ) : t && f === "error" && s ? /* @__PURE__ */ n("span", { className: "flex h-full w-full items-center justify-center", children: s }) : s ? /* @__PURE__ */ n("span", { className: "text-text-primary flex h-full w-full items-center justify-center", children: s }) : /* @__PURE__ */ n("span", { className: "border-danger-300 text-danger-300 flex h-full w-full items-center justify-center rounded-full border-2 font-bold", children: "?" });
+  };
+  return /* @__PURE__ */ n(
+    "span",
+    {
+      className: i(
+        "bg-level-two relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full",
+        y[a],
+        d
+      ),
+      "data-slot": "avatar",
+      children: p()
+    }
+  );
+};
+export {
+  E as Avatar
+};

package/dist/Badge.d.ts

@@ -1,3 +1,13 @@
-import { BadgeProps } from './BadgeBase';
-export declare const Badge: ({ children, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+export type BadgeProps = ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+};
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const Badge: ({ className, variant, asChild, ...props }: ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=Badge.d.ts.map

package/dist/Badge.js

@@ -1,7 +1,31 @@
 import "./styles/main.css";
-import { jsx as e } from "react/jsx-runtime";
-import { BadgeBase as t } from "./Badge/BadgeBase.js";
-const p = ({ children: r, ...o }) => /* @__PURE__ */ e(t, { ...o, children: r });
+import { jsx as o } from "react/jsx-runtime";
+import { Slot as i } from "./primitives/slot.js";
+import { cn as n } from "./utils/twUtils.js";
+import { c as d } from "./index-D29mdTf5.js";
+const s = d(
+  `inline-flex items-center justify-center rounded-sm px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none
+  focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-danger-200 aria-invalid:border-danger-200
+  transition-[color,box-shadow] overflow-hidden`,
+  {
+    variants: {
+      variant: {
+        default: "bg-badge-primary-bg text-text-primary [a&]:hover:bg-badge-primary-bg--hover group-data-[state=on]:bg-badge-primary-bg--active",
+        secondary: "bg-badge-secondary-bg text-badge-secondary-text [a&]:hover:bg-badge-secondary-bg--hover",
+        destructive: "bg-badge-destructive-bg text-text-primary [a&]:hover:bg-danger-400 focus-visible:ring-badge-destructive-border",
+        outline: "border border-badge-outline-border text-text-primary [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), m = ({
+  className: e,
+  variant: r,
+  asChild: a = !1,
+  ...t
+}) => /* @__PURE__ */ o(a ? i : "span", { "data-slot": "badge", className: n(s({ variant: r }), e), ...t });
 export {
-  p as Badge
+  m as Badge
 };

package/dist/Button.js

@@ -1,8 +1,8 @@
 "use client";
 import "./styles/main.css";
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { c as u } from "./twUtils-CRiPKpXj.js";
-import { c as y } from "./index-CRBC94ik.js";
+import { cn as u } from "./utils/twUtils.js";
+import { c as y } from "./index-D29mdTf5.js";
 import { forwardRef as h } from "react";
 import { L as f } from "./loader-circle-CvdzOiQ_.js";
 const N = y(

package/dist/ButtonGroup/ButtonGroupButton.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+export declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const ButtonGroupButton: {
+    ({ className, variant, size, asChild, ...props }: ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+        asChild?: boolean;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ButtonGroupButton.d.ts.map