@spear-ai/spectral 1.3.49 → 1.3.50

package/dist/.js

@@ -2,159 +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 { Tabs as F } from "./Tabs.js";
-import { Toggle as D } from "./Toggle.js";
-import { ToggleGroup as Z, ToggleGroupItem as b } from "./ToggleGroup.js";
-import { Tooltip as A, TooltipContent as _, TooltipTrigger as N } from "./Tooltip.js";
-import { AnnotationsIcon as U } from "./Icons/AnnotationsIcon.js";
-import { CalendarIcon as X } from "./Icons/CalendarIcon.js";
-import { CheckCircleIcon as H } from "./Icons/CheckCircleIcon.js";
-import { CheckSquareIcon as W } from "./Icons/CheckSquareIcon.js";
-import { ChevronDownIcon as j } from "./Icons/ChevronDownIcon.js";
-import { ChevronUpIcon as J } from "./Icons/ChevronUpIcon.js";
-import { ClockIcon as $ } from "./Icons/ClockIcon.js";
-import { CloseCircleIcon as ro } from "./Icons/CloseCircleIcon.js";
-import { CloseIcon as to } from "./Icons/CloseIcon.js";
-import { DashboardIcon as no } from "./Icons/DashboardIcon.js";
-import { DeleteIcon as fo } from "./Icons/DeleteIcon.js";
-import { DurationIcon as Io } from "./Icons/DurationIcon.js";
-import { EraserIcon as so } from "./Icons/EraserIcon.js";
-import { ErrorIcon as lo } from "./Icons/ErrorIcon.js";
-import { EyeClosedIcon as go } from "./Icons/EyeClosedIcon.js";
-import { EyeClosedIcon2 as uo } from "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as To } from "./Icons/EyeOpenIcon.js";
-import { GoToFirstIcon as Lo } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as Go } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as ho } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as yo } from "./Icons/InfoIcon.js";
-import { LabelIcon as Fo } from "./Icons/LabelIcon.js";
-import { LassoIcon as Do } from "./Icons/LassoIcon.js";
-import { LineToolIcon as Zo } from "./Icons/LineToolIcon.js";
-import { LiveViewIcon as ko } from "./Icons/LiveViewIcon.js";
-import { LoaderIcon as _o } from "./Icons/LoaderIcon.js";
-import { LocationIcon as Mo } from "./Icons/LocationIcon.js";
-import { LogoutIcon as Vo } from "./Icons/LogoutIcon.js";
-import { MetadataIcon as qo } from "./Icons/MetadataIcon.js";
-import { OntologyIcon as Ko } from "./Icons/OntologyIcon.js";
-import { PanelIcon as Yo } from "./Icons/PanelIcon.js";
-import { PlayIcon as zo } from "./Icons/PlayIcon.js";
-import { PlusIcon as Qo } from "./Icons/PlusIcon.js";
-import { ResetIcon as or } from "./Icons/ResetIcon.js";
-import { ScissorsIcon as er } from "./Icons/ScissorsIcon.js";
-import { SettingsIcon as pr } from "./Icons/SettingsIcon.js";
-import { TrashIcon as mr } from "./Icons/TrashIcon.js";
-import { UndoIcon as xr } from "./Icons/UndoIcon.js";
-import { UserIcon as cr } from "./Icons/UserIcon.js";
-import { WarningIcon as ar } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as ir } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as Cr } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as dr } from "./Icons/ZoomYIcon.js";
-import { default as Tr, SvgIdContext as Er } from "./Icons/IconBase.js";
-import { useControllableState as vr } from "./hooks/useControllableState.js";
-import { useTheme as Pr } from "./hooks/useTheme.js";
-import { EmptyState as Or, ErrorMessage as yr, ICON_SIZE as Br, LARGE_ICON_SIZE as Fr, LoadingState as wr, XL_ICON_SIZE as Dr, getAriaProps as Rr, getBaseTriggerClasses as Zr, getDropdownClasses as br, getErrorMessageId as kr, getFormFieldCSSProperties as Ar, getInputClasses as _r, getOptionClasses as Nr, getStateClasses as Mr, getTextareaClasses as Ur, groupOptions as Vr, scrollIntoView as Xr, useClickOutside as qr, useFormFieldId as Hr, useFormFieldState as Kr, useKeyboardNavigation as Wr } from "./utils/formFieldUtils.js";
-import { c as jr } 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,
-  U as AnnotationsIcon,
+  K as AnnotationsIcon,
   p as Badge,
   m as Button,
   x as ButtonIcon,
-  X as CalendarIcon,
-  H as CheckCircleIcon,
-  W as CheckSquareIcon,
-  j as ChevronDownIcon,
-  J as ChevronUpIcon,
-  $ as ClockIcon,
-  ro as CloseCircleIcon,
-  to as CloseIcon,
-  no as DashboardIcon,
-  fo as DeleteIcon,
-  c as Drawer,
-  Io as DurationIcon,
-  Or as EmptyState,
-  so as EraserIcon,
-  lo as ErrorIcon,
-  yr as ErrorMessage,
-  go as EyeClosedIcon,
-  uo as EyeClosedIcon2,
-  To as EyeOpenIcon,
-  Lo as GoToFirstIcon,
-  Go as GoToLastIcon,
-  ho as HarmonicCursorsIcon,
-  Br as ICON_SIZE,
-  Tr as IconBase,
-  yo 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,
-  Fr as LARGE_ICON_SIZE,
-  Fo as LabelIcon,
-  Do as LassoIcon,
-  Zo as LineToolIcon,
-  ko as LiveViewIcon,
-  _o as LoaderIcon,
-  wr as LoadingState,
-  Mo as LocationIcon,
-  Vo as LogoutIcon,
-  qo as MetadataIcon,
-  Ko as OntologyIcon,
-  Yo as PanelIcon,
-  zo as PlayIcon,
-  Qo 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,
-  or as ResetIcon,
-  er as ScissorsIcon,
-  pr 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,
+  y as Slider,
+  _r as SpectralProvider,
   Er as SvgIdContext,
-  y as Switch,
-  F as Tabs,
-  D as Toggle,
-  Z as ToggleGroup,
-  b as ToggleGroupItem,
-  A as Tooltip,
-  _ as TooltipContent,
-  N as TooltipTrigger,
-  mr as TrashIcon,
-  xr as UndoIcon,
-  cr as UserIcon,
-  ar as WarningIcon,
-  Dr as XL_ICON_SIZE,
-  ir as ZoomAllIcon,
-  Cr as ZoomXIcon,
-  dr as ZoomYIcon,
-  jr as cn,
-  Rr as getAriaProps,
-  Zr as getBaseTriggerClasses,
-  br as getDropdownClasses,
-  kr as getErrorMessageId,
-  Ar as getFormFieldCSSProperties,
-  _r as getInputClasses,
-  Nr as getOptionClasses,
-  Mr as getStateClasses,
-  Ur as getTextareaClasses,
-  Vr as groupOptions,
-  Xr as scrollIntoView,
-  qr as useClickOutside,
-  vr as useControllableState,
-  Hr as useFormFieldId,
-  Kr as useFormFieldState,
-  Wr as useKeyboardNavigation,
-  Pr as useTheme
+  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,
+  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,
+  Yr as useFormFieldState,
+  jr as useKeyboardNavigation,
+  Fr as useTheme
 };

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/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,