@spear-ai/spectral 1.3.48 → 1.3.50

package/dist/.js

@@ -2,157 +2,160 @@ import { Alert as e } from "./Alert.js";
 import { Badge as p } from "./Badge.js";
 import { Button as m } from "./Button.js";
 import { ButtonIcon as x } from "./ButtonIcon.js";
-import { Drawer as c } from "./Drawer.js";
+import { Drawer as s } from "./Drawer.js";
 import { Input as a } from "./Input.js";
-import { Popover as i, PopoverContent as g, PopoverTrigger as C } from "./Popover.js";
+import { Popover as i, PopoverContent as g, PopoverTrigger as u } from "./Popover.js";
 import { RadioButtonGroup as d, RadioButtonGroupItem as S } from "./RadioButtonGroup.js";
-import { RadioGroup as E, RadioGroupItem as L } from "./RadioGroup.js";
+import { RadioGroup as h, RadioGroupItem as v } from "./RadioGroup.js";
+import { Select as P } from "./Select.js";
 import { Skeleton as G } from "./Skeleton.js";
-import { Slider as h } from "./Slider.js";
-import { Switch as y } from "./Switch.js";
-import { Toggle as F } from "./Toggle.js";
-import { ToggleGroup as D, ToggleGroupItem as R } from "./ToggleGroup.js";
-import { Tooltip as k, TooltipContent as A, TooltipTrigger as _ } from "./Tooltip.js";
-import { AnnotationsIcon as N } from "./Icons/AnnotationsIcon.js";
-import { CalendarIcon as U } from "./Icons/CalendarIcon.js";
-import { CheckCircleIcon as X } from "./Icons/CheckCircleIcon.js";
-import { CheckSquareIcon as H } from "./Icons/CheckSquareIcon.js";
-import { ChevronDownIcon as W } from "./Icons/ChevronDownIcon.js";
-import { ChevronUpIcon as j } from "./Icons/ChevronUpIcon.js";
-import { ClockIcon as J } from "./Icons/ClockIcon.js";
-import { CloseCircleIcon as $ } from "./Icons/CloseCircleIcon.js";
-import { CloseIcon as ro } from "./Icons/CloseIcon.js";
-import { DashboardIcon as to } from "./Icons/DashboardIcon.js";
-import { DeleteIcon as no } from "./Icons/DeleteIcon.js";
-import { DurationIcon as fo } from "./Icons/DurationIcon.js";
-import { EraserIcon as Io } from "./Icons/EraserIcon.js";
-import { ErrorIcon as so } from "./Icons/ErrorIcon.js";
-import { EyeClosedIcon as lo } from "./Icons/EyeClosedIcon.js";
-import { EyeClosedIcon2 as go } from "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as uo } from "./Icons/EyeOpenIcon.js";
-import { GoToFirstIcon as To } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as Lo } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as Go } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as ho } from "./Icons/InfoIcon.js";
-import { LabelIcon as yo } from "./Icons/LabelIcon.js";
-import { LassoIcon as Fo } from "./Icons/LassoIcon.js";
-import { LineToolIcon as Do } from "./Icons/LineToolIcon.js";
-import { LiveViewIcon as Zo } from "./Icons/LiveViewIcon.js";
-import { LoaderIcon as Ao } from "./Icons/LoaderIcon.js";
-import { LocationIcon as bo } from "./Icons/LocationIcon.js";
-import { LogoutIcon as Mo } from "./Icons/LogoutIcon.js";
-import { MetadataIcon as Vo } from "./Icons/MetadataIcon.js";
-import { OntologyIcon as qo } from "./Icons/OntologyIcon.js";
-import { PanelIcon as Ko } from "./Icons/PanelIcon.js";
-import { PlayIcon as Yo } from "./Icons/PlayIcon.js";
-import { PlusIcon as zo } from "./Icons/PlusIcon.js";
-import { ResetIcon as Qo } from "./Icons/ResetIcon.js";
-import { ScissorsIcon as or } from "./Icons/ScissorsIcon.js";
-import { SettingsIcon as er } from "./Icons/SettingsIcon.js";
-import { TrashIcon as pr } from "./Icons/TrashIcon.js";
-import { UndoIcon as mr } from "./Icons/UndoIcon.js";
-import { UserIcon as xr } from "./Icons/UserIcon.js";
-import { WarningIcon as cr } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as ar } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as ir } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as Cr } from "./Icons/ZoomYIcon.js";
-import { default as dr, SvgIdContext as Sr } from "./Icons/IconBase.js";
-import { useControllableState as Er } from "./hooks/useControllableState.js";
-import { useTheme as vr } from "./hooks/useTheme.js";
-import { EmptyState as Pr, ErrorMessage as hr, ICON_SIZE as Or, LARGE_ICON_SIZE as yr, LoadingState as Br, XL_ICON_SIZE as Fr, getAriaProps as wr, getBaseTriggerClasses as Dr, getDropdownClasses as Rr, getErrorMessageId as Zr, getFormFieldCSSProperties as kr, getInputClasses as Ar, getOptionClasses as _r, getStateClasses as br, getTextareaClasses as Nr, groupOptions as Mr, scrollIntoView as Ur, useClickOutside as Vr, useFormFieldId as Xr, useFormFieldState as qr, useKeyboardNavigation as Hr } from "./utils/formFieldUtils.js";
-import { c as Wr } from "./twUtils-CRiPKpXj.js";
-import { SpectralProvider as jr } from "./SpectralProvider.js";
+import { Slider as y } from "./Slider.js";
+import { Switch as w } from "./Switch.js";
+import { Tabs as D } from "./Tabs.js";
+import { Toggle as O } from "./Toggle.js";
+import { ToggleGroup as A, ToggleGroupItem as M } from "./ToggleGroup.js";
+import { Tooltip as Z, TooltipContent as V, TooltipTrigger as q } from "./Tooltip.js";
+import { AnnotationsIcon as K } from "./Icons/AnnotationsIcon.js";
+import { CalendarIcon as W } from "./Icons/CalendarIcon.js";
+import { CheckCircleIcon as Y } from "./Icons/CheckCircleIcon.js";
+import { CheckSquareIcon as z } from "./Icons/CheckSquareIcon.js";
+import { CheckmarkIcon as Q } from "./Icons/CheckmarkIcon.js";
+import { ChevronDownIcon as $ } from "./Icons/ChevronDownIcon.js";
+import { ChevronUpIcon as ro } from "./Icons/ChevronUpIcon.js";
+import { ClockIcon as to } from "./Icons/ClockIcon.js";
+import { CloseCircleIcon as no } from "./Icons/CloseCircleIcon.js";
+import { CloseIcon as fo } from "./Icons/CloseIcon.js";
+import { DashboardIcon as co } from "./Icons/DashboardIcon.js";
+import { DeleteIcon as Io } from "./Icons/DeleteIcon.js";
+import { DurationIcon as lo } from "./Icons/DurationIcon.js";
+import { EraserIcon as go } from "./Icons/EraserIcon.js";
+import { ErrorIcon as Co } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as To } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as vo } from "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as Po } from "./Icons/EyeOpenIcon.js";
+import { GoToFirstIcon as Go } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as yo } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as wo } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as Do } from "./Icons/InfoIcon.js";
+import { LabelIcon as Oo } from "./Icons/LabelIcon.js";
+import { LassoIcon as Ao } from "./Icons/LassoIcon.js";
+import { LineToolIcon as Uo } from "./Icons/LineToolIcon.js";
+import { LiveViewIcon as Vo } from "./Icons/LiveViewIcon.js";
+import { LoaderIcon as Ho } from "./Icons/LoaderIcon.js";
+import { LocationIcon as No } from "./Icons/LocationIcon.js";
+import { LogoutIcon as Xo } from "./Icons/LogoutIcon.js";
+import { MetadataIcon as jo } from "./Icons/MetadataIcon.js";
+import { OntologyIcon as Jo } from "./Icons/OntologyIcon.js";
+import { PanelIcon as _o } from "./Icons/PanelIcon.js";
+import { PlayIcon as or } from "./Icons/PlayIcon.js";
+import { PlusIcon as er } from "./Icons/PlusIcon.js";
+import { ResetIcon as pr } from "./Icons/ResetIcon.js";
+import { ScissorsIcon as mr } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as xr } from "./Icons/SettingsIcon.js";
+import { TrashIcon as sr } from "./Icons/TrashIcon.js";
+import { UndoIcon as ar } from "./Icons/UndoIcon.js";
+import { UserIcon as ir } from "./Icons/UserIcon.js";
+import { WarningIcon as ur } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as dr } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as Tr } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as vr } from "./Icons/ZoomYIcon.js";
+import { default as Pr, SvgIdContext as Er } from "./Icons/IconBase.js";
+import { useControllableState as kr } from "./hooks/useControllableState.js";
+import { useTheme as Fr } from "./hooks/useTheme.js";
+import { EmptyState as Br, ErrorMessage as Dr, LoadingState as br, getAriaProps as Or, getDropdownClasses as Rr, getErrorMessageId as Ar, getFormFieldCSSProperties as Mr, getInputClasses as Ur, getOptionClasses as Zr, getStateClasses as Vr, getTextareaClasses as qr, getTriggerClasses as Hr, groupOptions as Kr, scrollIntoView as Nr, useClickOutside as Wr, useFormFieldId as Xr, useFormFieldState as Yr, useKeyboardNavigation as jr } from "./utils/formFieldUtils.js";
+import { c as Jr } from "./twUtils-CRiPKpXj.js";
+import { SpectralProvider as _r } from "./SpectralProvider.js";
 export {
   e as Alert,
-  N as AnnotationsIcon,
+  K as AnnotationsIcon,
   p as Badge,
   m as Button,
   x as ButtonIcon,
-  U as CalendarIcon,
-  X as CheckCircleIcon,
-  H as CheckSquareIcon,
-  W as ChevronDownIcon,
-  j as ChevronUpIcon,
-  J as ClockIcon,
-  $ as CloseCircleIcon,
-  ro as CloseIcon,
-  to as DashboardIcon,
-  no as DeleteIcon,
-  c as Drawer,
-  fo as DurationIcon,
-  Pr as EmptyState,
-  Io as EraserIcon,
-  so as ErrorIcon,
-  hr as ErrorMessage,
-  lo as EyeClosedIcon,
-  go as EyeClosedIcon2,
-  uo as EyeOpenIcon,
-  To as GoToFirstIcon,
-  Lo as GoToLastIcon,
-  Go as HarmonicCursorsIcon,
-  Or as ICON_SIZE,
-  dr as IconBase,
-  ho as InfoIcon,
+  W as CalendarIcon,
+  Y as CheckCircleIcon,
+  z as CheckSquareIcon,
+  Q as CheckmarkIcon,
+  $ as ChevronDownIcon,
+  ro as ChevronUpIcon,
+  to as ClockIcon,
+  no as CloseCircleIcon,
+  fo as CloseIcon,
+  co as DashboardIcon,
+  Io as DeleteIcon,
+  s as Drawer,
+  lo as DurationIcon,
+  Br as EmptyState,
+  go as EraserIcon,
+  Co as ErrorIcon,
+  Dr as ErrorMessage,
+  To as EyeClosedIcon,
+  vo as EyeClosedIcon2,
+  Po as EyeOpenIcon,
+  Go as GoToFirstIcon,
+  yo as GoToLastIcon,
+  wo as HarmonicCursorsIcon,
+  Pr as IconBase,
+  Do as InfoIcon,
   a as Input,
-  yr as LARGE_ICON_SIZE,
-  yo as LabelIcon,
-  Fo as LassoIcon,
-  Do as LineToolIcon,
-  Zo as LiveViewIcon,
-  Ao as LoaderIcon,
-  Br as LoadingState,
-  bo as LocationIcon,
-  Mo as LogoutIcon,
-  Vo as MetadataIcon,
-  qo as OntologyIcon,
-  Ko as PanelIcon,
-  Yo as PlayIcon,
-  zo as PlusIcon,
+  Oo as LabelIcon,
+  Ao as LassoIcon,
+  Uo as LineToolIcon,
+  Vo as LiveViewIcon,
+  Ho as LoaderIcon,
+  br as LoadingState,
+  No as LocationIcon,
+  Xo as LogoutIcon,
+  jo as MetadataIcon,
+  Jo as OntologyIcon,
+  _o as PanelIcon,
+  or as PlayIcon,
+  er as PlusIcon,
   i as Popover,
   g as PopoverContent,
-  C as PopoverTrigger,
+  u as PopoverTrigger,
   d as RadioButtonGroup,
   S as RadioButtonGroupItem,
-  E as RadioGroup,
-  L as RadioGroupItem,
-  Qo as ResetIcon,
-  or as ScissorsIcon,
-  er as SettingsIcon,
+  h as RadioGroup,
+  v as RadioGroupItem,
+  pr as ResetIcon,
+  mr as ScissorsIcon,
+  P as Select,
+  xr as SettingsIcon,
   G as Skeleton,
-  h as Slider,
-  jr as SpectralProvider,
-  Sr as SvgIdContext,
-  y as Switch,
-  F as Toggle,
-  D as ToggleGroup,
-  R as ToggleGroupItem,
-  k as Tooltip,
-  A as TooltipContent,
-  _ as TooltipTrigger,
-  pr as TrashIcon,
-  mr as UndoIcon,
-  xr as UserIcon,
-  cr as WarningIcon,
-  Fr as XL_ICON_SIZE,
-  ar as ZoomAllIcon,
-  ir as ZoomXIcon,
-  Cr as ZoomYIcon,
-  Wr as cn,
-  wr as getAriaProps,
-  Dr as getBaseTriggerClasses,
+  y as Slider,
+  _r as SpectralProvider,
+  Er as SvgIdContext,
+  w as Switch,
+  D as Tabs,
+  O as Toggle,
+  A as ToggleGroup,
+  M as ToggleGroupItem,
+  Z as Tooltip,
+  V as TooltipContent,
+  q as TooltipTrigger,
+  sr as TrashIcon,
+  ar as UndoIcon,
+  ir as UserIcon,
+  ur as WarningIcon,
+  dr as ZoomAllIcon,
+  Tr as ZoomXIcon,
+  vr as ZoomYIcon,
+  Jr as cn,
+  Or as getAriaProps,
   Rr as getDropdownClasses,
-  Zr as getErrorMessageId,
-  kr as getFormFieldCSSProperties,
-  Ar as getInputClasses,
-  _r as getOptionClasses,
-  br as getStateClasses,
-  Nr as getTextareaClasses,
-  Mr as groupOptions,
-  Ur as scrollIntoView,
-  Vr as useClickOutside,
-  Er as useControllableState,
+  Ar as getErrorMessageId,
+  Mr as getFormFieldCSSProperties,
+  Ur as getInputClasses,
+  Zr as getOptionClasses,
+  Vr as getStateClasses,
+  qr as getTextareaClasses,
+  Hr as getTriggerClasses,
+  Kr as groupOptions,
+  Nr as scrollIntoView,
+  Wr as useClickOutside,
+  kr as useControllableState,
   Xr as useFormFieldId,
-  qr as useFormFieldState,
-  Hr as useKeyboardNavigation,
-  vr as useTheme
+  Yr as useFormFieldState,
+  jr as useKeyboardNavigation,
+  Fr as useTheme
 };

