mainstack-design-system 1.14.0 → 1.14.2

package/dist/mainstack-design-system474.js

@@ -1,10 +1,43 @@
-import { jsx as o } from "react/jsx-runtime";
-import { R as e } from "./index-D8zjPZm-.js";
-import { TabsContext as i } from "./mainstack-design-system599.js";
-const a = ({
-  variant: r = "underline",
+import { jsx as r } from "react/jsx-runtime";
+import g, { useState as v } from "react";
+import { R as C } from "./index-D8zjPZm-.js";
+import { TabsContext as I } from "./mainstack-design-system599.js";
+const T = ({
+  variant: l = "underline",
+  layout: s = "horizontal",
+  children: i,
+  value: e,
+  defaultValue: d,
+  onValueChange: u,
+  maxVisibleTabs: c = 6,
   ...t
-}) => /* @__PURE__ */ o(i.Provider, { value: { variant: r }, children: /* @__PURE__ */ o(e, { ...t }) });
+}) => {
+  const m = g.useId(), h = t.id ?? m, [f, V] = v(d ?? ""), o = e !== void 0 ? e : f, a = (n) => {
+    V(n), u?.(n);
+  };
+  return /* @__PURE__ */ r(
+    I.Provider,
+    {
+      value: {
+        variant: l,
+        layout: s,
+        activeValue: o,
+        onValueChange: a,
+        tabsId: h,
+        maxVisibleTabs: c
+      },
+      children: /* @__PURE__ */ r(
+        C,
+        {
+          value: o,
+          onValueChange: a,
+          ...t,
+          children: i
+        }
+      )
+    }
+  );
+};
 export {
-  a as TabsRoot
+  T as TabsRoot
 };

package/dist/mainstack-design-system476.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("./index-DCgbL-w8.cjs"),r=require("./utils-Bdd5vx6a.cjs"),o=require("./mainstack-design-system600.cjs"),c=require("./mainstack-design-system599.cjs"),s=({className:t,...e})=>{const{variant:n}=c.useTabsContext();return a.jsx(i.List,{className:r.cn(o.tabsListVariants({variant:n}),t),...e})};s.displayName="TabsList";exports.TabsList=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),u=require("./index-DCgbL-w8.cjs"),T=require("./utils-Bdd5vx6a.cjs"),p=require("./mainstack-design-system600.cjs"),q=require("./mainstack-design-system599.cjs"),L=require("./mainstack-design-system477.cjs"),v=e=>{if(!d.isValidElement(e))return null;const s=e;return{value:s.props.value,children:s.props.children}},m=({className:e,children:s,...i})=>{const{variant:n,activeValue:c,onValueChange:f,maxVisibleTabs:r}=q.useTabsContext(),a=d.Children.toArray(s);if(a.length<=r)return o.jsx(u.List,{className:T.cn(p.tabsListVariants({variant:n}),e),...i,children:s});const x=a.slice(0,r),l=a.slice(r),w=l.map(v).filter(t=>t!==null),b=l.find(t=>v(t)?.value===c);return o.jsxs(u.List,{className:T.cn(p.tabsListVariants({variant:n}),e),...i,children:[x,b,o.jsx(L.TabsOverflowDropdown,{tabs:w,activeValue:c,variant:n,onSelect:t=>f?.(t),hasActiveTabInDropdown:!!b})]})};m.displayName="TabsList";exports.TabsList=m;

package/dist/mainstack-design-system476.js

