mainstack-design-system 1.5.1 → 1.8.0

package/dist/mainstack-design-system464.js

@@ -1,77 +1,94 @@
 'use client';
-import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as _, useMemo as w } from "react";
-import { c as C } from "./utils-B-DK6jJO.js";
-import { useSelectContext as N } from "./mainstack-design-system584.js";
-const M = _(
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as R, useMemo as V } from "react";
+import { c as j } from "./utils-Cs1D8Nxl.js";
+import { useSelectContext as q } from "./mainstack-design-system584.js";
+const E = R(
   ({
     value: e = "",
-    className: y,
-    isGroupLabel: b,
-    isDisabled: n,
-    onClick: a,
-    ...x
-  }, A) => {
+    className: A,
+    isGroupLabel: x,
+    isDisabled: p,
+    isCreatableOption: h,
+    onClick: l,
+    ...S
+  }, g) => {
     const {
-      isOptionOpen: O,
-      isMultiSelect: i,
-      selectedOption: t,
-      rootElementRef: d,
-      options: h,
-      setPreviousAction: S,
-      setInputValue: l,
-      onValueChange: s,
-      onOptionOpenChange: I,
-      setSelectedOption: c
-    } = N(), m = w(() => i && Array.isArray(t) ? t?.some((o) => e === o) : !i && !Array.isArray(t) ? t === e : !1, [i, t, e]);
-    return /* @__PURE__ */ u(
+      isOptionOpen: w,
+      isMultiSelect: s,
+      selectedOption: i,
+      rootElementRef: c,
+      isCreatableSelect: I,
+      options: m,
+      setOptions: C,
+      setPreviousAction: _,
+      setInputValue: f,
+      onValueChange: o,
+      onOptionSelect: n,
+      onOptionOpenChange: N,
+      setSelectedOption: y
+    } = q(), u = V(() => s && Array.isArray(i) ? i?.some((d) => e === d) : !s && !Array.isArray(i) ? i === e : !1, [s, i, e]);
+    return /* @__PURE__ */ b(
       "div",
       {
-        "aria-disabled": n,
+        "aria-disabled": p,
         className: " mds:aria-disabled:cursor-not-allowed",
-        children: /* @__PURE__ */ u(
+        children: /* @__PURE__ */ b(
           "div",
           {
             role: "button",
             "data-slot": "select-option-item",
             tabIndex: 0,
-            className: C(
+            className: j(
               "body-extrasmall-medium",
               "mds:py-8 mds:px-10 mds:cursor-pointer mds:text-left mds:rounded-12 mds:aria-disabled:pointer-events-none mds:aria-disabled:opacity-40 mds:hover:bg-interactive-secondary-hover",
-              y
+              A
             ),
-            "aria-selected": m,
-            "data-select-options-opened": O,
-            ref: A,
-            "aria-disabled": n || b,
-            onClick: (o) => {
-              if (a && a(o), !!e)
-                if (S("selection"), i) {
-                  let r = t;
-                  if (Array.isArray(t))
-                    if (r = [...t], m) {
-                      const f = r.findIndex((g) => g === e);
-                      f > -1 && r.splice(f, 1);
-                    } else
-                      r.push(e);
-                  else
-                    r = [e];
-                  if (c(r), l(""), Array.isArray(r) && s && s(r), !d.current) return null;
-                  const p = d.current.querySelector(
-                    '[data-slot="select-input-field"]'
-                  );
-                  p && p.focus();
-                } else
-                  s && e && s(e), l(h.map.get(e)?.label || ""), c(e), I(!1);
+            "aria-selected": u,
+            "data-select-options-opened": w,
+            ref: g,
+            "aria-disabled": p || x,
+            onClick: (d) => {
+              if (l && l(d), !e)
+                return;
+              _("selection");
+              let r = m;
+              if (h && I && !r.map.has(e)) {
+                r = { ...m };
+                const t = {
+                  value: e,
+                  label: e
+                };
+                r.array.push(t), r.map.set(t.value, t), C(r);
+              }
+              if (s) {
+                let t = i;
+                if (Array.isArray(i))
+                  if (t = [...i], u) {
+                    const a = t.findIndex((M) => M === e);
+                    a > -1 && t.splice(a, 1);
+                  } else
+                    t.push(e);
+                else
+                  t = [e];
+                if (y(t), f(""), Array.isArray(t) && o && o(t), Array.isArray(t) && n && n(
+                  t.map((a) => r.map.get(a))
+                ), !c.current) return null;
+                const O = c.current.querySelector(
+                  '[data-slot="select-input-field"]'
+                );
+                O && O.focus();
+              } else
+                o && e && o(e), n && e && n(r.map.get(e)), f(r.map.get(e)?.label || ""), y(e), N(!1);
             },
-            ...x
+            ...S
           }
         )
       }
     );
   }
 );
-M.displayName = "SelectOptionItem";
+E.displayName = "SelectOptionItem";
 export {
-  M as SelectOptionItem
+  E as SelectOptionItem
 };

package/dist/mainstack-design-system465.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),i=require("./utils-B6I16BNR.cjs"),h=require("./mainstack-design-system415.cjs");require("./mainstack-design-system416.cjs");const p=require("./mainstack-design-system599.cjs");require("./mainstack-design-system417.cjs");require("./mainstack-design-system418.cjs");const b=require("./mainstack-design-system584.cjs"),k=require("./mainstack-design-system464.cjs"),n=r.forwardRef(({value:t,className:l,isDisabled:s,children:m,...a},u)=>{const{selectedOption:e,isMultiSelect:c}=b.useSelectContext(),x=r.useMemo(()=>c&&Array.isArray(e)?e?.some(d=>t===d):!c&&!Array.isArray(e)?e===t:!1,[c,e,t]);return o.jsxs(k.SelectOptionItem,{value:t,"data-slot":"select-option-with-checkbox-item",className:i.cn("mds:flex mds:items-center mds:gap-8",l),isDisabled:s,ref:u,...a,children:[o.jsx(h.CheckboxRoot,{size:"extra-small",children:o.jsx(p.CheckboxIndicator,{className:"mds:scale-100",checked:x,disabled:s})}),o.jsx("p",{className:i.cn("body-extrasmall-medium"),children:m})]})});n.displayName="SelectOptionItemWithCheckbox";exports.SelectOptionItemWithCheckbox=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),i=require("./utils-scPUmbSO.cjs"),h=require("./mainstack-design-system415.cjs");require("./mainstack-design-system416.cjs");const p=require("./mainstack-design-system599.cjs");require("./mainstack-design-system417.cjs");require("./mainstack-design-system418.cjs");const b=require("./mainstack-design-system584.cjs"),k=require("./mainstack-design-system464.cjs"),n=r.forwardRef(({value:t,className:l,isDisabled:s,children:m,...a},u)=>{const{selectedOption:e,isMultiSelect:c}=b.useSelectContext(),x=r.useMemo(()=>c&&Array.isArray(e)?e?.some(d=>t===d):!c&&!Array.isArray(e)?e===t:!1,[c,e,t]);return o.jsxs(k.SelectOptionItem,{value:t,"data-slot":"select-option-with-checkbox-item",className:i.cn("mds:flex mds:items-center mds:gap-8",l),isDisabled:s,ref:u,...a,children:[o.jsx(h.CheckboxRoot,{size:"extra-small",children:o.jsx(p.CheckboxIndicator,{className:"mds:scale-100",checked:x,disabled:s})}),o.jsx("p",{className:i.cn("body-extrasmall-medium"),children:m})]})});n.displayName="SelectOptionItemWithCheckbox";exports.SelectOptionItemWithCheckbox=n;

