mainstack-design-system 1.0.0 → 1.1.2

package/dist/mainstack-design-system474.js

@@ -0,0 +1,23 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as m from "react";
+import { S as n } from "./index-BtQfgaSF.js";
+import { cn as i } from "./mainstack-design-system586.js";
+const c = m.forwardRef(
+  ({ className: o, asChild: t = !1, children: r, ...a }, e) => /* @__PURE__ */ s(
+    t ? n : "span",
+    {
+      ref: e,
+      "data-slot": "tag-icon",
+      className: i(
+        "inline-flex items-center justify-center shrink-0",
+        o
+      ),
+      ...a,
+      children: r
+    }
+  )
+);
+c.displayName = "TagIcon";
+export {
+  c as TagIcon
+};

package/dist/mainstack-design-system475.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),u=require("./index-CpE6WAgy.cjs"),d=require("./mainstack-design-system586.cjs");function f(e){const a=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(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const b=f(i),s=b.forwardRef(({className:e,children:a,asChild:t=!1,isBullet:r=!1,...l},o)=>{const c=t?u.Slot:"span";return n.jsxs(c,{ref:o,"data-slot":"tag-label",className:d.cn("whitespace-nowrap flex items-center",e),...l,children:[r&&n.jsx("div",{className:"w-4 h-4 rounded-full mr-4","data-slot":"tag-indicator"}),a]})});s.displayName="TagLabel";exports.TagLabel=s;

package/dist/mainstack-design-system475.js

@@ -0,0 +1,29 @@
+import { jsxs as l, jsx as m } from "react/jsx-runtime";
+import * as i from "react";
+import { S as p } from "./index-BtQfgaSF.js";
+import { cn as c } from "./mainstack-design-system586.js";
+const f = i.forwardRef(
+  ({ className: a, children: e, asChild: o = !1, isBullet: t = !1, ...r }, s) => /* @__PURE__ */ l(
+    o ? p : "span",
+    {
+      ref: s,
+      "data-slot": "tag-label",
+      className: c("whitespace-nowrap flex items-center", a),
+      ...r,
+      children: [
+        t && /* @__PURE__ */ m(
+          "div",
+          {
+            className: "w-4 h-4 rounded-full mr-4",
+            "data-slot": "tag-indicator"
+          }
+        ),
+        e
+      ]
+    }
+  )
+);
+f.displayName = "TagLabel";
+export {
+  f as TagLabel
+};

package/dist/mainstack-design-system476.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),z=require("react"),T=require("./mainstack-design-system586.cjs"),h=require("./mainstack-design-system478.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:g,...m},u)=>{const y=t||"span",e=n.Children.toArray(g),s=e[0],r=e[e.length-1],c=n.isValidElement(s)&&typeof s.type!="string"&&s.type?.displayName==="TagIcon",d=n.isValidElement(r)&&typeof r.type!="string"&&r.type?.displayName==="TagIcon",f=c&&d?"both":c?"leading":d?"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}),"data-[tag-size=xs]:data-[tag-icon-position=leading]:pl-4","data-[tag-size=xs]:data-[tag-icon-position=trailing]:pr-4","data-[tag-size=sm]:data-[tag-icon-position=leading]:pr-10","data-[tag-size=sm]:data-[tag-icon-position=trailing]:pl-10","data-[tag-size=md]:data-[tag-icon-position=leading]:pr-16","data-[tag-size=md]:data-[tag-icon-position=trailing]:pl-16","data-[tag-size=lg]:data-[tag-icon-position=leading]:pr-16","data-[tag-size=lg]:data-[tag-icon-position=trailing]:pl-16",i),...m,children:g})});l.displayName="TagRoot";exports.TagRoot=l;

package/dist/mainstack-design-system476.js

