mainstack-design-system 1.3.6 → 1.3.8

package/dist/mainstack-design-system459.js

@@ -2,10 +2,10 @@
 import { jsx as a } from "react/jsx-runtime";
 import { b as l, c } from "./index-RoCFhqzC.js";
 import { forwardRef as f } from "react";
-import { cn as m } from "./mainstack-design-system589.js";
-import { useSelectContext as d } from "./mainstack-design-system571.js";
+import { c as m } from "./utils-CFdAYIby.js";
+import { useSelectContext as d } from "./mainstack-design-system572.js";
 const P = f(
-  ({ children: n, onWheel: o, onTouchMove: e, className: i, ...p }, s) => {
+  ({ children: n, onWheel: o, onTouchMove: e, className: i, ...s }, p) => {
     const { isOptionOpen: r } = d();
     return /* @__PURE__ */ a(l, { forceMount: !0, children: /* @__PURE__ */ a(
       c,
@@ -19,14 +19,14 @@ const P = f(
           r && "block",
           i
         ),
-        ref: s,
+        ref: p,
         onWheel: (t) => {
           t.stopPropagation(), o && o(t);
         },
         onTouchMove: (t) => {
           t.stopPropagation(), e && e(t);
         },
-        ...p,
+        ...s,
         children: n
       }
     ) });

package/dist/mainstack-design-system460.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),s=require("./mainstack-design-system589.cjs"),h=require("./mainstack-design-system571.cjs"),r=require("./index-BgzojN8c.cjs"),c=i.forwardRef(({className:u,children:d,...b},n)=>{const{options:l,isMultiSelect:f,inputValue:o,previousAction:t,isOptionOpen:p,selectedOption:x}=h.useSelectContext(),a=i.useMemo(()=>!o||t==="selection"||t==="idle"?l.array:l.array.filter(m=>m.label.toLocaleLowerCase().includes(o.toLocaleLowerCase())),[o,l,t]);return e.jsx("div",{className:s.cn("flex flex-col gap-8 p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200",u),ref:n,"data-slot":"select-options","data-select-options-opened":p,...b,children:e.jsxs(r.ScrollArea,{style:{"--scrollbar-size":"8px"},className:s.cn("flex flex-col gap-8 max-h-350"),ref:n,children:[e.jsx(r.ScrollAreaViewport,{className:"h-full w-full",children:e.jsxs("div",{"data-slot":"select-options-inner",className:"flex flex-col gap-8",children:[d({options:a,selectedOption:x,isMultiSelect:!!f}),a.length===0&&e.jsx("p",{className:"body-extrasmall-medium text-center",children:"No option found"})]})}),e.jsx(r.ScrollAreaScrollbar,{orientation:"vertical",className:"flex select-none rounded-(--scrollbar-size) touch-none p-2 w-(--scrollbar-size) flex-col transition-all duration-200 ease-out bg-surface-neutral-l1 hover:bg-interactive-secondary hover:w-12",children:e.jsx(r.ScrollAreaThumb,{className:s.cn("rounded-(--scrollbar-size) bg-border-interactive-neutral-inverse-hover relative","before:content-[''] before:absolute before:top-1/2 before:left-1/2  before:-translate-1/2 before:size-full before:min-w-44 before:min-h-44")})}),e.jsx(r.ScrollAreaCorner,{className:"bg-border-interactive-neutral-inverse-hover"})]})})});c.displayName="SelectOptions";exports.SelectOptions=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),s=require("./utils-DRUMSl4z.cjs"),h=require("./mainstack-design-system572.cjs"),r=require("./index-BgzojN8c.cjs"),c=i.forwardRef(({className:u,children:d,...b},n)=>{const{options:l,isMultiSelect:f,inputValue:o,previousAction:t,isOptionOpen:p,selectedOption:x}=h.useSelectContext(),a=i.useMemo(()=>!o||t==="selection"||t==="idle"?l.array:l.array.filter(m=>m.label.toLocaleLowerCase().includes(o.toLocaleLowerCase())),[o,l,t]);return e.jsx("div",{className:s.cn("flex flex-col gap-8 p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200",u),ref:n,"data-slot":"select-options","data-select-options-opened":p,...b,children:e.jsxs(r.ScrollArea,{style:{"--scrollbar-size":"8px"},className:s.cn("flex flex-col gap-8 max-h-350"),ref:n,children:[e.jsx(r.ScrollAreaViewport,{className:"h-full w-full",children:e.jsxs("div",{"data-slot":"select-options-inner",className:"flex flex-col gap-8",children:[d({options:a,selectedOption:x,isMultiSelect:!!f}),a.length===0&&e.jsx("p",{className:"body-extrasmall-medium text-center",children:"No option found"})]})}),e.jsx(r.ScrollAreaScrollbar,{orientation:"vertical",className:"flex select-none rounded-(--scrollbar-size) touch-none p-2 w-(--scrollbar-size) flex-col transition-all duration-200 ease-out bg-surface-neutral-l1 hover:bg-interactive-secondary hover:w-12",children:e.jsx(r.ScrollAreaThumb,{className:s.cn("rounded-(--scrollbar-size) bg-border-interactive-neutral-inverse-hover relative","before:content-[''] before:absolute before:top-1/2 before:left-1/2  before:-translate-1/2 before:size-full before:min-w-44 before:min-h-44")})}),e.jsx(r.ScrollAreaCorner,{className:"bg-border-interactive-neutral-inverse-hover"})]})})});c.displayName="SelectOptions";exports.SelectOptions=c;

