mainstack-design-system 1.14.2 → 1.15.0

package/dist/mainstack-design-system483.js

@@ -1,30 +1,43 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { TextareaField as d } from "./mainstack-design-system484.js";
-import { TextareaRoot as p } from "./mainstack-design-system485.js";
-import { FormCharacterCounter as c } from "./mainstack-design-system431.js";
-import { c as f } from "./utils-D85wpvmd.js";
-const l = i(
-  ({ maxCharLength: m, currentCharLength: a, className: e, ...o }, t) => /* @__PURE__ */ s(p, { className: "mds:relative", children: [
-    /* @__PURE__ */ r(
-      c,
-      {
-        currentCharLength: a,
-        maxCharLength: m,
-        className: " mds:absolute mds:top-12 mds:right-16"
-      }
-    ),
-    /* @__PURE__ */ r(
-      d,
-      {
-        ref: t,
-        className: f("mds:min-h-44", e),
-        ...o
-      }
-    )
-  ] })
-);
-l.displayName = "Textarea";
+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-system608.js";
+const T = ({
+  variant: l = "underline",
+  layout: s = "horizontal",
+  children: i,
+  value: e,
+  defaultValue: d,
+  onValueChange: u,
+  maxVisibleTabs: c = 6,
+  ...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 {
-  l as Textarea
+  T as TabsRoot
 };

package/dist/mainstack-design-system484.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),i=require("./utils-Bdd5vx6a.cjs"),e=o.forwardRef(({className:t,isError:a,isSuccess:r,...s},d)=>l.jsx("textarea",{ref:d,"data-slot":"textarea-field","data-error":a,"data-success":r,className:i.cn("mds:body-extrasmall-book","mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed mds:resize-none mds:min-h-80 mds:min-w-full mds:max-w-full",t),...s}));e.displayName="TextareaField";exports.TextareaField=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("./index-DCgbL-w8.cjs"),a=require("./utils-Dp-J9Ksy.cjs"),t=({className:e,...n})=>s.jsx(o.Content,{"data-slot":"tabs-content",className:a.cn("mds:flex-1 mds:outline-none",e),...n});t.displayName="TabsContent";exports.TabsContent=t;

package/dist/mainstack-design-system484.js

@@ -1,24 +1,15 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { c as t } from "./utils-D85wpvmd.js";
-const l = o(
-  ({ className: e, isError: a, isSuccess: r, ...d }, s) => /* @__PURE__ */ m(
-    "textarea",
-    {
-      ref: s,
-      "data-slot": "textarea-field",
-      "data-error": a,
-      "data-success": r,
-      className: t(
-        "mds:body-extrasmall-book",
-        "mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed mds:resize-none mds:min-h-80 mds:min-w-full mds:max-w-full",
-        e
-      ),
-      ...d
-    }
-  )
+import { jsx as n } from "react/jsx-runtime";
+import { C as s } from "./index-D8zjPZm-.js";
+import { c as a } from "./utils-BWBRqOem.js";
+const e = ({ className: t, ...o }) => /* @__PURE__ */ n(
+  s,
+  {
+    "data-slot": "tabs-content",
+    className: a("mds:flex-1 mds:outline-none", t),
+    ...o
+  }
 );
-l.displayName = "TextareaField";
+e.displayName = "TabsContent";
 export {
-  l as TextareaField
+  e as TabsContent
 };

package/dist/mainstack-design-system485.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),d=require("./utils-Bdd5vx6a.cjs"),t=s.forwardRef(({className:e,...a},r)=>o.jsx("div",{ref:r,"data-slot":"textarea-root","data-editable":"true",tabIndex:0,className:d.cn("form-root-slot-defaults","mds:flex mds:gap-4 mds:w-full mds:px-12 mds:pt-12 mds:border mds:rounded-14 mds:has-[>[data-slot=form-character-counter]]:pt-36 ",e),...a}));t.displayName="TextareaRoot";exports.TextareaRoot=t;
+"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-Dp-J9Ksy.cjs"),p=require("./mainstack-design-system609.cjs"),q=require("./mainstack-design-system608.cjs"),L=require("./mainstack-design-system486.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-system485.js

@@ -1,24 +1,52 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { c as d } from "./utils-D85wpvmd.js";
-const s = e(
-  ({ className: t, ...a }, o) => /* @__PURE__ */ r(
-    "div",
+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-BWBRqOem.js";
+import { tabsListVariants as b } from "./mainstack-design-system609.js";
+import { useTabsContext as x } from "./mainstack-design-system608.js";
+import { TabsOverflowDropdown as L } from "./mainstack-design-system486.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,
     {
-      ref: o,
-      "data-slot": "textarea-root",
-      "data-editable": "true",
-      tabIndex: 0,
-      className: d(
-        "form-root-slot-defaults",
-        "mds:flex mds:gap-4 mds:w-full mds:px-12 mds:pt-12 mds:border mds:rounded-14 mds:has-[>[data-slot=form-character-counter]]:pt-36 ",
-        t
-      ),
-      ...a
+      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
+          }
+        )
+      ]
     }
