@intlayer/design-system 2.0.12 → 3.0.0

package/dist/motion-minimal-CwdK8lup.cjs

@@ -1 +0,0 @@
-"use client";"use strict";const H=require("./jsx-runtime-D6agescH.cjs"),d=require("react"),Z=d.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),M=d.createContext({}),q=d.createContext(null),U=typeof document<"u",pt=U?d.useLayoutEffect:d.useEffect,K=d.createContext({strict:!1}),Q=t=>t.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),wt="framerAppearId",xt="data-"+Q(wt);class D{constructor(){this.order=[],this.scheduled=new Set}add(e){if(!this.scheduled.has(e))return this.scheduled.add(e),this.order.push(e),!0}remove(e){const n=this.order.indexOf(e);n!==-1&&(this.order.splice(n,1),this.scheduled.delete(e))}clear(){this.order.length=0,this.scheduled.clear()}}function bt(t){let e=new D,n=new D,o=0,r=!1,s=!1;const c=new WeakSet,l={schedule:(m,g=!1,u=!1)=>{const a=u&&r,f=a?e:n;return g&&c.add(m),f.add(m)&&a&&r&&(o=e.order.length),m},cancel:m=>{n.remove(m),c.delete(m)},process:m=>{if(r){s=!0;return}if(r=!0,[e,n]=[n,e],n.clear(),o=e.order.length,o)for(let g=0;g<o;g++){const u=e.order[g];c.has(u)&&(l.schedule(u),t()),u(m)}r=!1,s&&(s=!1,l.process(m))}};return l}const v=["read","resolveKeyframes","update","preRender","render","postRender"],Ct=40;function J(t,e){let n=!1,o=!0;const r={delta:0,timestamp:0,isProcessing:!1},s=v.reduce((a,f)=>(a[f]=bt(()=>n=!0),a),{}),c=a=>{s[a].process(r)},l=()=>{const a=performance.now();n=!1,r.delta=o?1e3/60:Math.max(Math.min(a-r.timestamp,Ct),1),r.timestamp=a,r.isProcessing=!0,v.forEach(c),r.isProcessing=!1,n&&e&&(o=!1,t(l))},m=()=>{n=!0,o=!0,r.isProcessing||t(l)};return{schedule:v.reduce((a,f)=>{const h=s[f];return a[f]=(y,p=!1,B=!1)=>(n||m(),h.schedule(y,p,B)),a},{}),cancel:a=>v.forEach(f=>s[f].cancel(a)),state:r,steps:s}}const{schedule:vt,cancel:Me}=J(queueMicrotask,!1);function tt(t){return t&&typeof t=="object"&&Object.prototype.hasOwnProperty.call(t,"current")}const St=d.createContext({});let I=!1;function Pt(t,e,n,o,r){const{visualElement:s}=d.useContext(M),c=d.useContext(K),l=d.useContext(q),m=d.useContext(Z).reducedMotion,g=d.useRef();o=o||c.renderer,!g.current&&o&&(g.current=o(t,{visualState:e,parent:s,props:n,presenceContext:l,blockInitialAnimation:l?l.initial===!1:!1,reducedMotionConfig:m}));const u=g.current,a=d.useContext(St);u&&!u.projection&&r&&(u.type==="html"||u.type==="svg")&&Mt(g.current,n,r,a),d.useInsertionEffect(()=>{u&&u.update(n,l)});const f=d.useRef(!!(n[xt]&&!window.HandoffComplete));return pt(()=>{u&&(u.updateFeatures(),vt.render(u.render),f.current&&u.animationState&&u.animationState.animateChanges())}),d.useEffect(()=>{u&&(!f.current&&u.animationState&&u.animationState.animateChanges(),f.current&&(f.current=!1,I||(I=!0,queueMicrotask(Vt))))}),u}function Vt(){window.HandoffComplete=!0}function Mt(t,e,n,o){const{layoutId:r,layout:s,drag:c,dragConstraints:l,layoutScroll:m,layoutRoot:g}=e;t.projection=new n(t.latestValues,e["data-framer-portal-id"]?void 0:et(t.parent)),t.projection.setOptions({layoutId:r,layout:s,alwaysMeasureLayout:!!c||l&&tt(l),visualElement:t,scheduleRender:()=>t.scheduleRender(),animationType:typeof s=="string"?s:"both",initialPromotionConfig:o,layoutScroll:m,layoutRoot:g})}function et(t){if(t)return t.options.allowProjection!==!1?t.projection:et(t.parent)}function Tt(t,e,n){return d.useCallback(o=>{o&&t.mount&&t.mount(o),e&&(o?e.mount(o):e.unmount()),n&&(typeof n=="function"?n(o):tt(n)&&(n.current=o))},[e])}function k(t){return typeof t=="string"||Array.isArray(t)}function nt(t){return t!==null&&typeof t=="object"&&typeof t.start=="function"}const At=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],Lt=["initial",...At];function R(t){return nt(t.animate)||Lt.some(e=>k(t[e]))}function kt(t){return!!(R(t)||t.variants)}function Rt(t,e){if(R(t)){const{initial:n,animate:o}=t;return{initial:n===!1||k(n)?n:void 0,animate:k(o)?o:void 0}}return t.inherit!==!1?e:{}}function Ot(t){const{initial:e,animate:n}=Rt(t,d.useContext(M));return d.useMemo(()=>({initial:e,animate:n}),[$(e),$(n)])}function $(t){return Array.isArray(t)?t.join(" "):t}const N={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},P={};for(const t in N)P[t]={isEnabled:e=>N[t].some(n=>!!e[n])};function Et(t){for(const e in t)P[e]={...P[e],...t[e]}}const jt=d.createContext({}),Ft=Symbol.for("motionComponentSymbol"),O=t=>t;var Bt={};let rt=O,ot=O;Bt.NODE_ENV!=="production"&&(rt=(t,e)=>{!t&&typeof console<"u"&&console.warn(e)},ot=(t,e)=>{if(!t)throw new Error(e)});var Wt={};function Ht({preloadedFeatures:t,createVisualElement:e,useRender:n,useVisualState:o,Component:r}){t&&Et(t);function s(l,m){let g;const u={...d.useContext(Z),...l,layoutId:Dt(l)},{isStatic:a}=u,f=Ot(l),h=o(l,a);if(!a&&U){It(u,t);const y=$t(u);g=y.MeasureLayout,f.visualElement=Pt(r,h,u,e,y.ProjectionNode)}return H.jsxRuntimeExports.jsxs(M.Provider,{value:f,children:[g&&f.visualElement?H.jsxRuntimeExports.jsx(g,{visualElement:f.visualElement,...u}):null,n(r,l,Tt(h,f.visualElement,m),h,a,f.visualElement)]})}const c=d.forwardRef(s);return c[Ft]=r,c}function Dt({layoutId:t}){const e=d.useContext(jt).id;return e&&t!==void 0?e+"-"+t:t}function It(t,e){const n=d.useContext(K).strict;if(Wt.NODE_ENV!=="production"&&e&&n){const o="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";t.ignoreStrict?rt(!1,o):ot(!1,o)}}function $t(t){const{drag:e,layout:n}=P;if(!e&&!n)return{};const o={...e,...n};return{MeasureLayout:e!=null&&e.isEnabled(t)||n!=null&&n.isEnabled(t)?o.MeasureLayout:void 0,ProjectionNode:o.ProjectionNode}}function Nt(t){function e(o,r={}){return Ht(t(o,r))}if(typeof Proxy>"u")return e;const n=new Map;return new Proxy(e,{get:(o,r)=>(n.has(r)||n.set(r,e(r)),n.get(r))})}const _t=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function st(t){return typeof t!="string"||t.includes("-")?!1:!!(_t.indexOf(t)>-1||/[A-Z]/u.test(t))}const Yt={},T=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],at=new Set(T);function it(t,{layout:e,layoutId:n}){return at.has(t)||t.startsWith("origin")||(e||n!==void 0)&&(!!Yt[t]||t==="opacity")}const x=t=>!!(t&&t.getVelocity),zt={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Gt=T.length;function Xt(t,{enableHardwareAcceleration:e=!0,allowTransformNone:n=!0},o,r){let s="";for(let c=0;c<Gt;c++){const l=T[c];if(t[l]!==void 0){const m=zt[l]||l;s+=`${m}(${t[l]}) `}}return e&&!t.z&&(s+="translateZ(0)"),s=s.trim(),r?s=r(t,o?"":s):n&&o&&(s="none"),s}const Zt=t=>e=>typeof e=="string"&&e.startsWith(t),qt=Zt("--"),Ut=(t,e)=>e&&typeof t=="number"?e.transform(t):t,Kt=(t,e,n)=>n>e?e:n<t?t:n,E={test:t=>typeof t=="number",parse:parseFloat,transform:t=>t},A={...E,transform:t=>Kt(0,1,t)},S={...E,default:1};function Qt(t){return typeof t=="string"}const j=t=>({test:e=>Qt(e)&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),w=j("deg"),L=j("%"),i=j("px"),_={...L,parse:t=>L.parse(t)/100,transform:t=>L.transform(t*100)},Y={...E,transform:Math.round},Jt={borderWidth:i,borderTopWidth:i,borderRightWidth:i,borderBottomWidth:i,borderLeftWidth:i,borderRadius:i,radius:i,borderTopLeftRadius:i,borderTopRightRadius:i,borderBottomRightRadius:i,borderBottomLeftRadius:i,width:i,maxWidth:i,height:i,maxHeight:i,size:i,top:i,right:i,bottom:i,left:i,padding:i,paddingTop:i,paddingRight:i,paddingBottom:i,paddingLeft:i,margin:i,marginTop:i,marginRight:i,marginBottom:i,marginLeft:i,rotate:w,rotateX:w,rotateY:w,rotateZ:w,scale:S,scaleX:S,scaleY:S,scaleZ:S,skew:w,skewX:w,skewY:w,distance:i,translateX:i,translateY:i,translateZ:i,x:i,y:i,z:i,perspective:i,transformPerspective:i,opacity:A,originX:_,originY:_,originZ:i,zIndex:Y,backgroundPositionX:i,backgroundPositionY:i,fillOpacity:A,strokeOpacity:A,numOctaves:Y};function ct(t,e,n,o){const{style:r,vars:s,transform:c,transformOrigin:l}=t;let m=!1,g=!1,u=!0;for(const a in e){const f=e[a];if(qt(a)){s[a]=f;continue}const h=Jt[a],y=Ut(f,h);if(at.has(a)){if(m=!0,c[a]=y,!u)continue;f!==(h.default||0)&&(u=!1)}else a.startsWith("origin")?(g=!0,l[a]=y):r[a]=y}if(e.transform||(m||o?r.transform=Xt(t.transform,n,u,o):r.transform&&(r.transform="none")),g){const{originX:a="50%",originY:f="50%",originZ:h=0}=l;r.transformOrigin=`${a} ${f} ${h}`}}const F=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function ut(t,e,n){for(const o in e)!x(e[o])&&!it(o,n)&&(t[o]=e[o])}function te({transformTemplate:t},e,n){return d.useMemo(()=>{const o=F();return ct(o,e,{enableHardwareAcceleration:!n},t),Object.assign({},o.vars,o.style)},[e])}function ee(t,e,n){const o=t.style||{},r={};return ut(r,o,t),Object.assign(r,te(t,e,n)),r}function ne(t,e,n){const o={},r=ee(t,e,n);return t.drag&&t.dragListener!==!1&&(o.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout="none",r.touchAction=t.drag===!0?"none":`pan-${t.drag==="x"?"y":"x"}`),t.tabIndex===void 0&&(t.onTap||t.onTapStart||t.whileTap)&&(o.tabIndex=0),o.style=r,o}const re=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function V(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||re.has(t)}let lt=t=>!V(t);function oe(t){t&&(lt=e=>e.startsWith("on")?!V(e):t(e))}try{oe(require("@emotion/is-prop-valid").default)}catch{}function se(t,e,n){const o={};for(const r in t)r==="values"&&typeof t.values=="object"||(lt(r)||n===!0&&V(r)||!e&&!V(r)||t.draggable&&r.startsWith("onDrag"))&&(o[r]=t[r]);return o}function z(t,e,n){return typeof t=="string"?t:i.transform(e+n*t)}function ae(t,e,n){const o=z(e,t.x,t.width),r=z(n,t.y,t.height);return`${o} ${r}`}const ie={offset:"stroke-dashoffset",array:"stroke-dasharray"},ce={offset:"strokeDashoffset",array:"strokeDasharray"};function ue(t,e,n=1,o=0,r=!0){t.pathLength=1;const s=r?ie:ce;t[s.offset]=i.transform(-o);const c=i.transform(e),l=i.transform(n);t[s.array]=`${c} ${l}`}function ft(t,{attrX:e,attrY:n,attrScale:o,originX:r,originY:s,pathLength:c,pathSpacing:l=1,pathOffset:m=0,...g},u,a,f){if(ct(t,g,u,f),a){t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox);return}t.attrs=t.style,t.style={};const{attrs:h,style:y,dimensions:p}=t;h.transform&&(p&&(y.transform=h.transform),delete h.transform),p&&(r!==void 0||s!==void 0||y.transform)&&(y.transformOrigin=ae(p,r!==void 0?r:.5,s!==void 0?s:.5)),e!==void 0&&(h.x=e),n!==void 0&&(h.y=n),o!==void 0&&(h.scale=o),c!==void 0&&ue(h,c,l,m,!1)}const dt=()=>({...F(),attrs:{}}),mt=t=>typeof t=="string"&&t.toLowerCase()==="svg";function le(t,e,n,o){const r=d.useMemo(()=>{const s=dt();return ft(s,e,{enableHardwareAcceleration:!1},mt(o),t.transformTemplate),{...s.attrs,style:{...s.style}}},[e]);if(t.style){const s={};ut(s,t.style,t),r.style={...s,...r.style}}return r}function fe(t=!1){return(n,o,r,{latestValues:s},c)=>{const m=(st(n)?le:ne)(o,s,c,n),g=se(o,typeof n=="string",t),u=n!==d.Fragment?{...g,...m,ref:r}:{},{children:a}=o,f=d.useMemo(()=>x(a)?a.get():a,[a]);return d.createElement(n,{...u,children:f})}}function de(t,{style:e,vars:n},o,r){Object.assign(t.style,e,r);for(const s in n)t.style.setProperty(s,n[s])}const me=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function ge(t,e,n,o){de(t,e,void 0,o);for(const r in e.attrs)t.setAttribute(me.has(r)?r:Q(r),e.attrs[r])}function gt(t,e,n){var o;const{style:r}=t,s={};for(const c in r)(x(r[c])||e.style&&x(e.style[c])||it(c,t)||((o=n==null?void 0:n.getValue(c))===null||o===void 0?void 0:o.liveStyle)!==void 0)&&(s[c]=r[c]);return s}function he(t,e,n){const o=gt(t,e,n);for(const r in t)if(x(t[r])||x(e[r])){const s=T.indexOf(r)!==-1?"attr"+r.charAt(0).toUpperCase()+r.substring(1):r;o[s]=t[r]}return o}function G(t){return[{},{}]}function ye(t,e,n,o){if(typeof e=="function"){const[r,s]=G();e=e(t.custom,r,s)}if(typeof e=="string"&&(e=t.variants&&t.variants[e]),typeof e=="function"){const[r,s]=G();e=e(t.custom,r,s)}return e}function pe(t){const e=d.useRef(null);return e.current===null&&(e.current=t()),e.current}const we=t=>!!(t&&typeof t=="object"&&t.mix&&t.toValue);function xe(t){const e=x(t)?t.get():t;return we(e)?e.toValue():e}function be({scrapeMotionValuesFromProps:t,createRenderState:e,onMount:n},o,r,s){const c={latestValues:Ce(o,r,s,t),renderState:e()};return n&&(c.mount=l=>n(o,l,c)),c}const ht=t=>(e,n)=>{const o=d.useContext(M),r=d.useContext(q),s=()=>be(t,e,o,r);return n?s():pe(s)};function Ce(t,e,n,o){const r={},s=o(t,{});for(const f in s)r[f]=xe(s[f]);let{initial:c,animate:l}=t;const m=R(t),g=kt(t);e&&g&&!m&&t.inherit!==!1&&(c===void 0&&(c=e.initial),l===void 0&&(l=e.animate));let u=n?n.initial===!1:!1;u=u||c===!1;const a=u?l:c;return a&&typeof a!="boolean"&&!nt(a)&&(Array.isArray(a)?a:[a]).forEach(h=>{const y=ye(t,h);if(!y)return;const{transitionEnd:p,transition:B,...W}=y;for(const C in W){let b=W[C];if(Array.isArray(b)){const yt=u?b.length-1:0;b=b[yt]}b!==null&&(r[C]=b)}for(const C in p)r[C]=p[C]}),r}const{schedule:X,cancel:Te,state:Ae,steps:Le}=J(typeof requestAnimationFrame<"u"?requestAnimationFrame:O,!0),ve={useVisualState:ht({scrapeMotionValuesFromProps:he,createRenderState:dt,onMount:(t,e,{renderState:n,latestValues:o})=>{X.read(()=>{try{n.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{n.dimensions={x:0,y:0,width:0,height:0}}}),X.render(()=>{ft(n,o,{enableHardwareAcceleration:!1},mt(e.tagName),t.transformTemplate),ge(e,n)})}})},Se={useVisualState:ht({scrapeMotionValuesFromProps:gt,createRenderState:F})};function Pe(t,{forwardMotionProps:e=!1},n,o){return{...st(t)?ve:Se,preloadedFeatures:n,useRender:fe(e),createVisualElement:o,Component:t}}const Ve=Nt(Pe);exports.m=Ve;