@spear-ai/spectral 1.3.67 → 1.4.0

package/dist/Accordion.js

@@ -403,7 +403,7 @@ const Be = {
       "data-auto-scroll": t,
       "data-scroll-padding": r,
       ...a.type === "single" ? { collapsible: !0 } : {},
-      className: _("accordion-wrapper flex flex-col", Be[e]),
+      className: _("flex flex-col accordion-wrapper", Be[e]),
       children: ve.map(n, (p) => Ce(p) ? be(p, { variant: e }) : p)
     }
   ) });
@@ -411,15 +411,7 @@ const Be = {
 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
-    }
-  );
+  return /* @__PURE__ */ i(Ke, { ref: o, "data-slot": "accordion-item", className: _("w-full border-b border-level-four p-4", Ue[t], e), ...a });
 });
 Je.displayName = "AccordionItem";
 const Ye = w(({ className: e, title: a, subtitle: o, ...t }, r) => {
@@ -434,17 +426,13 @@ const Ye = w(({ className: e, title: a, subtitle: o, ...t }, r) => {
     {
       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
-      ),
+      className: _("flex flex-1 items-center justify-between text-sm font-normal text-text-primary 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__ */ F("div", { className: "flex flex-col space-y-0.5 text-start w-full", children: [
+          /* @__PURE__ */ i("div", { className: "text-base font-medium text-text-primary", children: a }),
+          o && /* @__PURE__ */ i("div", { className: "text-sm font-normal text-text-secondary", children: o })
         ] }),
         /* @__PURE__ */ i(me, { className: "shrink-0 transition-transform duration-200" })
       ]
@@ -452,19 +440,7 @@ const Ye = w(({ className: e, title: a, subtitle: o, ...t }, r) => {
   ) });
 });
 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 })