package/dist/mainstack-design-system460.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { forwardRef as m, useMemo as h } from "react";
-import { cn as t } from "./mainstack-design-system589.js";
-import { useSelectContext as x } from "./mainstack-design-system571.js";
+import { c as t } from "./utils-CFdAYIby.js";
+import { useSelectContext as x } from "./mainstack-design-system572.js";
 import { S as v, a as S, b as N, c as g, d as w } from "./index-CLUgda6x.js";
 const y = m(
   ({ className: i, children: c, ...d }, a) => {

package/dist/mainstack-design-system461.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),y=require("react"),j=require("./mainstack-design-system589.cjs"),C=require("./mainstack-design-system571.cjs"),b=y.forwardRef(({value:e="",className:x,isGroupLabel:O,isDisabled:o,onClick:a,...S},A)=>{const{isOptionOpen:_,isMultiSelect:r,selectedOption:t,rootElementRef:l,options:g,setPreviousAction:h,setInputValue:c,onValueChange:n,onOptionOpenChange:I,setSelectedOption:d}=C.useSelectContext(),p=y.useMemo(()=>r&&Array.isArray(t)?t?.some(s=>e===s):!r&&!Array.isArray(t)?t===e:!1,[r,t,e]);return m.jsx("div",{"aria-disabled":o,className:" aria-disabled:cursor-not-allowed",children:m.jsx("div",{role:"button","data-slot":"select-option-item",tabIndex:0,className:j.cn("body-extrasmall-medium","py-8 px-10 cursor-pointer text-left rounded-12 aria-disabled:pointer-events-none aria-disabled:opacity-40 hover:bg-interactive-secondary-hover",x),"aria-selected":p,"data-select-options-opened":_,ref:A,"aria-disabled":o||O,onClick:s=>{if(a&&a(s),!!e)if(h("selection"),r){let i=t;if(Array.isArray(t))if(i=[...t],p){const f=i.findIndex(q=>q===e);f>-1&&i.splice(f,1)}else i.push(e);else i=[e];if(d(i),c(""),Array.isArray(i)&&n&&n(i),!l.current)return null;const u=l.current.querySelector('[data-slot="select-input-field"]');u&&u.focus()}else n&&e&&n(e),c(g.map.get(e)?.label||""),d(e),I(!1)},...S})})});b.displayName="SelectOptionItem";exports.SelectOptionItem=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),y=require("react"),j=require("./utils-DRUMSl4z.cjs"),C=require("./mainstack-design-system572.cjs"),b=y.forwardRef(({value:e="",className:x,isGroupLabel:O,isDisabled:o,onClick:a,...S},A)=>{const{isOptionOpen:_,isMultiSelect:r,selectedOption:t,rootElementRef:l,options:g,setPreviousAction:h,setInputValue:c,onValueChange:n,onOptionOpenChange:I,setSelectedOption:d}=C.useSelectContext(),p=y.useMemo(()=>r&&Array.isArray(t)?t?.some(s=>e===s):!r&&!Array.isArray(t)?t===e:!1,[r,t,e]);return m.jsx("div",{"aria-disabled":o,className:" aria-disabled:cursor-not-allowed",children:m.jsx("div",{role:"button","data-slot":"select-option-item",tabIndex:0,className:j.cn("body-extrasmall-medium","py-8 px-10 cursor-pointer text-left rounded-12 aria-disabled:pointer-events-none aria-disabled:opacity-40 hover:bg-interactive-secondary-hover",x),"aria-selected":p,"data-select-options-opened":_,ref:A,"aria-disabled":o||O,onClick:s=>{if(a&&a(s),!!e)if(h("selection"),r){let i=t;if(Array.isArray(t))if(i=[...t],p){const f=i.findIndex(q=>q===e);f>-1&&i.splice(f,1)}else i.push(e);else i=[e];if(d(i),c(""),Array.isArray(i)&&n&&n(i),!l.current)return null;const u=l.current.querySelector('[data-slot="select-input-field"]');u&&u.focus()}else n&&e&&n(e),c(g.map.get(e)?.label||""),d(e),I(!1)},...S})})});b.displayName="SelectOptionItem";exports.SelectOptionItem=b;