@@ -1,19 +1,52 @@
-import { jsx as a } from "react/jsx-runtime";
-import { L as o } from "./index-D8zjPZm-.js";
-import { c as i } from "./utils-D85wpvmd.js";
-import { tabsListVariants as m } from "./mainstack-design-system600.js";
-import { useTabsContext as n } from "./mainstack-design-system599.js";
-const p = ({ className: s, ...t }) => {
-  const { variant: r } = n();
-  return /* @__PURE__ */ a(
-    o,
+import { jsx as m, jsxs as w } from "react/jsx-runtime";
+import v from "react";
+import { L as p } from "./index-D8zjPZm-.js";
+import { c as f } from "./utils-D85wpvmd.js";
+import { tabsListVariants as b } from "./mainstack-design-system600.js";
+import { useTabsContext as x } from "./mainstack-design-system599.js";
+import { TabsOverflowDropdown as L } from "./mainstack-design-system477.js";
+const u = (r) => {
+  if (!v.isValidElement(r)) return null;
+  const t = r;
+  return {
+    value: t.props.value,
+    children: t.props.children
+  };
+}, V = ({ className: r, children: t, ...n }) => {
+  const { variant: o, activeValue: i, onValueChange: T, maxVisibleTabs: s } = x(), a = v.Children.toArray(t);
+  if (a.length <= s)
+    return /* @__PURE__ */ m(
+      p,
+      {
+        className: f(b({ variant: o }), r),
+        ...n,
+        children: t
+      }
+    );
+  const d = a.slice(0, s), l = a.slice(s), h = l.map(u).filter((e) => e !== null), c = l.find((e) => u(e)?.value === i);
+  return /* @__PURE__ */ w(
+    p,
     {
-      className: i(m({ variant: r }), s),
-      ...t
+      className: f(b({ variant: o }), r),
+      ...n,
+      children: [
+        d,
+        c,
+        /* @__PURE__ */ m(
+          L,
+          {
+            tabs: h,
+            activeValue: i,
+            variant: o,
+            onSelect: (e) => T?.(e),
+            hasActiveTabInDropdown: !!c
+          }
+        )
+      ]
     }
   );
 };
-p.displayName = "TabsList";
+V.displayName = "TabsList";
 export {
-  p as TabsList
+  V as TabsList
 };

package/dist/mainstack-design-system477.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),b=require("react"),l=require("./index-DCgbL-w8.cjs"),g=require("./utils-Bdd5vx6a.cjs"),T=require("./mainstack-design-system600.cjs"),d=require("./index-CpE6WAgy.cjs"),f=require("./mainstack-design-system599.cjs");function m(e){const r=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(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const p=m(b),o=p.forwardRef(({className:e,asChild:r,children:t,layout:n,...a},i)=>{const c=r?d.Slot:"button",{variant:u}=f.useTabsContext();return s.jsx(l.Trigger,{ref:i,asChild:!0,...a,children:s.jsx(c,{className:g.cn(T.tabsTriggerVariants({variant:u,layout:n}),e),children:t})})});o.displayName="TabsTrigger";exports.TabsTrigger=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-B43IDo7j.cjs"),n=require("./utils-Bdd5vx6a.cjs");require("./mainstack-design-system357.cjs");const l=require("./mainstack-design-system196.cjs");require("react");require("./player-BBiZ5mNK.cjs");const i=({tabs:d,activeValue:o,onSelect:t,hasActiveTabInDropdown:m})=>e.jsxs(s.DropdownMenu,{children:[e.jsx(s.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("div",{className:n.cn("mds:flex mds:items-center mds:gap-4 mds:p-10 mds:text-secondary mds:body-extrasmall-book"),"data-state":m?"active":"inactive",children:[e.jsx("p",{children:"More"}),e.jsx(l,{className:n.cn("mds:size-16 mds:transition-transform mds:duration-200","group-data-[state=open]:rotate-180")})]})}),e.jsx(s.DropdownMenuPortal,{children:e.jsx(s.DropdownMenuContent,{align:"end",sideOffset:5,className:"mds:z-100 mds:min-w-188 mds:flex mds:flex-col mds:gap-8 mds:bg-surface-neutral-l1 mds:shadow-200 mds:p-8 mds:rounded-12",children:d.map(r=>{const a=r.value===o;return e.jsx(s.DropdownMenuItem,{onSelect:()=>t(r.value),className:n.cn("mds:relative mds:flex mds:cursor-pointer mds:select-none mds:items-center mds:rounded-8 mds:p-8 mds:body-extrasmall-medium mds:outline-none mds:transition-colors mds:hover:bg-surface-neutral-l4 mds:focus:bg-surface-neutral-l4",a&&"mds:bg-surface-neutral-l4 mds:text-primary"),children:r.children},r.value)})})})]});exports.TabsOverflowDropdown=i;

package/dist/mainstack-design-system477.js

@@ -1,15 +1,61 @@
-import { jsx as r } from "react/jsx-runtime";
-import * as p from "react";
-import { T as f } from "./index-D8zjPZm-.js";
-import { c } from "./utils-D85wpvmd.js";
-import { tabsTriggerVariants as g } from "./mainstack-design-system600.js";
-import { S as T } from "./index-BtQfgaSF.js";
-import { useTabsContext as b } from "./mainstack-design-system599.js";
-const l = p.forwardRef(({ className: o, asChild: t, children: a, layout: s, ...m }, i) => {
-  const e = t ? T : "button", { variant: n } = b();
-  return /* @__PURE__ */ r(f, { ref: i, asChild: !0, ...m, children: /* @__PURE__ */ r(e, { className: c(g({ variant: n, layout: s }), o), children: a }) });
-});
-l.displayName = "TabsTrigger";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { D as l, a as i, b as c, c as u, d as p } from "./index-BgRpW4T4.js";
+import { c as r } from "./utils-D85wpvmd.js";
+import "./mainstack-design-system357.js";
+import f from "./mainstack-design-system196.js";
+import "react";
+import "./player-Cs7wtvrg.js";
+const M = ({
+  tabs: o,
+  activeValue: m,
+  onSelect: n,
+  hasActiveTabInDropdown: a
+}) => /* @__PURE__ */ d(l, { children: [
+  /* @__PURE__ */ e(i, { asChild: !0, children: /* @__PURE__ */ d(
+    "div",
+    {
+      className: r(
+        "mds:flex mds:items-center mds:gap-4 mds:p-10 mds:text-secondary mds:body-extrasmall-book"
+      ),
+      "data-state": a ? "active" : "inactive",
+      children: [
+        /* @__PURE__ */ e("p", { children: "More" }),
+        /* @__PURE__ */ e(
+          f,
+          {
+            className: r(
+              "mds:size-16 mds:transition-transform mds:duration-200",
+              "group-data-[state=open]:rotate-180"
+            )
+          }
+        )
+      ]
+    }
+  ) }),
+  /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
+    u,
+    {
+      align: "end",
+      sideOffset: 5,
+      className: "mds:z-100 mds:min-w-188 mds:flex mds:flex-col mds:gap-8 mds:bg-surface-neutral-l1 mds:shadow-200 mds:p-8 mds:rounded-12",
+      children: o.map((s) => {
+        const t = s.value === m;
+        return /* @__PURE__ */ e(
+          p,
+          {
+            onSelect: () => n(s.value),
+            className: r(
+              "mds:relative mds:flex mds:cursor-pointer mds:select-none mds:items-center mds:rounded-8 mds:p-8 mds:body-extrasmall-medium mds:outline-none mds:transition-colors mds:hover:bg-surface-neutral-l4 mds:focus:bg-surface-neutral-l4",
+              t && "mds:bg-surface-neutral-l4 mds:text-primary"
+            ),
+            children: s.children
+          },
+          s.value
+        );
+      })
+    }
+  ) })
+] });
 export {
-  l as TabsTrigger
+  M as TabsOverflowDropdown
 };