package/dist/Alert.d.ts

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
 export interface AlertProps {
-    id: string | undefined;
-    description: string | ReactNode | undefined;
     onClose?: () => void;
-    icon?: ReactNode;
-    title: string | undefined;
-    className?: string;
-    variant?: 'default' | 'info' | 'success' | 'warning' | 'danger';
+    readonly 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';
 }
 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,15 +1,17 @@
+"use client";
 import "./styles/main.css";
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { AlertPortal as h, AlertBase as w, AlertTitle as v, AlertDescription as I } from "./Alert/AlertBase.js";
+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 "./Icons/AnnotationsIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
-import { CheckSquareIcon as y } from "./Icons/CheckSquareIcon.js";
+import { CheckSquareIcon as A } from "./Icons/CheckSquareIcon.js";
+import "./Icons/CheckmarkIcon.js";
 import "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
-import { CloseCircleIcon as A } from "./Icons/CloseCircleIcon.js";
-import { CloseIcon as b } from "./Icons/CloseIcon.js";
+import { CloseCircleIcon as b } from "./Icons/CloseCircleIcon.js";
+import { CloseIcon as N } from "./Icons/CloseIcon.js";
 import "./Icons/DashboardIcon.js";
 import "./Icons/DeleteIcon.js";
 import "./Icons/DurationIcon.js";