@@ -0,0 +1,37 @@
+import { jsx as f } from "react/jsx-runtime";
+import * as a from "react";
+import { cn as h } from "./mainstack-design-system586.js";
+import { tagVariants as z } from "./mainstack-design-system478.js";
+const R = a.forwardRef, T = R(
+  ({ as: e, className: r, size: n = "md", variant: p, disabled: l, children: s, ...c }, m) => {
+    const y = e || "span", t = a.Children.toArray(s), i = t[0], o = t[t.length - 1], g = a.isValidElement(i) && typeof i.type != "string" && i.type?.displayName === "TagIcon", d = a.isValidElement(o) && typeof o.type != "string" && o.type?.displayName === "TagIcon";
+    return /* @__PURE__ */ f(
+      y,
+      {
+        ref: m,
+        "aria-disabled": l,
+        "data-slot": "tag-root",
+        "data-tag-size": n,
+        "data-tag-icon-position": g && d ? "both" : g ? "leading" : d ? "trailing" : "none",
+        className: h(
+          z({ size: n, variant: p }),
+          "data-[tag-size=xs]:data-[tag-icon-position=leading]:pl-4",
+          "data-[tag-size=xs]:data-[tag-icon-position=trailing]:pr-4",
+          "data-[tag-size=sm]:data-[tag-icon-position=leading]:pr-10",
+          "data-[tag-size=sm]:data-[tag-icon-position=trailing]:pl-10",
+          "data-[tag-size=md]:data-[tag-icon-position=leading]:pr-16",
+          "data-[tag-size=md]:data-[tag-icon-position=trailing]:pl-16",
+          "data-[tag-size=lg]:data-[tag-icon-position=leading]:pr-16",
+          "data-[tag-size=lg]:data-[tag-icon-position=trailing]:pl-16",
+          r
+        ),
+        ...c,
+        children: s
+      }
+    );
+  }
+);
+T.displayName = "TagRoot";
+export {
+  T as TagRoot
+};

package/dist/mainstack-design-system477.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),c=require("./mainstack-design-system476.cjs"),g=require("./mainstack-design-system475.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;

package/dist/mainstack-design-system477.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import e from "react";
+import { TagRoot as f } from "./mainstack-design-system476.js";
+import { TagLabel as i } from "./mainstack-design-system475.js";
+const p = e.forwardRef(({ children: o, isBullet: a, ...t }, m) => /* @__PURE__ */ r(f, { ref: m, ...t, children: /* @__PURE__ */ r(i, { isBullet: a, children: o }) }));
+p.displayName = "Tag";
+export {
+  p as Tag
+};

package/dist/mainstack-design-system478.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),i=e.cva(["inline-flex items-center justify-center rounded-full outline-none transition-colors","focus:outline-solid focus:outline-2 focus:outline-offset-2 focus:outline-cobalt-200","disabled:pointer-events-none"],{variants:{size:{xs:"gap-2 px-6 py-1 body-tiny-regular **:data-[slot=tag-indicator]:mr-2",sm:"gap-4 px-8  py-2 body-extrasmall-book",md:"gap-4 px-12 py-4 body-small-book",lg:"gap-4 px-12 py-7 body-medium-book"},variant:{blue:["bg-interactive-info text-on-info **:data-[slot=tag-indicator]:bg-on-info","hover:bg-interactive-info-hover","active:bg-interactive-info-pressed","disabled:bg-interactive-info-disabled"],green:["bg-interactive-success text-on-success **:data-[slot=tag-indicator]:bg-on-success","hover:bg-interactive-success-hover","active:bg-interactive-success-pressed","disabled:bg-interactive-success-light-disabled"],red:["bg-interactive-error text-on-error **:data-[slot=tag-indicator]:bg-on-error","hover:bg-interactive-error-hover","active:bg-interactive-error-pressed","disabled:bg-interactive-error-disabled"],yellow:["bg-interactive-warning text-on-warning **:data-[slot=tag-indicator]:bg-on-warning","hover:bg-interactive-warning-hover","active:bg-interactive-warning-pressed","disabled:bg-interactive-warning-disabled"],neutral:["bg-interactive-primary text-on-primary **:data-[slot=tag-indicator]:bg-on-primary","hover:bg-interactive-primary-hover","active:bg-interactive-primary-pressed","disabled:bg-interactive-primary-disabled"],lightBlue:["bg-interactive-info-light text-on-info-light **:data-[slot=tag-indicator]:bg-on-info-light","hover:bg-interactive-info-light-hover","active:bg-interactive-info-light-pressed","disabled:bg-interactive-info-light-disabled"],lightGreen:["bg-interactive-success-light text-on-success-light  **:data-[slot=tag-indicator]:bg-on-success-light","hover:bg-interactive-success-light-hover","active:bg-interactive-success-light-pressed","disabled:bg-interactive-success-light-disabled"],lightRed:["bg-interactive-error-light text-on-error-light  **:data-[slot=tag-indicator]:bg-on-error-light","hover:bg-interactive-error-light-hover","active:bg-interactive-error-light-pressed","disabled:bg-interactive-error-light-disabled"],lightYellow:["bg-interactive-warning-light text-on-warning-light  **:data-[slot=tag-indicator]:bg-on-warning-light","hover:bg-interactive-warning-light-hover","active:bg-interactive-warning-light-pressed","disabled:bg-interactive-warning-light-disabled"],lightGray:["bg-interactive-secondary text-on-secondary  **:data-[slot=tag-indicator]:bg-on-secondary","hover:bg-interactive-secondary-hover","active:bg-interactive-secondary-pressed","disabled:bg-interactive-secondary-disabled"]}},defaultVariants:{size:"md",variant:"blue"}});exports.tagVariants=i;

