mainstack-design-system 1.14.0 → 1.14.1

package/dist/mainstack-design-system467.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),m=require("./index-C8aODXfJ.cjs"),E=require("./index-4R9KShCu.cjs"),o=require("react"),I=require("./mainstack-design-system597.cjs"),y=require("./mainstack-design-system598.cjs"),b=o.forwardRef(({isDisabled:x,isError:C,isMultiSelect:c=!1,isSuccess:d,children:h,value:i,defaultValue:n,inputReadOnly:j,isCreatableSelect:q,options:l=[],isOptionOpen:P,onOptionOpenChange:v,onValueChange:u,onOptionSelect:R},t)=>{const a=o.useRef(null),[s,A]=o.useState(y.parseSelectOptions(l)),[r,_]=m.useControllableState({prop:i,defaultProp:y.mapDefaultValuesToSelectedOption({isMultiSelect:c,defaultValue:n,options:l}),onChange:u}),[T,S]=o.useState(()=>typeof i=="string"?s.map.get(i)?.label||"":typeof n=="string"&&s.map.get(n)?.label||""),[O,f]=m.useControllableState({prop:P,defaultProp:!1,onChange:v}),[D,g]=o.useState("idle");return p.jsx(I.SelectContext.Provider,{value:{defaultValue:n,options:s,selectedOption:r,isOptionOpen:O,isDisabled:x,isError:C,isMultiSelect:c,isSuccess:d,inputValue:T,inputReadOnly:j,previousAction:D,isCreatableSelect:q,rootElementRef:a,setOptions:A,setPreviousAction:g,setInputValue:S,setSelectedOption:_,onOptionOpenChange:f,onValueChange:u,onOptionSelect:R},children:p.jsx(E.Popover,{open:O,onOpenChange:e=>{f(e),r&&!Array.isArray(r)&&!e&&(S(s.map.get(r)?.label||""),g("selection"))},children:p.jsx("div",{ref:e=>{a.current=e,typeof t=="function"?t(e):typeof t=="object"&&t?.current&&(t.current=e)},"data-slot":"select-root",children:h})})})});b.displayName="SelectRoot";exports.SelectRoot=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),y=require("./index-C8aODXfJ.cjs"),D=require("./index-4R9KShCu.cjs"),o=require("react"),I=require("./mainstack-design-system597.cjs"),m=require("./mainstack-design-system598.cjs"),b=o.forwardRef(({isDisabled:x,isError:C,isMultiSelect:r=!1,isSuccess:d,children:h,value:e,defaultValue:s,inputReadOnly:j,isCreatableSelect:q,options:u=[],isOptionOpen:A,onOptionOpenChange:P,onValueChange:a,onOptionSelect:R},n)=>{const f=o.useRef(null),[i,_]=o.useState(m.parseSelectOptions(u)),[p,v]=y.useControllableState({prop:e,defaultProp:m.mapDefaultValuesToSelectedOption({isMultiSelect:r,defaultValue:s,options:u}),onChange:a}),[E,c]=o.useState(()=>typeof e=="string"?i.map.get(e)?.label||"":typeof s=="string"&&i.map.get(s)?.label||""),[O,S]=y.useControllableState({prop:A,defaultProp:!1,onChange:P}),[T,g]=o.useState("idle");return o.useEffect(()=>{r||Array.isArray(e)||c(e||"")},[r,e]),l.jsx(I.SelectContext.Provider,{value:{defaultValue:s,options:i,selectedOption:p,isOptionOpen:O,isDisabled:x,isError:C,isMultiSelect:r,isSuccess:d,inputValue:E,inputReadOnly:j,previousAction:T,isCreatableSelect:q,rootElementRef:f,setOptions:_,setPreviousAction:g,setInputValue:c,setSelectedOption:v,onOptionOpenChange:S,onValueChange:a,onOptionSelect:R},children:l.jsx(D.Popover,{open:O,onOpenChange:t=>{S(t),p&&!Array.isArray(p)&&!t&&(c(i.map.get(p)?.label||""),g("selection"))},children:l.jsx("div",{ref:t=>{f.current=t,typeof n=="function"?n(t):typeof n=="object"&&n?.current&&(n.current=t)},"data-slot":"select-root",children:h})})})});b.displayName="SelectRoot";exports.SelectRoot=b;

package/dist/mainstack-design-system467.js

@@ -1,79 +1,81 @@
 'use client';
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import { u as y } from "./index-437EL2iq.js";
 import { P as I } from "./index-RoCFhqzC.js";
