@spear-ai/spectral 1.3.67 → 1.4.0

package/dist/ButtonIcon.d.ts

@@ -1,13 +1,13 @@
 import { ButtonHTMLAttributes, MouseEvent, ReactElement } from 'react';
 type IconOrSVG = ReactElement | (() => ReactElement);
 export interface ButtonIconProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> {
-    readonly icon: IconOrSVG;
+    icon: IconOrSVG;
     className?: string;
     isLoading?: boolean;
-    readonly label: string;
+    label: string;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    readonly shape?: 'circle' | 'square';
-    readonly size?: 'small' | 'default' | 'large';
+    shape?: 'circle' | 'square';
+    size?: 'small' | 'default' | 'large';
 }
 export declare const ButtonIcon: import('react').ForwardRefExoticComponent<ButtonIconProps & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/ButtonIcon.js

@@ -65,62 +65,53 @@ const x = `bg-transparent hover:bg-level-one text-text-primary inline-flex items
   small: { button: "h-8 w-8", icon: 16 },
   default: { button: "h-10 w-10", icon: 24 },
   large: { button: "h-12 w-12", icon: 32 }
-}, C = g(
-  ({ className: u, disabled: s, icon: r, isLoading: o = !1, label: c, onClick: f, shape: d = "square", size: i = "default", ...h }, b) => {
-    const v = (t) => {
-      f?.(t);
-    }, y = o ? `${c} - Loading` : c, w = () => {
-      if (o)
-        return /* @__PURE__ */ a(N, { size: m[i].icon, "aria-hidden": "true" });
-      const t = typeof r == "function" ? r() : r;
-      if (k(t)) {
-        const e = m[i].icon;
-        if (t.type === "svg")
-          return p(t, {
-            width: e,
-            height: e,
-            className: n("shrink-0", t.props.className),
-            "aria-hidden": "true"
-          });
-        {
-          const l = {
-            className: n("shrink-0", t.props.className),
-            "aria-hidden": "true"
+}, C = g(({ className: u, disabled: s, icon: r, isLoading: o = !1, label: c, onClick: f, shape: d = "square", size: i = "default", ...h }, b) => {
+  const v = (t) => {
+    f?.(t);
+  }, y = o ? `${c} - Loading` : c, w = () => {
+    if (o)
+      return /* @__PURE__ */ a(N, { size: m[i].icon, "aria-hidden": "true" });
+    const t = typeof r == "function" ? r() : r;
+    if (k(t)) {
+      const e = m[i].icon;
+      if (t.type === "svg")
+        return p(t, {
+          width: e,
+          height: e,
+          className: n("shrink-0", t.props.className),
+          "aria-hidden": "true"
+        });
+      {
+        const l = {
+          className: n("shrink-0", t.props.className),
+          "aria-hidden": "true"
+        };
+        if (t.type.displayName?.includes("Icon") ?? !1) {
+          const I = {
+            ...l,
+            size: e
           };
-          if (t.type.displayName?.includes("Icon") ?? !1) {
-            const I = {
-              ...l,
-              size: e
-            };
-            return p(t, I);
-          }
-          return p(t, l);
+          return p(t, I);
         }
+        return p(t, l);
       }
-      return t;
-    };
-    return /* @__PURE__ */ a(
-      "button",
-      {
-        "aria-label": y,
-        className: n(
-          x,
-          d === "circle" ? "rounded-full" : "rounded-[0.75rem]",
-          m[i].button,
-          o && "cursor-wait",
-          s && "cursor-not-allowed opacity-50",
-          u
-        ),
-        "data-testid": "button-icon",
-        disabled: s || o,
-        onClick: v,
-        ref: b,
-        ...h,
-        children: w()
-      }
-    );
-  }
-);
+    }
+    return t;
+  };
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      "aria-label": y,
+      className: n(x, d === "circle" ? "rounded-full" : "rounded-[0.75rem]", m[i].button, o && "cursor-wait", s && "opacity-50 cursor-not-allowed", u),
+      "data-testid": "button-icon",
+      disabled: s || o,
+      onClick: v,
+      ref: b,
+      ...h,
+      children: w()
+    }
+  );
+});
 C.displayName = "ButtonIcon";
 export {
   C as ButtonIcon

package/dist/Card.js

@@ -1,32 +1,25 @@
 import "./styles/main.css";
 import { jsx as r } from "react/jsx-runtime";
 import { Slot as n } from "./primitives/slot.js";
-import { cn as o } from "./utils/twUtils.js";
+import { cn as d } from "./utils/twUtils.js";
 import { c } from "./index-D29mdTf5.js";
 import "react";
 const l = c("text-text-primary flex flex-col w-full card-effects p-3", {
   variants: {
     variant: {
       default: "gap-6 rounded-xl content-card",
-      small: "data-card gap-2"
+      small: "data-card gap-2 rounded-lg"
     }
   },
   defaultVariants: {
     variant: "default"
   }
-}), v = ({ ...a }) => /* @__PURE__ */ r("div", { "data-slot": "card", ...a }), x = ({ className: a, ...t }) => /* @__PURE__ */ r(
-  "div",
-  {
-    "data-slot": "card-header",
-    className: o("@container/card-header flex items-center justify-between pb-4", a),
-    ...t
-  }
-), N = ({ className: a, asChild: t = !1, ...e }) => /* @__PURE__ */ r(t ? n : "div", { "data-slot": "card-title", className: o("text-xl leading-none font-semibold", a), ...e }), b = ({ className: a, asChild: t = !1, ...e }) => /* @__PURE__ */ r(t ? n : "div", { "data-slot": "card-action", className: o("justify-self-end", a), ...e }), g = ({ className: a, ...t }) => /* @__PURE__ */ r("div", { "data-slot": "card-content", className: a, ...t }), j = ({ className: a, variant: t, asChild: e = !1, children: d, ...s }) => /* @__PURE__ */ r(e ? n : "div", { "data-slot": "card", className: o(l({ variant: t }), a), ...s, children: d });
+}), v = ({ ...a }) => /* @__PURE__ */ r("div", { "data-slot": "card", ...a }), x = ({ className: a, ...t }) => /* @__PURE__ */ r("div", { "data-slot": "card-header", className: d("@container/card-header pb-4 flex justify-between items-center", a), ...t }), g = ({ className: a, asChild: t = !1, ...e }) => /* @__PURE__ */ r(t ? n : "div", { "data-slot": "card-title", className: d("leading-none font-semibold text-xl", a), ...e }), N = ({ className: a, asChild: t = !1, ...e }) => /* @__PURE__ */ r(t ? n : "div", { "data-slot": "card-action", className: d("justify-self-end", a), ...e }), b = ({ className: a, ...t }) => /* @__PURE__ */ r("div", { "data-slot": "card-content", className: a, ...t }), j = ({ className: a, variant: t, asChild: e = !1, children: o, ...s }) => /* @__PURE__ */ r(e ? n : "div", { "data-slot": "card", className: d(l({ variant: t }), a), ...s, children: o });
 export {
   j as Card,
   v as CardBase,
-  g as CardContent,
+  b as CardContent,
   x as CardHeader,
-  b as CardHeaderEndSlot,
-  N as CardTitle
+  N as CardHeaderEndSlot,
+  g as CardTitle
 };

package/dist/Checkbox/CheckboxBase.js

@@ -121,21 +121,10 @@ const A = E(
   }
 );
 A.displayName = "CheckboxBase";
-const G = E(
-  ({ asChild: r, className: d, forceMount: l, ...i }, f) => {
-    const n = $(R);
-    return !n || !(n.state === !0 || n.state === "indeterminate") && !l ? null : /* @__PURE__ */ m(
-      r ? C : "span",
-      {
-        ref: f,
-        "data-state": I(n.state),
-        "data-indeterminate": n.state === "indeterminate" ? "" : void 0,
-        className: w("flex items-center justify-center text-current", d),
-        ...i
-      }
-    );
-  }
-);
+const G = E(({ asChild: r, className: d, forceMount: l, ...i }, f) => {
+  const n = $(R);
+  return !n || !(n.state === !0 || n.state === "indeterminate") && !l ? null : /* @__PURE__ */ m(r ? C : "span", { ref: f, "data-state": I(n.state), "data-indeterminate": n.state === "indeterminate" ? "" : void 0, className: w("flex items-center justify-center text-current", d), ...i });
+});
 G.displayName = "CheckboxIndicator";
 export {
   A as CheckboxBase,

package/dist/Checkbox.js

@@ -61,46 +61,30 @@ import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { cn as t } from "./utils/twUtils.js";
 import { forwardRef as x } from "react";
-const k = x(
-  ({ className: i, id: r, labelText: e, onCheckedChange: m, checked: p, required: c, ...a }, s) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ o(
-      l,
-      {
-        className: t(
-          [
-            "checkbox peer border-checkbox-border h-5 w-5 shrink-0 rounded-sm border hover:opacity-80",
-            "focus-visible:outline-checkbox-border--focus focus:outline-none focus-visible:outline-1 focus-visible:outline-offset-2 disabled:cursor-not-allowed",
-            "data-[state=checked]:border-checkbox-border--checked disabled:opacity-50"
-          ].join(" "),
-          i
-        ),
-        "data-testid": "checkbox",
-        id: r,
-        "aria-labelledby": `${r}-label`,
-        "aria-required": c,
-        onCheckedChange: m,
-        ref: s,
-        ...a,
-        children: /* @__PURE__ */ o(
-          b,
-          {
-            className: t("checkbox-indicator text-checkbox-indicator--checked flex items-center justify-center"),
-            children: p === "indeterminate" ? /* @__PURE__ */ o(h, { className: "checkbox-indeterminate", size: 16, strokeWidth: 4 }) : /* @__PURE__ */ o(n, { className: "checkbox-check", size: 16, strokeWidth: 4 })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ o(
-      "label",
-      {
-        htmlFor: r,
-        className: "text-md text-text-primary peer-disabled:text-neutral-400",
-        "data-testid": "checkbox-label",
-        children: e
-      }
-    )
-  ] })
-);
+const k = x(({ className: i, id: r, labelText: e, onCheckedChange: m, checked: p, required: c, ...a }, s) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ o(
+    l,
+    {
+      className: t(
+        [
+          "checkbox peer h-5 w-5 shrink-0 rounded-sm border border-checkbox-border hover:opacity-80",
+          "focus:outline-none focus-visible:outline-1 focus-visible:outline-checkbox-border--focus focus-visible:outline-offset-2 disabled:cursor-not-allowed",
+          "disabled:opacity-50 data-[state=checked]:border-checkbox-border--checked"
+        ].join(" "),
+        i
+      ),
+      "data-testid": "checkbox",
+      id: r,
+      "aria-labelledby": `${r}-label`,
+      "aria-required": c,
+      onCheckedChange: m,
+      ref: s,
+      ...a,
+      children: /* @__PURE__ */ o(b, { className: t("checkbox-indicator flex items-center justify-center text-checkbox-indicator--checked"), children: p === "indeterminate" ? /* @__PURE__ */ o(h, { className: "checkbox-indeterminate", size: 16, strokeWidth: 4 }) : /* @__PURE__ */ o(n, { className: "checkbox-check", size: 16, strokeWidth: 4 }) })
+    }
+  ),
+  /* @__PURE__ */ o("label", { htmlFor: r, className: "text-md text-text-primary peer-disabled:text-neutral-400", "data-testid": "checkbox-label", children: e })
+] }));
 k.displayName = "Checkbox";
 export {
   k as Checkbox

package/dist/Dialog/DialogBase.d.ts

@@ -2,10 +2,10 @@ import { VariantProps } from 'class-variance-authority';
 import { ReactElement, ReactNode } from 'react';
 export type DialogBaseProps = {
     isOpen?: boolean;
-    readonly defaultOpen?: boolean;
+    defaultOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
-    readonly children: ReactNode;
-    readonly modal?: boolean;
+    children: ReactNode;
+    modal?: boolean;
 };
 export type DialogContextValue = {
     isOpen: boolean;
@@ -19,20 +19,20 @@ export type TriggerableElement = ReactElement<{
     onClick?: (...args: unknown[]) => void;
 }>;
 export declare function useDialogContext(): DialogContextValue;
-export declare function DialogBase({ isOpen: controlledOpen, defaultOpen, onOpenChange, children, modal, }: DialogBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogBase({ isOpen: controlledOpen, defaultOpen, onOpenChange, children, modal }: DialogBaseProps): import("react/jsx-runtime").JSX.Element;
 type DialogTriggerProps = {
-    readonly children: ReactNode;
-    readonly asChild?: boolean;
+    children: ReactNode;
+    asChild?: boolean;
 };
 export declare function DialogTriggerBase({ children, asChild }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
 type DialogCloseProps = {
-    readonly children: ReactNode;
-    readonly asChild?: boolean;
+    children: ReactNode;
+    asChild?: boolean;
 };
 export declare function DialogCloseBase({ children, asChild }: DialogCloseProps): import("react/jsx-runtime").JSX.Element;
 type DialogPortalProps = {
-    readonly children: ReactNode;
-    readonly container?: Element | DocumentFragment;
+    children: ReactNode;
+    container?: Element | DocumentFragment;
 };
 export declare function DialogPortalBase({ children, container }: DialogPortalProps): import('react').ReactPortal | null;
 type DialogOverlayProps = {
@@ -44,30 +44,30 @@ declare const contentVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type DialogContentProps = {
-    readonly children: ReactNode;
+    children: ReactNode;
     className?: string;
-    readonly size?: DialogSize;
+    size?: DialogSize;
     onPointerDownOutside?: (event: PointerEvent) => void;
     onInteractOutside?: (event: PointerEvent | KeyboardEvent) => void;
     onEscapeKeyDown?: (event: KeyboardEvent) => void;
 } & VariantProps<typeof contentVariants>;
-export declare function DialogContentBase({ children, className, size, onPointerDownOutside, onInteractOutside, onEscapeKeyDown, }: DialogContentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DialogContentBase({ children, className, size, onPointerDownOutside, onInteractOutside, onEscapeKeyDown }: DialogContentProps): import("react/jsx-runtime").JSX.Element | null;
 type DialogTitleProps = {
-    readonly children: ReactNode;
+    children: ReactNode;
     className?: string;
 };
 export declare function DialogTitleBase({ children, className }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
 type DialogDescriptionProps = {
-    readonly children?: ReactNode;
+    children?: ReactNode;
     className?: string;
 };
 export declare function DialogDescriptionBase({ children, className }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
 export declare function DialogHeaderBase({ children, className }: {
-    readonly children: ReactNode;
+    children: ReactNode;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function DialogFooterBase({ children, className }: {
-    readonly children: ReactNode;
+    children: ReactNode;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Dialog/DialogBase.js

@@ -17,13 +17,7 @@ function R(e) {
   return B(e) && typeof e.type != "string" ? !0 : B(e);
 }
 let D = 0;
-function J({
-  isOpen: e,
-  defaultOpen: t = !1,
-  onOpenChange: n,
-  children: o,
-  modal: r = !0
-}) {
+function J({ isOpen: e, defaultOpen: t = !1, onOpenChange: n, children: o, modal: r = !0 }) {
   const [u, i] = N(t), d = e !== void 0, g = d ? e : u, x = I(
     () => ({
       contentId: `dialog-content-${++D}`,
@@ -67,15 +61,7 @@ function $({ children: e, asChild: t = !0 }) {
     n(!1);
   }, [n]);
   if (!t)
-    return /* @__PURE__ */ s(
-      "button",
-      {
-        onClick: o,
-        className: "focus-visible:ring-ring cursor-pointer outline-transparent focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-none",
-        tabIndex: 0,
-        children: e
-      }
-    );
+    return /* @__PURE__ */ s("button", { onClick: o, className: "cursor-pointer focus-visible:outline-none outline-transparent focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1", tabIndex: 0, children: e });
   if (!R(e))
     throw new Error("DialogClose expects a single React element as child");
   const r = e.props.onClick;
@@ -99,11 +85,7 @@ function Q({ className: e }) {
   return t ? /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(
     "div",
     {
-      className: f(
-        "data-[state=open]:animate-in data-[state=open]:fade-in-0 fixed inset-0 z-40 bg-black/50 backdrop-blur-sm",
-        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
-        e
-      ),
+      className: f("fixed inset-0 z-40 bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=open]:fade-in-0", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0", e),
       "data-state": t ? "open" : "closed",
       onClick: o,
       "aria-hidden": "true"
@@ -130,14 +112,7 @@ const M = P(
     }
   }
 );
-function W({
-  children: e,
-  className: t,
-  size: n,
-  onPointerDownOutside: o,
-  onInteractOutside: r,
-  onEscapeKeyDown: u
-}) {
+function W({ children: e, className: t, size: n, onPointerDownOutside: o, onInteractOutside: r, onEscapeKeyDown: u }) {
   const { isOpen: i, setIsOpen: d, contentId: g, titleId: x, descriptionId: b, modal: C } = m(), l = k(null), p = k(null), v = k(!1);
   return w(() => {
     if (!i) {
@@ -167,45 +142,21 @@ function W({
       l.current && !l.current.contains(h) && (h.closest('[role="dialog"]') !== null || (o?.(a), r?.(a), !C && !a.defaultPrevented && d(!1)));
     };
     return document.addEventListener("pointerdown", c), () => document.removeEventListener("pointerdown", c);
-  }, [i, o, r, d, C]), i ? /* @__PURE__ */ s(T, { children: /* @__PURE__ */ E(
-    "div",
-    {
-      ref: l,
-      id: g,
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-labelledby": x,
-      "aria-describedby": b,
-      "data-state": i ? "open" : "closed",
-      tabIndex: -1,
-      className: f(M({ size: n }), t),
-      children: [
-        /* @__PURE__ */ s($, { asChild: !0, children: /* @__PURE__ */ E(
-          "button",
-          {
-            className: f(
-              "ring-offset-background absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100",
-              "focus:ring-ring focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none"
-            ),
-            "aria-label": "Close dialog",
-            children: [
-              /* @__PURE__ */ s(A, { className: "h-4 w-4" }),
-              /* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
-            ]
-          }
-        ) }),
-        e
-      ]
-    }
-  ) }) : null;
+  }, [i, o, r, d, C]), i ? /* @__PURE__ */ s(T, { children: /* @__PURE__ */ E("div", { ref: l, id: g, role: "dialog", "aria-modal": "true", "aria-labelledby": x, "aria-describedby": b, "data-state": i ? "open" : "closed", tabIndex: -1, className: f(M({ size: n }), t), children: [
+    /* @__PURE__ */ s($, { asChild: !0, children: /* @__PURE__ */ E("button", { className: f("absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100", "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none"), "aria-label": "Close dialog", children: [
+      /* @__PURE__ */ s(A, { className: "h-4 w-4" }),
+      /* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
+    ] }) }),
+    e
+  ] }) }) : null;
 }
 function Y({ children: e, className: t }) {
   const { titleId: n } = m();
-  return /* @__PURE__ */ s("h2", { id: n, className: f("text-base leading-none font-semibold tracking-tight", t), children: e });
+  return /* @__PURE__ */ s("h2", { id: n, className: f("text-base font-semibold leading-none tracking-tight", t), children: e });
 }
 function Z({ children: e, className: t }) {
   const { descriptionId: n } = m();
-  return /* @__PURE__ */ s("p", { id: n, className: f("text-text-secondary text-sm", t), children: e });
+  return /* @__PURE__ */ s("p", { id: n, className: f("text-sm text-text-secondary", t), children: e });
 }
 function _({ children: e, className: t }) {
   return /* @__PURE__ */ s("div", { className: f("flex flex-col space-y-1.5 text-center text-left", t), children: e });

package/dist/Dialog.d.ts

@@ -12,5 +12,5 @@ declare function DialogHeader({ className, ...props }: ComponentProps<typeof Dia
 declare function DialogFooter({ className, ...props }: ComponentProps<typeof DialogFooterBase>): import("react/jsx-runtime").JSX.Element;
 declare function DialogTitle({ className, ...props }: ComponentProps<typeof DialogTitleBase>): import("react/jsx-runtime").JSX.Element;
 declare function DialogDescription({ className, ...props }: ComponentProps<typeof DialogDescriptionBase>): import("react/jsx-runtime").JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog.js

@@ -16,17 +16,7 @@ function z({ ...a }) {
   return /* @__PURE__ */ e(g, { "data-slot": "dialog-close", ...a });
 }
 function T({ className: a, ...t }) {
-  return /* @__PURE__ */ e(
-    D,
-    {
-      "data-slot": "dialog-overlay",
-      className: o(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-bg-primary/50 fixed inset-0 z-50",
-        a
-      ),
-      ...t
-    }
-  );
+  return /* @__PURE__ */ e(D, { "data-slot": "dialog-overlay", className: o("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-bg-primary/50", a), ...t });
 }
 function F({
   className: a,
@@ -41,7 +31,7 @@ function F({
     {
       "data-slot": "dialog-content",
       className: o(
-        "bg-dialog-bg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg p-6 shadow-lg duration-200",
+        "bg-dialog-bg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg p-6 shadow-lg duration-200 max-w-lg",
         a
       ),
       onInteractOutside: l,
@@ -53,44 +43,16 @@ function F({
   ) });
 }
 function j({ className: a, ...t }) {
-  return /* @__PURE__ */ e(
-    m,
-    {
-      "data-slot": "dialog-header",
-      className: o("flex flex-col gap-2 text-center sm:text-left", a),
-      ...t
-    }
-  );
+  return /* @__PURE__ */ e(m, { "data-slot": "dialog-header", className: o("flex flex-col gap-2 text-center sm:text-left", a), ...t });
 }
 function H({ className: a, ...t }) {
-  return /* @__PURE__ */ e(
-    f,
-    {
-      "data-slot": "dialog-footer",
-      className: o("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", a),
-      ...t
-    }
-  );
+  return /* @__PURE__ */ e(f, { "data-slot": "dialog-footer", className: o("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", a), ...t });
 }
 function O({ className: a, ...t }) {
-  return /* @__PURE__ */ e(
-    x,
-    {
-      "data-slot": "dialog-title",
-      className: o("text-lg leading-none font-semibold", a),
-      ...t
-    }
-  );
+  return /* @__PURE__ */ e(x, { "data-slot": "dialog-title", className: o("text-lg leading-none font-semibold", a), ...t });
 }
 function P({ className: a, ...t }) {
-  return /* @__PURE__ */ e(
-    u,
-    {
-      "data-slot": "dialog-description",
-      className: o("text-muted-foreground text-sm", a),
-      ...t
-    }
-  );
+  return /* @__PURE__ */ e(u, { "data-slot": "dialog-description", className: o("text-muted-foreground text-sm", a), ...t });
 }
 export {
   C as Dialog,

package/dist/Drawer.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 export type DrawerProps = {
-    readonly children?: ReactNode;
-    readonly description?: string;
-    readonly direction?: 'left' | 'right' | 'top' | 'bottom';
-    readonly size?: string;
-    readonly title?: string;
-    readonly trigger: ReactNode;
+    children?: ReactNode;
+    description?: string;
+    direction?: 'left' | 'right' | 'top' | 'bottom';
+    size?: string;
+    title?: string;
+    trigger: ReactNode;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 };

package/dist/Drawer.js

@@ -25,20 +25,12 @@ const f = ({ trigger: l, title: i, description: n, children: p, direction: o = "
     /* @__PURE__ */ t(e.Trigger, { asChild: !0, children: l }),
     /* @__PURE__ */ a(e.Portal, { children: [
       /* @__PURE__ */ t(e.Overlay, { className: "fixed inset-0 bg-transparent" }),
-      /* @__PURE__ */ t(
-        e.Content,
-        {
-          asChild: !0,
-          className: `bg-drawer-bg z-10 flex flex-col outline-none [&_*]:box-border ${d}`,
-          style: m,
-          children: /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ t(e.Close, {}),
-            /* @__PURE__ */ t(e.Title, { className: "text-text-primary px-3 pt-4 text-lg font-medium", children: i }),
-            /* @__PURE__ */ t(e.Description, { className: "!text-text-secondary mb-2 px-3 !text-xs uppercase", children: n }),
-            /* @__PURE__ */ t("div", { className: "w-auto min-w-0 overflow-hidden px-3 py-2 [&_*]:min-w-0 [&>*]:min-w-0", children: p })
-          ] })
-        }
-      )
+      /* @__PURE__ */ t(e.Content, { asChild: !0, className: `bg-drawer-bg z-10 flex flex-col outline-none [&_*]:box-border ${d}`, style: m, children: /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ t(e.Close, {}),
+        /* @__PURE__ */ t(e.Title, { className: "text-text-primary px-3 pt-4 text-lg font-medium", children: i }),
+        /* @__PURE__ */ t(e.Description, { className: "!text-text-secondary mb-2 px-3 !text-xs uppercase", children: n }),
+        /* @__PURE__ */ t("div", { className: "py-2 px-3 min-w-0 w-auto overflow-hidden [&>*]:min-w-0 [&_*]:min-w-0", children: p })
+      ] }) })
     ] })
   ] }) });
 };

package/dist/HoverCard.d.ts

@@ -2,17 +2,18 @@ import { ComponentProps } from 'react';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 type Side = 'top' | 'right' | 'bottom' | 'left';
 type Align = 'start' | 'center' | 'end';
-export type HoverCardProps = ComponentProps<typeof HoverCardPrimitive.Root> & {
+type HoverCardContentProps = {
     side?: Side;
     sideOffset?: number;
     align?: Align;
     alignOffset?: number;
     collisionBoundary?: Element | null | Array<Element | null>;
     collisionPadding?: number | Partial<Record<Side, number>>;
-    width?: number | string;
+    width?: number | 'w-fit' | 'trigger-width';
 };
+export type HoverCardProps = ComponentProps<typeof HoverCardPrimitive.Root> & HoverCardContentProps;
 export declare const HoverCard: {
-    ({ ...props }: ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    ({ side, sideOffset, align, alignOffset, collisionBoundary, collisionPadding, width, ...props }: HoverCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const HoverCardTrigger: {
@@ -20,7 +21,7 @@ export declare const HoverCardTrigger: {
     displayName: string;
 };
 export declare const HoverCardContent: {
-    ({ className, align, sideOffset, side, width, ...props }: ComponentProps<typeof HoverCardPrimitive.Content> & {
+    ({ className, align: alignProp, sideOffset: sideOffsetProp, side: sideProp, width: widthProp, alignOffset: alignOffsetProp, collisionBoundary: collisionBoundaryProp, collisionPadding: collisionPaddingProp, ...props }: ComponentProps<typeof HoverCardPrimitive.Content> & {
         width?: number | "w-fit" | "trigger-width";
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;