package/dist/mainstack-design-system478.js

@@ -0,0 +1,87 @@
+import { c as e } from "./index-D29mdTf5.js";
+const t = e(
+  [
+    "inline-flex items-center justify-center rounded-full outline-none transition-colors",
+    "focus:outline-solid focus:outline-2 focus:outline-offset-2 focus:outline-cobalt-200",
+    "disabled:pointer-events-none"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "gap-2 px-6 py-1 body-tiny-regular **:data-[slot=tag-indicator]:mr-2",
+        sm: "gap-4 px-8  py-2 body-extrasmall-book",
+        md: "gap-4 px-12 py-4 body-small-book",
+        lg: "gap-4 px-12 py-7 body-medium-book"
+      },
+      variant: {
+        blue: [
+          "bg-interactive-info text-on-info **:data-[slot=tag-indicator]:bg-on-info",
+          "hover:bg-interactive-info-hover",
+          "active:bg-interactive-info-pressed",
+          "disabled:bg-interactive-info-disabled"
+        ],
+        green: [
+          "bg-interactive-success text-on-success **:data-[slot=tag-indicator]:bg-on-success",
+          "hover:bg-interactive-success-hover",
+          "active:bg-interactive-success-pressed",
+          "disabled:bg-interactive-success-light-disabled"
+        ],
+        red: [
+          "bg-interactive-error text-on-error **:data-[slot=tag-indicator]:bg-on-error",
+          "hover:bg-interactive-error-hover",
+          "active:bg-interactive-error-pressed",
+          "disabled:bg-interactive-error-disabled"
+        ],
+        yellow: [
+          "bg-interactive-warning text-on-warning **:data-[slot=tag-indicator]:bg-on-warning",
+          "hover:bg-interactive-warning-hover",
+          "active:bg-interactive-warning-pressed",
+          "disabled:bg-interactive-warning-disabled"
+        ],
+        neutral: [
+          "bg-interactive-primary text-on-primary **:data-[slot=tag-indicator]:bg-on-primary",
+          "hover:bg-interactive-primary-hover",
+          "active:bg-interactive-primary-pressed",
+          "disabled:bg-interactive-primary-disabled"
+        ],
+        lightBlue: [
+          "bg-interactive-info-light text-on-info-light **:data-[slot=tag-indicator]:bg-on-info-light",
+          "hover:bg-interactive-info-light-hover",
+          "active:bg-interactive-info-light-pressed",
+          "disabled:bg-interactive-info-light-disabled"
+        ],
+        lightGreen: [
+          "bg-interactive-success-light text-on-success-light  **:data-[slot=tag-indicator]:bg-on-success-light",
+          "hover:bg-interactive-success-light-hover",
+          "active:bg-interactive-success-light-pressed",
+          "disabled:bg-interactive-success-light-disabled"
+        ],
+        lightRed: [
+          "bg-interactive-error-light text-on-error-light  **:data-[slot=tag-indicator]:bg-on-error-light",
+          "hover:bg-interactive-error-light-hover",
+          "active:bg-interactive-error-light-pressed",
+          "disabled:bg-interactive-error-light-disabled"
+        ],
+        lightYellow: [
+          "bg-interactive-warning-light text-on-warning-light  **:data-[slot=tag-indicator]:bg-on-warning-light",
+          "hover:bg-interactive-warning-light-hover",
+          "active:bg-interactive-warning-light-pressed",
+          "disabled:bg-interactive-warning-light-disabled"
+        ],
+        lightGray: [
+          "bg-interactive-secondary text-on-secondary  **:data-[slot=tag-indicator]:bg-on-secondary",
+          "hover:bg-interactive-secondary-hover",
+          "active:bg-interactive-secondary-pressed",
+          "disabled:bg-interactive-secondary-disabled"
+        ]
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "blue"
+    }
+  }
+);
+export {
+  t as tagVariants
+};

