admin-ui-starter-kit 0.6.9 → 0.7.0

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

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

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

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.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-BRTHJLPS.js

@@ -0,0 +1,49 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DLqBJGPH.js";import{t as r}from"./example-DDhaO2UY.js";import{d as i}from"./index-DSBghWdd.js";import{t as a}from"./props-table-CzpevabQ.js";import{t as o}from"./spinner-yQrc4KLG.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-RQ5TsGWE.js

@@ -0,0 +1,30 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DLqBJGPH.js";import{Er as r,t as i}from"./example-DDhaO2UY.js";import{d as a,n as o}from"./index-DSBghWdd.js";import{n as s}from"./PreviewLayout-ClbLOtTa.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/spinner-yQrc4KLG.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{T as n,p as r}from"./section-DLqBJGPH.js";import{d as i,n as a}from"./index-DSBghWdd.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/square-pen-wg5I0K5c.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.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-BGpGV4Is.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{p as t}from"./section-DLqBJGPH.js";import{d as n,n as r}from"./index-DSBghWdd.js";import{a as i,i as a,o,r as s,t as c}from"./avatar-CTFW3AQa.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-Ccv6TKPm.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.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-BslQvd9l.js

@@ -0,0 +1 @@
+import{T as e}from"./index-DSBghWdd.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-CMmKOMCT.js

@@ -0,0 +1 @@
+import{d as e}from"./index-DSBghWdd.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--A7bRqHY.js

@@ -0,0 +1,126 @@
+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-DLqBJGPH.js";import{t as s}from"./building-2-DCSQxFoC.js";import{r as c,t as l}from"./example-DDhaO2UY.js";import{N as u,a as d,d as f,n as p}from"./index-DSBghWdd.js";import{t as m}from"./props-table-CzpevabQ.js";import{c as h,i as g,r as _,t as v,u as y}from"./item-D5xwkRvf.js";import{t as b}from"./enhanced-combobox-B9cjPsF6.js";import{t as x}from"./input-Bq9vs-9_.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/support-rail-b2WhhyFB.js

