@spear-ai/spectral 1.0.0 → 1.0.1

package/dist/Button.d.ts

@@ -1,24 +1,2 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode, MouseEvent } from 'react';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import { VariantProps } from 'class-variance-authority';
-
-declare const buttonVariants: (props?: ({
-    variant?: "primary" | "secondary" | "outline" | null | undefined;
-    state?: "default" | "error" | "loading" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
-    errorMessage?: string | ReactNode;
-    endIcon?: ReactNode;
-    label: string;
-    disabled?: boolean;
-    startIcon?: ReactNode;
-    type?: 'button' | 'submit' | 'reset';
-    state?: 'loading' | 'error' | 'default';
-    dataTestId?: string;
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    isFullWidth?: boolean;
-}
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { Button, type ButtonProps };
+export * from './components/Button/Button'
+export {}

package/dist/Button.js

@@ -1,14 +1,37 @@
-"use client"
-import {
-  cn
-} from "./chunk-ZLENOYB4.js";
-
-// src/components/Button/Button.tsx
-import { cva } from "class-variance-authority";
-import { Loader2 } from "lucide-react";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var buttonVariants = cva(
+import { jsxs as f, jsx as v } from "react/jsx-runtime";
+import { a as V, c as p } from "./twUtils-B9ArqCOv.js";
+import { forwardRef as j } from "react";
+import { L as w } from "./loader-circle-Btf6jOd5.js";
+const N = (o) => typeof o == "boolean" ? `${o}` : o === 0 ? "0" : o, h = V, C = (o, e) => (t) => {
+  var l;
+  if (e?.variants == null) return h(o, t?.class, t?.className);
+  const { variants: r, defaultVariants: i } = e, u = Object.keys(r).map((n) => {
+    const a = t?.[n], s = i?.[n];
+    if (a === null) return null;
+    const d = N(a) || N(s);
+    return r[n][d];
+  }), b = t && Object.entries(t).reduce((n, a) => {
+    let [s, d] = a;
+    return d === void 0 || (n[s] = d), n;
+  }, {}), y = e == null || (l = e.compoundVariants) === null || l === void 0 ? void 0 : l.reduce((n, a) => {
+    let { class: s, className: d, ...c } = a;
+    return Object.entries(c).every((m) => {
+      let [g, x] = m;
+      return Array.isArray(x) ? x.includes({
+        ...i,
+        ...b
+      }[g]) : {
+        ...i,
+        ...b
+      }[g] === x;
+    }) ? [
+      ...n,
+      s,
+      d
+    ] : n;
+  }, []);
+  return h(o, u, y, t?.class, t?.className);
+}, _ = C(
   `
     flex relative items-center justify-center gap-2 whitespace-nowrap transition-colors cursor-pointer py-2 px-6 rounded-lg border font-semibold
     focus:outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus:ring-2 focus:ring-ring focus:ring-offset-2
@@ -32,23 +55,22 @@ var buttonVariants = cva(
       state: "default"
     }
   }
-);
-var Button = forwardRef(
+), k = j(
   ({
-    className,
-    variant,
-    label,
-    endIcon,
-    state,
-    errorMessage,
-    startIcon,
-    disabled,
-    type = "button",
-    dataTestId = `button-${variant}`,
-    isFullWidth,
-    ...props
-  }, ref) => {
-    const stateStyles = {
+    className: o,
+    variant: e,
+    label: t,
+    endIcon: l,
+    state: r,
+    errorMessage: i,
+    startIcon: u,
+    disabled: b,
+    type: y = "button",
+    dataTestId: n = `button-${e}`,
+    isFullWidth: a,
+    ...s
+  }, d) => {
+    const c = {
       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",
@@ -59,40 +81,38 @@ var Button = forwardRef(
         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"
       }
-    };
-    const widthClass = isFullWidth ? "w-full" : "w-auto";
-    const classes = cn(
-      buttonVariants({ variant, state }),
-      state === "error" && stateStyles.error[variant || "primary"],
-      state === "loading" && stateStyles.loading[variant || "primary"],
-      widthClass,
-      className
+    }, m = a ? "w-full" : "w-auto", g = p(
+      _({ variant: e, state: r }),
+      r === "error" && c.error[e || "primary"],
+      r === "loading" && c.loading[e || "primary"],
+      m,
+      o
     );
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex justify-items-center", widthClass), children: [
-      /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ f("div", { className: p("flex justify-items-center", m), children: [
+      /* @__PURE__ */ f(
         "button",
         {
-          className: classes,
-          ref,
-          type,
-          "aria-disabled": disabled,
-          disabled,
-          "data-testid": dataTestId,
-          ...props,
-          "data-state": state,
+          className: g,
+          ref: d,
+          type: y,
+          "aria-disabled": b,
+          disabled: b,
+          "data-testid": n,
+          ...s,
+          "data-state": r,
           children: [
-            startIcon && /* @__PURE__ */ jsx("span", { className: "flex pr-2", "aria-hidden": true, children: startIcon }),
-            label,
-            state === "loading" && /* @__PURE__ */ jsx(Loader2, { className: "ml-2 animate-spin", size: 16 }),
-            endIcon && state !== "loading" && /* @__PURE__ */ jsx("span", { className: "flex pl-2", "aria-hidden": true, children: endIcon })
+            u && /* @__PURE__ */ v("span", { className: "flex pr-2", "aria-hidden": !0, children: u }),
+            t,
+            r === "loading" && /* @__PURE__ */ v(w, { className: "ml-2 animate-spin", size: 16 }),
+            l && r !== "loading" && /* @__PURE__ */ v("span", { className: "flex pl-2", "aria-hidden": !0, children: l })
           ]
         }
       ),
-      state === "error" && errorMessage && /* @__PURE__ */ jsx("p", { className: "text-danger text-xs", role: "alert", "aria-live": "polite", children: errorMessage })
+      r === "error" && i && /* @__PURE__ */ v("p", { className: "text-danger text-xs", role: "alert", "aria-live": "polite", children: i })
     ] });
   }
 );
-Button.displayName = "Button";
+k.displayName = "Button";
 export {
-  Button
+  k as Button
 };

package/dist/Card.d.ts

@@ -1,13 +1,2 @@
-import * as react from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-
-interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
-    title?: string;
-    icon?: ReactNode;
-    width?: 'full' | 'fit';
-    isLoading?: boolean;
-    children?: ReactNode;
-}
-declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
-
-export { Card, type CardProps };
+export * from './components/Card/Card'
+export {}

package/dist/Card.js

@@ -1,31 +1,25 @@
-"use client"
-import {
-  cn
-} from "./chunk-ZLENOYB4.js";
-
-// src/components/Card/Card.tsx
-import { Loader2 } from "lucide-react";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Card = forwardRef(
-  ({ className, title, icon, width = "full", isLoading = false, children, ...props }, ref) => {
-    const hasHeader = title || icon;
-    const cardClasses = cn(
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { c as a } from "./twUtils-B9ArqCOv.js";
+import { forwardRef as u } from "react";
+import { L as b } from "./loader-circle-Btf6jOd5.js";
+const p = u(
+  ({ className: l, title: s, icon: r, width: n = "full", isLoading: c = !1, children: d, ...f }, o) => {
+    const i = s || r, m = a(
       "relative bg-card-bg rounded-2xl p-4 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      width === "full" ? "w-full" : "w-fit",
-      className
+      n === "full" ? "w-full" : "w-fit",
+      l
     );
-    return /* @__PURE__ */ jsxs("div", { ref, className: cardClasses, ...props, children: [
-      isLoading && /* @__PURE__ */ jsx("div", { className: "bg-card-bg/50 absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground animate-spin", size: 24 }) }),
-      hasHeader && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center pb-4", title ? "justify-between" : "justify-end"), children: [
-        title && /* @__PURE__ */ jsx("h3", { className: "text-card-text truncate text-base font-semibold", children: title }),
-        icon && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", "aria-hidden": "true", children: icon })
+    return /* @__PURE__ */ t("div", { ref: o, className: m, ...f, children: [
+      c && /* @__PURE__ */ e("div", { className: "bg-card-bg/50 absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ e(b, { className: "text-muted-foreground animate-spin", size: 24 }) }),
+      i && /* @__PURE__ */ t("div", { className: a("flex items-center pb-4", s ? "justify-between" : "justify-end"), children: [
+        s && /* @__PURE__ */ e("h3", { className: "text-card-text truncate text-base font-semibold", children: s }),
+        r && /* @__PURE__ */ e("div", { className: "flex-shrink-0", "aria-hidden": "true", children: r })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: cn("min-h-40 p-4", hasHeader && "pt-0"), children })
+      /* @__PURE__ */ e("div", { className: a("min-h-40 p-4", i && "pt-0"), children: d })
     ] });
   }
 );
-Card.displayName = "Card";
+p.displayName = "Card";
 export {
-  Card
+  p as Card
 };

package/dist/Drawer.d.ts

@@ -1,14 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-type DrawerProps = {
-    title?: string;
-    trigger: ReactNode;
-    description?: string;
-    children?: ReactNode;
-    direction?: 'left' | 'right' | 'top' | 'bottom';
-    size?: string;
-};
-declare const Drawer: ({ trigger, title, description, children, direction, size }: DrawerProps) => react_jsx_runtime.JSX.Element;
-
-export { Drawer, type DrawerProps };
+export * from './components/Drawer/Drawer'
+export {}