-import { forwardRef as N, useRef as T, useState as s } from "react";
-import { SelectContext as k } from "./mainstack-design-system597.js";
-import { parseSelectOptions as q, mapDefaultValuesToSelectedOption as z } from "./mainstack-design-system598.js";
-const B = N(
+import { forwardRef as N, useRef as T, useState as f, useEffect as k } from "react";
+import { SelectContext as q } from "./mainstack-design-system597.js";
+import { parseSelectOptions as z, mapDefaultValuesToSelectedOption as B } from "./mainstack-design-system598.js";
+const F = N(
   ({
-    isDisabled: S,
-    isError: h,
-    isMultiSelect: l = !1,
+    isDisabled: h,
+    isError: A,
+    isMultiSelect: n = !1,
     isSuccess: C,
     children: P,
-    value: r,
-    defaultValue: e,
+    value: o,
+    defaultValue: r,
     inputReadOnly: b,
-    isCreatableSelect: v,
-    options: c = [],
-    isOptionOpen: A,
-    onOptionOpenChange: x,
+    isCreatableSelect: S,
+    options: l = [],
+    isOptionOpen: x,
+    onOptionOpenChange: d,
     onValueChange: a,
-    onOptionSelect: d
-  }, o) => {
-    const m = T(null), [n, j] = s(
-      q(c)
-    ), [p, R] = y({
-      prop: r,
-      defaultProp: z({
-        isMultiSelect: l,
-        defaultValue: e,
-        options: c
+    onOptionSelect: j
+  }, e) => {
+    const m = T(null), [p, E] = f(
+      z(l)
+    ), [i, R] = y({
+      prop: o,
+      defaultProp: B({
+        isMultiSelect: n,
+        defaultValue: r,
+        options: l
       }),
       onChange: a
-    }), [D, f] = s(() => typeof r == "string" ? n.map.get(r)?.label || "" : typeof e == "string" && n.map.get(e)?.label || ""), [u, O] = y({
-      prop: A,
+    }), [v, s] = f(() => typeof o == "string" ? p.map.get(o)?.label || "" : typeof r == "string" && p.map.get(r)?.label || ""), [O, u] = y({
+      prop: x,
       defaultProp: !1,
-      onChange: x
-    }), [E, g] = s("idle");
-    return /* @__PURE__ */ i(
-      k.Provider,
+      onChange: d
+    }), [D, g] = f("idle");
+    return k(() => {
+      n || Array.isArray(o) || s(o || "");
+    }, [n, o]), /* @__PURE__ */ c(
+      q.Provider,
       {
         value: {
-          defaultValue: e,
-          options: n,
-          selectedOption: p,
-          isOptionOpen: u,
-          isDisabled: S,
-          isError: h,
-          isMultiSelect: l,
+          defaultValue: r,
+          options: p,
+          selectedOption: i,
+          isOptionOpen: O,
+          isDisabled: h,
+          isError: A,
+          isMultiSelect: n,
           isSuccess: C,
-          inputValue: D,
+          inputValue: v,
           inputReadOnly: b,
-          previousAction: E,
-          isCreatableSelect: v,
+          previousAction: D,
+          isCreatableSelect: S,
           rootElementRef: m,
-          setOptions: j,
+          setOptions: E,
           setPreviousAction: g,
-          setInputValue: f,
+          setInputValue: s,
           setSelectedOption: R,
-          onOptionOpenChange: O,
+          onOptionOpenChange: u,
           onValueChange: a,
-          onOptionSelect: d
+          onOptionSelect: j
         },
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ c(
           I,
           {
-            open: u,
+            open: O,
             onOpenChange: (t) => {
-              O(t), p && !Array.isArray(p) && !t && (f(n.map.get(p)?.label || ""), g("selection"));
+              u(t), i && !Array.isArray(i) && !t && (s(p.map.get(i)?.label || ""), g("selection"));
             },
-            children: /* @__PURE__ */ i(
+            children: /* @__PURE__ */ c(
               "div",
               {
                 ref: (t) => {
-                  m.current = t, typeof o == "function" ? o(t) : typeof o == "object" && o?.current && (o.current = t);
+                  m.current = t, typeof e == "function" ? e(t) : typeof e == "object" && e?.current && (e.current = t);
                 },
                 "data-slot": "select-root",
                 children: P
@@ -85,7 +87,7 @@ const B = N(
     );
   }
 );
-B.displayName = "SelectRoot";
+F.displayName = "SelectRoot";
 export {
-  B as SelectRoot
+  F as SelectRoot
 };

package/dist/mainstack-design-system468.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-system440.cjs"),O=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const v=require("./mainstack-design-system93.cjs"),N=require("./mainstack-design-system197.cjs");require("./player-BBiZ5mNK.cjs");const o=require("./utils-Bdd5vx6a.cjs"),R=require("./mainstack-design-system597.cjs"),A=require("./index-4R9KShCu.cjs"),d=g.forwardRef(({onClick:r,children:u,className:p,onChange:i,...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(A.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=>{i&&i(t),_("typing"),b(t.currentTarget.value)},onClick:t=>{r&&r(t);const S=t.currentTarget;y(!0),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"),g=require("react"),j=require("./mainstack-design-system440.cjs"),O=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const v=require("./mainstack-design-system93.cjs"),N=require("./mainstack-design-system196.cjs");require("./player-BBiZ5mNK.cjs");const o=require("./utils-Bdd5vx6a.cjs"),R=require("./mainstack-design-system597.cjs"),w=require("./index-4R9KShCu.cjs"),d=g.forwardRef(({onClick:r,children:u,className:p,onChange:i,...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=>{i&&i(t),_("typing"),b(t.currentTarget.value)},onClick:t=>{r&&r(t);const S=t.currentTarget;y(!0),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;

package/dist/mainstack-design-system468.js

@@ -2,11 +2,11 @@
 import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
 import { InputRoot as S } from "./mainstack-design-system440.js";
-import { InputField as A } from "./mainstack-design-system441.js";
+import { InputField as w } from "./mainstack-design-system441.js";
 import "./mainstack-design-system439.js";
 import "./mainstack-design-system357.js";
-import w from "./mainstack-design-system93.js";
-import C from "./mainstack-design-system197.js";
+import A from "./mainstack-design-system93.js";
+import C from "./mainstack-design-system196.js";
 import "./player-Cs7wtvrg.js";
 import { c as i } from "./utils-D85wpvmd.js";
 import { useSelectContext as F } from "./mainstack-design-system597.js";
@@ -14,14 +14,14 @@ import { d as R } from "./index-RoCFhqzC.js";
 const j = N(
   ({ onClick: a, children: p, className: c, onChange: n, ...d }, u) => {
     const {
-      isOptionOpen: s,
+      isOptionOpen: o,
       inputValue: f,
       inputReadOnly: m,
       isDisabled: h,
       isError: x,
       isSuccess: y,
       selectedOption: l,
-      isMultiSelect: o,
+      isMultiSelect: s,
       setSelectedOption: b,
       setPreviousAction: I,
       setInputValue: O,
@@ -32,13 +32,13 @@ const j = N(
       {
         role: "combobox",
         "aria-haspopup": "listbox",
-        "aria-expanded": s,
+        "aria-expanded": o,
         "aria-controls": "select-portal",
         "aria-owns": "select-portal",
         children: /* @__PURE__ */ r(
           S,
           {
-            className: i(o && "mds:h-auto mds:py-10 ", c),
+            className: i(s && "mds:h-auto mds:py-10 ", c),
             children: [
               /* @__PURE__ */ r(
                 "div",
@@ -49,18 +49,18 @@ const j = N(
                   children: [
                     p,
                     /* @__PURE__ */ t(
-                      A,
+                      w,
                       {
                         ...d,
                         readOnly: m,
                         "data-slot": "select-input-field",
-                        "data-select-options-opened": s,
+                        "data-select-options-opened": o,
                         tabIndex: 3,
                         value: f,
                         isError: x,
                         isSuccess: y,
                         disabled: h,
-                        className: i(o && "mds:h-auto mds:min-h-auto"),
+                        className: i(s && "mds:h-auto mds:min-h-auto"),
                         onChange: (e) => {
                           n && n(e), I("typing"), O(e.currentTarget.value);
                         },
@@ -77,8 +77,8 @@ const j = N(
                 }
               ),
               /* @__PURE__ */ r("div", { className: "mds:flex mds:items-center mds:gap-6", children: [
-                o && Array.isArray(l) && l.length > 0 && /* @__PURE__ */ t(
-                  w,
+                s && Array.isArray(l) && l.length > 0 && /* @__PURE__ */ t(
+                  A,
                   {
                     role: "button",
                     variant: "filled",
@@ -91,7 +91,7 @@ const j = N(
                 /* @__PURE__ */ t(
                   C,
                   {
-                    "data-select-options-opened": s,
+                    "data-select-options-opened": o,
                     className: "mds:size-16 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"
                   }
                 )

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

package/dist/mainstack-design-system471.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "1.14.0",
+  "version": "1.14.1",
   "type": "module",
   "main": "./dist/mainstack-design-system.cjs",
   "module": "./dist/mainstack-design-system.js",