mainstack-design-system 1.3.5 → 1.3.8

package/dist/mainstack-design-system555.js

@@ -1,205 +1,9 @@
-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"
-    }
-  ]
-});
+import { createContext as e } from "react";
+const i = e([
+  { mode: "light", uiTheme: "default", themeCssVariablesOveride: {} },
+  () => {
+  }
+]);
 export {
-  a as bodyTextVariants
+  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"),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 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,85 +1,87 @@
-import { c as a } from "./index-D29mdTf5.js";
-const l = a("", {
-  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"
-    }
-  ]
-});
+'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 {
-  l as displayTextVariants
+  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:""},weight:{black:"",bold:"",semibold:""}},defaultVariants:{weight:"semibold",size:"medium"},compoundVariants:[{size:"extralarge",weight:"black",className:"headline-extralarge-black"},{size:"large",weight:"black",className:"headline-large-black"},{size:"medium",weight:"black",className:"headline-medium-black"},{size:"extralarge",weight:"bold",className:"headline-extralarge-bold"},{size:"large",weight:"bold",className:"headline-large-bold"},{size:"medium",weight:"bold",className:"headline-medium-bold"},{size:"extralarge",weight:"semibold",className:"headline-extralarge-semibold"},{size:"large",weight:"semibold",className:"headline-large-semibold"},{size:"medium",weight:"semibold",className:"headline-medium-semibold"}]});exports.headlineTextVariants=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;

package/dist/mainstack-design-system557.js

@@ -1,15 +1,21 @@
 import { c as e } from "./index-D29mdTf5.js";
-const l = e("", {
+const a = e("", {
   variants: {
     size: {
-      extralarge: "",
       large: "",
-      medium: ""
+      medium: "",
+      small: "",
+      extrasmall: "",
+      tiny: "",
+      extratiny: "",
+      overline: ""
     },
     weight: {
-      black: "",
       bold: "",
-      semibold: ""
+      semibold: "",
+      medium: "",
+      book: "",
+      regular: ""
     }
   },
   defaultVariants: {
@@ -18,52 +24,182 @@ const l = e("", {
   },
   compoundVariants: [
     {
-      size: "extralarge",
-      weight: "black",
-      className: "headline-extralarge-black"
+      size: "large",
+      weight: "bold",
+      className: "body-large-bold"
     },
     {
       size: "large",
-      weight: "black",
-      className: "headline-large-black"
+      weight: "semibold",
+      className: "body-large-semibold"
     },
     {
-      size: "medium",
-      weight: "black",
-      className: "headline-medium-black"
+      size: "large",
+      weight: "medium",
+      className: "body-large-medium"
     },
     {
-      size: "extralarge",
-      weight: "bold",
-      className: "headline-extralarge-bold"
+      size: "large",
+      weight: "book",
+      className: "body-large-book"
     },
     {
       size: "large",
+      weight: "regular",
+      className: "body-large-regular"
+    },
+    {
+      size: "medium",
       weight: "bold",
-      className: "headline-large-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: "headline-medium-bold"
+      className: "body-small-bold"
     },
     {
-      size: "extralarge",
+      size: "small",
       weight: "semibold",
-      className: "headline-extralarge-semibold"
+      className: "body-small-semibold"
     },
     {
-      size: "large",
+      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: "headline-large-semibold"
+      className: "body-extrasmall-semibold"
     },
     {
-      size: "medium",
+      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: "headline-medium-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"
     }
   ]
 });
 export {
-  l as headlineTextVariants
+  a as bodyTextVariants
 };

package/dist/mainstack-design-system558.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=e.createContext(void 0),o=()=>{const t=e.useContext(r);if(t===void 0)throw new Error("useAvatarSize must be used within an AvatarProvider");return t.size};exports.AvatarContext=r;exports.useAvatarSize=o;
+"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;