package/dist/mainstack-design-system517.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-Bdd5vx6a.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system604.cjs");const l=require("./mainstack-design-system623.cjs"),p=require("./mainstack-design-system530.cjs"),v=require("./mainstack-design-system620.cjs");require("./mainstack-design-system532.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(l.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-neutral mds:shadow-600 mds:min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-Bdd5vx6a.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system604.cjs");const l=require("./mainstack-design-system621.cjs"),p=require("./mainstack-design-system530.cjs"),v=require("./mainstack-design-system619.cjs");require("./mainstack-design-system532.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(l.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-neutral mds:shadow-600 mds:min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;

package/dist/mainstack-design-system517.js

@@ -4,9 +4,9 @@ import { forwardRef as m } from "react";
 import { c as d } from "./utils-D85wpvmd.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system604.js";
-import { ResponsivePopoverDrawerContent as p } from "./mainstack-design-system623.js";
+import { ResponsivePopoverDrawerContent as p } from "./mainstack-design-system621.js";
 import { ResponsivePopoverDrawerOverlay as i } from "./mainstack-design-system530.js";
-import { ResponsivePopoverDrawerPortal as l } from "./mainstack-design-system620.js";
+import { ResponsivePopoverDrawerPortal as l } from "./mainstack-design-system619.js";
 import "./mainstack-design-system532.js";
 const n = m(
   ({ children: o, className: e, ...s }, t) => /* @__PURE__ */ a(l, { children: [

package/dist/mainstack-design-system567.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("./index-5zLWZzxK.cjs"),u=require("./mainstack-design-system569.cjs"),d=require("./mainstack-design-system565.cjs"),l=require("./mainstack-design-system573.cjs"),T=require("./mainstack-design-system572.cjs"),_=require("./mainstack-design-system571.cjs"),q=require("./mainstack-design-system570.cjs");require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");const a=require("./mainstack-design-system395.cjs");require("./mainstack-design-system357.cjs");const x=require("./mainstack-design-system93.cjs"),j=require("./mainstack-design-system358.cjs"),e=require("./mainstack-design-system624.cjs"),p={success:e.SuccessAnimation,error:e.ErrorAnimation,warning:e.WarningAnimation,info:e.InfoAnimation},i=(s,o,{title:m,description:c,action:r})=>t.jsxs(u.ToastRoot,{tone:o,children:[t.jsx(d.ToastIcon,{children:t.jsx(j.AnimatedIcon,{icon:p[o]})}),t.jsxs(l.ToastContent,{children:[t.jsx(T.ToastTitle,{children:m}),c&&t.jsx(_.ToastDescription,{children:c})]}),t.jsxs(q.ToastActions,{children:[r&&t.jsx(a.Button,{rounded:"sm",size:"tiny",variant:"secondary",onClick:()=>{r.onClick(),n.toast.dismiss(s)},children:r.label}),t.jsx(a.Button,{iconOnly:!0,onClick:()=>n.toast.dismiss(s),rounded:"sm",size:"tiny",variant:"secondary",className:"mds:w-30 mds:h-30",children:t.jsx(x,{variant:"filled",className:"mds:h-16 mds:w-16 mds:text-on-secondary"})})]})]}),h={success:s=>n.toast.custom(o=>i(o,"success",s)),error:s=>n.toast.custom(o=>i(o,"error",s)),warning:s=>n.toast.custom(o=>i(o,"warning",s)),info:s=>n.toast.custom(o=>i(o,"info",s)),custom:n.toast.custom,dismiss:n.toast.dismiss};exports.toast=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("./index-5zLWZzxK.cjs"),u=require("./mainstack-design-system569.cjs"),d=require("./mainstack-design-system565.cjs"),l=require("./mainstack-design-system573.cjs"),T=require("./mainstack-design-system572.cjs"),_=require("./mainstack-design-system571.cjs"),q=require("./mainstack-design-system570.cjs");require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");const a=require("./mainstack-design-system395.cjs");require("./mainstack-design-system357.cjs");const x=require("./mainstack-design-system93.cjs"),j=require("./mainstack-design-system358.cjs"),e=require("./mainstack-design-system625.cjs"),p={success:e.SuccessAnimation,error:e.ErrorAnimation,warning:e.WarningAnimation,info:e.InfoAnimation},i=(s,o,{title:m,description:c,action:r})=>t.jsxs(u.ToastRoot,{tone:o,children:[t.jsx(d.ToastIcon,{children:t.jsx(j.AnimatedIcon,{icon:p[o]})}),t.jsxs(l.ToastContent,{children:[t.jsx(T.ToastTitle,{children:m}),c&&t.jsx(_.ToastDescription,{children:c})]}),t.jsxs(q.ToastActions,{children:[r&&t.jsx(a.Button,{rounded:"sm",size:"tiny",variant:"secondary",onClick:()=>{r.onClick(),n.toast.dismiss(s)},children:r.label}),t.jsx(a.Button,{iconOnly:!0,onClick:()=>n.toast.dismiss(s),rounded:"sm",size:"tiny",variant:"secondary",className:"mds:w-30 mds:h-30",children:t.jsx(x,{variant:"filled",className:"mds:h-16 mds:w-16 mds:text-on-secondary"})})]})]}),h={success:s=>n.toast.custom(o=>i(o,"success",s)),error:s=>n.toast.custom(o=>i(o,"error",s)),warning:s=>n.toast.custom(o=>i(o,"warning",s)),info:s=>n.toast.custom(o=>i(o,"info",s)),custom:n.toast.custom,dismiss:n.toast.dismiss};exports.toast=h;

package/dist/mainstack-design-system567.js

@@ -14,7 +14,7 @@ import { Button as a } from "./mainstack-design-system395.js";
 import "./mainstack-design-system357.js";
 import T from "./mainstack-design-system93.js";
 import { AnimatedIcon as y } from "./mainstack-design-system358.js";
-import { InfoAnimation as A, WarningAnimation as w, ErrorAnimation as C, SuccessAnimation as g } from "./mainstack-design-system624.js";
+import { InfoAnimation as A, WarningAnimation as w, ErrorAnimation as C, SuccessAnimation as g } from "./mainstack-design-system625.js";
 const x = {
   success: g,
   error: C,

package/dist/mainstack-design-system599.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function a(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const r=a(c),s=r.createContext(null),u=()=>{const t=r.useContext(s);if(!t)throw new Error("useTabsContext must be used within <TabsRoot>");return t};exports.TabsContext=s;exports.useTabsContext=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext(void 0),s=()=>{const t=e.useContext(o);if(!t)throw new Error("useTabsContext must be used within a TabsRoot");return t};exports.TabsContext=o;exports.useTabsContext=s;

package/dist/mainstack-design-system599.js

@@ -1,11 +1,13 @@
-import * as e from "react";
-const o = e.createContext(null), s = () => {
-  const t = e.useContext(o);
+import { createContext as o, useContext as e } from "react";
+const n = o(
+  void 0
+), r = () => {
+  const t = e(n);
   if (!t)
-    throw new Error("useTabsContext must be used within <TabsRoot>");
+    throw new Error("useTabsContext must be used within a TabsRoot");
   return t;
 };
 export {
-  o as TabsContext,
-  s as useTabsContext
+  n as TabsContext,
+  r as useTabsContext
 };

package/dist/mainstack-design-system600.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),t=e.cva("mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",{variants:{variant:{underline:["mds:px-8 mds:py-6 mds:text-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10","mds:disabled:text-disabled mds:disabled:pointer-events-none","mds:data-[state=active]:text-primary","mds:after:absolute mds:after:left-0 mds:after:right-0 mds:after:-bottom-9 mds:after:h-2 mds:after:bg-transparent","mds:data-[state=active]:after:bg-interactive-primary","mds:data-[state=active]:disabled:text-disabled","mds:data-[state=active]:disabled:after:bg-interactive-primary-disabled"],button:["mds:px-16 mds:py-10 mds:rounded-full mds:bg-transparent mds:text-on-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-full mds:hover:text-on-secondary","mds:data-[state=active]:bg-interactive-primary mds:data-[state=active]:text-on-primary ","mds:data-[state=active]:hover:bg-interactive-primary-hover","mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:bg-interactive-primary-disabled mds:data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"mds:flex-row",vertical:"mds:flex-col"}},defaultVariants:{variant:"underline",layout:"vertical"}}),a=e.cva("mds:flex mds:items-center",{variants:{variant:{underline:"mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-8",button:"mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=a;exports.tabsTriggerVariants=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva("mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",{variants:{variant:{underline:["mds:px-8 mds:py-8 mds:text-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10","mds:disabled:text-disabled mds:disabled:pointer-events-none","mds:data-[state=active]:text-primary","mds:data-[state=active]:disabled:text-disabled"],button:["mds:px-16 mds:py-10 mds:rounded-full mds:bg-transparent mds:text-on-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-full mds:hover:text-on-secondary","mds:data-[state=active]:text-on-primary","mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"mds:flex-row",vertical:"mds:flex-col"}},defaultVariants:{variant:"underline",layout:"horizontal"}}),d=e.cva("mds:flex mds:items-center",{variants:{variant:{underline:"mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-7 mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",button:"mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=d;exports.tabsTriggerVariants=s;

package/dist/mainstack-design-system600.js

@@ -1,25 +1,21 @@
-import { c as e } from "./index-D29mdTf5.js";
-const a = e(
+import { c as d } from "./index-D29mdTf5.js";
+const e = d(
   "mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",
   {
     variants: {
       variant: {
         underline: [
-          "mds:px-8 mds:py-6 mds:text-secondary",
+          "mds:px-8 mds:py-8 mds:text-secondary",
           "mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10",
           "mds:disabled:text-disabled mds:disabled:pointer-events-none",
           "mds:data-[state=active]:text-primary",
-          "mds:after:absolute mds:after:left-0 mds:after:right-0 mds:after:-bottom-9 mds:after:h-2 mds:after:bg-transparent",
-          "mds:data-[state=active]:after:bg-interactive-primary",
-          "mds:data-[state=active]:disabled:text-disabled",
-          "mds:data-[state=active]:disabled:after:bg-interactive-primary-disabled"
+          "mds:data-[state=active]:disabled:text-disabled"
         ],
         button: [
           "mds:px-16 mds:py-10 mds:rounded-full mds:bg-transparent mds:text-on-secondary",
           "mds:hover:bg-surface-neutral-l4 mds:hover:rounded-full mds:hover:text-on-secondary",
-          "mds:data-[state=active]:bg-interactive-primary mds:data-[state=active]:text-on-primary ",
-          "mds:data-[state=active]:hover:bg-interactive-primary-hover",
-          "mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:bg-interactive-primary-disabled mds:data-[state=active]:disabled:text-on-primary-disabled"
+          "mds:data-[state=active]:text-on-primary",
+          "mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:text-on-primary-disabled"
         ]
       },
       layout: {
@@ -29,14 +25,14 @@ const a = e(
     },
     defaultVariants: {
       variant: "underline",
-      layout: "vertical"
+      layout: "horizontal"
     }
   }
-), d = e("mds:flex mds:items-center", {
+), t = d("mds:flex mds:items-center", {
   variants: {
     variant: {
-      underline: "mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-8",
-      button: "mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full"
+      underline: "mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-7 mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",
+      button: "mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"
     }
   },
   defaultVariants: {
@@ -44,6 +40,6 @@ const a = e(
   }
 });
 export {
-  d as tabsListVariants,
-  a as tabsTriggerVariants
+  t as tabsListVariants,
+  e as tabsTriggerVariants
 };

package/dist/mainstack-design-system616.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system621.cjs"),M=require("./mainstack-design-system622.cjs"),m=require("./mainstack-design-system500.cjs"),E=require("./mainstack-design-system489.cjs");require("react-dom");const p=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system497.cjs"),f=require("./mainstack-design-system486.cjs"),v=require("./mainstack-design-system491.cjs"),q=require("./mainstack-design-system498.cjs"),B=require("./mainstack-design-system494.cjs"),g=require("./mainstack-design-system487.cjs"),h=require("./mainstack-design-system495.cjs"),O=require("./mainstack-design-system493.cjs"),S=require("./mainstack-design-system499.cjs"),b=require("./mainstack-design-system492.cjs"),P=require("./mainstack-design-system488.cjs"),N=require("./mainstack-design-system490.cjs");function I(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const x=I(c);var R=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],w=R.reduce((t,r)=>{const n=p.createSlot(`Primitive.${r}`),o=x.forwardRef((s,i)=>{const{asChild:a,...u}=s,_=a?n:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...u,ref:i})});return o.displayName=`Primitive.${r}`,{...t,[r]:o}},{}),y="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:n,orientation:o=d,...s}=t,i=k(o)?o:d,u=n?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(w.div,{"data-orientation":i,...u,...s,ref:r})});l.displayName=y;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...n},o)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:o,...n,children:[e.jsxs(m.TextEditorMenuBar,{children:[e.jsx(E.GenerateWithAiMenu,{}),e.jsx(l,{className:"mds:bg-border-interactive-neutral mds:h-full mds:min-h-30 mds:w-1",orientation:"vertical"}),e.jsx(j.TextSizesMenu,{}),e.jsx(f.BoldMenu,{}),e.jsx(v.ItalicMenu,{}),e.jsx(q.UnderlineMenu,{}),e.jsx(B.StrikethroughMenu,{}),e.jsx(g.CodeMenu,{}),e.jsx(h.TextAlignMenu,{}),e.jsx(O.OrderedListMenu,{}),e.jsx(S.UnorderedListMenu,{}),e.jsx(b.LinkMenu,{}),e.jsx(N.ImageUploadMenu,{}),e.jsx(P.ColorPickerMenu,{})]}),e.jsx(M.TextEditorField,{})]})}));exports.TextEditorInput=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system622.cjs"),M=require("./mainstack-design-system623.cjs"),m=require("./mainstack-design-system500.cjs"),E=require("./mainstack-design-system489.cjs");require("react-dom");const p=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system497.cjs"),f=require("./mainstack-design-system486.cjs"),v=require("./mainstack-design-system491.cjs"),q=require("./mainstack-design-system498.cjs"),B=require("./mainstack-design-system494.cjs"),g=require("./mainstack-design-system487.cjs"),h=require("./mainstack-design-system495.cjs"),O=require("./mainstack-design-system493.cjs"),S=require("./mainstack-design-system499.cjs"),b=require("./mainstack-design-system492.cjs"),P=require("./mainstack-design-system488.cjs"),N=require("./mainstack-design-system490.cjs");function I(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const x=I(c);var R=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],w=R.reduce((t,r)=>{const n=p.createSlot(`Primitive.${r}`),o=x.forwardRef((s,i)=>{const{asChild:a,...u}=s,_=a?n:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...u,ref:i})});return o.displayName=`Primitive.${r}`,{...t,[r]:o}},{}),y="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:n,orientation:o=d,...s}=t,i=k(o)?o:d,u=n?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(w.div,{"data-orientation":i,...u,...s,ref:r})});l.displayName=y;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...n},o)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:o,...n,children:[e.jsxs(m.TextEditorMenuBar,{children:[e.jsx(E.GenerateWithAiMenu,{}),e.jsx(l,{className:"mds:bg-border-interactive-neutral mds:h-full mds:min-h-30 mds:w-1",orientation:"vertical"}),e.jsx(j.TextSizesMenu,{}),e.jsx(f.BoldMenu,{}),e.jsx(v.ItalicMenu,{}),e.jsx(q.UnderlineMenu,{}),e.jsx(B.StrikethroughMenu,{}),e.jsx(g.CodeMenu,{}),e.jsx(h.TextAlignMenu,{}),e.jsx(O.OrderedListMenu,{}),e.jsx(S.UnorderedListMenu,{}),e.jsx(b.LinkMenu,{}),e.jsx(N.ImageUploadMenu,{}),e.jsx(P.ColorPickerMenu,{})]}),e.jsx(M.TextEditorField,{})]})}));exports.TextEditorInput=L;

package/dist/mainstack-design-system616.js

@@ -2,8 +2,8 @@
 import { jsx as r, Fragment as c, jsxs as p } from "react/jsx-runtime";
 import * as f from "react";
 import { forwardRef as v } from "react";
-import { TextEditorRoot as M } from "./mainstack-design-system621.js";
-import { TextEditorField as h } from "./mainstack-design-system622.js";
+import { TextEditorRoot as M } from "./mainstack-design-system622.js";
+import { TextEditorField as h } from "./mainstack-design-system623.js";
 import { TextEditorMenuBar as T } from "./mainstack-design-system500.js";
 import { GenerateWithAiMenu as x } from "./mainstack-design-system489.js";
 import "react-dom";