-  }
-));
+const Qe = w(({ className: e, children: a, ...o }, t) => /* @__PURE__ */ i(ze, { ref: t, "data-slot": "accordion-content", className: _("overflow-hidden pt-4 text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", e), ...o, children: /* @__PURE__ */ i("div", { className: "px-1 pb-4 pt-0", "data-slot": "accordion-content-inner", children: a }) }));
 Qe.displayName = "AccordionContent";
 export {
   qe as Accordion,

package/dist/Alert/AlertBase.d.ts

@@ -1,9 +1,18 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes, ReactNode } from 'react';
+declare const titleIconColors: {
+    success: string;
+    warning: string;
+    danger: string;
+    info: string;
+    default: string;
+};
 export declare const AlertBase: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
     variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const AlertTitle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const AlertTitle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & {
+    variant: keyof typeof titleIconColors;
+} & import('react').RefAttributes<HTMLParagraphElement>>;
 export declare const AlertDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
 type AlertPortalProps = {
     children: ReactNode;

package/dist/Alert/AlertBase.js

@@ -1,63 +1,46 @@
 "use client";
 import "../styles/main.css";
-import { jsx as s } from "react/jsx-runtime";
-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(
-  `fixed top-2 left-1/2 -translate-x-1/2 z-50 w-full max-w-md rounded-md border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4
-  [&>svg]:translate-y-0.5 [&>svg]:text-current transform transition-all duration-300 ease-in-out translate-y-0 opacity-100 scale-100 animate-in slide-in-from-top-full fade-in duration-300`,
+import { jsx as l } from "react/jsx-runtime";
+import { cn as s } from "../utils/twUtils.js";
+import { c as n } from "../index-D29mdTf5.js";
+import { forwardRef as i, useState as o, useEffect as d } from "react";
+import { createPortal as g } from "react-dom";
+const c = n(
+  `fixed top-2 left-1/2 -translate-x-1/2 z-50 w-full max-w-md rounded-md border px-4 py-3 text-sm flex has-[>svg]:grid-cols-[6_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-2 gap-y-0.5
+  items-start [&>svg]:size-6 [&>svg]:translate-y-0.5 transform transition-all duration-300 ease-in-out translate-y-0 opacity-100 scale-100 animate-in slide-in-from-top-full fade-in duration-300`,
   {
     variants: {
       variant: {
         default: "bg-alert-bg text-alert-text border-alert-border",
-        success: "bg-alert-success-bg text-alert-success-text border-alert-success-border",
-        warning: "bg-alert-warning-bg text-alert-warning-text border-alert-warning-border",
-        danger: "bg-alert-danger-bg text-alert-danger-text border-alert-danger-border",
-        info: "bg-alert-info-bg text-alert-info-text border-alert-info-border"
+        success: "bg-alert-success-bg border-alert-success-border [&>svg]:!text-alert-success-text [&>svg]items-start",
+        warning: "bg-alert-warning-bg border-alert-warning-border [&>svg]:!text-alert-warning-text [&_[data-slot='alert-title']]:!text-alert-warning-text",
+        danger: "bg-alert-danger-bg border-alert-danger-border [&>svg]:!text-alert-danger-text [&_[data-slot='alert-title']]:!text-alert-danger-text",
+        info: "bg-alert-info-bg border-alert-info-border [&>svg]:!text-alert-info-text [&_[data-slot='alert-title']]:!text-alert-info-text"
       }
     },
     defaultVariants: {
       variant: "default"
     }
   }
-), f = o(({ className: t, variant: e, ...r }, a) => /* @__PURE__ */ s("div", { "data-slot": "alert", role: "alert", className: l(g({ variant: e }), t), ref: a, ...r }));
+), x = {
+  success: "text-alert-success-text",
+  warning: "text-alert-warning-text",
+  danger: "text-alert-danger-text",
+  info: "text-alert-info-text",
+  default: "text-alert-text"
+}, f = i(({ className: t, variant: e, ...r }, a) => /* @__PURE__ */ l("div", { "data-slot": "alert", role: "alert", className: s(c({ variant: e }), t), ref: a, ...r }));
 f.displayName = "AlertBase";
-const m = o(
-  ({ className: t, ...e }, r) => /* @__PURE__ */ s(
-    "div",
-    {
-      "data-slot": "alert-title",
-      ref: r,
-      className: l("col-start-2 line-clamp-1 min-h-4 text-base font-semibold tracking-tight", t),
-      ...e
-    }
-  )
-);
+const m = i(({ className: t, variant: e, ...r }, a) => /* @__PURE__ */ l("div", { "data-slot": "alert-title", ref: a, className: s(x[e], "col-start-2 line-clamp-1 min-h-4 font-semibold text-base tracking-tight h-6 flex items-center", t), ...r }));
 m.displayName = "AlertTitle";
-const u = o(
-  ({ className: t, ...e }, r) => /* @__PURE__ */ s(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: l(
-        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
-        t
-      ),
-      ref: r,
-      ...e
-    }
-  )
-);
+const u = i(({ className: t, ...e }, r) => /* @__PURE__ */ l("div", { "data-slot": "alert-description", className: s("text-primary-inverse col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", t), ref: r, ...e }));
 u.displayName = "AlertDescription";
