mainstack-design-system 1.0.0 → 1.1.2

package/dist/mainstack-design-system550.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");const a=require("./mainstack-design-system395.cjs"),r=require("./mainstack-design-system581.cjs"),e=()=>{const{page:t,totalPages:n,setPage:i}=r.usePagination();return o.jsx(a.Button,{variant:"outline",status:"default",size:"xs",rounded:"sm",disabled:t===n,onClick:()=>i(t+1),children:"Next"})};e.displayName="PaginationNext";exports.PaginationNext=e;

package/dist/mainstack-design-system550.js

@@ -0,0 +1,25 @@
+import { jsx as a } from "react/jsx-runtime";
+import "./mainstack-design-system392.js";
+import "./mainstack-design-system393.js";
+import "./mainstack-design-system394.js";
+import { Button as e } from "./mainstack-design-system395.js";
+import { usePagination as n } from "./mainstack-design-system581.js";
+const r = () => {
+  const { page: t, totalPages: o, setPage: i } = n();
+  return /* @__PURE__ */ a(
+    e,
+    {
+      variant: "outline",
+      status: "default",
+      size: "xs",
+      rounded: "sm",
+      disabled: t === o,
+      onClick: () => i(t + 1),
+      children: "Next"
+    }
+  );
+};
+r.displayName = "PaginationNext";
+export {
+  r as PaginationNext
+};

package/dist/mainstack-design-system551.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("./mainstack-design-system586.cjs"),p=require("./mainstack-design-system581.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-system551.js

@@ -0,0 +1,56 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as u } from "./mainstack-design-system586.js";
+import { usePagination as d } from "./mainstack-design-system581.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",
+    {
+      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
+        );
+      })
+    }
+  );
+};
+f.displayName = "PaginationPageButton";
+export {
+  f as PaginationPageButton
+};

package/dist/mainstack-design-system552.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system554.cjs"),s=require("./mainstack-design-system464.cjs"),c=require("./mainstack-design-system465.cjs"),u=require("./mainstack-design-system466.cjs"),p=require("./mainstack-design-system467.cjs");require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");require("./mainstack-design-system462.cjs");require("./mainstack-design-system463.cjs");const m=require("./mainstack-design-system581.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,defaultValue: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-system552.js

@@ -0,0 +1,35 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { SelectRoot as o } from "./mainstack-design-system554.js";
+import { SelectInputField as p } from "./mainstack-design-system464.js";
+import { SelectPortal as n } from "./mainstack-design-system465.js";
+import { SelectOptions as s } from "./mainstack-design-system466.js";
+import { SelectOptionItem as u } from "./mainstack-design-system467.js";
+import "./mainstack-design-system468.js";
+import "./mainstack-design-system469.js";
+import "./mainstack-design-system462.js";
+import "./mainstack-design-system463.js";
+import { usePagination as c } from "./mainstack-design-system581.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,
+      defaultValue: String(a),
+      onValueChange: (t) => l(Number(t)),
+      children: [
+        /* @__PURE__ */ e(p, { shape: "full-radius", className: "min-h-36" }),
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(s, { children: ({ options: t }) => t.map((i) => /* @__PURE__ */ e(u, { value: i.value, children: i.label }, i.value)) }) })
+      ]
+    }
+  ) : null;
+};
+g.displayName = "PaginationPageSize";
+export {
+  g as PaginationPageSize
+};

package/dist/mainstack-design-system553.js

@@ -0,0 +1,9 @@
+import { createContext as e } from "react";
+const i = e([
+  { mode: "light", uiTheme: "default", themeCssVariablesOveride: {} },
+  () => {
+  }
+]);
+export {
+  i as MainstackDesignSystemProviderContext
+};

package/dist/mainstack-design-system554.cjs

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

package/dist/mainstack-design-system554.js

@@ -0,0 +1,87 @@
+'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";
+export {
+  q as SelectRoot
+};

package/dist/mainstack-design-system555.cjs

@@ -0,0 +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;

package/dist/mainstack-design-system555.js

@@ -0,0 +1,205 @@
+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 {
+  a as bodyTextVariants
+};

package/dist/mainstack-design-system556.cjs

@@ -0,0 +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;

package/dist/mainstack-design-system556.js

@@ -0,0 +1,85 @@
+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"
+    }
+  ]
+});
+export {
+  l as displayTextVariants
+};

package/dist/mainstack-design-system557.cjs

@@ -0,0 +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;

package/dist/mainstack-design-system557.js