package/dist/mainstack-design-system479.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),i=require("./mainstack-design-system480.cjs"),u=require("./mainstack-design-system481.cjs"),l=require("./mainstack-design-system428.cjs"),m=require("./mainstack-design-system586.cjs"),r=c.forwardRef(({maxCharLength:t,currentCharLength:a,className:o,...s},n)=>e.jsxs(u.TextareaRoot,{className:"relative",children:[e.jsx(l.FormCharacterCounter,{currentCharLength:a,maxCharLength:t,className:" absolute top-12 right-16"}),e.jsx(i.TextareaField,{ref:n,className:m.cn("min-h-44",o),...s})]}));r.displayName="Textarea";exports.Textarea=r;

package/dist/mainstack-design-system479.js

@@ -0,0 +1,30 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { TextareaField as p } from "./mainstack-design-system480.js";
+import { TextareaRoot as f } from "./mainstack-design-system481.js";
+import { FormCharacterCounter as l } from "./mainstack-design-system428.js";
+import { cn as c } from "./mainstack-design-system586.js";
+const x = s(
+  ({ maxCharLength: e, currentCharLength: a, className: o, ...t }, m) => /* @__PURE__ */ i(f, { className: "relative", children: [
+    /* @__PURE__ */ r(
+      l,
+      {
+        currentCharLength: a,
+        maxCharLength: e,
+        className: " absolute top-12 right-16"
+      }
+    ),
+    /* @__PURE__ */ r(
+      p,
+      {
+        ref: m,
+        className: c("min-h-44", o),
+        ...t
+      }
+    )
+  ] })
+);
+x.displayName = "Textarea";
+export {
+  x as Textarea
+};

package/dist/mainstack-design-system48.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system356.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-system48.js

@@ -0,0 +1,12 @@
+import { jsx as C } from "react/jsx-runtime";
+import o from "./mainstack-design-system356.js";
+const c = ({ ...r }) => /* @__PURE__ */ C(o, { ...r, children: /* @__PURE__ */ C("g", { mask: "url(#mask0_1746_2766)", children: /* @__PURE__ */ C(
+  "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"
+  }
+) }) });
+export {
+  c as default
+};

package/dist/mainstack-design-system480.cjs

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

package/dist/mainstack-design-system480.js

@@ -0,0 +1,24 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { cn as i } from "./mainstack-design-system586.js";
+const n = d(
+  ({ className: e, isError: r, isSuccess: a, ...o }, t) => /* @__PURE__ */ l(
+    "textarea",
+    {
+      ref: t,
+      "data-slot": "textarea-field",
+      "data-error": r,
+      "data-success": a,
+      className: i(
+        "body-extrasmall-book",
+        "flex-1 border-none outline-none h-full placeholder:text-tertiary disabled:cursor-not-allowed resize-none min-h-80 min-w-full max-w-full",
+        e
+      ),
+      ...o
+    }
+  )
+);
+n.displayName = "TextareaField";
+export {
+  n as TextareaField
+};