package/dist/mainstack-design-system465.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { forwardRef as f, useMemo as x } from "react";
-import { c as s } from "./utils-B-DK6jJO.js";
+import { c as s } from "./utils-Cs1D8Nxl.js";
 import { CheckboxRoot as h } from "./mainstack-design-system415.js";
 import "./mainstack-design-system416.js";
 import { CheckboxIndicator as b } from "./mainstack-design-system599.js";

package/dist/mainstack-design-system466.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),d=require("./utils-B6I16BNR.cjs");require("./mainstack-design-system355.cjs");const x=require("./mainstack-design-system91.cjs");require("./player-BKifgSJo.cjs");const b=require("./mainstack-design-system584.cjs"),A=require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");const S=require("./index-BV7A-WgT.cjs"),m=a.forwardRef(({className:p,children:o,...f},v)=>{const{selectedOption:e,isMultiSelect:n,options:s,setSelectedOption:c,onOptionOpenChange:l}=b.useSelectContext(),u=a.useCallback(r=>{if(!n||!Array.isArray(e))return e;let i=e;Array.isArray(e)&&(i=e.filter(g=>g!==r?.value)),c(i),l(!0)},[n,l,e,c]),y=a.useMemo(()=>!n||!Array.isArray(e)?[]:s.array.filter(r=>e.includes(r.value)),[n,s.array,e]);return!n||!Array.isArray(e)?null:o?o({selectedOptions:y,onCancelSelectedOption:u}):t.jsx(t.Fragment,{children:e.map(r=>t.jsxs("div",{"data-slot":"select-option-input-preview",ref:v,className:d.cn("mds:flex mds:gap-4 mds:justify-between mds:items-center mds:w-109 mds:h-32 mds:p-6 mds:rounded-full mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border-2",p),...f,children:[s.map.get(r)?.imgSrc&&t.jsx(A.AvatarRoot,{size:24,className:"mds:min-w-24 mds:size-24 mds:min-h-24 mds:*:size-24",children:t.jsx(S.AvatarImage,{alt:"avatar",src:s.map.get(r)?.imgSrc||""})}),t.jsx("p",{className:d.cn("body-extrasmall-medium","mds:w-50 mds:truncate"),children:s.map.get(r)?.label}),t.jsx(x,{role:"button",variant:"filled",className:"mds:size-20 mds:cursor-pointer mds:text-primary",onClick:()=>{const i=s.map.get(r);i&&u(i)}})]},r))})});m.displayName="SelectOptionInputPreview";exports.SelectOptionInputPreview=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react");require("./mainstack-design-system355.cjs");const h=require("./mainstack-design-system91.cjs");require("./player-BSON6quL.cjs");const _=require("./utils-scPUmbSO.cjs"),y=require("./mainstack-design-system584.cjs"),S=require("./index-BV7A-WgT.cjs"),q=require("./mainstack-design-system421.cjs"),v=require("./mainstack-design-system422.cjs"),f=require("./mainstack-design-system420.cjs"),g=require("./mainstack-design-system419.cjs");require("./mainstack-design-system423.cjs");const u=({children:a,...m})=>{const{selectedOption:e,isMultiSelect:n,options:i,setSelectedOption:c,onOptionOpenChange:l}=y.useSelectContext(),p=o.useCallback(t=>{if(!n||!Array.isArray(e))return e;let s=e;Array.isArray(e)&&(s=e.filter(C=>C!==t?.value)),c(s),l(!0)},[n,l,e,c]),d=o.useMemo(()=>!n||!Array.isArray(e)?[]:i.array.filter(t=>e.includes(t.value)),[n,i.array,e]);return!n||!Array.isArray(e)?null:a?a({selectedOptions:d,onCancelSelectedOption:p}):r.jsx(r.Fragment,{children:e.map(t=>o.createElement(g.ChipRoot,{...m,key:t,"data-slot":"select-option-input-preview",size:"tiny",className:"mds:w-fit",onClick:()=>{const s=i.map.get(t);s&&p(s)}},i.map.get(t)?.imgSrc&&r.jsx(v.ChipAvatar,{size:24,className:"mds:min-w-24 mds:size-24 mds:min-h-24 mds:*:size-24",children:r.jsx(S.AvatarImage,{alt:"avatar",src:i.map.get(t)?.imgSrc||""})}),r.jsx(f.ChipLabel,{className:_.cn("body-extrasmall-medium","mds:w-50 mds:truncate mds:block"),children:i.map.get(t)?.label}),r.jsx(q.ChipSlot,{children:r.jsx(h,{className:"mds:h-20 mds:w-20",variant:"filled"})})))})};u.displayName="SelectOptionInputPreview";exports.SelectOptionInputPreview=u;