-  )
-);
-s.displayName = "TextareaRoot";
+  );
+};
+V.displayName = "TabsList";
 export {
-  s as TextareaRoot
+  V as TabsList
 };

package/dist/mainstack-design-system486.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system357.cjs");const u=require("./mainstack-design-system167.cjs");require("./player-BBiZ5mNK.cjs");const i=require("./index-CflNvP-u.cjs"),l=require("./mainstack-design-system496.cjs"),n=c.forwardRef(({...d},s)=>{const{editor:o}=i.useCurrentEditor(),t=i.useEditorState({editor:o,selector:e=>e.editor?{isBold:e.editor.isActive("bold")||!1,canBold:e.editor.can().chain().toggleBold().run()||!1}:{}});return r.jsx(l.TextEditorMenuAction,{isActive:t?.isBold,onClick:()=>o?.chain().focus().toggleBold().run(),disabled:!t?.canBold,"data-slot":"text-editor-bold-menu",ref:s,...d,children:r.jsx(u,{className:"mds:size-16"})})});n.displayName="BoldMenu";exports.BoldMenu=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-B43IDo7j.cjs"),n=require("./utils-Dp-J9Ksy.cjs");require("./mainstack-design-system366.cjs");const l=require("./mainstack-design-system196.cjs");require("react");require("./player-BoD_1Mo-.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-system486.js

@@ -1,35 +1,61 @@
-'use client';
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import "./mainstack-design-system357.js";
-import l from "./mainstack-design-system167.js";
-import "./player-Cs7wtvrg.js";
-import { u as n, a } from "./index-Ic3e2lng.js";
-import { TextEditorMenuAction as m } from "./mainstack-design-system496.js";
-const c = s(
-  ({ ...i }, d) => {
-    const { editor: t } = n(), r = a({
-      editor: t,
-      selector: (o) => o.editor ? {
-        isBold: o.editor.isActive("bold") || !1,
-        canBold: o.editor.can().chain().toggleBold().run() || !1
-      } : {}
-    });
-    return /* @__PURE__ */ e(
-      m,
-      {
-        isActive: r?.isBold,
-        onClick: () => t?.chain().focus().toggleBold().run(),
-        disabled: !r?.canBold,
-        "data-slot": "text-editor-bold-menu",
-        ref: d,
-        ...i,
-        children: /* @__PURE__ */ e(l, { className: "mds:size-16" })
-      }
-    );
-  }
-);
-c.displayName = "BoldMenu";
+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-BWBRqOem.js";
+import "./mainstack-design-system366.js";
+import f from "./mainstack-design-system196.js";
+import "react";
+import "./player-DtDfxekb.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 {
-  c as BoldMenu
+  M as TabsOverflowDropdown
 };

