mainstack-design-system 1.6.0 → 1.8.0

package/dist/mainstack-design-system526.js

@@ -1,27 +1,28 @@
 'use client';
-import { jsx as d, jsxs as o } from "react/jsx-runtime";
-import { D as a, a as t } from "./index-DDHQjaCF.js";
-import { forwardRef as l } from "react";
-import { c as r } from "./utils-Cs1D8Nxl.js";
-import { V as n } from "./index-DJT9m8v7.js";
-const i = l(
-  ({ children: m, className: s, ...e }) => /* @__PURE__ */ d("div", { className: "mds:fixed mds:w-full mds:h-full mds:flex mds:justify-center mds:top-0 mds:left-0 mds:items-end mds:z-100 mds:md:items-center ", children: /* @__PURE__ */ o(
-    a,
+import { jsx as d, jsxs as a } from "react/jsx-runtime";
+import { D as t, a as l } from "./index-DDHQjaCF.js";
+import { forwardRef as r } from "react";
+import { c as n } from "./utils-Cs1D8Nxl.js";
+import { V as i } from "./index-DJT9m8v7.js";
+const f = r(
+  ({ children: m, className: s, ...e }, o) => /* @__PURE__ */ d("div", { className: "mds:fixed mds:w-full mds:h-full mds:flex mds:justify-center mds:top-0 mds:left-0 mds:items-end mds:z-100 mds:md:items-center ", children: /* @__PURE__ */ a(
+    t,
     {
+      ref: o,
       "data-slot": "modal-body",
-      className: r(
+      className: n(
         "mds:group/Modal-body mds:flex-1 mds:flex mds:will-change-transform mds:max-h-[90dvh] mds:max-w-980 mds:shadow-600 mds:rounded-t-20 mds:overflow-hidden  mds:bg-surface-neutral-l1 mds:animate-content-scale-out mds:data-[state=open]:animate-content-scale-in mds:md:rounded-20 mds:md:mx-20 ",
         s
       ),
       ...e,
       children: [
         m,
-        /* @__PURE__ */ d(n, { children: /* @__PURE__ */ d(t, {}) })
+        /* @__PURE__ */ d(i, { children: /* @__PURE__ */ d(l, {}) })
       ]
     }
   ) })
 );
-i.displayName = "ModalBody";
+f.displayName = "ModalBody";
 export {
-  i as ModalBody
+  f as ModalBody
 };

package/dist/mainstack-design-system536.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./index-HSoR75mY.cjs"),r=require("react"),a=r.forwardRef(({...t})=>e.jsx(o.DialogPortal,{"data-slot":"modal-portal",...t}));exports.ModalPortal=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),r=({...t})=>o.jsx(e.DialogPortal,{"data-slot":"modal-portal",...t});exports.ModalPortal=r;

package/dist/mainstack-design-system536.js

@@ -1,8 +1,7 @@
 'use client';
 import { jsx as r } from "react/jsx-runtime";
 import { g as t } from "./index-DDHQjaCF.js";
-import { forwardRef as a } from "react";
-const p = a(({ ...o }) => /* @__PURE__ */ r(t, { "data-slot": "modal-portal", ...o }));
+const m = ({ ...o }) => /* @__PURE__ */ r(t, { "data-slot": "modal-portal", ...o });
 export {
-  p as ModalPortal
+  m as ModalPortal
 };

package/dist/mainstack-design-system537.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),o=require("./utils-scPUmbSO.cjs"),e=a.forwardRef(({className:s,...l})=>t.jsx("div",{className:o.cn("mds:hidden mds:flex-1 mds:md:flex ",s),"data-slot":"responsive-modal-drawer-visual-slot",...l}));e.displayName="ModalVisualSlot";exports.ModalVisualSlot=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),d=require("./utils-scPUmbSO.cjs"),e=o.forwardRef(({className:s,...l},t)=>a.jsx("div",{ref:t,className:d.cn("mds:hidden mds:flex-1 mds:md:flex ",s),"data-slot":"responsive-modal-drawer-visual-slot",...l}));e.displayName="ModalVisualSlot";exports.ModalVisualSlot=e;

package/dist/mainstack-design-system537.js

@@ -1,17 +1,18 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { c as l } from "./utils-Cs1D8Nxl.js";
-const r = d(
-  ({ className: o, ...s }) => /* @__PURE__ */ a(
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as r } from "./utils-Cs1D8Nxl.js";
+const m = l(
+  ({ className: o, ...s }, a) => /* @__PURE__ */ d(
     "div",
     {
-      className: l("mds:hidden mds:flex-1 mds:md:flex ", o),
+      ref: a,
+      className: r("mds:hidden mds:flex-1 mds:md:flex ", o),
       "data-slot": "responsive-modal-drawer-visual-slot",
       ...s
     }
   )
 );
-r.displayName = "ModalVisualSlot";
+m.displayName = "ModalVisualSlot";
 export {
-  r as ModalVisualSlot
+  m as ModalVisualSlot
 };

package/dist/mainstack-design-system568.cjs

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

package/dist/mainstack-design-system568.js

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

package/package.json

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