package/dist/mainstack-design-system466.js

@@ -1,90 +1,84 @@
 'use client';
-import { jsx as i, Fragment as v, jsxs as g } from "react/jsx-runtime";
-import { forwardRef as A, useCallback as w, useMemo as b } from "react";
-import { c as d } from "./utils-B-DK6jJO.js";
+import { jsx as i, Fragment as f } from "react/jsx-runtime";
+import { useCallback as u, useMemo as y, createElement as A } from "react";
 import "./mainstack-design-system355.js";
-import O from "./mainstack-design-system91.js";
-import "./player-DSenNqFV.js";
-import { useSelectContext as S } from "./mainstack-design-system584.js";
-import { AvatarRoot as x } from "./mainstack-design-system391.js";
-import "./mainstack-design-system392.js";
-import "./mainstack-design-system393.js";
-import { A as h } from "./index-CY9H_w64.js";
-const C = A(
-  ({ className: p, children: m, ...c }, u) => {
-    const {
-      selectedOption: e,
-      isMultiSelect: s,
-      options: t,
-      setSelectedOption: o,
-      onOptionOpenChange: n
-    } = S(), l = w(
-      (r) => {
-        if (!s || !Array.isArray(e))
-          return e;
-        let a = e;
-        Array.isArray(e) && (a = e.filter(
-          (y) => y !== r?.value
-        )), o(a), n(!0);
-      },
-      [s, n, e, o]
-    ), f = b(() => !s || !Array.isArray(e) ? [] : t.array.filter(
-      (r) => e.includes(r.value)
-    ), [s, t.array, e]);
-    return !s || !Array.isArray(e) ? null : m ? m({
-      selectedOptions: f,
-      onCancelSelectedOption: l
-    }) : /* @__PURE__ */ i(v, { children: e.map((r) => /* @__PURE__ */ g(
-      "div",
+import h from "./mainstack-design-system91.js";
+import "./player-BXrBN0bS.js";
+import { c as v } from "./utils-Cs1D8Nxl.js";
+import { useSelectContext as C } from "./mainstack-design-system584.js";
+import { A as g } from "./index-CY9H_w64.js";
+import { ChipSlot as w } from "./mainstack-design-system421.js";
+import { ChipAvatar as S } from "./mainstack-design-system422.js";
+import { ChipLabel as O } from "./mainstack-design-system420.js";
+import { ChipRoot as b } from "./mainstack-design-system419.js";
+import "./mainstack-design-system423.js";
+const N = ({
+  children: s,
+  ...p
+}) => {
+  const {
+    selectedOption: e,
+    isMultiSelect: a,
+    options: t,
+    setSelectedOption: m,
+    onOptionOpenChange: n
+  } = C(), l = u(
+    (r) => {
+      if (!a || !Array.isArray(e))
+        return e;
+      let o = e;
+      Array.isArray(e) && (o = e.filter(
+        (d) => d !== r?.value
+      )), m(o), n(!0);
+    },
+    [a, n, e, m]
+  ), c = y(() => !a || !Array.isArray(e) ? [] : t.array.filter(
+    (r) => e.includes(r.value)
+  ), [a, t.array, e]);
+  return !a || !Array.isArray(e) ? null : s ? s({
+    selectedOptions: c,
+    onCancelSelectedOption: l
+  }) : /* @__PURE__ */ i(f, { children: e.map((r) => /* @__PURE__ */ A(
+    b,
+    {
+      ...p,
+      key: r,
+      "data-slot": "select-option-input-preview",
+      size: "tiny",
+      className: "mds:w-fit",
+      onClick: () => {
+        const o = t.map.get(r);
+        o && l(o);
+      }
+    },
+    t.map.get(r)?.imgSrc && /* @__PURE__ */ i(
+      S,
       {
-        "data-slot": "select-option-input-preview",
-        ref: u,
-        className: d(
-          "mds:flex mds:gap-4 mds:justify-between mds:items-center mds:w-109 mds:h-32 mds:p-6 mds:rounded-full mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border-2",
-          p
+        size: 24,
+        className: "mds:min-w-24 mds:size-24 mds:min-h-24 mds:*:size-24",
+        children: /* @__PURE__ */ i(
+          g,
+          {
+            alt: "avatar",
+            src: t.map.get(r)?.imgSrc || ""
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ i(
+      O,
+      {
+        className: v(
+          "body-extrasmall-medium",
+          "mds:w-50 mds:truncate mds:block"
         ),
-        ...c,
-        children: [
-          t.map.get(r)?.imgSrc && /* @__PURE__ */ i(
-            x,
-            {
-              size: 24,
-              className: "mds:min-w-24 mds:size-24 mds:min-h-24 mds:*:size-24",
-              children: /* @__PURE__ */ i(
-                h,
-                {
-                  alt: "avatar",
-                  src: t.map.get(r)?.imgSrc || ""
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ i(
-            "p",
-            {
-              className: d("body-extrasmall-medium", "mds:w-50 mds:truncate"),
-              children: t.map.get(r)?.label
-            }
-          ),
-          /* @__PURE__ */ i(
-            O,
-            {
-              role: "button",
-              variant: "filled",
-              className: "mds:size-20 mds:cursor-pointer mds:text-primary",
-              onClick: () => {
-                const a = t.map.get(r);
-                a && l(a);
-              }
-            }
-          )
-        ]
-      },
-      r
-    )) });
-  }
-);
-C.displayName = "SelectOptionInputPreview";
+        children: t.map.get(r)?.label
+      }
+    ),
+    /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i(h, { className: "mds:h-20 mds:w-20", variant: "filled" }) })
+  )) });
+};
+N.displayName = "SelectOptionInputPreview";
 export {
-  C as SelectOptionInputPreview
+  N as SelectOptionInputPreview
 };

package/dist/mainstack-design-system468.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("./index-DCgbL-w8.cjs"),a=require("./utils-B6I16BNR.cjs"),t=({className:e,...n})=>s.jsx(o.Content,{"data-slot":"tabs-content",className:a.cn("mds:flex-1 mds:outline-none",e),...n});t.displayName="TabsContent";exports.TabsContent=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("./index-DCgbL-w8.cjs"),a=require("./utils-scPUmbSO.cjs"),t=({className:e,...n})=>s.jsx(o.Content,{"data-slot":"tabs-content",className:a.cn("mds:flex-1 mds:outline-none",e),...n});t.displayName="TabsContent";exports.TabsContent=t;

package/dist/mainstack-design-system468.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { C as s } from "./index-D8zjPZm-.js";
-import { c as a } from "./utils-B-DK6jJO.js";
+import { c as a } from "./utils-Cs1D8Nxl.js";
 const e = ({ className: t, ...o }) => /* @__PURE__ */ n(
   s,
   {

package/dist/mainstack-design-system469.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("./index-DCgbL-w8.cjs"),r=require("./utils-B6I16BNR.cjs"),o=require("./mainstack-design-system586.cjs"),c=require("./mainstack-design-system585.cjs"),s=({className:t,...e})=>{const{variant:n}=c.useTabsContext();return a.jsx(i.List,{className:r.cn(o.tabsListVariants({variant:n}),t),...e})};s.displayName="TabsList";exports.TabsList=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("./index-DCgbL-w8.cjs"),r=require("./utils-scPUmbSO.cjs"),o=require("./mainstack-design-system586.cjs"),c=require("./mainstack-design-system585.cjs"),s=({className:t,...e})=>{const{variant:n}=c.useTabsContext();return a.jsx(i.List,{className:r.cn(o.tabsListVariants({variant:n}),t),...e})};s.displayName="TabsList";exports.TabsList=s;

package/dist/mainstack-design-system469.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { L as o } from "./index-D8zjPZm-.js";
-import { c as i } from "./utils-B-DK6jJO.js";
+import { c as i } from "./utils-Cs1D8Nxl.js";
 import { tabsListVariants as m } from "./mainstack-design-system586.js";
 import { useTabsContext as n } from "./mainstack-design-system585.js";
 const p = ({ className: s, ...t }) => {

package/dist/mainstack-design-system470.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),b=require("react"),l=require("./index-DCgbL-w8.cjs"),g=require("./utils-B6I16BNR.cjs"),T=require("./mainstack-design-system586.cjs"),d=require("./index-CpE6WAgy.cjs"),f=require("./mainstack-design-system585.cjs");function m(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const p=m(b),o=p.forwardRef(({className:e,asChild:r,children:t,layout:n,...a},i)=>{const c=r?d.Slot:"button",{variant:u}=f.useTabsContext();return s.jsx(l.Trigger,{ref:i,asChild:!0,...a,children:s.jsx(c,{className:g.cn(T.tabsTriggerVariants({variant:u,layout:n}),e),children:t})})});o.displayName="TabsTrigger";exports.TabsTrigger=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),b=require("react"),l=require("./index-DCgbL-w8.cjs"),g=require("./utils-scPUmbSO.cjs"),T=require("./mainstack-design-system586.cjs"),d=require("./index-CpE6WAgy.cjs"),f=require("./mainstack-design-system585.cjs");function m(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const p=m(b),o=p.forwardRef(({className:e,asChild:r,children:t,layout:n,...a},i)=>{const c=r?d.Slot:"button",{variant:u}=f.useTabsContext();return s.jsx(l.Trigger,{ref:i,asChild:!0,...a,children:s.jsx(c,{className:g.cn(T.tabsTriggerVariants({variant:u,layout:n}),e),children:t})})});o.displayName="TabsTrigger";exports.TabsTrigger=o;

package/dist/mainstack-design-system470.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as p from "react";
 import { T as f } from "./index-D8zjPZm-.js";
-import { c } from "./utils-B-DK6jJO.js";
+import { c } from "./utils-Cs1D8Nxl.js";
 import { tabsTriggerVariants as g } from "./mainstack-design-system586.js";
 import { S as T } from "./index-BtQfgaSF.js";
 import { useTabsContext as b } from "./mainstack-design-system585.js";

package/dist/mainstack-design-system471.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),l=require("./index-CpE6WAgy.cjs"),u=require("./utils-B6I16BNR.cjs");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const f=d(i),c=f.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const s=n?l.Slot:"span";return a.jsx(s,{ref:o,"data-slot":"tag-icon",className:u.cn("mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",e),...r,children:t})});c.displayName="TagIcon";exports.TagIcon=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),l=require("./index-CpE6WAgy.cjs"),u=require("./utils-scPUmbSO.cjs");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const f=d(i),c=f.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const s=n?l.Slot:"span";return a.jsx(s,{ref:o,"data-slot":"tag-icon",className:u.cn("mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",e),...r,children:t})});c.displayName="TagIcon";exports.TagIcon=c;

package/dist/mainstack-design-system471.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as e from "react";
 import { S as n } from "./index-BtQfgaSF.js";
-import { c } from "./utils-B-DK6jJO.js";
+import { c } from "./utils-Cs1D8Nxl.js";
 const i = e.forwardRef(
   ({ className: o, asChild: s = !1, children: m, ...t }, a) => /* @__PURE__ */ r(
     s ? n : "span",

package/dist/mainstack-design-system472.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),d=require("./index-CpE6WAgy.cjs"),u=require("./utils-B6I16BNR.cjs");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const f=m(i),n=f.forwardRef(({className:e,children:a,asChild:t=!1,isBullet:s=!1,...l},o)=>{const c=t?d.Slot:"span";return r.jsxs(c,{ref:o,"data-slot":"tag-label",className:u.cn("mds:whitespace-nowrap mds:flex mds:items-center",e),...l,children:[s&&r.jsx("div",{className:"mds:w-4 mds:h-4 mds:rounded-full mds:mr-4","data-slot":"tag-indicator"}),a]})});n.displayName="TagLabel";exports.TagLabel=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),d=require("./index-CpE6WAgy.cjs"),u=require("./utils-scPUmbSO.cjs");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const f=m(i),n=f.forwardRef(({className:e,children:a,asChild:t=!1,isBullet:s=!1,...l},o)=>{const c=t?d.Slot:"span";return r.jsxs(c,{ref:o,"data-slot":"tag-label",className:u.cn("mds:whitespace-nowrap mds:flex mds:items-center",e),...l,children:[s&&r.jsx("div",{className:"mds:w-4 mds:h-4 mds:rounded-full mds:mr-4","data-slot":"tag-indicator"}),a]})});n.displayName="TagLabel";exports.TagLabel=n;

package/dist/mainstack-design-system472.js

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as d } from "react/jsx-runtime";
 import * as l from "react";
 import { S as c } from "./index-BtQfgaSF.js";
-import { c as i } from "./utils-B-DK6jJO.js";
+import { c as i } from "./utils-Cs1D8Nxl.js";
 const p = l.forwardRef(
   ({ className: a, children: s, asChild: m = !1, isBullet: e = !1, ...o }, t) => /* @__PURE__ */ r(
     m ? c : "span",

package/dist/mainstack-design-system473.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),z=require("react"),T=require("./utils-B6I16BNR.cjs"),h=require("./mainstack-design-system475.cjs");function R(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return i.default=t,Object.freeze(i)}const n=R(z),j=n.forwardRef,l=j(({as:t,className:i,size:a="md",variant:o,disabled:p,children:d,...m},u)=>{const y=t||"span",e=n.Children.toArray(d),s=e[0],r=e[e.length-1],g=n.isValidElement(s)&&typeof s.type!="string"&&s.type?.displayName==="TagIcon",c=n.isValidElement(r)&&typeof r.type!="string"&&r.type?.displayName==="TagIcon",f=g&&c?"both":g?"leading":c?"trailing":"none";return b.jsx(y,{ref:u,"aria-disabled":p,"data-slot":"tag-root","data-tag-size":a,"data-tag-icon-position":f,className:T.cn(h.tagVariants({size:a,variant:o}),"mds:data-[tag-size=xs]:data-[tag-icon-position=leading]:pl-4","mds:data-[tag-size=xs]:data-[tag-icon-position=trailing]:pr-4","mds:data-[tag-size=sm]:data-[tag-icon-position=leading]:pr-10","mds:data-[tag-size=sm]:data-[tag-icon-position=trailing]:pl-10","mds:data-[tag-size=md]:data-[tag-icon-position=leading]:pr-16","mds:data-[tag-size=md]:data-[tag-icon-position=trailing]:pl-16","mds:data-[tag-size=lg]:data-[tag-icon-position=leading]:pr-16","mds:data-[tag-size=lg]:data-[tag-icon-position=trailing]:pl-16",i),...m,children:d})});l.displayName="TagRoot";exports.TagRoot=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),z=require("react"),T=require("./utils-scPUmbSO.cjs"),h=require("./mainstack-design-system475.cjs");function R(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return i.default=t,Object.freeze(i)}const n=R(z),j=n.forwardRef,l=j(({as:t,className:i,size:a="md",variant:o,disabled:p,children:d,...m},u)=>{const y=t||"span",e=n.Children.toArray(d),s=e[0],r=e[e.length-1],g=n.isValidElement(s)&&typeof s.type!="string"&&s.type?.displayName==="TagIcon",c=n.isValidElement(r)&&typeof r.type!="string"&&r.type?.displayName==="TagIcon",f=g&&c?"both":g?"leading":c?"trailing":"none";return b.jsx(y,{ref:u,"aria-disabled":p,"data-slot":"tag-root","data-tag-size":a,"data-tag-icon-position":f,className:T.cn(h.tagVariants({size:a,variant:o}),"mds:data-[tag-size=xs]:data-[tag-icon-position=leading]:pl-4","mds:data-[tag-size=xs]:data-[tag-icon-position=trailing]:pr-4","mds:data-[tag-size=sm]:data-[tag-icon-position=leading]:pr-10","mds:data-[tag-size=sm]:data-[tag-icon-position=trailing]:pl-10","mds:data-[tag-size=md]:data-[tag-icon-position=leading]:pr-16","mds:data-[tag-size=md]:data-[tag-icon-position=trailing]:pl-16","mds:data-[tag-size=lg]:data-[tag-icon-position=leading]:pr-16","mds:data-[tag-size=lg]:data-[tag-icon-position=trailing]:pl-16",i),...m,children:d})});l.displayName="TagRoot";exports.TagRoot=l;

package/dist/mainstack-design-system473.js

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
 import * as a from "react";
-import { c as h } from "./utils-B-DK6jJO.js";
+import { c as h } from "./utils-Cs1D8Nxl.js";
 import { tagVariants as z } from "./mainstack-design-system475.js";
 const R = a.forwardRef, T = R(
   ({ as: e, className: r, size: s = "md", variant: p, disabled: l, children: n, ...c }, m) => {

package/dist/mainstack-design-system476.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),i=require("./mainstack-design-system477.cjs"),m=require("./mainstack-design-system478.cjs"),u=require("./mainstack-design-system425.cjs"),l=require("./utils-B6I16BNR.cjs"),r=c.forwardRef(({maxCharLength:t,currentCharLength:a,className:s,...o},n)=>e.jsxs(m.TextareaRoot,{className:"mds:relative",children:[e.jsx(u.FormCharacterCounter,{currentCharLength:a,maxCharLength:t,className:" mds:absolute mds:top-12 mds:right-16"}),e.jsx(i.TextareaField,{ref:n,className:l.cn("mds:min-h-44",s),...o})]}));r.displayName="Textarea";exports.Textarea=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),i=require("./mainstack-design-system477.cjs"),m=require("./mainstack-design-system478.cjs"),u=require("./mainstack-design-system425.cjs"),l=require("./utils-scPUmbSO.cjs"),r=c.forwardRef(({maxCharLength:t,currentCharLength:a,className:s,...o},n)=>e.jsxs(m.TextareaRoot,{className:"mds:relative",children:[e.jsx(u.FormCharacterCounter,{currentCharLength:a,maxCharLength:t,className:" mds:absolute mds:top-12 mds:right-16"}),e.jsx(i.TextareaField,{ref:n,className:l.cn("mds:min-h-44",s),...o})]}));r.displayName="Textarea";exports.Textarea=r;

package/dist/mainstack-design-system476.js

@@ -3,7 +3,7 @@ import { forwardRef as i } from "react";
 import { TextareaField as d } from "./mainstack-design-system477.js";
 import { TextareaRoot as p } from "./mainstack-design-system478.js";
 import { FormCharacterCounter as c } from "./mainstack-design-system425.js";
-import { c as f } from "./utils-B-DK6jJO.js";
+import { c as f } from "./utils-Cs1D8Nxl.js";
 const l = i(
   ({ maxCharLength: m, currentCharLength: a, className: e, ...o }, t) => /* @__PURE__ */ s(p, { className: "mds:relative", children: [
     /* @__PURE__ */ r(

package/dist/mainstack-design-system477.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),i=require("./utils-B6I16BNR.cjs"),e=o.forwardRef(({className:t,isError:a,isSuccess:r,...s},d)=>l.jsx("textarea",{ref:d,"data-slot":"textarea-field","data-error":a,"data-success":r,className:i.cn("body-extrasmall-book","mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed mds:resize-none mds:min-h-80 mds:min-w-full mds:max-w-full",t),...s}));e.displayName="TextareaField";exports.TextareaField=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),i=require("./utils-scPUmbSO.cjs"),e=o.forwardRef(({className:t,isError:a,isSuccess:r,...s},d)=>l.jsx("textarea",{ref:d,"data-slot":"textarea-field","data-error":a,"data-success":r,className:i.cn("body-extrasmall-book","mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed mds:resize-none mds:min-h-80 mds:min-w-full mds:max-w-full",t),...s}));e.displayName="TextareaField";exports.TextareaField=e;

package/dist/mainstack-design-system477.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { c as m } from "./utils-B-DK6jJO.js";
+import { c as m } from "./utils-Cs1D8Nxl.js";
 const l = t(
   ({ className: e, isError: a, isSuccess: r, ...d }, s) => /* @__PURE__ */ o(
     "textarea",

package/dist/mainstack-design-system478.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),d=require("./utils-B6I16BNR.cjs"),t=s.forwardRef(({className:e,...a},r)=>o.jsx("div",{ref:r,"data-slot":"textarea-root","data-editable":"true",tabIndex:0,className:d.cn("form-root-slot-defaults","mds:flex mds:gap-4 mds:w-full mds:px-12 mds:pt-12 mds:border mds:rounded-14 mds:has-[>[data-slot=form-character-counter]]:pt-36 ",e),...a}));t.displayName="TextareaRoot";exports.TextareaRoot=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),d=require("./utils-scPUmbSO.cjs"),t=s.forwardRef(({className:e,...a},r)=>o.jsx("div",{ref:r,"data-slot":"textarea-root","data-editable":"true",tabIndex:0,className:d.cn("form-root-slot-defaults","mds:flex mds:gap-4 mds:w-full mds:px-12 mds:pt-12 mds:border mds:rounded-14 mds:has-[>[data-slot=form-character-counter]]:pt-36 ",e),...a}));t.displayName="TextareaRoot";exports.TextareaRoot=t;

package/dist/mainstack-design-system478.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { c as d } from "./utils-B-DK6jJO.js";
+import { c as d } from "./utils-Cs1D8Nxl.js";
 const s = e(
   ({ className: t, ...a }, o) => /* @__PURE__ */ r(
     "div",

package/dist/mainstack-design-system479.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system355.cjs");const u=require("./mainstack-design-system165.cjs");require("./player-BKifgSJo.cjs");const i=require("./index-B0aqKYqj.cjs"),l=require("./mainstack-design-system489.cjs"),n=c.forwardRef(({...d},s)=>{const{editor:o}=i.useCurrentEditor(),t=i.useEditorState({editor:o,selector:e=>e.editor?{isBold:e.editor.isActive("bold")||!1,canBold:e.editor.can().chain().toggleBold().run()||!1}:{}});return r.jsx(l.TextEditorMenuAction,{isActive:t?.isBold,onClick:()=>o?.chain().focus().toggleBold().run(),disabled:!t?.canBold,"data-slot":"text-editor-bold-menu",ref:s,...d,children:r.jsx(u,{className:"mds:size-16"})})});n.displayName="BoldMenu";exports.BoldMenu=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system355.cjs");const u=require("./mainstack-design-system165.cjs");require("./player-BSON6quL.cjs");const i=require("./index-sV1BS-DI.cjs"),l=require("./mainstack-design-system489.cjs"),n=c.forwardRef(({...d},s)=>{const{editor:o}=i.useCurrentEditor(),t=i.useEditorState({editor:o,selector:e=>e.editor?{isBold:e.editor.isActive("bold")||!1,canBold:e.editor.can().chain().toggleBold().run()||!1}:{}});return r.jsx(l.TextEditorMenuAction,{isActive:t?.isBold,onClick:()=>o?.chain().focus().toggleBold().run(),disabled:!t?.canBold,"data-slot":"text-editor-bold-menu",ref:s,...d,children:r.jsx(u,{className:"mds:size-16"})})});n.displayName="BoldMenu";exports.BoldMenu=n;

package/dist/mainstack-design-system479.js

@@ -3,8 +3,8 @@ import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import "./mainstack-design-system355.js";
 import l from "./mainstack-design-system165.js";
-import "./player-DSenNqFV.js";
-import { u as n, a } from "./index-DNLWDMY9.js";
+import "./player-BXrBN0bS.js";
+import { u as n, a } from "./index-C0qepyB8.js";
 import { TextEditorMenuAction as m } from "./mainstack-design-system489.js";
 const c = s(
   ({ ...i }, d) => {

package/dist/mainstack-design-system480.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system355.cjs");const u=require("./mainstack-design-system108.cjs");require("./player-BKifgSJo.cjs");const i=require("./index-B0aqKYqj.cjs"),a=require("./mainstack-design-system489.cjs"),n=c.forwardRef(({...d},s)=>{const{editor:o}=i.useCurrentEditor(),t=i.useEditorState({editor:o,selector:e=>e.editor?{isCode:e.editor.isActive("code")||!1,canCode:e.editor.can().chain().toggleCode().run()||!1}:{}});return r.jsx(a.TextEditorMenuAction,{isActive:t?.isCode,onClick:()=>o?.chain().focus().toggleCode().run(),disabled:!t?.canCode,"data-slot":"text-editor-code-menu",ref:s,...d,children:r.jsx(u,{className:"mds:size-16"})})});n.displayName="CodeMenu";exports.CodeMenu=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system355.cjs");const u=require("./mainstack-design-system108.cjs");require("./player-BSON6quL.cjs");const i=require("./index-sV1BS-DI.cjs"),a=require("./mainstack-design-system489.cjs"),n=c.forwardRef(({...d},s)=>{const{editor:o}=i.useCurrentEditor(),t=i.useEditorState({editor:o,selector:e=>e.editor?{isCode:e.editor.isActive("code")||!1,canCode:e.editor.can().chain().toggleCode().run()||!1}:{}});return r.jsx(a.TextEditorMenuAction,{isActive:t?.isCode,onClick:()=>o?.chain().focus().toggleCode().run(),disabled:!t?.canCode,"data-slot":"text-editor-code-menu",ref:s,...d,children:r.jsx(u,{className:"mds:size-16"})})});n.displayName="CodeMenu";exports.CodeMenu=n;

package/dist/mainstack-design-system480.js

@@ -3,8 +3,8 @@ import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import "./mainstack-design-system355.js";
 import n from "./mainstack-design-system108.js";
-import "./player-DSenNqFV.js";
-import { u as a, a as c } from "./index-DNLWDMY9.js";
+import "./player-BXrBN0bS.js";
+import { u as a, a as c } from "./index-C0qepyB8.js";
 import { TextEditorMenuAction as m } from "./mainstack-design-system489.js";
 const u = s(
   ({ ...i }, d) => {

package/dist/mainstack-design-system481.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),o=require("./index-B0aqKYqj.cjs"),s=require("./utils-B6I16BNR.cjs"),l=require("./mainstack-design-system489.cjs"),i=c.forwardRef(({...n},d)=>{const{editor:t}=o.useCurrentEditor(),u=o.useEditorState({editor:t,selector:e=>e.editor?{color:e.editor.getAttributes("textStyle").color}:{}});return r.jsx(l.TextEditorMenuAction,{"data-slot":"text-editor-color-picker-menu",ref:d,...n,children:r.jsx("div",{className:s.cn(" mds:p-0 mds:overflow-hidden mds:hover:bg-border-interactive-neutral mds:disabled:text-disabled mds:disabled:cursor-not-allowed mds:rounded-full mds:size-14 mds:min-w-14 mds:ring-2 mds:ring-offset-1 mds:ring-interactive-neutral"),children:r.jsx("input",{type:"color",onInput:e=>t?.chain().focus().setColor(e.currentTarget.value).run(),value:u?.color,className:s.cn("mds:size-[200%] mds:cursor-pointer mds:border-0 mds:p-0 mds:-translate-[25%]")})})})});i.displayName="ColorPickerMenu";exports.ColorPickerMenu=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),o=require("./index-sV1BS-DI.cjs"),s=require("./utils-scPUmbSO.cjs"),l=require("./mainstack-design-system489.cjs"),i=c.forwardRef(({...n},d)=>{const{editor:t}=o.useCurrentEditor(),u=o.useEditorState({editor:t,selector:e=>e.editor?{color:e.editor.getAttributes("textStyle").color}:{}});return r.jsx(l.TextEditorMenuAction,{"data-slot":"text-editor-color-picker-menu",ref:d,...n,children:r.jsx("div",{className:s.cn(" mds:p-0 mds:overflow-hidden mds:hover:bg-border-interactive-neutral mds:disabled:text-disabled mds:disabled:cursor-not-allowed mds:rounded-full mds:size-14 mds:min-w-14 mds:ring-2 mds:ring-offset-1 mds:ring-interactive-neutral"),children:r.jsx("input",{type:"color",onInput:e=>t?.chain().focus().setColor(e.currentTarget.value).run(),value:u?.color,className:s.cn("mds:size-[200%] mds:cursor-pointer mds:border-0 mds:p-0 mds:-translate-[25%]")})})})});i.displayName="ColorPickerMenu";exports.ColorPickerMenu=i;

package/dist/mainstack-design-system481.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import { u as m, a } from "./index-DNLWDMY9.js";
-import { c as o } from "./utils-B-DK6jJO.js";
+import { u as m, a } from "./index-C0qepyB8.js";
+import { c as o } from "./utils-Cs1D8Nxl.js";
 import { TextEditorMenuAction as l } from "./mainstack-design-system489.js";
 const c = n(
   ({ ...s }, d) => {

package/dist/mainstack-design-system482.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),s=require("./utils-B6I16BNR.cjs");require("./mainstack-design-system355.cjs");const m=require("./mainstack-design-system303.cjs");require("./player-BKifgSJo.cjs");const l=require("./mainstack-design-system587.cjs"),c=require("./mainstack-design-system384.cjs"),t=a.forwardRef(({className:o,...d},n)=>{const{onGenerateWithAi:i,generateWithAiIsLoading:r}=l.useTextEditorContext();return e.jsxs("button",{onClick:i,ref:n,"data-slot":"text-editor-generate-with-ai-menu",disabled:r,"aria-disabled":r,className:s.cn("mds:flex mds:relative mds:cursor-pointer mds:min-w-126 mds:justify-center mds:bg-surface-neutral-l1 mds:items-center mds:gap-4 mds:p-6 mds:pl-10 mds:rounded-full mds:border-solid mds:border-transparent mds:border-1 mds:bg-clip-padding mds:before:content-[''] mds:before:absolute mds:before:top-0 mds:before:right-0 mds:before:left-0 mds:before:bottom-0 mds:before:z-[-1] mds:before:-m-1 mds:before:rounded-full mds:before:bg-linear-[to_right,var(--mds-color-purple-225)_0%,var(--mds-color-azure-275)_30%,var(--mds-color-cobalt-225)_60%,var(--mds-color-persimmon-250)_90%] mds:disabled:cursor-not-allowed  ",o),...d,children:[e.jsx("p",{className:s.cn("body-tiny-medium"," mds:whitespace-nowrap"),children:"Generate with AI"}),r?e.jsx(c.Spinner,{}):e.jsx(m,{className:"mds:size-16 mds:animate-pulse-wiggle "})]})});t.displayName="GenerateWithAiMenu";exports.GenerateWithAiMenu=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),s=require("./utils-scPUmbSO.cjs");require("./mainstack-design-system355.cjs");const m=require("./mainstack-design-system303.cjs");require("./player-BSON6quL.cjs");const l=require("./mainstack-design-system587.cjs"),c=require("./mainstack-design-system384.cjs"),t=a.forwardRef(({className:o,...d},n)=>{const{onGenerateWithAi:i,generateWithAiIsLoading:r}=l.useTextEditorContext();return e.jsxs("button",{onClick:i,ref:n,"data-slot":"text-editor-generate-with-ai-menu",disabled:r,"aria-disabled":r,className:s.cn("mds:flex mds:relative mds:cursor-pointer mds:min-w-126 mds:justify-center mds:bg-surface-neutral-l1 mds:items-center mds:gap-4 mds:p-6 mds:pl-10 mds:rounded-full mds:border-solid mds:border-transparent mds:border-1 mds:bg-clip-padding mds:before:content-[''] mds:before:absolute mds:before:top-0 mds:before:right-0 mds:before:left-0 mds:before:bottom-0 mds:before:z-[-1] mds:before:-m-1 mds:before:rounded-full mds:before:bg-linear-[to_right,var(--mds-color-purple-225)_0%,var(--mds-color-azure-275)_30%,var(--mds-color-cobalt-225)_60%,var(--mds-color-persimmon-250)_90%] mds:disabled:cursor-not-allowed  ",o),...d,children:[e.jsx("p",{className:s.cn("body-tiny-medium"," mds:whitespace-nowrap"),children:"Generate with AI"}),r?e.jsx(c.Spinner,{}):e.jsx(m,{className:"mds:size-16 mds:animate-pulse-wiggle "})]})});t.displayName="GenerateWithAiMenu";exports.GenerateWithAiMenu=t;

package/dist/mainstack-design-system482.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { c as o } from "./utils-B-DK6jJO.js";
+import { c as o } from "./utils-Cs1D8Nxl.js";
 import "./mainstack-design-system355.js";
 import n from "./mainstack-design-system303.js";
-import "./player-DSenNqFV.js";
+import "./player-BXrBN0bS.js";
 import { useTextEditorContext as l } from "./mainstack-design-system587.js";
 import { Spinner as p } from "./mainstack-design-system384.js";
 const b = a(

package/dist/mainstack-design-system483.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system355.cjs");const x=require("./mainstack-design-system239.cjs");require("./player-BKifgSJo.cjs");const n=require("./utils-B6I16BNR.cjs"),a=require("./index-B0aqKYqj.cjs"),E=require("./mainstack-design-system489.cjs"),q=require("./mainstack-design-system587.cjs"),c=i.forwardRef(({className:d,...l},u)=>{const{onError:o}=q.useTextEditorContext(),{editor:t}=a.useCurrentEditor(),m=a.useEditorState({editor:t,selector:e=>e.editor?{isImage:t?.isActive("image")}:{}}),f=i.useCallback(e=>{if(e.preventDefault(),e.target.files){const p=e.target.files[0],r=new FileReader;r.onload=()=>{t?.chain().focus().insertContent({type:"image",attrs:{src:r.result}}).run()},r.onerror=g=>{o&&o(g)},r.readAsDataURL(p)}},[t,o]);return s.jsxs(E.TextEditorMenuAction,{isActive:m?.isImage,ref:u,onClick:()=>{},"data-slot":"text-editor-image-upload-menu",className:n.cn("mds:relative",d),...l,children:[s.jsx(x,{className:"mds:size-16"}),s.jsx("input",{className:n.cn("mds:absolute mds:file-selector mds:opacity-0 mds:file:cursor-pointer mds:w-full mds:h-full mds:left-0 mds:top-0"),type:"file",accept:"image/*",onChange:f})]})});c.displayName="ImageUploadMenu";exports.ImageUploadMenu=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system355.cjs");const x=require("./mainstack-design-system239.cjs");require("./player-BSON6quL.cjs");const n=require("./utils-scPUmbSO.cjs"),a=require("./index-sV1BS-DI.cjs"),E=require("./mainstack-design-system489.cjs"),q=require("./mainstack-design-system587.cjs"),c=i.forwardRef(({className:d,...l},u)=>{const{onError:o}=q.useTextEditorContext(),{editor:t}=a.useCurrentEditor(),m=a.useEditorState({editor:t,selector:e=>e.editor?{isImage:t?.isActive("image")}:{}}),f=i.useCallback(e=>{if(e.preventDefault(),e.target.files){const p=e.target.files[0],r=new FileReader;r.onload=()=>{t?.chain().focus().insertContent({type:"image",attrs:{src:r.result}}).run()},r.onerror=g=>{o&&o(g)},r.readAsDataURL(p)}},[t,o]);return s.jsxs(E.TextEditorMenuAction,{isActive:m?.isImage,ref:u,onClick:()=>{},"data-slot":"text-editor-image-upload-menu",className:n.cn("mds:relative",d),...l,children:[s.jsx(x,{className:"mds:size-16"}),s.jsx("input",{className:n.cn("mds:absolute mds:file-selector mds:opacity-0 mds:file:cursor-pointer mds:w-full mds:h-full mds:left-0 mds:top-0"),type:"file",accept:"image/*",onChange:f})]})});c.displayName="ImageUploadMenu";exports.ImageUploadMenu=c;