-function w({ children: t, container: e }) {
-  const [r, a] = n(!1);
-  return d(() => (a(!0), () => a(!1)), []), r ? c(t, e ?? document.body) : null;
+function A({ children: t, container: e }) {
+  const [r, a] = o(!1);
+  return d(() => (a(!0), () => a(!1)), []), r ? g(t, e ?? document.body) : null;
 }
 export {
   f as AlertBase,
   u as AlertDescription,
-  w as AlertPortal,
+  A as AlertPortal,
   m as AlertTitle
 };

package/dist/Alert.d.ts

@@ -2,11 +2,11 @@ import { ReactNode } from 'react';
 export interface AlertProps {
     onClose?: () => void;
     className?: string;
-    readonly description: string | ReactNode | undefined;
-    readonly icon?: ReactNode;
-    readonly id: string | undefined;
-    readonly title: string | undefined;
-    readonly variant?: 'default' | 'info' | 'success' | 'warning' | 'danger';
+    description: string | ReactNode | undefined;
+    icon?: ReactNode;
+    id: string | undefined;
+    title: string | undefined;
+    variant?: 'default' | 'info' | 'success' | 'warning' | 'danger';
 }
 export declare const Alert: ({ id, description, onClose, icon, title, className, variant }: AlertProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Alert.d.ts.map

package/dist/Alert.js

@@ -1,19 +1,19 @@
 "use client";
 import "./styles/main.css";
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { AlertPortal as v, AlertBase as w, AlertTitle as y, AlertDescription as I } from "./Alert/AlertBase.js";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { AlertPortal as y, AlertBase as h, AlertTitle as v, AlertDescription as A } from "./Alert/AlertBase.js";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
-import { CheckSquareIcon as A } from "./Icons/CheckSquareIcon.js";
+import { CheckSquareIcon as w } from "./Icons/CheckSquareIcon.js";
 import "./Icons/CheckmarkIcon.js";
 import "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
 import { CloseCircleIcon as b } from "./Icons/CloseCircleIcon.js";
-import { CloseIcon as N } from "./Icons/CloseIcon.js";
+import { CloseIcon as C } from "./Icons/CloseIcon.js";
 import "./Icons/DashboardIcon.js";
 import "./Icons/DatabaseIcon.js";
 import "./Icons/DeleteIcon.js";
@@ -27,7 +27,7 @@ import "./Icons/EyeOpenIcon.js";
 import "./Icons/GoToFirstIcon.js";
 import "./Icons/GoToLastIcon.js";
 import "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as C } from "./Icons/InfoIcon.js";
+import { InfoIcon as E } from "./Icons/InfoIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
@@ -55,66 +55,55 @@ import "./Icons/StarIcon.js";
 import "./Icons/TrashIcon.js";
 import "./Icons/UndoIcon.js";
 import "./Icons/UserIcon.js";
-import { WarningIcon as E } from "./Icons/WarningIcon.js";
+import { WarningIcon as N } from "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { cn as g } from "./utils/twUtils.js";
-import { useRef as x, useEffect as R } from "react";
-const Vr = ({ id: a, description: s, onClose: c, icon: l, title: d, className: u, variant: o = "default" }) => {
-  const t = x(null), i = l || {
-    info: /* @__PURE__ */ r(C, {}),
-    success: /* @__PURE__ */ r(A, {}),
-    warning: /* @__PURE__ */ r(E, {}),
-    danger: /* @__PURE__ */ r(b, {}),
+import { useRef as R, useEffect as T } from "react";
+const Vt = ({ id: n, description: a, onClose: s, icon: l, title: c, className: d, variant: o = "default" }) => {
+  const r = R(null), u = l || {
+    info: /* @__PURE__ */ t(E, {}),
+    success: /* @__PURE__ */ t(w, {}),
+    warning: /* @__PURE__ */ t(N, {}),
+    danger: /* @__PURE__ */ t(b, {}),
     default: null
   }[o];
-  R(() => {
-    const p = (n) => {
-      n.key === "Escape" && t.current && (n.preventDefault(), e());
+  T(() => {
+    const e = (p) => {
+      p.key === "Escape" && r.current && (p.preventDefault(), i());
     };
-    return document.addEventListener("keydown", p), () => {
-      document.removeEventListener("keydown", p);
+    return document.addEventListener("keydown", e), () => {
+      document.removeEventListener("keydown", e);
     };
   }, []);
-  const e = () => {
-    t.current && (t.current.style.opacity = "0", setTimeout(() => {
-      t.current && (t.current.style.display = "none"), c?.();
+  const i = () => {
+    r.current && (r.current.style.opacity = "0", setTimeout(() => {
+      r.current && (r.current.style.display = "none"), s?.();
     }, 300));
   }, f = () => {
-    e();
-  }, h = (/* @__PURE__ */ new Set(["danger", "warning"])).has(o) ? "assertive" : "polite";
-  return /* @__PURE__ */ r(v, { children: /* @__PURE__ */ m(
-    w,
-    {
-      ref: t,
-      id: a,
-      "aria-live": h,
-      variant: o,
-      "data-variant": o,
-      className: g("alert-wrapper tw-transition-opacity tw-duration-300 flex", u),
-      children: [
-        i && /* @__PURE__ */ r("div", { className: "icon-wrapper aria-hidden mr-2", children: i }),
-        /* @__PURE__ */ m("div", { className: "content-wrapper", children: [
-          /* @__PURE__ */ r(y, { children: d }),
-          /* @__PURE__ */ r(I, { children: s })
-        ] }),
-        /* @__PURE__ */ r(
-          "button",
-          {
-            type: "button",
-            tabIndex: 0,
-            className: "close-icon-wrapper focus-visible:outline-text-secondary absolute top-2 right-2 cursor-pointer rounded outline-transparent focus-visible:outline-1 focus-visible:outline-offset-1",
-            onClick: f,
-            "aria-label": "Close alert",
-            "data-testid": "alert-close-button",
-            children: /* @__PURE__ */ r(N, { size: 20, "aria-hidden": "true" })
-          }
-        )
-      ]
-    }
-  ) });
+    i();
+  }, I = (/* @__PURE__ */ new Set(["danger", "warning"])).has(o) ? "assertive" : "polite";
+  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ m(h, { "aria-live": I, className: g("alert-wrapper transition-opacity duration-300", d), "data-slot": "alert", "data-variant": o, id: n, ref: r, variant: o, children: [
+    u,
+    /* @__PURE__ */ m("div", { className: "content-wrapper", children: [
+      /* @__PURE__ */ t(v, { "data-slot": "alert-title", variant: o, children: c }),
+      /* @__PURE__ */ t(A, { "data-slot": "alert-description", children: a })
+    ] }),
+    /* @__PURE__ */ t(
+      C,
+      {
+        "aria-label": "Close alert",
+        className: "close-icon-wrapper absolute right-2 top-2 cursor-pointer focus-visible:outline-1 outline-transparent focus-visible:outline-text-secondary focus-visible:outline-offset-1 rounded",
+        "data-slot": "close-icon",
+        "data-testid": "alert-close-button",
+        onClick: f,
+        size: 20,
+        tabIndex: 0
+      }
+    )
+  ] }) });
 };
 export {
-  Vr as Alert
+  Vt as Alert
 };

package/dist/Avatar.js

@@ -32,20 +32,10 @@ const y = {
   }, [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)
-        }
-      );
+      return /* @__PURE__ */ n("span", { className: i("flex items-center justify-center w-full h-full font-bold text-text-primary 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) ? (() => {
+      return /* @__PURE__ */ n("span", { className: "flex items-center justify-center w-full h-full", children: w(e) ? (() => {
         const m = {
           className: i("shrink-0", e.props.className),
           "aria-hidden": "true"
@@ -60,28 +50,9 @@ const y = {
         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 t && f === "loaded" ? /* @__PURE__ */ n("img", { src: t, "aria-label": c || "Avatar", alt: c || "Avatar", className: "absolute inset-0 w-full h-full object-cover rounded-full" }) : t && f === "error" && s ? /* @__PURE__ */ n("span", { className: "flex items-center justify-center w-full h-full", children: s }) : s ? /* @__PURE__ */ n("span", { className: "flex items-center justify-center w-full h-full text-text-primary", children: s }) : /* @__PURE__ */ n("span", { className: "flex items-center justify-center w-full h-full font-bold border-2 border-danger-300 text-danger-300 rounded-full", 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()
-    }
-  );
+  return /* @__PURE__ */ n("span", { className: i("relative inline-flex items-center justify-center overflow-hidden rounded-full shrink-0 bg-level-two", y[a], d), "data-slot": "avatar", children: p() });
 };
 export {
   E as Avatar

package/dist/Badge.js

@@ -20,12 +20,7 @@ const s = d(
       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 });
+), 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 {
   m as Badge
 };

package/dist/Button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import { ButtonHTMLAttributes, MouseEvent, ReactNode } from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "secondary" | "outline" | "primary" | "ghost" | "card" | null | undefined;
-    size?: "default" | "card" | "fullWidth" | null | undefined;
+    size?: "default" | "fullWidth" | null | undefined;
     state?: "default" | "error" | "loading" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {

package/dist/Button.js

@@ -5,7 +5,7 @@ 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-CdRVlFhN.js";
-const w = y(
+const N = y(
   `
     !font-sans flex relative items-center justify-center gap-2 whitespace-nowrap transition-colors cursor-pointer rounded-lg border font-semibold focus:outline-none focus:outline-none
     focus-visible:outline-1 focus-visible:outline-offset-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0
@@ -20,12 +20,11 @@ const w = y(
         outline: `bg-button-outline-bg border-button-outline-border text-button-outline-text hover:bg-button-outline-bg--hover hover:text-button-outline-text--hover focus-visible:outline-button-outline-border
           disabled:text-button-outline-text--disabled disabled:border-button-outline-border--disabled`,
         ghost: "bg-button-ghost-bg border-none text-button-ghost-text hover:bg-button-ghost-bg--hover hover:text-button-ghost-text--hover focus-visible:outline-none disabled:text-button-ghost-text--disabled",
-        card: "bg-button-card-bg border-button-card-border"
+        card: "bg-button-card-bg border-button-card-border text-button-card-text !py-1 hover:text-button-card-text--hover"
       },
       size: {
         default: "py-2 px-6 w-fit",
-        fullWidth: "py-2 px-6 w-full",
-        card: "py-2 px-3 w-fit"
+        fullWidth: "py-2 px-6 w-full"
       },
       state: {
         default: "",
@@ -39,68 +38,34 @@ const w = y(
       size: "default"
     }
   }
-), N = h(
-  ({
-    className: l,
-    dataTestId: g,
-    disabled: n,
-    endIcon: b,
-    errorMessage: d,
-    label: p,
-    size: r,
-    startIcon: a,
-    state: t,
-    type: c = "button",
-    variant: e,
-    ...x
-  }, v) => {
-    const i = {
-      error: {
-        primary: "bg-button-danger border-button-danger text-button-primary-text pointer-events-none",
-        secondary: "bg-button-danger border-button-danger text-button-secondary-text pointer-events-none",
-        outline: "bg-transparent border-button-danger text-button-danger pointer-events-none",
-        ghost: "bg-transparent text-button-danger pointer-events-none",
-        card: "bg-transparent border-button-danger text-button-danger pointer-events-none"
-      },
-      loading: {
-        primary: "bg-button-primary-bg--disabled border-button-primary-border--disabled text-button-primary-text--disabled pointer-events-none",
-        secondary: "bg-button-secondary-bg--disabled border-button-secondary-border--disabled text-button-secondary-text--disabled pointer-events-none",
-        outline: "bg-button-outline-bg--disabled border-button-outline-border--disabled text-button-outline-text--disabled pointer-events-none",
-        ghost: "bg-transparent text-button-ghost-text--disabled pointer-events-none",
-        card: "bg-button-card-bg--disabled border-button-card-border--disabled text-button-card-text--disabled pointer-events-none"
-      }
-    }, m = u(
-      w({ variant: e, state: t, size: r }),
-      t === "error" && i.error[e || "primary"],
-      t === "loading" && i.loading[e || "primary"],
-      r,
-      l
-    );
-    return /* @__PURE__ */ s("div", { className: u("flex flex-col justify-items-center", r), children: [
-      /* @__PURE__ */ s(
-        "button",
-        {
-          "aria-disabled": n,
-          className: m,
-          "data-state": t,
-          "data-testid": g || `button-${e}`,
-          disabled: n,
-          ref: v,
-          type: c,
-          ...x,
-          children: [
-            a && /* @__PURE__ */ o("span", { className: "flex pr-2", "aria-hidden": !0, children: a }),
-            t === "loading" && /* @__PURE__ */ o(f, { className: "ml-2 animate-spin", size: 16 }),
-            b && t !== "loading" && /* @__PURE__ */ o("span", { className: "flex pl-2", "aria-hidden": !0, children: b }),
-            p
-          ]
-        }
-      ),
-      t === "error" && d && /* @__PURE__ */ o("p", { className: "text-danger-100 mt-2 text-xs", role: "alert", "aria-live": "assertive", children: d })
-    ] });
-  }
-);
-N.displayName = "Button";
+), w = h(({ className: l, dataTestId: g, disabled: n, endIcon: b, errorMessage: d, label: c, size: r, startIcon: a, state: t, type: p = "button", variant: e, ...x }, v) => {
+  const i = {
+    error: {
+      primary: "bg-button-danger border-button-danger text-button-primary-text pointer-events-none",
+      secondary: "bg-button-danger border-button-danger text-button-secondary-text pointer-events-none",
+      outline: "bg-transparent border-button-danger text-button-danger pointer-events-none",
+      ghost: "bg-transparent text-button-danger pointer-events-none",
+      card: "bg-transparent border-button-danger text-button-danger pointer-events-none"
+    },
+    loading: {
+      primary: "bg-button-primary-bg--disabled border-button-primary-border--disabled text-button-primary-text--disabled pointer-events-none",
+      secondary: "bg-button-secondary-bg--disabled border-button-secondary-border--disabled text-button-secondary-text--disabled pointer-events-none",
+      outline: "bg-button-outline-bg--disabled border-button-outline-border--disabled text-button-outline-text--disabled pointer-events-none",
+      ghost: "bg-transparent text-button-ghost-text--disabled pointer-events-none",
+      card: "bg-button-card-bg--disabled border-button-card-border--disabled text-button-card-text--disabled pointer-events-none"
+    }
+  }, m = u(N({ variant: e, state: t, size: r }), t === "error" && i.error[e || "primary"], t === "loading" && i.loading[e || "primary"], r, l);
+  return /* @__PURE__ */ s("div", { className: u("flex flex-col justify-items-center", r), children: [
+    /* @__PURE__ */ s("button", { "aria-disabled": n, className: m, "data-state": t, "data-testid": g || `button-${e}`, disabled: n, ref: v, type: p, ...x, children: [
+      a && /* @__PURE__ */ o("span", { className: "flex pr-2", "aria-hidden": !0, children: a }),
+      t === "loading" && /* @__PURE__ */ o(f, { className: "ml-2 animate-spin", size: 16 }),
+      b && t !== "loading" && /* @__PURE__ */ o("span", { className: "flex pl-2", "aria-hidden": !0, children: b }),
+      c
+    ] }),
+    t === "error" && d && /* @__PURE__ */ o("p", { className: "text-danger-100 mt-2 text-xs", role: "alert", "aria-live": "assertive", children: d })
+  ] });
+});
+w.displayName = "Button";
 export {
-  N as Button
+  w as Button
 };

package/dist/ButtonGroup/ButtonGroupButton.js

@@ -34,16 +34,7 @@ const c = l(
   size: e,
   asChild: o = !1,
   ...a
-}) => /* @__PURE__ */ n(
-  o ? s : "button",
-  {
-    "data-slot": "button-group-item",
-    "data-variant": t,
-    "data-size": e,
-    className: r(c({ variant: t, size: e, className: i })),
-    ...a
-  }
-);
+}) => /* @__PURE__ */ n(o ? s : "button", { "data-slot": "button-group-item", "data-variant": t, "data-size": e, className: r(c({ variant: t, size: e, className: i })), ...a });
 u.displayName = "ButtonGroupButton";
 export {
   u as ButtonGroupButton,

package/dist/ButtonGroup.js

@@ -21,28 +21,10 @@ const g = c(
       orientation: "horizontal"
     }
   }
-), h = ({
-  className: o,
-  orientation: t,
-  variant: r,
-  size: a,
-  children: i,
-  ...l
-}) => /* @__PURE__ */ n(
-  "div",
-  {
-    role: "group",
-    "data-slot": "button-group",
-    "aria-label": l["aria-label"],
-    "data-orientation": t,
-    className: s(g({ orientation: t }), o),
-    ...l,
-    children: f.map(i, (e) => v(e) && e.type === u ? b(e, {
-      variant: e.props.variant ?? r,
-      size: e.props.size ?? a
-    }) : e)
-  }
-);
+), h = ({ className: o, orientation: t, variant: r, size: a, children: i, ...l }) => /* @__PURE__ */ n("div", { role: "group", "data-slot": "button-group", "aria-label": l["aria-label"], "data-orientation": t, className: s(g({ orientation: t }), o), ...l, children: f.map(i, (e) => v(e) && e.type === u ? b(e, {
+  variant: e.props.variant ?? r,
+  size: e.props.size ?? a
+}) : e) });
 h.displayName = "ButtonGroup";
 const u = ({
   children: o,
@@ -56,29 +38,11 @@ const C = ({
   className: o,
   asChild: t = !1,
   ...r
-}) => /* @__PURE__ */ n(
-  t ? m : "div",
-  {
-    "data-slot": "button-group-text",
-    className: s(
-      "bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
-      o
-    ),
-    ...r
-  }
-), x = ({
+}) => /* @__PURE__ */ n(t ? m : "div", { "data-slot": "button-group-text", className: s("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", o), ...r }), x = ({
   className: o,
   orientation: t = "vertical",
   ...r
-}) => /* @__PURE__ */ n(
-  p,
-  {
-    "data-slot": "button-group-separator",
-    orientation: t,
-    className: s("bg-level-three relative !m-0 self-stretch data-[orientation=vertical]:h-auto", o),
-    ...r
-  }
-);
+}) => /* @__PURE__ */ n(p, { "data-slot": "button-group-separator", orientation: t, className: s("bg-level-three relative !m-0 self-stretch data-[orientation=vertical]:h-auto", o), ...r });
 x.displayName = "ButtonGroupSeparator";
 export {
   h as ButtonGroup,