package/dist/mainstack-design-system481.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./mainstack-design-system586.cjs"),t=s.forwardRef(({className:e,...a},r)=>o.jsx("div",{ref:r,"data-slot":"textarea-root","data-editable":"true",tabIndex:0,className:l.cn("form-root-slot-defaults","flex gap-4 w-full px-12 pt-12 border rounded-14 has-[>[data-slot=form-character-counter]]:pt-36 ",e),...a}));t.displayName="TextareaRoot";exports.TextareaRoot=t;

package/dist/mainstack-design-system481.js

@@ -0,0 +1,24 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { cn as d } from "./mainstack-design-system586.js";
+const f = e(
+  ({ className: t, ...o }, r) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      "data-slot": "textarea-root",
+      "data-editable": "true",
+      tabIndex: 0,
+      className: d(
+        "form-root-slot-defaults",
+        "flex gap-4 w-full px-12 pt-12 border rounded-14 has-[>[data-slot=form-character-counter]]:pt-36 ",
+        t
+      ),
+      ...o
+    }
+  )
+);
+f.displayName = "TextareaRoot";
+export {
+  f as TextareaRoot
+};

package/dist/mainstack-design-system482.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system356.cjs");const l=require("./mainstack-design-system166.cjs"),n=require("./index-C5YYEtQG.cjs"),u=require("./mainstack-design-system492.cjs"),i=c.forwardRef(({...d},s)=>{const{editor:o}=n.useCurrentEditor(),t=n.useEditorState({editor:o,selector:e=>e.editor?{isBold:e.editor.isActive("bold")||!1,canBold:e.editor.can().chain().toggleBold().run()||!1}:{}});return r.jsx(u.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(l,{className:"size-16"})})});i.displayName="BoldMenu";exports.BoldMenu=i;

package/dist/mainstack-design-system482.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import "./mainstack-design-system356.js";
+import n from "./mainstack-design-system166.js";
+import { u as s, a } from "./index-DivqSV6G.js";
+import { TextEditorMenuAction as c } from "./mainstack-design-system492.js";
+const m = l(
+  ({ ...i }, d) => {
+    const { editor: t } = s(), 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(
+      c,
+      {
+        isActive: r?.isBold,
+        onClick: () => t?.chain().focus().toggleBold().run(),
+        disabled: !r?.canBold,
+        "data-slot": "text-editor-bold-menu",
+        ref: d,
+        ...i,
+        children: /* @__PURE__ */ e(n, { className: "size-16" })
+      }
+    );
+  }
+);
+m.displayName = "BoldMenu";
+export {
+  m as BoldMenu
+};

package/dist/mainstack-design-system483.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system356.cjs");const u=require("./mainstack-design-system109.cjs"),n=require("./index-C5YYEtQG.cjs"),a=require("./mainstack-design-system492.cjs"),i=c.forwardRef(({...d},s)=>{const{editor:o}=n.useCurrentEditor(),t=n.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:"size-16"})})});i.displayName="CodeMenu";exports.CodeMenu=i;

package/dist/mainstack-design-system483.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import "./mainstack-design-system356.js";
+import s from "./mainstack-design-system109.js";
+import { u as a, a as c } from "./index-DivqSV6G.js";
+import { TextEditorMenuAction as m } from "./mainstack-design-system492.js";
+const u = n(
+  ({ ...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(s, { className: "size-16" })
+      }
+    );
+  }
+);
+u.displayName = "CodeMenu";
+export {
+  u as CodeMenu
+};

package/dist/mainstack-design-system484.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),o=require("./index-C5YYEtQG.cjs"),i=require("./mainstack-design-system586.cjs"),d=require("./mainstack-design-system492.cjs"),n=l.forwardRef(({...s},u)=>{const{editor:t}=o.useCurrentEditor(),c=o.useEditorState({editor:t,selector:e=>e.editor?{color:e.editor.getAttributes("textStyle").color}:{}});return r.jsx(d.TextEditorMenuAction,{"data-slot":"text-editor-color-picker-menu",ref:u,...s,children:r.jsx("div",{className:i.cn(" p-0 overflow-hidden hover:bg-border-interactive-neutral disabled:text-disabled disabled:cursor-not-allowed rounded-full size-14 min-w-14 ring-2 ring-offset-1 ring-interactive-neutral"),children:r.jsx("input",{type:"color",onInput:e=>t?.chain().focus().setColor(e.currentTarget.value).run(),value:c?.color,className:i.cn("size-[200%] cursor-pointer border-0 p-0 -translate-[25%]")})})})});n.displayName="ColorPickerMenu";exports.ColorPickerMenu=n;

