mainstack-design-system 1.9.3 → 1.10.0

package/dist/mainstack-design-system606.cjs

@@ -1,10 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),q=require("./index-hyBpqx_X.cjs"),T=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system590.cjs"),o=require("react"),w=require("./use-presence-DO2ahDUQ.cjs");function N(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 E=N(o),A=o.createContext({}),H=w.isBrowser?o.useLayoutEffect:o.useEffect;function W(e){return w.isObject(e)&&"offsetHeight"in e}const B=o.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"});function z(e,n){if(typeof e=="function")return e(n);e!=null&&(e.current=n)}function K(...e){return n=>{let t=!1;const r=e.map(i=>{const s=z(i,n);return!t&&typeof s=="function"&&(t=!0),s});if(t)return()=>{for(let i=0;i<r.length;i++){const s=r[i];typeof s=="function"?s():z(e[i],null)}}}}function U(...e){return E.useCallback(K(...e),e)}class V extends E.Component{getSnapshotBeforeUpdate(n){const t=this.props.childRef.current;if(t&&n.isPresent&&!this.props.isPresent){const r=t.offsetParent,i=W(r)&&r.offsetWidth||0,s=this.props.sizeRef.current;s.height=t.offsetHeight||0,s.width=t.offsetWidth||0,s.top=t.offsetTop,s.left=t.offsetLeft,s.right=i-s.width-s.left}return null}componentDidUpdate(){}render(){return this.props.children}}function X({children:e,isPresent:n,anchorX:t,root:r}){const i=o.useId(),s=o.useRef(null),m=o.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:x}=o.useContext(B),y=U(s,e?.ref);return o.useInsertionEffect(()=>{const{width:c,height:g,top:u,left:d,right:p}=m.current;if(n||!s.current||!c||!g)return;const C=t==="left"?`left: ${d}`:`right: ${p}`;s.current.dataset.motionPopId=i;const a=document.createElement("style");x&&(a.nonce=x);const R=r??document.head;return R.appendChild(a),a.sheet&&a.sheet.insertRule(`
-          [data-motion-pop-id="${i}"] {
-            position: absolute !important;
-            width: ${c}px !important;
-            height: ${g}px !important;
-            ${C}px !important;
-            top: ${u}px !important;
-          }
-        `),()=>{R.contains(a)&&R.removeChild(a)}},[n]),f.jsx(V,{isPresent:n,childRef:s,sizeRef:m,children:E.cloneElement(e,{ref:y})})}const F=({children:e,initial:n,isPresent:t,onExitComplete:r,custom:i,presenceAffectsLayout:s,mode:m,anchorX:x,root:y})=>{const c=w.useConstant(G),g=o.useId();let u=!0,d=o.useMemo(()=>(u=!1,{id:g,initial:n,isPresent:t,custom:i,onExitComplete:p=>{c.set(p,!0);for(const C of c.values())if(!C)return;r&&r()},register:p=>(c.set(p,!1),()=>c.delete(p))}),[t,c,r]);return s&&u&&(d={...d}),o.useMemo(()=>{c.forEach((p,C)=>c.set(C,!1))},[t]),E.useEffect(()=>{!t&&!c.size&&r&&r()},[t]),m==="popLayout"&&(e=f.jsx(X,{isPresent:t,anchorX:x,root:y,children:e})),f.jsx(w.PresenceContext.Provider,{value:d,children:e})};function G(){return new Map}const j=e=>e.key||"";function S(e){const n=[];return o.Children.forEach(e,t=>{o.isValidElement(t)&&n.push(t)}),n}const _=({children:e,custom:n,initial:t=!0,onExitComplete:r,presenceAffectsLayout:i=!0,mode:s="sync",propagate:m=!1,anchorX:x="left",root:y})=>{const[c,g]=w.usePresence(m),u=o.useMemo(()=>S(e),[e]),d=m&&!c?[]:u.map(j),p=o.useRef(!0),C=o.useRef(u),a=w.useConstant(()=>new Map),[R,$]=o.useState(u),[v,D]=o.useState(u);H(()=>{p.current=!1,C.current=u;for(let h=0;h<v.length;h++){const l=j(v[h]);d.includes(l)?a.delete(l):a.get(l)!==!0&&a.set(l,!1)}},[v,d.length,d.join("-")]);const M=[];if(u!==R){let h=[...u];for(let l=0;l<v.length;l++){const P=v[l],b=j(P);d.includes(b)||(h.splice(l,0,P),M.push(P))}return s==="wait"&&M.length&&(h=M),D(S(h)),$(u),null}process.env.NODE_ENV!=="production"&&s==="wait"&&v.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);const{forceRender:k}=o.useContext(A);return f.jsx(f.Fragment,{children:v.map(h=>{const l=j(h),P=m&&!c?!1:u===v||d.includes(l),b=()=>{if(a.has(l))a.set(l,!0);else return;let O=!0;a.forEach(L=>{L||(O=!1)}),O&&(k?.(),D(C.current),m&&g?.(),r&&r())};return f.jsx(F,{isPresent:P,initial:!p.current||t?void 0:!1,custom:n,presenceAffectsLayout:i,mode:s,root:y,onExitComplete:P?void 0:b,anchorX:x,children:h},l)})})},Y=({children:e,...n})=>{const{isDesktop:t,open:r}=I.useResponsivePopoverDrawerContext();return t?f.jsx(T.PopoverPortal,{forceMount:!0,...n,children:f.jsx(_,{children:r?f.jsx("div",{className:"mds:relative mds:z-100","data-slot":"responsive-popover-drawer-portal",children:e}):null})}):f.jsx(q.Drawer.Portal,{forceMount:!0,"data-slot":"responsive-popover-drawer-portal",...n,children:f.jsx(_,{children:r?f.jsx("div",{className:"mds:relative mds:z-100","data-slot":"responsive-popover-drawer-portal",children:e}):null})})};exports.ResponsivePopoverDrawerPortal=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system611.cjs"),M=require("./mainstack-design-system612.cjs"),m=require("./mainstack-design-system496.cjs"),E=require("./mainstack-design-system485.cjs");require("react-dom");const p=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system493.cjs"),f=require("./mainstack-design-system482.cjs"),v=require("./mainstack-design-system487.cjs"),q=require("./mainstack-design-system494.cjs"),B=require("./mainstack-design-system490.cjs"),g=require("./mainstack-design-system483.cjs"),h=require("./mainstack-design-system491.cjs"),O=require("./mainstack-design-system489.cjs"),S=require("./mainstack-design-system495.cjs"),b=require("./mainstack-design-system488.cjs"),P=require("./mainstack-design-system484.cjs"),N=require("./mainstack-design-system486.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-system606.js

@@ -1,186 +1,101 @@
 'use client';
-import { jsx as a, Fragment as K } from "react/jsx-runtime";
-import { D as O } from "./index-eeqUt-Tb.js";
-import { b as U } from "./index-RoCFhqzC.js";
-import { useResponsivePopoverDrawerContext as V } from "./mainstack-design-system590.js";
-import * as E from "react";
-import { createContext as T, useLayoutEffect as X, useEffect as _, useId as j, useRef as R, useContext as A, useInsertionEffect as F, useMemo as b, Children as G, isValidElement as Y, useState as $ } from "react";
-import { i as q, a as J, u as H, P as Q, b as Z } from "./use-presence-Dept-wE7.js";
-const ee = T({}), te = q ? X : _;
-function ne(e) {
-  return J(e) && "offsetHeight" in e;
-}
-const oe = T({
-  transformPagePoint: (e) => e,
-  isStatic: !1,
-  reducedMotion: "never"
-});
-function k(e, o) {
-  if (typeof e == "function")
-    return e(o);
-  e != null && (e.current = o);
-}
-function re(...e) {
-  return (o) => {
-    let t = !1;
-    const r = e.map((s) => {
-      const n = k(s, o);
-      return !t && typeof n == "function" && (t = !0), n;
-    });
-    if (t)
-      return () => {
-        for (let s = 0; s < r.length; s++) {
-          const n = r[s];
-          typeof n == "function" ? n() : k(e[s], null);
-        }
-      };
-  };
-}
-function se(...e) {
-  return E.useCallback(re(...e), e);
-}
-class ie extends E.Component {
-  getSnapshotBeforeUpdate(o) {
-    const t = this.props.childRef.current;
-    if (t && o.isPresent && !this.props.isPresent) {
-      const r = t.offsetParent, s = ne(r) && r.offsetWidth || 0, n = this.props.sizeRef.current;
-      n.height = t.offsetHeight || 0, n.width = t.offsetWidth || 0, n.top = t.offsetTop, n.left = t.offsetLeft, n.right = s - n.width - n.left;
-    }
-    return null;
-  }
-  /**
-   * Required with getSnapshotBeforeUpdate to stop React complaining.
-   */
-  componentDidUpdate() {
-  }
-  render() {
-    return this.props.children;
-  }
-}
-function ce({ children: e, isPresent: o, anchorX: t, root: r }) {
-  const s = j(), n = R(null), h = R({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    right: 0
-  }), { nonce: v } = A(oe), P = se(n, e?.ref);
-  return F(() => {
-    const { width: i, height: g, top: c, left: u, right: d } = h.current;
-    if (o || !n.current || !i || !g)
-      return;
-    const m = t === "left" ? `left: ${u}` : `right: ${d}`;
-    n.current.dataset.motionPopId = s;
-    const f = document.createElement("style");
-    v && (f.nonce = v);
-    const y = r ?? document.head;
-    return y.appendChild(f), f.sheet && f.sheet.insertRule(`
-          [data-motion-pop-id="${s}"] {
-            position: absolute !important;
-            width: ${i}px !important;
-            height: ${g}px !important;
-            ${m}px !important;
-            top: ${c}px !important;
-          }
-        `), () => {
-      y.contains(f) && y.removeChild(f);
-    };
-  }, [o]), a(ie, { isPresent: o, childRef: n, sizeRef: h, children: E.cloneElement(e, { ref: P }) });
-}
-const le = ({ children: e, initial: o, isPresent: t, onExitComplete: r, custom: s, presenceAffectsLayout: n, mode: h, anchorX: v, root: P }) => {
-  const i = H(fe), g = j();
-  let c = !0, u = b(() => (c = !1, {
-    id: g,
-    initial: o,
-    isPresent: t,
-    custom: s,
-    onExitComplete: (d) => {
-      i.set(d, !0);
-      for (const m of i.values())
-        if (!m)
-          return;
-      r && r();
-    },
-    register: (d) => (i.set(d, !1), () => i.delete(d))
-  }), [t, i, r]);
-  return n && c && (u = { ...u }), b(() => {
-    i.forEach((d, m) => i.set(m, !1));
-  }, [t]), E.useEffect(() => {
-    !t && !i.size && r && r();
-  }, [t]), h === "popLayout" && (e = a(ce, { isPresent: t, anchorX: v, root: P, children: e })), a(Q.Provider, { value: u, children: e });
-};
-function fe() {
-  return /* @__PURE__ */ new Map();
-}
-const x = (e) => e.key || "";
-function I(e) {
-  const o = [];
-  return G.forEach(e, (t) => {
-    Y(t) && o.push(t);
-  }), o;
-}
-const N = ({ children: e, custom: o, initial: t = !0, onExitComplete: r, presenceAffectsLayout: s = !0, mode: n = "sync", propagate: h = !1, anchorX: v = "left", root: P }) => {
-  const [i, g] = Z(h), c = b(() => I(e), [e]), u = h && !i ? [] : c.map(x), d = R(!0), m = R(c), f = H(() => /* @__PURE__ */ new Map()), [y, S] = $(c), [C, z] = $(c);
-  te(() => {
-    d.current = !1, m.current = c;
-    for (let p = 0; p < C.length; p++) {
-      const l = x(C[p]);
-      u.includes(l) ? f.delete(l) : f.get(l) !== !0 && f.set(l, !1);
-    }
-  }, [C, u.length, u.join("-")]);
-  const M = [];
-  if (c !== y) {
-    let p = [...c];
-    for (let l = 0; l < C.length; l++) {
-      const w = C[l], D = x(w);
-      u.includes(D) || (p.splice(l, 0, w), M.push(w));
-    }
-    return n === "wait" && M.length && (p = M), z(I(p)), S(c), null;
-  }
-  process.env.NODE_ENV !== "production" && n === "wait" && C.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: W } = A(ee);
-  return a(K, { children: C.map((p) => {
-    const l = x(p), w = h && !i ? !1 : c === C || u.includes(l), D = () => {
-      if (f.has(l))
-        f.set(l, !0);
-      else
-        return;
-      let L = !0;
-      f.forEach((B) => {
-        B || (L = !1);
-      }), L && (W?.(), z(m.current), h && g?.(), r && r());
-    };
-    return a(le, { isPresent: w, initial: !d.current || t ? void 0 : !1, custom: o, presenceAffectsLayout: s, mode: n, root: P, onExitComplete: w ? void 0 : D, anchorX: v, children: p }, l);
-  }) });
-}, Ce = ({
-  children: e,
-  ...o
-}) => {
-  const { isDesktop: t, open: r } = V();
-  return t ? /* @__PURE__ */ a(U, { forceMount: !0, ...o, children: /* @__PURE__ */ a(N, { children: r ? /* @__PURE__ */ a(
-    "div",
+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-system611.js";
+import { TextEditorField as h } from "./mainstack-design-system612.js";
+import { TextEditorMenuBar as T } from "./mainstack-design-system496.js";
+import { GenerateWithAiMenu as x } from "./mainstack-design-system485.js";
+import "react-dom";
+import { c as N } from "./index-BtQfgaSF.js";
+import { TextSizesMenu as E } from "./mainstack-design-system493.js";
+import { BoldMenu as O } from "./mainstack-design-system482.js";
+import { ItalicMenu as S } from "./mainstack-design-system487.js";
+import { UnderlineMenu as w } from "./mainstack-design-system494.js";
+import { StrikethroughMenu as P } from "./mainstack-design-system490.js";
+import { CodeMenu as g } from "./mainstack-design-system483.js";
+import { TextAlignMenu as I } from "./mainstack-design-system491.js";
+import { OrderedListMenu as R } from "./mainstack-design-system489.js";
+import { UnorderedListMenu as A } from "./mainstack-design-system495.js";
+import { LinkMenu as b } from "./mainstack-design-system488.js";
+import { ColorPickerMenu as y } from "./mainstack-design-system484.js";
+import { ImageUploadMenu as C } from "./mainstack-design-system486.js";
+var L = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], U = L.reduce((t, o) => {
+  const e = N(`Primitive.${o}`), i = f.forwardRef((a, n) => {
+    const { asChild: d, ...m } = a, u = d ? e : o;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(u, { ...m, ref: n });
+  });
+  return i.displayName = `Primitive.${o}`, { ...t, [o]: i };
+}, {}), k = "Separator", s = "horizontal", z = ["horizontal", "vertical"], l = f.forwardRef((t, o) => {
+  const { decorative: e, orientation: i = s, ...a } = t, n = F(i) ? i : s, m = e ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
+  return /* @__PURE__ */ r(
+    U.div,
     {
-      className: "mds:relative mds:z-100",
-      "data-slot": "responsive-popover-drawer-portal",
-      children: e
+      "data-orientation": n,
+      ...m,
+      ...a,
+      ref: o
     }
-  ) : null }) }) : /* @__PURE__ */ a(
-    O.Portal,
+  );
+});
+l.displayName = k;
+function F(t) {
+  return z.includes(t);
+}
+const er = v(
+  ({ defaultContent: t, getEditorRef: o, ...e }, i) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ p(
+    M,
     {
-      forceMount: !0,
-      "data-slot": "responsive-popover-drawer-portal",
-      ...o,
-      children: /* @__PURE__ */ a(N, { children: r ? /* @__PURE__ */ a(
-        "div",
-        {
-          className: "mds:relative mds:z-100",
-          "data-slot": "responsive-popover-drawer-portal",
-          children: e
-        }
-      ) : null })
+      defaultContent: t,
+      getEditorRef: o,
+      ref: i,
+      ...e,
+      children: [
+        /* @__PURE__ */ p(T, { children: [
+          /* @__PURE__ */ r(x, {}),
+          /* @__PURE__ */ r(
+            l,
+            {
+              className: "mds:bg-border-interactive-neutral mds:h-full mds:min-h-30 mds:w-1",
+              orientation: "vertical"
+            }
+          ),
+          /* @__PURE__ */ r(E, {}),
+          /* @__PURE__ */ r(O, {}),
+          /* @__PURE__ */ r(S, {}),
+          /* @__PURE__ */ r(w, {}),
+          /* @__PURE__ */ r(P, {}),
+          /* @__PURE__ */ r(g, {}),
+          /* @__PURE__ */ r(I, {}),
+          /* @__PURE__ */ r(R, {}),
+          /* @__PURE__ */ r(A, {}),
+          /* @__PURE__ */ r(b, {}),
+          /* @__PURE__ */ r(C, {}),
+          /* @__PURE__ */ r(y, {})
+        ] }),
+        /* @__PURE__ */ r(h, {})
+      ]
     }
-  );
-};
+  ) })
+);
 export {
-  Ce as ResponsivePopoverDrawerPortal
+  er as TextEditorInput
 };