mainstack-design-system 1.1.2 → 1.2.1

package/dist/mainstack-design-system554.js

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

package/dist/mainstack-design-system555.cjs

@@ -1 +1 @@
-"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 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;

package/dist/mainstack-design-system555.js

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

package/dist/mainstack-design-system556.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 r=require("react");function c(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const a=c(r),l=a.createContext(null);exports.TooltipContext=l;

package/dist/mainstack-design-system556.js

@@ -1,85 +1,7 @@
-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"
-    }
-  ]
-});
+import * as t from "react";
+const o = t.createContext(
+  null
+);
 export {
-  l as displayTextVariants
+  o as TooltipContext
 };

package/dist/mainstack-design-system557.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),t=e.cva(["group w-full rounded-18 body-font-family gap-12 select-none relative flex cursor-pointer items-center p-18 border border-border-interactive-neutral bg-surface-neutral-l1","transition-transform ease-out-pressed duration-100 active:scale-[0.96]","has-[>[data-slot=tile-header]]:flex-col has-[>[data-slot=tile-header]]:items-start","focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-border-surface-spread-focus","data-[selected=true]:border-2 data-[selected=true]:border-border-interactive-neutral-active","hover:bg-interactive-secondary"],{variants:{disabled:{true:["pointer-events-none opacity-60","data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"]}}});exports.tileVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("./index-Deb8apmU.cjs");function o({className:e}){return r.jsx(t.Arrow2,{asChild:!0,children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"8",viewBox:"0 0 28 8",fill:"none",className:e,children:r.jsx("path",{d:"M12.5858 6.58579L9.74904 3.74903C8.36542 2.36542 7.67361 1.67361 6.86628 1.17888C6.1505 0.740249 5.37015 0.417015 4.55386 0.221041C3.63316 0 2.65479 0 0.698068 0H27.3019C25.3452 0 24.3668 0 23.4461 0.221041C22.6299 0.417015 21.8495 0.740249 21.1337 1.17888C20.3264 1.67361 19.6346 2.36542 18.251 3.74903L15.4142 6.58579C14.6332 7.36684 13.3668 7.36683 12.5858 6.58579Z",fill:"currentColor"})})})}exports.TooltipArrow=o;