package/dist/mainstack-design-system487.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system357.cjs");const u=require("./mainstack-design-system110.cjs");require("./player-BBiZ5mNK.cjs");const i=require("./index-CflNvP-u.cjs"),a=require("./mainstack-design-system496.cjs"),n=c.forwardRef(({...d},s)=>{const{editor:o}=i.useCurrentEditor(),t=i.useEditorState({editor:o,selector:e=>e.editor?{isCode:e.editor.isActive("code")||!1,canCode:e.editor.can().chain().toggleCode().run()||!1}:{}});return r.jsx(a.TextEditorMenuAction,{isActive:t?.isCode,onClick:()=>o?.chain().focus().toggleCode().run(),disabled:!t?.canCode,"data-slot":"text-editor-code-menu",ref:s,...d,children:r.jsx(u,{className:"mds:size-16"})})});n.displayName="CodeMenu";exports.CodeMenu=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),l=require("./index-CpE6WAgy.cjs"),u=require("./utils-Dp-J9Ksy.cjs");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const f=d(i),c=f.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const s=n?l.Slot:"span";return a.jsx(s,{ref:o,"data-slot":"tag-icon",className:u.cn("mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",e),...r,children:t})});c.displayName="TagIcon";exports.TagIcon=c;

package/dist/mainstack-design-system487.js

@@ -1,35 +1,23 @@
-'use client';
 import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import "./mainstack-design-system357.js";
-import n from "./mainstack-design-system110.js";
-import "./player-Cs7wtvrg.js";
-import { u as a, a as c } from "./index-Ic3e2lng.js";
-import { TextEditorMenuAction as m } from "./mainstack-design-system496.js";
-const u = s(
-  ({ ...i }, d) => {
-    const { editor: o } = a(), t = c({
-      editor: o,
-      selector: (e) => e.editor ? {
-        isCode: e.editor.isActive("code") || !1,
-        canCode: e.editor.can().chain().toggleCode().run() || !1
-      } : {}
-    });
-    return /* @__PURE__ */ r(
-      m,
-      {
-        isActive: t?.isCode,
-        onClick: () => o?.chain().focus().toggleCode().run(),
-        disabled: !t?.canCode,
-        "data-slot": "text-editor-code-menu",
-        ref: d,
-        ...i,
-        children: /* @__PURE__ */ r(n, { className: "mds:size-16" })
-      }
-    );
-  }
+import * as e from "react";
+import { S as n } from "./index-BtQfgaSF.js";
+import { c } from "./utils-BWBRqOem.js";
+const i = e.forwardRef(
+  ({ className: o, asChild: s = !1, children: m, ...t }, a) => /* @__PURE__ */ r(
+    s ? n : "span",
+    {
+      ref: a,
+      "data-slot": "tag-icon",
+      className: c(
+        "mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",
+        o
+      ),
+      ...t,
+      children: m
+    }
+  )
 );
-u.displayName = "CodeMenu";
+i.displayName = "TagIcon";
 export {
-  u as CodeMenu
+  i as TagIcon
 };

package/dist/mainstack-design-system488.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),o=require("./index-CflNvP-u.cjs"),s=require("./utils-Bdd5vx6a.cjs"),l=require("./mainstack-design-system496.cjs"),i=c.forwardRef(({...n},d)=>{const{editor:t}=o.useCurrentEditor(),u=o.useEditorState({editor:t,selector:e=>e.editor?{color:e.editor.getAttributes("textStyle").color}:{}});return r.jsx(l.TextEditorMenuAction,{"data-slot":"text-editor-color-picker-menu",ref:d,...n,children:r.jsx("div",{className:s.cn(" mds:p-0 mds:overflow-hidden mds:hover:bg-border-interactive-neutral mds:disabled:text-disabled mds:disabled:cursor-not-allowed mds:rounded-full mds:size-14 mds:min-w-14 mds:ring-2 mds:ring-offset-1 mds:ring-interactive-neutral"),children:r.jsx("input",{type:"color",onInput:e=>t?.chain().focus().setColor(e.currentTarget.value).run(),value:u?.color,className:s.cn("mds:size-[200%] mds:cursor-pointer mds:border-0 mds:p-0 mds:-translate-[25%]")})})})});i.displayName="ColorPickerMenu";exports.ColorPickerMenu=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),d=require("./index-CpE6WAgy.cjs"),u=require("./utils-Dp-J9Ksy.cjs");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const f=m(i),n=f.forwardRef(({className:e,children:a,asChild:t=!1,isBullet:s=!1,...l},o)=>{const c=t?d.Slot:"span";return r.jsxs(c,{ref:o,"data-slot":"tag-label",className:u.cn("mds:whitespace-nowrap mds:flex mds:items-center",e),...l,children:[s&&r.jsx("div",{className:"mds:w-4 mds:h-4 mds:rounded-full mds:mr-4","data-slot":"tag-indicator"}),a]})});n.displayName="TagLabel";exports.TagLabel=n;

