mainstack-design-system 1.19.8 → 1.19.9

package/dist/mainstack-design-system478.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
 import { InputRoot as w } from "./mainstack-design-system450.js";
 import { InputField as N } from "./mainstack-design-system451.js";
@@ -7,25 +7,25 @@ import "./mainstack-design-system449.js";
 import "./mainstack-design-system366.js";
 import S from "./mainstack-design-system93.js";
 import A from "./mainstack-design-system196.js";
-import "./player-CgAfbAf_.js";
-import { c as a } from "./utils-D4bN6vBC.js";
+import "./player-DeeuVfPr.js";
+import { c as i } from "./utils-DLi4dp19.js";
 import { useSelectContext as C } from "./mainstack-design-system606.js";
 import { d as F } from "./index-RoCFhqzC.js";
-const R = v(
-  ({ onClick: i, children: c, className: p, onChange: n, ...m }, u) => {
+const P = v(
+  ({ onClick: c, children: p, className: u, onChange: n, ...s }, f) => {
     const {
       isOptionOpen: t,
-      inputValue: f,
+      inputValue: h,
       inputReadOnly: d,
-      isDisabled: h,
+      isDisabled: l,
       isError: x,
       isSuccess: y,
-      selectedOption: l,
-      isMultiSelect: s,
+      selectedOption: m,
+      isMultiSelect: r,
       setSelectedOption: b,
-      setPreviousAction: I,
-      setInputValue: O,
-      onOptionOpenChange: g
+      setPreviousAction: g,
+      setInputValue: I,
+      onOptionOpenChange: O
     } = C();
     return /* @__PURE__ */ o(
       F,
@@ -35,54 +35,57 @@ const R = v(
         "aria-expanded": t,
         "aria-controls": "select-portal",
         "aria-owns": "select-portal",
-        children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ a(
           w,
           {
-            className: a(s && "mds:h-auto mds:py-10 ", p),
+            className: i(r && "mds:h-auto mds:py-10 ", u),
+            onClick: (e) => {
+              l || s.disabled || (O(!t), !d && !window.matchMedia("(pointer: coarse)").matches && e.currentTarget.querySelector(
+                '[data-slot="select-input-field"]'
+              )?.focus());
+            },
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ a(
                 "div",
                 {
-                  className: a(
+                  className: i(
                     "mds:flex mds:flex-1 mds:h-auto mds:min-h-auto mds:items-center mds:flex-wrap mds:gap-6"
                   ),
                   children: [
-                    c,
+                    p,
                     /* @__PURE__ */ o(
                       N,
                       {
-                        ...m,
+                        ...s,
                         readOnly: d,
                         "data-slot": "select-input-field",
                         "data-select-options-opened": t,
                         tabIndex: 3,
-                        value: f,
+                        value: h,
                         isError: x,
                         isSuccess: y,
-                        disabled: h,
-                        className: a(s && "mds:h-auto mds:min-h-auto"),
+                        disabled: l,
+                        className: i(r && "mds:h-auto mds:min-h-auto"),
                         onChange: (e) => {
-                          n && n(e), I("typing"), O(e.currentTarget.value);
+                          n && n(e), g("typing"), I(e.currentTarget.value);
                         },
-                        onClick: (e) => {
-                          i && i(e), g(!t), !d && !window.matchMedia("(pointer: coarse)").matches && e.currentTarget.focus();
-                        },
-                        ref: u,
-                        ...m
+                        onClick: c,
+                        ref: f,
+                        ...s
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ r("div", { className: "mds:flex mds:items-center mds:gap-6", children: [
-                s && Array.isArray(l) && l.length > 0 && /* @__PURE__ */ o(
+              /* @__PURE__ */ a("div", { className: "mds:flex mds:items-center mds:gap-6", children: [
+                r && Array.isArray(m) && m.length > 0 && /* @__PURE__ */ o(
                   S,
                   {
                     role: "button",
                     variant: "filled",
                     className: "mds:size-20 mds:cursor-pointer mds:text-secondary",
-                    onClick: () => {
-                      b([]);
+                    onClick: (e) => {
+                      e.stopPropagation(), b([]);
                     }
                   }
                 ),
@@ -101,7 +104,7 @@ const R = v(
     );
   }
 );
-R.displayName = "SelectInputField";
+P.displayName = "SelectInputField";
 export {
-  R as SelectInputField
+  P as SelectInputField
 };

package/dist/mainstack-design-system479.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),m=require("react"),g=require("./utils-BJ1u234q.cjs"),P=require("./mainstack-design-system606.cjs"),c=m.forwardRef(({children:l,onWheel:t,onTouchMove:o,onPointerDownOutside:n,className:d,...u},p)=>{const{isOptionOpen:r,onOptionOpenChange:f,rootElementRef:s}=P.useSelectContext();return a.jsx(i.PopoverPortal,{forceMount:!0,children:a.jsx(i.PopoverContent,{"data-slot":"select-portal",role:"listbox",sideOffset:6,"data-select-options-opened":r,className:g.cn(" mds:hidden  mds:will-change-transform mds:z-100  mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out mds:w-(--radix-popover-trigger-width) ",r&&"mds:block",d),ref:p,onPointerDownOutside:e=>{if(s.current?.contains(e.target)){e.preventDefault();return}n&&n(e)},onInteractOutside:e=>{s.current?.contains(e.target)||f(!1)},onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),o&&o(e)},...u,children:l})})});c.displayName="SelectPortal";exports.SelectPortal=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),m=require("react"),g=require("./utils-DgHSufYV.cjs"),P=require("./mainstack-design-system606.cjs"),c=m.forwardRef(({children:l,onWheel:t,onTouchMove:o,onPointerDownOutside:n,className:d,...u},p)=>{const{isOptionOpen:r,onOptionOpenChange:f,rootElementRef:s}=P.useSelectContext();return a.jsx(i.PopoverPortal,{forceMount:!0,children:a.jsx(i.PopoverContent,{"data-slot":"select-portal",role:"listbox",sideOffset:6,"data-select-options-opened":r,className:g.cn(" mds:hidden  mds:will-change-transform mds:z-100  mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out mds:w-(--radix-popover-trigger-width) ",r&&"mds:block",d),ref:p,onPointerDownOutside:e=>{if(s.current?.contains(e.target)){e.preventDefault();return}n&&n(e)},onInteractOutside:e=>{s.current?.contains(e.target)||f(!1)},onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),o&&o(e)},...u,children:l})})});c.displayName="SelectPortal";exports.SelectPortal=c;

package/dist/mainstack-design-system479.js

@@ -2,7 +2,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { b as f, c as l } from "./index-RoCFhqzC.js";
 import { forwardRef as u } from "react";
-import { c as g } from "./utils-D4bN6vBC.js";
+import { c as g } from "./utils-DLi4dp19.js";
 import { useSelectContext as P } from "./mainstack-design-system606.js";
 const O = u(
   ({

package/dist/mainstack-design-system480.cjs

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

package/dist/mainstack-design-system480.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as e, jsxs as t, Fragment as h } from "react/jsx-runtime";
 import { forwardRef as v, useMemo as x } from "react";
-import { c as r } from "./utils-D4bN6vBC.js";
+import { c as r } from "./utils-DLi4dp19.js";
 import { useSelectContext as S } from "./mainstack-design-system606.js";
 import { S as g, a as N, b as w, c as y, d as C } from "./index-CLUgda6x.js";
 import { SelectOptionItem as O } from "./mainstack-design-system481.js";

package/dist/mainstack-design-system481.cjs

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

package/dist/mainstack-design-system481.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as A } from "react/jsx-runtime";
 import { forwardRef as R, useMemo as V } from "react";
-import { c as j } from "./utils-D4bN6vBC.js";
+import { c as j } from "./utils-DLi4dp19.js";
 import { useSelectContext as q } from "./mainstack-design-system606.js";
 const E = R(
   ({

package/dist/mainstack-design-system482.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-BJ1u234q.cjs"),h=require("./mainstack-design-system431.cjs");require("./mainstack-design-system432.cjs");const p=require("./mainstack-design-system621.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system434.cjs");const b=require("./mainstack-design-system606.cjs"),k=require("./mainstack-design-system481.cjs"),n=r.forwardRef(({value:t,className:l,isDisabled:s,children:m,...a},d)=>{const{selectedOption:e,isMultiSelect:c}=b.useSelectContext(),u=r.useMemo(()=>c&&Array.isArray(e)?e?.some(x=>t===x):!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:d,...a,children:[o.jsx(h.CheckboxRoot,{size:"extra-small",children:o.jsx(p.CheckboxIndicator,{className:"mds:scale-100",checked:u,disabled:s})}),o.jsx("p",{className:i.cn("mds: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-DgHSufYV.cjs"),h=require("./mainstack-design-system431.cjs");require("./mainstack-design-system432.cjs");const p=require("./mainstack-design-system621.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system434.cjs");const b=require("./mainstack-design-system606.cjs"),k=require("./mainstack-design-system481.cjs"),n=r.forwardRef(({value:t,className:l,isDisabled:s,children:m,...a},d)=>{const{selectedOption:e,isMultiSelect:c}=b.useSelectContext(),u=r.useMemo(()=>c&&Array.isArray(e)?e?.some(x=>t===x):!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:d,...a,children:[o.jsx(h.CheckboxRoot,{size:"extra-small",children:o.jsx(p.CheckboxIndicator,{className:"mds:scale-100",checked:u,disabled:s})}),o.jsx("p",{className:i.cn("mds:body-extrasmall-medium"),children:m})]})});n.displayName="SelectOptionItemWithCheckbox";exports.SelectOptionItemWithCheckbox=n;

package/dist/mainstack-design-system482.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-D4bN6vBC.js";
+import { c as s } from "./utils-DLi4dp19.js";
 import { CheckboxRoot as h } from "./mainstack-design-system431.js";
 import "./mainstack-design-system432.js";
 import { CheckboxIndicator as b } from "./mainstack-design-system621.js";

package/dist/mainstack-design-system483.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react");require("./mainstack-design-system366.cjs");const h=require("./mainstack-design-system93.cjs");require("./player-C6X6nrWe.cjs");const _=require("./utils-BJ1u234q.cjs"),y=require("./mainstack-design-system606.cjs"),S=require("./index-BV7A-WgT.cjs"),q=require("./mainstack-design-system437.cjs"),v=require("./mainstack-design-system438.cjs"),f=require("./mainstack-design-system436.cjs"),g=require("./mainstack-design-system435.cjs");require("./mainstack-design-system439.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("mds: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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react");require("./mainstack-design-system366.cjs");const h=require("./mainstack-design-system93.cjs");require("./player-DeknzY43.cjs");const _=require("./utils-DgHSufYV.cjs"),y=require("./mainstack-design-system606.cjs"),S=require("./index-BV7A-WgT.cjs"),q=require("./mainstack-design-system437.cjs"),v=require("./mainstack-design-system438.cjs"),f=require("./mainstack-design-system436.cjs"),g=require("./mainstack-design-system435.cjs");require("./mainstack-design-system439.cjs");const m=({children:c,...d})=>{const{selectedOption:e,isMultiSelect:n,options:i,setSelectedOption:l,onOptionOpenChange:p}=y.useSelectContext(),u=a.useCallback(t=>{if(!n||!Array.isArray(e))return e;let s=e;Array.isArray(e)&&(s=e.filter(o=>o!==t?.value)),l(s),p(!0)},[n,p,e,l]),C=a.useMemo(()=>!n||!Array.isArray(e)?[]:i.array.filter(t=>e.includes(t.value)),[n,i.array,e]);return!n||!Array.isArray(e)?null:c?c({selectedOptions:C,onCancelSelectedOption:u}):r.jsx(r.Fragment,{children:e.map(t=>a.createElement(g.ChipRoot,{...d,key:t,"data-slot":"select-option-input-preview",size:"tiny",className:"mds:w-fit",onClick:s=>{s?.stopPropagation();const o=i.map.get(t);o&&u(o)}},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("mds: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"})})))})};m.displayName="SelectOptionInputPreview";exports.SelectOptionInputPreview=m;

package/dist/mainstack-design-system483.js

@@ -2,53 +2,54 @@
 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-system366.js";
-import h from "./mainstack-design-system93.js";
-import "./player-CgAfbAf_.js";
-import { c as v } from "./utils-D4bN6vBC.js";
-import { useSelectContext as C } from "./mainstack-design-system606.js";
-import { A as g } from "./index-CY9H_w64.js";
+import g from "./mainstack-design-system93.js";
+import "./player-DeeuVfPr.js";
+import { c as h } from "./utils-DLi4dp19.js";
+import { useSelectContext as v } from "./mainstack-design-system606.js";
+import { A as C } from "./index-CY9H_w64.js";
 import { ChipSlot as w } from "./mainstack-design-system437.js";
 import { ChipAvatar as S } from "./mainstack-design-system438.js";
 import { ChipLabel as O } from "./mainstack-design-system436.js";
 import { ChipRoot as b } from "./mainstack-design-system435.js";
 import "./mainstack-design-system439.js";
 const N = ({
-  children: s,
-  ...p
+  children: m,
+  ...c
 }) => {
   const {
     selectedOption: e,
     isMultiSelect: a,
     options: t,
-    setSelectedOption: m,
-    onOptionOpenChange: n
-  } = C(), l = u(
+    setSelectedOption: n,
+    onOptionOpenChange: l
+  } = v(), p = 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);
+        (s) => s !== r?.value
+      )), n(o), l(!0);
     },
-    [a, n, e, m]
-  ), c = y(() => !a || !Array.isArray(e) ? [] : t.array.filter(
+    [a, l, e, n]
+  ), d = 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
+  return !a || !Array.isArray(e) ? null : m ? m({
+    selectedOptions: d,
+    onCancelSelectedOption: p
   }) : /* @__PURE__ */ i(f, { children: e.map((r) => /* @__PURE__ */ A(
     b,
     {
-      ...p,
+      ...c,
       key: r,
       "data-slot": "select-option-input-preview",
       size: "tiny",
       className: "mds:w-fit",
-      onClick: () => {
-        const o = t.map.get(r);
-        o && l(o);
+      onClick: (o) => {
+        o?.stopPropagation();
+        const s = t.map.get(r);
+        s && p(s);
       }
     },
     t.map.get(r)?.imgSrc && /* @__PURE__ */ i(
@@ -57,7 +58,7 @@ const N = ({
         size: 24,
         className: "mds:min-w-24 mds:size-24 mds:min-h-24 mds:*:size-24",
         children: /* @__PURE__ */ i(
-          g,
+          C,
           {
             alt: "avatar",
             src: t.map.get(r)?.imgSrc || ""
@@ -68,14 +69,14 @@ const N = ({
     /* @__PURE__ */ i(
       O,
       {
-        className: v(
+        className: h(
           "mds:body-extrasmall-medium",
           "mds:w-50 mds:truncate mds:block"
         ),
         children: t.map.get(r)?.label
       }
     ),
-    /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i(h, { className: "mds:h-20 mds:w-20", variant: "filled" }) })
+    /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i(g, { className: "mds:h-20 mds:w-20", variant: "filled" }) })
   )) });
 };
 N.displayName = "SelectOptionInputPreview";

package/dist/mainstack-design-system485.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-BJ1u234q.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-DgHSufYV.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-system485.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-D4bN6vBC.js";
+import { c as a } from "./utils-DLi4dp19.js";
 const e = ({ className: t, ...o }) => /* @__PURE__ */ n(
   s,
   {

package/dist/mainstack-design-system486.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),u=require("./index-DCgbL-w8.cjs"),T=require("./utils-BJ1u234q.cjs"),p=require("./mainstack-design-system609.cjs"),q=require("./mainstack-design-system608.cjs"),L=require("./mainstack-design-system487.cjs"),v=e=>{if(!d.isValidElement(e))return null;const s=e;return{value:s.props.value,children:s.props.children}},m=({className:e,children:s,...i})=>{const{variant:n,activeValue:c,onValueChange:f,maxVisibleTabs:r}=q.useTabsContext(),a=d.Children.toArray(s);if(a.length<=r)return o.jsx(u.List,{className:T.cn(p.tabsListVariants({variant:n}),e),...i,children:s});const x=a.slice(0,r),l=a.slice(r),w=l.map(v).filter(t=>t!==null),b=l.find(t=>v(t)?.value===c);return o.jsxs(u.List,{className:T.cn(p.tabsListVariants({variant:n}),e),...i,children:[x,b,o.jsx(L.TabsOverflowDropdown,{tabs:w,activeValue:c,variant:n,onSelect:t=>f?.(t),hasActiveTabInDropdown:!!b})]})};m.displayName="TabsList";exports.TabsList=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),u=require("./index-DCgbL-w8.cjs"),T=require("./utils-DgHSufYV.cjs"),p=require("./mainstack-design-system609.cjs"),q=require("./mainstack-design-system608.cjs"),L=require("./mainstack-design-system487.cjs"),v=e=>{if(!d.isValidElement(e))return null;const s=e;return{value:s.props.value,children:s.props.children}},m=({className:e,children:s,...i})=>{const{variant:n,activeValue:c,onValueChange:f,maxVisibleTabs:r}=q.useTabsContext(),a=d.Children.toArray(s);if(a.length<=r)return o.jsx(u.List,{className:T.cn(p.tabsListVariants({variant:n}),e),...i,children:s});const x=a.slice(0,r),l=a.slice(r),w=l.map(v).filter(t=>t!==null),b=l.find(t=>v(t)?.value===c);return o.jsxs(u.List,{className:T.cn(p.tabsListVariants({variant:n}),e),...i,children:[x,b,o.jsx(L.TabsOverflowDropdown,{tabs:w,activeValue:c,variant:n,onSelect:t=>f?.(t),hasActiveTabInDropdown:!!b})]})};m.displayName="TabsList";exports.TabsList=m;

package/dist/mainstack-design-system486.js

@@ -1,7 +1,7 @@
 import { jsx as m, jsxs as w } from "react/jsx-runtime";
 import v from "react";
 import { L as p } from "./index-D8zjPZm-.js";
-import { c as f } from "./utils-D4bN6vBC.js";
+import { c as f } from "./utils-DLi4dp19.js";
 import { tabsListVariants as b } from "./mainstack-design-system609.js";
 import { useTabsContext as x } from "./mainstack-design-system608.js";
 import { TabsOverflowDropdown as L } from "./mainstack-design-system487.js";

package/dist/mainstack-design-system487.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-B43IDo7j.cjs"),n=require("./utils-BJ1u234q.cjs");require("./mainstack-design-system366.cjs");const i=require("./mainstack-design-system196.cjs");require("react");require("./player-C6X6nrWe.cjs");const l=({tabs:d,activeValue:o,onSelect:t,hasActiveTabInDropdown:m})=>e.jsxs(s.DropdownMenu,{children:[e.jsx(s.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("div",{className:n.cn("mds:flex mds:cursor-pointer mds:items-center mds:gap-4 mds:p-9 mds:text-secondary mds:body-extrasmall-book"),"data-state":m?"active":"inactive",children:[e.jsx("p",{children:"More"}),e.jsx(i,{className:n.cn("mds:size-16 mds:transition-transform mds:duration-200","group-data-[state=open]:rotate-180")})]})}),e.jsx(s.DropdownMenuPortal,{children:e.jsx(s.DropdownMenuContent,{align:"end",sideOffset:5,className:"mds:z-100 mds:min-w-188 mds:flex mds:flex-col mds:gap-8 mds:bg-surface-neutral-l1 mds:shadow-200 mds:p-8 mds:rounded-12",children:d.map(r=>{const a=r.value===o;return e.jsx(s.DropdownMenuItem,{onSelect:()=>t(r.value),className:n.cn("mds:relative mds:flex mds:cursor-pointer mds:select-none mds:items-center mds:rounded-8 mds:p-8 mds:body-extrasmall-medium mds:outline-none mds:transition-colors mds:hover:bg-surface-neutral-l4 mds:focus:bg-surface-neutral-l4",a&&"mds:bg-surface-neutral-l4 mds:text-primary"),children:r.children},r.value)})})})]});exports.TabsOverflowDropdown=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-B43IDo7j.cjs"),n=require("./utils-DgHSufYV.cjs");require("./mainstack-design-system366.cjs");const i=require("./mainstack-design-system196.cjs");require("react");require("./player-DeknzY43.cjs");const l=({tabs:d,activeValue:o,onSelect:t,hasActiveTabInDropdown:m})=>e.jsxs(s.DropdownMenu,{children:[e.jsx(s.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("div",{className:n.cn("mds:flex mds:cursor-pointer mds:items-center mds:gap-4 mds:p-9 mds:text-secondary mds:body-extrasmall-book"),"data-state":m?"active":"inactive",children:[e.jsx("p",{children:"More"}),e.jsx(i,{className:n.cn("mds:size-16 mds:transition-transform mds:duration-200","group-data-[state=open]:rotate-180")})]})}),e.jsx(s.DropdownMenuPortal,{children:e.jsx(s.DropdownMenuContent,{align:"end",sideOffset:5,className:"mds:z-100 mds:min-w-188 mds:flex mds:flex-col mds:gap-8 mds:bg-surface-neutral-l1 mds:shadow-200 mds:p-8 mds:rounded-12",children:d.map(r=>{const a=r.value===o;return e.jsx(s.DropdownMenuItem,{onSelect:()=>t(r.value),className:n.cn("mds:relative mds:flex mds:cursor-pointer mds:select-none mds:items-center mds:rounded-8 mds:p-8 mds:body-extrasmall-medium mds:outline-none mds:transition-colors mds:hover:bg-surface-neutral-l4 mds:focus:bg-surface-neutral-l4",a&&"mds:bg-surface-neutral-l4 mds:text-primary"),children:r.children},r.value)})})})]});exports.TabsOverflowDropdown=l;

package/dist/mainstack-design-system487.js

@@ -1,10 +1,10 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { D as l, a as i, b as c, c as u, d as p } from "./index-BgRpW4T4.js";
-import { c as r } from "./utils-D4bN6vBC.js";
+import { c as r } from "./utils-DLi4dp19.js";
 import "./mainstack-design-system366.js";
 import f from "./mainstack-design-system196.js";
 import "react";
-import "./player-CgAfbAf_.js";
+import "./player-DeeuVfPr.js";
 const M = ({
   tabs: o,
   activeValue: m,

package/dist/mainstack-design-system488.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-BJ1u234q.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-DgHSufYV.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-system488.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-D4bN6vBC.js";
+import { c } from "./utils-DLi4dp19.js";
 const i = e.forwardRef(
   ({ className: o, asChild: s = !1, children: m, ...t }, a) => /* @__PURE__ */ r(
     s ? n : "span",

package/dist/mainstack-design-system489.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-BJ1u234q.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-DgHSufYV.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-system489.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-D4bN6vBC.js";
+import { c as i } from "./utils-DLi4dp19.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-system490.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),z=require("react"),T=require("./utils-BJ1u234q.cjs"),h=require("./mainstack-design-system492.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-DgHSufYV.cjs"),h=require("./mainstack-design-system492.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-system490.js

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
 import * as a from "react";
-import { c as h } from "./utils-D4bN6vBC.js";
+import { c as h } from "./utils-DLi4dp19.js";
 import { tagVariants as z } from "./mainstack-design-system492.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-system493.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-system494.cjs"),m=require("./mainstack-design-system495.cjs"),u=require("./mainstack-design-system441.cjs"),l=require("./utils-BJ1u234q.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-system494.cjs"),m=require("./mainstack-design-system495.cjs"),u=require("./mainstack-design-system441.cjs"),l=require("./utils-DgHSufYV.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-system493.js

@@ -3,7 +3,7 @@ import { forwardRef as i } from "react";
 import { TextareaField as d } from "./mainstack-design-system494.js";
 import { TextareaRoot as p } from "./mainstack-design-system495.js";
 import { FormCharacterCounter as c } from "./mainstack-design-system441.js";
-import { c as f } from "./utils-D4bN6vBC.js";
+import { c as f } from "./utils-DLi4dp19.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-system494.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),i=require("./utils-BJ1u234q.cjs"),e=o.forwardRef(({className:r,isError:a,isSuccess:t,...s},d)=>l.jsx("textarea",{ref:d,"data-slot":"textarea-field","data-error":a,"data-success":t,className:i.cn("mds:body-extrasmall-regular","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",r),...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-DgHSufYV.cjs"),e=o.forwardRef(({className:r,isError:a,isSuccess:t,...s},d)=>l.jsx("textarea",{ref:d,"data-slot":"textarea-field","data-error":a,"data-success":t,className:i.cn("mds:body-extrasmall-regular","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",r),...s}));e.displayName="TextareaField";exports.TextareaField=e;

package/dist/mainstack-design-system494.js

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

package/dist/mainstack-design-system495.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),d=require("./utils-BJ1u234q.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-DgHSufYV.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-system495.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-D4bN6vBC.js";
+import { c as d } from "./utils-DLi4dp19.js";
 const s = e(
   ({ className: t, ...a }, o) => /* @__PURE__ */ r(
     "div",

package/dist/mainstack-design-system496.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("react");require("./mainstack-design-system366.cjs");const c=require("./mainstack-design-system167.cjs");require("./player-C6X6nrWe.cjs");require("./mainstack-design-system398.cjs");const i=require("./index-C8UjfEBt.cjs"),l=require("./mainstack-design-system506.cjs"),n=u.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(c,{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"),u=require("react");require("./mainstack-design-system366.cjs");const c=require("./mainstack-design-system167.cjs");require("./player-DeknzY43.cjs");require("./mainstack-design-system398.cjs");const i=require("./index-Dmom09JQ.cjs"),l=require("./mainstack-design-system506.cjs"),n=u.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(c,{className:"mds:size-16"})})});n.displayName="BoldMenu";exports.BoldMenu=n;

package/dist/mainstack-design-system496.js

@@ -3,9 +3,9 @@ import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import "./mainstack-design-system366.js";
 import l from "./mainstack-design-system167.js";
-import "./player-CgAfbAf_.js";
+import "./player-DeeuVfPr.js";
 import "./mainstack-design-system398.js";
-import { u as n, a } from "./index-p3LD5-Co.js";
+import { u as n, a } from "./index-m-d8FK0t.js";
 import { TextEditorMenuAction as m } from "./mainstack-design-system506.js";
 const c = s(
   ({ ...i }, d) => {

package/dist/mainstack-design-system497.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-system366.cjs");const u=require("./mainstack-design-system110.cjs");require("./player-C6X6nrWe.cjs");require("./mainstack-design-system398.cjs");const i=require("./index-C8UjfEBt.cjs"),a=require("./mainstack-design-system506.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-system366.cjs");const u=require("./mainstack-design-system110.cjs");require("./player-DeknzY43.cjs");require("./mainstack-design-system398.cjs");const i=require("./index-Dmom09JQ.cjs"),a=require("./mainstack-design-system506.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-system497.js

@@ -3,9 +3,9 @@ import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import "./mainstack-design-system366.js";
 import n from "./mainstack-design-system110.js";
-import "./player-CgAfbAf_.js";
+import "./player-DeeuVfPr.js";
 import "./mainstack-design-system398.js";
-import { u as a, a as c } from "./index-p3LD5-Co.js";
+import { u as a, a as c } from "./index-m-d8FK0t.js";
 import { TextEditorMenuAction as m } from "./mainstack-design-system506.js";
 const u = s(
   ({ ...i }, d) => {

package/dist/mainstack-design-system498.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("react"),o=require("./index-C8UjfEBt.cjs"),i=require("./utils-BJ1u234q.cjs"),l=require("./mainstack-design-system506.cjs"),s=u.forwardRef(({...d},n)=>{const{editor:t}=o.useCurrentEditor(),c=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:n,...d,children:r.jsx("div",{className:i.cn(" mds:p-0 mds:overflow-hidden mds:hover:bg-border-interactive-primary 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:c?.color,className:i.cn("mds:size-[200%] mds:cursor-pointer mds:border-0 mds:p-0 mds:-translate-[25%]")})})})});s.displayName="ColorPickerMenu";exports.ColorPickerMenu=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("react"),o=require("./index-Dmom09JQ.cjs"),i=require("./utils-DgHSufYV.cjs"),l=require("./mainstack-design-system506.cjs"),s=u.forwardRef(({...d},n)=>{const{editor:t}=o.useCurrentEditor(),c=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:n,...d,children:r.jsx("div",{className:i.cn(" mds:p-0 mds:overflow-hidden mds:hover:bg-border-interactive-primary 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:c?.color,className:i.cn("mds:size-[200%] mds:cursor-pointer mds:border-0 mds:p-0 mds:-translate-[25%]")})})})});s.displayName="ColorPickerMenu";exports.ColorPickerMenu=s;

package/dist/mainstack-design-system498.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-p3LD5-Co.js";
-import { c as t } from "./utils-D4bN6vBC.js";
+import { u as m, a } from "./index-m-d8FK0t.js";
+import { c as t } from "./utils-DLi4dp19.js";
 import { TextEditorMenuAction as l } from "./mainstack-design-system506.js";
 const c = n(
   ({ ...s }, d) => {

package/dist/mainstack-design-system499.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),s=require("./utils-BJ1u234q.cjs");require("./mainstack-design-system366.cjs");const a=require("./mainstack-design-system305.cjs");require("./player-C6X6nrWe.cjs");const l=require("./mainstack-design-system610.cjs"),c=require("./mainstack-design-system397.cjs"),t=m.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("mds:body-tiny-medium"," mds:whitespace-nowrap"),children:"Generate with AI"}),r?e.jsx(c.Spinner,{}):e.jsx(a,{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"),m=require("react"),s=require("./utils-DgHSufYV.cjs");require("./mainstack-design-system366.cjs");const a=require("./mainstack-design-system305.cjs");require("./player-DeknzY43.cjs");const l=require("./mainstack-design-system610.cjs"),c=require("./mainstack-design-system397.cjs"),t=m.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("mds:body-tiny-medium"," mds:whitespace-nowrap"),children:"Generate with AI"}),r?e.jsx(c.Spinner,{}):e.jsx(a,{className:"mds:size-16 mds:animate-pulse-wiggle "})]})});t.displayName="GenerateWithAiMenu";exports.GenerateWithAiMenu=t;

package/dist/mainstack-design-system499.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-D4bN6vBC.js";
+import { c as o } from "./utils-DLi4dp19.js";
 import "./mainstack-design-system366.js";
 import n from "./mainstack-design-system305.js";
-import "./player-CgAfbAf_.js";
+import "./player-DeeuVfPr.js";
 import { useTextEditorContext as l } from "./mainstack-design-system610.js";
 import { Spinner as p } from "./mainstack-design-system397.js";
 const b = a(