package/dist/mainstack-design-system461.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as _, useMemo as w } from "react";
-import { cn as C } from "./mainstack-design-system589.js";
-import { useSelectContext as N } from "./mainstack-design-system571.js";
+import { c as C } from "./utils-CFdAYIby.js";
+import { useSelectContext as N } from "./mainstack-design-system572.js";
 const M = _(
   ({
     value: e = "",

package/dist/mainstack-design-system462.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),i=require("./mainstack-design-system589.cjs"),p=require("./mainstack-design-system412.cjs");require("./mainstack-design-system413.cjs");const d=require("./mainstack-design-system586.cjs");require("./mainstack-design-system414.cjs");require("./mainstack-design-system415.cjs");const b=require("./mainstack-design-system571.cjs"),k=require("./mainstack-design-system461.cjs"),n=s.forwardRef(({value:t,className:l,isDisabled:r,children:a,...m},u)=>{const{selectedOption:e,isMultiSelect:c}=b.useSelectContext(),x=s.useMemo(()=>c&&Array.isArray(e)?e?.some(h=>t===h):!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("flex items-center gap-8",l),isDisabled:r,ref:u,...m,children:[o.jsx(p.CheckboxRoot,{size:"extra-small",children:o.jsx(d.CheckboxIndicator,{className:"scale-100",checked:x,disabled:r})}),o.jsx("p",{className:i.cn("body-extrasmall-medium"),children:a})]})});n.displayName="SelectOptionItemWithCheckbox";exports.SelectOptionItemWithCheckbox=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),i=require("./utils-DRUMSl4z.cjs"),p=require("./mainstack-design-system412.cjs");require("./mainstack-design-system413.cjs");const d=require("./mainstack-design-system587.cjs");require("./mainstack-design-system414.cjs");require("./mainstack-design-system415.cjs");const b=require("./mainstack-design-system572.cjs"),k=require("./mainstack-design-system461.cjs"),n=s.forwardRef(({value:t,className:l,isDisabled:r,children:a,...m},u)=>{const{selectedOption:e,isMultiSelect:c}=b.useSelectContext(),x=s.useMemo(()=>c&&Array.isArray(e)?e?.some(h=>t===h):!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("flex items-center gap-8",l),isDisabled:r,ref:u,...m,children:[o.jsx(p.CheckboxRoot,{size:"extra-small",children:o.jsx(d.CheckboxIndicator,{className:"scale-100",checked:x,disabled:r})}),o.jsx("p",{className:i.cn("body-extrasmall-medium"),children:a})]})});n.displayName="SelectOptionItemWithCheckbox";exports.SelectOptionItemWithCheckbox=n;

package/dist/mainstack-design-system462.js

@@ -1,13 +1,13 @@
 'use client';
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { forwardRef as d, useMemo as x } from "react";
-import { cn as m } from "./mainstack-design-system589.js";
+import { c as m } from "./utils-CFdAYIby.js";
 import { CheckboxRoot as h } from "./mainstack-design-system412.js";
 import "./mainstack-design-system413.js";
-import { CheckboxIndicator as b } from "./mainstack-design-system586.js";
+import { CheckboxIndicator as b } from "./mainstack-design-system587.js";
 import "./mainstack-design-system414.js";
 import "./mainstack-design-system415.js";