package/dist/mainstack-design-system488.js

@@ -1,47 +1,32 @@
-'use client';
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { u as m, a } from "./index-Ic3e2lng.js";
-import { c as o } from "./utils-D85wpvmd.js";
-import { TextEditorMenuAction as l } from "./mainstack-design-system496.js";
-const c = n(
-  ({ ...s }, d) => {
-    const { editor: t } = m(), i = a({
-      editor: t,
-      selector: (r) => r.editor ? {
-        color: r.editor.getAttributes("textStyle").color
-      } : {}
-    });
-    return /* @__PURE__ */ e(
-      l,
-      {
-        "data-slot": "text-editor-color-picker-menu",
-        ref: d,
-        ...s,
-        children: /* @__PURE__ */ e(
+import { jsxs as r, jsx as d } from "react/jsx-runtime";
+import * as l from "react";
+import { S as c } from "./index-BtQfgaSF.js";
+import { c as i } from "./utils-BWBRqOem.js";
+const p = l.forwardRef(
+  ({ className: a, children: s, asChild: m = !1, isBullet: e = !1, ...o }, t) => /* @__PURE__ */ r(
+    m ? c : "span",
+    {
+      ref: t,
+      "data-slot": "tag-label",
+      className: i(
+        "mds:whitespace-nowrap mds:flex mds:items-center",
+        a
+      ),
+      ...o,
+      children: [
+        e && /* @__PURE__ */ d(
           "div",
           {
-            className: o(
-              " mds:p-0 mds:overflow-hidden mds:hover:bg-border-interactive-neutral mds:disabled:text-disabled mds:disabled:cursor-not-allowed mds:rounded-full mds:size-14 mds:min-w-14 mds:ring-2 mds:ring-offset-1 mds:ring-interactive-neutral"
-            ),
-            children: /* @__PURE__ */ e(
-              "input",
-              {
-                type: "color",
-                onInput: (r) => t?.chain().focus().setColor(r.currentTarget.value).run(),
-                value: i?.color,
-                className: o(
-                  "mds:size-[200%] mds:cursor-pointer mds:border-0 mds:p-0 mds:-translate-[25%]"
-                )
-              }
-            )
+            className: "mds:w-4 mds:h-4 mds:rounded-full mds:mr-4",
+            "data-slot": "tag-indicator"
           }
-        )
-      }
-    );
-  }
+        ),
+        s
+      ]
+    }
+  )
 );
-c.displayName = "ColorPickerMenu";
+p.displayName = "TagLabel";
 export {
-  c as ColorPickerMenu
+  p as TagLabel
 };

package/dist/mainstack-design-system489.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),s=require("./utils-Bdd5vx6a.cjs");require("./mainstack-design-system357.cjs");const a=require("./mainstack-design-system305.cjs");require("./player-BBiZ5mNK.cjs");const l=require("./mainstack-design-system601.cjs"),c=require("./mainstack-design-system388.cjs"),t=m.forwardRef(({className:o,...d},n)=>{const{onGenerateWithAi:i,generateWithAiIsLoading:r}=l.useTextEditorContext();return e.jsxs("button",{onClick:i,ref:n,"data-slot":"text-editor-generate-with-ai-menu",disabled:r,"aria-disabled":r,className:s.cn("mds:flex mds:relative mds:cursor-pointer mds:min-w-126 mds:justify-center mds:bg-surface-neutral-l1 mds:items-center mds:gap-4 mds:p-6 mds:pl-10 mds:rounded-full mds:border-solid mds:border-transparent mds:border-1 mds:bg-clip-padding mds:before:content-[''] mds:before:absolute mds:before:top-0 mds:before:right-0 mds:before:left-0 mds:before:bottom-0 mds:before:z-[-1] mds:before:-m-1 mds:before:rounded-full mds:before:bg-linear-[to_right,var(--mds-color-purple-225)_0%,var(--mds-color-azure-275)_30%,var(--mds-color-cobalt-225)_60%,var(--mds-color-persimmon-250)_90%] mds:disabled:cursor-not-allowed  ",o),...d,children:[e.jsx("p",{className:s.cn("mds:body-tiny-medium"," mds:whitespace-nowrap"),children:"Generate with AI"}),r?e.jsx(c.Spinner,{}):e.jsx(a,{className:"mds:size-16 mds:animate-pulse-wiggle "})]})});t.displayName="GenerateWithAiMenu";exports.GenerateWithAiMenu=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),z=require("react"),T=require("./utils-Dp-J9Ksy.cjs"),h=require("./mainstack-design-system491.cjs");function R(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(i,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return i.default=t,Object.freeze(i)}const n=R(z),j=n.forwardRef,l=j(({as:t,className:i,size:a="md",variant:o,disabled:p,children:d,...m},u)=>{const y=t||"span",e=n.Children.toArray(d),s=e[0],r=e[e.length-1],g=n.isValidElement(s)&&typeof s.type!="string"&&s.type?.displayName==="TagIcon",c=n.isValidElement(r)&&typeof r.type!="string"&&r.type?.displayName==="TagIcon",f=g&&c?"both":g?"leading":c?"trailing":"none";return b.jsx(y,{ref:u,"aria-disabled":p,"data-slot":"tag-root","data-tag-size":a,"data-tag-icon-position":f,className:T.cn(h.tagVariants({size:a,variant:o}),"mds:data-[tag-size=xs]:data-[tag-icon-position=leading]:pl-4","mds:data-[tag-size=xs]:data-[tag-icon-position=trailing]:pr-4","mds:data-[tag-size=sm]:data-[tag-icon-position=leading]:pr-10","mds:data-[tag-size=sm]:data-[tag-icon-position=trailing]:pl-10","mds:data-[tag-size=md]:data-[tag-icon-position=leading]:pr-16","mds:data-[tag-size=md]:data-[tag-icon-position=trailing]:pl-16","mds:data-[tag-size=lg]:data-[tag-icon-position=leading]:pr-16","mds:data-[tag-size=lg]:data-[tag-icon-position=trailing]:pl-16",i),...m,children:d})});l.displayName="TagRoot";exports.TagRoot=l;

package/dist/mainstack-design-system489.js

@@ -1,37 +1,37 @@
-'use client';
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { c as o } from "./utils-D85wpvmd.js";
-import "./mainstack-design-system357.js";
-import n from "./mainstack-design-system305.js";
-import "./player-Cs7wtvrg.js";
-import { useTextEditorContext as l } from "./mainstack-design-system601.js";
-import { Spinner as p } from "./mainstack-design-system388.js";
-const b = a(
-  ({ className: s, ...d }, m) => {
-    const { onGenerateWithAi: t, generateWithAiIsLoading: e } = l();
-    return /* @__PURE__ */ i(
-      "button",
+import { jsx as f } from "react/jsx-runtime";
+import * as a from "react";
+import { c as h } from "./utils-BWBRqOem.js";
+import { tagVariants as z } from "./mainstack-design-system491.js";
+const R = a.forwardRef, T = R(
+  ({ as: e, className: r, size: s = "md", variant: p, disabled: l, children: n, ...c }, m) => {
+    const y = e || "span", t = a.Children.toArray(n), i = t[0], o = t[t.length - 1], d = a.isValidElement(i) && typeof i.type != "string" && i.type?.displayName === "TagIcon", g = a.isValidElement(o) && typeof o.type != "string" && o.type?.displayName === "TagIcon";
+    return /* @__PURE__ */ f(
+      y,
       {
-        onClick: t,
         ref: m,
-        "data-slot": "text-editor-generate-with-ai-menu",
-        disabled: e,
-        "aria-disabled": e,
-        className: o(
-          "mds:flex mds:relative mds:cursor-pointer mds:min-w-126 mds:justify-center mds:bg-surface-neutral-l1 mds:items-center mds:gap-4 mds:p-6 mds:pl-10 mds:rounded-full mds:border-solid mds:border-transparent mds:border-1 mds:bg-clip-padding mds:before:content-[''] mds:before:absolute mds:before:top-0 mds:before:right-0 mds:before:left-0 mds:before:bottom-0 mds:before:z-[-1] mds:before:-m-1 mds:before:rounded-full mds:before:bg-linear-[to_right,var(--mds-color-purple-225)_0%,var(--mds-color-azure-275)_30%,var(--mds-color-cobalt-225)_60%,var(--mds-color-persimmon-250)_90%] mds:disabled:cursor-not-allowed  ",
-          s
+        "aria-disabled": l,
+        "data-slot": "tag-root",
+        "data-tag-size": s,
+        "data-tag-icon-position": d && g ? "both" : d ? "leading" : g ? "trailing" : "none",
+        className: h(
+          z({ size: s, variant: p }),
+          "mds:data-[tag-size=xs]:data-[tag-icon-position=leading]:pl-4",
+          "mds:data-[tag-size=xs]:data-[tag-icon-position=trailing]:pr-4",
+          "mds:data-[tag-size=sm]:data-[tag-icon-position=leading]:pr-10",
+          "mds:data-[tag-size=sm]:data-[tag-icon-position=trailing]:pl-10",
+          "mds:data-[tag-size=md]:data-[tag-icon-position=leading]:pr-16",
+          "mds:data-[tag-size=md]:data-[tag-icon-position=trailing]:pl-16",
+          "mds:data-[tag-size=lg]:data-[tag-icon-position=leading]:pr-16",
+          "mds:data-[tag-size=lg]:data-[tag-icon-position=trailing]:pl-16",
+          r
         ),
-        ...d,
-        children: [
-          /* @__PURE__ */ r("p", { className: o("mds:body-tiny-medium", " mds:whitespace-nowrap"), children: "Generate with AI" }),
-          e ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ r(n, { className: "mds:size-16 mds:animate-pulse-wiggle " })
-        ]
+        ...c,
+        children: n
       }
     );
   }
 );
-b.displayName = "GenerateWithAiMenu";
+T.displayName = "TagRoot";
 export {
-  b as GenerateWithAiMenu
+  T as TagRoot
 };

package/dist/mainstack-design-system49.cjs

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system357.cjs"),e=({...r})=>C.jsx(s,{...r,children:C.jsx("g",{mask:"url(#mask0_1746_2766)",children:C.jsx("path",{d:"M12 8C10.9 8 9.95833 8.39167 9.175 9.175C8.39167 9.95833 8 10.9 8 12C8 12.7948 8.21317 13.5202 8.6395 14.176C9.06567 14.8318 9.641 15.3219 10.3655 15.6463C10.5617 15.7411 10.7027 15.8856 10.7885 16.0798C10.8743 16.2741 10.875 16.4693 10.7905 16.6653C10.7058 16.8409 10.5773 16.9743 10.4048 17.0653C10.2324 17.1564 10.0584 17.1597 9.88275 17.075C8.85842 16.6455 8.0385 15.9712 7.423 15.052C6.80767 14.1327 6.5 13.1153 6.5 12C6.5 10.4743 7.03525 9.17625 8.10575 8.10575C9.17625 7.03525 10.4743 6.5 12 6.5C13.1192 6.5 14.1426 6.80767 15.0703 7.423C15.9978 8.0385 16.6711 8.8655 17.0903 9.904C17.1648 10.0795 17.1574 10.2551 17.0682 10.4308C16.9791 10.6064 16.8467 10.7314 16.6712 10.8057C16.4686 10.8904 16.2692 10.8872 16.073 10.7963C15.8768 10.7053 15.7313 10.5584 15.6365 10.3558C15.3122 9.63142 14.8221 9.05767 14.1663 8.6345C13.5106 8.2115 12.7885 8 12 8ZM12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.1642 4.7205 16.0027 6.1615 17.5155C7.6025 19.0283 9.39358 19.8463 11.5348 19.9693C11.7474 19.9898 11.9307 20.0795 12.0845 20.2385C12.2385 20.3975 12.3103 20.5834 12.3 20.7963C12.2897 21.0089 12.2128 21.1861 12.0693 21.3278C11.9256 21.4694 11.7474 21.5352 11.5348 21.525C10.2603 21.4737 9.07492 21.1807 7.97875 20.646C6.88275 20.1115 5.92667 19.4109 5.1105 18.5443C4.2945 17.6776 3.65542 16.6808 3.19325 15.5538C2.73108 14.4269 2.5 13.2423 2.5 12C2.5 10.6872 2.74967 9.45292 3.249 8.29725C3.74833 7.14142 4.42558 6.13592 5.28075 5.28075C6.13592 4.42558 7.14142 3.74833 8.29725 3.249C9.45292 2.74967 10.6872 2.5 12 2.5C14.4948 2.5 16.6763 3.36442 18.5443 5.09325C20.4121 6.82208 21.4057 8.966 21.525 11.525C21.5455 11.7275 21.4839 11.9022 21.3403 12.049C21.1968 12.1958 21.0186 12.2743 20.8057 12.2845C20.5929 12.2948 20.4028 12.224 20.2355 12.072C20.0682 11.9202 19.9743 11.7378 19.9538 11.525C19.7999 9.47367 18.9612 7.70667 17.4375 6.224C15.9138 4.74133 14.1013 4 12 4ZM19.3962 20.8845L15.6058 17.1L14.971 19.0288C14.8942 19.2429 14.7487 19.3474 14.5345 19.3423C14.3205 19.3371 14.1783 19.2274 14.1077 19.0133L12.2463 12.8135C12.1924 12.643 12.2308 12.4923 12.3615 12.3615C12.4923 12.2308 12.643 12.1924 12.8135 12.2463L19.0133 14.1078C19.2274 14.1783 19.3371 14.3205 19.3423 14.5345C19.3474 14.7487 19.2429 14.8942 19.0288 14.971L17.1 15.6058L20.9 19.3963C21.1128 19.6089 21.2193 19.8569 21.2193 20.1403C21.2193 20.4236 21.1128 20.6717 20.9 20.8845C20.6872 21.0973 20.4365 21.2038 20.148 21.2038C19.8595 21.2038 19.6089 21.0973 19.3962 20.8845Z",fill:"currentColor"})})});module.exports=e;
+"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system366.cjs"),e=({...r})=>C.jsx(s,{...r,children:C.jsx("g",{mask:"url(#mask0_1746_2766)",children:C.jsx("path",{d:"M12 8C10.9 8 9.95833 8.39167 9.175 9.175C8.39167 9.95833 8 10.9 8 12C8 12.7948 8.21317 13.5202 8.6395 14.176C9.06567 14.8318 9.641 15.3219 10.3655 15.6463C10.5617 15.7411 10.7027 15.8856 10.7885 16.0798C10.8743 16.2741 10.875 16.4693 10.7905 16.6653C10.7058 16.8409 10.5773 16.9743 10.4048 17.0653C10.2324 17.1564 10.0584 17.1597 9.88275 17.075C8.85842 16.6455 8.0385 15.9712 7.423 15.052C6.80767 14.1327 6.5 13.1153 6.5 12C6.5 10.4743 7.03525 9.17625 8.10575 8.10575C9.17625 7.03525 10.4743 6.5 12 6.5C13.1192 6.5 14.1426 6.80767 15.0703 7.423C15.9978 8.0385 16.6711 8.8655 17.0903 9.904C17.1648 10.0795 17.1574 10.2551 17.0682 10.4308C16.9791 10.6064 16.8467 10.7314 16.6712 10.8057C16.4686 10.8904 16.2692 10.8872 16.073 10.7963C15.8768 10.7053 15.7313 10.5584 15.6365 10.3558C15.3122 9.63142 14.8221 9.05767 14.1663 8.6345C13.5106 8.2115 12.7885 8 12 8ZM12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.1642 4.7205 16.0027 6.1615 17.5155C7.6025 19.0283 9.39358 19.8463 11.5348 19.9693C11.7474 19.9898 11.9307 20.0795 12.0845 20.2385C12.2385 20.3975 12.3103 20.5834 12.3 20.7963C12.2897 21.0089 12.2128 21.1861 12.0693 21.3278C11.9256 21.4694 11.7474 21.5352 11.5348 21.525C10.2603 21.4737 9.07492 21.1807 7.97875 20.646C6.88275 20.1115 5.92667 19.4109 5.1105 18.5443C4.2945 17.6776 3.65542 16.6808 3.19325 15.5538C2.73108 14.4269 2.5 13.2423 2.5 12C2.5 10.6872 2.74967 9.45292 3.249 8.29725C3.74833 7.14142 4.42558 6.13592 5.28075 5.28075C6.13592 4.42558 7.14142 3.74833 8.29725 3.249C9.45292 2.74967 10.6872 2.5 12 2.5C14.4948 2.5 16.6763 3.36442 18.5443 5.09325C20.4121 6.82208 21.4057 8.966 21.525 11.525C21.5455 11.7275 21.4839 11.9022 21.3403 12.049C21.1968 12.1958 21.0186 12.2743 20.8057 12.2845C20.5929 12.2948 20.4028 12.224 20.2355 12.072C20.0682 11.9202 19.9743 11.7378 19.9538 11.525C19.7999 9.47367 18.9612 7.70667 17.4375 6.224C15.9138 4.74133 14.1013 4 12 4ZM19.3962 20.8845L15.6058 17.1L14.971 19.0288C14.8942 19.2429 14.7487 19.3474 14.5345 19.3423C14.3205 19.3371 14.1783 19.2274 14.1077 19.0133L12.2463 12.8135C12.1924 12.643 12.2308 12.4923 12.3615 12.3615C12.4923 12.2308 12.643 12.1924 12.8135 12.2463L19.0133 14.1078C19.2274 14.1783 19.3371 14.3205 19.3423 14.5345C19.3474 14.7487 19.2429 14.8942 19.0288 14.971L17.1 15.6058L20.9 19.3963C21.1128 19.6089 21.2193 19.8569 21.2193 20.1403C21.2193 20.4236 21.1128 20.6717 20.9 20.8845C20.6872 21.0973 20.4365 21.2038 20.148 21.2038C19.8595 21.2038 19.6089 21.0973 19.3962 20.8845Z",fill:"currentColor"})})});module.exports=e;

package/dist/mainstack-design-system49.js

@@ -1,5 +1,5 @@
 import { jsx as C } from "react/jsx-runtime";
-import o from "./mainstack-design-system357.js";
+import o from "./mainstack-design-system366.js";
 const c = ({ ...r }) => /* @__PURE__ */ C(o, { ...r, children: /* @__PURE__ */ C("g", { mask: "url(#mask0_1746_2766)", children: /* @__PURE__ */ C(
   "path",
   {

package/dist/mainstack-design-system490.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system357.cjs");const x=require("./mainstack-design-system241.cjs");require("./player-BBiZ5mNK.cjs");const n=require("./utils-Bdd5vx6a.cjs"),a=require("./index-CflNvP-u.cjs"),E=require("./mainstack-design-system496.cjs"),q=require("./mainstack-design-system601.cjs"),c=i.forwardRef(({className:d,...l},u)=>{const{onError:o}=q.useTextEditorContext(),{editor:t}=a.useCurrentEditor(),m=a.useEditorState({editor:t,selector:e=>e.editor?{isImage:t?.isActive("image")}:{}}),f=i.useCallback(e=>{if(e.preventDefault(),e.target.files){const p=e.target.files[0],r=new FileReader;r.onload=()=>{t?.chain().focus().insertContent({type:"image",attrs:{src:r.result}}).run()},r.onerror=g=>{o&&o(g)},r.readAsDataURL(p)}},[t,o]);return s.jsxs(E.TextEditorMenuAction,{isActive:m?.isImage,ref:u,onClick:()=>{},"data-slot":"text-editor-image-upload-menu",className:n.cn("mds:relative",d),...l,children:[s.jsx(x,{className:"mds:size-16"}),s.jsx("input",{className:n.cn("mds:absolute mds:file-selector mds:opacity-0 mds:file:cursor-pointer mds:w-full mds:h-full mds:left-0 mds:top-0"),type:"file",accept:"image/*",onChange:f})]})});c.displayName="ImageUploadMenu";exports.ImageUploadMenu=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),c=require("./mainstack-design-system489.cjs"),g=require("./mainstack-design-system488.cjs"),o=s.forwardRef(({children:t,isBullet:a,...r},n)=>e.jsx(c.TagRoot,{ref:n,...r,children:e.jsx(g.TagLabel,{isBullet:a,children:t})}));o.displayName="Tag";exports.Tag=o;