@@ -21,7 +23,7 @@ import "./Icons/EyeOpenIcon.js";
 import "./Icons/GoToFirstIcon.js";
 import "./Icons/GoToLastIcon.js";
 import "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as N } from "./Icons/InfoIcon.js";
+import { InfoIcon as C } from "./Icons/InfoIcon.js";
 import "./Icons/LabelIcon.js";
 import "./Icons/LassoIcon.js";
 import "./Icons/LineToolIcon.js";
@@ -40,63 +42,66 @@ import "./Icons/SettingsIcon.js";
 import "./Icons/TrashIcon.js";
 import "./Icons/UndoIcon.js";
 import "./Icons/UserIcon.js";
-import { WarningIcon as T } from "./Icons/WarningIcon.js";
+import { WarningIcon as E } from "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { SpectralProvider as C } from "./SpectralProvider.js";
-import { c as x } from "./twUtils-CRiPKpXj.js";
-import "react";
-const Nr = ({ id: a, description: m, onClose: s, icon: l, title: c, className: d, variant: i = "default" }) => {
-  const e = l || {
-    info: /* @__PURE__ */ r(N, {}),
-    success: /* @__PURE__ */ r(y, {}),
-    warning: /* @__PURE__ */ r(T, {}),
-    danger: /* @__PURE__ */ r(A, {}),
+import { c as g } from "./twUtils-CRiPKpXj.js";
+import { useRef as x, useEffect as R } from "react";
+const Er = ({ 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, {}),
+    warning: /* @__PURE__ */ r(E, {}),
+    danger: /* @__PURE__ */ r(b, {}),
     default: null
-  }[i], p = (t) => {
-    t.style.opacity = "0", setTimeout(() => {
-      t.style.display = "none", s?.();
-    }, 300);
-  }, f = (t) => {
-    const o = t.currentTarget.closest(".alert-wrapper");
-    o && p(o);
-  }, u = (t) => {
-    if (t.key === "Enter" || t.key === " ") {
-      t.preventDefault();
-      const o = t.currentTarget.closest(".alert-wrapper");
-      o && p(o);
-    }
-  }, g = (/* @__PURE__ */ new Set(["danger", "warning"])).has(i) ? "assertive" : "polite";
-  return /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ n(
+  }[o];
+  R(() => {
+    const n = (p) => {
+      p.key === "Escape" && t.current && (p.preventDefault(), i());
+    };
+    return document.addEventListener("keydown", n), () => {
+      document.removeEventListener("keydown", n);
+    };
+  }, []);
+  const i = () => {
+    t.current && (t.current.style.opacity = "0", setTimeout(() => {
+      t.current && (t.current.style.display = "none"), c?.();
+    }, 300));
+  }, f = () => {
+    i();
+  }, h = (/* @__PURE__ */ new Set(["danger", "warning"])).has(o) ? "assertive" : "polite";
+  return /* @__PURE__ */ r(v, { children: /* @__PURE__ */ m(
     w,
     {
+      ref: t,
       id: a,
-      "aria-live": g,
-      variant: i,
-      "data-variant": i,
-      className: x("alert-wrapper tw-transition-opacity tw-duration-300 flex", d),
+      "aria-live": h,
+      variant: o,
+      "data-variant": o,
+      className: g("alert-wrapper tw-transition-opacity tw-duration-300 flex", u),
       children: [
-        e && /* @__PURE__ */ r("div", { className: "icon-wrapper mr-2", children: e }),
-        /* @__PURE__ */ n("div", { className: "content-wrapper", children: [
-          /* @__PURE__ */ r(v, { children: c }),
-          /* @__PURE__ */ r(I, { children: m })
+        e && /* @__PURE__ */ r("div", { className: "icon-wrapper aria-hidden mr-2", children: e }),
+        /* @__PURE__ */ m("div", { className: "content-wrapper", children: [
+          /* @__PURE__ */ r(y, { children: d }),
+          /* @__PURE__ */ r(I, { children: s })
         ] }),
-        /* @__PURE__ */ r("div", { className: "close-icon-wrapper focus-visible:ring-ring absolute top-2 right-2 cursor-pointer outline-transparent focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-none", children: /* @__PURE__ */ r(
-          b,
+        /* @__PURE__ */ r(
+          "button",
           {
-            size: 20,
+            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,
-            onKeyDown: u,
             "aria-label": "Close alert",
-            tabIndex: 0,
-            "data-testid": "alert-close-button"
+            "data-testid": "alert-close-button",
+            children: /* @__PURE__ */ r(N, { size: 20, "aria-hidden": "true" })
           }
-        ) })
+        )
       ]
     }
-  ) }) });
+  ) });
 };
 export {
-  Nr as Alert
+  Er as Alert
 };