-import { useSelectContext as k } from "./mainstack-design-system571.js";
+import { useSelectContext as k } from "./mainstack-design-system572.js";
 import { SelectOptionItem as y } from "./mainstack-design-system461.js";
 const u = d(
   ({

package/dist/mainstack-design-system463.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),p=require("./mainstack-design-system589.cjs");require("./mainstack-design-system355.cjs");const x=require("./mainstack-design-system91.cjs"),b=require("./mainstack-design-system571.cjs"),A=require("./mainstack-design-system389.cjs");require("./mainstack-design-system390.cjs");require("./mainstack-design-system391.cjs");const S=require("./index-BV7A-WgT.cjs"),d=s.forwardRef(({className:m,children:o,...f},v)=>{const{selectedOption:e,isMultiSelect:i,options:n,setSelectedOption:c,onOptionOpenChange:l}=b.useSelectContext(),u=s.useCallback(r=>{if(!i||!Array.isArray(e))return e;let a=e;Array.isArray(e)&&(a=e.filter(g=>g!==r?.value)),c(a),l(!0)},[i,l,e,c]),y=s.useMemo(()=>!i||!Array.isArray(e)?[]:n.array.filter(r=>e.includes(r.value)),[i,n.array,e]);return!i||!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:p.cn("flex gap-4 justify-between items-center w-109 h-32 p-6 rounded-full bg-surface-neutral-l1 border-border-interactive-neutral border-2",m),...f,children:[n.map.get(r)?.imgSrc&&t.jsx(A.AvatarRoot,{size:24,className:"min-w-24 size-24 min-h-24 *:size-24",children:t.jsx(S.AvatarImage,{alt:"avatar",src:n.map.get(r)?.imgSrc||""})}),t.jsx("p",{className:p.cn("body-extrasmall-medium","w-50 truncate"),children:n.map.get(r)?.label}),t.jsx(x,{role:"button",variant:"filled",className:"size-20 cursor-pointer text-primary",onClick:()=>{const a=n.map.get(r);a&&u(a)}})]},r))})});d.displayName="SelectOptionInputPreview";exports.SelectOptionInputPreview=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),p=require("./utils-DRUMSl4z.cjs");require("./mainstack-design-system355.cjs");const x=require("./mainstack-design-system91.cjs"),b=require("./mainstack-design-system572.cjs"),A=require("./mainstack-design-system389.cjs");require("./mainstack-design-system390.cjs");require("./mainstack-design-system391.cjs");const S=require("./index-BV7A-WgT.cjs"),d=s.forwardRef(({className:m,children:o,...f},v)=>{const{selectedOption:e,isMultiSelect:i,options:n,setSelectedOption:c,onOptionOpenChange:l}=b.useSelectContext(),u=s.useCallback(r=>{if(!i||!Array.isArray(e))return e;let a=e;Array.isArray(e)&&(a=e.filter(g=>g!==r?.value)),c(a),l(!0)},[i,l,e,c]),y=s.useMemo(()=>!i||!Array.isArray(e)?[]:n.array.filter(r=>e.includes(r.value)),[i,n.array,e]);return!i||!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:p.cn("flex gap-4 justify-between items-center w-109 h-32 p-6 rounded-full bg-surface-neutral-l1 border-border-interactive-neutral border-2",m),...f,children:[n.map.get(r)?.imgSrc&&t.jsx(A.AvatarRoot,{size:24,className:"min-w-24 size-24 min-h-24 *:size-24",children:t.jsx(S.AvatarImage,{alt:"avatar",src:n.map.get(r)?.imgSrc||""})}),t.jsx("p",{className:p.cn("body-extrasmall-medium","w-50 truncate"),children:n.map.get(r)?.label}),t.jsx(x,{role:"button",variant:"filled",className:"size-20 cursor-pointer text-primary",onClick:()=>{const a=n.map.get(r);a&&u(a)}})]},r))})});d.displayName="SelectOptionInputPreview";exports.SelectOptionInputPreview=d;

package/dist/mainstack-design-system463.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as o, Fragment as v, jsxs as g } from "react/jsx-runtime";
 import { forwardRef as A, useCallback as w, useMemo as b } from "react";
-import { cn as c } from "./mainstack-design-system589.js";
+import { c as p } from "./utils-CFdAYIby.js";
 import "./mainstack-design-system355.js";
 import O from "./mainstack-design-system91.js";
-import { useSelectContext as S } from "./mainstack-design-system571.js";
+import { useSelectContext as S } from "./mainstack-design-system572.js";
 import { AvatarRoot as x } from "./mainstack-design-system389.js";
 import "./mainstack-design-system390.js";
 import "./mainstack-design-system391.js";
@@ -15,30 +15,30 @@ const C = A(
       selectedOption: e,
       isMultiSelect: a,
       options: t,
-      setSelectedOption: l,
-      onOptionOpenChange: s
-    } = S(), p = w(
+      setSelectedOption: s,
+      onOptionOpenChange: l
+    } = S(), c = w(
       (r) => {
         if (!a || !Array.isArray(e))
           return e;
         let i = e;
         Array.isArray(e) && (i = e.filter(
           (y) => y !== r?.value
-        )), l(i), s(!0);
+        )), s(i), l(!0);
       },
