mainstack-design-system 1.14.3 → 1.15.1

package/dist/mainstack-design-system621.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-system604.cjs"),U=require("./index-DvzX668K.cjs"),X=require("./utils-Bdd5vx6a.cjs");require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");const oe=require("./mainstack-design-system395.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 s=require("react/jsx-runtime"),E=require("react"),q=require("./index-_XxjJPRD.cjs"),v=require("./index-5OKsHRWb.cjs"),F=require("./index-C8aODXfJ.cjs"),H=require("./index-DYxWvftI.cjs"),L=require("./index-bSPhqlcX.cjs"),G=require("./index-Bd0gQB0k.cjs");require("./mainstack-design-system366.cjs");const K=require("./mainstack-design-system104.cjs");require("./player-BoD_1Mo-.cjs");const U=require("./utils-Dp-J9Ksy.cjs");function X(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const i=X(E);var _="Checkbox",[J]=v.createContextScope(_),[Q,P]=J(_);function V(e){const{__scopeCheckbox:o,checked:t,children:c,defaultChecked:a,disabled:r,form:m,name:f,onCheckedChange:u,required:h,value:k="on",internal_do_not_use_render:l}=e,[b,g]=F.useControllableState({prop:t,defaultProp:a??!1,onChange:u,caller:_}),[x,C]=i.useState(null),[y,n]=i.useState(null),d=i.useRef(!1),R=x?!!m||!!x.closest("form"):!0,I={checked:b,disabled:r,setChecked:g,control:x,setControl:C,name:f,form:m,value:k,hasConsumerStoppedPropagationRef:d,required:h,defaultChecked:p(a)?!1:a,isFormControl:R,bubbleInput:y,setBubbleInput:n};return s.jsx(Q,{scope:o,...I,children:W(l)?l(I):c})}var S="CheckboxTrigger",N=i.forwardRef(({__scopeCheckbox:e,onKeyDown:o,onClick:t,...c},a)=>{const{control:r,value:m,disabled:f,checked:u,required:h,setControl:k,setChecked:l,hasConsumerStoppedPropagationRef:b,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(a,k),y=i.useRef(u);return i.useEffect(()=>{const n=r?.form;if(n){const d=()=>l(y.current);return n.addEventListener("reset",d),()=>n.removeEventListener("reset",d)}},[r,l]),s.jsx(v.Primitive.button,{type:"button",role:"checkbox","aria-checked":p(u)?"mixed":u,"aria-required":h,"data-state":T(u),"data-disabled":f?"":void 0,disabled:f,value:m,...c,ref:C,onKeyDown:v.composeEventHandlers(o,n=>{n.key==="Enter"&&n.preventDefault()}),onClick:v.composeEventHandlers(t,n=>{l(d=>p(d)?!0:!d),x&&g&&(b.current=n.isPropagationStopped(),b.current||n.stopPropagation())})})});N.displayName=S;var w=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:c,checked:a,defaultChecked:r,required:m,disabled:f,value:u,onCheckedChange:h,form:k,...l}=e;return s.jsx(V,{__scopeCheckbox:t,checked:a,defaultChecked:r,disabled:f,required:m,onCheckedChange:h,name:c,form:k,value:u,internal_do_not_use_render:({isFormControl:b})=>s.jsxs(s.Fragment,{children:[s.jsx(N,{...l,ref:o,__scopeCheckbox:t}),b&&s.jsx(M,{__scopeCheckbox:t})]})})});w.displayName=_;var z="CheckboxIndicator",O=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:c,...a}=e,r=P(z,t);return s.jsx(G.Presence,{present:c||p(r.checked)||r.checked===!0,children:s.jsx(v.Primitive.span,{"data-state":T(r.checked),"data-disabled":r.disabled?"":void 0,...a,ref:o,style:{pointerEvents:"none",...e.style}})})});O.displayName=z;var B="CheckboxBubbleInput",M=i.forwardRef(({__scopeCheckbox:e,...o},t)=>{const{control:c,hasConsumerStoppedPropagationRef:a,checked:r,defaultChecked:m,required:f,disabled:u,name:h,value:k,form:l,bubbleInput:b,setBubbleInput:g}=P(B,e),x=q.useComposedRefs(t,g),C=H.usePrevious(r),y=L.useSize(c);i.useEffect(()=>{const d=b;if(!d)return;const R=window.HTMLInputElement.prototype,j=Object.getOwnPropertyDescriptor(R,"checked").set,$=!a.current;if(C!==r&&j){const A=new Event("click",{bubbles:$});d.indeterminate=p(r),j.call(d,p(r)?!1:r),d.dispatchEvent(A)}},[b,C,r,a]);const n=i.useRef(p(r)?!1:r);return s.jsx(v.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:m??n.current,required:f,disabled:u,name:h,value:k,form:l,...o,tabIndex:-1,ref:x,style:{...o.style,...y,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});M.displayName=B;function W(e){return typeof e=="function"}function p(e){return e==="indeterminate"}function T(e){return p(e)?"indeterminate":e?"checked":"unchecked"}const D=E.forwardRef(({className:e,...o},t)=>s.jsx(w,{"data-slot":"checkbox-indicator",className:U.cn("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 ",e),ref:t,...o,children:s.jsx(O,{children:s.jsx(K,{className:"mds:size-24 mds:text-on-primary mds:group-data-[checkbox-size=extra-small]:size-14"})})}));D.displayName="CheckboxIndicator";exports.CheckboxIndicator=D;