package/dist/Button.d.ts

@@ -6,17 +6,17 @@ declare const buttonVariants: (props?: ({
     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> {
-    errorMessage?: string | ReactNode;
-    endIcon?: ReactNode;
-    label: string;
+    children?: ReactNode;
     disabled?: boolean;
-    startIcon?: ReactNode;
-    type?: 'button' | 'submit' | 'reset';
-    state?: 'loading' | 'error' | 'default';
-    dataTestId?: string;
-    size?: 'default' | 'icon' | 'fullWidth';
+    endIcon?: ReactNode;
+    errorMessage?: string | ReactNode;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    children?: ReactNode;
+    readonly dataTestId?: string;
+    readonly label: string;
+    readonly size?: 'default' | 'icon' | 'fullWidth';
+    readonly state?: 'loading' | 'error' | 'default';
+    readonly type?: 'button' | 'submit' | 'reset';
+    startIcon?: ReactNode;
 }
 export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/Button.js

@@ -37,18 +37,18 @@ const w = v(
   }
 ), j = h(
   ({
-    className: g,
-    variant: r,
-    label: o,
+    children: g,
+    className: p,
+    dataTestId: c,
+    disabled: o,
     endIcon: i,
-    state: t,
     errorMessage: a,
-    startIcon: d,
-    disabled: s,
-    type: p = "button",
-    dataTestId: c = `button-${r}`,
+    label: d,
     size: e,
-    children: x,
+    startIcon: s,
+    state: t,
+    type: x = "button",
+    variant: r,
     ...m
   }, y) => {
     const b = {
@@ -69,26 +69,26 @@ const w = v(
       t === "error" && b.error[r || "primary"],
       t === "loading" && b.loading[r || "primary"],
       e,
-      g
+      p
     );
     return /* @__PURE__ */ l("div", { className: u("flex flex-col justify-items-center", e), children: [
       /* @__PURE__ */ l(
         "button",
         {
+          "aria-disabled": o,
           className: f,
+          "data-state": t,
+          "data-testid": c || `button-${r}`,
+          disabled: o,
           ref: y,
-          type: p,
-          "aria-disabled": s,
-          disabled: s,
-          "data-testid": c,
+          type: x,
           ...m,
-          "data-state": t,
           children: [
-            d && /* @__PURE__ */ n("span", { className: "flex pr-2", "aria-hidden": !0, children: d }),
-            e === "icon" ? /* @__PURE__ */ n("span", { className: "sr-only", children: o }) : o,
+            s && /* @__PURE__ */ n("span", { className: "flex pr-2", "aria-hidden": !0, children: s }),
+            e === "icon" ? /* @__PURE__ */ n("span", { className: "sr-only", children: d }) : d,
             t === "loading" && /* @__PURE__ */ n(N, { className: "ml-2 animate-spin", size: 16 }),
             i && t !== "loading" && /* @__PURE__ */ n("span", { className: "flex pl-2", "aria-hidden": !0, children: i }),
-            e === "icon" && x
+            e === "icon" && g
           ]
         }
       ),

package/dist/ButtonIcon.js

@@ -5,6 +5,7 @@ import "./Icons/AnnotationsIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";
+import "./Icons/CheckmarkIcon.js";
 import "./Icons/ChevronDownIcon.js";
 import "./Icons/ChevronUpIcon.js";
 import "./Icons/ClockIcon.js";
@@ -44,8 +45,8 @@ import "./Icons/WarningIcon.js";
 import "./Icons/ZoomAllIcon.js";
 import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
-import { c as s } from "./twUtils-CRiPKpXj.js";
-import { forwardRef as x, useState as k, useCallback as C, isValidElement as z, cloneElement as p } from "react";
+import { c as p } from "./twUtils-CRiPKpXj.js";
+import { forwardRef as x, useState as k, useCallback as C, isValidElement as z, cloneElement as s } from "react";
 const E = `bg-transparent hover:bg-level-one text-text-primary inline-flex items-center justify-center whitespace-nowrap transition-colors focus:outline-none focus-visible:outline-2
   focus-visible:outline-offset-2 focus-visible:outline-level-two cursor-pointer [&_svg]:pointer-events-none [&_svg]:shrink-0`, m = {
   small: { button: "h-8 w-8", icon: 16 },
@@ -66,15 +67,15 @@ const E = `bg-transparent hover:bg-level-one text-text-primary inline-flex items
       if (z(t)) {
         const o = m[n].icon;
         if (t.type === "svg")
-          return p(t, {
+          return s(t, {
             width: o,
             height: o,
-            className: s("shrink-0", t.props.className),
+            className: p("shrink-0", t.props.className),
             "aria-hidden": "true"
           });
         {
           const u = {
-            className: s("shrink-0", t.props.className),
+            className: p("shrink-0", t.props.className),
             "aria-hidden": "true"
           };
           if (t.type.displayName?.includes("Icon") ?? !1) {
@@ -82,9 +83,9 @@ const E = `bg-transparent hover:bg-level-one text-text-primary inline-flex items
               ...u,
               size: o
             };
-            return p(t, N);
+            return s(t, N);
           }
-          return p(t, u);
+          return s(t, u);
         }
       }
       return t;
@@ -92,7 +93,7 @@ const E = `bg-transparent hover:bg-level-one text-text-primary inline-flex items
     return /* @__PURE__ */ f(
       "button",
       {
-        className: s(
+        className: p(
           E,
           h === "circle" ? "rounded-full" : "rounded-[0.75rem]",
           m[n].button,