@@ -0,0 +1,26 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DLqBJGPH.js";import{t as r}from"./example-DDhaO2UY.js";import{c as i,r as a}from"./fixtures-yK2xR5Qs.js";import{d as o}from"./index-DSBghWdd.js";import{t as s}from"./props-table-CzpevabQ.js";import{a as c,i as l,n as u,r as d,t as f}from"./product-structure-card-CFqufBoJ.js";var p=e({ProductSupportRail:()=>h}),m=o();function h(){let e=i();return(0,m.jsx)(a,{children:(0,m.jsxs)(`div`,{className:`grid w-full gap-4 lg:grid-cols-2`,children:[(0,m.jsx)(u,{...e.readiness}),(0,m.jsx)(f,{...e.structure}),(0,m.jsx)(c,{...e.operations}),(0,m.jsx)(d,{...e.quote}),(0,m.jsx)(l,{...e.policies})]})})}var g=`import {
+	ProductOperationsCard,
+	ProductPoliciesCard,
+	ProductQuotePreviewCard,
+	ProductReadinessCard,
+	ProductStructureCard,
+} from '@/components/features/products';
+
+import { ProductPreviewViewport, railProps } from './fixtures';
+
+export function ProductSupportRail() {
+	const rail = railProps();
+
+	return (
+		<ProductPreviewViewport>
+			<div className="grid w-full gap-4 lg:grid-cols-2">
+				<ProductReadinessCard {...rail.readiness} />
+				<ProductStructureCard {...rail.structure} />
+				<ProductOperationsCard {...rail.operations} />
+				<ProductQuotePreviewCard {...rail.quote} />
+				<ProductPoliciesCard {...rail.policies} />
+			</div>
+		</ProductPreviewViewport>
+	);
+}
+`;function _(e){let i={h4:`h4`,...e.components};return p||y(`Examples`,!1),h||y(`Examples.ProductSupportRail`,!0),(0,m.jsxs)(t,{title:`Features · Products · Support Rail`,description:`Secondary product cards for readiness, structure, operations, quote preview, and policies.`,layer:`features`,status:`ready`,sourcePath:`src/components/features/products`,children:[(0,m.jsx)(n,{title:`Rail cards`,id:`rail-cards`,children:(0,m.jsx)(r,{name:`ProductSupportRail`,source:g,children:(0,m.jsx)(h,{})})}),(0,m.jsxs)(n,{title:`API`,id:`api`,children:[(0,m.jsx)(i.h4,{children:`ProductReadinessCard`}),(0,m.jsx)(s,{component:`ProductReadinessCard`}),(0,m.jsx)(i.h4,{children:`ProductStructureCard`}),(0,m.jsx)(s,{component:`ProductStructureCard`}),(0,m.jsx)(i.h4,{children:`ProductOperationsCard`}),(0,m.jsx)(s,{component:`ProductOperationsCard`}),(0,m.jsx)(i.h4,{children:`ProductQuotePreviewCard`}),(0,m.jsx)(s,{component:`ProductQuotePreviewCard`}),(0,m.jsx)(i.h4,{children:`ProductPoliciesCard`}),(0,m.jsx)(s,{component:`ProductPoliciesCard`})]})]})}function v(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.jsx)(_,{...e})}):_(e)}function y(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{v as default};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n,n as r}from"./index-DSBghWdd.js";import{t as i}from"./switch-DY-b3cEd.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-DY-b3cEd.js

@@ -0,0 +1 @@
+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-DDhaO2UY.js";import{d as ce,n as s}from"./index-DSBghWdd.js";import{t as c}from"./useControlled-BHUji6Sp.js";import{t as l}from"./useValueChanged-BjYsvuOC.js";import{c as u,n as d,o as f,r as p,t as m}from"./LabelableContext-Bfc22fLa.js";import{t as h}from"./useLabelableId-Dx_-xVBr.js";import{t as g}from"./useAriaLabelledBy-Bl2oGr7T.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/switch-card-C-Q3eon2.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n}from"./section-DLqBJGPH.js";import{d as r,n as i}from"./index-DSBghWdd.js";import{t as a}from"./label-NSapdBaB.js";import{t as o}from"./switch-DY-b3cEd.js";var s=e(t(),1),c=r();function l({label:e,description:t,hint:r,icon:l,name:u,value:d,defaultValue:f,onChange:p,disabled:m=!1,invalid:h,className:g}){let _=d!==void 0,[v,y]=(0,s.useState)(f??!1),b=_?d??!1:v,x=(0,s.useId)(),S=(0,s.useMemo)(()=>u??x,[u,x]),C=typeof t==`string`&&t.trim()!==``,w=C?`${S}-description`:void 0,T=(0,s.useCallback)(e=>{m||(_||y(e),p?.(e))},[m,_,p]),E=(0,s.useCallback)(e=>{e.target.closest(`[role="switch"]`)||T(!b)},[b,T]);return(0,c.jsxs)(`div`,{"aria-invalid":h||void 0,onClick:E,className:i(`switch-card--component`,`group relative flex items-start gap-3 rounded-lg border bg-card p-4 transition-[background,border-color,box-shadow] duration-150`,`border-border`,b&&`border-primary bg-primary/[0.04]`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,!m&&`cursor-pointer hover:border-foreground/20 hover:bg-muted/30`,m&&`cursor-not-allowed opacity-50`,g),children:[!!u&&(0,c.jsx)(`input`,{type:`hidden`,name:u,value:b?`1`:`0`,"aria-hidden":`true`}),!!l&&(0,c.jsx)(`span`,{className:i(`mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-md transition-colors`,b?`bg-primary/10 text-primary`:`bg-muted/50 text-muted-foreground group-hover:bg-muted group-hover:text-foreground`),children:(0,c.jsx)(l,{className:`size-4`})}),(0,c.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-0.5`,children:[(0,c.jsx)(a,{htmlFor:S,className:i(`block font-semibold tracking-tight`,m?`cursor-not-allowed`:`cursor-pointer`),children:e}),!!C&&(0,c.jsx)(n,{type:`secondary`,className:`leading-snug`,children:t}),!!r&&(0,c.jsx)(n,{size:`xs`,type:`discrete`,className:`leading-snug`,children:r})]}),(0,c.jsx)(`div`,{className:`mt-1 flex shrink-0 items-center`,children:(0,c.jsx)(o,{id:S,checked:b,onCheckedChange:e=>T(e),disabled:m,"aria-label":e,"aria-describedby":w})}),!!C&&(0,c.jsx)(`span`,{id:`${S}-description`,className:`sr-only`,children:t})]})}l.displayName=`SwitchCard`;export{l as t};

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

@@ -0,0 +1,124 @@
+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-DLqBJGPH.js";import{r as o,t as s}from"./example-DDhaO2UY.js";import{t as c}from"./clock-3-B7Fa1qg-.js";import{t as l}from"./database-KGU1LGqB.js";import{t as u}from"./receipt-text-866Msgc2.js";import{t as d}from"./refresh-cw-Crg4uqw8.js";import{N as f,d as p,n as m}from"./index-DSBghWdd.js";import{t as h}from"./props-table-CzpevabQ.js";import{t as g}from"./label-NSapdBaB.js";import{t as _}from"./smart-card-BA097ZGN.js";import{i as v,t as y}from"./index.esm-BXmcbSs7.js";import{t as b}from"./card-radio-group-DaiWsziy.js";import{t as x}from"./card-checkbox-group-DN7Ui724.js";import{t as S}from"./dialog-DeXQn0Lm.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)(b,{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)(x,{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};