@@ -0,0 +1,24 @@
+import { c as e } from "./index-D29mdTf5.js";
+const r = e(
+  [
+    "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"
+        ]
+      }
+    }
+  }
+);
+export {
+  r as tileVariants
+};

package/dist/mainstack-design-system558.js

@@ -0,0 +1,7 @@
+import * as t from "react";
+const o = t.createContext(
+  null
+);
+export {
+  o as TooltipContext
+};

package/dist/mainstack-design-system559.cjs

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

package/dist/mainstack-design-system559.js

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { A as t } from "./index-CNheQ-9E.js";
+function e({ className: o }) {
+  return /* @__PURE__ */ r(t, { asChild: !0, children: /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "28",
+      height: "8",
+      viewBox: "0 0 28 8",
+      fill: "none",
+      className: o,
+      children: /* @__PURE__ */ r(
+        "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"
+        }
+      )
+    }
+  ) });
+}
+export {
+  e as TooltipArrow
+};

package/dist/mainstack-design-system56.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system356.cjs"),e={outlined:C.jsx("g",{mask:"url(#mask0_1762_3107)",children:C.jsx("path",{d:"M12 2.66919C12.1142 2.66919 12.2222 2.67752 12.324 2.69419C12.426 2.71086 12.5289 2.74102 12.6328 2.78469L18.325 4.90969C18.6715 5.04636 18.9539 5.26661 19.1723 5.57044C19.3908 5.87444 19.5 6.21635 19.5 6.59619V10.1154C19.5 10.3279 19.4281 10.506 19.2843 10.6497C19.1404 10.7935 18.9622 10.8654 18.7498 10.8654C18.5371 10.8654 18.359 10.7935 18.2155 10.6497C18.0718 10.506 18 10.3279 18 10.1154V6.60194C18 6.53777 17.9823 6.48002 17.947 6.42869C17.9118 6.37752 17.8622 6.33911 17.798 6.31344L12.1058 4.18844C12.0738 4.17561 12.0385 4.16919 12 4.16919C11.9615 4.16919 11.9262 4.17561 11.8942 4.18844L6.202 6.31344C6.13783 6.33911 6.08817 6.37752 6.053 6.42869C6.01767 6.48002 6 6.53777 6 6.60194V11.0999C6 11.9974 6.13042 12.8804 6.39125 13.7489C6.65225 14.6176 7.01283 15.4285 7.473 16.1817C7.93333 16.9349 8.48208 17.6034 9.11925 18.1874C9.75642 18.7714 10.4462 19.2391 11.1885 19.5904C11.3808 19.6853 11.5199 19.8272 11.6058 20.0162C11.6918 20.2054 11.698 20.3954 11.6245 20.5864C11.539 20.7903 11.3975 20.9294 11.2 21.0037C11.0027 21.078 10.811 21.0678 10.625 20.9729C8.74817 20.1101 7.25808 18.7643 6.15475 16.9354C5.05158 15.1066 4.5 13.1614 4.5 11.0999V6.59619C4.5 6.21635 4.60925 5.87444 4.82775 5.57044C5.04608 5.26661 5.3285 5.04636 5.675 4.90969L11.3672 2.78469C11.4728 2.73852 11.5782 2.70769 11.6838 2.69219C11.7891 2.67686 11.8945 2.66919 12 2.66919ZM17 21.4999C15.7513 21.4999 14.6892 21.0621 13.8135 20.1864C12.9378 19.3108 12.5 18.2486 12.5 16.9999C12.5 15.7513 12.9378 14.6891 13.8135 13.8134C14.6892 12.9378 15.7513 12.4999 17 12.4999C18.2487 12.4999 19.3108 12.9378 20.1865 13.8134C21.0622 14.6891 21.5 15.7513 21.5 16.9999C21.5 18.2486 21.0622 19.3108 20.1865 20.1864C19.3108 21.0621 18.2487 21.4999 17 21.4999ZM17 16.9999C17.4167 16.9999 17.7708 16.8541 18.0625 16.5624C18.3542 16.2708 18.5 15.9166 18.5 15.4999C18.5 15.0833 18.3542 14.7291 18.0625 14.4374C17.7708 14.1458 17.4167 13.9999 17 13.9999C16.5833 13.9999 16.2292 14.1458 15.9375 14.4374C15.6458 14.7291 15.5 15.0833 15.5 15.4999C15.5 15.9166 15.6458 16.2708 15.9375 16.5624C16.2292 16.8541 16.5833 16.9999 17 16.9999ZM17 19.9999C17.423 19.9999 17.8243 19.9192 18.2038 19.7577C18.5833 19.5962 18.9147 19.359 19.198 19.0462C19.275 18.9525 19.3036 18.8496 19.2837 18.7374C19.2637 18.6253 19.1968 18.539 19.0828 18.4787C18.7596 18.3159 18.4217 18.1954 18.069 18.1172C17.7162 18.039 17.3591 17.9999 16.9977 17.9999C16.6364 17.9999 16.2801 18.039 15.9288 18.1172C15.5776 18.1954 15.2404 18.3159 14.9173 18.4787C14.8033 18.539 14.7363 18.6253 14.7163 18.7374C14.6964 18.8496 14.725 18.9525 14.802 19.0462C15.0853 19.359 15.4167 19.5962 15.7962 19.7577C16.1757 19.9192 16.577 19.9999 17 19.9999Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1762_3108)",children:C.jsx("path",{d:"M17 21.4999C15.7513 21.4999 14.6892 21.0621 13.8135 20.1864C12.9378 19.3108 12.5 18.2486 12.5 16.9999C12.5 15.7513 12.9378 14.6891 13.8135 13.8134C14.6892 12.9378 15.7513 12.4999 17 12.4999C18.2487 12.4999 19.3108 12.9378 20.1865 13.8134C21.0622 14.6891 21.5 15.7513 21.5 16.9999C21.5 18.2486 21.0622 19.3108 20.1865 20.1864C19.3108 21.0621 18.2487 21.4999 17 21.4999ZM4.5 11.0999V6.59619C4.5 6.21785 4.60967 5.87652 4.829 5.57219C5.04817 5.26769 5.33017 5.04686 5.675 4.90969L11.3672 2.78469C11.5814 2.70769 11.7923 2.66919 12 2.66919C12.2077 2.66919 12.4186 2.70769 12.6328 2.78469L18.325 4.90969C18.6698 5.04686 18.9518 5.26769 19.171 5.57219C19.3903 5.87652 19.5 6.21785 19.5 6.59619V9.90569C19.5 10.1634 19.391 10.3733 19.173 10.5354C18.955 10.6978 18.714 10.7469 18.45 10.6827C18.2142 10.6185 17.9751 10.572 17.7327 10.5432C17.4904 10.5144 17.2462 10.4999 17 10.4999C15.2013 10.4999 13.6683 11.1336 12.401 12.4009C11.1337 13.6683 10.5 15.2013 10.5 16.9999C10.5 17.4756 10.5545 17.9484 10.6635 18.4182C10.7725 18.888 10.9373 19.3653 11.1578 19.8499C11.2949 20.1409 11.2539 20.4019 11.0348 20.6327C10.8154 20.8634 10.5602 20.9134 10.2692 20.7827C9.53725 20.4289 8.86992 19.9884 8.26725 19.4614C7.66475 18.9346 7.1225 18.332 6.6405 17.6537C5.96867 16.7217 5.444 15.6986 5.0665 14.5844C4.68883 13.4704 4.5 12.3089 4.5 11.0999ZM17 16.9999C17.4167 16.9999 17.7708 16.8541 18.0625 16.5624C18.3542 16.2708 18.5 15.9166 18.5 15.4999C18.5 15.0833 18.3542 14.7291 18.0625 14.4374C17.7708 14.1458 17.4167 13.9999 17 13.9999C16.5833 13.9999 16.2292 14.1458 15.9375 14.4374C15.6458 14.7291 15.5 15.0833 15.5 15.4999C15.5 15.9166 15.6458 16.2708 15.9375 16.5624C16.2292 16.8541 16.5833 16.9999 17 16.9999ZM17 19.9999C17.423 19.9999 17.8243 19.9192 18.2038 19.7577C18.5833 19.5962 18.9147 19.359 19.198 19.0462C19.275 18.9525 19.3036 18.8496 19.2837 18.7374C19.2637 18.6253 19.1968 18.539 19.0828 18.4787C18.7596 18.3159 18.4224 18.1954 18.0712 18.1172C17.7199 18.039 17.3628 17.9999 17 17.9999C16.6372 17.9999 16.2801 18.039 15.9288 18.1172C15.5776 18.1954 15.2404 18.3159 14.9173 18.4787C14.8033 18.539 14.7363 18.6253 14.7163 18.7374C14.6964 18.8496 14.725 18.9525 14.802 19.0462C15.0853 19.359 15.4167 19.5962 15.7962 19.7577C16.1757 19.9192 16.577 19.9999 17 19.9999Z",fill:"currentColor"})})},t=({variant:n="outlined",...r})=>C.jsx(s,{...r,children:e[n]});module.exports=t;

package/dist/mainstack-design-system56.js

@@ -0,0 +1,24 @@
+import { jsx as C } from "react/jsx-runtime";
+import n from "./mainstack-design-system356.js";
+const t = {
+  outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1762_3107)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M12 2.66919C12.1142 2.66919 12.2222 2.67752 12.324 2.69419C12.426 2.71086 12.5289 2.74102 12.6328 2.78469L18.325 4.90969C18.6715 5.04636 18.9539 5.26661 19.1723 5.57044C19.3908 5.87444 19.5 6.21635 19.5 6.59619V10.1154C19.5 10.3279 19.4281 10.506 19.2843 10.6497C19.1404 10.7935 18.9622 10.8654 18.7498 10.8654C18.5371 10.8654 18.359 10.7935 18.2155 10.6497C18.0718 10.506 18 10.3279 18 10.1154V6.60194C18 6.53777 17.9823 6.48002 17.947 6.42869C17.9118 6.37752 17.8622 6.33911 17.798 6.31344L12.1058 4.18844C12.0738 4.17561 12.0385 4.16919 12 4.16919C11.9615 4.16919 11.9262 4.17561 11.8942 4.18844L6.202 6.31344C6.13783 6.33911 6.08817 6.37752 6.053 6.42869C6.01767 6.48002 6 6.53777 6 6.60194V11.0999C6 11.9974 6.13042 12.8804 6.39125 13.7489C6.65225 14.6176 7.01283 15.4285 7.473 16.1817C7.93333 16.9349 8.48208 17.6034 9.11925 18.1874C9.75642 18.7714 10.4462 19.2391 11.1885 19.5904C11.3808 19.6853 11.5199 19.8272 11.6058 20.0162C11.6918 20.2054 11.698 20.3954 11.6245 20.5864C11.539 20.7903 11.3975 20.9294 11.2 21.0037C11.0027 21.078 10.811 21.0678 10.625 20.9729C8.74817 20.1101 7.25808 18.7643 6.15475 16.9354C5.05158 15.1066 4.5 13.1614 4.5 11.0999V6.59619C4.5 6.21635 4.60925 5.87444 4.82775 5.57044C5.04608 5.26661 5.3285 5.04636 5.675 4.90969L11.3672 2.78469C11.4728 2.73852 11.5782 2.70769 11.6838 2.69219C11.7891 2.67686 11.8945 2.66919 12 2.66919ZM17 21.4999C15.7513 21.4999 14.6892 21.0621 13.8135 20.1864C12.9378 19.3108 12.5 18.2486 12.5 16.9999C12.5 15.7513 12.9378 14.6891 13.8135 13.8134C14.6892 12.9378 15.7513 12.4999 17 12.4999C18.2487 12.4999 19.3108 12.9378 20.1865 13.8134C21.0622 14.6891 21.5 15.7513 21.5 16.9999C21.5 18.2486 21.0622 19.3108 20.1865 20.1864C19.3108 21.0621 18.2487 21.4999 17 21.4999ZM17 16.9999C17.4167 16.9999 17.7708 16.8541 18.0625 16.5624C18.3542 16.2708 18.5 15.9166 18.5 15.4999C18.5 15.0833 18.3542 14.7291 18.0625 14.4374C17.7708 14.1458 17.4167 13.9999 17 13.9999C16.5833 13.9999 16.2292 14.1458 15.9375 14.4374C15.6458 14.7291 15.5 15.0833 15.5 15.4999C15.5 15.9166 15.6458 16.2708 15.9375 16.5624C16.2292 16.8541 16.5833 16.9999 17 16.9999ZM17 19.9999C17.423 19.9999 17.8243 19.9192 18.2038 19.7577C18.5833 19.5962 18.9147 19.359 19.198 19.0462C19.275 18.9525 19.3036 18.8496 19.2837 18.7374C19.2637 18.6253 19.1968 18.539 19.0828 18.4787C18.7596 18.3159 18.4217 18.1954 18.069 18.1172C17.7162 18.039 17.3591 17.9999 16.9977 17.9999C16.6364 17.9999 16.2801 18.039 15.9288 18.1172C15.5776 18.1954 15.2404 18.3159 14.9173 18.4787C14.8033 18.539 14.7363 18.6253 14.7163 18.7374C14.6964 18.8496 14.725 18.9525 14.802 19.0462C15.0853 19.359 15.4167 19.5962 15.7962 19.7577C16.1757 19.9192 16.577 19.9999 17 19.9999Z",
+      fill: "currentColor"
+    }
+  ) }),
+  filled: /* @__PURE__ */ C("g", { mask: "url(#mask0_1762_3108)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M17 21.4999C15.7513 21.4999 14.6892 21.0621 13.8135 20.1864C12.9378 19.3108 12.5 18.2486 12.5 16.9999C12.5 15.7513 12.9378 14.6891 13.8135 13.8134C14.6892 12.9378 15.7513 12.4999 17 12.4999C18.2487 12.4999 19.3108 12.9378 20.1865 13.8134C21.0622 14.6891 21.5 15.7513 21.5 16.9999C21.5 18.2486 21.0622 19.3108 20.1865 20.1864C19.3108 21.0621 18.2487 21.4999 17 21.4999ZM4.5 11.0999V6.59619C4.5 6.21785 4.60967 5.87652 4.829 5.57219C5.04817 5.26769 5.33017 5.04686 5.675 4.90969L11.3672 2.78469C11.5814 2.70769 11.7923 2.66919 12 2.66919C12.2077 2.66919 12.4186 2.70769 12.6328 2.78469L18.325 4.90969C18.6698 5.04686 18.9518 5.26769 19.171 5.57219C19.3903 5.87652 19.5 6.21785 19.5 6.59619V9.90569C19.5 10.1634 19.391 10.3733 19.173 10.5354C18.955 10.6978 18.714 10.7469 18.45 10.6827C18.2142 10.6185 17.9751 10.572 17.7327 10.5432C17.4904 10.5144 17.2462 10.4999 17 10.4999C15.2013 10.4999 13.6683 11.1336 12.401 12.4009C11.1337 13.6683 10.5 15.2013 10.5 16.9999C10.5 17.4756 10.5545 17.9484 10.6635 18.4182C10.7725 18.888 10.9373 19.3653 11.1578 19.8499C11.2949 20.1409 11.2539 20.4019 11.0348 20.6327C10.8154 20.8634 10.5602 20.9134 10.2692 20.7827C9.53725 20.4289 8.86992 19.9884 8.26725 19.4614C7.66475 18.9346 7.1225 18.332 6.6405 17.6537C5.96867 16.7217 5.444 15.6986 5.0665 14.5844C4.68883 13.4704 4.5 12.3089 4.5 11.0999ZM17 16.9999C17.4167 16.9999 17.7708 16.8541 18.0625 16.5624C18.3542 16.2708 18.5 15.9166 18.5 15.4999C18.5 15.0833 18.3542 14.7291 18.0625 14.4374C17.7708 14.1458 17.4167 13.9999 17 13.9999C16.5833 13.9999 16.2292 14.1458 15.9375 14.4374C15.6458 14.7291 15.5 15.0833 15.5 15.4999C15.5 15.9166 15.6458 16.2708 15.9375 16.5624C16.2292 16.8541 16.5833 16.9999 17 16.9999ZM17 19.9999C17.423 19.9999 17.8243 19.9192 18.2038 19.7577C18.5833 19.5962 18.9147 19.359 19.198 19.0462C19.275 18.9525 19.3036 18.8496 19.2837 18.7374C19.2637 18.6253 19.1968 18.539 19.0828 18.4787C18.7596 18.3159 18.4224 18.1954 18.0712 18.1172C17.7199 18.039 17.3628 17.9999 17 17.9999C16.6372 17.9999 16.2801 18.039 15.9288 18.1172C15.5776 18.1954 15.2404 18.3159 14.9173 18.4787C14.8033 18.539 14.7363 18.6253 14.7163 18.7374C14.6964 18.8496 14.725 18.9525 14.802 19.0462C15.0853 19.359 15.4167 19.5962 15.7962 19.7577C16.1757 19.9192 16.577 19.9999 17 19.9999Z",
+      fill: "currentColor"
+    }
+  ) })
+}, i = ({
+  variant: r = "outlined",
+  ...l
+}) => /* @__PURE__ */ C(n, { ...l, children: t[r] });
+export {
+  i as default
+};

package/dist/mainstack-design-system560.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./mainstack-design-system558.cjs"),n=()=>{const t=o.useContext(e.TooltipContext);if(!t)throw new Error("useTooltipContext must be used within a TooltipRoot");return t};exports.useTooltipContext=n;