@spear-ai/spectral 1.3.49 → 1.3.51

package/dist/.js

@@ -2,159 +2,162 @@ 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 L } 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 { EmailIcon as go } from "./Icons/EmailIcon.js";
+import { EraserIcon as Co } from "./Icons/EraserIcon.js";
+import { ErrorIcon as To } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as vo } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as Lo } from "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as Go } from "./Icons/EyeOpenIcon.js";
+import { GoToFirstIcon as yo } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as wo } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as Do } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as Oo } from "./Icons/InfoIcon.js";
+import { LabelIcon as Ao } from "./Icons/LabelIcon.js";
+import { LassoIcon as Uo } from "./Icons/LassoIcon.js";
+import { LineToolIcon as Vo } from "./Icons/LineToolIcon.js";
+import { LiveViewIcon as Ho } from "./Icons/LiveViewIcon.js";
+import { LoaderIcon as No } from "./Icons/LoaderIcon.js";
+import { LocationIcon as Xo } from "./Icons/LocationIcon.js";
+import { LogoutIcon as jo } from "./Icons/LogoutIcon.js";
+import { MetadataIcon as Jo } from "./Icons/MetadataIcon.js";
+import { OntologyIcon as _o } from "./Icons/OntologyIcon.js";
+import { PanelIcon as or } from "./Icons/PanelIcon.js";
+import { PlayIcon as er } from "./Icons/PlayIcon.js";
+import { PlusIcon as pr } from "./Icons/PlusIcon.js";
+import { ResetIcon as mr } from "./Icons/ResetIcon.js";
+import { ScissorsIcon as xr } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as sr } from "./Icons/SettingsIcon.js";
+import { TrashIcon as ar } from "./Icons/TrashIcon.js";
+import { UndoIcon as ir } from "./Icons/UndoIcon.js";
+import { UserIcon as ur } from "./Icons/UserIcon.js";
+import { WarningIcon as dr } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as Tr } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as vr } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as Lr } from "./Icons/ZoomYIcon.js";
+import { default as Gr, SvgIdContext as kr } from "./Icons/IconBase.js";
+import { useControllableState as Fr } from "./hooks/useControllableState.js";
+import { useTheme as Br } from "./hooks/useTheme.js";
+import { EmptyState as br, ErrorMessage as Or, LoadingState as Rr, getAriaProps as Ar, getDropdownClasses as Mr, getErrorMessageId as Ur, getFormFieldCSSProperties as Zr, getInputClasses as Vr, getOptionClasses as qr, getStateClasses as Hr, getTextareaClasses as Kr, getTriggerClasses as Nr, groupOptions as Wr, scrollIntoView as Xr, useClickOutside as Yr, useFormFieldId as jr, useFormFieldState as zr, useKeyboardNavigation as Jr } from "./utils/formFieldUtils.js";
+import { c as _r } from "./twUtils-CRiPKpXj.js";
+import { SpectralProvider as oe } 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,
+  go as EmailIcon,
+  br as EmptyState,
+  Co as EraserIcon,
+  To as ErrorIcon,
+  Or as ErrorMessage,
+  vo as EyeClosedIcon,
+  Lo as EyeClosedIcon2,
+  Go as EyeOpenIcon,
+  yo as GoToFirstIcon,
+  wo as GoToLastIcon,
+  Do as HarmonicCursorsIcon,
+  Gr as IconBase,
+  Oo 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,
+  Ao as LabelIcon,
+  Uo as LassoIcon,
+  Vo as LineToolIcon,
+  Ho as LiveViewIcon,
+  No as LoaderIcon,
+  Rr as LoadingState,
+  Xo as LocationIcon,
+  jo as LogoutIcon,
+  Jo as MetadataIcon,
+  _o as OntologyIcon,
+  or as PanelIcon,
+  er as PlayIcon,
+  pr 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,
+  mr as ResetIcon,
+  xr as ScissorsIcon,
+  L as Select,
+  sr as SettingsIcon,
   G as Skeleton,
-  h as Slider,
-  Jr 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,
+  y as Slider,
+  oe as SpectralProvider,
+  kr 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,
+  ar as TrashIcon,
+  ir as UndoIcon,
+  ur as UserIcon,
+  dr as WarningIcon,
+  Tr as ZoomAllIcon,
+  vr as ZoomXIcon,
+  Lr as ZoomYIcon,
+  _r as cn,
+  Ar as getAriaProps,
+  Mr as getDropdownClasses,
+  Ur as getErrorMessageId,
+  Zr as getFormFieldCSSProperties,
+  Vr as getInputClasses,
+  qr as getOptionClasses,
+  Hr as getStateClasses,
+  Kr as getTextareaClasses,
+  Nr as getTriggerClasses,
+  Wr as groupOptions,
   Xr as scrollIntoView,
-  qr as useClickOutside,
-  vr as useControllableState,
-  Hr as useFormFieldId,
-  Kr as useFormFieldState,
-  Wr as useKeyboardNavigation,
-  Pr as useTheme
+  Yr as useClickOutside,
+  Fr as useControllableState,
+  jr as useFormFieldId,
+  zr as useFormFieldState,
+  Jr as useKeyboardNavigation,
+  Br as useTheme
 };

package/dist/Alert.js

@@ -1,18 +1,21 @@
+"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";
+import "./Icons/EmailIcon.js";
 import "./Icons/EraserIcon.js";
 import "./Icons/ErrorIcon.js";
 import "./Icons/EyeClosedIcon.js";
@@ -21,7 +24,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 +43,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 gr = ({ 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
+  gr 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";
@@ -13,6 +14,7 @@ import "./Icons/CloseIcon.js";
 import "./Icons/DashboardIcon.js";
 import "./Icons/DeleteIcon.js";
 import "./Icons/DurationIcon.js";
+import "./Icons/EmailIcon.js";
 import "./Icons/EraserIcon.js";
 import "./Icons/ErrorIcon.js";
 import "./Icons/EyeClosedIcon.js";
@@ -44,8 +46,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 +68,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 +84,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 +94,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,