-      [a, s, e, l]
+      [a, l, e, s]
     ), d = b(() => !a || !Array.isArray(e) ? [] : t.array.filter(
       (r) => e.includes(r.value)
     ), [a, t.array, e]);
     return !a || !Array.isArray(e) ? null : n ? n({
       selectedOptions: d,
-      onCancelSelectedOption: p
+      onCancelSelectedOption: c
     }) : /* @__PURE__ */ o(v, { children: e.map((r) => /* @__PURE__ */ g(
       "div",
       {
         "data-slot": "select-option-input-preview",
         ref: f,
-        className: c(
+        className: p(
           "flex gap-4 justify-between items-center w-109 h-32 p-6 rounded-full bg-surface-neutral-l1 border-border-interactive-neutral border-2",
           m
         ),
@@ -58,7 +58,7 @@ const C = A(
               )
             }
           ),
-          /* @__PURE__ */ o("p", { className: c("body-extrasmall-medium", "w-50 truncate"), children: t.map.get(r)?.label }),
+          /* @__PURE__ */ o("p", { className: p("body-extrasmall-medium", "w-50 truncate"), children: t.map.get(r)?.label }),
           /* @__PURE__ */ o(
             O,
             {
@@ -67,7 +67,7 @@ const C = A(
               className: "size-20 cursor-pointer text-primary",
               onClick: () => {
                 const i = t.map.get(r);
-                i && p(i);
+                i && c(i);
               }
             }
           )

package/dist/mainstack-design-system464.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("./index-DCgbL-w8.cjs"),r=require("./mainstack-design-system572.cjs"),s=({variant:t="underline",...o})=>e.jsx(r.TabsContext.Provider,{value:{variant:t},children:e.jsx(n.Root2,{...o})});exports.TabsRoot=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("./index-DCgbL-w8.cjs"),r=require("./mainstack-design-system573.cjs"),s=({variant:t="underline",...o})=>e.jsx(r.TabsContext.Provider,{value:{variant:t},children:e.jsx(n.Root2,{...o})});exports.TabsRoot=s;

package/dist/mainstack-design-system464.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { R as e } from "./index-D8zjPZm-.js";
-import { TabsContext as i } from "./mainstack-design-system572.js";
+import { TabsContext as i } from "./mainstack-design-system573.js";
 const a = ({
   variant: r = "underline",
   ...t

package/dist/mainstack-design-system465.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("./mainstack-design-system589.cjs"),t=({className:e,...n})=>s.jsx(o.Content,{"data-slot":"tabs-content",className:a.cn("flex-1 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-DRUMSl4z.cjs"),t=({className:e,...n})=>s.jsx(o.Content,{"data-slot":"tabs-content",className:a.cn("flex-1 outline-none",e),...n});t.displayName="TabsContent";exports.TabsContent=t;

package/dist/mainstack-design-system465.js

@@ -1,11 +1,11 @@
 import { jsx as n } from "react/jsx-runtime";
-import { C as e } from "./index-D8zjPZm-.js";
-import { cn as a } from "./mainstack-design-system589.js";
+import { C as a } from "./index-D8zjPZm-.js";
+import { c as e } from "./utils-CFdAYIby.js";
 const s = ({ className: t, ...o }) => /* @__PURE__ */ n(
-  e,
+  a,
   {
     "data-slot": "tabs-content",
-    className: a("flex-1 outline-none", t),
+    className: e("flex-1 outline-none", t),
     ...o
   }
 );

package/dist/mainstack-design-system466.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("./mainstack-design-system589.cjs"),o=require("./mainstack-design-system573.cjs"),c=require("./mainstack-design-system572.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-DRUMSl4z.cjs"),o=require("./mainstack-design-system574.cjs"),c=require("./mainstack-design-system573.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-system466.js

@@ -1,15 +1,15 @@
-import { jsx as o } from "react/jsx-runtime";
-import { L as a } from "./index-D8zjPZm-.js";
-import { cn as i } from "./mainstack-design-system589.js";
-import { tabsListVariants as m } from "./mainstack-design-system573.js";
-import { useTabsContext as n } from "./mainstack-design-system572.js";
-const p = ({ className: t, ...s }) => {
+import { jsx as a } from "react/jsx-runtime";
+import { L as o } from "./index-D8zjPZm-.js";
+import { c as i } from "./utils-CFdAYIby.js";
+import { tabsListVariants as m } from "./mainstack-design-system574.js";
+import { useTabsContext as n } from "./mainstack-design-system573.js";
+const p = ({ className: s, ...t }) => {
   const { variant: r } = n();
-  return /* @__PURE__ */ o(
-    a,
+  return /* @__PURE__ */ a(
+    o,
     {
-      className: i(m({ variant: r }), t),
-      ...s
+      className: i(m({ variant: r }), s),
+      ...t
     }
   );
 };

package/dist/mainstack-design-system467.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("./mainstack-design-system589.cjs"),T=require("./mainstack-design-system573.cjs"),d=require("./index-CpE6WAgy.cjs"),f=require("./mainstack-design-system572.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-DRUMSl4z.cjs"),T=require("./mainstack-design-system574.cjs"),d=require("./index-CpE6WAgy.cjs"),f=require("./mainstack-design-system573.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-system467.js

@@ -1,13 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as p from "react";
 import { T as f } from "./index-D8zjPZm-.js";
-import { cn as g } from "./mainstack-design-system589.js";
-import { tabsTriggerVariants as T } from "./mainstack-design-system573.js";
-import { S as c } from "./index-BtQfgaSF.js";
-import { useTabsContext as b } from "./mainstack-design-system572.js";
-const l = p.forwardRef(({ className: o, asChild: t, children: a, layout: m, ...s }, i) => {
-  const e = t ? c : "button", { variant: n } = b();
-  return /* @__PURE__ */ r(f, { ref: i, asChild: !0, ...s, children: /* @__PURE__ */ r(e, { className: g(T({ variant: n, layout: m }), o), children: a }) });
+import { c } from "./utils-CFdAYIby.js";
+import { tabsTriggerVariants as g } from "./mainstack-design-system574.js";
+import { S as T } from "./index-BtQfgaSF.js";
+import { useTabsContext as b } from "./mainstack-design-system573.js";
+const l = p.forwardRef(({ className: o, asChild: t, children: a, layout: s, ...m }, i) => {
+  const e = t ? T : "button", { variant: n } = b();
+  return /* @__PURE__ */ r(f, { ref: i, asChild: !0, ...m, children: /* @__PURE__ */ r(e, { className: c(g({ variant: n, layout: s }), o), children: a }) });
 });
 l.displayName = "TabsTrigger";
 export {

package/dist/mainstack-design-system468.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),l=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system589.cjs");function f(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 d=f(i),c=d.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const a=n?l.Slot:"span";return s.jsx(a,{ref:o,"data-slot":"tag-icon",className:u.cn("inline-flex items-center justify-center shrink-0",e),...r,children:t})});c.displayName="TagIcon";exports.TagIcon=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),l=require("./index-CpE6WAgy.cjs"),u=require("./utils-DRUMSl4z.cjs");function f(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 d=f(i),c=d.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const a=n?l.Slot:"span";return s.jsx(a,{ref:o,"data-slot":"tag-icon",className:u.cn("inline-flex items-center justify-center shrink-0",e),...r,children:t})});c.displayName="TagIcon";exports.TagIcon=c;

package/dist/mainstack-design-system468.js

@@ -1,23 +1,23 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import * as m from "react";
 import { S as n } from "./index-BtQfgaSF.js";
-import { cn as i } from "./mainstack-design-system589.js";
-const c = m.forwardRef(
-  ({ className: o, asChild: t = !1, children: r, ...a }, e) => /* @__PURE__ */ s(
+import { c } from "./utils-CFdAYIby.js";
+const i = m.forwardRef(
+  ({ className: o, asChild: t = !1, children: a, ...r }, s) => /* @__PURE__ */ e(
     t ? n : "span",
     {
-      ref: e,
+      ref: s,
       "data-slot": "tag-icon",
-      className: i(
+      className: c(
         "inline-flex items-center justify-center shrink-0",
         o
       ),
-      ...a,
-      children: r
+      ...r,
+      children: a
     }
   )
 );
-c.displayName = "TagIcon";
+i.displayName = "TagIcon";
 export {
-  c as TagIcon
+  i as TagIcon
 };

package/dist/mainstack-design-system469.cjs

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

package/dist/mainstack-design-system469.js

@@ -1,17 +1,17 @@
 import { jsxs as l, jsx as m } from "react/jsx-runtime";
-import * as i from "react";
-import { S as p } from "./index-BtQfgaSF.js";
-import { cn as c } from "./mainstack-design-system589.js";
-const f = i.forwardRef(
-  ({ className: a, children: e, asChild: o = !1, isBullet: t = !1, ...r }, s) => /* @__PURE__ */ l(
-    o ? p : "span",
+import * as c from "react";
+import { S as i } from "./index-BtQfgaSF.js";
+import { c as p } from "./utils-CFdAYIby.js";
+const f = c.forwardRef(
+  ({ className: a, children: e, asChild: o = !1, isBullet: s = !1, ...t }, r) => /* @__PURE__ */ l(
+    o ? i : "span",
     {
-      ref: s,
+      ref: r,
       "data-slot": "tag-label",
-      className: c("whitespace-nowrap flex items-center", a),
-      ...r,
+      className: p("whitespace-nowrap flex items-center", a),
+      ...t,
       children: [
-        t && /* @__PURE__ */ m(
+        s && /* @__PURE__ */ m(
           "div",
           {
             className: "w-4 h-4 rounded-full mr-4",

package/dist/mainstack-design-system470.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),z=require("react"),T=require("./mainstack-design-system589.cjs"),h=require("./mainstack-design-system472.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:g,...m},u)=>{const y=t||"span",e=n.Children.toArray(g),s=e[0],r=e[e.length-1],c=n.isValidElement(s)&&typeof s.type!="string"&&s.type?.displayName==="TagIcon",d=n.isValidElement(r)&&typeof r.type!="string"&&r.type?.displayName==="TagIcon",f=c&&d?"both":c?"leading":d?"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}),"data-[tag-size=xs]:data-[tag-icon-position=leading]:pl-4","data-[tag-size=xs]:data-[tag-icon-position=trailing]:pr-4","data-[tag-size=sm]:data-[tag-icon-position=leading]:pr-10","data-[tag-size=sm]:data-[tag-icon-position=trailing]:pl-10","data-[tag-size=md]:data-[tag-icon-position=leading]:pr-16","data-[tag-size=md]:data-[tag-icon-position=trailing]:pl-16","data-[tag-size=lg]:data-[tag-icon-position=leading]:pr-16","data-[tag-size=lg]:data-[tag-icon-position=trailing]:pl-16",i),...m,children:g})});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-DRUMSl4z.cjs"),h=require("./mainstack-design-system472.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:g,...m},u)=>{const y=t||"span",e=n.Children.toArray(g),s=e[0],r=e[e.length-1],c=n.isValidElement(s)&&typeof s.type!="string"&&s.type?.displayName==="TagIcon",d=n.isValidElement(r)&&typeof r.type!="string"&&r.type?.displayName==="TagIcon",f=c&&d?"both":c?"leading":d?"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}),"data-[tag-size=xs]:data-[tag-icon-position=leading]:pl-4","data-[tag-size=xs]:data-[tag-icon-position=trailing]:pr-4","data-[tag-size=sm]:data-[tag-icon-position=leading]:pr-10","data-[tag-size=sm]:data-[tag-icon-position=trailing]:pl-10","data-[tag-size=md]:data-[tag-icon-position=leading]:pr-16","data-[tag-size=md]:data-[tag-icon-position=trailing]:pl-16","data-[tag-size=lg]:data-[tag-icon-position=leading]:pr-16","data-[tag-size=lg]:data-[tag-icon-position=trailing]:pl-16",i),...m,children:g})});l.displayName="TagRoot";exports.TagRoot=l;

package/dist/mainstack-design-system470.js

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

package/dist/mainstack-design-system473.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-system474.cjs"),u=require("./mainstack-design-system475.cjs"),l=require("./mainstack-design-system422.cjs"),m=require("./mainstack-design-system589.cjs"),r=c.forwardRef(({maxCharLength:t,currentCharLength:a,className:o,...s},n)=>e.jsxs(u.TextareaRoot,{className:"relative",children:[e.jsx(l.FormCharacterCounter,{currentCharLength:a,maxCharLength:t,className:" absolute top-12 right-16"}),e.jsx(i.TextareaField,{ref:n,className:m.cn("min-h-44",o),...s})]}));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-system474.cjs"),u=require("./mainstack-design-system475.cjs"),l=require("./mainstack-design-system422.cjs"),m=require("./utils-DRUMSl4z.cjs"),r=c.forwardRef(({maxCharLength:t,currentCharLength:a,className:o,...s},n)=>e.jsxs(u.TextareaRoot,{className:"relative",children:[e.jsx(l.FormCharacterCounter,{currentCharLength:a,maxCharLength:t,className:" absolute top-12 right-16"}),e.jsx(i.TextareaField,{ref:n,className:m.cn("min-h-44",o),...s})]}));r.displayName="Textarea";exports.Textarea=r;

package/dist/mainstack-design-system473.js

@@ -1,16 +1,16 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
 import { TextareaField as p } from "./mainstack-design-system474.js";
-import { TextareaRoot as f } from "./mainstack-design-system475.js";
-import { FormCharacterCounter as l } from "./mainstack-design-system422.js";
-import { cn as c } from "./mainstack-design-system589.js";
-const x = s(
-  ({ maxCharLength: e, currentCharLength: a, className: o, ...t }, m) => /* @__PURE__ */ i(f, { className: "relative", children: [
+import { TextareaRoot as c } from "./mainstack-design-system475.js";
+import { FormCharacterCounter as f } from "./mainstack-design-system422.js";
+import { c as l } from "./utils-CFdAYIby.js";
+const x = i(
+  ({ maxCharLength: a, currentCharLength: e, className: o, ...t }, m) => /* @__PURE__ */ s(c, { className: "relative", children: [
     /* @__PURE__ */ r(
-      l,
+      f,
       {
-        currentCharLength: a,
-        maxCharLength: e,
+        currentCharLength: e,
+        maxCharLength: a,
         className: " absolute top-12 right-16"
       }
     ),
@@ -18,7 +18,7 @@ const x = s(
       p,
       {
         ref: m,
-        className: c("min-h-44", o),
+        className: l("min-h-44", o),
         ...t
       }
     )

package/dist/mainstack-design-system474.cjs

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

package/dist/mainstack-design-system474.js

@@ -1,15 +1,15 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { cn as i } from "./mainstack-design-system589.js";
-const n = d(
-  ({ className: e, isError: r, isSuccess: a, ...o }, t) => /* @__PURE__ */ l(
+import { c as s } from "./utils-CFdAYIby.js";
+const i = d(
+  ({ className: e, isError: a, isSuccess: r, ...o }, t) => /* @__PURE__ */ l(
     "textarea",
     {
       ref: t,
       "data-slot": "textarea-field",
-      "data-error": r,
-      "data-success": a,
-      className: i(
+      "data-error": a,
+      "data-success": r,
+      className: s(
         "body-extrasmall-book",
         "flex-1 border-none outline-none h-full placeholder:text-tertiary disabled:cursor-not-allowed resize-none min-h-80 min-w-full max-w-full",
         e
@@ -18,7 +18,7 @@ const n = d(
     }
   )
 );
-n.displayName = "TextareaField";
+i.displayName = "TextareaField";
 export {
-  n as TextareaField
+  i as TextareaField
 };

package/dist/mainstack-design-system475.cjs

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

package/dist/mainstack-design-system475.js

@@ -1,11 +1,11 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { cn as d } from "./mainstack-design-system589.js";
-const f = e(
-  ({ className: t, ...o }, r) => /* @__PURE__ */ a(
+import { c as d } from "./utils-CFdAYIby.js";
+const s = e(
+  ({ className: t, ...a }, o) => /* @__PURE__ */ r(
     "div",
     {
-      ref: r,
+      ref: o,
       "data-slot": "textarea-root",
       "data-editable": "true",
       tabIndex: 0,
@@ -14,11 +14,11 @@ const f = e(
         "flex gap-4 w-full px-12 pt-12 border rounded-14 has-[>[data-slot=form-character-counter]]:pt-36 ",
         t
       ),
-      ...o
+      ...a
     }
   )
 );
-f.displayName = "TextareaRoot";
+s.displayName = "TextareaRoot";
 export {
-  f as TextareaRoot
+  s as TextareaRoot
 };

package/dist/mainstack-design-system476.js

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

package/dist/mainstack-design-system477.js

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

package/dist/mainstack-design-system478.cjs

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

package/dist/mainstack-design-system478.js

@@ -1,19 +1,19 @@
 'use client';
 import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { u as d, a as s } from "./index-CqwPI5PC.js";
-import { cn as o } from "./mainstack-design-system589.js";
-import { TextEditorMenuAction as u } from "./mainstack-design-system486.js";
-const c = a(
+import { forwardRef as l } from "react";
+import { u as s, a as d } from "./index-DNLWDMY9.js";
+import { c as o } from "./utils-CFdAYIby.js";
+import { TextEditorMenuAction as c } from "./mainstack-design-system486.js";
+const u = l(
   ({ ...i }, n) => {
-    const { editor: t } = d(), l = s({
+    const { editor: t } = s(), a = d({
       editor: t,
       selector: (r) => r.editor ? {
         color: r.editor.getAttributes("textStyle").color
       } : {}
     });
     return /* @__PURE__ */ e(
-      u,
+      c,
       {
         "data-slot": "text-editor-color-picker-menu",
         ref: n,
@@ -29,7 +29,7 @@ const c = a(
               {
                 type: "color",
                 onInput: (r) => t?.chain().focus().setColor(r.currentTarget.value).run(),
-                value: l?.color,
+                value: a?.color,
                 className: o(
                   "size-[200%] cursor-pointer border-0 p-0 -translate-[25%]"
                 )
@@ -41,7 +41,7 @@ const c = a(
     );
   }
 );
-c.displayName = "ColorPickerMenu";
+u.displayName = "ColorPickerMenu";
 export {
-  c as ColorPickerMenu
+  u as ColorPickerMenu
 };

package/dist/mainstack-design-system479.cjs

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