mainstack-design-system 1.19.0 → 1.19.2

package/dist/mainstack-design-system621.js

@@ -17,7 +17,7 @@ function Y(r) {
   const {
     __scopeCheckbox: s,
     checked: t,
-    children: l,
+    children: m,
     defaultChecked: a,
     disabled: e,
     form: p,
@@ -27,7 +27,7 @@ function Y(r) {
     value: k = "on",
     // @ts-expect-error
     internal_do_not_use_render: u
-  } = r, [m, x] = K({
+  } = r, [l, x] = K({
     prop: t,
     defaultProp: a ?? !1,
     onChange: i,
@@ -36,7 +36,7 @@ function Y(r) {
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), R = {
-    checked: m,
+    checked: l,
     disabled: e,
     setChecked: x,
     control: C,
@@ -56,12 +56,12 @@ function Y(r) {
     {
       scope: s,
       ...R,
-      children: Z(u) ? u(R) : l
+      children: Z(u) ? u(R) : m
     }
   );
 }
 var w = "CheckboxTrigger", z = d.forwardRef(
-  ({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...l }, a) => {
+  ({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...m }, a) => {
     const {
       control: e,
       value: p,
@@ -70,7 +70,7 @@ var w = "CheckboxTrigger", z = d.forwardRef(
       required: h,
       setControl: k,
       setChecked: u,
-      hasConsumerStoppedPropagationRef: m,
+      hasConsumerStoppedPropagationRef: l,
       isFormControl: x,
       bubbleInput: C
     } = _(w, r), v = S(a, k), g = d.useRef(i);
@@ -91,13 +91,13 @@ var w = "CheckboxTrigger", z = d.forwardRef(
         "data-disabled": f ? "" : void 0,
         disabled: f,
         value: p,
-        ...l,
+        ...m,
         ref: v,
         onKeyDown: N(s, (o) => {
           o.key === "Enter" && o.preventDefault();
         }),
         onClick: N(t, (o) => {
-          u((n) => b(n) ? !0 : !n), C && x && (m.current = o.isPropagationStopped(), m.current || o.stopPropagation());
+          u((n) => b(n) ? !0 : !n), C && x && (l.current = o.isPropagationStopped(), l.current || o.stopPropagation());
         })
       }
     );
@@ -108,7 +108,7 @@ var B = d.forwardRef(
   (r, s) => {
     const {
       __scopeCheckbox: t,
-      name: l,
+      name: m,
       checked: a,
       defaultChecked: e,
       required: p,
@@ -127,10 +127,10 @@ var B = d.forwardRef(
         disabled: f,
         required: p,
         onCheckedChange: h,
-        name: l,
+        name: m,
         form: k,
         value: i,
-        internal_do_not_use_render: ({ isFormControl: m }) => /* @__PURE__ */ L(O, { children: [
+        internal_do_not_use_render: ({ isFormControl: l }) => /* @__PURE__ */ L(O, { children: [
           /* @__PURE__ */ c(
             z,
             {
@@ -139,7 +139,7 @@ var B = d.forwardRef(
               __scopeCheckbox: t
             }
           ),
-          m && /* @__PURE__ */ c(
+          l && /* @__PURE__ */ c(
             A,
             {
               __scopeCheckbox: t
@@ -153,11 +153,11 @@ var B = d.forwardRef(
 B.displayName = y;
 var M = "CheckboxIndicator", T = d.forwardRef(
   (r, s) => {
-    const { __scopeCheckbox: t, forceMount: l, ...a } = r, e = _(M, t);
+    const { __scopeCheckbox: t, forceMount: m, ...a } = r, e = _(M, t);
     return /* @__PURE__ */ c(
       $,
       {
-        present: l || b(e.checked) || e.checked === !0,
+        present: m || b(e.checked) || e.checked === !0,
         children: /* @__PURE__ */ c(
           P.span,
           {
@@ -176,7 +176,7 @@ T.displayName = M;
 var q = "CheckboxBubbleInput", A = d.forwardRef(
   ({ __scopeCheckbox: r, ...s }, t) => {
     const {
-      control: l,
+      control: m,
       hasConsumerStoppedPropagationRef: a,
       checked: e,
       defaultChecked: p,
@@ -185,11 +185,11 @@ var q = "CheckboxBubbleInput", A = d.forwardRef(
       name: h,
       value: k,
       form: u,
-      bubbleInput: m,
+      bubbleInput: l,
       setBubbleInput: x
-    } = _(q, r), C = S(t, x), v = U(e), g = X(l);
+    } = _(q, r), C = S(t, x), v = U(e), g = X(m);
     d.useEffect(() => {
-      const n = m;
+      const n = l;
       if (!n) return;
       const I = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
         I,
@@ -199,7 +199,7 @@ var q = "CheckboxBubbleInput", A = d.forwardRef(
         const F = new Event("click", { bubbles: D });
         n.indeterminate = b(e), E.call(n, b(e) ? !1 : e), n.dispatchEvent(F);
       }
-    }, [m, v, e, a]);
+    }, [l, v, e, a]);
     const o = d.useRef(b(e) ? !1 : e);
     return /* @__PURE__ */ c(
       P.input,
@@ -247,7 +247,7 @@ const ee = H(
     {
       "data-slot": "checkbox-indicator",
       className: Q(
-        "mds:peer mds:relative mds:flex mds:justify-center mds:items-center mds:cursor-pointer  mds:gap-12 mds:border mds:rounded-6 mds:border-border-interactive-neutral mds:bg-on-primary mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:focus:ring-border-surface-spread-focus mds:active:ring-border-surface-spread-neutral mds:ring-offset-0 mds:size-24 mds:group-data-[checkbox-shape=full-radius]:rounded-full mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[checkbox-size=large]:size-32 mds:group-data-[checkbox-size=extra-small]:size-18 mds:disabled:cursor-not-allowed mds:disabled:bg-interactive-primary-disabled mds:group-hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled ",
+        "mds:peer mds:relative mds:flex mds:justify-center mds:items-center mds:cursor-pointer  mds:gap-12 mds:border mds:rounded-6 mds:border-border-interactive-primary mds:bg-on-primary mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:focus:ring-border-surface-spread-focus mds:active:ring-border-surface-spread-primary mds:ring-offset-0 mds:size-24 mds:group-data-[checkbox-shape=full-radius]:rounded-full mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[checkbox-size=large]:size-32 mds:group-data-[checkbox-size=extra-small]:size-18 mds:disabled:cursor-not-allowed mds:disabled:bg-interactive-primary-disabled mds:group-hover:border-border-interactive-primary-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled ",
         r
       ),
       ref: t,

package/dist/mainstack-design-system625.cjs

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as r, Fragment as c, jsxs as p } from "react/jsx-runtime";
+import { jsx as r, Fragment as c, jsxs as d } from "react/jsx-runtime";
 import * as f from "react";
 import { forwardRef as v } from "react";
 import { TextEditorRoot as M } from "./mainstack-design-system631.js";
@@ -38,14 +38,14 @@ var L = [
   "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;
+], U = L.reduce((i, o) => {
+  const e = N(`Primitive.${o}`), t = f.forwardRef((a, n) => {
+    const { asChild: p, ...m } = a, u = p ? 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 t.displayName = `Primitive.${o}`, { ...i, [o]: t };
+}, {}), k = "Separator", s = "horizontal", z = ["horizontal", "vertical"], l = f.forwardRef((i, o) => {
+  const { decorative: e, orientation: t = s, ...a } = i, n = F(t) ? t : s, m = e ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
   return /* @__PURE__ */ r(
     U.div,
     {
@@ -57,24 +57,24 @@ var L = [
   );
 });
 l.displayName = k;
-function F(t) {
-  return z.includes(t);
+function F(i) {
+  return z.includes(i);
 }
 const er = v(
-  ({ defaultContent: t, getEditorRef: o, ...e }, i) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ p(
+  ({ defaultContent: i, getEditorRef: o, ...e }, t) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ d(
     M,
     {
-      defaultContent: t,
+      defaultContent: i,
       getEditorRef: o,
-      ref: i,
+      ref: t,
       ...e,
       children: [
-        /* @__PURE__ */ p(T, { children: [
+        /* @__PURE__ */ d(T, { children: [
           /* @__PURE__ */ r(x, {}),
           /* @__PURE__ */ r(
             l,
             {
-              className: "mds:bg-border-interactive-neutral mds:h-full mds:min-h-30 mds:w-1",
+              className: "mds:bg-border-interactive-primary mds:h-full mds:min-h-30 mds:w-1",
               orientation: "vertical"
             }
           ),

package/dist/mainstack-design-system630.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),_=require("./index-hyBpqx_X.cjs"),ie=require("./index-4R9KShCu.cjs"),ee=require("react"),ae=require("./mainstack-design-system613.cjs"),U=require("./index-DvzX668K.cjs"),X=require("./utils-BJ1u234q.cjs");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");const oe=require("./mainstack-design-system405.cjs"),F=require("./use-presence-DO2ahDUQ.cjs"),s=require("./single-value-U71henX8.cjs"),le=(e,t,n)=>{const r=t-e;return((n-e)%r+r)%r+e};function te(e,t){return s.isEasingArray(e)?e[le(0,e.length,t)]:e}class ue{constructor(t){this.stop=()=>this.runAll("stop"),this.animations=t.filter(Boolean)}get finished(){return Promise.all(this.animations.map(t=>t.finished))}getAll(t){return this.animations[0][t]}setAll(t,n){for(let r=0;r<this.animations.length;r++)this.animations[r][t]=n}attachTimeline(t){const n=this.animations.map(r=>r.attachTimeline(t));return()=>{n.forEach((r,i)=>{r&&r(),this.animations[i].stop()})}}get time(){return this.getAll("time")}set time(t){this.setAll("time",t)}get speed(){return this.getAll("speed")}set speed(t){this.setAll("speed",t)}get state(){return this.getAll("state")}get startTime(){return this.getAll("startTime")}get duration(){return Y(this.animations,"duration")}get iterationDuration(){return Y(this.animations,"iterationDuration")}runAll(t){this.animations.forEach(n=>n[t]())}play(){this.runAll("play")}pause(){this.runAll("pause")}cancel(){this.runAll("cancel")}complete(){this.runAll("complete")}}function Y(e,t){let n=0;for(let r=0;r<e.length;r++){const i=e[r][t];i!==null&&i>n&&(n=i)}return n}class ce extends ue{then(t,n){return this.finished.finally(t).then(()=>{})}}function fe(e){return ee.useEffect(()=>()=>e(),[])}function K(e){return typeof e=="object"&&!Array.isArray(e)}function ne(e,t,n,r){return typeof e=="string"&&K(t)?s.resolveElements(e,n,r):e instanceof NodeList?Array.from(e):Array.isArray(e)?e:[e]}function me(e,t,n){return e*(t+1)}function J(e,t,n,r){return typeof t=="number"?t:t.startsWith("-")||t.startsWith("+")?Math.max(0,e+parseFloat(t)):t==="<"?n:t.startsWith("<")?Math.max(0,n+parseFloat(t.slice(1))):r.get(t)??e}function de(e,t,n){for(let r=0;r<e.length;r++){const i=e[r];i.at>t&&i.at<n&&(s.removeItem(e,i),r--)}}function pe(e,t,n,r,i,u){de(e,i,u);for(let a=0;a<t.length;a++)e.push({value:t[a],at:s.mixNumber(i,u,r[a]),easing:te(n,a)})}function he(e,t){for(let n=0;n<e.length;n++)e[n]=e[n]/(t+1)}function ge(e,t){return e.at===t.at?e.value===null?1:t.value===null?-1:0:e.at-t.at}const ye="easeInOut",ve=20;function Ae(e,{defaultTransition:t={},...n}={},r,i){const u=t.duration||.3,a=new Map,o=new Map,f={},p=new Map;let w=0,l=0,g=0;for(let y=0;y<e.length;y++){const m=e[y];if(typeof m=="string"){p.set(m,l);continue}else if(!Array.isArray(m)){p.set(m.name,J(l,m.at,w,p));continue}let[T,v,d={}]=m;d.at!==void 0&&(l=J(l,d.at,w,p));let h=0;const j=(A,E,V,M=0,C=0)=>{const c=Ee(A),{delay:G=0,times:S=s.defaultOffset(c),type:N="keyframes",repeat:O,repeatType:Re,repeatDelay:Ie=0,...se}=E;let{ease:D=t.ease||"easeOut",duration:x}=E;const L=typeof G=="function"?G(M,C):G,W=c.length,z=s.isGenerator(N)?N:i?.[N||"keyframes"];if(W<=2&&z){let P=100;if(W===2&&be(c)){const q=c[1]-c[0];P=Math.abs(q)}const I={...se};x!==void 0&&(I.duration=s.secondsToMilliseconds(x));const B=s.createGeneratorEasing(I,P,z);D=B.ease,x=B.duration}x??(x=u);const H=l+L;S.length===1&&S[0]===0&&(S[1]=1);const $=S.length-c.length;if($>0&&s.fillOffset(S,$),c.length===1&&c.unshift(null),O){s.invariant(O<ve,"Repeat count too high, must be less than 20","repeat-count-high"),x=me(x,O);const P=[...c],I=[...S];D=Array.isArray(D)?[...D]:[D];const B=[...D];for(let q=0;q<O;q++){c.push(...P);for(let R=0;R<P.length;R++)S.push(I[R]+(q+1)),D.push(R===0?"linear":te(B,R-1))}he(S,O)}const k=H+x;pe(V,c,D,S,H,k),h=Math.max(L+x,h),g=Math.max(k,g)};if(s.isMotionValue(T)){const A=Q(T,o);j(v,d,Z("default",A))}else{const A=ne(T,v,r,f),E=A.length;for(let V=0;V<E;V++){v=v,d=d;const M=A[V],C=Q(M,o);for(const c in v)j(v[c],Se(d,c),Z(c,C),V,E)}}w=l,l+=h}return o.forEach((y,m)=>{for(const T in y){const v=y[T];v.sort(ge);const d=[],h=[],j=[];for(let E=0;E<v.length;E++){const{at:V,value:M,easing:C}=v[E];d.push(M),h.push(s.progress(0,g,V)),j.push(C||"easeOut")}h[0]!==0&&(h.unshift(0),d.unshift(d[0]),j.unshift(ye)),h[h.length-1]!==1&&(h.push(1),d.push(null)),a.has(m)||a.set(m,{keyframes:{},transition:{}});const A=a.get(m);A.keyframes[T]=d,A.transition[T]={...t,duration:g,ease:j,times:h,...n}}}),a}function Q(e,t){return!t.has(e)&&t.set(e,{}),t.get(e)}function Z(e,t){return t[e]||(t[e]=[]),t[e]}function Ee(e){return Array.isArray(e)?e:[e]}function Se(e,t){return e&&e[t]?{...e,...e[t]}:{...e}}const xe=e=>typeof e=="number",be=e=>e.every(xe);function we(e,t){return e in t}class Ve extends s.VisualElement{constructor(){super(...arguments),this.type="object"}readValueFromInstance(t,n){if(we(n,t)){const r=t[n];if(typeof r=="string"||typeof r=="number")return r}}getBaseTargetFromProps(){}removeValueFromRenderState(t,n){delete n.output[t]}measureInstanceViewportBox(){return s.createBox()}build(t,n){Object.assign(t.output,n)}renderInstance(t,{output:n}){Object.assign(t,n)}sortInstanceNodePosition(){return 0}}function De(e){const t={presenceContext:null,props:{},visualState:{renderState:{transform:{},transformOrigin:{},style:{},vars:{},attrs:{}},latestValues:{}}},n=s.isSVGElement(e)&&!s.isSVGSVGElement(e)?new s.SVGVisualElement(t):new s.HTMLVisualElement(t);n.mount(e),s.visualElementStore.set(e,n)}function Te(e){const t={presenceContext:null,props:{},visualState:{renderState:{output:{}},latestValues:{}}},n=new Ve(t);n.mount(e),s.visualElementStore.set(e,n)}function je(e,t){return s.isMotionValue(e)||typeof e=="number"||typeof e=="string"&&!K(t)}function re(e,t,n,r){const i=[];if(je(e,t))i.push(s.animateSingleValue(e,K(t)&&t.default||t,n&&(n.default||n)));else{const u=ne(e,t,r),a=u.length;s.invariant(!!a,"No valid elements provided.","no-valid-elements");for(let o=0;o<a;o++){const f=u[o];s.invariant(f!==null,"You're trying to perform an animation on null. Ensure that selectors are correctly finding elements and refs are correctly hydrated.","animate-null");const p=f instanceof Element?De:Te;s.visualElementStore.has(f)||p(f);const w=s.visualElementStore.get(f),l={...n};"delay"in l&&typeof l.delay=="function"&&(l.delay=l.delay(o,a)),i.push(...s.animateTarget(w,{...t,transition:l},{}))}}return i}function Me(e,t,n){const r=[];return Ae(e,t,n,{spring:s.spring}).forEach(({keyframes:u,transition:a},o)=>{r.push(...re(o,u,a))}),r}function Ce(e){return Array.isArray(e)&&e.some(Array.isArray)}function Oe(e){function t(n,r,i){let u=[],a;if(Ce(n))u=Me(n,r,e);else{const{onComplete:f,...p}=i||{};typeof f=="function"&&(a=f),u=re(n,r,p,e)}const o=new ce(u);return a&&o.finished.then(a),e&&(e.animations.push(o),o.finished.then(()=>{s.removeItem(e.animations,o)})),o}return t}function Pe(){const e=F.useConstant(()=>({current:null,animations:[]})),t=F.useConstant(()=>Oe(e));return fe(()=>{e.animations.forEach(n=>n.stop()),e.animations.length=0}),[e,t]}const qe=({sideOffset:e=6,side:t,sticky:n,className:r,children:i,showCloseButton:u=!0,...a})=>{const{open:o,isDesktop:f,onOpenChange:p}=ae.useResponsivePopoverDrawerContext(),[w,l]=F.usePresence(),[g,y]=Pe();return ee.useEffect(()=>{o&&w?(async()=>await y(g.current,{opacity:[0,1],scale:[0,1]},{type:s.spring,bounce:.4,duration:.8}))():(async()=>(await y(g.current,{opacity:0,scale:[1,0]},{duration:.4}),l&&l()))()},[y,o,w,l,g]),f?b.jsx(ie.PopoverContent,{"data-slot":"responsive-popover-drawer-content",sideOffset:e,side:t,sticky:n,...a,children:b.jsx("div",{className:X.cn("mds:origin-(--radix-popover-content-transform-origin) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",r),ref:g,children:i})}):b.jsxs(_.Drawer.Content,{"data-slot":"responsive-popover-drawer-content",className:"mds:group/drawer-content mds:w-full mds:fixed mds:left-0 mds:bottom-0 mds:z-100   mds:overflow-hidden",...a,children:[b.jsxs("div",{className:X.cn("mds:m-20 mds:flex mds:h-auto mds:flex-col mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",r),ref:g,children:[i,u&&b.jsx(oe.Button,{variant:"secondary",rounded:"sm",onClick:()=>{p&&p(!1)},children:"Close"})]}),b.jsx(U.VisuallyHidden,{children:b.jsx(_.Drawer.Title,{})}),b.jsx(U.VisuallyHidden,{children:b.jsx(_.Drawer.Description,{})})]})};exports.ResponsivePopoverDrawerContent=qe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),_=require("./index-hyBpqx_X.cjs"),ie=require("./index-4R9KShCu.cjs"),ee=require("react"),ae=require("./mainstack-design-system613.cjs"),U=require("./index-DvzX668K.cjs"),X=require("./utils-BJ1u234q.cjs");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");const oe=require("./mainstack-design-system405.cjs"),F=require("./use-presence-DO2ahDUQ.cjs"),s=require("./single-value-U71henX8.cjs"),le=(e,t,n)=>{const r=t-e;return((n-e)%r+r)%r+e};function te(e,t){return s.isEasingArray(e)?e[le(0,e.length,t)]:e}class ue{constructor(t){this.stop=()=>this.runAll("stop"),this.animations=t.filter(Boolean)}get finished(){return Promise.all(this.animations.map(t=>t.finished))}getAll(t){return this.animations[0][t]}setAll(t,n){for(let r=0;r<this.animations.length;r++)this.animations[r][t]=n}attachTimeline(t){const n=this.animations.map(r=>r.attachTimeline(t));return()=>{n.forEach((r,i)=>{r&&r(),this.animations[i].stop()})}}get time(){return this.getAll("time")}set time(t){this.setAll("time",t)}get speed(){return this.getAll("speed")}set speed(t){this.setAll("speed",t)}get state(){return this.getAll("state")}get startTime(){return this.getAll("startTime")}get duration(){return Y(this.animations,"duration")}get iterationDuration(){return Y(this.animations,"iterationDuration")}runAll(t){this.animations.forEach(n=>n[t]())}play(){this.runAll("play")}pause(){this.runAll("pause")}cancel(){this.runAll("cancel")}complete(){this.runAll("complete")}}function Y(e,t){let n=0;for(let r=0;r<e.length;r++){const i=e[r][t];i!==null&&i>n&&(n=i)}return n}class ce extends ue{then(t,n){return this.finished.finally(t).then(()=>{})}}function fe(e){return ee.useEffect(()=>()=>e(),[])}function K(e){return typeof e=="object"&&!Array.isArray(e)}function ne(e,t,n,r){return typeof e=="string"&&K(t)?s.resolveElements(e,n,r):e instanceof NodeList?Array.from(e):Array.isArray(e)?e:[e]}function me(e,t,n){return e*(t+1)}function J(e,t,n,r){return typeof t=="number"?t:t.startsWith("-")||t.startsWith("+")?Math.max(0,e+parseFloat(t)):t==="<"?n:t.startsWith("<")?Math.max(0,n+parseFloat(t.slice(1))):r.get(t)??e}function de(e,t,n){for(let r=0;r<e.length;r++){const i=e[r];i.at>t&&i.at<n&&(s.removeItem(e,i),r--)}}function pe(e,t,n,r,i,u){de(e,i,u);for(let a=0;a<t.length;a++)e.push({value:t[a],at:s.mixNumber(i,u,r[a]),easing:te(n,a)})}function he(e,t){for(let n=0;n<e.length;n++)e[n]=e[n]/(t+1)}function ge(e,t){return e.at===t.at?e.value===null?1:t.value===null?-1:0:e.at-t.at}const ye="easeInOut",ve=20;function Ae(e,{defaultTransition:t={},...n}={},r,i){const u=t.duration||.3,a=new Map,o=new Map,f={},p=new Map;let w=0,l=0,g=0;for(let y=0;y<e.length;y++){const m=e[y];if(typeof m=="string"){p.set(m,l);continue}else if(!Array.isArray(m)){p.set(m.name,J(l,m.at,w,p));continue}let[T,v,d={}]=m;d.at!==void 0&&(l=J(l,d.at,w,p));let h=0;const j=(A,E,V,M=0,C=0)=>{const c=Ee(A),{delay:G=0,times:S=s.defaultOffset(c),type:N="keyframes",repeat:O,repeatType:Re,repeatDelay:Ie=0,...se}=E;let{ease:D=t.ease||"easeOut",duration:x}=E;const L=typeof G=="function"?G(M,C):G,W=c.length,z=s.isGenerator(N)?N:i?.[N||"keyframes"];if(W<=2&&z){let P=100;if(W===2&&be(c)){const q=c[1]-c[0];P=Math.abs(q)}const I={...se};x!==void 0&&(I.duration=s.secondsToMilliseconds(x));const B=s.createGeneratorEasing(I,P,z);D=B.ease,x=B.duration}x??(x=u);const H=l+L;S.length===1&&S[0]===0&&(S[1]=1);const $=S.length-c.length;if($>0&&s.fillOffset(S,$),c.length===1&&c.unshift(null),O){s.invariant(O<ve,"Repeat count too high, must be less than 20","repeat-count-high"),x=me(x,O);const P=[...c],I=[...S];D=Array.isArray(D)?[...D]:[D];const B=[...D];for(let q=0;q<O;q++){c.push(...P);for(let R=0;R<P.length;R++)S.push(I[R]+(q+1)),D.push(R===0?"linear":te(B,R-1))}he(S,O)}const k=H+x;pe(V,c,D,S,H,k),h=Math.max(L+x,h),g=Math.max(k,g)};if(s.isMotionValue(T)){const A=Q(T,o);j(v,d,Z("default",A))}else{const A=ne(T,v,r,f),E=A.length;for(let V=0;V<E;V++){v=v,d=d;const M=A[V],C=Q(M,o);for(const c in v)j(v[c],Se(d,c),Z(c,C),V,E)}}w=l,l+=h}return o.forEach((y,m)=>{for(const T in y){const v=y[T];v.sort(ge);const d=[],h=[],j=[];for(let E=0;E<v.length;E++){const{at:V,value:M,easing:C}=v[E];d.push(M),h.push(s.progress(0,g,V)),j.push(C||"easeOut")}h[0]!==0&&(h.unshift(0),d.unshift(d[0]),j.unshift(ye)),h[h.length-1]!==1&&(h.push(1),d.push(null)),a.has(m)||a.set(m,{keyframes:{},transition:{}});const A=a.get(m);A.keyframes[T]=d,A.transition[T]={...t,duration:g,ease:j,times:h,...n}}}),a}function Q(e,t){return!t.has(e)&&t.set(e,{}),t.get(e)}function Z(e,t){return t[e]||(t[e]=[]),t[e]}function Ee(e){return Array.isArray(e)?e:[e]}function Se(e,t){return e&&e[t]?{...e,...e[t]}:{...e}}const xe=e=>typeof e=="number",be=e=>e.every(xe);function we(e,t){return e in t}class Ve extends s.VisualElement{constructor(){super(...arguments),this.type="object"}readValueFromInstance(t,n){if(we(n,t)){const r=t[n];if(typeof r=="string"||typeof r=="number")return r}}getBaseTargetFromProps(){}removeValueFromRenderState(t,n){delete n.output[t]}measureInstanceViewportBox(){return s.createBox()}build(t,n){Object.assign(t.output,n)}renderInstance(t,{output:n}){Object.assign(t,n)}sortInstanceNodePosition(){return 0}}function De(e){const t={presenceContext:null,props:{},visualState:{renderState:{transform:{},transformOrigin:{},style:{},vars:{},attrs:{}},latestValues:{}}},n=s.isSVGElement(e)&&!s.isSVGSVGElement(e)?new s.SVGVisualElement(t):new s.HTMLVisualElement(t);n.mount(e),s.visualElementStore.set(e,n)}function Te(e){const t={presenceContext:null,props:{},visualState:{renderState:{output:{}},latestValues:{}}},n=new Ve(t);n.mount(e),s.visualElementStore.set(e,n)}function je(e,t){return s.isMotionValue(e)||typeof e=="number"||typeof e=="string"&&!K(t)}function re(e,t,n,r){const i=[];if(je(e,t))i.push(s.animateSingleValue(e,K(t)&&t.default||t,n&&(n.default||n)));else{const u=ne(e,t,r),a=u.length;s.invariant(!!a,"No valid elements provided.","no-valid-elements");for(let o=0;o<a;o++){const f=u[o];s.invariant(f!==null,"You're trying to perform an animation on null. Ensure that selectors are correctly finding elements and refs are correctly hydrated.","animate-null");const p=f instanceof Element?De:Te;s.visualElementStore.has(f)||p(f);const w=s.visualElementStore.get(f),l={...n};"delay"in l&&typeof l.delay=="function"&&(l.delay=l.delay(o,a)),i.push(...s.animateTarget(w,{...t,transition:l},{}))}}return i}function Me(e,t,n){const r=[];return Ae(e,t,n,{spring:s.spring}).forEach(({keyframes:u,transition:a},o)=>{r.push(...re(o,u,a))}),r}function Ce(e){return Array.isArray(e)&&e.some(Array.isArray)}function Oe(e){function t(n,r,i){let u=[],a;if(Ce(n))u=Me(n,r,e);else{const{onComplete:f,...p}=i||{};typeof f=="function"&&(a=f),u=re(n,r,p,e)}const o=new ce(u);return a&&o.finished.then(a),e&&(e.animations.push(o),o.finished.then(()=>{s.removeItem(e.animations,o)})),o}return t}function Pe(){const e=F.useConstant(()=>({current:null,animations:[]})),t=F.useConstant(()=>Oe(e));return fe(()=>{e.animations.forEach(n=>n.stop()),e.animations.length=0}),[e,t]}const qe=({sideOffset:e=6,side:t,sticky:n,className:r,children:i,showCloseButton:u=!0,...a})=>{const{open:o,isDesktop:f,onOpenChange:p}=ae.useResponsivePopoverDrawerContext(),[w,l]=F.usePresence(),[g,y]=Pe();return ee.useEffect(()=>{o&&w?(async()=>await y(g.current,{opacity:[0,1],scale:[0,1]},{type:s.spring,bounce:.4,duration:.8}))():(async()=>(await y(g.current,{opacity:0,scale:[1,0]},{duration:.4}),l&&l()))()},[y,o,w,l,g]),f?b.jsx(ie.PopoverContent,{"data-slot":"responsive-popover-drawer-content",sideOffset:e,side:t,sticky:n,...a,children:b.jsx("div",{className:X.cn("mds:origin-(--radix-popover-content-transform-origin) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200",r),ref:g,children:i})}):b.jsxs(_.Drawer.Content,{"data-slot":"responsive-popover-drawer-content",className:"mds:group/drawer-content mds:w-full mds:fixed mds:left-0 mds:bottom-0 mds:z-100   mds:overflow-hidden",...a,children:[b.jsxs("div",{className:X.cn("mds:m-20 mds:flex mds:h-auto mds:flex-col mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200",r),ref:g,children:[i,u&&b.jsx(oe.Button,{variant:"secondary",rounded:"sm",onClick:()=>{p&&p(!1)},children:"Close"})]}),b.jsx(U.VisuallyHidden,{children:b.jsx(_.Drawer.Title,{})}),b.jsx(U.VisuallyHidden,{children:b.jsx(_.Drawer.Description,{})})]})};exports.ResponsivePopoverDrawerContent=qe;

package/dist/mainstack-design-system630.js

@@ -396,7 +396,7 @@ const At = ({
         "div",
         {
           className: Q(
-            "mds:origin-(--radix-popover-content-transform-origin) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",
+            "mds:origin-(--radix-popover-content-transform-origin) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200",
             s
           ),
           ref: h,
@@ -415,7 +415,7 @@ const At = ({
           "div",
           {
             className: Q(
-              "mds:m-20 mds:flex mds:h-auto mds:flex-col mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",
+              "mds:m-20 mds:flex mds:h-auto mds:flex-col mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200",
               s
             ),
             ref: h,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "1.19.0",
+  "version": "1.19.2",
   "type": "module",
   "main": "./dist/mainstack-design-system.cjs",
   "module": "./dist/mainstack-design-system.js",