@spear-ai/spectral 1.3.4 → 1.3.5

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export { Slider, type SliderProps } from './components/Slider/Slider';
 export { Switch } from './components/Switch/Switch';
 export { Toggle, type ToggleProps } from './components/Toggle/Toggle';
 export { ToggleGroup, type ToggleGroupProps } from './components/ToggleGroup/ToggleGroup';
+export { Toolbar, type ToolbarProps } from './components/Toolbar/Toolbar';
 export { Tooltip, TooltipContent, TooltipTrigger } from './components/Tooltip/Tooltip';
 export { useOutsideClick } from './hooks/useOutsideClick';
 export { useTheme } from './hooks/useTheme';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AACzF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAGtF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAGpC,OAAO,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AACzF,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAGtF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AAGpC,OAAO,mBAAmB,CAAA"}

package/dist/index.js

@@ -1,8 +1,8 @@
 "use client";
 import "./assets/spectral.css";
-import { jsxs as ie, jsx as x, Fragment as Dn } from "react/jsx-runtime";
+import { jsxs as oe, jsx as x, Fragment as Dn } from "react/jsx-runtime";
 import * as f from "react";
-import D, { forwardRef as ae, createElement as Nn, useState as dt, useLayoutEffect as ao, useEffect as Ke, useMemo as io, isValidElement as ki, cloneElement as Ti, useRef as it, useCallback as q, createContext as Qt, useContext as ft, createRef as Oi, useId as Di, useImperativeHandle as Ni } from "react";
+import D, { forwardRef as ie, createElement as Nn, useState as dt, useLayoutEffect as ao, useEffect as Ke, useMemo as io, isValidElement as ki, cloneElement as Ti, useRef as it, useCallback as q, createContext as Qt, useContext as ft, createRef as Oi, useId as Di, useImperativeHandle as Ni } from "react";
 import * as so from "react-dom";
 import Mi from "react-dom";
 function lo(e) {
@@ -2741,7 +2741,7 @@ const te = (e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, ps = /* @__PURE__ */ Yi(fs);
-function oe(...e) {
+function ae(...e) {
   return ps(co(e));
 }
 const Ar = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kr = co, Yn = (e, t) => (n) => {
@@ -2814,7 +2814,7 @@ var vs = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bs = ae(
+const bs = ie(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -2850,7 +2850,7 @@ const bs = ae(
  * See the LICENSE file in the root directory of this source tree.
  */
 const ws = (e, t) => {
-  const n = ae(
+  const n = ie(
     ({ className: r, ...o }, a) => Nn(bs, {
       ref: a,
       iconNode: t,
@@ -2900,7 +2900,7 @@ const ys = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Co =
       size: "default"
     }
   }
-), Cs = ae(
+), Cs = ie(
   ({
     className: e,
     variant: t,
@@ -2928,15 +2928,15 @@ const ys = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Co =
         outline: "bg-button-outline-bg--disabled border-button-outline-border--disabled text-button-outline-text--disabled pointer-events-none",
         ghost: "bg-transparent text-button-ghost-text--disabled pointer-events-none"
       }
-    }, v = oe(
+    }, v = ae(
       xs({ variant: t, state: o, size: u }),
       o === "error" && m.error[t || "primary"],
       o === "loading" && m.loading[t || "primary"],
       u,
       e
     );
-    return /* @__PURE__ */ ie("div", { className: oe("flex flex-col justify-items-center", u), children: [
-      /* @__PURE__ */ ie(
+    return /* @__PURE__ */ oe("div", { className: ae("flex flex-col justify-items-center", u), children: [
+      /* @__PURE__ */ oe(
         "button",
         {
           className: v,
@@ -2960,14 +2960,14 @@ const ys = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Co =
   }
 );
 Cs.displayName = "Button";
-const Es = ae(
+const Es = ie(
   ({ className: e, title: t, icon: n, width: r = "full", isLoading: o = !1, children: a, ...i }, s) => {
-    const l = t || n, c = oe(
+    const l = t || n, c = ae(
       "!font-sans shadow-neumorphic-large relative bg-card-bg rounded-2xl p-4.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       r === "full" ? "w-full" : "w-fit",
       e
     );
-    return /* @__PURE__ */ ie("div", { ref: s, className: c, "aria-busy": o, ...i, children: [
+    return /* @__PURE__ */ oe("div", { ref: s, className: c, "aria-busy": o, ...i, children: [
       o && /* @__PURE__ */ x(
         "div",
         {
@@ -2978,11 +2978,11 @@ const Es = ae(
           children: /* @__PURE__ */ x(Co, { className: "text-muted-foreground animate-spin", size: 24 })
         }
       ),
-      l && /* @__PURE__ */ ie("div", { className: oe("mb-6 flex items-center", t ? "justify-between" : "justify-end"), children: [
+      l && /* @__PURE__ */ oe("div", { className: ae("mb-6 flex items-center", t ? "justify-between" : "justify-end"), children: [
         t && /* @__PURE__ */ x("h3", { className: "text-card-text m-0 min-w-0 flex-1 truncate font-semibold", children: t }),
         n && /* @__PURE__ */ x("div", { className: "size-5 flex-shrink-0 overflow-hidden [&>svg]:size-5", "aria-hidden": "true", children: n })
       ] }),
-      /* @__PURE__ */ x("div", { className: oe("min-h-40 p-4", l && "pt-0"), children: a })
+      /* @__PURE__ */ x("div", { className: ae("min-h-40 p-4", l && "pt-0"), children: a })
     ] });
   }
 );
@@ -4214,7 +4214,7 @@ var Gl = f.forwardRef(
 ), Go = f.forwardRef(
   (e, t) => {
     const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: a, ...i } = e, s = be(qe, n), l = f.useRef(null), c = fe(t, l);
-    return ko(), /* @__PURE__ */ ie(Dn, { children: [
+    return ko(), /* @__PURE__ */ oe(Dn, { children: [
       /* @__PURE__ */ x(
         qn,
         {
@@ -4238,7 +4238,7 @@ var Gl = f.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ ie(Dn, { children: [
+      /* @__PURE__ */ oe(Dn, { children: [
         /* @__PURE__ */ x(Xl, { titleId: s.titleId }),
         /* @__PURE__ */ x(ql, { contentRef: l, descriptionId: s.descriptionId })
       ] })
@@ -5345,11 +5345,11 @@ const $e = {
       style: { height: a }
     }
   }, { className: l, style: c } = s[o];
-  return /* @__PURE__ */ ie($e.Root, { direction: o, children: [
+  return /* @__PURE__ */ oe($e.Root, { direction: o, children: [
     /* @__PURE__ */ x($e.Trigger, { asChild: !0, children: e }),
-    /* @__PURE__ */ ie($e.Portal, { children: [
+    /* @__PURE__ */ oe($e.Portal, { children: [
       /* @__PURE__ */ x($e.Overlay, { className: "fixed inset-0 bg-transparent" }),
-      /* @__PURE__ */ ie($e.Content, { className: `bg-drawer-bg z-10 flex flex-col p-4 outline-none ${l}`, style: c, children: [
+      /* @__PURE__ */ oe($e.Content, { className: `bg-drawer-bg z-10 flex flex-col p-4 outline-none ${l}`, style: c, children: [
         /* @__PURE__ */ x($e.Close, {}),
         /* @__PURE__ */ x($e.Title, { className: "text-text-primary mb-2 text-lg font-semibold", children: t }),
         /* @__PURE__ */ x($e.Description, { className: "!text-text-secondary mb-2 !text-xs uppercase", children: n }),
@@ -7124,7 +7124,7 @@ function of({ className: e, align: t = "center", sideOffset: n = 4, width: r = 3
       "data-slot": "popover-content",
       align: t,
       sideOffset: n,
-      className: oe(
+      className: ae(
         "bg-popover-bg text-popover-text 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 data-[side=bottom]:slide-in-from-top-2",
         "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 h-fit",
@@ -7137,7 +7137,7 @@ function of({ className: e, align: t = "center", sideOffset: n = 4, width: r = 3
   ) });
 }
 function af({ className: e, ...t }) {
-  return /* @__PURE__ */ x("div", { "data-slot": "skeleton", className: oe("bg-accent animate-pulse rounded-md", e), ...t });
+  return /* @__PURE__ */ x("div", { "data-slot": "skeleton", className: ae("bg-accent animate-pulse rounded-md", e), ...t });
 }
 function fd(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
@@ -7150,7 +7150,7 @@ function pd(...e) {
       n && (typeof n == "function" ? n(t) : typeof n == "object" && "current" in n && (n.current = t));
   };
 }
-const vt = ae(function({ children: t, ...n }, r) {
+const vt = ie(function({ children: t, ...n }, r) {
   if (!ki(t))
     return t == null ? null : /* @__PURE__ */ x("span", { ...n, ref: r });
   const o = t, a = o.props ?? {}, i = { ...a, ...n };
@@ -7203,7 +7203,7 @@ function gd(e) {
   );
   return [s, l];
 }
-const fn = Qt(null), ja = ae(
+const fn = Qt(null), ja = ie(
   ({
     asChild: e,
     className: t,
@@ -7260,7 +7260,7 @@ const fn = Qt(null), ja = ae(
       setActiveIndex: S,
       updateAtIndex: I
     }, z = e ? vt : "div", T = w;
-    return /* @__PURE__ */ x(fn.Provider, { value: O, children: /* @__PURE__ */ ie(
+    return /* @__PURE__ */ x(fn.Provider, { value: O, children: /* @__PURE__ */ oe(
       z,
       {
         ref: T,
@@ -7301,7 +7301,7 @@ function oo(e, t) {
     i[l] - i[l - 1] < s && (i[l] = at(i[l - 1] + s, n, r));
   return i;
 }
-const Ga = ae(
+const Ga = ie(
   ({ asChild: e, className: t, onPointerDown: n, ...r }, o) => {
     const a = ft(fn);
     if (!a) throw new Error("SliderTrack must be used within Slider");
@@ -7336,7 +7336,7 @@ const Ga = ae(
   }
 );
 Ga.displayName = "SliderTrack";
-const Ya = ae(
+const Ya = ie(
   ({ asChild: e, className: t, style: n, ...r }, o) => {
     const a = ft(fn);
     if (!a) throw new Error("SliderRange must be used within Slider");
@@ -7354,7 +7354,7 @@ const Ya = ae(
   }
 );
 Ya.displayName = "SliderRange";
-const Xa = ae(
+const Xa = ie(
   ({ asChild: e, className: t, index: n, onKeyDown: r, onPointerDown: o, ...a }, i) => {
     const s = ft(fn);
     if (!s) throw new Error("SliderThumb must be used within Slider");
@@ -7490,7 +7490,7 @@ const sf = ({
   ...p
 }) => {
   const m = n || t || [r];
-  return /* @__PURE__ */ ie(
+  return /* @__PURE__ */ oe(
     ja,
     {
       "data-slot": "slider",
@@ -7505,7 +7505,7 @@ const sf = ({
       onValueCommit: c,
       disabled: u,
       name: d,
-      className: oe(
+      className: ae(
         "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
         e
       ),
@@ -7515,14 +7515,14 @@ const sf = ({
           Ga,
           {
             "data-slot": "slider-track",
-            className: oe(
+            className: ae(
               "bg-slider-track relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
             ),
             children: /* @__PURE__ */ x(
               Ya,
               {
                 "data-slot": "slider-range",
-                className: oe(
+                className: ae(
                   "bg-slider-range absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
                 )
               }
@@ -7557,7 +7557,7 @@ function pr(e) {
 function bd(e, t, n) {
   return Math.min(n, Math.max(t, e));
 }
-const Ja = Qt(null), ei = ae(
+const Ja = Qt(null), ei = ie(
   ({
     asChild: e,
     className: t,
@@ -7607,7 +7607,7 @@ const Ja = Qt(null), ei = ae(
       },
       [p, P]
     ), k = e ? vt : "button", I = h;
-    return /* @__PURE__ */ x(Ja.Provider, { value: { checked: E, disabled: c }, children: /* @__PURE__ */ ie(
+    return /* @__PURE__ */ x(Ja.Provider, { value: { checked: E, disabled: c }, children: /* @__PURE__ */ oe(
       k,
       {
         id: w,
@@ -7660,7 +7660,7 @@ const Ja = Qt(null), ei = ae(
   }
 );
 ei.displayName = "Switch";
-const ti = ae(({ asChild: e, className: t, ...n }, r) => {
+const ti = ie(({ asChild: e, className: t, ...n }, r) => {
   const o = ft(Ja);
   if (!o) throw new Error("SwitchThumb must be used within Switch");
   return /* @__PURE__ */ x(
@@ -7679,12 +7679,12 @@ const ti = ae(({ asChild: e, className: t, ...n }, r) => {
   );
 });
 ti.displayName = "SwitchThumb";
-const wd = Yn("text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), Gt = ae(({ className: e, htmlFor: t, ...n }, r) => (
+const wd = Yn("text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), Gt = ie(({ className: e, htmlFor: t, ...n }, r) => (
   // eslint-disable-next-line jsx-a11y/label-has-associated-control
-  /* @__PURE__ */ x("label", { htmlFor: t, ref: r, className: oe(wd(), e), ...n })
+  /* @__PURE__ */ x("label", { htmlFor: t, ref: r, className: ae(wd(), e), ...n })
 ));
 Gt.displayName = "Label";
-const yd = ae(
+const yd = ie(
   ({
     className: e,
     disabled: t,
@@ -7700,13 +7700,13 @@ const yd = ae(
     ...d
   }, p) => {
     const m = u === "squared";
-    return /* @__PURE__ */ ie("div", { className: "flex items-center", "data-testid": "switch-container", children: [
+    return /* @__PURE__ */ oe("div", { className: "flex items-center", "data-testid": "switch-container", children: [
       r === "left" && !c && /* @__PURE__ */ x(Gt, { htmlFor: n, className: "mr-2", "data-testid": "switch-label-left", children: o }),
       /* @__PURE__ */ x(
         ei,
         {
           "data-testid": "switch-root",
-          className: oe(
+          className: ae(
             m ? "peer data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg inline-flex h-6 w-10 shrink-0 items-center rounded-sm border-2 border-transparent transition-all outline-none focus-visible:ring-[3px] focus-visible:ring-black disabled:cursor-not-allowed disabled:opacity-50 [&_span]:rounded-[4px]" : "focus-visible:ring-ring focus-visible:ring-offset-background peer data-[state=checked]:bg-switch-bg--checked data-[state=unchecked]:bg-switch-bg inline-flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-2xs transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
             e
           ),
@@ -7721,7 +7721,7 @@ const yd = ae(
           children: /* @__PURE__ */ x(
             ti,
             {
-              className: oe(
+              className: ae(
                 m ? "bg-switch-thumb pointer-events-none block size-5 rounded-full shadow-xs ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0 data-[state=checked]:rtl:-translate-x-4" : "bg-switch-thumb pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
               )
             }
@@ -7734,7 +7734,7 @@ const yd = ae(
   }
 );
 yd.displayName = "Switch";
-const xd = ae(function({
+const xd = ie(function({
   pressed: t,
   defaultPressed: n = !1,
   onPressedChange: r,
@@ -7807,13 +7807,13 @@ const xd = ae(function({
       layout: "default"
     }
   }
-), lf = ae(
+), lf = ie(
   ({ className: e, variant: t, size: n, layout: r, ...o }, a) => /* @__PURE__ */ x(
     xd,
     {
       ref: a,
       "data-slot": "toggle",
-      className: oe(ni({ variant: t, size: n, layout: r }), e),
+      className: ae(ni({ variant: t, size: n, layout: r }), e),
       ...o
     }
   )
@@ -7869,7 +7869,7 @@ const xd = ae(function({
     }),
     [o, R, y, r, a, n, P, t, g]
   ), k = a;
-  return /* @__PURE__ */ ie(
+  return /* @__PURE__ */ oe(
     "div",
     {
       ...v,
@@ -7888,7 +7888,7 @@ const xd = ae(function({
       ]
     }
   );
-}, Ed = ae(function({ value: t, disabled: n, className: r, children: o, onKeyDown: a, onClick: i, ...s }, l) {
+}, Ed = ie(function({ value: t, disabled: n, className: r, children: o, onKeyDown: a, onClick: i, ...s }, l) {
   const c = ft(ri);
   if (!c) throw new Error("ToggleGroupItem must be used within ToggleGroup");
   const { type: u, orientation: d, groupDisabled: p, setValue: m, isItemPressed: v, itemsSnapshot: h, register: g } = c, b = it(null);
@@ -7944,7 +7944,7 @@ const xd = ae(function({
     "data-variant": t,
     "data-size": n,
     "data-layout": r,
-    className: oe(
+    className: ae(
       "group/toggle-group [&[data-variant='outline']]:bg-toggle-group-bg flex h-fit w-fit items-center rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md [&[data-variant='outline']]:gap-0.25",
       e
     ),
@@ -7952,7 +7952,7 @@ const xd = ae(function({
     children: /* @__PURE__ */ x(oi.Provider, { value: { variant: t, size: n, layout: r }, children: o })
   }
 );
-ae(({ className: e, children: t, variant: n, size: r, value: o, layout: a, ...i }, s) => {
+ie(({ className: e, children: t, variant: n, size: r, value: o, layout: a, ...i }, s) => {
   const l = ft(oi);
   return /* @__PURE__ */ x(
     Ed,
@@ -7963,7 +7963,7 @@ ae(({ className: e, children: t, variant: n, size: r, value: o, layout: a, ...i
       "data-size": l.size || r,
       "data-layout": l.layout || a,
       value: o,
-      className: oe(
+      className: ae(
         ni({
           variant: l.variant || n,
           size: l.size || r,
@@ -7977,6 +7977,13 @@ ae(({ className: e, children: t, variant: n, size: r, value: o, layout: a, ...i
     }
   );
 });
+const uf = ({ title: e, description: t, children: n }) => /* @__PURE__ */ oe("div", { className: "bg-background text-text-primary border-border-primary flex h-[72px] w-full justify-between border-b", children: [
+  /* @__PURE__ */ oe("div", { className: "flex w-auto flex-col justify-center", children: [
+    e && /* @__PURE__ */ x("h3", { className: "w-fit font-semibold", children: e }),
+    t && /* @__PURE__ */ x("p", { className: "text-text-secondary m-0 w-fit text-sm", children: t })
+  ] }),
+  /* @__PURE__ */ x("div", { className: "flex items-center", children: n })
+] });
 var Sd = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
@@ -8000,7 +8007,7 @@ var Sd = Object.freeze({
   )
 );
 ai.displayName = Rd;
-var Pd = ai, [pn, uf] = Jt("Tooltip", [
+var Pd = ai, [pn, df] = Jt("Tooltip", [
   cn
 ]), mn = cn(), ii = "TooltipProvider", Ad = 700, Un = "tooltip.open", [kd, mr] = pn(ii), si = (e) => {
   const {
@@ -8181,7 +8188,7 @@ var ut = "TooltipContent", di = f.forwardRef(
         onPointerDownOutside: i,
         onFocusOutside: (d) => d.preventDefault(),
         onDismiss: u,
-        children: /* @__PURE__ */ ie(
+        children: /* @__PURE__ */ oe(
           Ma,
           {
             "data-state": l.stateAttribute,
@@ -8310,18 +8317,18 @@ function Wd(e) {
   return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
 }
 var Hd = si, Vd = li, Ud = ci, jd = ui, Gd = di, Yd = mi;
-const Xd = ({ delayDuration: e = 0, ...t }) => /* @__PURE__ */ x(Hd, { "data-slot": "tooltip-provider", delayDuration: e, ...t }), df = ({ ...e }) => /* @__PURE__ */ x(Xd, { children: /* @__PURE__ */ x(Vd, { "data-slot": "tooltip", ...e }) }), ff = ({ ...e }) => /* @__PURE__ */ x(Ud, { asChild: !0, "data-slot": "tooltip-trigger", ...e }), pf = ({
+const Xd = ({ delayDuration: e = 0, ...t }) => /* @__PURE__ */ x(Hd, { "data-slot": "tooltip-provider", delayDuration: e, ...t }), ff = ({ ...e }) => /* @__PURE__ */ x(Xd, { children: /* @__PURE__ */ x(Vd, { "data-slot": "tooltip", ...e }) }), pf = ({ ...e }) => /* @__PURE__ */ x(Ud, { asChild: !0, "data-slot": "tooltip-trigger", ...e }), mf = ({
   className: e,
   children: t,
   sideOffset: n = 0,
   showArrow: r = !1,
   ...o
-}) => /* @__PURE__ */ x(jd, { children: /* @__PURE__ */ ie(
+}) => /* @__PURE__ */ x(jd, { children: /* @__PURE__ */ oe(
   Gd,
   {
     "data-slot": "tooltip-content",
     sideOffset: n,
-    className: oe(
+    className: ae(
       "bg-tooltip-bg text-text-primary pointer-events-auto z-50 w-fit rounded-md px-3 py-1.5 text-xs shadow-lg will-change-transform outline-none select-none",
       "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
       "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
@@ -8336,7 +8343,7 @@ const Xd = ({ delayDuration: e = 0, ...t }) => /* @__PURE__ */ x(Hd, { "data-slo
     ]
   }
 ) });
-function mf(e) {
+function hf(e) {
   const t = it(null);
   return Ke(() => {
     const n = (r) => {
@@ -8347,7 +8354,7 @@ function mf(e) {
     };
   }, [e]), t;
 }
-const hf = (e = "dark") => {
+const gf = (e = "dark") => {
   const [t, n] = dt(() => {
     if (typeof window > "u") return e;
     const a = localStorage.getItem("theme");
@@ -8373,10 +8380,11 @@ export {
   yd as Switch,
   lf as Toggle,
   cf as ToggleGroup,
-  df as Tooltip,
-  pf as TooltipContent,
-  ff as TooltipTrigger,
-  oe as cn,
-  mf as useOutsideClick,
-  hf as useTheme
+  uf as Toolbar,
+  ff as Tooltip,
+  mf as TooltipContent,
+  pf as TooltipTrigger,
+  ae as cn,
+  hf as useOutsideClick,
+  gf as useTheme
 };