admin-ui-starter-kit 0.6.9 → 0.7.1

package/dist/showcase/assets/sortable.esm-CM9VD5N4.js

@@ -1,5 +0,0 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{P as n,l as r}from"./index-BjjNfnhP.js";var i=r(`grip-vertical`,[[`circle`,{cx:`9`,cy:`12`,r:`1`,key:`1vctgf`}],[`circle`,{cx:`9`,cy:`5`,r:`1`,key:`hp0tcf`}],[`circle`,{cx:`9`,cy:`19`,r:`1`,key:`fkjjf6`}],[`circle`,{cx:`15`,cy:`12`,r:`1`,key:`1tmaij`}],[`circle`,{cx:`15`,cy:`5`,r:`1`,key:`19l28e`}],[`circle`,{cx:`15`,cy:`19`,r:`1`,key:`f4zoj3`}]]),a=e(n()),o=e(t());function s(){var e=[...arguments];return(0,o.useMemo)(()=>t=>{e.forEach(e=>e(t))},e)}var c=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0;function l(e){let t=Object.prototype.toString.call(e);return t===`[object Window]`||t===`[object global]`}function u(e){return`nodeType`in e}function d(e){return e?l(e)?e:u(e)?e.ownerDocument?.defaultView??window:window:window}function f(e){let{Document:t}=d(e);return e instanceof t}function p(e){return l(e)?!1:e instanceof d(e).HTMLElement}function m(e){return e instanceof d(e).SVGElement}function h(e){return e?l(e)?e.document:u(e)?f(e)?e:p(e)||m(e)?e.ownerDocument:document:document:document}var g=c?o.useLayoutEffect:o.useEffect;function _(e){let t=(0,o.useRef)(e);return g(()=>{t.current=e}),(0,o.useCallback)(function(){var e=[...arguments];return t.current==null?void 0:t.current(...e)},[])}function v(){let e=(0,o.useRef)(null);return[(0,o.useCallback)((t,n)=>{e.current=setInterval(t,n)},[]),(0,o.useCallback)(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[])]}function y(e,t){t===void 0&&(t=[e]);let n=(0,o.useRef)(e);return g(()=>{n.current!==e&&(n.current=e)},t),n}function b(e,t){let n=(0,o.useRef)();return(0,o.useMemo)(()=>{let t=e(n.current);return n.current=t,t},[...t])}function x(e){let t=_(e),n=(0,o.useRef)(null);return[n,(0,o.useCallback)(e=>{e!==n.current&&t?.(e,n.current),n.current=e},[])]}function S(e){let t=(0,o.useRef)();return(0,o.useEffect)(()=>{t.current=e},[e]),t.current}var C={};function w(e,t){return(0,o.useMemo)(()=>{if(t)return t;let n=C[e]==null?0:C[e]+1;return C[e]=n,e+`-`+n},[e,t])}function T(e){return function(t){return[...arguments].slice(1).reduce((t,n)=>{let r=Object.entries(n);for(let[n,i]of r){let r=t[n];r!=null&&(t[n]=r+e*i)}return t},{...t})}}var E=T(1),D=T(-1);function O(e){return`clientX`in e&&`clientY`in e}function k(e){if(!e)return!1;let{KeyboardEvent:t}=d(e.target);return t&&e instanceof t}function A(e){if(!e)return!1;let{TouchEvent:t}=d(e.target);return t&&e instanceof t}function ee(e){if(A(e)){if(e.touches&&e.touches.length){let{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){let{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return O(e)?{x:e.clientX,y:e.clientY}:null}var j=Object.freeze({Translate:{toString(e){if(!e)return;let{x:t,y:n}=e;return`translate3d(`+(t?Math.round(t):0)+`px, `+(n?Math.round(n):0)+`px, 0)`}},Scale:{toString(e){if(!e)return;let{scaleX:t,scaleY:n}=e;return`scaleX(`+t+`) scaleY(`+n+`)`}},Transform:{toString(e){if(e)return[j.Translate.toString(e),j.Scale.toString(e)].join(` `)}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+` `+n+`ms `+r}}}),te=`a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]`;function ne(e){return e.matches(te)?e:e.querySelector(te)}var M={display:`none`};function re(e){let{id:t,value:n}=e;return o.createElement(`div`,{id:t,style:M},n)}function N(e){let{id:t,announcement:n,ariaLiveType:r=`assertive`}=e;return o.createElement(`div`,{id:t,style:{position:`fixed`,top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:`hidden`,clip:`rect(0 0 0 0)`,clipPath:`inset(100%)`,whiteSpace:`nowrap`},role:`status`,"aria-live":r,"aria-atomic":!0},n)}function ie(){let[e,t]=(0,o.useState)(``);return{announce:(0,o.useCallback)(e=>{e!=null&&t(e)},[]),announcement:e}}var ae=(0,o.createContext)(null);function oe(e){let t=(0,o.useContext)(ae);(0,o.useEffect)(()=>{if(!t)throw Error(`useDndMonitor must be used within a children of <DndContext>`);return t(e)},[e,t])}function se(){let[e]=(0,o.useState)(()=>new Set),t=(0,o.useCallback)(t=>(e.add(t),()=>e.delete(t)),[e]);return[(0,o.useCallback)(t=>{let{type:n,event:r}=t;e.forEach(e=>e[n]?.call(e,r))},[e]),t]}var P={draggable:`
-    To pick up a draggable item, press the space bar.
-    While dragging, use the arrow keys to move the item.
-    Press space again to drop the item in its new position, or press escape to cancel.
-  `},F={onDragStart(e){let{active:t}=e;return`Picked up draggable item `+t.id+`.`},onDragOver(e){let{active:t,over:n}=e;return n?`Draggable item `+t.id+` was moved over droppable area `+n.id+`.`:`Draggable item `+t.id+` is no longer over a droppable area.`},onDragEnd(e){let{active:t,over:n}=e;return n?`Draggable item `+t.id+` was dropped over droppable area `+n.id:`Draggable item `+t.id+` was dropped.`},onDragCancel(e){let{active:t}=e;return`Dragging was cancelled. Draggable item `+t.id+` was dropped.`}};function ce(e){let{announcements:t=F,container:n,hiddenTextDescribedById:r,screenReaderInstructions:i=P}=e,{announce:s,announcement:c}=ie(),l=w(`DndLiveRegion`),[u,d]=(0,o.useState)(!1);if((0,o.useEffect)(()=>{d(!0)},[]),oe((0,o.useMemo)(()=>({onDragStart(e){let{active:n}=e;s(t.onDragStart({active:n}))},onDragMove(e){let{active:n,over:r}=e;t.onDragMove&&s(t.onDragMove({active:n,over:r}))},onDragOver(e){let{active:n,over:r}=e;s(t.onDragOver({active:n,over:r}))},onDragEnd(e){let{active:n,over:r}=e;s(t.onDragEnd({active:n,over:r}))},onDragCancel(e){let{active:n,over:r}=e;s(t.onDragCancel({active:n,over:r}))}}),[s,t])),!u)return null;let f=o.createElement(o.Fragment,null,o.createElement(re,{id:r,value:i.draggable}),o.createElement(N,{id:l,announcement:c}));return n?(0,a.createPortal)(f,n):f}var I;(function(e){e.DragStart=`dragStart`,e.DragMove=`dragMove`,e.DragEnd=`dragEnd`,e.DragCancel=`dragCancel`,e.DragOver=`dragOver`,e.RegisterDroppable=`registerDroppable`,e.SetDroppableDisabled=`setDroppableDisabled`,e.UnregisterDroppable=`unregisterDroppable`})(I||={});function L(){}function R(e,t){return(0,o.useMemo)(()=>({sensor:e,options:t??{}}),[e,t])}function z(){var e=[...arguments];return(0,o.useMemo)(()=>[...e].filter(e=>e!=null),[...e])}var B=Object.freeze({x:0,y:0});function le(e,t){return Math.sqrt((e.x-t.x)**2+(e.y-t.y)**2)}function ue(e,t){let n=ee(e);if(!n)return`0 0`;let r={x:(n.x-t.left)/t.width*100,y:(n.y-t.top)/t.height*100};return r.x+`% `+r.y+`%`}function V(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function de(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function H(e){let{left:t,top:n,height:r,width:i}=e;return[{x:t,y:n},{x:t+i,y:n},{x:t,y:n+r},{x:t+i,y:n+r}]}function fe(e,t){if(!e||e.length===0)return null;let[n]=e;return t?n[t]:n}function pe(e,t,n){return t===void 0&&(t=e.left),n===void 0&&(n=e.top),{x:t+e.width*.5,y:n+e.height*.5}}var U=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,i=pe(t,t.left,t.top),a=[];for(let e of r){let{id:t}=e,r=n.get(t);if(r){let n=le(pe(r),i);a.push({id:t,data:{droppableContainer:e,value:n}})}}return a.sort(V)},me=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,i=H(t),a=[];for(let e of r){let{id:t}=e,r=n.get(t);if(r){let n=H(r),o=i.reduce((e,t,r)=>e+le(n[r],t),0),s=Number((o/4).toFixed(4));a.push({id:t,data:{droppableContainer:e,value:s}})}}return a.sort(V)};function W(e,t){let n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),i=Math.min(t.left+t.width,e.left+e.width),a=Math.min(t.top+t.height,e.top+e.height),o=i-r,s=a-n;if(r<i&&n<a){let n=t.width*t.height,r=e.width*e.height,i=o*s,a=i/(n+r-i);return Number(a.toFixed(4))}return 0}var he=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,i=[];for(let e of r){let{id:r}=e,a=n.get(r);if(a){let n=W(a,t);n>0&&i.push({id:r,data:{droppableContainer:e,value:n}})}}return i.sort(de)};function ge(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function _e(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:B}function ve(e){return function(t){return[...arguments].slice(1).reduce((t,n)=>({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x}),{...t})}}var ye=ve(1);function be(e){if(e.startsWith(`matrix3d(`)){let t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}else if(e.startsWith(`matrix(`)){let t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}function G(e,t,n){let r=be(t);if(!r)return e;let{scaleX:i,scaleY:a,x:o,y:s}=r,c=e.left-o-(1-i)*parseFloat(n),l=e.top-s-(1-a)*parseFloat(n.slice(n.indexOf(` `)+1)),u=i?e.width/i:e.width,d=a?e.height/a:e.height;return{width:u,height:d,top:l,right:c+u,bottom:l+d,left:c}}var xe={ignoreTransform:!1};function K(e,t){t===void 0&&(t=xe);let n=e.getBoundingClientRect();if(t.ignoreTransform){let{transform:t,transformOrigin:r}=d(e).getComputedStyle(e);t&&(n=G(n,t,r))}let{top:r,left:i,width:a,height:o,bottom:s,right:c}=n;return{top:r,left:i,width:a,height:o,bottom:s,right:c}}function Se(e){return K(e,{ignoreTransform:!0})}function Ce(e){let t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function we(e,t){return t===void 0&&(t=d(e).getComputedStyle(e)),t.position===`fixed`}function Te(e,t){t===void 0&&(t=d(e).getComputedStyle(e));let n=/(auto|scroll|overlay)/;return[`overflow`,`overflowX`,`overflowY`].some(e=>{let r=t[e];return typeof r==`string`?n.test(r):!1})}function q(e,t){let n=[];function r(i){if(t!=null&&n.length>=t||!i)return n;if(f(i)&&i.scrollingElement!=null&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!p(i)||m(i)||n.includes(i))return n;let a=d(e).getComputedStyle(i);return i!==e&&Te(i,a)&&n.push(i),we(i,a)?n:r(i.parentNode)}return e?r(e):n}function J(e){let[t]=q(e,1);return t??null}function Y(e){return!c||!e?null:l(e)?e:u(e)?f(e)||e===h(e).scrollingElement?window:p(e)?e:null:null}function Ee(e){return l(e)?e.scrollX:e.scrollLeft}function X(e){return l(e)?e.scrollY:e.scrollTop}function De(e){return{x:Ee(e),y:X(e)}}var Z;(function(e){e[e.Forward=1]=`Forward`,e[e.Backward=-1]=`Backward`})(Z||={});function Oe(e){return!c||!e?!1:e===document.scrollingElement}function ke(e){let t={x:0,y:0},n=Oe(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}var Ae={x:.2,y:.2};function je(e,t,n,r,i){let{top:a,left:o,right:s,bottom:c}=n;r===void 0&&(r=10),i===void 0&&(i=Ae);let{isTop:l,isBottom:u,isLeft:d,isRight:f}=ke(e),p={x:0,y:0},m={x:0,y:0},h={height:t.height*i.y,width:t.width*i.x};return!l&&a<=t.top+h.height?(p.y=Z.Backward,m.y=r*Math.abs((t.top+h.height-a)/h.height)):!u&&c>=t.bottom-h.height&&(p.y=Z.Forward,m.y=r*Math.abs((t.bottom-h.height-c)/h.height)),!f&&s>=t.right-h.width?(p.x=Z.Forward,m.x=r*Math.abs((t.right-h.width-s)/h.width)):!d&&o<=t.left+h.width&&(p.x=Z.Backward,m.x=r*Math.abs((t.left+h.width-o)/h.width)),{direction:p,speed:m}}function Me(e){if(e===document.scrollingElement){let{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}let{top:t,left:n,right:r,bottom:i}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:i,width:e.clientWidth,height:e.clientHeight}}function Ne(e){return e.reduce((e,t)=>E(e,De(t)),B)}function Pe(e){return e.reduce((e,t)=>e+Ee(t),0)}function Fe(e){return e.reduce((e,t)=>e+X(t),0)}function Ie(e,t){if(t===void 0&&(t=K),!e)return;let{top:n,left:r,bottom:i,right:a}=t(e);J(e)&&(i<=0||a<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:`center`,inline:`center`})}var Le=[[`x`,[`left`,`right`],Pe],[`y`,[`top`,`bottom`],Fe]],Re=class{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;let n=q(t),r=Ne(n);this.rect={...e},this.width=e.width,this.height=e.height;for(let[e,t,i]of Le)for(let a of t)Object.defineProperty(this,a,{get:()=>{let t=i(n),o=r[e]-t;return this.rect[a]+o},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}},ze=class{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(e=>this.target?.removeEventListener(...e))},this.target=e}add(e,t,n){var r;(r=this.target)==null||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}};function Be(e){let{EventTarget:t}=d(e);return e instanceof t?e:h(e)}function Ve(e,t){let n=Math.abs(e.x),r=Math.abs(e.y);return typeof t==`number`?Math.sqrt(n**2+r**2)>t:`x`in t&&`y`in t?n>t.x&&r>t.y:`x`in t?n>t.x:`y`in t?r>t.y:!1}var Q;(function(e){e.Click=`click`,e.DragStart=`dragstart`,e.Keydown=`keydown`,e.ContextMenu=`contextmenu`,e.Resize=`resize`,e.SelectionChange=`selectionchange`,e.VisibilityChange=`visibilitychange`})(Q||={});function He(e){e.preventDefault()}function Ue(e){e.stopPropagation()}var $;(function(e){e.Space=`Space`,e.Down=`ArrowDown`,e.Right=`ArrowRight`,e.Left=`ArrowLeft`,e.Up=`ArrowUp`,e.Esc=`Escape`,e.Enter=`Enter`,e.Tab=`Tab`})($||={});var We={start:[$.Space,$.Enter],cancel:[$.Esc],end:[$.Space,$.Enter,$.Tab]},Ge=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case $.Right:return{...n,x:n.x+25};case $.Left:return{...n,x:n.x-25};case $.Down:return{...n,y:n.y+25};case $.Up:return{...n,y:n.y-25}}},Ke=class{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;let{event:{target:t}}=e;this.props=e,this.listeners=new ze(h(t)),this.windowListeners=new ze(d(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(Q.Resize,this.handleCancel),this.windowListeners.add(Q.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(Q.Keydown,this.handleKeyDown))}handleStart(){let{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&Ie(n),t(B)}handleKeyDown(e){if(k(e)){let{active:t,context:n,options:r}=this.props,{keyboardCodes:i=We,coordinateGetter:a=Ge,scrollBehavior:o=`smooth`}=r,{code:s}=e;if(i.end.includes(s)){this.handleEnd(e);return}if(i.cancel.includes(s)){this.handleCancel(e);return}let{collisionRect:c}=n.current,l=c?{x:c.left,y:c.top}:B;this.referenceCoordinates||=l;let u=a(e,{active:t,context:n.current,currentCoordinates:l});if(u){let t=D(u,l),r={x:0,y:0},{scrollableAncestors:i}=n.current;for(let n of i){let i=e.code,{isTop:a,isRight:s,isLeft:c,isBottom:l,maxScroll:d,minScroll:f}=ke(n),p=Me(n),m={x:Math.min(i===$.Right?p.right-p.width/2:p.right,Math.max(i===$.Right?p.left:p.left+p.width/2,u.x)),y:Math.min(i===$.Down?p.bottom-p.height/2:p.bottom,Math.max(i===$.Down?p.top:p.top+p.height/2,u.y))},h=i===$.Right&&!s||i===$.Left&&!c,g=i===$.Down&&!l||i===$.Up&&!a;if(h&&m.x!==u.x){let e=n.scrollLeft+t.x,a=i===$.Right&&e<=d.x||i===$.Left&&e>=f.x;if(a&&!t.y){n.scrollTo({left:e,behavior:o});return}a?r.x=n.scrollLeft-e:r.x=i===$.Right?n.scrollLeft-d.x:n.scrollLeft-f.x,r.x&&n.scrollBy({left:-r.x,behavior:o});break}else if(g&&m.y!==u.y){let e=n.scrollTop+t.y,a=i===$.Down&&e<=d.y||i===$.Up&&e>=f.y;if(a&&!t.x){n.scrollTo({top:e,behavior:o});return}a?r.y=n.scrollTop-e:r.y=i===$.Down?n.scrollTop-d.y:n.scrollTop-f.y,r.y&&n.scrollBy({top:-r.y,behavior:o});break}}this.handleMove(e,E(D(u,this.referenceCoordinates),r))}}}handleMove(e,t){let{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){let{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){let{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}};Ke.activators=[{eventName:`onKeyDown`,handler:(e,t,n)=>{let{keyboardCodes:r=We,onActivation:i}=t,{active:a}=n,{code:o}=e.nativeEvent;if(r.start.includes(o)){let t=a.activatorNode.current;return t&&e.target!==t?!1:(e.preventDefault(),i?.({event:e.nativeEvent}),!0)}return!1}}];function qe(e){return!!(e&&`distance`in e)}function Je(e){return!!(e&&`delay`in e)}var Ye=class{constructor(e,t,n){n===void 0&&(n=Be(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;let{event:r}=e,{target:i}=r;this.props=e,this.events=t,this.document=h(i),this.documentListeners=new ze(this.document),this.listeners=new ze(n),this.windowListeners=new ze(d(i)),this.initialCoordinates=ee(r)??B,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){let{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),e.cancel&&this.listeners.add(e.cancel.name,this.handleCancel),this.windowListeners.add(Q.Resize,this.handleCancel),this.windowListeners.add(Q.DragStart,He),this.windowListeners.add(Q.VisibilityChange,this.handleCancel),this.windowListeners.add(Q.ContextMenu,He),this.documentListeners.add(Q.Keydown,this.handleKeydown),t){if(n!=null&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(Je(t)){this.timeoutId=setTimeout(this.handleStart,t.delay),this.handlePending(t);return}if(qe(t)){this.handlePending(t);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(e,t){let{active:n,onPending:r}=this.props;r(n,e,this.initialCoordinates,t)}handleStart(){let{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(Q.Click,Ue,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(Q.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){let{activated:t,initialCoordinates:n,props:r}=this,{onMove:i,options:{activationConstraint:a}}=r;if(!n)return;let o=ee(e)??B,s=D(n,o);if(!t&&a){if(qe(a)){if(a.tolerance!=null&&Ve(s,a.tolerance))return this.handleCancel();if(Ve(s,a.distance))return this.handleStart()}if(Je(a)&&Ve(s,a.tolerance))return this.handleCancel();this.handlePending(a,s);return}e.cancelable&&e.preventDefault(),i(o)}handleEnd(){let{onAbort:e,onEnd:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleCancel(){let{onAbort:e,onCancel:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleKeydown(e){e.code===$.Esc&&this.handleCancel()}removeTextSelection(){var e;(e=this.document.getSelection())==null||e.removeAllRanges()}},Xe={cancel:{name:`pointercancel`},move:{name:`pointermove`},end:{name:`pointerup`}},Ze=class extends Ye{constructor(e){let{event:t}=e,n=h(t.target);super(e,Xe,n)}};Ze.activators=[{eventName:`onPointerDown`,handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r?.({event:n}),!0)}}];var Qe={move:{name:`mousemove`},end:{name:`mouseup`}},$e;(function(e){e[e.RightClick=2]=`RightClick`})($e||={});var et=class extends Ye{constructor(e){super(e,Qe,h(e.event.target))}};et.activators=[{eventName:`onMouseDown`,handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===$e.RightClick?!1:(r?.({event:n}),!0)}}];var tt={cancel:{name:`touchcancel`},move:{name:`touchmove`},end:{name:`touchend`}},nt=class extends Ye{constructor(e){super(e,tt)}static setup(){return window.addEventListener(tt.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(tt.move.name,e)};function e(){}}};nt.activators=[{eventName:`onTouchStart`,handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t,{touches:i}=n;return i.length>1?!1:(r?.({event:n}),!0)}}];var rt;(function(e){e[e.Pointer=0]=`Pointer`,e[e.DraggableRect=1]=`DraggableRect`})(rt||={});var it;(function(e){e[e.TreeOrder=0]=`TreeOrder`,e[e.ReversedTreeOrder=1]=`ReversedTreeOrder`})(it||={});function at(e){let{acceleration:t,activator:n=rt.Pointer,canScroll:r,draggingRect:i,enabled:a,interval:s=5,order:c=it.TreeOrder,pointerCoordinates:l,scrollableAncestors:u,scrollableAncestorRects:d,delta:f,threshold:p}=e,m=st({delta:f,disabled:!a}),[h,g]=v(),_=(0,o.useRef)({x:0,y:0}),y=(0,o.useRef)({x:0,y:0}),b=(0,o.useMemo)(()=>{switch(n){case rt.Pointer:return l?{top:l.y,bottom:l.y,left:l.x,right:l.x}:null;case rt.DraggableRect:return i}},[n,i,l]),x=(0,o.useRef)(null),S=(0,o.useCallback)(()=>{let e=x.current;if(!e)return;let t=_.current.x*y.current.x,n=_.current.y*y.current.y;e.scrollBy(t,n)},[]),C=(0,o.useMemo)(()=>c===it.TreeOrder?[...u].reverse():u,[c,u]);(0,o.useEffect)(()=>{if(!a||!u.length||!b){g();return}for(let e of C){if(r?.(e)===!1)continue;let n=d[u.indexOf(e)];if(!n)continue;let{direction:i,speed:a}=je(e,n,b,t,p);for(let e of[`x`,`y`])m[e][i[e]]||(a[e]=0,i[e]=0);if(a.x>0||a.y>0){g(),x.current=e,h(S,s),_.current=a,y.current=i;return}}_.current={x:0,y:0},y.current={x:0,y:0},g()},[t,S,r,g,a,s,JSON.stringify(b),JSON.stringify(m),h,u,C,d,JSON.stringify(p)])}var ot={x:{[Z.Backward]:!1,[Z.Forward]:!1},y:{[Z.Backward]:!1,[Z.Forward]:!1}};function st(e){let{delta:t,disabled:n}=e,r=S(t);return b(e=>{if(n||!r||!e)return ot;let i={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[Z.Backward]:e.x[Z.Backward]||i.x===-1,[Z.Forward]:e.x[Z.Forward]||i.x===1},y:{[Z.Backward]:e.y[Z.Backward]||i.y===-1,[Z.Forward]:e.y[Z.Forward]||i.y===1}}},[n,t,r])}function ct(e,t){let n=t==null?void 0:e.get(t),r=n?n.node.current:null;return b(e=>t==null?null:r??e??null,[r,t])}function lt(e,t){return(0,o.useMemo)(()=>e.reduce((e,n)=>{let{sensor:r}=n,i=r.activators.map(e=>({eventName:e.eventName,handler:t(e.handler,n)}));return[...e,...i]},[]),[e,t])}var ut;(function(e){e[e.Always=0]=`Always`,e[e.BeforeDragging=1]=`BeforeDragging`,e[e.WhileDragging=2]=`WhileDragging`})(ut||={});var dt;(function(e){e.Optimized=`optimized`})(dt||={});var ft=new Map;function pt(e,t){let{dragging:n,dependencies:r,config:i}=t,[a,s]=(0,o.useState)(null),{frequency:c,measure:l,strategy:u}=i,d=(0,o.useRef)(e),f=_(),p=y(f),m=(0,o.useCallback)(function(e){e===void 0&&(e=[]),!p.current&&s(t=>t===null?e:t.concat(e.filter(e=>!t.includes(e))))},[p]),h=(0,o.useRef)(null),g=b(t=>{if(f&&!n)return ft;if(!t||t===ft||d.current!==e||a!=null){let t=new Map;for(let n of e){if(!n)continue;if(a&&a.length>0&&!a.includes(n.id)&&n.rect.current){t.set(n.id,n.rect.current);continue}let e=n.node.current,r=e?new Re(l(e),e):null;n.rect.current=r,r&&t.set(n.id,r)}return t}return t},[e,a,n,f,l]);return(0,o.useEffect)(()=>{d.current=e},[e]),(0,o.useEffect)(()=>{f||m()},[n,f]),(0,o.useEffect)(()=>{a&&a.length>0&&s(null)},[JSON.stringify(a)]),(0,o.useEffect)(()=>{f||typeof c!=`number`||h.current!==null||(h.current=setTimeout(()=>{m(),h.current=null},c))},[c,f,m,...r]),{droppableRects:g,measureDroppableContainers:m,measuringScheduled:a!=null};function _(){switch(u){case ut.Always:return!1;case ut.BeforeDragging:return n;default:return!n}}}function mt(e,t){return b(n=>e?n||(typeof t==`function`?t(e):e):null,[t,e])}function ht(e,t){return mt(e,t)}function gt(e){let{callback:t,disabled:n}=e,r=_(t),i=(0,o.useMemo)(()=>{if(n||typeof window>`u`||window.MutationObserver===void 0)return;let{MutationObserver:e}=window;return new e(r)},[r,n]);return(0,o.useEffect)(()=>()=>i?.disconnect(),[i]),i}function _t(e){let{callback:t,disabled:n}=e,r=_(t),i=(0,o.useMemo)(()=>{if(n||typeof window>`u`||window.ResizeObserver===void 0)return;let{ResizeObserver:e}=window;return new e(r)},[n]);return(0,o.useEffect)(()=>()=>i?.disconnect(),[i]),i}function vt(e){return new Re(K(e),e)}function yt(e,t,n){t===void 0&&(t=vt);let[r,i]=(0,o.useState)(null);function a(){i(r=>{if(!e)return null;if(e.isConnected===!1)return r??n??null;let i=t(e);return JSON.stringify(r)===JSON.stringify(i)?r:i})}let s=gt({callback(t){if(e)for(let n of t){let{type:t,target:r}=n;if(t===`childList`&&r instanceof HTMLElement&&r.contains(e)){a();break}}}}),c=_t({callback:a});return g(()=>{a(),e?(c?.observe(e),s?.observe(document.body,{childList:!0,subtree:!0})):(c?.disconnect(),s?.disconnect())},[e]),r}function bt(e){return _e(e,mt(e))}var xt=[];function St(e){let t=(0,o.useRef)(e),n=b(n=>e?n&&n!==xt&&e&&t.current&&e.parentNode===t.current.parentNode?n:q(e):xt,[e]);return(0,o.useEffect)(()=>{t.current=e},[e]),n}function Ct(e){let[t,n]=(0,o.useState)(null),r=(0,o.useRef)(e),i=(0,o.useCallback)(e=>{let t=Y(e.target);t&&n(e=>e?(e.set(t,De(t)),new Map(e)):null)},[]);return(0,o.useEffect)(()=>{let t=r.current;if(e!==t){a(t);let o=e.map(e=>{let t=Y(e);return t?(t.addEventListener(`scroll`,i,{passive:!0}),[t,De(t)]):null}).filter(e=>e!=null);n(o.length?new Map(o):null),r.current=e}return()=>{a(e),a(t)};function a(e){e.forEach(e=>{Y(e)?.removeEventListener(`scroll`,i)})}},[i,e]),(0,o.useMemo)(()=>e.length?t?Array.from(t.values()).reduce((e,t)=>E(e,t),B):Ne(e):B,[e,t])}function wt(e,t){t===void 0&&(t=[]);let n=(0,o.useRef)(null);return(0,o.useEffect)(()=>{n.current=null},t),(0,o.useEffect)(()=>{let t=e!==B;t&&!n.current&&(n.current=e),!t&&n.current&&(n.current=null)},[e]),n.current?D(e,n.current):B}function Tt(e){(0,o.useEffect)(()=>{if(!c)return;let t=e.map(e=>{let{sensor:t}=e;return t.setup==null?void 0:t.setup()});return()=>{for(let e of t)e?.()}},e.map(e=>{let{sensor:t}=e;return t}))}function Et(e,t){return(0,o.useMemo)(()=>e.reduce((e,n)=>{let{eventName:r,handler:i}=n;return e[r]=e=>{i(e,t)},e},{}),[e,t])}function Dt(e){return(0,o.useMemo)(()=>e?Ce(e):null,[e])}var Ot=[];function kt(e,t){t===void 0&&(t=K);let[n]=e,r=Dt(n?d(n):null),[i,a]=(0,o.useState)(Ot);function s(){a(()=>e.length?e.map(e=>Oe(e)?r:new Re(t(e),e)):Ot)}let c=_t({callback:s});return g(()=>{c?.disconnect(),s(),e.forEach(e=>c?.observe(e))},[e]),i}function At(e){if(!e)return null;if(e.children.length>1)return e;let t=e.children[0];return p(t)?t:e}function jt(e){let{measure:t}=e,[n,r]=(0,o.useState)(null),i=_t({callback:(0,o.useCallback)(e=>{for(let{target:n}of e)if(p(n)){r(e=>{let r=t(n);return e?{...e,width:r.width,height:r.height}:r});break}},[t])}),[a,s]=x((0,o.useCallback)(e=>{let n=At(e);i?.disconnect(),n&&i?.observe(n),r(n?t(n):null)},[t,i]));return(0,o.useMemo)(()=>({nodeRef:a,rect:n,setRef:s}),[n,a,s])}var Mt=[{sensor:Ze,options:{}},{sensor:Ke,options:{}}],Nt={current:{}},Pt={draggable:{measure:Se},droppable:{measure:Se,strategy:ut.WhileDragging,frequency:dt.Optimized},dragOverlay:{measure:K}},Ft=class extends Map{get(e){return e==null?void 0:super.get(e)??void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:t}=e;return!t})}getNodeFor(e){return this.get(e)?.node.current??void 0}},It={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Ft,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:L},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Pt,measureDroppableContainers:L,windowRect:null,measuringScheduled:!1},Lt={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:``},dispatch:L,draggableNodes:new Map,over:null,measureDroppableContainers:L},Rt=(0,o.createContext)(Lt),zt=(0,o.createContext)(It);function Bt(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Ft}}}function Vt(e,t){switch(t.type){case I.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case I.DragMove:return e.draggable.active==null?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case I.DragEnd:case I.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case I.RegisterDroppable:{let{element:n}=t,{id:r}=n,i=new Ft(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case I.SetDroppableDisabled:{let{id:n,key:r,disabled:i}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;let o=new Ft(e.droppable.containers);return o.set(n,{...a,disabled:i}),{...e,droppable:{...e.droppable,containers:o}}}case I.UnregisterDroppable:{let{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;let a=new Ft(e.droppable.containers);return a.delete(n),{...e,droppable:{...e.droppable,containers:a}}}default:return e}}function Ht(e){let{disabled:t}=e,{active:n,activatorEvent:r,draggableNodes:i}=(0,o.useContext)(Rt),a=S(r),s=S(n?.id);return(0,o.useEffect)(()=>{if(!t&&!r&&a&&s!=null){if(!k(a)||document.activeElement===a.target)return;let e=i.get(s);if(!e)return;let{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame(()=>{for(let e of[t.current,n.current]){if(!e)continue;let t=ne(e);if(t){t.focus();break}}})}},[r,t,i,s,a]),null}function Ut(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((e,t)=>t({transform:e,...r}),n):n}function Wt(e){return(0,o.useMemo)(()=>({draggable:{...Pt.draggable,...e?.draggable},droppable:{...Pt.droppable,...e?.droppable},dragOverlay:{...Pt.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function Gt(e){let{activeNode:t,measure:n,initialRect:r,config:i=!0}=e,a=(0,o.useRef)(!1),{x:s,y:c}=typeof i==`boolean`?{x:i,y:i}:i;g(()=>{if(!s&&!c||!t){a.current=!1;return}if(a.current||!r)return;let e=t?.node.current;if(!e||e.isConnected===!1)return;let i=_e(n(e),r);if(s||(i.x=0),c||(i.y=0),a.current=!0,Math.abs(i.x)>0||Math.abs(i.y)>0){let t=J(e);t&&t.scrollBy({top:i.y,left:i.x})}},[t,s,c,r,n])}var Kt=(0,o.createContext)({...B,scaleX:1,scaleY:1}),qt;(function(e){e[e.Uninitialized=0]=`Uninitialized`,e[e.Initializing=1]=`Initializing`,e[e.Initialized=2]=`Initialized`})(qt||={});var Jt=(0,o.memo)(function(e){let{id:t,accessibility:n,autoScroll:r=!0,children:i,sensors:s=Mt,collisionDetection:c=he,measuring:l,modifiers:u,...f}=e,[p,m]=(0,o.useReducer)(Vt,void 0,Bt),[h,_]=se(),[v,b]=(0,o.useState)(qt.Uninitialized),x=v===qt.Initialized,{draggable:{active:S,nodes:C,translate:T},droppable:{containers:D}}=p,O=S==null?null:C.get(S),k=(0,o.useRef)({initial:null,translated:null}),A=(0,o.useMemo)(()=>S==null?null:{id:S,data:O?.data??Nt,rect:k},[S,O]),j=(0,o.useRef)(null),[te,ne]=(0,o.useState)(null),[M,re]=(0,o.useState)(null),N=y(f,Object.values(f)),ie=w(`DndDescribedBy`,t),oe=(0,o.useMemo)(()=>D.getEnabled(),[D]),P=Wt(l),{droppableRects:F,measureDroppableContainers:L,measuringScheduled:R}=pt(oe,{dragging:x,dependencies:[T.x,T.y],config:P.droppable}),z=ct(C,S),B=(0,o.useMemo)(()=>M?ee(M):null,[M]),le=Ne(),ue=ht(z,P.draggable.measure);Gt({activeNode:S==null?null:C.get(S),config:le.layoutShiftCompensation,initialRect:ue,measure:P.draggable.measure});let V=yt(z,P.draggable.measure,ue),de=yt(z?z.parentElement:null),H=(0,o.useRef)({activatorEvent:null,active:null,activeNode:z,collisionRect:null,collisions:null,droppableRects:F,draggableNodes:C,draggingNode:null,draggingNodeRect:null,droppableContainers:D,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),pe=D.getNodeFor(H.current.over?.id),U=jt({measure:P.dragOverlay.measure}),me=U.nodeRef.current??z,W=x?U.rect??V:null,_e=!!(U.nodeRef.current&&U.rect),ve=bt(_e?null:V),be=Dt(me?d(me):null),G=St(x?pe??z:null),xe=kt(G),K=Ut(u,{transform:{x:T.x-ve.x,y:T.y-ve.y,scaleX:1,scaleY:1},activatorEvent:M,active:A,activeNodeRect:V,containerNodeRect:de,draggingNodeRect:W,over:H.current.over,overlayNodeRect:U.rect,scrollableAncestors:G,scrollableAncestorRects:xe,windowRect:be}),Se=B?E(B,T):null,Ce=Ct(G),we=wt(Ce),Te=wt(Ce,[V]),q=E(K,we),J=W?ye(W,K):null,Y=A&&J?c({active:A,collisionRect:J,droppableRects:F,droppableContainers:oe,pointerCoordinates:Se}):null,Ee=fe(Y,`id`),[X,De]=(0,o.useState)(null),Z=ge(_e?K:E(K,Te),X?.rect??null,V),Oe=(0,o.useRef)(null),ke=(0,o.useCallback)((e,t)=>{let{sensor:n,options:r}=t;if(j.current==null)return;let i=C.get(j.current);if(!i)return;let o=e.nativeEvent;Oe.current=new n({active:j.current,activeNode:i,event:o,options:r,context:H,onAbort(e){if(!C.get(e))return;let{onDragAbort:t}=N.current,n={id:e};t?.(n),h({type:`onDragAbort`,event:n})},onPending(e,t,n,r){if(!C.get(e))return;let{onDragPending:i}=N.current,a={id:e,constraint:t,initialCoordinates:n,offset:r};i?.(a),h({type:`onDragPending`,event:a})},onStart(e){let t=j.current;if(t==null)return;let n=C.get(t);if(!n)return;let{onDragStart:r}=N.current,i={activatorEvent:o,active:{id:t,data:n.data,rect:k}};(0,a.unstable_batchedUpdates)(()=>{r?.(i),b(qt.Initializing),m({type:I.DragStart,initialCoordinates:e,active:t}),h({type:`onDragStart`,event:i}),ne(Oe.current),re(o)})},onMove(e){m({type:I.DragMove,coordinates:e})},onEnd:s(I.DragEnd),onCancel:s(I.DragCancel)});function s(e){return async function(){let{active:t,collisions:n,over:r,scrollAdjustedTranslate:i}=H.current,s=null;if(t&&i){let{cancelDrop:a}=N.current;s={activatorEvent:o,active:t,collisions:n,delta:i,over:r},e===I.DragEnd&&typeof a==`function`&&await Promise.resolve(a(s))&&(e=I.DragCancel)}j.current=null,(0,a.unstable_batchedUpdates)(()=>{m({type:e}),b(qt.Uninitialized),De(null),ne(null),re(null),Oe.current=null;let t=e===I.DragEnd?`onDragEnd`:`onDragCancel`;if(s){let e=N.current[t];e?.(s),h({type:t,event:s})}})}}},[C]),Ae=lt(s,(0,o.useCallback)((e,t)=>(n,r)=>{let i=n.nativeEvent,a=C.get(r);if(j.current!==null||!a||i.dndKit||i.defaultPrevented)return;let o={active:a};e(n,t.options,o)===!0&&(i.dndKit={capturedBy:t.sensor},j.current=r,ke(n,t))},[C,ke]));Tt(s),g(()=>{V&&v===qt.Initializing&&b(qt.Initialized)},[V,v]),(0,o.useEffect)(()=>{let{onDragMove:e}=N.current,{active:t,activatorEvent:n,collisions:r,over:i}=H.current;if(!t||!n)return;let o={active:t,activatorEvent:n,collisions:r,delta:{x:q.x,y:q.y},over:i};(0,a.unstable_batchedUpdates)(()=>{e?.(o),h({type:`onDragMove`,event:o})})},[q.x,q.y]),(0,o.useEffect)(()=>{let{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:i}=H.current;if(!e||j.current==null||!t||!i)return;let{onDragOver:o}=N.current,s=r.get(Ee),c=s&&s.rect.current?{id:s.id,rect:s.rect.current,data:s.data,disabled:s.disabled}:null,l={active:e,activatorEvent:t,collisions:n,delta:{x:i.x,y:i.y},over:c};(0,a.unstable_batchedUpdates)(()=>{De(c),o?.(l),h({type:`onDragOver`,event:l})})},[Ee]),g(()=>{H.current={activatorEvent:M,active:A,activeNode:z,collisionRect:J,collisions:Y,droppableRects:F,draggableNodes:C,draggingNode:me,draggingNodeRect:W,droppableContainers:D,over:X,scrollableAncestors:G,scrollAdjustedTranslate:q},k.current={initial:W,translated:J}},[A,z,Y,J,C,me,W,F,D,X,G,q]),at({...le,delta:T,draggingRect:J,pointerCoordinates:Se,scrollableAncestors:G,scrollableAncestorRects:xe});let je=(0,o.useMemo)(()=>({active:A,activeNode:z,activeNodeRect:V,activatorEvent:M,collisions:Y,containerNodeRect:de,dragOverlay:U,draggableNodes:C,droppableContainers:D,droppableRects:F,over:X,measureDroppableContainers:L,scrollableAncestors:G,scrollableAncestorRects:xe,measuringConfiguration:P,measuringScheduled:R,windowRect:be}),[A,z,V,M,Y,de,U,C,D,F,X,L,G,xe,P,R,be]),Me=(0,o.useMemo)(()=>({activatorEvent:M,activators:Ae,active:A,activeNodeRect:V,ariaDescribedById:{draggable:ie},dispatch:m,draggableNodes:C,over:X,measureDroppableContainers:L}),[M,Ae,A,V,m,ie,C,X,L]);return o.createElement(ae.Provider,{value:_},o.createElement(Rt.Provider,{value:Me},o.createElement(zt.Provider,{value:je},o.createElement(Kt.Provider,{value:Z},i)),o.createElement(Ht,{disabled:n?.restoreFocus===!1})),o.createElement(ce,{...n,hiddenTextDescribedById:ie}));function Ne(){let e=te?.autoScrollEnabled===!1,t=typeof r==`object`?r.enabled===!1:r===!1,n=x&&!e&&!t;return typeof r==`object`?{...r,enabled:n}:{enabled:n}}}),Yt=(0,o.createContext)(null),Xt=`button`,Zt=`Draggable`;function Qt(e){let{id:t,data:n,disabled:r=!1,attributes:i}=e,a=w(Zt),{activators:s,activatorEvent:c,active:l,activeNodeRect:u,ariaDescribedById:d,draggableNodes:f,over:p}=(0,o.useContext)(Rt),{role:m=Xt,roleDescription:h=`draggable`,tabIndex:_=0}=i??{},v=l?.id===t,b=(0,o.useContext)(v?Kt:Yt),[S,C]=x(),[T,E]=x(),D=Et(s,t),O=y(n);return g(()=>(f.set(t,{id:t,key:a,node:S,activatorNode:T,data:O}),()=>{let e=f.get(t);e&&e.key===a&&f.delete(t)}),[f,t]),{active:l,activatorEvent:c,activeNodeRect:u,attributes:(0,o.useMemo)(()=>({role:m,tabIndex:_,"aria-disabled":r,"aria-pressed":v&&m===Xt?!0:void 0,"aria-roledescription":h,"aria-describedby":d.draggable}),[r,m,_,v,h,d.draggable]),isDragging:v,listeners:r?void 0:D,node:S,over:p,setNodeRef:C,setActivatorNodeRef:E,transform:b}}function $t(){return(0,o.useContext)(zt)}var en=`Droppable`,tn={timeout:25};function nn(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:i}=e,a=w(en),{active:s,dispatch:c,over:l,measureDroppableContainers:u}=(0,o.useContext)(Rt),d=(0,o.useRef)({disabled:n}),f=(0,o.useRef)(!1),p=(0,o.useRef)(null),m=(0,o.useRef)(null),{disabled:h,updateMeasurementsFor:g,timeout:_}={...tn,...i},v=y(g??r),b=_t({callback:(0,o.useCallback)(()=>{if(!f.current){f.current=!0;return}m.current!=null&&clearTimeout(m.current),m.current=setTimeout(()=>{u(Array.isArray(v.current)?v.current:[v.current]),m.current=null},_)},[_]),disabled:h||!s}),[S,C]=x((0,o.useCallback)((e,t)=>{b&&(t&&(b.unobserve(t),f.current=!1),e&&b.observe(e))},[b])),T=y(t);return(0,o.useEffect)(()=>{!b||!S.current||(b.disconnect(),f.current=!1,b.observe(S.current))},[S,b]),(0,o.useEffect)(()=>(c({type:I.RegisterDroppable,element:{id:r,key:a,disabled:n,node:S,rect:p,data:T}}),()=>c({type:I.UnregisterDroppable,key:a,id:r})),[r]),(0,o.useEffect)(()=>{n!==d.current.disabled&&(c({type:I.SetDroppableDisabled,id:r,key:a,disabled:n}),d.current.disabled=n)},[r,a,n,c]),{active:s,rect:p,isOver:l?.id===r,node:S,over:l,setNodeRef:C}}function rn(e){let{animation:t,children:n}=e,[r,i]=(0,o.useState)(null),[a,s]=(0,o.useState)(null),c=S(n);return!n&&!r&&c&&i(c),g(()=>{if(!a)return;let e=r?.key,n=r?.props.id;if(e==null||n==null){i(null);return}Promise.resolve(t(n,a)).then(()=>{i(null)})},[t,r,a]),o.createElement(o.Fragment,null,n,r?(0,o.cloneElement)(r,{ref:s}):null)}var an={x:0,y:0,scaleX:1,scaleY:1};function on(e){let{children:t}=e;return o.createElement(Rt.Provider,{value:Lt},o.createElement(Kt.Provider,{value:an},t))}var sn={position:`fixed`,touchAction:`none`},cn=e=>k(e)?`transform 250ms ease`:void 0,ln=(0,o.forwardRef)((e,t)=>{let{as:n,activatorEvent:r,adjustScale:i,children:a,className:s,rect:c,style:l,transform:u,transition:d=cn}=e;if(!c)return null;let f=i?u:{...u,scaleX:1,scaleY:1},p={...sn,width:c.width,height:c.height,top:c.top,left:c.left,transform:j.Transform.toString(f),transformOrigin:i&&r?ue(r,c):void 0,transition:typeof d==`function`?d(r):d,...l};return o.createElement(n,{className:s,style:p,ref:t},a)}),un={duration:250,easing:`ease`,keyframes:e=>{let{transform:{initial:t,final:n}}=e;return[{transform:j.Transform.toString(t)},{transform:j.Transform.toString(n)}]},sideEffects:(e=>t=>{let{active:n,dragOverlay:r}=t,i={},{styles:a,className:o}=e;if(a!=null&&a.active)for(let[e,t]of Object.entries(a.active))t!==void 0&&(i[e]=n.node.style.getPropertyValue(e),n.node.style.setProperty(e,t));if(a!=null&&a.dragOverlay)for(let[e,t]of Object.entries(a.dragOverlay))t!==void 0&&r.node.style.setProperty(e,t);return o!=null&&o.active&&n.node.classList.add(o.active),o!=null&&o.dragOverlay&&r.node.classList.add(o.dragOverlay),function(){for(let[e,t]of Object.entries(i))n.node.style.setProperty(e,t);o!=null&&o.active&&n.node.classList.remove(o.active)}})({styles:{active:{opacity:`0`}}})};function dn(e){let{config:t,draggableNodes:n,droppableContainers:r,measuringConfiguration:i}=e;return _((e,a)=>{if(t===null)return;let o=n.get(e);if(!o)return;let s=o.node.current;if(!s)return;let c=At(a);if(!c)return;let{transform:l}=d(a).getComputedStyle(a),u=be(l);if(!u)return;let f=typeof t==`function`?t:fn(t);return Ie(s,i.draggable.measure),f({active:{id:e,data:o.data,node:s,rect:i.draggable.measure(s)},draggableNodes:n,dragOverlay:{node:a,rect:i.dragOverlay.measure(c)},droppableContainers:r,measuringConfiguration:i,transform:u})})}function fn(e){let{duration:t,easing:n,sideEffects:r,keyframes:i}={...un,...e};return e=>{let{active:a,dragOverlay:o,transform:s,...c}=e;if(!t)return;let l={x:o.rect.left-a.rect.left,y:o.rect.top-a.rect.top},u={scaleX:s.scaleX===1?1:a.rect.width*s.scaleX/o.rect.width,scaleY:s.scaleY===1?1:a.rect.height*s.scaleY/o.rect.height},d={x:s.x-l.x,y:s.y-l.y,...u},f=i({...c,active:a,dragOverlay:o,transform:{initial:s,final:d}}),[p]=f,m=f[f.length-1];if(JSON.stringify(p)===JSON.stringify(m))return;let h=r?.({active:a,dragOverlay:o,...c}),g=o.node.animate(f,{duration:t,easing:n,fill:`forwards`});return new Promise(e=>{g.onfinish=()=>{h?.(),e()}})}}var pn=0;function mn(e){return(0,o.useMemo)(()=>{if(e!=null)return pn++,pn},[e])}var hn=o.memo(e=>{let{adjustScale:t=!1,children:n,dropAnimation:r,style:i,transition:a,modifiers:s,wrapperElement:c=`div`,className:l,zIndex:u=999}=e,{activatorEvent:d,active:f,activeNodeRect:p,containerNodeRect:m,draggableNodes:h,droppableContainers:g,dragOverlay:_,over:v,measuringConfiguration:y,scrollableAncestors:b,scrollableAncestorRects:x,windowRect:S}=$t(),C=(0,o.useContext)(Kt),w=mn(f?.id),T=Ut(s,{activatorEvent:d,active:f,activeNodeRect:p,containerNodeRect:m,draggingNodeRect:_.rect,over:v,overlayNodeRect:_.rect,scrollableAncestors:b,scrollableAncestorRects:x,transform:C,windowRect:S}),E=mt(p),D=dn({config:r,draggableNodes:h,droppableContainers:g,measuringConfiguration:y}),O=E?_.setRef:void 0;return o.createElement(on,null,o.createElement(rn,{animation:D},f&&w?o.createElement(ln,{key:w,id:f.id,ref:O,as:c,activatorEvent:d,adjustScale:t,className:l,transition:a,rect:E,style:{zIndex:u,...i},transform:T},n):null))});function gn(e,t,n){let r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function _n(e,t){return e.reduce((e,n,r)=>{let i=t.get(n);return i&&(e[r]=i),e},Array(e.length))}function vn(e){return e!==null&&e>=0}function yn(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function bn(e){return typeof e==`boolean`?{draggable:e,droppable:e}:e}var xn=e=>{let{rects:t,activeIndex:n,overIndex:r,index:i}=e,a=gn(t,r,n),o=t[i],s=a[i];return!s||!o?null:{x:s.left-o.left,y:s.top-o.top,scaleX:s.width/o.width,scaleY:s.height/o.height}},Sn={scaleX:1,scaleY:1},Cn=e=>{let{activeIndex:t,activeNodeRect:n,index:r,rects:i,overIndex:a}=e,o=i[t]??n;if(!o)return null;if(r===t){let e=i[a];return e?{x:0,y:t<a?e.top+e.height-(o.top+o.height):e.top-o.top,...Sn}:null}let s=wn(i,r,t);return r>t&&r<=a?{x:0,y:-o.height-s,...Sn}:r<t&&r>=a?{x:0,y:o.height+s,...Sn}:{x:0,y:0,...Sn}};function wn(e,t,n){let r=e[t],i=e[t-1],a=e[t+1];return r?n<t?i?r.top-(i.top+i.height):a?a.top-(r.top+r.height):0:a?a.top-(r.top+r.height):i?r.top-(i.top+i.height):0:0}var Tn=`Sortable`,En=o.createContext({activeIndex:-1,containerId:Tn,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:xn,disabled:{draggable:!1,droppable:!1}});function Dn(e){let{children:t,id:n,items:r,strategy:i=xn,disabled:a=!1}=e,{active:s,dragOverlay:c,droppableRects:l,over:u,measureDroppableContainers:d}=$t(),f=w(Tn,n),p=c.rect!==null,m=(0,o.useMemo)(()=>r.map(e=>typeof e==`object`&&`id`in e?e.id:e),[r]),h=s!=null,_=s?m.indexOf(s.id):-1,v=u?m.indexOf(u.id):-1,y=(0,o.useRef)(m),b=!yn(m,y.current),x=v!==-1&&_===-1||b,S=bn(a);g(()=>{b&&h&&d(m)},[b,m,h,d]),(0,o.useEffect)(()=>{y.current=m},[m]);let C=(0,o.useMemo)(()=>({activeIndex:_,containerId:f,disabled:S,disableTransforms:x,items:m,overIndex:v,useDragOverlay:p,sortedRects:_n(m,l),strategy:i}),[_,f,S.draggable,S.droppable,x,m,v,l,p,i]);return o.createElement(En.Provider,{value:C},t)}var On=e=>{let{id:t,items:n,activeIndex:r,overIndex:i}=e;return gn(n,r,i).indexOf(t)},kn=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:i,items:a,newIndex:o,previousItems:s,previousContainerId:c,transition:l}=e;return!l||!r||s!==a&&i===o?!1:n?!0:o!==i&&t===c},An={duration:200,easing:`ease`},jn=`transform`,Mn=j.Transition.toString({property:jn,duration:0,easing:`linear`}),Nn={roleDescription:`sortable`};function Pn(e){let{disabled:t,index:n,node:r,rect:i}=e,[a,s]=(0,o.useState)(null),c=(0,o.useRef)(n);return g(()=>{if(!t&&n!==c.current&&r.current){let e=i.current;if(e){let t=K(r.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&s(n)}}n!==c.current&&(c.current=n)},[t,n,r,i]),(0,o.useEffect)(()=>{a&&s(null)},[a]),a}function Fn(e){let{animateLayoutChanges:t=kn,attributes:n,disabled:r,data:i,getNewIndex:a=On,id:c,strategy:l,resizeObserverConfig:u,transition:d=An}=e,{items:f,containerId:p,activeIndex:m,disabled:h,disableTransforms:g,sortedRects:_,overIndex:v,useDragOverlay:y,strategy:b}=(0,o.useContext)(En),x=In(r,h),S=f.indexOf(c),C=(0,o.useMemo)(()=>({sortable:{containerId:p,index:S,items:f},...i}),[p,i,S,f]),w=(0,o.useMemo)(()=>f.slice(f.indexOf(c)),[f,c]),{rect:T,node:E,isOver:D,setNodeRef:O}=nn({id:c,data:C,disabled:x.droppable,resizeObserverConfig:{updateMeasurementsFor:w,...u}}),{active:A,activatorEvent:ee,activeNodeRect:te,attributes:ne,setNodeRef:M,listeners:re,isDragging:N,over:ie,setActivatorNodeRef:ae,transform:oe}=Qt({id:c,data:C,attributes:{...Nn,...n},disabled:x.draggable}),se=s(O,M),P=!!A,F=P&&!g&&vn(m)&&vn(v),ce=!y&&N,I=F?(ce&&F?oe:null)??(l??b)({rects:_,activeNodeRect:te,activeIndex:m,overIndex:v,index:S}):null,L=vn(m)&&vn(v)?a({id:c,items:f,activeIndex:m,overIndex:v}):S,R=A?.id,z=(0,o.useRef)({activeId:R,items:f,newIndex:L,containerId:p}),B=f!==z.current.items,le=t({active:A,containerId:p,isDragging:N,isSorting:P,id:c,index:S,items:f,newIndex:z.current.newIndex,previousItems:z.current.items,previousContainerId:z.current.containerId,transition:d,wasDragging:z.current.activeId!=null}),ue=Pn({disabled:!le,index:S,node:E,rect:T});return(0,o.useEffect)(()=>{P&&z.current.newIndex!==L&&(z.current.newIndex=L),p!==z.current.containerId&&(z.current.containerId=p),f!==z.current.items&&(z.current.items=f)},[P,L,p,f]),(0,o.useEffect)(()=>{if(R===z.current.activeId)return;if(R!=null&&z.current.activeId==null){z.current.activeId=R;return}let e=setTimeout(()=>{z.current.activeId=R},50);return()=>clearTimeout(e)},[R]),{active:A,activeIndex:m,attributes:ne,data:C,rect:T,index:S,newIndex:L,items:f,isOver:D,isSorting:P,isDragging:N,listeners:re,node:E,overIndex:v,over:ie,setNodeRef:se,setActivatorNodeRef:ae,setDroppableNodeRef:O,setDraggableNodeRef:M,transform:ue??I,transition:V()};function V(){if(ue||B&&z.current.newIndex===S)return Mn;if(!(ce&&!k(ee)||!d)&&(P||le))return j.Transition.toString({...d,property:jn})}}function In(e,t){return typeof e==`boolean`?{draggable:e,droppable:!1}:{draggable:e?.draggable??t.draggable,droppable:e?.droppable??t.droppable}}function Ln(e){if(!e)return!1;let t=e.data.current;return!!(t&&`sortable`in t&&typeof t.sortable==`object`&&`containerId`in t.sortable&&`items`in t.sortable&&`index`in t.sortable)}var Rn=[$.Down,$.Right,$.Up,$.Left],zn=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:i,droppableContainers:a,over:o,scrollableAncestors:s}}=t;if(Rn.includes(e.code)){if(e.preventDefault(),!n||!r)return;let t=[];a.getEnabled().forEach(n=>{if(!n||n!=null&&n.disabled)return;let a=i.get(n.id);if(a)switch(e.code){case $.Down:r.top<a.top&&t.push(n);break;case $.Up:r.top>a.top&&t.push(n);break;case $.Left:r.left>a.left&&t.push(n);break;case $.Right:r.left<a.left&&t.push(n);break}});let c=me({active:n,collisionRect:r,droppableRects:i,droppableContainers:t,pointerCoordinates:null}),l=fe(c,`id`);if(l===o?.id&&c.length>1&&(l=c[1].id),l!=null){let e=a.get(n.id),t=a.get(l),o=t?i.get(t.id):null,c=t?.node.current;if(c&&o&&e&&t){let n=q(c).some((e,t)=>s[t]!==e),i=Bn(e,t),a=Vn(e,t),l=n||!i?{x:0,y:0}:{x:a?r.width-o.width:0,y:a?r.height-o.height:0},u={x:o.left,y:o.top};return l.x&&l.y?u:D(u,l)}}}};function Bn(e,t){return!Ln(e)||!Ln(t)?!1:e.data.current.sortable.containerId===t.data.current.sortable.containerId}function Vn(e,t){return!Ln(e)||!Ln(t)||!Bn(e,t)?!1:e.data.current.sortable.index<t.data.current.sortable.index}export{Jt as a,Ze as c,R as d,z as f,Cn as i,U as l,i as m,zn as n,hn as o,j as p,Fn as r,Ke as s,Dn as t,nn as u};

package/dist/showcase/assets/sparkles-CIB5irID.js

@@ -1 +0,0 @@
-import{l as e}from"./index-BjjNfnhP.js";var t=e(`sparkles`,[[`path`,{d:`M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z`,key:`1s2grr`}],[`path`,{d:`M20 2v4`,key:`1rf3ol`}],[`path`,{d:`M22 4h-4`,key:`gwowj6`}],[`circle`,{cx:`4`,cy:`20`,r:`2`,key:`6kqj1y`}]]);export{t};

package/dist/showcase/assets/spinner-11-kP-Ob.js

@@ -1 +0,0 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{T as n,p as r}from"./section-DuBNJP4P.js";import{d as i,n as a}from"./index-BjjNfnhP.js";var o=e(t(),1),s=i(),c=(0,o.forwardRef)(function({label:e,className:t=``,variant:i,style:o},c){let{defaultVariant:f}=n(),p=i??f??`default`;return(0,s.jsx)(`div`,{ref:c,className:a(`spinner--component`,`flex items-center justify-center p-8`),style:o,children:(0,s.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 text-center`,children:[p==="default"&&(0,s.jsx)(l,{className:t}),p===`shimmer`&&(0,s.jsx)(u,{className:t}),p===`progress`&&(0,s.jsx)(d,{className:t}),!!e&&(0,s.jsx)(r,{type:`secondary`,children:e})]})})});c.displayName=`Spinner`;function l({className:e=``}){return(0,s.jsxs)(`svg`,{className:a(`h-10 w-10 text-primary`,e),fill:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,s.jsx)(`path`,{d:`M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z`,opacity:`.25`}),(0,s.jsx)(`path`,{d:`M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z`,children:(0,s.jsx)(`animateTransform`,{attributeName:`transform`,type:`rotate`,dur:`0.75s`,values:`0 12 12;360 12 12`,repeatCount:`indefinite`})})]})}function u({className:e=``}){return(0,s.jsx)(`div`,{className:a(`h-10 w-10 rounded-full bg-gradient-to-r from-muted via-muted-foreground/30 to-muted bg-[length:200%_100%]`,`animate-[shimmer_1.5s_ease-in-out_infinite]`,e),"aria-hidden":`true`})}function d({className:e=``}){return(0,s.jsx)(`div`,{className:a(`h-1 w-32 overflow-hidden rounded bg-muted`,e),role:`progressbar`,"aria-busy":`true`,children:(0,s.jsx)(`div`,{className:`h-full w-1/3 animate-[progress-slide_1.4s_ease-in-out_infinite] rounded bg-primary`})})}export{c as t};

package/dist/showcase/assets/spinner-D4G5TFSm.js

@@ -1,49 +0,0 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DuBNJP4P.js";import{t as r}from"./example-6bZGEb3-.js";import{d as i}from"./index-BjjNfnhP.js";import{t as a}from"./props-table-X9St7Q4m.js";import{t as o}from"./spinner-11-kP-Ob.js";var s=e({CustomColour:()=>f,Default:()=>l,SectionPlaceholder:()=>p,Variants:()=>u,WithLabel:()=>d}),c=i();function l(){return(0,c.jsx)(o,{})}function u(){return(0,c.jsxs)(`div`,{className:`grid grid-cols-3 gap-2 w-full`,children:[(0,c.jsx)(`div`,{className:`rounded border border-border`,children:(0,c.jsx)(o,{variant:`default`,label:`default`})}),(0,c.jsx)(`div`,{className:`rounded border border-border`,children:(0,c.jsx)(o,{variant:`shimmer`,label:`shimmer`})}),(0,c.jsx)(`div`,{className:`rounded border border-border`,children:(0,c.jsx)(o,{variant:`progress`,label:`progress`})})]})}function d(){return(0,c.jsx)(o,{label:`Loading bookings…`})}function f(){return(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-4`,children:[(0,c.jsx)(o,{label:`Syncing inventory`,className:`text-success`}),(0,c.jsx)(o,{label:`Saving`,className:`text-warning`}),(0,c.jsx)(o,{label:`Deleting`,className:`text-destructive`})]})}function p(){return(0,c.jsxs)(`div`,{className:`w-full max-w-md rounded-lg border border-border bg-card`,children:[(0,c.jsx)(`div`,{className:`border-b border-border px-4 py-2 text-sm font-medium`,children:`Recent activity`}),(0,c.jsx)(o,{label:`Loading activity feed…`})]})}var m=`import { Spinner } from '@/components/base/spinner';
-
-export function Default() {
-	return <Spinner />;
-}
-
-export function Variants() {
-	return (
-		<div className="grid grid-cols-3 gap-2 w-full">
-			<div className="rounded border border-border">
-				<Spinner variant="default" label="default" />
-			</div>
-			<div className="rounded border border-border">
-				<Spinner variant="shimmer" label="shimmer" />
-			</div>
-			<div className="rounded border border-border">
-				<Spinner variant="progress" label="progress" />
-			</div>
-		</div>
-	);
-}
-
-export function WithLabel() {
-	return <Spinner label="Loading bookings…" />;
-}
-
-export function CustomColour() {
-	return (
-		<div className="flex flex-wrap gap-4">
-			<Spinner label="Syncing inventory" className="text-success" />
-			<Spinner label="Saving" className="text-warning" />
-			<Spinner label="Deleting" className="text-destructive" />
-		</div>
-	);
-}
-
-export function SectionPlaceholder() {
-	return (
-		<div className="w-full max-w-md rounded-lg border border-border bg-card">
-			<div className="border-b border-border px-4 py-2 text-sm font-medium">Recent activity</div>
-			<Spinner label="Loading activity feed…" />
-		</div>
-	);
-}
-`;function h(e){let i={code:`code`,p:`p`,...e.components};return s||_(`Examples`,!1),f||_(`Examples.CustomColour`,!0),l||_(`Examples.Default`,!0),p||_(`Examples.SectionPlaceholder`,!0),u||_(`Examples.Variants`,!0),d||_(`Examples.WithLabel`,!0),(0,c.jsxs)(t,{title:`Spinner`,description:`Loading indicator with three visual variants. Pairs with content placeholders, route transitions, and Suspense fallbacks.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/spinner`,children:[(0,c.jsx)(n,{title:`Overview`,id:`overview`,children:(0,c.jsxs)(i.p,{children:[(0,c.jsx)(i.code,{children:`Spinner`}),` ships three variants — `,(0,c.jsx)(i.code,{children:`default`}),` (rotating SVG), `,(0,c.jsx)(i.code,{children:`shimmer`}),` (round
-shimmer dot), `,(0,c.jsx)(i.code,{children:`progress`}),` (slim animated bar). The variant resolves through
-`,(0,c.jsx)(i.code,{children:`useSpinnerConfig().defaultVariant`}),`, so a consumer can pin the look at the
-`,(0,c.jsx)(i.code,{children:`UIProvider`}),` root and override per call. Pass an optional `,(0,c.jsx)(i.code,{children:`label`}),` for screen
-readers and a visible status message.`]})}),(0,c.jsx)(n,{title:`Default`,id:`default`,children:(0,c.jsx)(r,{name:`Default`,source:m,children:(0,c.jsx)(l,{})})}),(0,c.jsx)(n,{title:`Variants`,id:`variants`,children:(0,c.jsx)(r,{name:`Variants`,source:m,children:(0,c.jsx)(u,{})})}),(0,c.jsxs)(n,{title:`Composition`,id:`composition`,children:[(0,c.jsx)(r,{name:`WithLabel`,source:m,children:(0,c.jsx)(d,{})}),(0,c.jsx)(r,{name:`CustomColour`,source:m,children:(0,c.jsx)(f,{})})]}),(0,c.jsx)(n,{title:`Realistic usage`,id:`realistic`,children:(0,c.jsx)(r,{name:`SectionPlaceholder`,source:m,children:(0,c.jsx)(p,{})})}),(0,c.jsx)(n,{title:`API`,id:`api`,children:(0,c.jsx)(a,{component:`Spinner`})})]})}function g(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(h,{...e})}):h(e)}function _(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{g as default};

package/dist/showcase/assets/spinner-DKGukuFV.js

@@ -1,30 +0,0 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DuBNJP4P.js";import{Er as r,t as i}from"./example-6bZGEb3-.js";import{d as a,n as o}from"./index-BjjNfnhP.js";import{n as s}from"./PreviewLayout-X_NxjYOV.js";var c=a();function l({className:e,...t}){return(0,c.jsx)(r,{role:`status`,"aria-label":`Loading`,className:o(`size-4 animate-spin`,e),...t})}var u=e({ColorViaClassName:()=>f,Sizes:()=>d});function d(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(s,{children:[(0,c.jsx)(l,{className:`size-3`}),(0,c.jsx)(l,{className:`size-4`}),(0,c.jsx)(l,{className:`size-5`}),(0,c.jsx)(l,{className:`size-6`}),(0,c.jsx)(l,{className:`size-8`})]})})}function f(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(s,{children:[(0,c.jsx)(l,{className:`size-5 text-primary`}),(0,c.jsx)(l,{className:`size-5 text-destructive`}),(0,c.jsx)(l,{className:`size-5 text-info`}),(0,c.jsx)(l,{className:`size-5 text-muted-foreground`})]})})}var p=`import { Spinner } from '@/components/ui/spinner';
-import { Row } from '../../PreviewLayout';
-
-export function Sizes() {
-	return (
-		<>
-			<Row>
-								<Spinner className="size-3" />
-								<Spinner className="size-4" />
-								<Spinner className="size-5" />
-								<Spinner className="size-6" />
-								<Spinner className="size-8" />
-							</Row>
-		</>
-	);
-}
-
-export function ColorViaClassName() {
-	return (
-		<>
-			<Row>
-								<Spinner className="size-5 text-primary" />
-								<Spinner className="size-5 text-destructive" />
-								<Spinner className="size-5 text-info" />
-								<Spinner className="size-5 text-muted-foreground" />
-							</Row>
-		</>
-	);
-}
-`;function m(e){return u||g(`Examples`,!1),f||g(`Examples.ColorViaClassName`,!0),d||g(`Examples.Sizes`,!0),(0,c.jsx)(t,{title:`UI · Spinner`,description:`Loading spinner — sized via className.`,layer:`ui`,status:`ready`,children:(0,c.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(i,{name:`Sizes`,source:p,children:(0,c.jsx)(d,{})}),(0,c.jsx)(i,{name:`ColorViaClassName`,source:p,children:(0,c.jsx)(f,{})})]})})}function h(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(m,{...e})}):m(e)}function g(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{h as default};

package/dist/showcase/assets/square-pen-zflKy9oX.js

@@ -1 +0,0 @@
-import{l as e}from"./index-BjjNfnhP.js";var t=e(`square-pen`,[[`path`,{d:`M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7`,key:`1m0v6g`}],[`path`,{d:`M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z`,key:`ohrbg2`}]]);export{t};

package/dist/showcase/assets/stacked-avatars-Cve1Y6GY.js

@@ -1 +0,0 @@
-import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{p as t}from"./section-DuBNJP4P.js";import{d as n,n as r}from"./index-BjjNfnhP.js";import{a as i,i as a,o,r as s,t as c}from"./avatar-kK9n1a25.js";e();var l=n(),u=[`muted`,`primary`,`secondary`,`info`,`success`],d={muted:`bg-muted text-muted-foreground`,primary:`bg-primary/10 text-primary`,secondary:`bg-secondary text-secondary-foreground`,info:`bg-info/10 text-info`,success:`bg-success/10 text-success`,warning:`bg-warning/15 text-warning`,destructive:`bg-destructive/10 text-destructive`};function f(e,t=!1){let n=e.trim().split(/\s+/);return n.length===0?`?`:t?n[0].slice(0,1).toUpperCase():n.length===1?n[0].slice(0,2).toUpperCase():(n[0][0]+n[n.length-1][0]).toUpperCase()}function p(e,t){return typeof t==`string`?t:typeof t==`number`?u[Math.abs(t)%u.length]:u[(typeof e==`number`?e:Array.from(e).reduce((e,t)=>e+t.charCodeAt(0),0))%u.length]}function m(e){return e===`small`||e==="default"?e:e===`xs`||e===`sm`?`small`:`default`}function h({users:e,max:n=4,size:u=`default`,className:h,showOverflow:g=!0,overflowFormatter:_,avatarClassName:v}){let y=e.slice(0,n),b=Math.max(0,e.length-n),x=m(u);return(0,l.jsxs)(a,{className:r(`stacked-avatars--component`,h),children:[y.map((e,t)=>{let n=f(e.name,x===`small`),i=p(e.id??e.name??t,e.tone);return(0,l.jsxs)(c,{size:x,className:r(`ring-background`,v),title:e.name,children:[e.imageUrl?(0,l.jsx)(o,{src:e.imageUrl,alt:e.name}):null,(0,l.jsx)(s,{className:r(`font-semibold`,d[i]),children:n})]},e.id??`${e.name}-${t}`)}),!!g&&b>0&&(0,l.jsx)(i,{children:(0,l.jsx)(t,{size:`xs`,weight:`semibold`,children:_?_(b):`+${b}`})})]})}h.displayName=`StackedAvatars`;export{h as t};

package/dist/showcase/assets/star-DleXDkCp.js

@@ -1 +0,0 @@
-import{l as e}from"./index-BjjNfnhP.js";var t=e(`star`,[[`path`,{d:`M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z`,key:`r04s7s`}]]);export{t};

package/dist/showcase/assets/startOfDay-TDP2erzM.js

@@ -1 +0,0 @@
-import{T as e}from"./index-BjjNfnhP.js";function t(t,n){let r=e(t,n?.in);return r.setHours(0,0,0,0),r}export{t};

package/dist/showcase/assets/styles-BKlX_Ipc.js

@@ -1 +0,0 @@
-import{d as e}from"./index-BjjNfnhP.js";import{n as t}from"./CSPContext-Bfs88_eg.js";function n(e,t){return Math.max(0,e-t)}function r(e,n){if(n<=0)return 0;let r=t(e,0,n),i=r,a=n-r,o=i<=1,s=a<=1;return o&&s?i<=a?0:n:o?0:s?n:r}var i=e(),a=`base-ui-disable-scrollbar`,o={className:a,getElement(e){return(0,i.jsx)(`style`,{nonce:e,href:a,precedence:`base-ui:low`,children:`.${a}{scrollbar-width:none}.${a}::-webkit-scrollbar{display:none}`})}};export{n,r,o as t};

package/dist/showcase/assets/suggestions-Dt2hm1NY.js

@@ -1,126 +0,0 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,o as i,p as a,t as o}from"./section-DuBNJP4P.js";import{t as s}from"./building-2-DaQW5yJa.js";import{r as c,t as l}from"./example-6bZGEb3-.js";import{N as u,a as d,d as f,n as p}from"./index-BjjNfnhP.js";import{t as m}from"./props-table-X9St7Q4m.js";import{c as h,i as g,r as _,t as v,u as y}from"./item-LinnMxvu.js";import{t as b}from"./enhanced-combobox-ClZcVnhv.js";import{t as x}from"./input-C8OfUHCK.js";var S=t(n(),1),C=e=>new Promise(t=>{setTimeout(t,e)});function w(e){let{fetchData:t,minQueryLength:n=1,debounceMs:r=250,requestDelay:i=0,preload:a=!1,onError:o}=e,[s,c]=(0,S.useState)([]),[l,u]=(0,S.useState)(``),[d,f]=(0,S.useState)(null),[p,m]=(0,S.useState)(!1),[h,g]=(0,S.useState)(!1),_=(0,S.useRef)(t),v=(0,S.useRef)(o);return _.current=t,v.current=o,(0,S.useEffect)(()=>{let e=!1,t=null;return l.length>=n||a&&l.length===0?(t=setTimeout(()=>{(async()=>{g(!0);try{i>0&&await C(i);let t=await _.current(l);e||c(Array.isArray(t)?t:[])}catch(t){e||(c(e=>e.length===0?e:[]),v.current?.(t,l))}finally{e||g(!1)}})()},r),()=>{e=!0,t&&clearTimeout(t)}):(c(e=>e.length===0?e:[]),()=>{t&&clearTimeout(t)})},[r,n,a,i,l]),{items:s,isLoading:h,searchValue:l,setSearchValue:u,selectedValue:d,setSelectedValue:f,open:p,setOpen:m}}var T={placeholder:`Search...`,emptyMessage:`No results found.`,loadingMessage:`Searching...`,startTypingMessage:`Type to search.`},E=f();function D(e){let{fetchData:t,itemKey:n,itemText:r,onValueChange:i,renderItem:a,minQueryLength:o=1,debounceMs:s=250,requestDelay:c=0,preload:l=!1,allowClear:d=!0,clearInputOnClose:f=!1,disabled:m=!1,className:h,onError:g,strings:_}=e,v=u(T,_),{items:y,isLoading:x,searchValue:C,setSearchValue:D,selectedValue:O,setSelectedValue:k,open:A,setOpen:j}=w({fetchData:t,minQueryLength:o,debounceMs:s,requestDelay:c,preload:l,onError:g}),M=(0,S.useMemo)(()=>({placeholder:v.placeholder,noResults:v.emptyMessage,searching:v.loadingMessage,typeToSearch:v.startTypingMessage}),[v]);return(0,E.jsx)(b,{className:p(`suggestions--component`,h),items:y,searchValue:C,onSearchValueChange:D,selectedValue:O,onSelectedValueChange:e=>{k(e),i?.(e)},getItemLabel:r,getItemKey:e=>String(n(e)),renderItem:a,minSearchLength:o,isLoading:x,strings:M,clearable:d,open:A,onOpenChange:e=>{j(e),!e&&f&&D(``)},disabled:m})}D.displayName=`SuggestionsCombobox`;var O=e({AccountSuggestionsCombobox:()=>j,HeadlessSuggestionsState:()=>M}),k=[{id:`northwind`,name:`Northwind Retail`,plan:`Pro`,region:`EU`},{id:`summit`,name:`Summit Tours`,plan:`Scale`,region:`US`},{id:`atlas`,name:`Atlas Supply`,plan:`Enterprise`,region:`APAC`}];async function A(e){let t=e.trim().toLowerCase();return t?k.filter(e=>`${e.name} ${e.plan} ${e.region}`.toLowerCase().includes(t)):k}function j(){let[e,t]=(0,S.useState)(null);return(0,E.jsxs)(`div`,{className:`max-w-md space-y-3`,children:[(0,E.jsx)(D,{fetchData:A,itemKey:e=>e.id,itemText:e=>e.name,onValueChange:t,preload:!0,minQueryLength:0,clearInputOnClose:!0,renderItem:e=>(0,E.jsxs)(v,{size:`small`,className:`border-0 bg-transparent p-0 shadow-none`,children:[(0,E.jsx)(h,{variant:`icon`,children:(0,E.jsx)(s,{className:`size-icon`,"aria-hidden":!0})}),(0,E.jsxs)(_,{children:[(0,E.jsx)(y,{children:e.name}),(0,E.jsxs)(g,{clamp:1,children:[e.plan,` - `,e.region]})]})]}),strings:{placeholder:`Search accounts`,emptyMessage:`No accounts match this query.`}}),e?(0,E.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,E.jsx)(a,{size:`xs`,type:`secondary`,children:`Selected`}),(0,E.jsx)(i,{variant:`secondary`,children:e.name})]}):null]})}function M(){let e=w({fetchData:A,minQueryLength:1,debounceMs:0,preload:!1});return(0,E.jsxs)(`div`,{className:`max-w-md space-y-3`,children:[(0,E.jsxs)(`div`,{className:`flex gap-2`,children:[(0,E.jsx)(x,{value:e.searchValue,onChange:t=>e.setSearchValue(t.target.value),placeholder:`Type an account`}),(0,E.jsx)(c,{type:`button`,variant:`secondary`,icon:d,children:`Search`})]}),(0,E.jsx)(`div`,{className:`rounded-md border border-border/60`,children:e.items.length===0?(0,E.jsx)(`div`,{className:`px-3 py-2`,children:(0,E.jsx)(a,{size:`xs`,type:`secondary`,children:`Enter a query to load consumer-owned results.`})}):e.items.map(t=>(0,E.jsxs)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,fullWidth:!0,className:`h-auto justify-between rounded-none border-b border-border/50 px-3 py-2 text-left last:border-b-0`,onClick:()=>e.setSelectedValue(t),children:[(0,E.jsx)(a,{size:`sm`,weight:`medium`,children:t.name}),(0,E.jsx)(a,{size:`xs`,type:`secondary`,children:t.plan})]},t.id))})]})}var N=`import { useState } from 'react';
-import { Building2, Search } from 'lucide-react';
-
-import { Badge } from '@/components/base/badge';
-import { Button } from '@/components/base/buttons';
-import { Input } from '@/components/base/forms/fields';
-import { Item, ItemContent, ItemDescription, ItemMedia, ItemTitle } from '@/components/base/item';
-import { SuggestionsCombobox, useSuggestions } from '@/components/features/suggestions';
-import { Text } from '@/components/typography';
-
-type Account = {
-	id: string;
-	name: string;
-	plan: string;
-	region: string;
-};
-
-const accounts: Account[] = [
-	{ id: 'northwind', name: 'Northwind Retail', plan: 'Pro', region: 'EU' },
-	{ id: 'summit', name: 'Summit Tours', plan: 'Scale', region: 'US' },
-	{ id: 'atlas', name: 'Atlas Supply', plan: 'Enterprise', region: 'APAC' },
-];
-
-async function searchAccounts(query: string): Promise<Account[]> {
-	const needle = query.trim().toLowerCase();
-	if (!needle) return accounts;
-	return accounts.filter((account) =>
-		\`\${account.name} \${account.plan} \${account.region}\`.toLowerCase().includes(needle),
-	);
-}
-
-export function AccountSuggestionsCombobox() {
-	const [selected, setSelected] = useState<Account | null>(null);
-
-	return (
-		<div className="max-w-md space-y-3">
-			<SuggestionsCombobox<Account>
-				fetchData={searchAccounts}
-				itemKey={(item) => item.id}
-				itemText={(item) => item.name}
-				onValueChange={setSelected}
-				preload
-				minQueryLength={0}
-				clearInputOnClose
-				renderItem={(item) => (
-					<Item size="small" className="border-0 bg-transparent p-0 shadow-none">
-						<ItemMedia variant="icon">
-							<Building2 className="size-icon" aria-hidden />
-						</ItemMedia>
-						<ItemContent>
-							<ItemTitle>{item.name}</ItemTitle>
-							<ItemDescription clamp={1}>
-								{item.plan} - {item.region}
-							</ItemDescription>
-						</ItemContent>
-					</Item>
-				)}
-				strings={{
-					placeholder: 'Search accounts',
-					emptyMessage: 'No accounts match this query.',
-				}}
-			/>
-			{selected ? (
-				<div className="flex items-center gap-2">
-					<Text size="xs" type="secondary">
-						Selected
-					</Text>
-					<Badge variant="secondary">{selected.name}</Badge>
-				</div>
-			) : null}
-		</div>
-	);
-}
-
-export function HeadlessSuggestionsState() {
-	const suggestions = useSuggestions<Account>({
-		fetchData: searchAccounts,
-		minQueryLength: 1,
-		debounceMs: 0,
-		preload: false,
-	});
-
-	return (
-		<div className="max-w-md space-y-3">
-			<div className="flex gap-2">
-				<Input
-					value={suggestions.searchValue}
-					onChange={(event) => suggestions.setSearchValue(event.target.value)}
-					placeholder="Type an account"
-				/>
-				<Button type="button" variant="secondary" icon={Search}>
-					Search
-				</Button>
-			</div>
-			<div className="rounded-md border border-border/60">
-				{suggestions.items.length === 0 ? (
-					<div className="px-3 py-2">
-						<Text size="xs" type="secondary">
-							Enter a query to load consumer-owned results.
-						</Text>
-					</div>
-				) : (
-					suggestions.items.map((item) => (
-						<Button
-							key={item.id}
-							type="button"
-							variant="secondary"
-							buttonStyle="ghost"
-							fullWidth
-							className="h-auto justify-between rounded-none border-b border-border/50 px-3 py-2 text-left last:border-b-0"
-							onClick={() => suggestions.setSelectedValue(item)}
-						>
-							<Text size="sm" weight="medium">
-								{item.name}
-							</Text>
-							<Text size="xs" type="secondary">
-								{item.plan}
-							</Text>
-						</Button>
-					))
-				)}
-			</div>
-		</div>
-	);
-}
-`;function P(e){let t={h4:`h4`,...e.components};return O||I(`Examples`,!1),j||I(`Examples.AccountSuggestionsCombobox`,!0),M||I(`Examples.HeadlessSuggestionsState`,!0),(0,E.jsxs)(r,{title:`Features · Suggestions`,description:`Framework-agnostic typeahead suggestions with a drop-in combobox and a headless hook. Consumers own fetching, selected-value persistence, telemetry, and result rendering.`,layer:`features`,status:`ready`,sourcePath:`src/components/features/suggestions`,children:[(0,E.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,E.jsx)(l,{name:`AccountSuggestionsCombobox`,source:N,children:(0,E.jsx)(j,{})}),(0,E.jsx)(l,{name:`HeadlessSuggestionsState`,source:N,children:(0,E.jsx)(M,{})})]}),(0,E.jsxs)(o,{title:`API`,id:`api`,children:[(0,E.jsx)(t.h4,{children:`SuggestionsCombobox`}),(0,E.jsx)(m,{component:`SuggestionsCombobox`})]})]})}function F(e={}){let{wrapper:t}=e.components||{};return t?(0,E.jsx)(t,{...e,children:(0,E.jsx)(P,{...e})}):P(e)}function I(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{F as default};

package/dist/showcase/assets/switch-DAPAgJbv.js

@@ -1 +0,0 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n,n as r}from"./index-BjjNfnhP.js";import{t as i}from"./switch-fQpP2tJl.js";var a=e(t(),1),o=n(),s=(0,a.forwardRef)(function({onCheckedChange:e,invalid:t,className:n,...s},c){let l=(0,a.useId)(),u=(0,a.useMemo)(()=>s.name?String(s.name):s.id?String(s.id):`switch-${l}`,[l,s.id,s.name]),d=s.id??u,f=(0,a.useCallback)(t=>{e?.({target:{name:u,value:t}})},[u,e]);return(0,o.jsx)(i,{ref:c,...s,onCheckedChange:f,id:d,name:u,"aria-invalid":t||void 0,className:r(`switch--component`,t&&`data-[state=unchecked]:border-destructive`,n)})});s.displayName=`Switch`;var c=(0,a.forwardRef)(function({onCheckedChange:e,invalid:t,className:n,...a},s){return(0,o.jsx)(i,{ref:s,...a,onCheckedChange:t=>e?.(t),"aria-invalid":t||void 0,className:r(t&&`data-[state=unchecked]:border-destructive`,n)})});c.displayName=`ToggleSwitch`;export{c as n,s as t};

package/dist/showcase/assets/switch-fQpP2tJl.js

@@ -1 +0,0 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{Gt as n,Qt as ee,Wt as te,ar as r,br as ne,cr as i,fr as a,g as re,lr as ie,mr as ae,nr as o,pr as oe,vn as se}from"./example-6bZGEb3-.js";import{d as ce,n as s}from"./index-BjjNfnhP.js";import{t as c}from"./useControlled-BHUji6Sp.js";import{t as l}from"./useValueChanged-CNjJ-spo.js";import{c as u,n as d,o as f,r as p,t as m}from"./LabelableContext-Cd9Gf7TR.js";import{t as h}from"./useLabelableId-COfjI9qt.js";import{t as g}from"./useAriaLabelledBy-ByBTPUi3.js";var _=e(t(),1),v=_.createContext(void 0);function y(){let e=_.useContext(v);if(e===void 0)throw Error(a(63));return e}var b=function(e){return e.checked=`data-checked`,e.unchecked=`data-unchecked`,e.disabled=`data-disabled`,e.readonly=`data-readonly`,e.required=`data-required`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.filled=`data-filled`,e.focused=`data-focused`,e}({}),x={...u,checked(e){return e?{[b.checked]:``}:{[b.unchecked]:``}}},S=ce(),C=_.forwardRef(function(e,t){let{checked:a,className:ce,defaultChecked:s,"aria-labelledby":u,form:y,id:b,inputRef:C,name:w,nativeButton:T=!1,onCheckedChange:E,readOnly:D=!1,required:O=!1,disabled:k=!1,render:le,uncheckedValue:A,value:j,style:ue,...M}=e,{clearErrors:N}=d(),{state:P,setTouched:F,setDirty:I,validityData:L,setFilled:R,setFocused:z,validationMode:de,disabled:B,name:V,validation:H}=f(),{labelId:U}=m(),W=B||k,G=V??w,K=_.useRef(null),fe=i(K,C,H.inputRef),q=_.useRef(null),J=re(),Y=h({id:b,implicit:!1,controlRef:q}),X=T?void 0:Y,[Z,pe]=c({controlled:a,default:!!s,name:`Switch`,state:`checked`});p(q,J,Z,void 0,!W,w),ae(()=>{K.current&&R(K.current.checked)},[K,R]),l(Z,()=>{N(G),I(Z!==L.initialValue),R(Z),H.change(Z)});let{getButtonProps:me,buttonRef:he}=ie({disabled:W,native:T}),ge=g(u,U,K,!T,X),_e={id:T?Y:J,role:`switch`,"aria-checked":Z,"aria-readonly":D||void 0,"aria-required":O||void 0,"aria-labelledby":ge,onFocus(){W||z(!0)},onBlur(){let e=K.current;!e||W||(F(!0),z(!1),de===`onBlur`&&H.commit(e.checked))},onClick(e){if(D||W)return;e.preventDefault();let t=K.current;t&&t.dispatchEvent(new(ne(t)).PointerEvent(`click`,{bubbles:!0,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey}))}},Q=oe({checked:Z,disabled:W,form:y,id:X,name:G,required:O,style:G?n:te,tabIndex:-1,type:`checkbox`,"aria-hidden":!0,ref:fe,onChange(e){if(e.nativeEvent.defaultPrevented)return;if(D){e.preventDefault();return}let t=e.currentTarget.checked,n=ee(se,e.nativeEvent);E?.(t,n),!n.isCanceled&&pe(t)},onFocus(){q.current?.focus()}},e=>H.getValidationProps(W,e),j===void 0?r:{value:j}),$=_.useMemo(()=>({...P,checked:Z,disabled:W,readOnly:D,required:O}),[P,Z,W,D,O]),ve=o(`span`,e,{state:$,ref:[t,q,he],props:[_e,M,me,e=>H.getValidationProps(W,e)],stateAttributesMapping:x});return(0,S.jsxs)(v.Provider,{value:$,children:[ve,!Z&&G&&A!==void 0&&(0,S.jsx)(`input`,{type:`hidden`,form:y,name:G,value:A,disabled:W}),(0,S.jsx)(`input`,{...Q,suppressHydrationWarning:!0})]})}),w=_.forwardRef(function(e,t){let{render:n,className:ee,style:te,...r}=e;return o(`span`,e,{state:y(),ref:t,stateAttributesMapping:x,props:r})});function T({className:e,size:t=`default`,...n}){return(0,S.jsx)(C,{"data-slot":`switch`,"data-size":t,className:s(`data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive shrink-0 rounded-full border border-transparent focus-visible:ring-[3px] aria-invalid:ring-[3px] data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7 peer group/switch relative inline-flex items-center transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50`,e),...n,children:(0,S.jsx)(w,{"data-slot":`switch-thumb`,className:`bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform`})})}export{T as t};

package/dist/showcase/assets/sync-BRcK160D.js

@@ -1,124 +0,0 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,p as i,t as a}from"./section-DuBNJP4P.js";import{r as o,t as s}from"./example-6bZGEb3-.js";import{t as c}from"./clock-3-CXJ_JotW.js";import{t as l}from"./database-TbVXEw7v.js";import{t as u}from"./receipt-text-C0TobatH.js";import{t as d}from"./refresh-cw-Dy_Nc4jA.js";import{N as f,d as p,n as m}from"./index-BjjNfnhP.js";import{t as h}from"./props-table-X9St7Q4m.js";import{t as g}from"./label-C3A4CjeG.js";import{t as _}from"./smart-card-OExZHSsj.js";import{i as v,t as y}from"./index.esm-BXmcbSs7.js";import{n as b,t as x}from"./card-radio-group-1NMbocuG.js";import{t as S}from"./dialog-Qh3EHEKq.js";var C=e=>({getError:t=>{if(e)return e[t]},hasError:t=>e!==void 0&&e[t]!==void 0}),w={hoursLabel:`Sync window`,hoursDescription:`Choose how far back the integration should reconcile records.`,optionsLabel:`Options`,optionsDescription:`Limit the run when the repair only needs a specific record family.`},T=p(),E=e=>{let{formId:t,options:n,syncOptions:r,defaultHours:a=`24`,onSubmit:o,errors:s,strings:c}=e,l=f(w,c),{getError:u}=C(Object.fromEntries(Object.entries(s??{}).map(([e,t])=>[e,Array.isArray(t)?t[0]:t]))),{control:d,handleSubmit:p}=v({defaultValues:{hours:a,options:[]}});return(0,T.jsxs)(`form`,{id:t,onSubmit:p(e=>{o({hours:Number(e.hours),financials_only:e.options.includes(`financials_only`)})}),className:m(`sync-range-dialog-form--component`,`grid gap-4`),children:[(0,T.jsxs)(`section`,{className:`sync-range-dialog-form--section grid gap-2.5`,children:[(0,T.jsxs)(`div`,{className:`sync-range-dialog-form--section-header grid gap-1`,children:[(0,T.jsx)(g,{children:l.hoursLabel}),(0,T.jsx)(i,{size:`xs`,type:`secondary`,children:l.hoursDescription})]}),(0,T.jsx)(y,{name:`hours`,control:d,rules:{required:!0},render:({field:e})=>(0,T.jsx)(x,{options:n,value:e.value,onChange:e.onChange,name:e.name,columns:2,invalid:!!u(`hours`)})}),u(`hours`)&&(0,T.jsx)(i,{type:`error`,children:u(`hours`)})]}),!!r&&r.length>0&&(0,T.jsxs)(`section`,{className:`sync-range-dialog-form--section grid gap-2.5 rounded-md border border-border/70 bg-muted/20 p-3`,children:[(0,T.jsxs)(`div`,{className:`sync-range-dialog-form--section-header grid gap-1`,children:[(0,T.jsx)(g,{children:l.optionsLabel}),(0,T.jsx)(i,{size:`xs`,type:`secondary`,children:l.optionsDescription})]}),(0,T.jsx)(y,{name:`options`,control:d,render:({field:e})=>(0,T.jsx)(b,{options:r,value:e.value,onChange:e.onChange,columns:2})})]})]})};E.displayName=`SyncRangeDialogForm`;var D=e({InlineSyncForm:()=>N,SyncDialogPattern:()=>M}),O=t(n(),1),k=[{value:`6`,label:`6 hours`,description:`Recent corrections only.`,icon:c},{value:`24`,label:`24 hours`,description:`Recommended for daily operations.`,icon:l},{value:`48`,label:`48 hours`,description:`Use after a long import pause.`,icon:d}],A=[{value:`financials_only`,label:`Financial records only`,description:`Skip profile and note updates.`,icon:u}];function j({value:e}){return e?(0,T.jsxs)(i,{size:`xs`,type:`secondary`,children:[`Submitted `,e.hours,` hours`,e.financials_only?` with financial records only.`:` with all records.`]}):null}function M(){let[e,t]=(0,O.useState)(!1),[n,r]=(0,O.useState)(null);return(0,T.jsxs)(_,{title:`Integration repair`,description:`Launch a callback-owned sync flow from any page, card, or action menu.`,headerEnd:(0,T.jsx)(j,{value:n}),children:[(0,T.jsx)(o,{type:`button`,variant:`primary`,icon:d,onClick:()=>t(!0),children:`Open sync dialog`}),(0,T.jsx)(S,{open:e,onOpenChange:t,title:`Sync records`,description:`Choose how far back the integration should reconcile records.`,formId:`sync-range-dialog-form`,size:`lg`,children:(0,T.jsx)(E,{formId:`sync-range-dialog-form`,options:k,syncOptions:A,defaultHours:`24`,strings:{hoursLabel:`Reconciliation window`,optionsLabel:`Record scope`},onSubmit:e=>{r(e),t(!1)}})})]})}function N(){let[e,t]=(0,O.useState)(null);return(0,T.jsx)(_,{title:`Inline repair form`,description:`Use the same form in a page section when the host app owns the submit button placement.`,footerSlot:(0,T.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,T.jsx)(j,{value:e}),(0,T.jsx)(o,{type:`submit`,form:`inline-sync-range-form`,variant:`primary`,children:`Run sync`})]}),className:`max-w-2xl`,children:(0,T.jsx)(E,{formId:`inline-sync-range-form`,options:k,syncOptions:A,defaultHours:`6`,onSubmit:t,strings:{hoursLabel:`Repair window`,optionsLabel:`Sync scope`}})})}var P=`import { useState } from 'react';
-import { Clock3, Database, ReceiptText, RefreshCw } from 'lucide-react';
-
-import { Button } from '@/components/base/buttons';
-import { SmartCard } from '@/components/base/cards';
-import { Dialog } from '@/components/features/overlays';
-import {
-	SyncRangeDialogForm,
-	type SyncRangeDialogFormSubmit,
-} from '@/components/features/sync';
-import { Text } from '@/components/typography';
-
-const rangeOptions = [
-	{
-		value: '6',
-		label: '6 hours',
-		description: 'Recent corrections only.',
-		icon: Clock3,
-	},
-	{
-		value: '24',
-		label: '24 hours',
-		description: 'Recommended for daily operations.',
-		icon: Database,
-	},
-	{
-		value: '48',
-		label: '48 hours',
-		description: 'Use after a long import pause.',
-		icon: RefreshCw,
-	},
-];
-
-const syncOptions = [
-	{
-		value: 'financials_only',
-		label: 'Financial records only',
-		description: 'Skip profile and note updates.',
-		icon: ReceiptText,
-	},
-];
-
-function SubmittedState({ value }: { value: SyncRangeDialogFormSubmit | null }) {
-	if (!value) return null;
-	return (
-		<Text size="xs" type="secondary">
-			Submitted {value.hours} hours
-			{value.financials_only ? ' with financial records only.' : ' with all records.'}
-		</Text>
-	);
-}
-
-export function SyncDialogPattern() {
-	const [open, setOpen] = useState(false);
-	const [submitted, setSubmitted] = useState<SyncRangeDialogFormSubmit | null>(null);
-
-	return (
-		<SmartCard
-			title="Integration repair"
-			description="Launch a callback-owned sync flow from any page, card, or action menu."
-			headerEnd={<SubmittedState value={submitted} />}
-		>
-			<Button type="button" variant="primary" icon={RefreshCw} onClick={() => setOpen(true)}>
-				Open sync dialog
-			</Button>
-			<Dialog
-				open={open}
-				onOpenChange={setOpen}
-				title="Sync records"
-				description="Choose how far back the integration should reconcile records."
-				formId="sync-range-dialog-form"
-				size="lg"
-			>
-				<SyncRangeDialogForm
-					formId="sync-range-dialog-form"
-					options={rangeOptions}
-					syncOptions={syncOptions}
-					defaultHours="24"
-					strings={{
-						hoursLabel: 'Reconciliation window',
-						optionsLabel: 'Record scope',
-					}}
-					onSubmit={(values) => {
-						setSubmitted(values);
-						setOpen(false);
-					}}
-				/>
-			</Dialog>
-		</SmartCard>
-	);
-}
-
-export function InlineSyncForm() {
-	const [submitted, setSubmitted] = useState<SyncRangeDialogFormSubmit | null>(null);
-
-	return (
-		<SmartCard
-			title="Inline repair form"
-			description="Use the same form in a page section when the host app owns the submit button placement."
-			footerSlot={
-				<div className="flex items-center justify-between gap-3">
-					<SubmittedState value={submitted} />
-					<Button type="submit" form="inline-sync-range-form" variant="primary">
-						Run sync
-					</Button>
-				</div>
-			}
-			className="max-w-2xl"
-		>
-			<SyncRangeDialogForm
-				formId="inline-sync-range-form"
-				options={rangeOptions}
-				syncOptions={syncOptions}
-				defaultHours="6"
-				onSubmit={setSubmitted}
-				strings={{
-					hoursLabel: 'Repair window',
-					optionsLabel: 'Sync scope',
-				}}
-			/>
-		</SmartCard>
-	);
-}
-`;function F(e){let t={h4:`h4`,...e.components};return D||L(`Examples`,!1),N||L(`Examples.InlineSyncForm`,!0),M||L(`Examples.SyncDialogPattern`,!0),(0,T.jsxs)(r,{title:`Features · Sync`,description:`Reusable sync-range form for integration repair flows. The feature owns form state and validation wiring; consumers own dialog placement, submission, errors, and telemetry.`,layer:`features`,status:`ready`,sourcePath:`src/components/features/sync`,children:[(0,T.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,T.jsx)(s,{name:`SyncDialogPattern`,source:P,children:(0,T.jsx)(M,{})}),(0,T.jsx)(s,{name:`InlineSyncForm`,source:P,children:(0,T.jsx)(N,{})})]}),(0,T.jsxs)(a,{title:`API`,id:`api`,children:[(0,T.jsx)(t.h4,{children:`SyncRangeDialogForm`}),(0,T.jsx)(h,{component:`SyncRangeDialogForm`})]})]})}function I(e={}){let{wrapper:t}=e.components||{};return t?(0,T.jsx)(t,{...e,children:(0,T.jsx)(F,{...e})}):F(e)}function L(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{I as default};