package/dist/mainstack-design-system484.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { u as d, a as s } from "./index-DivqSV6G.js";
+import { cn as o } from "./mainstack-design-system586.js";
+import { TextEditorMenuAction as u } from "./mainstack-design-system492.js";
+const c = a(
+  ({ ...i }, n) => {
+    const { editor: t } = d(), l = s({
+      editor: t,
+      selector: (r) => r.editor ? {
+        color: r.editor.getAttributes("textStyle").color
+      } : {}
+    });
+    return /* @__PURE__ */ e(
+      u,
+      {
+        "data-slot": "text-editor-color-picker-menu",
+        ref: n,
+        ...i,
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: o(
+              " p-0 overflow-hidden hover:bg-border-interactive-neutral disabled:text-disabled disabled:cursor-not-allowed rounded-full size-14 min-w-14 ring-2 ring-offset-1 ring-interactive-neutral"
+            ),
+            children: /* @__PURE__ */ e(
+              "input",
+              {
+                type: "color",
+                onInput: (r) => t?.chain().focus().setColor(r.currentTarget.value).run(),
+                value: l?.color,
+                className: o(
+                  "size-[200%] cursor-pointer border-0 p-0 -translate-[25%]"
+                )
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+c.displayName = "ColorPickerMenu";
+export {
+  c as ColorPickerMenu
+};

package/dist/mainstack-design-system485.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),r=require("./mainstack-design-system586.cjs");require("./mainstack-design-system356.cjs");const l=require("./mainstack-design-system304.cjs"),c=require("./mainstack-design-system571.cjs"),t=s.forwardRef(({className:o,...n},i)=>{const{onGenerateWithAi:a}=c.useTextEditorContext();return e.jsxs("button",{onClick:a,ref:i,"data-slot":"text-editor-generate-with-ai-menu",className:r.cn("flex relative cursor-pointer  bg-surface-neutral-l1 items-center gap-4 p-6 pl-10 rounded-full border-solid border-transparent border-1 bg-clip-padding before:content-[''] before:absolute before:top-0 before:right-0 before:left-0 before:bottom-0 before:z-[-1] before:-m-1 before:rounded-full before:bg-linear-[to_right,var(--color-purple-225)_0%,var(--color-azure-275)_30%,var(--color-cobalt-225)_60%,var(--color-persimmon-250)_90%] ",o),...n,children:[e.jsx("p",{className:r.cn("body-tiny-medium"," whitespace-nowrap"),children:"Generate with AI"}),e.jsx(l,{className:"size-16 animate-pulse-wiggle "})]})});t.displayName="GenerateWithAiMenu";exports.GenerateWithAiMenu=t;

package/dist/mainstack-design-system485.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { cn as r } from "./mainstack-design-system586.js";
+import "./mainstack-design-system356.js";
+import s from "./mainstack-design-system304.js";
+import { useTextEditorContext as m } from "./mainstack-design-system571.js";
+const p = l(
+  ({ className: o, ...t }, a) => {
+    const { onGenerateWithAi: i } = m();
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        onClick: i,
+        ref: a,
+        "data-slot": "text-editor-generate-with-ai-menu",
+        className: r(
+          "flex relative cursor-pointer  bg-surface-neutral-l1 items-center gap-4 p-6 pl-10 rounded-full border-solid border-transparent border-1 bg-clip-padding before:content-[''] before:absolute before:top-0 before:right-0 before:left-0 before:bottom-0 before:z-[-1] before:-m-1 before:rounded-full before:bg-linear-[to_right,var(--color-purple-225)_0%,var(--color-azure-275)_30%,var(--color-cobalt-225)_60%,var(--color-persimmon-250)_90%] ",
+          o
+        ),
+        ...t,
+        children: [
+          /* @__PURE__ */ e("p", { className: r("body-tiny-medium", " whitespace-nowrap"), children: "Generate with AI" }),
+          /* @__PURE__ */ e(s, { className: "size-16 animate-pulse-wiggle " })
+        ]
+      }
+    );
+  }
+);
+p.displayName = "GenerateWithAiMenu";
+export {
+  p as GenerateWithAiMenu
+};

package/dist/mainstack-design-system486.cjs

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

package/dist/mainstack-design-system486.js

@@ -0,0 +1,66 @@
+'use client';
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { forwardRef as d, useCallback as g } from "react";
+import "./mainstack-design-system356.js";
+import x from "./mainstack-design-system240.js";
+import { u as C, a as I } from "./index-DivqSV6G.js";
+import { TextEditorMenuAction as h } from "./mainstack-design-system492.js";
+import { cn as i } from "./mainstack-design-system586.js";
+import { useTextEditorContext as E } from "./mainstack-design-system571.js";
+const v = d(
+  ({ className: s, ...n }, l) => {
+    const { onError: r } = E(), { editor: t } = C(), m = I({
+      editor: t,
+      selector: (e) => e.editor ? {
+        isImage: t?.isActive("image")
+      } : {}
+    }), c = g(
+      (e) => {
+        if (e.preventDefault(), e.target.files) {
+          const f = e.target.files[0], o = new FileReader();
+          o.onload = () => {
+            t?.chain().focus().insertContent({
+              type: "image",
+              attrs: {
+                src: o.result
+              }
+            }).run();
+          }, o.onerror = (u) => {
+            r && r(u);
+          }, o.readAsDataURL(f);
+        }
+      },
+      [t, r]
+    );
+    return /* @__PURE__ */ p(
+      h,
+      {
+        isActive: m?.isImage,
+        ref: l,
+        onClick: () => {
+        },
+        "data-slot": "text-editor-image-upload-menu",
+        className: i("relative", s),
+        ...n,
+        children: [
+          /* @__PURE__ */ a(x, { className: "size-16" }),
+          /* @__PURE__ */ a(
+            "input",
+            {
+              className: i(
+                "absolute file-selector opacity-0 file:cursor-pointer w-full h-full left-0 top-0"
+              ),
+              type: "file",
+              accept: "image/*",
+              onChange: c
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+v.displayName = "ImageUploadMenu";
+export {
+  v as ImageUploadMenu
+};

package/dist/mainstack-design-system487.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react");require("./mainstack-design-system356.cjs");const l=require("./mainstack-design-system167.cjs"),n=require("./index-C5YYEtQG.cjs"),u=require("./mainstack-design-system492.cjs"),o=s.forwardRef(({...c},a)=>{const{editor:t}=n.useCurrentEditor(),i=n.useEditorState({editor:t,selector:e=>e.editor?{isItalic:e.editor.isActive("italic")||!1,canItalic:e.editor.can().chain().toggleItalic().run()||!1}:{}});return r.jsx(u.TextEditorMenuAction,{isActive:i?.isItalic,onClick:()=>t?.chain().focus().toggleItalic().run(),disabled:!i?.canItalic,"data-slot":"text-editor-italic-menu",ref:a,...c,children:r.jsx(l,{className:"size-16"})})});o.displayName="ItalicMenu";exports.ItalicMenu=o;

package/dist/mainstack-design-system487.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import "./mainstack-design-system356.js";
+import l from "./mainstack-design-system167.js";
+import { u as n, a as s } from "./index-DivqSV6G.js";
+import { TextEditorMenuAction as d } from "./mainstack-design-system492.js";
+const m = c(
+  ({ ...o }, a) => {
+    const { editor: i } = n(), r = s({
+      editor: i,
+      selector: (t) => t.editor ? {
+        isItalic: t.editor.isActive("italic") || !1,
+        canItalic: t.editor.can().chain().toggleItalic().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ e(
+      d,
+      {
+        isActive: r?.isItalic,
+        onClick: () => i?.chain().focus().toggleItalic().run(),
+        disabled: !r?.canItalic,
+        "data-slot": "text-editor-italic-menu",
+        ref: a,
+        ...o,
+        children: /* @__PURE__ */ e(l, { className: "size-16" })
+      }
+    );
+  }
+);
+m.displayName = "ItalicMenu";
+export {
+  m as ItalicMenu
+};

package/dist/mainstack-design-system488.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system356.cjs");const B=require("./mainstack-design-system107.cjs"),D=require("./mainstack-design-system205.cjs"),r=require("./index-HSoR75mY.cjs"),m=require("./index-C5YYEtQG.cjs"),T=require("./mainstack-design-system492.cjs");require("./mainstack-design-system428.cjs");const h=require("./mainstack-design-system429.cjs"),g=require("./mainstack-design-system430.cjs");require("./mainstack-design-system431.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system434.cjs");require("./mainstack-design-system435.cjs");require("./mainstack-design-system437.cjs");require("./mainstack-design-system438.cjs");const p=require("./mainstack-design-system436.cjs"),F=require("./mainstack-design-system586.cjs"),N=require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");const S=require("./mainstack-design-system394.cjs"),j=require("./mainstack-design-system395.cjs"),f=i.forwardRef(({...k},q)=>{const[a,c]=i.useState(""),[s,u]=i.useState(""),[_,d]=i.useState(!1),{editor:n}=m.useCurrentEditor(),x=m.useEditorState({editor:n,selector:t=>t.editor?{isLink:t.editor.isActive("link")||!1,canLink:t.editor.can().chain().toggleLink().run()||!1}:{}}),v=i.useCallback(()=>{if(!n)return;const{view:t,state:o}=n,{from:l,to:C}=t.state.selection,b=o.doc.textBetween(l,C,"")||"",I=n?.getAttributes("link").href||"";c(b),u(I)},[n]),L=()=>{if(!s||!n)return;const{view:t}=n,{from:o,to:l}=t.state.selection;n?.chain().focus().extendMarkRange("link").setLink({href:s}).insertContentAt({from:o,to:l},a).run(),d(!1)};return e.jsx(e.Fragment,{children:e.jsxs(r.Dialog,{open:_,onOpenChange:d,children:[e.jsx(r.DialogTrigger,{asChild:!0,children:e.jsx(T.TextEditorMenuAction,{isActive:x?.isLink,"data-slot":"text-editor-link-menu",onClick:v,disabled:!x?.canLink,ref:q,...k,children:e.jsx(D,{className:"size-16"})})}),e.jsxs(r.DialogPortal,{children:[e.jsx(r.DialogOverlay,{className:"fixed opacity-30 z-10 bg-border-interactive-neutral-active-hover inset-0"}),e.jsxs(r.DialogContent,{className:"fixed z-100 top-1/2 left-1/2 -translate-1/2 w-full max-w-500 p-25 rounded-6 shadow-200 bg-surface-neutral-l1",children:[e.jsx(r.DialogTitle,{className:F.cn("headline-large-bold"),children:"Add Link"}),e.jsxs("div",{className:"flex mt-18 flex-col gap-12",children:[e.jsxs(h.FormItem,{children:[e.jsx(g.FormLabel,{children:"Text"}),e.jsx(p.Input,{value:a,onChange:t=>c(t.target.value),placeholder:"Enter text here..."})]}),e.jsxs(h.FormItem,{children:[e.jsx(g.FormLabel,{children:"Link"}),e.jsx(p.Input,{value:s,onChange:t=>u(t.target.value),placeholder:"Enter link here..."})]})]}),e.jsxs("div",{className:"flex mt-24 gap-12 items-center justify-end",children:[e.jsx(r.DialogClose,{asChild:!0,children:e.jsx(j.Button,{variant:"outline",size:"xs",children:"Cancel"})}),e.jsx(j.Button,{disabled:!s,onClick:L,size:"xs",children:"Save"})]}),e.jsx(r.DialogClose,{asChild:!0,children:e.jsx(S.ButtonRoot,{className:"absolute size-24 top-12 right-12",iconOnly:!0,size:"tiny",rounded:"sm",children:e.jsx(N.ButtonIcon,{children:e.jsx(B,{className:"size-18"})})})})]})]})]})})});f.displayName="LinkMenu";exports.LinkMenu=f;