mainstack-design-system 1.19.1 → 1.19.2

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.1",
+  "version": "1.19.2",
   "type": "module",
   "main": "./dist/mainstack-design-system.cjs",
   "module": "./dist/mainstack-design-system.js",