mainstack-design-system 1.3.6 → 1.3.9

package/dist/mainstack-design-system552.js

@@ -1,56 +1,25 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as u } from "./mainstack-design-system589.js";
-import { usePagination as d } from "./mainstack-design-system584.js";
-const f = ({
-  className: o,
-  ...l
-}) => {
-  const { page: n, setPage: c, totalPages: e } = d(), p = () => {
-    const t = [];
-    if (e === 0) return [];
-    if (e <= 5) {
-      for (let s = 1; s <= e; s++) t.push(s);
-      return t;
-    }
-    t.push(1);
-    let a, i;
-    n <= 3 ? (a = 2, i = 4) : n >= e - 2 ? (a = e - 3, i = e - 1) : (a = n - 1, i = n + 1), a = Math.max(2, a), i = Math.min(e - 1, i), a > 2 && t.push("...");
-    for (let s = a; s <= i; s++)
-      t.push(s);
-    return i < e - 1 && t.push("..."), e > 1 && t[t.length - 1] !== e && t.push(e), t;
-  };
-  return /* @__PURE__ */ r(
-    "div",
+import { jsx as a } from "react/jsx-runtime";
+import "./mainstack-design-system384.js";
+import "./mainstack-design-system385.js";
+import "./mainstack-design-system386.js";
+import { Button as e } from "./mainstack-design-system387.js";
+import { usePagination as n } from "./mainstack-design-system585.js";
+const r = () => {
+  const { page: t, totalPages: o, setPage: i } = n();
+  return /* @__PURE__ */ a(
+    e,
     {
-      className: u(
-        "flex justify-center items-center rounded-full p-6 gap-6 bg-interactive-secondary",
-        o
-      ),
-      ...l,
-      children: p().map((t, a) => {
-        if (t === "...")
-          return /* @__PURE__ */ r("div", { className: " text-secondary", children: "...." }, `ellipsis-${a}`);
-        const i = t === n;
-        return /* @__PURE__ */ r(
-          "button",
-          {
-            "data-state": i ? "active" : "inactive",
-            className: `
-            w-20 h-20 flex items-center justify-center rounded-full 
-            body-tiny-semibold transition-colors bg-neutral-275 
-            data-[state=active]:bg-primary text-on-primary
-            `,
-            onClick: () => c(t),
-            disabled: i,
-            children: t
-          },
-          t
-        );
-      })
+      variant: "outline",
+      status: "default",
+      size: "xs",
+      rounded: "sm",
+      disabled: t === o,
+      onClick: () => i(t + 1),
+      children: "Next"
     }
   );
 };
-f.displayName = "PaginationPageButton";
+r.displayName = "PaginationNext";
 export {
-  f as PaginationPageButton
+  r as PaginationNext
 };

package/dist/mainstack-design-system553.cjs

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system555.cjs"),s=require("./mainstack-design-system458.cjs"),c=require("./mainstack-design-system459.cjs"),u=require("./mainstack-design-system460.cjs"),p=require("./mainstack-design-system461.cjs");require("./mainstack-design-system462.cjs");require("./mainstack-design-system463.cjs");require("./mainstack-design-system456.cjs");require("./mainstack-design-system457.cjs");const m=require("./mainstack-design-system584.cjs"),l=()=>{const{limit:a,setLimit:i}=m.usePagination(),r=[{value:"10",label:"10 items per page"},{value:"20",label:"20 items per page"},{value:"50",label:"50 items per page"},{value:"100",label:"100 items per page"}];return i?e.jsxs(o.SelectRoot,{options:r,value:String(a),onValueChange:t=>i(Number(t)),children:[e.jsx(s.SelectInputField,{shape:"full-radius",className:"min-h-36"}),e.jsx(c.SelectPortal,{children:e.jsx(u.SelectOptions,{children:({options:t})=>t.map(n=>e.jsx(p.SelectOptionItem,{value:n.value,children:n.label},n.value))})})]}):null};l.displayName="PaginationPageSize";exports.PaginationPageSize=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("./utils-DRUMSl4z.cjs"),p=require("./mainstack-design-system585.cjs"),r=({className:l,...u})=>{const{page:s,setPage:c,totalPages:e}=p.usePagination(),d=()=>{const t=[];if(e===0)return[];if(e<=5){for(let a=1;a<=e;a++)t.push(a);return t}t.push(1);let n,i;s<=3?(n=2,i=4):s>=e-2?(n=e-3,i=e-1):(n=s-1,i=s+1),n=Math.max(2,n),i=Math.min(e-1,i),n>2&&t.push("...");for(let a=n;a<=i;a++)t.push(a);return i<e-1&&t.push("..."),e>1&&t[t.length-1]!==e&&t.push(e),t};return o.jsx("div",{className:g.cn("flex justify-center items-center rounded-full p-6 gap-6 bg-interactive-secondary",l),...u,children:d().map((t,n)=>{if(t==="...")return o.jsx("div",{className:" text-secondary",children:"...."},`ellipsis-${n}`);const i=t===s;return o.jsx("button",{"data-state":i?"active":"inactive",className:`
+            w-20 h-20 flex items-center justify-center rounded-full 
+            body-tiny-semibold transition-colors bg-neutral-275 
+            data-[state=active]:bg-primary text-on-primary
+            `,onClick:()=>c(t),disabled:i,children:t},t)})})};r.displayName="PaginationPageButton";exports.PaginationPageButton=r;

package/dist/mainstack-design-system553.js

@@ -1,35 +1,56 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { SelectRoot as o } from "./mainstack-design-system555.js";
-import { SelectInputField as p } from "./mainstack-design-system458.js";
-import { SelectPortal as n } from "./mainstack-design-system459.js";
-import { SelectOptions as s } from "./mainstack-design-system460.js";
-import { SelectOptionItem as u } from "./mainstack-design-system461.js";
-import "./mainstack-design-system462.js";
-import "./mainstack-design-system463.js";
-import "./mainstack-design-system456.js";
-import "./mainstack-design-system457.js";
-import { usePagination as c } from "./mainstack-design-system584.js";
-const g = () => {
-  const { limit: a, setLimit: l } = c(), r = [
-    { value: "10", label: "10 items per page" },
-    { value: "20", label: "20 items per page" },
-    { value: "50", label: "50 items per page" },
-    { value: "100", label: "100 items per page" }
-  ];
-  return l ? /* @__PURE__ */ m(
-    o,
+import { jsx as r } from "react/jsx-runtime";
+import { c as u } from "./utils-CFdAYIby.js";
+import { usePagination as d } from "./mainstack-design-system585.js";
+const f = ({
+  className: o,
+  ...l
+}) => {
+  const { page: n, setPage: c, totalPages: e } = d(), p = () => {
+    const t = [];
+    if (e === 0) return [];
+    if (e <= 5) {
+      for (let s = 1; s <= e; s++) t.push(s);
+      return t;
+    }
+    t.push(1);
+    let a, i;
+    n <= 3 ? (a = 2, i = 4) : n >= e - 2 ? (a = e - 3, i = e - 1) : (a = n - 1, i = n + 1), a = Math.max(2, a), i = Math.min(e - 1, i), a > 2 && t.push("...");
+    for (let s = a; s <= i; s++)
+      t.push(s);
+    return i < e - 1 && t.push("..."), e > 1 && t[t.length - 1] !== e && t.push(e), t;
+  };
+  return /* @__PURE__ */ r(
+    "div",
     {
-      options: r,
-      value: String(a),
-      onValueChange: (i) => l(Number(i)),
-      children: [
-        /* @__PURE__ */ e(p, { shape: "full-radius", className: "min-h-36" }),
-        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(s, { children: ({ options: i }) => i.map((t) => /* @__PURE__ */ e(u, { value: t.value, children: t.label }, t.value)) }) })
-      ]
+      className: u(
+        "flex justify-center items-center rounded-full p-6 gap-6 bg-interactive-secondary",
+        o
+      ),
+      ...l,
+      children: p().map((t, a) => {
+        if (t === "...")
+          return /* @__PURE__ */ r("div", { className: " text-secondary", children: "...." }, `ellipsis-${a}`);
+        const i = t === n;
+        return /* @__PURE__ */ r(
+          "button",
+          {
+            "data-state": i ? "active" : "inactive",
+            className: `
+            w-20 h-20 flex items-center justify-center rounded-full 
+            body-tiny-semibold transition-colors bg-neutral-275 
+            data-[state=active]:bg-primary text-on-primary
+            `,
+            onClick: () => c(t),
+            disabled: i,
+            children: t
+          },
+          t
+        );
+      })
     }
-  ) : null;
+  );
 };
-g.displayName = "PaginationPageSize";
+f.displayName = "PaginationPageButton";
 export {
-  g as PaginationPageSize
+  f as PaginationPageButton
 };

package/dist/mainstack-design-system554.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext([{mode:"light",uiTheme:"default",themeCssVariablesOveride:{}},()=>{}]);exports.MainstackDesignSystemProviderContext=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system556.cjs"),s=require("./mainstack-design-system458.cjs"),c=require("./mainstack-design-system459.cjs"),u=require("./mainstack-design-system460.cjs"),p=require("./mainstack-design-system461.cjs");require("./mainstack-design-system462.cjs");require("./mainstack-design-system463.cjs");require("./mainstack-design-system456.cjs");require("./mainstack-design-system457.cjs");const m=require("./mainstack-design-system585.cjs"),l=()=>{const{limit:a,setLimit:i}=m.usePagination(),r=[{value:"10",label:"10 items per page"},{value:"20",label:"20 items per page"},{value:"50",label:"50 items per page"},{value:"100",label:"100 items per page"}];return i?e.jsxs(o.SelectRoot,{options:r,value:String(a),onValueChange:t=>i(Number(t)),children:[e.jsx(s.SelectInputField,{shape:"full-radius",className:"min-h-36"}),e.jsx(c.SelectPortal,{children:e.jsx(u.SelectOptions,{children:({options:t})=>t.map(n=>e.jsx(p.SelectOptionItem,{value:n.value,children:n.label},n.value))})})]}):null};l.displayName="PaginationPageSize";exports.PaginationPageSize=l;

package/dist/mainstack-design-system554.js

@@ -1,9 +1,35 @@
-import { createContext as e } from "react";
-const i = e([
-  { mode: "light", uiTheme: "default", themeCssVariablesOveride: {} },
-  () => {
-  }
-]);
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { SelectRoot as o } from "./mainstack-design-system556.js";
+import { SelectInputField as p } from "./mainstack-design-system458.js";
+import { SelectPortal as n } from "./mainstack-design-system459.js";
+import { SelectOptions as s } from "./mainstack-design-system460.js";
+import { SelectOptionItem as u } from "./mainstack-design-system461.js";
+import "./mainstack-design-system462.js";
+import "./mainstack-design-system463.js";
+import "./mainstack-design-system456.js";
+import "./mainstack-design-system457.js";
+import { usePagination as c } from "./mainstack-design-system585.js";
+const g = () => {
+  const { limit: a, setLimit: l } = c(), r = [
+    { value: "10", label: "10 items per page" },
+    { value: "20", label: "20 items per page" },
+    { value: "50", label: "50 items per page" },
+    { value: "100", label: "100 items per page" }
+  ];
+  return l ? /* @__PURE__ */ m(
+    o,
+    {
+      options: r,
+      value: String(a),
+      onValueChange: (i) => l(Number(i)),
+      children: [
+        /* @__PURE__ */ e(p, { shape: "full-radius", className: "min-h-36" }),
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(s, { children: ({ options: i }) => i.map((t) => /* @__PURE__ */ e(u, { value: t.value, children: t.label }, t.value)) }) })
+      ]
+    }
+  ) : null;
+};
+g.displayName = "PaginationPageSize";
 export {
-  i as MainstackDesignSystemProviderContext
+  g as PaginationPageSize
 };

package/dist/mainstack-design-system555.cjs

@@ -1,2 +1 @@
-'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-system571.cjs"),m=require("./mainstack-design-system585.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 e=require("react"),t=e.createContext([{mode:"light",uiTheme:"default",themeCssVariablesOveride:{}},()=>{}]);exports.MainstackDesignSystemProviderContext=t;

package/dist/mainstack-design-system555.js

@@ -1,87 +1,9 @@
-'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-system571.js";
-import { parseSelectOptions as T, mapDefaultValuesToSelectedOption as k } from "./mainstack-design-system585.js";
-const q = E(
-  ({
-    isDisabled: S,
-    isError: h,
-    isMultiSelect: s = !1,
-    isSuccess: v,
-    children: y,
-    value: C,
-    defaultValue: e,
-    inputReadOnly: P,
-    options: l = [],
-    isOptionOpen: b,
-    onOptionOpenChange: A,
-    onValueChange: c
-  }, t) => {
-    const a = I(null), [p, x] = i(
-      T(l)
-    ), [n, d] = g({
-      prop: C,
-      defaultProp: k({
-        isMultiSelect: s,
-        defaultValue: e,
-        options: l
-      }),
-      onChange: c
-    }), [j, m] = i(() => typeof e == "string" && p.map.get(e)?.label || ""), [u, f] = g({
-      prop: b,
-      defaultProp: !1,
-      onChange: A
-    }), [R, O] = i("idle");
-    return /* @__PURE__ */ r(
-      N.Provider,
-      {
-        value: {
-          defaultValue: e,
-          options: p,
-          selectedOption: n,
-          isOptionOpen: u,
-          isDisabled: S,
-          isError: h,
-          isMultiSelect: s,
-          isSuccess: v,
-          inputValue: j,
-          inputReadOnly: P,
-          previousAction: R,
-          rootElementRef: a,
-          setOptions: x,
-          setPreviousAction: O,
-          setInputValue: m,
-          setSelectedOption: d,
-          onOptionOpenChange: f,
-          onValueChange: c
-        },
-        children: /* @__PURE__ */ r(
-          D,
-          {
-            open: u,
-            onOpenChange: (o) => {
-              f(o), n && !Array.isArray(n) && !o && (m(p.map.get(n)?.label || ""), O("selection"));
-            },
-            children: /* @__PURE__ */ r(
-              "div",
-              {
-                ref: (o) => {
-                  a.current = o, typeof t == "function" ? t(o) : typeof t == "object" && t?.current && (t.current = o);
-                },
-                "data-slot": "select-root",
-                children: y
-              }
-            )
-          }
-        )
-      }
-    );
+import { createContext as e } from "react";
+const i = e([
+  { mode: "light", uiTheme: "default", themeCssVariablesOveride: {} },
+  () => {
   }
-);
-q.displayName = "SelectRoot";
+]);
 export {
-  q as SelectRoot
+  i as MainstackDesignSystemProviderContext
 };

package/dist/mainstack-design-system556.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),i=e.cva("",{variants:{size:{large:"",medium:"",small:"",extrasmall:"",tiny:"",extratiny:"",overline:""},weight:{bold:"",semibold:"",medium:"",book:"",regular:""}},defaultVariants:{weight:"semibold",size:"medium"},compoundVariants:[{size:"large",weight:"bold",className:"body-large-bold"},{size:"large",weight:"semibold",className:"body-large-semibold"},{size:"large",weight:"medium",className:"body-large-medium"},{size:"large",weight:"book",className:"body-large-book"},{size:"large",weight:"regular",className:"body-large-regular"},{size:"medium",weight:"bold",className:"body-medium-bold"},{size:"medium",weight:"semibold",className:"body-medium-semibold"},{size:"medium",weight:"medium",className:"body-medium-medium"},{size:"medium",weight:"book",className:"body-medium-book"},{size:"medium",weight:"regular",className:"body-medium-regular"},{size:"small",weight:"bold",className:"body-small-bold"},{size:"small",weight:"semibold",className:"body-small-semibold"},{size:"small",weight:"medium",className:"body-small-medium"},{size:"small",weight:"book",className:"body-small-book"},{size:"small",weight:"regular",className:"body-small-regular"},{size:"extrasmall",weight:"bold",className:"body-extrasmall-bold"},{size:"extrasmall",weight:"semibold",className:"body-extrasmall-semibold"},{size:"extrasmall",weight:"medium",className:"body-extrasmall-medium"},{size:"extrasmall",weight:"book",className:"body-extrasmall-book"},{size:"extrasmall",weight:"regular",className:"body-extrasmall-regular"},{size:"tiny",weight:"bold",className:"body-tiny-bold"},{size:"tiny",weight:"semibold",className:"body-tiny-semibold"},{size:"tiny",weight:"medium",className:"body-tiny-medium"},{size:"tiny",weight:"book",className:"body-tiny-book"},{size:"tiny",weight:"regular",className:"body-tiny-regular"},{size:"extratiny",weight:"bold",className:"body-extratiny-bold"},{size:"extratiny",weight:"semibold",className:"body-extratiny-semibold"},{size:"extratiny",weight:"medium",className:"body-extratiny-medium"},{size:"extratiny",weight:"book",className:"body-extratiny-book"},{size:"extratiny",weight:"regular",className:"body-extratiny-regular"},{size:"overline",weight:"bold",className:"body-overline-bold"},{size:"overline",weight:"semibold",className:"body-overline-semibold"},{size:"overline",weight:"medium",className:"body-overline-medium"},{size:"overline",weight:"book",className:"body-overline-book"},{size:"overline",weight:"regular",className:"body-overline-regular"}]});exports.bodyTextVariants=i;
+'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-system572.cjs"),m=require("./mainstack-design-system586.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;

package/dist/mainstack-design-system556.js

@@ -1,205 +1,87 @@
-import { c as e } from "./index-D29mdTf5.js";
-const a = e("", {
-  variants: {
-    size: {
-      large: "",
-      medium: "",
-      small: "",
-      extrasmall: "",
-      tiny: "",
-      extratiny: "",
-      overline: ""
-    },
-    weight: {
-      bold: "",
-      semibold: "",
-      medium: "",
-      book: "",
-      regular: ""
-    }
-  },
-  defaultVariants: {
-    weight: "semibold",
-    size: "medium"
-  },
-  compoundVariants: [
-    {
-      size: "large",
-      weight: "bold",
-      className: "body-large-bold"
-    },
-    {
-      size: "large",
-      weight: "semibold",
-      className: "body-large-semibold"
-    },
-    {
-      size: "large",
-      weight: "medium",
-      className: "body-large-medium"
-    },
-    {
-      size: "large",
-      weight: "book",
-      className: "body-large-book"
-    },
-    {
-      size: "large",
-      weight: "regular",
-      className: "body-large-regular"
-    },
-    {
-      size: "medium",
-      weight: "bold",
-      className: "body-medium-bold"
-    },
-    {
-      size: "medium",
-      weight: "semibold",
-      className: "body-medium-semibold"
-    },
-    {
-      size: "medium",
-      weight: "medium",
-      className: "body-medium-medium"
-    },
-    {
-      size: "medium",
-      weight: "book",
-      className: "body-medium-book"
-    },
-    {
-      size: "medium",
-      weight: "regular",
-      className: "body-medium-regular"
-    },
-    {
-      size: "small",
-      weight: "bold",
-      className: "body-small-bold"
-    },
-    {
-      size: "small",
-      weight: "semibold",
-      className: "body-small-semibold"
-    },
-    {
-      size: "small",
-      weight: "medium",
-      className: "body-small-medium"
-    },
-    {
-      size: "small",
-      weight: "book",
-      className: "body-small-book"
-    },
-    {
-      size: "small",
-      weight: "regular",
-      className: "body-small-regular"
-    },
-    {
-      size: "extrasmall",
-      weight: "bold",
-      className: "body-extrasmall-bold"
-    },
-    {
-      size: "extrasmall",
-      weight: "semibold",
-      className: "body-extrasmall-semibold"
-    },
-    {
-      size: "extrasmall",
-      weight: "medium",
-      className: "body-extrasmall-medium"
-    },
-    {
-      size: "extrasmall",
-      weight: "book",
-      className: "body-extrasmall-book"
-    },
-    {
-      size: "extrasmall",
-      weight: "regular",
-      className: "body-extrasmall-regular"
-    },
-    {
-      size: "tiny",
-      weight: "bold",
-      className: "body-tiny-bold"
-    },
-    {
-      size: "tiny",
-      weight: "semibold",
-      className: "body-tiny-semibold"
-    },
-    {
-      size: "tiny",
-      weight: "medium",
-      className: "body-tiny-medium"
-    },
-    {
-      size: "tiny",
-      weight: "book",
-      className: "body-tiny-book"
-    },
-    {
-      size: "tiny",
-      weight: "regular",
-      className: "body-tiny-regular"
-    },
-    {
-      size: "extratiny",
-      weight: "bold",
-      className: "body-extratiny-bold"
-    },
-    {
-      size: "extratiny",
-      weight: "semibold",
-      className: "body-extratiny-semibold"
-    },
-    {
-      size: "extratiny",
-      weight: "medium",
-      className: "body-extratiny-medium"
-    },
-    {
-      size: "extratiny",
-      weight: "book",
-      className: "body-extratiny-book"
-    },
-    {
-      size: "extratiny",
-      weight: "regular",
-      className: "body-extratiny-regular"
-    },
-    {
-      size: "overline",
-      weight: "bold",
-      className: "body-overline-bold"
-    },
-    {
-      size: "overline",
-      weight: "semibold",
-      className: "body-overline-semibold"
-    },
-    {
-      size: "overline",
-      weight: "medium",
-      className: "body-overline-medium"
-    },
-    {
-      size: "overline",
-      weight: "book",
-      className: "body-overline-book"
-    },
-    {
-      size: "overline",
-      weight: "regular",
-      className: "body-overline-regular"
-    }
-  ]
-});
+'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-system572.js";
+import { parseSelectOptions as T, mapDefaultValuesToSelectedOption as k } from "./mainstack-design-system586.js";
+const q = E(
+  ({
+    isDisabled: S,
+    isError: h,
+    isMultiSelect: s = !1,
+    isSuccess: v,
+    children: y,
+    value: C,
+    defaultValue: e,
+    inputReadOnly: P,
+    options: l = [],
+    isOptionOpen: b,
+    onOptionOpenChange: A,
+    onValueChange: c
+  }, t) => {
+    const a = I(null), [p, x] = i(
+      T(l)
+    ), [n, d] = g({
+      prop: C,
+      defaultProp: k({
+        isMultiSelect: s,
+        defaultValue: e,
+        options: l
+      }),
+      onChange: c
+    }), [j, m] = i(() => typeof e == "string" && p.map.get(e)?.label || ""), [u, f] = g({
+      prop: b,
+      defaultProp: !1,
+      onChange: A
+    }), [R, O] = i("idle");
+    return /* @__PURE__ */ r(
+      N.Provider,
+      {
+        value: {
+          defaultValue: e,
+          options: p,
+          selectedOption: n,
+          isOptionOpen: u,
+          isDisabled: S,
+          isError: h,
+          isMultiSelect: s,
+          isSuccess: v,
+          inputValue: j,
+          inputReadOnly: P,
+          previousAction: R,
+          rootElementRef: a,
+          setOptions: x,
+          setPreviousAction: O,
+          setInputValue: m,
+          setSelectedOption: d,
+          onOptionOpenChange: f,
+          onValueChange: c
+        },
+        children: /* @__PURE__ */ r(
+          D,
+          {
+            open: u,
+            onOpenChange: (o) => {
+              f(o), n && !Array.isArray(n) && !o && (m(p.map.get(n)?.label || ""), O("selection"));
+            },
+            children: /* @__PURE__ */ r(
+              "div",
+              {
+                ref: (o) => {
+                  a.current = o, typeof t == "function" ? t(o) : typeof t == "object" && t?.current && (t.current = o);
+                },
+                "data-slot": "select-root",
+                children: y
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+q.displayName = "SelectRoot";
 export {
-  a as bodyTextVariants
+  q as SelectRoot
 };

package/dist/mainstack-design-system557.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),a=e.cva("",{variants:{size:{extralarge:"",large:"",medium:"",small:""},weight:{black:"",bold:"",semibold:""}},defaultVariants:{weight:"semibold",size:"medium"},compoundVariants:[{size:"extralarge",weight:"black",className:"display-extralarge-black"},{size:"large",weight:"black",className:"display-large-black"},{size:"medium",weight:"black",className:"display-medium-black"},{size:"small",weight:"black",className:"display-small-black"},{size:"extralarge",weight:"bold",className:"display-extralarge-bold"},{size:"large",weight:"bold",className:"display-large-bold"},{size:"medium",weight:"bold",className:"display-medium-bold"},{size:"small",weight:"bold",className:"display-small-bold"},{size:"extralarge",weight:"semibold",className:"display-extralarge-semibold"},{size:"large",weight:"semibold",className:"display-large-semibold"},{size:"medium",weight:"semibold",className:"display-medium-semibold"},{size:"small",weight:"semibold",className:"display-small-semibold"}]});exports.displayTextVariants=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),i=e.cva("",{variants:{size:{large:"",medium:"",small:"",extrasmall:"",tiny:"",extratiny:"",overline:""},weight:{bold:"",semibold:"",medium:"",book:"",regular:""}},defaultVariants:{weight:"semibold",size:"medium"},compoundVariants:[{size:"large",weight:"bold",className:"body-large-bold"},{size:"large",weight:"semibold",className:"body-large-semibold"},{size:"large",weight:"medium",className:"body-large-medium"},{size:"large",weight:"book",className:"body-large-book"},{size:"large",weight:"regular",className:"body-large-regular"},{size:"medium",weight:"bold",className:"body-medium-bold"},{size:"medium",weight:"semibold",className:"body-medium-semibold"},{size:"medium",weight:"medium",className:"body-medium-medium"},{size:"medium",weight:"book",className:"body-medium-book"},{size:"medium",weight:"regular",className:"body-medium-regular"},{size:"small",weight:"bold",className:"body-small-bold"},{size:"small",weight:"semibold",className:"body-small-semibold"},{size:"small",weight:"medium",className:"body-small-medium"},{size:"small",weight:"book",className:"body-small-book"},{size:"small",weight:"regular",className:"body-small-regular"},{size:"extrasmall",weight:"bold",className:"body-extrasmall-bold"},{size:"extrasmall",weight:"semibold",className:"body-extrasmall-semibold"},{size:"extrasmall",weight:"medium",className:"body-extrasmall-medium"},{size:"extrasmall",weight:"book",className:"body-extrasmall-book"},{size:"extrasmall",weight:"regular",className:"body-extrasmall-regular"},{size:"tiny",weight:"bold",className:"body-tiny-bold"},{size:"tiny",weight:"semibold",className:"body-tiny-semibold"},{size:"tiny",weight:"medium",className:"body-tiny-medium"},{size:"tiny",weight:"book",className:"body-tiny-book"},{size:"tiny",weight:"regular",className:"body-tiny-regular"},{size:"extratiny",weight:"bold",className:"body-extratiny-bold"},{size:"extratiny",weight:"semibold",className:"body-extratiny-semibold"},{size:"extratiny",weight:"medium",className:"body-extratiny-medium"},{size:"extratiny",weight:"book",className:"body-extratiny-book"},{size:"extratiny",weight:"regular",className:"body-extratiny-regular"},{size:"overline",weight:"bold",className:"body-overline-bold"},{size:"overline",weight:"semibold",className:"body-overline-semibold"},{size:"overline",weight:"medium",className:"body-overline-medium"},{size:"overline",weight:"book",className:"body-overline-book"},{size:"overline",weight:"regular",className:"body-overline-regular"}]});exports.bodyTextVariants=i;