mainstack-design-system 1.19.5 → 1.19.7

package/dist/mainstack-design-system435.js

@@ -1,6 +1,6 @@
 import { jsxs as N } from "react/jsx-runtime";
 import * as t from "react";
-import { c as R } from "./utils-DH-0D-9U.js";
+import { c as R } from "./utils-D4bN6vBC.js";
 import { chipVariants as A } from "./mainstack-design-system440.js";
 import { u as V } from "./index-437EL2iq.js";
 const E = t.forwardRef, w = E(

package/dist/mainstack-design-system436.js

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

package/dist/mainstack-design-system437.js

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

package/dist/mainstack-design-system438.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import * as s from "react";
 import { S as i } from "./index-BtQfgaSF.js";
-import { c as f } from "./utils-DH-0D-9U.js";
+import { c as f } from "./utils-D4bN6vBC.js";
 import { AvatarRoot as c } from "./mainstack-design-system407.js";
 import "./mainstack-design-system408.js";
 import "./mainstack-design-system409.js";

package/dist/mainstack-design-system439.js

@@ -5,7 +5,7 @@ import { ChipLabel as s } from "./mainstack-design-system436.js";
 import { ChipSlot as f } from "./mainstack-design-system437.js";
 import "./mainstack-design-system366.js";
 import a from "./mainstack-design-system159.js";
-import "./player-DlPlWw5L.js";
+import "./player-CgAfbAf_.js";
 import "./mainstack-design-system398.js";
 const h = p.forwardRef(({ children: o, ...i }, m) => /* @__PURE__ */ t(e, { ref: m, ...i, children: [
   /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(a, { className: "mds:h-20 mds:w-20" }) }),

package/dist/mainstack-design-system441.js

@@ -1,6 +1,6 @@
 import { jsxs as o } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { c } from "./utils-DH-0D-9U.js";
+import { c } from "./utils-D4bN6vBC.js";
 const d = s(
   ({
     currentCharLength: r = 0,

package/dist/mainstack-design-system442.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { c as t } from "./utils-DH-0D-9U.js";
+import { c as t } from "./utils-D4bN6vBC.js";
 const a = s(
   ({ className: m, ...r }, o) => /* @__PURE__ */ e(
     "div",

package/dist/mainstack-design-system443.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { R as s } from "./index-C8-1UHbn.js";
 import { forwardRef as e } from "react";
-import { c as t } from "./utils-DH-0D-9U.js";
+import { c as t } from "./utils-D4bN6vBC.js";
 const f = e(
   ({ className: m, ...o }, r) => /* @__PURE__ */ a(
     s,

package/dist/mainstack-design-system444.js

@@ -3,7 +3,7 @@ import { forwardRef as s } from "react";
 import { FormStatusRoot as a } from "./mainstack-design-system447.js";
 import "./mainstack-design-system366.js";
 import p from "./mainstack-design-system150.js";
-import "./player-DlPlWw5L.js";
+import "./player-CgAfbAf_.js";
 import "./mainstack-design-system398.js";
 import { FormStatusText as f } from "./mainstack-design-system448.js";
 const c = s(

package/dist/mainstack-design-system445.js

@@ -3,7 +3,7 @@ import { forwardRef as i } from "react";
 import { FormStatusRoot as e } from "./mainstack-design-system447.js";
 import "./mainstack-design-system366.js";
 import n from "./mainstack-design-system191.js";
-import "./player-DlPlWw5L.js";
+import "./player-CgAfbAf_.js";
 import "./mainstack-design-system398.js";
 import { FormStatusText as p } from "./mainstack-design-system448.js";
 const d = i(

package/dist/mainstack-design-system446.js

@@ -3,7 +3,7 @@ import { forwardRef as i } from "react";
 import { FormStatusRoot as c } from "./mainstack-design-system447.js";
 import "./mainstack-design-system366.js";
 import a from "./mainstack-design-system103.js";
-import "./player-DlPlWw5L.js";
+import "./player-CgAfbAf_.js";
 import "./mainstack-design-system398.js";
 import { FormStatusText as p } from "./mainstack-design-system448.js";
 const u = i(

package/dist/mainstack-design-system447.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { c as a } from "./utils-DH-0D-9U.js";
+import { c as a } from "./utils-D4bN6vBC.js";
 const e = s(
   ({ className: o, ...m }, r) => /* @__PURE__ */ t(
     "div",

package/dist/mainstack-design-system448.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { c as s } from "./utils-DH-0D-9U.js";
+import { c as s } from "./utils-D4bN6vBC.js";
 const e = a(
   ({ className: r, ...t }, o) => /* @__PURE__ */ m(
     "p",

package/dist/mainstack-design-system450.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { c as m } from "./utils-DH-0D-9U.js";
+import { c as m } from "./utils-D4bN6vBC.js";
 const e = s(
   ({ className: d, ...o }, t) => /* @__PURE__ */ r(
     "div",

package/dist/mainstack-design-system451.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import { c as m } from "./utils-DH-0D-9U.js";
+import { c as m } from "./utils-D4bN6vBC.js";
 const n = l(
   ({
     className: e,

package/dist/mainstack-design-system456.js

@@ -3,7 +3,7 @@ import { jsx as y } from "react/jsx-runtime";
 import { forwardRef as f, useMemo as g } from "react";
 import { usePhoneNumberContext as L } from "./mainstack-design-system600.js";
 import { FormCountryOptionsList as h } from "./mainstack-design-system603.js";
-import { h as b, i as a, j as v, k as O } from "./utils-DH-0D-9U.js";
+import { h as b, i as a, j as v, k as O } from "./utils-D4bN6vBC.js";
 const N = f(
   ({ ...s }, u) => {
     const {

package/dist/mainstack-design-system458.js

@@ -2,7 +2,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { b as p, c as d } from "./index-RoCFhqzC.js";
 import { forwardRef as f } from "react";
-import { c as l } from "./utils-DH-0D-9U.js";
+import { c as l } from "./utils-D4bN6vBC.js";
 import { usePhoneNumberContext as c } from "./mainstack-design-system600.js";
 const P = f(
   ({

package/dist/mainstack-design-system461.js

@@ -4,7 +4,7 @@ import { forwardRef as p } from "react";
 import { InputRoot as f } from "./mainstack-design-system450.js";
 import { InputField as g } from "./mainstack-design-system451.js";
 import "./mainstack-design-system449.js";
-import { c as C, d as _, l as v, b as D } from "./utils-DH-0D-9U.js";
+import { c as C, d as _, l as v, b as D } from "./utils-D4bN6vBC.js";
 import { usePriceFieldContext as P } from "./mainstack-design-system605.js";
 import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as b } from "./mainstack-design-system398.js";
 const y = p(

package/dist/mainstack-design-system465.js

@@ -4,7 +4,7 @@ import { forwardRef as p, useMemo as f } from "react";
 import { usePriceFieldContext as y } from "./mainstack-design-system605.js";
 import { FormCountryOptionsList as O } from "./mainstack-design-system603.js";
 import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as L } from "./mainstack-design-system398.js";
-import { h as _, l as g } from "./utils-DH-0D-9U.js";
+import { h as _, l as g } from "./utils-D4bN6vBC.js";
 const v = p(
   ({ ...n }, c) => {
     const {

package/dist/mainstack-design-system467.js

@@ -2,7 +2,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { b as d, c as m } from "./index-RoCFhqzC.js";
 import { forwardRef as l } from "react";
-import { c } from "./utils-DH-0D-9U.js";
+import { c } from "./utils-D4bN6vBC.js";
 import { usePriceFieldContext as f } from "./mainstack-design-system605.js";
 const P = l(
   ({

package/dist/mainstack-design-system469.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
 import { R as i } from "./index-CUPSVQUe.js";
-import { c as e } from "./utils-DH-0D-9U.js";
+import { c as e } from "./utils-D4bN6vBC.js";
 const f = d(
   ({ size: o = "small", isError: r, className: a, ...m }, t) => /* @__PURE__ */ s(
     i,

package/dist/mainstack-design-system470.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { c as d } from "./utils-DH-0D-9U.js";
+import { c as d } from "./utils-D4bN6vBC.js";
 const e = a(
   ({ className: o, ...r }, m) => /* @__PURE__ */ s(
     "div",

package/dist/mainstack-design-system471.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
 import { L as t } from "./index-C8-1UHbn.js";
-import { c as s } from "./utils-DH-0D-9U.js";
+import { c as s } from "./utils-D4bN6vBC.js";
 const l = r(
   ({ className: a, ...m }, o) => /* @__PURE__ */ e(
     t,

package/dist/mainstack-design-system472.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import { I as i, a as m } from "./index-CUPSVQUe.js";
-import { c as t } from "./utils-DH-0D-9U.js";
+import { c as t } from "./utils-D4bN6vBC.js";
 const o = a(
   ({ className: e, ...d }, s) => /* @__PURE__ */ r(
     i,

package/dist/mainstack-design-system473.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
-import { c as d } from "./utils-DH-0D-9U.js";
+import { c as d } from "./utils-D4bN6vBC.js";
 const i = r, s = i(
   ({ as: t, className: e, ...m }, o) => /* @__PURE__ */ a(
     t || "p",

package/dist/mainstack-design-system474.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { c as m } from "./utils-DH-0D-9U.js";
+import { c as m } from "./utils-D4bN6vBC.js";
 const d = s, l = d(({ as: t, className: e, ...a }, o) => /* @__PURE__ */ r(
   t || "span",
   {

package/dist/mainstack-design-system478.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),j=require("./mainstack-design-system450.cjs"),O=require("./mainstack-design-system451.cjs");require("./mainstack-design-system449.cjs");require("./mainstack-design-system366.cjs");const v=require("./mainstack-design-system93.cjs"),N=require("./mainstack-design-system196.cjs");require("./player-C6X6nrWe.cjs");const o=require("./utils-BJ1u234q.cjs"),R=require("./mainstack-design-system606.cjs"),w=require("./index-4R9KShCu.cjs"),d=g.forwardRef(({onClick:i,children:u,className:p,onChange:r,...a},m)=>{const{isOptionOpen:s,inputValue:x,inputReadOnly:c,isDisabled:f,isError:I,isSuccess:h,selectedOption:l,isMultiSelect:n,setSelectedOption:q,setPreviousAction:_,setInputValue:b,onOptionOpenChange:y}=R.useSelectContext();return e.jsx(w.PopoverAnchor,{role:"combobox","aria-haspopup":"listbox","aria-expanded":s,"aria-controls":"select-portal","aria-owns":"select-portal",children:e.jsxs(j.InputRoot,{className:o.cn(n&&"mds:h-auto mds:py-10 ",p),children:[e.jsxs("div",{className:o.cn("mds:flex mds:flex-1 mds:h-auto mds:min-h-auto mds:items-center mds:flex-wrap mds:gap-6"),children:[u,e.jsx(O.InputField,{...a,readOnly:c,"data-slot":"select-input-field","data-select-options-opened":s,tabIndex:3,value:x,isError:I,isSuccess:h,disabled:f,className:o.cn(n&&"mds:h-auto mds:min-h-auto"),onChange:t=>{r&&r(t),_("typing"),b(t.currentTarget.value)},onClick:t=>{i&&i(t);const S=t.currentTarget;y(!s),c||S.focus()},ref:m,...a})]}),e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-6",children:[n&&Array.isArray(l)&&l.length>0&&e.jsx(v,{role:"button",variant:"filled",className:"mds:size-20 mds:cursor-pointer mds:text-secondary",onClick:()=>{q([])}}),e.jsx(N,{"data-select-options-opened":s,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"})]})]})})});d.displayName="SelectInputField";exports.SelectInputField=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("react"),g=require("./mainstack-design-system450.cjs"),j=require("./mainstack-design-system451.cjs");require("./mainstack-design-system449.cjs");require("./mainstack-design-system366.cjs");const O=require("./mainstack-design-system93.cjs"),v=require("./mainstack-design-system196.cjs");require("./player-C6X6nrWe.cjs");const o=require("./utils-BJ1u234q.cjs"),w=require("./mainstack-design-system606.cjs"),N=require("./index-4R9KShCu.cjs"),d=S.forwardRef(({onClick:r,children:u,className:p,onChange:i,...a},m)=>{const{isOptionOpen:s,inputValue:x,inputReadOnly:c,isDisabled:h,isError:I,isSuccess:f,selectedOption:l,isMultiSelect:n,setSelectedOption:q,setPreviousAction:b,setInputValue:y,onOptionOpenChange:_}=w.useSelectContext();return e.jsx(N.PopoverAnchor,{role:"combobox","aria-haspopup":"listbox","aria-expanded":s,"aria-controls":"select-portal","aria-owns":"select-portal",children:e.jsxs(g.InputRoot,{className:o.cn(n&&"mds:h-auto mds:py-10 ",p),children:[e.jsxs("div",{className:o.cn("mds:flex mds:flex-1 mds:h-auto mds:min-h-auto mds:items-center mds:flex-wrap mds:gap-6"),children:[u,e.jsx(j.InputField,{...a,readOnly:c,"data-slot":"select-input-field","data-select-options-opened":s,tabIndex:3,value:x,isError:I,isSuccess:f,disabled:h,className:o.cn(n&&"mds:h-auto mds:min-h-auto"),onChange:t=>{i&&i(t),b("typing"),y(t.currentTarget.value)},onClick:t=>{r&&r(t),_(!s),!c&&!window.matchMedia("(pointer: coarse)").matches&&t.currentTarget.focus()},ref:m,...a})]}),e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-6",children:[n&&Array.isArray(l)&&l.length>0&&e.jsx(O,{role:"button",variant:"filled",className:"mds:size-20 mds:cursor-pointer mds:text-secondary",onClick:()=>{q([])}}),e.jsx(v,{"data-select-options-opened":s,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"})]})]})})});d.displayName="SelectInputField";exports.SelectInputField=d;

package/dist/mainstack-design-system478.js

@@ -1,22 +1,22 @@
 'use client';
 import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as N } from "react";
-import { InputRoot as S } from "./mainstack-design-system450.js";
-import { InputField as w } from "./mainstack-design-system451.js";
+import { forwardRef as v } from "react";
+import { InputRoot as w } from "./mainstack-design-system450.js";
+import { InputField as N } from "./mainstack-design-system451.js";
 import "./mainstack-design-system449.js";
 import "./mainstack-design-system366.js";
-import A from "./mainstack-design-system93.js";
-import C from "./mainstack-design-system196.js";
-import "./player-DlPlWw5L.js";
-import { c as i } from "./utils-DH-0D-9U.js";
-import { useSelectContext as F } from "./mainstack-design-system606.js";
-import { d as R } from "./index-RoCFhqzC.js";
-const j = N(
-  ({ onClick: a, children: p, className: c, onChange: n, ...d }, u) => {
+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 { 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 {
       isOptionOpen: t,
       inputValue: f,
-      inputReadOnly: m,
+      inputReadOnly: d,
       isDisabled: h,
       isError: x,
       isSuccess: y,
@@ -26,9 +26,9 @@ const j = N(
       setPreviousAction: I,
       setInputValue: O,
       onOptionOpenChange: g
-    } = F();
+    } = C();
     return /* @__PURE__ */ o(
-      R,
+      F,
       {
         role: "combobox",
         "aria-haspopup": "listbox",
@@ -36,23 +36,23 @@ const j = N(
         "aria-controls": "select-portal",
         "aria-owns": "select-portal",
         children: /* @__PURE__ */ r(
-          S,
+          w,
           {
-            className: i(s && "mds:h-auto mds:py-10 ", c),
+            className: a(s && "mds:h-auto mds:py-10 ", p),
             children: [
               /* @__PURE__ */ r(
                 "div",
                 {
-                  className: i(
+                  className: a(
                     "mds:flex mds:flex-1 mds:h-auto mds:min-h-auto mds:items-center mds:flex-wrap mds:gap-6"
                   ),
                   children: [
-                    p,
+                    c,
                     /* @__PURE__ */ o(
-                      w,
+                      N,
                       {
-                        ...d,
-                        readOnly: m,
+                        ...m,
+                        readOnly: d,
                         "data-slot": "select-input-field",
                         "data-select-options-opened": t,
                         tabIndex: 3,
@@ -60,17 +60,15 @@ const j = N(
                         isError: x,
                         isSuccess: y,
                         disabled: h,
-                        className: i(s && "mds:h-auto mds:min-h-auto"),
+                        className: a(s && "mds:h-auto mds:min-h-auto"),
                         onChange: (e) => {
                           n && n(e), I("typing"), O(e.currentTarget.value);
                         },
                         onClick: (e) => {
-                          a && a(e);
-                          const v = e.currentTarget;
-                          g(!t), m || v.focus();
+                          i && i(e), g(!t), !d && !window.matchMedia("(pointer: coarse)").matches && e.currentTarget.focus();
                         },
                         ref: u,
-                        ...d
+                        ...m
                       }
                     )
                   ]
@@ -78,7 +76,7 @@ const j = N(
               ),
               /* @__PURE__ */ r("div", { className: "mds:flex mds:items-center mds:gap-6", children: [
                 s && Array.isArray(l) && l.length > 0 && /* @__PURE__ */ o(
-                  A,
+                  S,
                   {
                     role: "button",
                     variant: "filled",
@@ -89,7 +87,7 @@ const j = N(
                   }
                 ),
                 /* @__PURE__ */ o(
-                  C,
+                  A,
                   {
                     "data-select-options-opened": t,
                     className: "mds:size-16 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"
@@ -103,7 +101,7 @@ const j = N(
     );
   }
 );
-j.displayName = "SelectInputField";
+R.displayName = "SelectInputField";
 export {
-  j as SelectInputField
+  R as SelectInputField
 };

package/dist/mainstack-design-system479.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("./index-4R9KShCu.cjs"),u=require("react"),m=require("./utils-BJ1u234q.cjs"),f=require("./mainstack-design-system606.cjs"),a=u.forwardRef(({children:i,onWheel:t,onTouchMove:o,className:c,...l},d)=>{const{isOptionOpen:n,onOptionOpenChange:p}=f.useSelectContext();return s.jsx(r.PopoverPortal,{forceMount:!0,children:s.jsx(r.PopoverContent,{"data-slot":"select-portal",role:"listbox",sideOffset:6,"data-select-options-opened":n,className:m.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) ",n&&"mds:block",c),ref:d,onInteractOutside:()=>{p(!1)},onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),o&&o(e)},...l,children:i})})});a.displayName="SelectPortal";exports.SelectPortal=a;
+"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;

package/dist/mainstack-design-system479.js

@@ -1,41 +1,55 @@
 'use client';
-import { jsx as r } from "react/jsx-runtime";
-import { b as m, c as l } from "./index-RoCFhqzC.js";
-import { forwardRef as c } from "react";
-import { c as f } from "./utils-DH-0D-9U.js";
+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 { useSelectContext as P } from "./mainstack-design-system606.js";
-const g = c(
-  ({ children: n, onWheel: o, onTouchMove: e, className: s, ...i }, p) => {
-    const { isOptionOpen: a, onOptionOpenChange: d } = P();
-    return /* @__PURE__ */ r(m, { forceMount: !0, children: /* @__PURE__ */ r(
+const O = u(
+  ({
+    children: i,
+    onWheel: e,
+    onTouchMove: o,
+    onPointerDownOutside: r,
+    className: p,
+    ...m
+  }, c) => {
+    const { isOptionOpen: n, onOptionOpenChange: d, rootElementRef: a } = P();
+    return /* @__PURE__ */ s(f, { forceMount: !0, children: /* @__PURE__ */ s(
       l,
       {
         "data-slot": "select-portal",
         role: "listbox",
         sideOffset: 6,
-        "data-select-options-opened": a,
-        className: f(
+        "data-select-options-opened": n,
+        className: g(
           " 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) ",
-          a && "mds:block",
-          s
+          n && "mds:block",
+          p
         ),
-        ref: p,
-        onInteractOutside: () => {
-          d(!1);
+        ref: c,
+        onPointerDownOutside: (t) => {
+          if (a.current?.contains(t.target)) {
+            t.preventDefault();
+            return;
+          }
+          r && r(t);
+        },
+        onInteractOutside: (t) => {
+          a.current?.contains(t.target) || d(!1);
         },
         onWheel: (t) => {
-          t.stopPropagation(), o && o(t);
+          t.stopPropagation(), e && e(t);
         },
         onTouchMove: (t) => {
-          t.stopPropagation(), e && e(t);
+          t.stopPropagation(), o && o(t);
         },
-        ...i,
-        children: n
+        ...m,
+        children: i
       }
     ) });
   }
 );
-g.displayName = "SelectPortal";
+O.displayName = "SelectPortal";
 export {
-  g as SelectPortal
+  O as SelectPortal
 };

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-DH-0D-9U.js";
+import { c as r } from "./utils-D4bN6vBC.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.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-DH-0D-9U.js";
+import { c as j } from "./utils-D4bN6vBC.js";
 import { useSelectContext as q } from "./mainstack-design-system606.js";
 const E = R(
   ({

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-DH-0D-9U.js";
+import { c as s } from "./utils-D4bN6vBC.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.js

@@ -3,8 +3,8 @@ 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-DlPlWw5L.js";
-import { c as v } from "./utils-DH-0D-9U.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 { ChipSlot as w } from "./mainstack-design-system437.js";

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-DH-0D-9U.js";
+import { c as a } from "./utils-D4bN6vBC.js";
 const e = ({ className: t, ...o }) => /* @__PURE__ */ n(
   s,
   {

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-DH-0D-9U.js";
+import { c as f } from "./utils-D4bN6vBC.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.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-DH-0D-9U.js";
+import { c as r } from "./utils-D4bN6vBC.js";
 import "./mainstack-design-system366.js";
 import f from "./mainstack-design-system196.js";
 import "react";
-import "./player-DlPlWw5L.js";
+import "./player-CgAfbAf_.js";
 const M = ({
   tabs: o,
   activeValue: m,

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-DH-0D-9U.js";
+import { c } from "./utils-D4bN6vBC.js";
 const i = e.forwardRef(
   ({ className: o, asChild: s = !1, children: m, ...t }, a) => /* @__PURE__ */ r(
     s ? n : "span",

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-DH-0D-9U.js";
+import { c as i } from "./utils-D4bN6vBC.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.js

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
 import * as a from "react";
-import { c as h } from "./utils-DH-0D-9U.js";
+import { c as h } from "./utils-D4bN6vBC.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.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-DH-0D-9U.js";
+import { c as f } from "./utils-D4bN6vBC.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.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-DH-0D-9U.js";
+import { c as l } from "./utils-D4bN6vBC.js";
 const o = t(
   ({ className: e, isError: r, isSuccess: a, ...d }, s) => /* @__PURE__ */ m(
     "textarea",

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-DH-0D-9U.js";
+import { c as d } from "./utils-D4bN6vBC.js";
 const s = e(
   ({ className: t, ...a }, o) => /* @__PURE__ */ r(
     "div",