@sth87/shadcn-design-system 0.1.9 → 0.2.0

package/dist/cjs/components/ContextMenu/ContextMenu.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),N=require("react"),s=require("../../packages/ui/src/components/context-menu.cjs"),a=require("../../packages/ui/src/lib/utils.cjs"),h=N.forwardRef((x,C)=>{const{onOpenChange:c,modal:o=!1,children:t,trigger:u,content:d,items:l,className:b,contentClassName:M,triggerClassName:j}=x;if(t)return n.jsx(s.ContextMenu,{onOpenChange:c,modal:o,children:t});const r=k=>k.map(e=>{switch(e.type){case"separator":return n.jsx(s.ContextMenuSeparator,{},e.key);case"label":return n.jsx(s.ContextMenuLabel,{inset:e.inset,className:e.className,children:e.label},e.key);case"group":return n.jsxs(s.ContextMenuGroup,{children:[e.label&&n.jsx(s.ContextMenuLabel,{children:e.label}),r(e.children)]},e.key);case"checkbox":return n.jsxs(s.ContextMenuCheckboxItem,{checked:e.checked,disabled:e.disabled,className:e.className,onCheckedChange:e.onCheckedChange,children:[e.icon,e.label,e.shortcut&&n.jsx(s.ContextMenuShortcut,{children:e.shortcut})]},e.key);case"radio":return n.jsx(s.ContextMenuRadioGroup,{value:e.value||e.group,children:n.jsxs(s.ContextMenuRadioItem,{value:e.value||e.key,disabled:e.disabled,onClick:e.onClick,className:e.className,children:[e.icon,e.label,e.shortcut&&n.jsx(s.ContextMenuShortcut,{children:e.shortcut})]})},e.key);default:return e.children&&e.children.length>0?n.jsxs(s.ContextMenuSub,{children:[n.jsxs(s.ContextMenuSubTrigger,{disabled:e.disabled,className:a.cn(e.disabled?"ds:opacity-50 ds:cursor-not-allowed":"",e.className),children:[e.icon,e.label]}),n.jsx(s.ContextMenuSubContent,{children:r(e.children)})]},e.key):n.jsxs(s.ContextMenuItem,{disabled:e.disabled,variant:e.variant,onClick:e.onClick,className:e.className,children:[e.icon,e.label,e.shortcut&&n.jsx(s.ContextMenuShortcut,{children:e.shortcut})]},e.key)}}),i=u?n.jsx(s.ContextMenuTrigger,{asChild:!0,className:a.cn(j),children:u}):null,g=d||l?n.jsxs(s.ContextMenuContent,{ref:C,className:a.cn(b,M),children:[d,l&&r(l)]}):null;return n.jsxs(s.ContextMenu,{onOpenChange:c,modal:o,children:[i,g]})});h.displayName="ContextMenu";exports.default=h;
-//# sourceMappingURL=ContextMenu.cjs.map

package/dist/cjs/components/ContextMenu/index.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ContextMenu.cjs"),t=require("../../packages/ui/src/components/context-menu.cjs"),n=Object.assign(e.default,{Root:t.ContextMenu,Portal:t.ContextMenuPortal,Trigger:t.ContextMenuTrigger,Content:t.ContextMenuContent,Group:t.ContextMenuGroup,Label:t.ContextMenuLabel,Item:t.ContextMenuItem,CheckboxItem:t.ContextMenuCheckboxItem,RadioGroup:t.ContextMenuRadioGroup,RadioItem:t.ContextMenuRadioItem,Separator:t.ContextMenuSeparator,Shortcut:t.ContextMenuShortcut,Sub:t.ContextMenuSub,SubTrigger:t.ContextMenuSubTrigger,SubContent:t.ContextMenuSubContent});exports.ContextMenu=n;
-//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Cropper/Cropper.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react/jsx-runtime"),ce=require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const Y=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");const Xe=require("react");require("lucide-react");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const be=require("../../packages/ui/src/lib/compose-refs.cjs"),ke=require("class-variance-authority");function Ye(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const c in o)if(c!=="default"){const b=Object.getOwnPropertyDescriptor(o,c);Object.defineProperty(t,c,b.get?b:{enumerable:!0,get:()=>o[c]})}}return t.default=o,Object.freeze(t)}const i=Ye(Xe),Le="Cropper",Re="CropperContent",ve="CropperImage",Me="CropperVideo",Ue="CropperArea",K=200,te=typeof window<"u"&&window.devicePixelRatio||1,ze=new Map,Pe=new Map,oe=new Map,re=new Map;function we(o,t,c){return Math.min(Math.max(o,t),c)}function E(o,t=2/te){return Math.round(o/t)*t}function ne(o,t=4/te){return Math.round(o/t)*t}function je(o,t=.01){return Math.round(o/t)*t}function ae(o,t=1){return Math.round(o/t)*t}function se(o){return Math.round(o*te)/te}function ue(o,t){const c=o.get(t);return c!==void 0&&(o.delete(t),o.set(t,c)),c}function le(o,t,c,b=K){if(o.has(t)&&o.delete(t),o.set(t,c),o.size>b){const d=o.keys().next().value;d!==void 0&&o.delete(d)}}function qe(o,t){return Math.sqrt((o.y-t.y)**2+(o.x-t.x)**2)}function Ee(o,t){return{x:(t.x+o.x)*.5,y:(t.y+o.y)*.5}}function Ae(o,t){return Math.atan2(t.y-o.y,t.x-o.x)*180/Math.PI}function Je(o){return o*Math.PI/180}function ie(o,t,c){const b=`${E(o)}-${E(t)}-${ae(c)}`,d=ue(ze,b);if(d)return d;const a=Je(c),r=Math.cos(a),m=Math.sin(a),s={width:Math.abs(r*o)+Math.abs(m*t),height:Math.abs(m*o)+Math.abs(r*t)};return le(ze,b,s,K),s}function Qe(o,t,c,b,d,a=0){const r=`${E(o,8)}-${E(t,8)}-${E(c,8)}-${E(b,8)}-${E(d,.01)}-${ae(a)}`,m=ue(Pe,r);if(m)return m;const{width:s,height:f}=ie(o,t,a),g=Math.min(s,c),u=Math.min(f,b),C=g>u*d?{width:u*d,height:u}:{width:g,height:g/d};return le(Pe,r,C,K),C}function H(o,t,c,b,d=0){const a=ne(o.x),r=ne(o.y),m=`${a}-${r}-${E(t.width)}-${E(t.height)}-${E(c.width)}-${E(c.height)}-${je(b)}-${ae(d)}`,s=ue(re,m);if(s)return s;const{width:f,height:g}=ie(t.width,t.height,d),u=f*b*.5-c.width*.5,C=g*b*.5-c.height*.5,p={x:we(o.x,-u,u),y:we(o.y,-C,C)};return le(re,m,p,K),p}function $e(o,t,c,b,d,a=0,r=!1){const m=`${ne(o.x)}-${ne(o.y)}-${E(t.width)}-${E(t.height)}-${E(t.naturalWidth)}-${E(t.naturalHeight)}-${E(c.width)}-${E(c.height)}-${E(b,.01)}-${je(d)}-${ae(a)}-${r}`,s=ue(oe,m);if(s)return s;const f=r?(y,l)=>l:(y,l)=>Math.min(y,Math.max(0,l)),g=ie(t.width,t.height,a),u=ie(t.naturalWidth,t.naturalHeight,a),C={x:f(100,((g.width-c.width/d)/2-o.x/d)/g.width*100),y:f(100,((g.height-c.height/d)/2-o.y/d)/g.height*100),width:f(100,c.width/g.width*100/d),height:f(100,c.height/g.height*100/d)},p=Math.round(f(u.width,C.width*u.width/100)),S=Math.round(f(u.height,C.height*u.height/100)),M=u.width>=u.height*b?{width:Math.round(S*b),height:S}:{width:p,height:Math.round(p/b)},n={...M,x:Math.round(f(u.width-M.width,C.x*u.width/100)),y:Math.round(f(u.height-M.height,C.y*u.height/100))},h={croppedAreaPercentages:C,croppedAreaPixels:n};return le(oe,m,h,K),h}function De(o){const t=i.useRef(null);return t.current===null&&(t.current=o()),t}const et=typeof window<"u"?i.useLayoutEffect:i.useEffect;function tt(o,t,c,b,d,a,r,m,s,f,g,u,C){let p=!1,S=null;function A(){S==null&&(S=requestAnimationFrame(()=>{S=null;const n=t.current;if(n?.mediaSize&&n.cropSize&&r){const{croppedAreaPercentages:h,croppedAreaPixels:y}=$e(n.crop,n.mediaSize,n.cropSize,c,n.zoom,n.rotation,b);r(h,y)}}))}const M={subscribe:n=>o.current?(o.current.add(n),()=>o.current?.delete(n)):()=>{},getState:()=>t.current??{crop:{x:0,y:0},zoom:1,rotation:0,mediaSize:null,cropSize:null,isDragging:!1,isWheelZooming:!1},setState:(n,h)=>{const y=t.current;if(!(!y||Object.is(y[n],h))){if(y[n]=h,n==="crop"&&typeof h=="object"&&h&&"x"in h)d?.(h);else if(n==="zoom"&&typeof h=="number")s?.(h);else if(n==="rotation"&&typeof h=="number")f?.(h);else if(n==="cropSize"&&typeof h=="object"&&h&&"width"in h)a?.(h);else if(n==="mediaSize"&&typeof h=="object"&&h&&"naturalWidth"in h)g?.(h);else if(n==="isDragging")if(h)u?.();else{C?.();const l=t.current;if(l?.mediaSize&&l.cropSize&&m){const{croppedAreaPercentages:z,croppedAreaPixels:q}=$e(l.crop,l.mediaSize,l.cropSize,c,l.zoom,l.rotation,b);m(z,q)}}(n==="crop"||n==="zoom"||n==="rotation"||n==="mediaSize"||n==="cropSize")&&r&&A(),p||M.notify()}},notify:()=>{if(o.current)for(const n of o.current)n()},batch:n=>{if(p){n();return}p=!0;try{n()}finally{p=!1,M.notify()}}};return M}const Ze=i.createContext(null);function de(o){const t=i.useContext(Ze);if(!t)throw new Error(`\`${o}\` must be used within \`${Le}\``);return t}function k(o){const t=de("useStore"),c=i.useCallback(()=>o(t.getState()),[t,o]);return i.useSyncExternalStore(t.subscribe,c,c)}const Oe=i.createContext(null);function fe(o){const t=i.useContext(Oe);if(!t)throw new Error(`\`${o}\` must be used within \`${Le}\``);return t}function Te(o){const{crop:t={x:0,y:0},zoom:c=1,minZoom:b=1,maxZoom:d=3,zoomSpeed:a=1,rotation:r=0,keyboardStep:m=1,aspectRatio:s=4/3,shape:f="rectangle",objectFit:g="contain",allowOverflow:u=!1,preventScrollZoom:C=!1,withGrid:p=!1,onCropChange:S,onCropSizeChange:A,onCropAreaChange:M,onCropComplete:n,onZoomChange:h,onRotationChange:y,onMediaLoaded:l,onInteractionStart:z,onInteractionEnd:q,className:Z,...$}=o,B=De(()=>new Set),T=De(()=>({crop:t,zoom:c,rotation:r,mediaSize:null,cropSize:null,isDragging:!1,isWheelZooming:!1})),L=i.useRef(null),D=i.useMemo(()=>tt(B,T,s,u,S,A,M,n,h,y,l,z,q),[B,T,s,u,S,A,M,n,h,y,l,z,q]);et(()=>{const I={};let _=!1,O=!1;if(t!==void 0){const R=D.getState();Object.is(R.crop,t)||(I.crop=t,_=!0)}c!==void 0&&D.getState().zoom!==c&&(I.zoom=c,_=!0,O=!0),r!==void 0&&D.getState().rotation!==r&&(I.rotation=r,_=!0,O=!0),_&&(D.batch(()=>{Object.entries(I).forEach(([R,j])=>{D.setState(R,j)})}),O&&L.current&&requestAnimationFrame(()=>{const R=D.getState();if(R.cropSize&&R.mediaSize){const j=u?R.crop:H(R.crop,R.mediaSize,R.cropSize,R.zoom,R.rotation);(Math.abs(j.x-R.crop.x)>.001||Math.abs(j.y-R.crop.y)>.001)&&D.setState("crop",j)}}))},[t,c,r,D,u]);const U=i.useMemo(()=>({minZoom:b,maxZoom:d,zoomSpeed:a,keyboardStep:m,aspectRatio:s,shape:f,objectFit:g,preventScrollZoom:C,allowOverflow:u,withGrid:p,rootRef:L}),[b,d,a,m,s,f,g,C,u,p]);return W.jsx(Ze.Provider,{value:D,children:W.jsx(Oe.Provider,{value:U,children:W.jsx("div",{"data-slot":"cropper-wrapper",className:Y.cn("ds:relative ds:size-full ds:overflow-hidden",Z),children:W.jsx(ot,{...$})})})})}function ot(o){const{className:t,asChild:c,ref:b,...d}=o,a=fe(Re),r=de(Re),m=k(e=>e.crop),s=k(e=>e.zoom),f=k(e=>e.rotation),g=k(e=>e.mediaSize),u=k(e=>e.cropSize),C=be.useComposedRefs(b,a.rootRef),p=i.useRef({x:0,y:0}),S=i.useRef({x:0,y:0}),A=i.useRef({x:0,y:0}),M=i.useRef(0),n=i.useRef(0),h=i.useRef(null),y=i.useRef(null),l=i.useRef(null),z=i.useRef(!1),q=i.useRef(0),Z=i.useRef(0),$=i.useCallback(()=>{h.current&&(cancelAnimationFrame(h.current),h.current=null),y.current&&(cancelAnimationFrame(y.current),y.current=null),l.current&&(clearTimeout(l.current),l.current=null),z.current=!1},[]),B=i.useCallback(()=>{re.size>K*1.5&&re.clear(),oe.size>K*1.5&&oe.clear()},[]),T=i.useCallback(e=>({x:Number(e.clientX),y:Number(e.clientY)}),[]),L=i.useCallback(e=>({x:Number(e.clientX),y:Number(e.clientY)}),[]),D=i.useCallback(()=>{if(a.rootRef?.current){const e=a.rootRef.current.getBoundingClientRect();A.current={x:e.left,y:e.top}}},[a.rootRef]),U=i.useCallback(({x:e,y:w},v)=>{if(!a.rootRef?.current)return{x:0,y:0};const x=a.rootRef.current.getBoundingClientRect();return{x:x.width/2-(e-v.x),y:x.height/2-(w-v.y)}},[a.rootRef]),I=i.useCallback(({x:e,y:w})=>({x:(e+m.x)/s,y:(w+m.y)/s}),[m,s]),_=i.useCallback(()=>{if(!u||!g)return;const e=a.allowOverflow?m:H(m,g,u,s,f);(Math.abs(e.x-m.x)>.001||Math.abs(e.y-m.y)>.001)&&r.setState("crop",e)},[u,g,a.allowOverflow,m,s,f,r]),O=i.useCallback((e,w,v=!0)=>{if(!u||!g)return;const x=we(e,a.minZoom,a.maxZoom);r.batch(()=>{if(v){const P=U(w,A.current),N=I(P),F={x:N.x*x-P.x,y:N.y*x-P.y},ee=a.allowOverflow?F:H(F,g,u,x,f);r.setState("crop",ee)}r.setState("zoom",x)}),requestAnimationFrame(()=>{_()})},[u,g,a.minZoom,a.maxZoom,a.allowOverflow,U,I,f,r,_]),R=i.useCallback(({x:e,y:w})=>{p.current={x:e,y:w},S.current={...m},r.setState("isDragging",!0)},[m,r]),j=i.useCallback(({x:e,y:w})=>{h.current&&cancelAnimationFrame(h.current),h.current=requestAnimationFrame(()=>{if(!u||!g||e===void 0||w===void 0)return;const v=e-p.current.x,x=w-p.current.y;if(Math.abs(v)<2&&Math.abs(x)<2)return;const P={x:S.current.x+v,y:S.current.y+x},N=a.allowOverflow?P:H(P,g,u,s,f),F=r.getState().crop;(Math.abs(N.x-F.x)>1||Math.abs(N.y-F.y)>1)&&r.setState("crop",N)})},[u,g,a.allowOverflow,s,f,r]),J=i.useCallback(e=>j(T(e)),[T,j]),Q=i.useCallback(e=>{if(e.preventDefault(),e.touches.length===2){const[w,v]=e.touches??[];if(w&&v){const x=L(w),P=L(v),N=Ee(x,P);j(N),y.current&&cancelAnimationFrame(y.current),y.current=requestAnimationFrame(()=>{const F=qe(x,P),ee=F/M.current;if(Math.abs(ee-1)>.01){const pe=s*ee;O(pe,N,!1),M.current=F}const Ce=Ae(x,P),ye=Ce-n.current;if(Math.abs(ye)>.5){const pe=f+ye;r.setState("rotation",pe),n.current=Ce}})}}else if(e.touches.length===1){const w=e.touches[0];w&&j(L(w))}},[L,j,s,O,f,r]),V=i.useCallback(e=>{if(e.preventDefault(),z.current)return;const w={x:Number(e.clientX),y:Number(e.clientY)},v=q.current-1+e.scale;O(v,w,!0);const x=Z.current+e.rotation;r.setState("rotation",x)},[O,r]),X=i.useCallback(()=>{document.removeEventListener("gesturechange",V),document.removeEventListener("gestureend",X)},[V]),he=i.useCallback(e=>{e.preventDefault(),document.addEventListener("gesturechange",V),document.addEventListener("gestureend",X),q.current=s,Z.current=f},[s,f,V,X]),me=i.useCallback(e=>e.preventDefault(),[]),Se=i.useCallback(()=>{document.removeEventListener("mousemove",J),document.removeEventListener("touchmove",Q),document.removeEventListener("gesturechange",V),document.removeEventListener("gestureend",X)},[J,Q,V,X]),G=i.useCallback(()=>{z.current=!1,r.setState("isDragging",!1),$(),document.removeEventListener("mouseup",G),document.removeEventListener("touchend",G),Se()},[r,Se,$]),xe=i.useCallback(e=>{let w=e.deltaX,v=e.deltaY,x=e.deltaZ;return e.deltaMode===1?(w*=16,v*=16,x*=16):e.deltaMode===2&&(w*=400,v*=400,x*=400),{deltaX:w,deltaY:v,deltaZ:x}},[]),ge=i.useCallback(e=>{if(d.onWheelZoom?.(e),e.defaultPrevented)return;e.preventDefault();const w=T(e),{deltaY:v}=xe(e),x=s-v*a.zoomSpeed/200;O(x,w,!0),r.batch(()=>{const P=r.getState();P.isWheelZooming||r.setState("isWheelZooming",!0),P.isDragging||r.setState("isDragging",!0)}),l.current&&clearTimeout(l.current),l.current=window.setTimeout(()=>{r.batch(()=>{r.setState("isWheelZooming",!1),r.setState("isDragging",!1)})},250)},[d.onWheelZoom,T,s,a.zoomSpeed,O,xe,r]),Ke=i.useCallback(e=>{if(d.onKeyUp?.(e),e.defaultPrevented)return;new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]).has(e.key)&&(e.preventDefault(),r.setState("isDragging",!1))},[d.onKeyUp,r]),Ve=i.useCallback(e=>{if(d.onKeyDown?.(e),e.defaultPrevented||!u||!g)return;let w=a.keyboardStep;e.shiftKey&&(w*=.2);const x={ArrowUp:()=>({...m,y:m.y-w}),ArrowDown:()=>({...m,y:m.y+w}),ArrowLeft:()=>({...m,x:m.x-w}),ArrowRight:()=>({...m,x:m.x+w})}[e.key];if(!x)return;e.preventDefault();let P=x();a.allowOverflow||(P=H(P,g,u,s,f)),e.repeat||r.setState("isDragging",!0),r.setState("crop",P)},[d.onKeyDown,u,g,a.keyboardStep,a.allowOverflow,m,s,f,r]),Ge=i.useCallback(e=>{d.onMouseDown?.(e),!e.defaultPrevented&&(e.preventDefault(),document.addEventListener("mousemove",J),document.addEventListener("mouseup",G),D(),R(T(e)))},[d.onMouseDown,T,R,G,J,D]),He=i.useCallback(e=>{if(d.onTouchStart?.(e),!e.defaultPrevented){if(z.current=!0,document.addEventListener("touchmove",Q,{passive:!1}),document.addEventListener("touchend",G),D(),e.touches.length===2){const[w,v]=e.touches?Array.from(e.touches):[];if(w&&v){const x=L(w),P=L(v);M.current=qe(x,P),n.current=Ae(x,P),R(Ee(x,P))}}else if(e.touches.length===1){const w=e.touches[0];w&&R(L(w))}}},[d.onTouchStart,G,Q,D,L,R]);i.useEffect(()=>{const e=a.rootRef?.current;if(e)return a.preventScrollZoom||e.addEventListener("wheel",ge,{passive:!1}),e.addEventListener("gesturestart",me),e.addEventListener("gesturestart",he),()=>{a.preventScrollZoom||e.removeEventListener("wheel",ge),e.removeEventListener("gesturestart",me),e.removeEventListener("gesturestart",he),$()}},[a.rootRef,a.preventScrollZoom,ge,$,me,he]),i.useEffect(()=>()=>{$(),B()},[$,B]);const Be=c?ce.Slot:"div";return W.jsx(Be,{"data-slot":"cropper",tabIndex:0,...d,ref:C,className:Y.cn("ds:absolute ds:inset-0 ds:flex ds:cursor-move ds:touch-none ds:select-none ds:items-center ds:justify-center ds:overflow-hidden ds:outline-none",t),onKeyUp:Ke,onKeyDown:Ve,onMouseDown:Ge,onTouchStart:He})}const Ne=ke.cva("ds:will-change-transform",{variants:{objectFit:{contain:"ds:absolute ds:inset-0 ds:m-auto ds:max-h-full ds:max-w-full",cover:"ds:h-auto ds:w-full","horizontal-cover":"ds:h-auto ds:w-full","vertical-cover":"ds:h-full ds:w-auto"}},defaultVariants:{objectFit:"contain"}});function Fe({mediaRef:o,context:t,store:c,rotation:b,getNaturalDimensions:d}){return{computeSizes:i.useCallback(()=>{const r=o.current,m=t.rootRef?.current;if(!r||!m)return;const s=m.getBoundingClientRect(),f=s.width/s.height,{width:g,height:u}=d(r),C=r.offsetWidth<g||r.offsetHeight<u,p=g/u;let S;if(C){const h={contain:()=>f>p?{width:s.height*p,height:s.height}:{width:s.width,height:s.width/p},"horizontal-cover":()=>({width:s.width,height:s.width/p}),"vertical-cover":()=>({width:s.height*p,height:s.height}),cover:()=>f<p?{width:s.width,height:s.width/p}:{width:s.height*p,height:s.height}}[t.objectFit];S=h?h():f>p?{width:s.height*p,height:s.height}:{width:s.width,height:s.width/p}}else S={width:r.offsetWidth,height:r.offsetHeight};const A={...S,naturalWidth:g,naturalHeight:u};c.setState("mediaSize",A);const M=Qe(A.width,A.height,s.width,s.height,t.aspectRatio,b);return c.setState("cropSize",M),requestAnimationFrame(()=>{const n=c.getState();if(n.cropSize&&n.mediaSize){const h=H(n.crop,n.mediaSize,n.cropSize,n.zoom,n.rotation);(Math.abs(h.x-n.crop.x)>.001||Math.abs(h.y-n.crop.y)>.001)&&c.setState("crop",h)}}),{mediaSize:A,cropSize:M}},[o,t.aspectRatio,t.rootRef,t.objectFit,c,b,d])}}function We(o){const{className:t,style:c,asChild:b,ref:d,onLoad:a,objectFit:r,snapPixels:m=!1,...s}=o,f=fe(ve),g=de(ve),u=k(l=>l.crop),C=k(l=>l.zoom),p=k(l=>l.rotation),S=i.useRef(null),A=be.useComposedRefs(d,S),M=i.useCallback(l=>({width:l.naturalWidth,height:l.naturalHeight}),[]),{computeSizes:n}=Fe({mediaRef:S,context:f,store:g,rotation:p,getNaturalDimensions:M}),h=i.useCallback(()=>{S.current&&(n(),a?.(new Event("load")))},[n,a]);i.useEffect(()=>{const l=S.current;l?.complete&&l.naturalWidth>0&&h()},[h]),i.useEffect(()=>{const l=f.rootRef?.current;if(l)if(typeof ResizeObserver<"u"){let z=!0;const q=new ResizeObserver(()=>{if(z){z=!1;return}const Z=()=>{const $=S.current;$?.complete&&$.naturalWidth>0&&n()};"requestIdleCallback"in window?requestIdleCallback(Z):setTimeout(Z,16)});return q.observe(l),()=>{q.disconnect()}}else{const z=()=>{const q=S.current;q?.complete&&q.naturalWidth>0&&n()};return window.addEventListener("resize",z),()=>{window.removeEventListener("resize",z)}}},[f.rootRef,n]);const y=b?ce.Slot:"img";return W.jsx(y,{"data-slot":"cropper-image",...s,ref:A,className:Y.cn(Ne({objectFit:r??f.objectFit,className:t})),style:{transform:m?`translate(${se(u.x)}px, ${se(u.y)}px) rotate(${p}deg) scale(${C})`:`translate(${u.x}px, ${u.y}px) rotate(${p}deg) scale(${C})`,...c},onLoad:h})}function Ie(o){const{className:t,style:c,asChild:b,ref:d,onLoadedMetadata:a,objectFit:r,snapPixels:m=!1,...s}=o,f=fe(Me),g=de(Me),u=k(l=>l.crop),C=k(l=>l.zoom),p=k(l=>l.rotation),S=i.useRef(null),A=be.useComposedRefs(d,S),M=i.useCallback(l=>({width:l.videoWidth,height:l.videoHeight}),[]),{computeSizes:n}=Fe({mediaRef:S,context:f,store:g,rotation:p,getNaturalDimensions:M}),h=i.useCallback(()=>{S.current&&(n(),a?.(new Event("loadedmetadata")))},[n,a]);i.useEffect(()=>{const l=f.rootRef?.current;if(l)if(typeof ResizeObserver<"u"){let z=!0;const q=new ResizeObserver(()=>{if(z){z=!1;return}const Z=()=>{const $=S.current;$&&$.videoWidth>0&&$.videoHeight>0&&n()};"requestIdleCallback"in window?requestIdleCallback(Z):setTimeout(Z,16)});return q.observe(l),()=>{q.disconnect()}}else{const z=()=>{const q=S.current;q&&q.videoWidth>0&&q.videoHeight>0&&n()};return window.addEventListener("resize",z),()=>{window.removeEventListener("resize",z)}}},[f.rootRef,n]);const y=b?ce.Slot:"video";return W.jsx(y,{"data-slot":"cropper-video",autoPlay:!0,playsInline:!0,loop:!0,muted:!0,controls:!1,...s,ref:A,className:Y.cn(Ne({objectFit:r??f.objectFit,className:t})),style:{transform:m?`translate(${se(u.x)}px, ${se(u.y)}px) rotate(${p}deg) scale(${C})`:`translate(${u.x}px, ${u.y}px) rotate(${p}deg) scale(${C})`,...c},onLoadedMetadata:h})}const rt=ke.cva("ds:-translate-x-1/2 ds:-translate-y-1/2 ds:absolute ds:top-1/2 ds:left-1/2 ds:box-border ds:overflow-hidden ds:border ds:border-[2.5px] ds:border-white/90 ds:shadow-[0_0_0_9999em_rgba(0,0,0,0.5)]",{variants:{shape:{rectangle:"",circle:"ds:rounded-full"},withGrid:{true:"ds:before:absolute ds:before:top-0 ds:before:right-1/3 ds:before:bottom-0 ds:before:left-1/3 ds:before:box-border ds:before:border ds:before:border-white/50 ds:before:border-t-0 ds:before:border-b-0 ds:before:content-[''] ds:after:absolute ds:after:top-1/3 ds:after:right-0 ds:after:bottom-1/3 ds:after:left-0 ds:after:box-border ds:after:border ds:after:border-white/50 ds:after:border-r-0 ds:after:border-l-0 ds:after:content-['']",false:""}},defaultVariants:{shape:"rectangle",withGrid:!1}});function _e(o){const{className:t,style:c,asChild:b,ref:d,snapPixels:a=!1,shape:r,withGrid:m,...s}=o,f=fe(Ue),g=k(C=>C.cropSize);if(!g)return null;const u=b?ce.Slot:"div";return W.jsx(u,{"data-slot":"cropper-area",...s,ref:d,className:Y.cn(rt({shape:r??f.shape,withGrid:m??f.withGrid,className:t})),style:{width:a?Math.round(g.width):g.width,height:a?Math.round(g.height):g.height,...c}})}exports.Area=_e;exports.Cropper=Te;exports.CropperArea=_e;exports.CropperImage=We;exports.CropperVideo=Ie;exports.Image=We;exports.Root=Te;exports.Video=Ie;exports.useCropper=k;
-//# sourceMappingURL=Cropper.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react/jsx-runtime"),Y=require("../../packages/ui/src/lib/utils.cjs"),ce=require("@radix-ui/react-slot"),be=require("../../packages/ui/src/lib/compose-refs.cjs"),Le=require("class-variance-authority"),Xe=require("react");function Ye(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const c in o)if(c!=="default"){const b=Object.getOwnPropertyDescriptor(o,c);Object.defineProperty(t,c,b.get?b:{enumerable:!0,get:()=>o[c]})}}return t.default=o,Object.freeze(t)}const i=Ye(Xe),je="Cropper",Re="CropperContent",ve="CropperImage",Me="CropperVideo",Ue="CropperArea",K=200,te=typeof window<"u"&&window.devicePixelRatio||1,ze=new Map,Pe=new Map,oe=new Map,ne=new Map;function we(o,t,c){return Math.min(Math.max(o,t),c)}function A(o,t=2/te){return Math.round(o/t)*t}function re(o,t=4/te){return Math.round(o/t)*t}function Ze(o,t=.01){return Math.round(o/t)*t}function ae(o,t=1){return Math.round(o/t)*t}function se(o){return Math.round(o*te)/te}function ue(o,t){const c=o.get(t);return c!==void 0&&(o.delete(t),o.set(t,c)),c}function le(o,t,c,b=K){if(o.has(t)&&o.delete(t),o.set(t,c),o.size>b){const d=o.keys().next().value;d!==void 0&&o.delete(d)}}function Ee(o,t){return Math.sqrt((o.y-t.y)**2+(o.x-t.x)**2)}function Ae(o,t){return{x:(t.x+o.x)*.5,y:(t.y+o.y)*.5}}function $e(o,t){return Math.atan2(t.y-o.y,t.x-o.x)*180/Math.PI}function Je(o){return o*Math.PI/180}function ie(o,t,c){const b=`${A(o)}-${A(t)}-${ae(c)}`,d=ue(ze,b);if(d)return d;const a=Je(c),n=Math.cos(a),m=Math.sin(a),s={width:Math.abs(n*o)+Math.abs(m*t),height:Math.abs(m*o)+Math.abs(n*t)};return le(ze,b,s,K),s}function Qe(o,t,c,b,d,a=0){const n=`${A(o,8)}-${A(t,8)}-${A(c,8)}-${A(b,8)}-${A(d,.01)}-${ae(a)}`,m=ue(Pe,n);if(m)return m;const{width:s,height:f}=ie(o,t,a),g=Math.min(s,c),u=Math.min(f,b),C=g>u*d?{width:u*d,height:u}:{width:g,height:g/d};return le(Pe,n,C,K),C}function H(o,t,c,b,d=0){const a=re(o.x),n=re(o.y),m=`${a}-${n}-${A(t.width)}-${A(t.height)}-${A(c.width)}-${A(c.height)}-${Ze(b)}-${ae(d)}`,s=ue(ne,m);if(s)return s;const{width:f,height:g}=ie(t.width,t.height,d),u=f*b*.5-c.width*.5,C=g*b*.5-c.height*.5,p={x:we(o.x,-u,u),y:we(o.y,-C,C)};return le(ne,m,p,K),p}function De(o,t,c,b,d,a=0,n=!1){const m=`${re(o.x)}-${re(o.y)}-${A(t.width)}-${A(t.height)}-${A(t.naturalWidth)}-${A(t.naturalHeight)}-${A(c.width)}-${A(c.height)}-${A(b,.01)}-${Ze(d)}-${ae(a)}-${n}`,s=ue(oe,m);if(s)return s;const f=n?(y,l)=>l:(y,l)=>Math.min(y,Math.max(0,l)),g=ie(t.width,t.height,a),u=ie(t.naturalWidth,t.naturalHeight,a),C={x:f(100,((g.width-c.width/d)/2-o.x/d)/g.width*100),y:f(100,((g.height-c.height/d)/2-o.y/d)/g.height*100),width:f(100,c.width/g.width*100/d),height:f(100,c.height/g.height*100/d)},p=Math.round(f(u.width,C.width*u.width/100)),S=Math.round(f(u.height,C.height*u.height/100)),M=u.width>=u.height*b?{width:Math.round(S*b),height:S}:{width:p,height:Math.round(p/b)},r={...M,x:Math.round(f(u.width-M.width,C.x*u.width/100)),y:Math.round(f(u.height-M.height,C.y*u.height/100))},h={croppedAreaPercentages:C,croppedAreaPixels:r};return le(oe,m,h,K),h}function ke(o){const t=i.useRef(null);return t.current===null&&(t.current=o()),t}const et=typeof window<"u"?i.useLayoutEffect:i.useEffect;function tt(o,t,c,b,d,a,n,m,s,f,g,u,C){let p=!1,S=null;function $(){S==null&&(S=requestAnimationFrame(()=>{S=null;const r=t.current;if(r?.mediaSize&&r.cropSize&&n){const{croppedAreaPercentages:h,croppedAreaPixels:y}=De(r.crop,r.mediaSize,r.cropSize,c,r.zoom,r.rotation,b);n(h,y)}}))}const M={subscribe:r=>o.current?(o.current.add(r),()=>o.current?.delete(r)):()=>{},getState:()=>t.current??{crop:{x:0,y:0},zoom:1,rotation:0,mediaSize:null,cropSize:null,isDragging:!1,isWheelZooming:!1},setState:(r,h)=>{const y=t.current;if(!(!y||Object.is(y[r],h))){if(y[r]=h,r==="crop"&&typeof h=="object"&&h&&"x"in h)d?.(h);else if(r==="zoom"&&typeof h=="number")s?.(h);else if(r==="rotation"&&typeof h=="number")f?.(h);else if(r==="cropSize"&&typeof h=="object"&&h&&"width"in h)a?.(h);else if(r==="mediaSize"&&typeof h=="object"&&h&&"naturalWidth"in h)g?.(h);else if(r==="isDragging")if(h)u?.();else{C?.();const l=t.current;if(l?.mediaSize&&l.cropSize&&m){const{croppedAreaPercentages:z,croppedAreaPixels:E}=De(l.crop,l.mediaSize,l.cropSize,c,l.zoom,l.rotation,b);m(z,E)}}(r==="crop"||r==="zoom"||r==="rotation"||r==="mediaSize"||r==="cropSize")&&n&&$(),p||M.notify()}},notify:()=>{if(o.current)for(const r of o.current)r()},batch:r=>{if(p){r();return}p=!0;try{r()}finally{p=!1,M.notify()}}};return M}const Oe=i.createContext(null);function de(o){const t=i.useContext(Oe);if(!t)throw new Error(`\`${o}\` must be used within \`${je}\``);return t}function L(o){const t=de("useStore"),c=i.useCallback(()=>o(t.getState()),[t,o]);return i.useSyncExternalStore(t.subscribe,c,c)}const Te=i.createContext(null);function fe(o){const t=i.useContext(Te);if(!t)throw new Error(`\`${o}\` must be used within \`${je}\``);return t}function Ne(o){const{crop:t={x:0,y:0},zoom:c=1,minZoom:b=1,maxZoom:d=3,zoomSpeed:a=1,rotation:n=0,keyboardStep:m=1,aspectRatio:s=4/3,shape:f="rectangle",objectFit:g="contain",allowOverflow:u=!1,preventScrollZoom:C=!1,withGrid:p=!1,onCropChange:S,onCropSizeChange:$,onCropAreaChange:M,onCropComplete:r,onZoomChange:h,onRotationChange:y,onMediaLoaded:l,onInteractionStart:z,onInteractionEnd:E,className:O,...D}=o,B=ke(()=>new Set),N=ke(()=>({crop:t,zoom:c,rotation:n,mediaSize:null,cropSize:null,isDragging:!1,isWheelZooming:!1})),j=i.useRef(null),k=i.useMemo(()=>tt(B,N,s,u,S,$,M,r,h,y,l,z,E),[B,N,s,u,S,$,M,r,h,y,l,z,E]);et(()=>{const I={};let _=!1,T=!1;if(t!==void 0){const R=k.getState();Object.is(R.crop,t)||(I.crop=t,_=!0)}c!==void 0&&k.getState().zoom!==c&&(I.zoom=c,_=!0,T=!0),n!==void 0&&k.getState().rotation!==n&&(I.rotation=n,_=!0,T=!0),_&&(k.batch(()=>{Object.entries(I).forEach(([R,Z])=>{k.setState(R,Z)})}),T&&j.current&&requestAnimationFrame(()=>{const R=k.getState();if(R.cropSize&&R.mediaSize){const Z=u?R.crop:H(R.crop,R.mediaSize,R.cropSize,R.zoom,R.rotation);(Math.abs(Z.x-R.crop.x)>.001||Math.abs(Z.y-R.crop.y)>.001)&&k.setState("crop",Z)}}))},[t,c,n,k,u]);const U=i.useMemo(()=>({minZoom:b,maxZoom:d,zoomSpeed:a,keyboardStep:m,aspectRatio:s,shape:f,objectFit:g,preventScrollZoom:C,allowOverflow:u,withGrid:p,rootRef:j}),[b,d,a,m,s,f,g,C,u,p]);return W.jsx(Oe.Provider,{value:k,children:W.jsx(Te.Provider,{value:U,children:W.jsx("div",{"data-slot":"cropper-wrapper",className:Y.cn("ds:relative ds:size-full ds:overflow-hidden",O),children:W.jsx(ot,{...D})})})})}function ot(o){const{className:t,asChild:c,ref:b,...d}=o,a=fe(Re),n=de(Re),m=L(e=>e.crop),s=L(e=>e.zoom),f=L(e=>e.rotation),g=L(e=>e.mediaSize),u=L(e=>e.cropSize),C=be.useComposedRefs(b,a.rootRef),p=i.useRef({x:0,y:0}),S=i.useRef({x:0,y:0}),$=i.useRef({x:0,y:0}),M=i.useRef(0),r=i.useRef(0),h=i.useRef(null),y=i.useRef(null),l=i.useRef(null),z=i.useRef(!1),E=i.useRef(0),O=i.useRef(0),D=i.useCallback(()=>{h.current&&(cancelAnimationFrame(h.current),h.current=null),y.current&&(cancelAnimationFrame(y.current),y.current=null),l.current&&(clearTimeout(l.current),l.current=null),z.current=!1},[]),B=i.useCallback(()=>{ne.size>K*1.5&&ne.clear(),oe.size>K*1.5&&oe.clear()},[]),N=i.useCallback(e=>({x:Number(e.clientX),y:Number(e.clientY)}),[]),j=i.useCallback(e=>({x:Number(e.clientX),y:Number(e.clientY)}),[]),k=i.useCallback(()=>{if(a.rootRef?.current){const e=a.rootRef.current.getBoundingClientRect();$.current={x:e.left,y:e.top}}},[a.rootRef]),U=i.useCallback(({x:e,y:w},v)=>{if(!a.rootRef?.current)return{x:0,y:0};const x=a.rootRef.current.getBoundingClientRect();return{x:x.width/2-(e-v.x),y:x.height/2-(w-v.y)}},[a.rootRef]),I=i.useCallback(({x:e,y:w})=>({x:(e+m.x)/s,y:(w+m.y)/s}),[m,s]),_=i.useCallback(()=>{if(!u||!g)return;const e=a.allowOverflow?m:H(m,g,u,s,f);(Math.abs(e.x-m.x)>.001||Math.abs(e.y-m.y)>.001)&&n.setState("crop",e)},[u,g,a.allowOverflow,m,s,f,n]),T=i.useCallback((e,w,v=!0)=>{if(!u||!g)return;const x=we(e,a.minZoom,a.maxZoom);n.batch(()=>{if(v){const P=U(w,$.current),q=I(P),F={x:q.x*x-P.x,y:q.y*x-P.y},ee=a.allowOverflow?F:H(F,g,u,x,f);n.setState("crop",ee)}n.setState("zoom",x)}),requestAnimationFrame(()=>{_()})},[u,g,a.minZoom,a.maxZoom,a.allowOverflow,U,I,f,n,_]),R=i.useCallback(({x:e,y:w})=>{p.current={x:e,y:w},S.current={...m},n.setState("isDragging",!0)},[m,n]),Z=i.useCallback(({x:e,y:w})=>{h.current&&cancelAnimationFrame(h.current),h.current=requestAnimationFrame(()=>{if(!u||!g||e===void 0||w===void 0)return;const v=e-p.current.x,x=w-p.current.y;if(Math.abs(v)<2&&Math.abs(x)<2)return;const P={x:S.current.x+v,y:S.current.y+x},q=a.allowOverflow?P:H(P,g,u,s,f),F=n.getState().crop;(Math.abs(q.x-F.x)>1||Math.abs(q.y-F.y)>1)&&n.setState("crop",q)})},[u,g,a.allowOverflow,s,f,n]),J=i.useCallback(e=>Z(N(e)),[N,Z]),Q=i.useCallback(e=>{if(e.preventDefault(),e.touches.length===2){const[w,v]=e.touches??[];if(w&&v){const x=j(w),P=j(v),q=Ae(x,P);Z(q),y.current&&cancelAnimationFrame(y.current),y.current=requestAnimationFrame(()=>{const F=Ee(x,P),ee=F/M.current;if(Math.abs(ee-1)>.01){const pe=s*ee;T(pe,q,!1),M.current=F}const Ce=$e(x,P),ye=Ce-r.current;if(Math.abs(ye)>.5){const pe=f+ye;n.setState("rotation",pe),r.current=Ce}})}}else if(e.touches.length===1){const w=e.touches[0];w&&Z(j(w))}},[j,Z,s,T,f,n]),V=i.useCallback(e=>{if(e.preventDefault(),z.current)return;const w={x:Number(e.clientX),y:Number(e.clientY)},v=E.current-1+e.scale;T(v,w,!0);const x=O.current+e.rotation;n.setState("rotation",x)},[T,n]),X=i.useCallback(()=>{document.removeEventListener("gesturechange",V),document.removeEventListener("gestureend",X)},[V]),he=i.useCallback(e=>{e.preventDefault(),document.addEventListener("gesturechange",V),document.addEventListener("gestureend",X),E.current=s,O.current=f},[s,f,V,X]),me=i.useCallback(e=>e.preventDefault(),[]),Se=i.useCallback(()=>{document.removeEventListener("mousemove",J),document.removeEventListener("touchmove",Q),document.removeEventListener("gesturechange",V),document.removeEventListener("gestureend",X)},[J,Q,V,X]),G=i.useCallback(()=>{z.current=!1,n.setState("isDragging",!1),D(),document.removeEventListener("mouseup",G),document.removeEventListener("touchend",G),Se()},[n,Se,D]),xe=i.useCallback(e=>{let w=e.deltaX,v=e.deltaY,x=e.deltaZ;return e.deltaMode===1?(w*=16,v*=16,x*=16):e.deltaMode===2&&(w*=400,v*=400,x*=400),{deltaX:w,deltaY:v,deltaZ:x}},[]),ge=i.useCallback(e=>{if(d.onWheelZoom?.(e),e.defaultPrevented)return;e.preventDefault();const w=N(e),{deltaY:v}=xe(e),x=s-v*a.zoomSpeed/200;T(x,w,!0),n.batch(()=>{const P=n.getState();P.isWheelZooming||n.setState("isWheelZooming",!0),P.isDragging||n.setState("isDragging",!0)}),l.current&&clearTimeout(l.current),l.current=window.setTimeout(()=>{n.batch(()=>{n.setState("isWheelZooming",!1),n.setState("isDragging",!1)})},250)},[d.onWheelZoom,N,s,a.zoomSpeed,T,xe,n]),Ke=i.useCallback(e=>{if(d.onKeyUp?.(e),e.defaultPrevented)return;new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"]).has(e.key)&&(e.preventDefault(),n.setState("isDragging",!1))},[d.onKeyUp,n]),Ve=i.useCallback(e=>{if(d.onKeyDown?.(e),e.defaultPrevented||!u||!g)return;let w=a.keyboardStep;e.shiftKey&&(w*=.2);const x={ArrowUp:()=>({...m,y:m.y-w}),ArrowDown:()=>({...m,y:m.y+w}),ArrowLeft:()=>({...m,x:m.x-w}),ArrowRight:()=>({...m,x:m.x+w})}[e.key];if(!x)return;e.preventDefault();let P=x();a.allowOverflow||(P=H(P,g,u,s,f)),e.repeat||n.setState("isDragging",!0),n.setState("crop",P)},[d.onKeyDown,u,g,a.keyboardStep,a.allowOverflow,m,s,f,n]),Ge=i.useCallback(e=>{d.onMouseDown?.(e),!e.defaultPrevented&&(e.preventDefault(),document.addEventListener("mousemove",J),document.addEventListener("mouseup",G),k(),R(N(e)))},[d.onMouseDown,N,R,G,J,k]),He=i.useCallback(e=>{if(d.onTouchStart?.(e),!e.defaultPrevented){if(z.current=!0,document.addEventListener("touchmove",Q,{passive:!1}),document.addEventListener("touchend",G),k(),e.touches.length===2){const[w,v]=e.touches?Array.from(e.touches):[];if(w&&v){const x=j(w),P=j(v);M.current=Ee(x,P),r.current=$e(x,P),R(Ae(x,P))}}else if(e.touches.length===1){const w=e.touches[0];w&&R(j(w))}}},[d.onTouchStart,G,Q,k,j,R]);i.useEffect(()=>{const e=a.rootRef?.current;if(e)return a.preventScrollZoom||e.addEventListener("wheel",ge,{passive:!1}),e.addEventListener("gesturestart",me),e.addEventListener("gesturestart",he),()=>{a.preventScrollZoom||e.removeEventListener("wheel",ge),e.removeEventListener("gesturestart",me),e.removeEventListener("gesturestart",he),D()}},[a.rootRef,a.preventScrollZoom,ge,D,me,he]),i.useEffect(()=>()=>{D(),B()},[D,B]);const Be=c?ce.Slot:"div";return W.jsx(Be,{"data-slot":"cropper",tabIndex:0,...d,ref:C,className:Y.cn("ds:absolute ds:inset-0 ds:flex ds:cursor-move ds:touch-none ds:select-none ds:items-center ds:justify-center ds:overflow-hidden ds:outline-none",t),onKeyUp:Ke,onKeyDown:Ve,onMouseDown:Ge,onTouchStart:He})}const qe=Le.cva("ds:will-change-transform",{variants:{objectFit:{contain:"ds:absolute ds:inset-0 ds:m-auto ds:max-h-full ds:max-w-full",cover:"ds:h-auto ds:w-full","horizontal-cover":"ds:h-auto ds:w-full","vertical-cover":"ds:h-full ds:w-auto"}},defaultVariants:{objectFit:"contain"}});function Fe({mediaRef:o,context:t,store:c,rotation:b,getNaturalDimensions:d}){return{computeSizes:i.useCallback(()=>{const n=o.current,m=t.rootRef?.current;if(!n||!m)return;const s=m.getBoundingClientRect(),f=s.width/s.height,{width:g,height:u}=d(n),C=n.offsetWidth<g||n.offsetHeight<u,p=g/u;let S;if(C){const h={contain:()=>f>p?{width:s.height*p,height:s.height}:{width:s.width,height:s.width/p},"horizontal-cover":()=>({width:s.width,height:s.width/p}),"vertical-cover":()=>({width:s.height*p,height:s.height}),cover:()=>f<p?{width:s.width,height:s.width/p}:{width:s.height*p,height:s.height}}[t.objectFit];S=h?h():f>p?{width:s.height*p,height:s.height}:{width:s.width,height:s.width/p}}else S={width:n.offsetWidth,height:n.offsetHeight};const $={...S,naturalWidth:g,naturalHeight:u};c.setState("mediaSize",$);const M=Qe($.width,$.height,s.width,s.height,t.aspectRatio,b);return c.setState("cropSize",M),requestAnimationFrame(()=>{const r=c.getState();if(r.cropSize&&r.mediaSize){const h=H(r.crop,r.mediaSize,r.cropSize,r.zoom,r.rotation);(Math.abs(h.x-r.crop.x)>.001||Math.abs(h.y-r.crop.y)>.001)&&c.setState("crop",h)}}),{mediaSize:$,cropSize:M}},[o,t.aspectRatio,t.rootRef,t.objectFit,c,b,d])}}function We(o){const{className:t,style:c,asChild:b,ref:d,onLoad:a,objectFit:n,snapPixels:m=!1,...s}=o,f=fe(ve),g=de(ve),u=L(l=>l.crop),C=L(l=>l.zoom),p=L(l=>l.rotation),S=i.useRef(null),$=be.useComposedRefs(d,S),M=i.useCallback(l=>({width:l.naturalWidth,height:l.naturalHeight}),[]),{computeSizes:r}=Fe({mediaRef:S,context:f,store:g,rotation:p,getNaturalDimensions:M}),h=i.useCallback(()=>{S.current&&(r(),a?.(new Event("load")))},[r,a]);i.useEffect(()=>{const l=S.current;l?.complete&&l.naturalWidth>0&&h()},[h]),i.useEffect(()=>{const l=f.rootRef?.current;if(l)if(typeof ResizeObserver<"u"){let z=!0;const E=new ResizeObserver(()=>{if(z){z=!1;return}const O=()=>{const D=S.current;D?.complete&&D.naturalWidth>0&&r()};"requestIdleCallback"in window?requestIdleCallback(O):setTimeout(O,16)});return E.observe(l),()=>{E.disconnect()}}else{const z=()=>{const E=S.current;E?.complete&&E.naturalWidth>0&&r()};return window.addEventListener("resize",z),()=>{window.removeEventListener("resize",z)}}},[f.rootRef,r]);const y=b?ce.Slot:"img";return W.jsx(y,{"data-slot":"cropper-image",...s,ref:$,className:Y.cn(qe({objectFit:n??f.objectFit,className:t})),style:{transform:m?`translate(${se(u.x)}px, ${se(u.y)}px) rotate(${p}deg) scale(${C})`:`translate(${u.x}px, ${u.y}px) rotate(${p}deg) scale(${C})`,...c},onLoad:h})}function Ie(o){const{className:t,style:c,asChild:b,ref:d,onLoadedMetadata:a,objectFit:n,snapPixels:m=!1,...s}=o,f=fe(Me),g=de(Me),u=L(l=>l.crop),C=L(l=>l.zoom),p=L(l=>l.rotation),S=i.useRef(null),$=be.useComposedRefs(d,S),M=i.useCallback(l=>({width:l.videoWidth,height:l.videoHeight}),[]),{computeSizes:r}=Fe({mediaRef:S,context:f,store:g,rotation:p,getNaturalDimensions:M}),h=i.useCallback(()=>{S.current&&(r(),a?.(new Event("loadedmetadata")))},[r,a]);i.useEffect(()=>{const l=f.rootRef?.current;if(l)if(typeof ResizeObserver<"u"){let z=!0;const E=new ResizeObserver(()=>{if(z){z=!1;return}const O=()=>{const D=S.current;D&&D.videoWidth>0&&D.videoHeight>0&&r()};"requestIdleCallback"in window?requestIdleCallback(O):setTimeout(O,16)});return E.observe(l),()=>{E.disconnect()}}else{const z=()=>{const E=S.current;E&&E.videoWidth>0&&E.videoHeight>0&&r()};return window.addEventListener("resize",z),()=>{window.removeEventListener("resize",z)}}},[f.rootRef,r]);const y=b?ce.Slot:"video";return W.jsx(y,{"data-slot":"cropper-video",autoPlay:!0,playsInline:!0,loop:!0,muted:!0,controls:!1,...s,ref:$,className:Y.cn(qe({objectFit:n??f.objectFit,className:t})),style:{transform:m?`translate(${se(u.x)}px, ${se(u.y)}px) rotate(${p}deg) scale(${C})`:`translate(${u.x}px, ${u.y}px) rotate(${p}deg) scale(${C})`,...c},onLoadedMetadata:h})}const nt=Le.cva("ds:-translate-x-1/2 ds:-translate-y-1/2 ds:absolute ds:top-1/2 ds:left-1/2 ds:box-border ds:overflow-hidden ds:border ds:border-[2.5px] ds:border-white/90 ds:shadow-[0_0_0_9999em_rgba(0,0,0,0.5)]",{variants:{shape:{rectangle:"",circle:"ds:rounded-full"},withGrid:{true:"ds:before:absolute ds:before:top-0 ds:before:right-1/3 ds:before:bottom-0 ds:before:left-1/3 ds:before:box-border ds:before:border ds:before:border-white/50 ds:before:border-t-0 ds:before:border-b-0 ds:before:content-[''] ds:after:absolute ds:after:top-1/3 ds:after:right-0 ds:after:bottom-1/3 ds:after:left-0 ds:after:box-border ds:after:border ds:after:border-white/50 ds:after:border-r-0 ds:after:border-l-0 ds:after:content-['']",false:""}},defaultVariants:{shape:"rectangle",withGrid:!1}});function _e(o){const{className:t,style:c,asChild:b,ref:d,snapPixels:a=!1,shape:n,withGrid:m,...s}=o,f=fe(Ue),g=L(C=>C.cropSize);if(!g)return null;const u=b?ce.Slot:"div";return W.jsx(u,{"data-slot":"cropper-area",...s,ref:d,className:Y.cn(nt({shape:n??f.shape,withGrid:m??f.withGrid,className:t})),style:{width:a?Math.round(g.width):g.width,height:a?Math.round(g.height):g.height,...c}})}exports.Area=_e;exports.Cropper=Ne;exports.CropperArea=_e;exports.CropperImage=We;exports.CropperVideo=Ie;exports.Image=We;exports.Root=Ne;exports.Video=Ie;exports.useCropper=L;

package/dist/cjs/components/Cropper/CropperTool.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),e=require("react"),I=require("./Cropper.cjs"),T=require("./utils.cjs"),j=e.forwardRef((R,C)=>{const{src:i,alt:y="Crop image",onCropComplete:s,onCropAreaChange:t,cropOptions:r={},crossOrigin:S="anonymous",rotation:u=0,shape:f="rectangle",...w}=R,[g,d]=e.useState({x:0,y:0}),p=e.useRef(null),c=e.useRef(null),l=e.useCallback(async(h,o)=>{if(t?.(h,o),!!s){if(c.current){const a=c.current;if(a.x===o.x&&a.y===o.y&&a.width===o.width&&a.height===o.height)return}c.current=o,p.current&&window.clearTimeout(p.current),p.current=window.setTimeout(async()=>{try{if((r.type||"base64")==="blob"){const b=await T.getCroppedImg({imageSrc:i,pixelCrop:o,rotation:u,shape:f,format:r.format||"image/jpeg",quality:r.quality??.92,flip:r.flip,type:"blob"});s(b)}else{const b=await T.getCroppedImg({imageSrc:i,pixelCrop:o,rotation:u,shape:f,format:r.format||"image/jpeg",quality:r.quality??.92,flip:r.flip,type:"base64"});s(b)}}catch(a){console.error("Error creating cropped image:",a)}},300)}},[i,u,f,r,s,t]);return e.useEffect(()=>()=>{p.current&&window.clearTimeout(p.current)},[]),q.jsxs(I.Root,{ref:C,...w,crop:g,rotation:u,shape:f,onCropChange:d,onCropAreaChange:l,children:[q.jsx(I.Image,{src:i,alt:y,crossOrigin:S}),q.jsx(I.Area,{})]})});j.displayName="CropperTool";function v(R){const{imageSrc:C,initialCrop:i,initialZoom:y=1,initialRotation:s=0,cropOptions:t,type:r="base64"}=R,[S,u]=e.useState(i||{x:0,y:0}),[f,w]=e.useState(y),[g,d]=e.useState(s),[p,c]=e.useState(null),l=e.useRef(null),h=e.useRef(null),o=e.useCallback(async(b,m)=>{if(h.current){const n=h.current;if(n.x===m.x&&n.y===m.y&&n.width===m.width&&n.height===m.height)return}h.current=m,l.current&&window.clearTimeout(l.current),l.current=window.setTimeout(async()=>{try{if(r==="blob"){const n=await T.getCroppedImg({imageSrc:C,pixelCrop:m,rotation:g,shape:t?.shape,format:t?.format,quality:t?.quality,flip:t?.flip,type:"blob"});c(n)}else{const n=await T.getCroppedImg({imageSrc:C,pixelCrop:m,rotation:g,shape:t?.shape,format:t?.format,quality:t?.quality,flip:t?.flip,type:"base64"});c(n)}}catch(n){console.error("Error creating cropped image:",n)}},300)},[C,g,t,r]);e.useEffect(()=>()=>{l.current&&window.clearTimeout(l.current)},[]);const a=e.useCallback(()=>{u(i||{x:0,y:0}),w(y),d(s),c(null)},[i,y,s]);return{crop:S,zoom:f,rotation:g,croppedImage:p,setCrop:u,setZoom:w,setRotation:d,setCroppedImage:c,handleCropAreaChange:o,reset:a}}exports.CropperTool=j;exports.useCropperTool=v;
-//# sourceMappingURL=CropperTool.cjs.map

package/dist/cjs/components/Cropper/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Cropper.cjs"),r=require("./CropperTool.cjs"),o=require("./utils.cjs");exports.Cropper=e.Root;exports.CropperArea=e.Area;exports.CropperImage=e.Image;exports.CropperVideo=e.Video;exports.useCropper=e.useCropper;exports.CropperTool=r.CropperTool;exports.useCropperTool=r.useCropperTool;exports.base64ToBlob=o.base64ToBlob;exports.base64ToFile=o.base64ToFile;exports.downloadImage=o.downloadImage;exports.getCroppedImg=o.getCroppedImg;exports.rotateSize=o.rotateSize;

package/dist/cjs/components/Cropper/utils.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});async function S(o){const{imageSrc:e,pixelCrop:t,rotation:a=0,shape:r="rectangle",format:c="image/png",quality:h=.92,flip:d={},type:R="base64"}=o;let n;typeof e=="string"?n=await T(e):n=e;const m=E(a),x=Math.abs(Math.sin(m)),y=Math.abs(Math.cos(m)),u=n.width*y+n.height*x,w=n.width*x+n.height*y,g=document.createElement("canvas"),l=g.getContext("2d");if(!l)throw new Error("Failed to get canvas 2D context");if(g.width=u,g.height=w,l.translate(u/2,w/2),l.rotate(m),d.horizontal||d.vertical){const M=d.horizontal?-1:1,f=d.vertical?-1:1;l.scale(M,f)}l.drawImage(n,-n.width/2,-n.height/2,n.width,n.height);const i=document.createElement("canvas"),s=i.getContext("2d",{alpha:!0});if(!s)throw new Error("Failed to get canvas 2D context");i.width=t.width,i.height=t.height,s.clearRect(0,0,i.width,i.height);const v=Math.max(0,t.x),C=Math.max(0,t.y),b=Math.min(t.width-Math.max(0,-t.x),u-v),p=Math.min(t.height-Math.max(0,-t.y),w-C),B=Math.max(0,-t.x),P=Math.max(0,-t.y);return b>0&&p>0&&s.drawImage(g,v,C,b,p,B,P,b,p),r==="circle"&&(s.globalCompositeOperation="destination-in",s.beginPath(),s.arc(i.width/2,i.height/2,Math.min(i.width,i.height)/2,0,Math.PI*2),s.fill()),R==="blob"?new Promise((M,f)=>{i.toBlob(I=>{I?M(I):f(new Error("Failed to create blob from canvas"))},c,h)}):i.toDataURL(c,h)}function T(o){return new Promise((e,t)=>{const a=new Image;a.crossOrigin="anonymous",a.onload=()=>e(a),a.onerror=r=>t(new Error(`Failed to load image: ${r}`)),a.src=o})}function E(o){return o*Math.PI/180}function z(o,e,t){const a=E(t),r=Math.cos(a),c=Math.sin(a);return{width:Math.abs(r*o)+Math.abs(c*e),height:Math.abs(c*o)+Math.abs(r*e)}}function j(o,e="cropped-image.jpg"){const t=document.createElement("a");t.href=o,t.download=e,document.body.appendChild(t),t.click(),document.body.removeChild(t)}function F(o){const e=o.split(","),t=e[0]?.match(/:(.*?);/),a=t?t[1]:"image/jpeg",r=atob(e[1]??"");let c=r.length;const h=new Uint8Array(c);for(;c--;)h[c]=r.charCodeAt(c);return new Blob([h],{type:a})}function A(o,e){const t=F(o);return new File([t],e,{type:t.type})}exports.base64ToBlob=F;exports.base64ToFile=A;exports.downloadImage=j;exports.getCroppedImg=S;exports.rotateSize=z;
-//# sourceMappingURL=utils.cjs.map

package/dist/cjs/components/DatePicker/DatePicker.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),ve=require("react"),be=require("../../packages/ui/src/components/calendar.cjs"),I=require("../../packages/ui/src/components/popover.cjs"),b=require("../../packages/ui/src/components/drawer.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const h=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");const we=require("lucide-react");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const xe=require("./TimePicker.cjs"),D=require("react-device-detect"),j=require("date-fns"),K=require("date-fns/locale"),G=require("../../constants/common.cjs"),ye=require("../Button/Button.cjs"),he=require("../Input/Input.cjs");function De(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const z=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(n,t,z.get?z:{enumerable:!0,get:()=>s[t]})}}return n.default=s,Object.freeze(n)}const m=De(ve);function Me(s,n=G.DATE_FORMAT,t){return s?j.format(s,n,t?{locale:t}:void 0):""}const M=(s,n=G.DATE_FORMAT)=>{const t=j.parse(s,n,new Date);return j.isValid(t)?t:void 0};function je(s){return s.replace(/dd|MM|yyyy/g,n=>{switch(n){case"dd":case"MM":return"99";case"yyyy":return"9999";default:return n}}).replace(/d|M|y/g,n=>{switch(n){case"d":case"M":return"9";case"y":return"9";default:return n}})}function ze({value:s,onChange:n,onSelect:t,calendarClassName:z,side:J="bottom",align:Q="end",format:w="dd/MM/yyyy",language:W="vi",mask:S,closeOnSelect:X=!1,calendarConfig:k,desktopMode:N="popover",mobileMode:Y="drawer",showOutsideDays:Z=!0,children:R,showTime:c=!1,timeFormat:p="HH:mm",hideDate:C=!1,numberOfMonths:ee=1,variant:re="default",color:V="primary",timePickerMode:se="wheel",hourInterval:te=1,minuteInterval:ne=1,secondInterval:ie=1,disabledTimes:oe,disabledTimeRanges:ae,showNowButton:de=!1,nowButtonLabel:ue="Now",timePickerLabel:ce,openOnFocus:le=!0,...o}){let l,H;typeof w=="string"?(l=w,H=w):(l=w.input,H=w.output);let P;S===!0?P=je(l):typeof S=="string"&&(P=S);const T=C&&c?p:c?`${l} ${p}`:l,B=s?M(s,T):void 0,[x,y]=m.useState(!1),[a,d]=m.useState(B),[fe,q]=m.useState(B),[v,f]=m.useState(s||""),ge=m.useRef(null),F=m.useRef(!1),_=k?.locale?k?.locale:W==="en"?K.enUS:K.vi,A=D.isMobile?Y:N;m.useEffect(()=>{if(s!==v&&!F.current){f(s||"");const e=s?M(s,T):void 0;e?(d(e),q(e)):s||(d(void 0),q(void 0))}},[s,v,T]);const u=e=>{if(!e)return"";let r=Me(e,H,_);return c&&(r+=` ${j.format(e,p)}`),r},me=e=>{d(e),f(u(e)),t?.(e,u(e))},pe=e=>{if(!e){f(""),d(void 0),t?.(void 0,void 0);return}f(e);const r=M(e,l);r?(d(r),q(r),t?.(r,u(r))):(d(void 0),t?.(void 0,void 0))},qe=(e,r,O)=>{if(!O){n?.(e,r,void 0);return}const g=new Date(a||new Date);g.setHours(O.getHours(),O.getMinutes(),O.getSeconds(),0),d(g),f(u(g)),t?.(g,u(g)),n?.(e,u(g),g)},E=R?R({value:v,date:a,onSelect:me,onChange:pe}):i.jsxs(ye.default,{variant:"ghost",className:"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors",size:o.size,children:[i.jsx(we.CalendarIcon,{className:h.cn({"ds:size-3":o.size==="xs"||o.size==="sm","ds:size-3.5":!o.size||o.size==="normal","ds:size-4":o.size==="lg"||o.size==="xl"})}),i.jsx("span",{className:"ds:sr-only",children:"Select date"})]}),L=i.jsxs("div",{className:h.cn("ds:flex ds:items-stretch ds:mx-auto ds:w-full",c&&!C?"ds:gap-0 ds:md:max-w-lg":"",D.isMobile?"ds:max-w-md ds:md:max-w-md ds:lg:max-w-lg":""),children:[!C&&i.jsx(be.Calendar,{...k,mode:"single",selected:a,captionLayout:"dropdown",month:fe,onMonthChange:q,numberOfMonths:D.isMobile?1:ee||1,variant:re,color:V,onSelect:e=>{let r=e;e&&a&&c&&(r=new Date(e),r.setHours(a.getHours(),a.getMinutes(),a.getSeconds(),a.getMilliseconds())),d(r),f(u(r)),t?.(r,u(r)),X&&!c&&y(!1)},locale:_,formatters:{formatMonthDropdown:e=>e.toLocaleString(_.code,{month:"short"})},showOutsideDays:Z,className:h.cn("ds:my-auto ds:bg-transparent ds:mx-auto",{"ds:[--cell-size:clamp(0px,calc(100vw/7.5),52px)] ds:mb-8 ds:bg-transparent":D.isMobile&&!c||N==="drawer","ds:[--cell-size:clamp(0px,calc(100vw/7.5),34px)]":!D.isMobile&&N!=="drawer","ds:w-full":A==="drawer"&&c},z)}),c&&i.jsx("div",{className:"ds:border-l ds:border-border",children:i.jsx(xe.TimePicker,{value:a?j.format(a,p):void 0,format:p,onChange:qe,showHours:!0,showMinutes:!0,showSeconds:p==="HH:mm:ss",mode:se,hourInterval:te,minuteInterval:ne,secondInterval:ie,disabledTimes:oe,disabledTimeRanges:ae,showNowButton:de,nowButtonLabel:ue,timeLabel:ce,standalone:!1,color:V,isOpen:x})})]}),U=i.jsxs(I.Popover,{open:x,onOpenChange:y,children:[i.jsx(I.PopoverTrigger,{asChild:!0,disabled:o.disabled,children:E}),i.jsx(I.PopoverContent,{className:h.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background/50"),side:J,align:Q,children:L})]}),$=i.jsxs(b.Drawer,{open:x,onOpenChange:y,children:[i.jsx(b.DrawerTrigger,{asChild:!0,children:E}),i.jsxs(b.DrawerContent,{className:h.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background"),children:[i.jsxs(b.DrawerHeader,{className:"ds:sr-only",children:[i.jsx(b.DrawerTitle,{children:"Select date"}),i.jsx(b.DrawerDescription,{children:"Set date"})]}),L]})]});return R?A==="drawer"?$:U:i.jsx(he.default,{...o,ref:ge,type:"text",clearable:!0,value:v,mask:P,onChange:e=>{F.current=!0,f(e.target.value);const r=M(e.target.value,l);r?(d(r),q(r),t?.(r,u(r)),n?.(e,u(r),r)):(t?.(void 0,void 0),n?.(e,void 0,void 0))},onFocus:e=>{le&&!x&&!P&&y(!0),o.onFocus?.(e)},onBlur:e=>{setTimeout(()=>{F.current=!1,x||!M(v,l)&&v&&(f(""),d(void 0),q(void 0),t?.(void 0,void 0))},150),o.onBlur?.(e)},onKeyDown:e=>{e.key==="ArrowDown"&&(e.preventDefault(),y(!0)),o.onKeyDown?.(e)},suffixIcon:A==="drawer"?$:U})}exports.DatePicker=ze;
-//# sourceMappingURL=DatePicker.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),be=require("react"),we=require("../../packages/ui/src/components/calendar.cjs"),I=require("../../packages/ui/src/components/popover.cjs"),w=require("../../packages/ui/src/components/drawer.cjs"),D=require("../../packages/ui/src/lib/utils.cjs"),xe=require("../Input/Input.cjs"),ye=require("../Button/Button.cjs"),he=require("./TimePicker.cjs"),De=require("lucide-react"),M=require("react-device-detect"),q=require("date-fns"),K=require("date-fns/locale"),G=require("../../constants/common.cjs");function Me(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const z=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,z.get?z:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const m=Me(be);function je(t,n=G.DATE_FORMAT,r){return t?q.format(t,n,r?{locale:r}:void 0):""}const j=(t,n=G.DATE_FORMAT)=>{const r=q.parse(t,n,new Date);return q.isValid(r)?r:void 0};function qe(t){return t.replace(/dd|MM|yyyy/g,n=>{switch(n){case"dd":case"MM":return"99";case"yyyy":return"9999";default:return n}}).replace(/d|M|y/g,n=>{switch(n){case"d":case"M":return"9";case"y":return"9";default:return n}})}function ze({value:t,onChange:n,onSelect:r,calendarClassName:z,side:J="bottom",align:Q="end",format:x="dd/MM/yyyy",language:W="vi",mask:S,closeOnSelect:X=!1,calendarConfig:k,desktopMode:N="popover",mobileMode:Y="drawer",showOutsideDays:Z=!0,children:R,showTime:l=!1,timeFormat:p="HH:mm",hideDate:C=!1,numberOfMonths:ee=1,variant:se="default",color:V="primary",timePickerMode:te="wheel",hourInterval:re=1,minuteInterval:ne=1,secondInterval:oe=1,disabledTimes:ae,disabledTimeRanges:ie,showNowButton:de=!1,nowButtonLabel:ce="Now",timePickerLabel:le,openOnFocus:ue=!0,...a}){let u,H;typeof x=="string"?(u=x,H=x):(u=x.input,H=x.output);let P;S===!0?P=qe(u):typeof S=="string"&&(P=S);const T=C&&l?p:l?`${u} ${p}`:u,B=t?j(t,T):void 0,[y,h]=m.useState(!1),[i,d]=m.useState(B),[fe,v]=m.useState(B),[b,f]=m.useState(t||""),ge=m.useRef(null),F=m.useRef(!1),_=k?.locale?k?.locale:W==="en"?K.enUS:K.vi,A=M.isMobile?Y:N;m.useEffect(()=>{if(t!==b&&!F.current){f(t||"");const e=t?j(t,T):void 0;e?(d(e),v(e)):t||(d(void 0),v(void 0))}},[t,b,T]);const c=e=>{if(!e)return"";let s=je(e,H,_);return l&&(s+=` ${q.format(e,p)}`),s},me=e=>{d(e),f(c(e)),r?.(e,c(e))},pe=e=>{if(!e){f(""),d(void 0),r?.(void 0,void 0);return}f(e);const s=j(e,u);s?(d(s),v(s),r?.(s,c(s))):(d(void 0),r?.(void 0,void 0))},ve=(e,s,O)=>{if(!O){n?.(e,s,void 0);return}const g=new Date(i||new Date);g.setHours(O.getHours(),O.getMinutes(),O.getSeconds(),0),d(g),f(c(g)),r?.(g,c(g)),n?.(e,c(g),g)},E=R?R({value:b,date:i,onSelect:me,onChange:pe}):o.jsxs(ye.default,{variant:"ghost",className:"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors",size:a.size,children:[o.jsx(De.CalendarIcon,{className:D.cn({"ds:size-3":a.size==="xs"||a.size==="sm","ds:size-3.5":!a.size||a.size==="normal","ds:size-4":a.size==="lg"||a.size==="xl"})}),o.jsx("span",{className:"ds:sr-only",children:"Select date"})]}),L=o.jsxs("div",{className:D.cn("ds:flex ds:items-stretch ds:mx-auto ds:w-full",l&&!C?"ds:gap-0 ds:md:max-w-lg":"",M.isMobile?"ds:max-w-md ds:md:max-w-md ds:lg:max-w-lg":""),children:[!C&&o.jsx(we.Calendar,{...k,mode:"single",selected:i,captionLayout:"dropdown",month:fe,onMonthChange:v,numberOfMonths:M.isMobile?1:ee||1,variant:se,color:V,onSelect:e=>{let s=e;e&&i&&l&&(s=new Date(e),s.setHours(i.getHours(),i.getMinutes(),i.getSeconds(),i.getMilliseconds())),d(s),f(c(s)),r?.(s,c(s)),X&&!l&&h(!1)},locale:_,formatters:{formatMonthDropdown:e=>e.toLocaleString(_.code,{month:"short"})},showOutsideDays:Z,className:D.cn("ds:my-auto ds:bg-transparent ds:mx-auto",{"ds:[--cell-size:clamp(0px,calc(100vw/7.5),52px)] ds:mb-8 ds:bg-transparent":M.isMobile&&!l||N==="drawer","ds:[--cell-size:clamp(0px,calc(100vw/7.5),34px)]":!M.isMobile&&N!=="drawer","ds:w-full":A==="drawer"&&l},z)}),l&&o.jsx("div",{className:"ds:border-l ds:border-border",children:o.jsx(he.TimePicker,{value:i?q.format(i,p):void 0,format:p,onChange:ve,showHours:!0,showMinutes:!0,showSeconds:p==="HH:mm:ss",mode:te,hourInterval:re,minuteInterval:ne,secondInterval:oe,disabledTimes:ae,disabledTimeRanges:ie,showNowButton:de,nowButtonLabel:ce,timeLabel:le,standalone:!1,color:V,isOpen:y})})]}),U=o.jsxs(I.Popover,{open:y,onOpenChange:h,children:[o.jsx(I.PopoverTrigger,{asChild:!0,disabled:a.disabled,children:E}),o.jsx(I.PopoverContent,{className:D.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background/50"),side:J,align:Q,children:L})]}),$=o.jsxs(w.Drawer,{open:y,onOpenChange:h,children:[o.jsx(w.DrawerTrigger,{asChild:!0,children:E}),o.jsxs(w.DrawerContent,{className:D.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background"),children:[o.jsxs(w.DrawerHeader,{className:"ds:sr-only",children:[o.jsx(w.DrawerTitle,{children:"Select date"}),o.jsx(w.DrawerDescription,{children:"Set date"})]}),L]})]});return R?A==="drawer"?$:U:o.jsx(xe.default,{...a,ref:ge,type:"text",clearable:!0,value:b,mask:P,onChange:e=>{F.current=!0,f(e.target.value);const s=j(e.target.value,u);s?(d(s),v(s),r?.(s,c(s)),n?.(e,c(s),s)):(r?.(void 0,void 0),n?.(e,void 0,void 0))},onFocus:e=>{ue&&!y&&!P&&h(!0),a.onFocus?.(e)},onBlur:e=>{setTimeout(()=>{F.current=!1,y||!j(b,u)&&b&&(f(""),d(void 0),v(void 0),r?.(void 0,void 0))},150),a.onBlur?.(e)},onKeyDown:e=>{e.key==="ArrowDown"&&(e.preventDefault(),h(!0)),a.onKeyDown?.(e)},suffixIcon:A==="drawer"?$:U})}exports.DatePicker=ze;

package/dist/cjs/components/DatePicker/RangePicker.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),Oe=require("react"),Se=require("../../packages/ui/src/components/calendar.cjs"),Z=require("../../packages/ui/src/components/popover.cjs"),P=require("../../packages/ui/src/components/drawer.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const z=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");const ue=require("lucide-react");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const le=require("./TimePicker.cjs"),S=require("react-device-detect"),H=require("date-fns"),fe=require("date-fns/locale"),me=require("../../constants/common.cjs"),Ie=require("../FloatLabel.cjs"),ke=require("../Button/Button.cjs"),Ce=require("../Input/Input.cjs");function Ve(c){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const l in c)if(l!=="default"){const v=Object.getOwnPropertyDescriptor(c,l);Object.defineProperty(a,l,v.get?v:{enumerable:!0,get:()=>c[l]})}}return a.default=c,Object.freeze(a)}const D=Ve(Oe);function $e(c,a=me.DATE_FORMAT,l){return c?H.format(c,a,l?{locale:l}:void 0):""}const j=(c,a=me.DATE_FORMAT)=>{const l=H.parse(c,a,new Date);return H.isValid(l)?l:void 0};function Le(c){return c.replace(/dd|MM|yyyy/g,a=>{switch(a){case"dd":case"MM":return"99";case"yyyy":return"9999";default:return a}}).replace(/d|M|y/g,a=>{switch(a){case"d":case"M":return"9";case"y":return"9";default:return a}})}function Ae({label:c,value:a,placeholder:l,onChange:v,onSelect:f,calendarClassName:ge,side:be="bottom",align:we="end",format:O="dd/MM/yyyy",language:ve="vi",mask:C,closeOnSelect:he=!1,showOutsideDays:qe=!0,calendarConfig:V,timeConfig:ee,desktopMode:I="popover",mobileMode:re="drawer",children:$,separator:pe=i.jsx(ue.MoveRight,{className:"ds:size-5"}),showTime:x=!1,timeFormat:h="HH:mm",hideDate:te=!1,numberOfMonths:De=1,variant:je="default",color:xe="primary",...n}){const oe=D.useId();let g,L;typeof O=="string"?(g=O,L=O):(g=O.input,L=O.output);let A;C===!0?A=Le(g):typeof C=="string"&&(A=C);const se=a?.from?j(a.from,g):void 0,ye=a?.to?j(a.to,g):void 0,Me={from:se,to:ye},[ne,k]=D.useState(!1),[s,m]=D.useState(Me),[Te,E]=D.useState(se||new Date),[F,q]=D.useState(a?.from||""),[R,p]=D.useState(a?.to||""),[_,B]=D.useState(void 0),[U,Y]=D.useState(void 0),K=D.useRef(null),G=D.useRef(null),ze=!!(F.trim()||R.trim()),J=V?.locale?V?.locale:ve==="en"?fe.enUS:fe.vi,t=e=>{if(!e)return"";let r=$e(e,L,J);return x&&(r+=` ${H.format(e,h)}`),r},Fe=e=>{m(e);const r=t(e?.from),o=t(e?.to);q(r),p(o),f?.(e,{from:r,to:o})},Re=e=>{if(q(e),e.trim()===""){q(""),p("");const b={from:void 0,to:void 0};m(b),f?.(b,b);return}let r;x?r=j(e,`${g} ${h}`):r=j(e,g);const o={from:r,to:s?.to};r?(m(o),E(r),B(r),f?.(o,{from:t(r),to:t(s?.to)})):(m(o),f?.(o,{from:t(s?.from),to:t(s?.to)}))},Ne=e=>{if(p(e),e.trim()===""){q(""),p("");const b={from:void 0,to:void 0};m(b),f?.(b,b);return}let r;x?r=j(e,`${g} ${h}`):r=j(e,g);const o={from:s?.from,to:r};r?(m(o),Y(r),f?.(o,{from:t(s?.from),to:t(r)})):(m(o),f?.(o,{from:t(s?.from),to:void 0}))},Pe=e=>{if(e){B(e);const r=new Date(s?.from||new Date);r.setHours(e.getHours(),e.getMinutes(),e.getSeconds(),0);const o={from:r,to:s?.to};m(o),q(t(r)),f?.(o,{from:t(r),to:t(s?.to)}),v?.(o,{from:t(r),to:t(s?.to)})}},He=e=>{if(e){Y(e);const r=new Date(s?.to||new Date);r.setHours(e.getHours(),e.getMinutes(),e.getSeconds(),0);const o={from:s?.from,to:r};m(o),p(t(r)),f?.(o,{from:t(s?.from),to:t(r)}),v?.(o,{from:t(s?.from),to:t(r)})}},ie=$?$({fromValue:F,toValue:R,range:s,onSelect:Fe,onFromChange:Re,onToChange:Ne}):i.jsxs(ke.default,{variant:"ghost",className:"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors",size:n?.size,children:[i.jsx(ue.CalendarIcon,{className:z.cn({"ds:size-3":n.size==="xs"||n.size==="sm","ds:size-3.5":!n.size||n.size==="normal","ds:size-4":n.size==="lg"||n.size==="xl"})}),i.jsx("span",{className:"ds:sr-only",children:"Select date range"})]}),ae=i.jsxs("div",{className:z.cn("ds:flex ds:items-stretch",x&&!te?"ds:gap-0":""),children:[!te&&i.jsx(Se.Calendar,{...V,mode:"range",selected:s,captionLayout:"dropdown",month:Te,onMonthChange:E,numberOfMonths:S.isMobile?1:De||1,variant:je,color:xe,onSelect:e=>{let r=e;if(x){const d=_,u=U;r={from:e?.from?new Date(e.from.getFullYear(),e.from.getMonth(),e.from.getDate(),d?.getHours()||0,d?.getMinutes()||0,d?.getSeconds()||0):void 0,to:e?.to?new Date(e.to.getFullYear(),e.to.getMonth(),e.to.getDate(),u?.getHours()||0,u?.getMinutes()||0,u?.getSeconds()||0):void 0}}m(r);const o=t(r?.from),b=t(r?.to);q(o),p(b),f?.(r,{from:o,to:b}),v?.(r,{from:o,to:b}),he&&r?.from&&r?.to&&!x&&k(!1)},locale:J,formatters:{formatMonthDropdown:e=>e.toLocaleString(J.code,{month:"short"})},showOutsideDays:qe,className:z.cn("ds:mx-auto",{"ds:[--cell-size:clamp(0px,calc(100vw/7.5),52px)] ds:mb-8 ds:bg-transparent":S.isMobile||I==="drawer","ds:[--cell-size:clamp(0px,calc(100vw/7.5),34px)]":!S.isMobile&&I!=="drawer"},ge)}),x&&i.jsxs("div",{className:"ds:flex ds:gap-0 ds:border-l ds:border-border",children:[i.jsx(le.TimePicker,{...ee?.[0],value:_?H.format(_,h):void 0,onSelect:Pe,format:h,showHours:!0,showMinutes:!0,showSeconds:h==="HH:mm:ss",standalone:!1}),i.jsx("div",{className:"ds:border-l ds:border-border"}),i.jsx(le.TimePicker,{...ee?.[1],value:U?H.format(U,h):void 0,onSelect:He,format:h,showHours:!0,showMinutes:!0,showSeconds:h==="HH:mm:ss",standalone:!1})]})]}),Q=i.jsxs(Z.Popover,{open:ne,onOpenChange:k,children:[i.jsx(Z.PopoverTrigger,{asChild:!0,disabled:n.disabled,children:ie}),i.jsx(Z.PopoverContent,{className:z.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background/50"),side:be,align:we,children:ae})]}),W=i.jsxs(P.Drawer,{open:ne,onOpenChange:k,children:[i.jsx(P.DrawerTrigger,{asChild:!0,children:ie}),i.jsxs(P.DrawerContent,{className:z.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background"),children:[i.jsxs(P.DrawerHeader,{className:"ds:sr-only",children:[i.jsx(P.DrawerTitle,{children:"Select date range"}),i.jsx(P.DrawerDescription,{children:"Set your date range"})]}),ae]})]});if($)return(S.isMobile?re:I)==="drawer"?W:Q;const de=(e,r,o,b)=>{const d=e==="from";return i.jsx(Ce.default,{...n,...b,ref:d?K:G,id:oe,size:n.isFloatLabel?n.size?n.size:"xl":n.size,className:n.className,inputClassName:z.cn("ds:border-0 ds:focus:ring-0 ds:rounded-none ds:hover:bg-transparent ds:active:bg-transparent ds:focus-visible:ring-0 ds:focus-visible:border-0 ds:shadow-none",d?"ds:pr-0":""),label:n.isFloatLabel&&typeof c=="object"?d?c?.from||"":c?.to||"":"",placeholder:typeof l=="object"?d?l?.from||"":l?.to||"":l,clearable:!d,value:r,mask:A,onChange:u=>{const y=u.target.value;if(o(y),y.trim()===""){q(""),p("");const M={from:void 0,to:void 0};m(M),f?.(M,M),v?.(M,M);return}let w;x?w=j(y,`${g} ${h}`):w=j(y,g);const N=d?{from:w,to:s?.to}:{from:s?.from,to:w};if(w){m(N),d&&E(w),d?B(w):Y(w);const M=t(d?w:s?.from),ce=t(d?s?.to:w);f?.(N,{from:M,to:ce}),v?.(N,{from:d?y:F,to:d?R:y})}else f?.(N,{from:t(s?.from),to:d?t(s?.to):void 0}),v?.(N,{from:t(s?.from),to:d?t(s?.to):void 0})},onClear:d?void 0:()=>{q(""),p("");const u={from:void 0,to:void 0};m(u),f?.(u,u),v?.(u,u)},onBlur:()=>{const u=document.activeElement;u!==K.current&&u!==G.current&&setTimeout(()=>{const y=document.activeElement;if(y!==K.current&&y!==G.current){const w=T=>{if(T.trim()==="")return!0;let X;return x?X=j(T,`${g} ${h}`):X=j(T,g),!!X},N=w(F),M=w(R);if(!N||!M||F.trim()&&!R.trim()||!F.trim()&&R.trim()){q(""),p("");const T={from:void 0,to:void 0};m(T),f?.(T,T),v?.(T,T)}}},100)},onKeyDown:u=>{u.key==="ArrowDown"&&(u.preventDefault(),k(!0))}})};return i.jsxs("div",{className:z.cn("ds:group ds:relative ds:flex ds:items-center ds:border ds:rounded-md ds:focus-within:ring-2 ds:focus-within:ring-offset-2 ds:bg-background ds:transition-[color,box-shadow]",{"ds:border-input ds:focus-within:ring-ring":!n.state,"ds:border-success ds:focus-within:ring-success":n.state==="success","ds:border-warning ds:focus-within:ring-warning":n.state==="warning","ds:border-error ds:focus-within:ring-error":n.state==="error"}),children:[de("from",F,q),i.jsx("span",{className:z.cn("ds:text-muted-foreground ds:select-none ds:pl-2",{"ds:opacity-30":n.disabled}),children:pe}),de("to",R,p,{suffixIcon:S.isMobile?re==="drawer"?W:Q:I==="drawer"?W:Q}),n.isFloatLabel&&typeof c=="string"&&i.jsx(Ie.FloatingLabel,{htmlFor:oe,size:n.size,infoTooltip:n.infoTooltip,className:"ds:z-10",shouldFloat:ze,children:c})]})}exports.RangePicker=Ae;
-//# sourceMappingURL=RangePicker.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),Oe=require("react"),Se=require("../../packages/ui/src/components/calendar.cjs"),Z=require("../../packages/ui/src/components/popover.cjs"),q=require("../../packages/ui/src/components/drawer.cjs"),F=require("../../packages/ui/src/lib/utils.cjs"),Ie=require("../Input/Input.cjs"),ke=require("../Button/Button.cjs"),ue=require("./TimePicker.cjs"),le=require("lucide-react"),S=require("react-device-detect"),H=require("date-fns"),fe=require("date-fns/locale"),me=require("../../constants/common.cjs"),Ce=require("../FloatLabel.cjs");function Ve(c){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const l in c)if(l!=="default"){const v=Object.getOwnPropertyDescriptor(c,l);Object.defineProperty(a,l,v.get?v:{enumerable:!0,get:()=>c[l]})}}return a.default=c,Object.freeze(a)}const j=Ve(Oe);function $e(c,a=me.DATE_FORMAT,l){return c?H.format(c,a,l?{locale:l}:void 0):""}const x=(c,a=me.DATE_FORMAT)=>{const l=H.parse(c,a,new Date);return H.isValid(l)?l:void 0};function Le(c){return c.replace(/dd|MM|yyyy/g,a=>{switch(a){case"dd":case"MM":return"99";case"yyyy":return"9999";default:return a}}).replace(/d|M|y/g,a=>{switch(a){case"d":case"M":return"9";case"y":return"9";default:return a}})}function _e({label:c,value:a,placeholder:l,onChange:v,onSelect:f,calendarClassName:ge,side:be="bottom",align:we="end",format:O="dd/MM/yyyy",language:ve="vi",mask:C,closeOnSelect:he=!1,showOutsideDays:pe=!0,calendarConfig:V,timeConfig:ee,desktopMode:I="popover",mobileMode:te="drawer",children:$,separator:De=i.jsx(le.MoveRight,{className:"ds:size-5"}),showTime:y=!1,timeFormat:h="HH:mm",hideDate:oe=!1,numberOfMonths:je=1,variant:xe="default",color:ye="primary",...n}){const re=j.useId();let g,L;typeof O=="string"?(g=O,L=O):(g=O.input,L=O.output);let _;C===!0?_=Le(g):typeof C=="string"&&(_=C);const se=a?.from?x(a.from,g):void 0,Me=a?.to?x(a.to,g):void 0,Te={from:se,to:Me},[ne,k]=j.useState(!1),[s,m]=j.useState(Te),[ze,A]=j.useState(se||new Date),[R,p]=j.useState(a?.from||""),[N,D]=j.useState(a?.to||""),[E,B]=j.useState(void 0),[U,Y]=j.useState(void 0),K=j.useRef(null),G=j.useRef(null),Fe=!!(R.trim()||N.trim()),J=V?.locale?V?.locale:ve==="en"?fe.enUS:fe.vi,o=e=>{if(!e)return"";let t=$e(e,L,J);return y&&(t+=` ${H.format(e,h)}`),t},Re=e=>{m(e);const t=o(e?.from),r=o(e?.to);p(t),D(r),f?.(e,{from:t,to:r})},Ne=e=>{if(p(e),e.trim()===""){p(""),D("");const b={from:void 0,to:void 0};m(b),f?.(b,b);return}let t;y?t=x(e,`${g} ${h}`):t=x(e,g);const r={from:t,to:s?.to};t?(m(r),A(t),B(t),f?.(r,{from:o(t),to:o(s?.to)})):(m(r),f?.(r,{from:o(s?.from),to:o(s?.to)}))},Pe=e=>{if(D(e),e.trim()===""){p(""),D("");const b={from:void 0,to:void 0};m(b),f?.(b,b);return}let t;y?t=x(e,`${g} ${h}`):t=x(e,g);const r={from:s?.from,to:t};t?(m(r),Y(t),f?.(r,{from:o(s?.from),to:o(t)})):(m(r),f?.(r,{from:o(s?.from),to:void 0}))},qe=e=>{if(e){B(e);const t=new Date(s?.from||new Date);t.setHours(e.getHours(),e.getMinutes(),e.getSeconds(),0);const r={from:t,to:s?.to};m(r),p(o(t)),f?.(r,{from:o(t),to:o(s?.to)}),v?.(r,{from:o(t),to:o(s?.to)})}},He=e=>{if(e){Y(e);const t=new Date(s?.to||new Date);t.setHours(e.getHours(),e.getMinutes(),e.getSeconds(),0);const r={from:s?.from,to:t};m(r),D(o(t)),f?.(r,{from:o(s?.from),to:o(t)}),v?.(r,{from:o(s?.from),to:o(t)})}},ie=$?$({fromValue:R,toValue:N,range:s,onSelect:Re,onFromChange:Ne,onToChange:Pe}):i.jsxs(ke.default,{variant:"ghost",className:"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors",size:n?.size,children:[i.jsx(le.CalendarIcon,{className:F.cn({"ds:size-3":n.size==="xs"||n.size==="sm","ds:size-3.5":!n.size||n.size==="normal","ds:size-4":n.size==="lg"||n.size==="xl"})}),i.jsx("span",{className:"ds:sr-only",children:"Select date range"})]}),ae=i.jsxs("div",{className:F.cn("ds:flex ds:items-stretch",y&&!oe?"ds:gap-0":""),children:[!oe&&i.jsx(Se.Calendar,{...V,mode:"range",selected:s,captionLayout:"dropdown",month:ze,onMonthChange:A,numberOfMonths:S.isMobile?1:je||1,variant:xe,color:ye,onSelect:e=>{let t=e;if(y){const d=E,u=U;t={from:e?.from?new Date(e.from.getFullYear(),e.from.getMonth(),e.from.getDate(),d?.getHours()||0,d?.getMinutes()||0,d?.getSeconds()||0):void 0,to:e?.to?new Date(e.to.getFullYear(),e.to.getMonth(),e.to.getDate(),u?.getHours()||0,u?.getMinutes()||0,u?.getSeconds()||0):void 0}}m(t);const r=o(t?.from),b=o(t?.to);p(r),D(b),f?.(t,{from:r,to:b}),v?.(t,{from:r,to:b}),he&&t?.from&&t?.to&&!y&&k(!1)},locale:J,formatters:{formatMonthDropdown:e=>e.toLocaleString(J.code,{month:"short"})},showOutsideDays:pe,className:F.cn("ds:mx-auto",{"ds:[--cell-size:clamp(0px,calc(100vw/7.5),52px)] ds:mb-8 ds:bg-transparent":S.isMobile||I==="drawer","ds:[--cell-size:clamp(0px,calc(100vw/7.5),34px)]":!S.isMobile&&I!=="drawer"},ge)}),y&&i.jsxs("div",{className:"ds:flex ds:gap-0 ds:border-l ds:border-border",children:[i.jsx(ue.TimePicker,{...ee?.[0],value:E?H.format(E,h):void 0,onSelect:qe,format:h,showHours:!0,showMinutes:!0,showSeconds:h==="HH:mm:ss",standalone:!1}),i.jsx("div",{className:"ds:border-l ds:border-border"}),i.jsx(ue.TimePicker,{...ee?.[1],value:U?H.format(U,h):void 0,onSelect:He,format:h,showHours:!0,showMinutes:!0,showSeconds:h==="HH:mm:ss",standalone:!1})]})]}),Q=i.jsxs(Z.Popover,{open:ne,onOpenChange:k,children:[i.jsx(Z.PopoverTrigger,{asChild:!0,disabled:n.disabled,children:ie}),i.jsx(Z.PopoverContent,{className:F.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background/50"),side:be,align:we,children:ae})]}),W=i.jsxs(q.Drawer,{open:ne,onOpenChange:k,children:[i.jsx(q.DrawerTrigger,{asChild:!0,children:ie}),i.jsxs(q.DrawerContent,{className:F.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background"),children:[i.jsxs(q.DrawerHeader,{className:"ds:sr-only",children:[i.jsx(q.DrawerTitle,{children:"Select date range"}),i.jsx(q.DrawerDescription,{children:"Set your date range"})]}),ae]})]});if($)return(S.isMobile?te:I)==="drawer"?W:Q;const de=(e,t,r,b)=>{const d=e==="from";return i.jsx(Ie.default,{...n,...b,ref:d?K:G,id:re,size:n.isFloatLabel?n.size?n.size:"xl":n.size,className:n.className,inputClassName:F.cn("ds:border-0 ds:focus:ring-0 ds:rounded-none ds:hover:bg-transparent ds:active:bg-transparent ds:focus-visible:ring-0 ds:focus-visible:border-0 ds:shadow-none",d?"ds:pr-0":""),label:n.isFloatLabel&&typeof c=="object"?d?c?.from||"":c?.to||"":"",placeholder:typeof l=="object"?d?l?.from||"":l?.to||"":l,clearable:!d,value:t,mask:_,onChange:u=>{const M=u.target.value;if(r(M),M.trim()===""){p(""),D("");const T={from:void 0,to:void 0};m(T),f?.(T,T),v?.(T,T);return}let w;y?w=x(M,`${g} ${h}`):w=x(M,g);const P=d?{from:w,to:s?.to}:{from:s?.from,to:w};if(w){m(P),d&&A(w),d?B(w):Y(w);const T=o(d?w:s?.from),ce=o(d?s?.to:w);f?.(P,{from:T,to:ce}),v?.(P,{from:d?M:R,to:d?N:M})}else f?.(P,{from:o(s?.from),to:d?o(s?.to):void 0}),v?.(P,{from:o(s?.from),to:d?o(s?.to):void 0})},onClear:d?void 0:()=>{p(""),D("");const u={from:void 0,to:void 0};m(u),f?.(u,u),v?.(u,u)},onBlur:()=>{const u=document.activeElement;u!==K.current&&u!==G.current&&setTimeout(()=>{const M=document.activeElement;if(M!==K.current&&M!==G.current){const w=z=>{if(z.trim()==="")return!0;let X;return y?X=x(z,`${g} ${h}`):X=x(z,g),!!X},P=w(R),T=w(N);if(!P||!T||R.trim()&&!N.trim()||!R.trim()&&N.trim()){p(""),D("");const z={from:void 0,to:void 0};m(z),f?.(z,z),v?.(z,z)}}},100)},onKeyDown:u=>{u.key==="ArrowDown"&&(u.preventDefault(),k(!0))}})};return i.jsxs("div",{className:F.cn("ds:group ds:relative ds:flex ds:items-center ds:border ds:rounded-md ds:focus-within:ring-2 ds:focus-within:ring-offset-2 ds:bg-background ds:transition-[color,box-shadow]",{"ds:border-input ds:focus-within:ring-ring":!n.state,"ds:border-success ds:focus-within:ring-success":n.state==="success","ds:border-warning ds:focus-within:ring-warning":n.state==="warning","ds:border-error ds:focus-within:ring-error":n.state==="error"}),children:[de("from",R,p),i.jsx("span",{className:F.cn("ds:text-muted-foreground ds:select-none ds:pl-2",{"ds:opacity-30":n.disabled}),children:De}),de("to",N,D,{suffixIcon:S.isMobile?te==="drawer"?W:Q:I==="drawer"?W:Q}),n.isFloatLabel&&typeof c=="string"&&i.jsx(Ce.FloatingLabel,{htmlFor:re,size:n.size,infoTooltip:n.infoTooltip,className:"ds:z-10",shouldFloat:Fe,children:c})]})}exports.RangePicker=_e;

package/dist/cjs/components/DatePicker/TimePicker.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const j=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");const Oe=require("lucide-react");require("react-day-picker");const Z=require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");const M=require("../../packages/ui/src/components/drawer.cjs");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const we=require("react-device-detect"),_=require("../WheelColumn.cjs"),Ie=require("../TimeGridView.cjs"),z=require("date-fns"),Ee=require("../Select/Select.cjs"),B=require("../Button/Button.cjs"),$e=require("../Input/Input.cjs"),L=(i,m=1)=>{const b=[];for(let v=0;v<i;v+=m)b.push(v);return b},$=i=>String(i).padStart(2,"0"),He=(i,m="HH:mm")=>!i||!z.isValid(i)?"":z.format(i,m),Te=(i,m="HH:mm")=>{if(!i)return;const b=new Date,v=z.parse(i,m,b);if(z.isValid(v))return v};function ze(i){return i.replace(/HH|mm|ss/g,m=>{switch(m){case"HH":case"mm":case"ss":return"99";default:return m}}).replace(/H|m|s/g,()=>"9")}function Ue({value:i,onChange:m,onSelect:b,showHours:v=!0,showMinutes:ee=!0,showSeconds:k=!1,disabled:q=!1,className:se,timeLabel:u,mask:U,format:N,mode:l="wheel",hourInterval:te=1,minuteInterval:re=1,secondInterval:ne=1,disabledTimes:oe=[],disabledTimeRanges:ie=[],showNowButton:ce=!1,nowButtonLabel:ue="Now",standalone:F=!0,desktopMode:le="popover",mobileMode:Se="drawer",color:O="primary",isOpen:ae,...Ne}){let C,w;typeof N=="string"?(C=N,w=N):N?(C=N.input,w=N.output):(C=k?"HH:mm:ss":"HH:mm",w=k?"HH:mm:ss":"HH:mm");const[h,H]=o.useState(void 0),[p,T]=o.useState(void 0),[x,S]=o.useState(void 0),[I,de]=o.useState(!1);o.useEffect(()=>{if(i){const e=Te(i,C);e&&(H(e.getHours()),T(e.getMinutes()),S(e.getSeconds()))}else H(void 0),T(void 0),S(void 0)},[i,C]);const G=o.useRef(null),A=o.useRef(null),W=o.useRef(null),J=o.useRef(null),D=o.useMemo(()=>L(24,te),[te]),y=o.useMemo(()=>L(60,re),[re]),R=o.useMemo(()=>L(60,ne),[ne]),a=o.useCallback((e,s,t=0)=>{const n=`${$(e??0)}:${$(s??0)}${k?`:${$(t??0)}`:""}`;if(oe.includes(n))return!0;for(const d of ie){const[f,c,g=0]=d.from.split(":").map(Number),[E,Re,Ve=0]=d.to.split(":").map(Number),Ce=(e??0)*3600+(s??0)*60+(t??0),Pe=f*3600+c*60+g,Fe=E*3600+Re*60+Ve;if(Ce>=Pe&&Ce<=Fe)return!0}return!1},[oe,ie,k]),K=o.useCallback(e=>{if(u)return typeof u=="boolean"?u?e==="hours"?"Hour":e==="minutes"?"Minute":"Second":void 0:typeof u=="string"?u:e==="hours"?u.hours||"Hour":e==="minutes"?u.minutes||"Minute":u.seconds||"Second"},[u]),fe=typeof u=="string"&&r.jsx("div",{className:"ds:text-xs ds:font-semibold ds:text-muted-foreground ds:uppercase ds:p-2 ds:border-b ds:w-full ds:text-center",children:u},"common-label"),De=o.useCallback((e,s,t=0)=>{const n=D.reduce((c,g)=>Math.abs(g-e)<Math.abs(c-e)?g:c),d=y.reduce((c,g)=>Math.abs(g-s)<Math.abs(c-s)?g:c),f=R.reduce((c,g)=>Math.abs(g-t)<Math.abs(c-t)?g:c);if(a(n,d,f)){for(const c of D)for(const g of y)for(const E of R)if(!a(c,g,E))return{h:c,m:g,s:E}}return{h:n,m:d,s:f}},[D,y,R,a]),V=o.useCallback((e,s,t)=>{const n=new Date;n.setHours(e,s,t,0);const d=He(n,w);m?.(void 0,d,n),b?.(n,d)},[w,m,b]),me=e=>{a(e,p,x)||(H(e),V(e,p??0,x??0))},he=e=>{a(h,e,x)||(T(e),V(h??0,e,x??0))},pe=e=>{a(h,p,e)||(S(e),V(h??0,p??0,e))},P=o.useCallback(e=>{if(e.current){const s=e.current.querySelector("[data-selected]");if(s){const t=e.current,n=t.clientHeight,d=s.offsetTop,f=s.clientHeight,c=d-n/2+f/2;t.scrollTo({top:c,behavior:"smooth"})}}},[]),Q=o.useCallback(()=>{l==="wheel"?(P(G),P(A),P(W)):l==="compact"&&P(J)},[G,A,W,J,l,P]),ge=()=>{const e=new Date,{h:s,m:t,s:n}=De(e.getHours(),e.getMinutes(),e.getSeconds());H(s),T(t),S(n),V(s,t,n),setTimeout(()=>Q(),100)};o.useEffect(()=>{if((F?I:ae)||(h!==void 0||p!==void 0||x!==void 0)){const t=setTimeout(()=>Q(),100);return()=>clearTimeout(t)}},[I,ae,F,l,Q,h,p,x]);const X=o.memo(({items:e,value:s,onChange:t,timeLabel:n,type:d})=>r.jsxs("div",{className:"ds:flex ds:flex-col ds:gap-2",children:[n&&r.jsx("div",{className:"ds:text-xs ds:font-semibold ds:text-muted-foreground ds:uppercase ds:p-2 ds:border-b ds:w-full ds:text-center",children:n}),r.jsx("div",{className:"ds:p-2",children:r.jsx(Ee.default,{value:s?.toString()||"",onValueChange:f=>t(Number(f)),disabled:q,clearable:!1,search:!1,options:e.map(f=>{const c=d==="hours"&&a(f,p,x)||d==="minutes"&&a(h,f,x)||d==="seconds"&&a(h,p,f);return{label:$(f),value:f.toString(),disabled:c}})})})]})),ye=(e,s)=>{a(e,s,0)||(H(e),T(s),S(0),V(e,s,0))},xe=()=>{const e=[];if(l==="compact")return r.jsx(Ie.TimeGridView,{HOURS:D,MINUTES:y,hours:h,minutes:p,disabled:q,isTimeDisabled:a,onTimeSelect:ye,ref:J,color:O});if(v){const s=typeof u=="string"?void 0:K("hours");l==="wheel"?e.push(r.jsx(_.TimeColumnwheel,{ref:G,items:D,value:h,onChange:me,timeLabel:s,isItemDisabled:t=>a(t,p,x),disabled:q,color:O},"hours")):l==="select"&&e.push(r.jsx(X,{items:D,value:h,onChange:me,timeLabel:s,type:"hours"},"hours"))}if(ee){const s=typeof u=="string"?void 0:K("minutes");l==="wheel"?e.push(r.jsx(_.TimeColumnwheel,{ref:A,items:y,value:p,onChange:he,timeLabel:s,itemClassName:v?"ds:border-l":void 0,isItemDisabled:t=>a(h,t,x),disabled:q,color:O},"minutes")):l==="select"&&e.push(r.jsx(X,{items:y,value:p,onChange:he,timeLabel:s,type:"minutes"},"minutes"))}if(k){const s=typeof u=="string"?void 0:K("seconds");l==="wheel"?e.push(r.jsx(_.TimeColumnwheel,{ref:W,items:R,value:x,onChange:pe,timeLabel:s,itemClassName:ee||v?"ds:border-l":void 0,isItemDisabled:t=>a(h,p,t),disabled:q,color:O},"seconds")):l==="select"&&e.push(r.jsx(X,{items:R,value:x,onChange:pe,timeLabel:s,type:"seconds"},"seconds"))}return e};if(!F)return r.jsxs("div",{className:j.cn("ds:flex ds:flex-col ds:gap-2 ds:h-full ds:justify-between",se),children:[fe,r.jsx("div",{className:j.cn("ds:flex ds:rounded ds:overflow-clip ds:mb-auto",l==="wheel"?"ds:items-end ds:justify-center ds:p-0 ds:h-72":"ds:items-start ds:justify-center"),children:xe()}),ce&&r.jsx(B.default,{type:"button",variant:"solid",size:"xs",onClick:ge,disabled:q,className:j.cn("ds:rounded-none"),children:ue})]});const ve=r.jsxs("div",{className:j.cn("ds:flex ds:flex-col ds:gap-4 ds:h-full",se),children:[fe,r.jsx("div",{className:j.cn("ds:flex ds:rounded ds:overflow-clip ds:my-auto ds:mx-auto ds:max-w-sm ds:md:max-w-md ds:lg:max-w-lg ds:relative",l==="wheel"?"ds:items-end ds:justify-center ds:p-0":"ds:items-start ds:justify-center",{"ds:h-72":l==="wheel","ds:w-xs":F&&(we.isMobile||le==="drawer")}),children:xe()}),ce&&r.jsx(B.default,{type:"button",variant:"solid",size:"xs",onClick:ge,disabled:q,className:j.cn("ds:rounded-none"),children:ue})]}),qe=r.jsxs(B.default,{variant:"ghost",className:"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors",disabled:q,children:[r.jsx(Oe.Clock,{className:"ds:size-4"}),r.jsx("span",{className:"ds:sr-only",children:"Select time"})]}),be=r.jsxs(Z.Popover,{open:I,onOpenChange:de,children:[r.jsx(Z.PopoverTrigger,{asChild:!0,disabled:q,children:qe}),r.jsx(Z.PopoverContent,{className:j.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background/50"),children:ve})]}),je=r.jsxs(M.Drawer,{open:I,onOpenChange:de,children:[r.jsx(M.DrawerTrigger,{asChild:!0,children:qe}),r.jsxs(M.DrawerContent,{className:j.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background"),children:[r.jsxs(M.DrawerHeader,{className:"ds:sr-only",children:[r.jsx(M.DrawerTitle,{children:"Select time"}),r.jsx(M.DrawerDescription,{children:"Choose a time"})]}),ve]})]}),Me=w;let Y;U===!0?Y=ze(C):typeof U=="string"&&(Y=U);const ke=e=>{const s=e.target.value,t=Te(s,C);if(t){H(t.getHours()),T(t.getMinutes()),S(t.getSeconds());const n=He(t,w);m?.(e,n,t),b?.(t,n)}else H(0),T(0),S(0),m?.(e,s,void 0),b?.(void 0,s)};return r.jsx($e.default,{...Ne,clearable:!0,value:i||"",placeholder:Me,mask:Y,disabled:q,className:"ds:cursor-pointer",onChange:ke,suffixIcon:we.isMobile?Se==="drawer"?je:be:le==="drawer"?je:be})}exports.TimePicker=Ue;
-//# sourceMappingURL=TimePicker.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),C=require("../../packages/ui/src/lib/utils.cjs"),Y=require("../Button/Button.cjs"),Oe=require("../Select/Select.cjs"),Ie=require("../Input/Input.cjs"),Z=require("../../packages/ui/src/components/popover.cjs"),k=require("../../packages/ui/src/components/drawer.cjs"),He=require("react-device-detect"),Ee=require("lucide-react"),B=require("../WheelColumn.cjs"),$e=require("../TimeGridView.cjs"),z=require("date-fns"),L=(i,m=1)=>{const j=[];for(let v=0;v<i;v+=m)j.push(v);return j},$=i=>String(i).padStart(2,"0"),Te=(i,m="HH:mm")=>!i||!z.isValid(i)?"":z.format(i,m),Se=(i,m="HH:mm")=>{if(!i)return;const j=new Date,v=z.parse(i,m,j);if(z.isValid(v))return v};function ze(i){return i.replace(/HH|mm|ss/g,m=>{switch(m){case"HH":case"mm":case"ss":return"99";default:return m}}).replace(/H|m|s/g,()=>"9")}function Ue({value:i,onChange:m,onSelect:j,showHours:v=!0,showMinutes:ee=!0,showSeconds:q=!1,disabled:b=!1,className:se,timeLabel:l,mask:U,format:D,mode:a="wheel",hourInterval:te=1,minuteInterval:ne=1,secondInterval:re=1,disabledTimes:oe=[],disabledTimeRanges:ie=[],showNowButton:ce=!1,nowButtonLabel:le="Now",standalone:F=!0,desktopMode:ae="popover",mobileMode:Ne="drawer",color:O="primary",isOpen:ue,...De}){let w,H;typeof D=="string"?(w=D,H=D):D?(w=D.input,H=D.output):(w=q?"HH:mm:ss":"HH:mm",H=q?"HH:mm:ss":"HH:mm");const[h,T]=o.useState(void 0),[p,S]=o.useState(void 0),[x,N]=o.useState(void 0),[I,de]=o.useState(!1);o.useEffect(()=>{if(i){const e=Se(i,w);e&&(T(e.getHours()),S(e.getMinutes()),N(e.getSeconds()))}else T(void 0),S(void 0),N(void 0)},[i,w]);const G=o.useRef(null),_=o.useRef(null),A=o.useRef(null),W=o.useRef(null),y=o.useMemo(()=>L(24,te),[te]),M=o.useMemo(()=>L(60,ne),[ne]),R=o.useMemo(()=>L(60,re),[re]),u=o.useCallback((e,s,t=0)=>{const r=`${$(e??0)}:${$(s??0)}${q?`:${$(t??0)}`:""}`;if(oe.includes(r))return!0;for(const d of ie){const[f,c,g=0]=d.from.split(":").map(Number),[E,Re,Ve=0]=d.to.split(":").map(Number),we=(e??0)*3600+(s??0)*60+(t??0),Pe=f*3600+c*60+g,Fe=E*3600+Re*60+Ve;if(we>=Pe&&we<=Fe)return!0}return!1},[oe,ie,q]),J=o.useCallback(e=>{if(l)return typeof l=="boolean"?l?e==="hours"?"Hour":e==="minutes"?"Minute":"Second":void 0:typeof l=="string"?l:e==="hours"?l.hours||"Hour":e==="minutes"?l.minutes||"Minute":l.seconds||"Second"},[l]),fe=typeof l=="string"&&n.jsx("div",{className:"ds:text-xs ds:font-semibold ds:text-muted-foreground ds:uppercase ds:p-2 ds:border-b ds:w-full ds:text-center",children:l},"common-label"),ye=o.useCallback((e,s,t=0)=>{const r=y.reduce((c,g)=>Math.abs(g-e)<Math.abs(c-e)?g:c),d=M.reduce((c,g)=>Math.abs(g-s)<Math.abs(c-s)?g:c),f=R.reduce((c,g)=>Math.abs(g-t)<Math.abs(c-t)?g:c);if(u(r,d,f)){for(const c of y)for(const g of M)for(const E of R)if(!u(c,g,E))return{h:c,m:g,s:E}}return{h:r,m:d,s:f}},[y,M,R,u]),V=o.useCallback((e,s,t)=>{const r=new Date;r.setHours(e,s,t,0);const d=Te(r,H);m?.(void 0,d,r),j?.(r,d)},[H,m,j]),me=e=>{u(e,p,x)||(T(e),V(e,p??0,x??0))},he=e=>{u(h,e,x)||(S(e),V(h??0,e,x??0))},pe=e=>{u(h,p,e)||(N(e),V(h??0,p??0,e))},P=o.useCallback(e=>{if(e.current){const s=e.current.querySelector("[data-selected]");if(s){const t=e.current,r=t.clientHeight,d=s.offsetTop,f=s.clientHeight,c=d-r/2+f/2;t.scrollTo({top:c,behavior:"smooth"})}}},[]),K=o.useCallback(()=>{a==="wheel"?(P(G),P(_),P(A)):a==="compact"&&P(W)},[G,_,A,W,a,P]),ge=()=>{const e=new Date,{h:s,m:t,s:r}=ye(e.getHours(),e.getMinutes(),e.getSeconds());T(s),S(t),N(r),V(s,t,r),setTimeout(()=>K(),100)};o.useEffect(()=>{if((F?I:ue)||(h!==void 0||p!==void 0||x!==void 0)){const t=setTimeout(()=>K(),100);return()=>clearTimeout(t)}},[I,ue,F,a,K,h,p,x]);const Q=o.memo(({items:e,value:s,onChange:t,timeLabel:r,type:d})=>n.jsxs("div",{className:"ds:flex ds:flex-col ds:gap-2",children:[r&&n.jsx("div",{className:"ds:text-xs ds:font-semibold ds:text-muted-foreground ds:uppercase ds:p-2 ds:border-b ds:w-full ds:text-center",children:r}),n.jsx("div",{className:"ds:p-2",children:n.jsx(Oe.default,{value:s?.toString()||"",onValueChange:f=>t(Number(f)),disabled:b,clearable:!1,search:!1,options:e.map(f=>{const c=d==="hours"&&u(f,p,x)||d==="minutes"&&u(h,f,x)||d==="seconds"&&u(h,p,f);return{label:$(f),value:f.toString(),disabled:c}})})})]})),Me=(e,s)=>{u(e,s,0)||(T(e),S(s),N(0),V(e,s,0))},xe=()=>{const e=[];if(a==="compact")return n.jsx($e.TimeGridView,{HOURS:y,MINUTES:M,hours:h,minutes:p,disabled:b,isTimeDisabled:u,onTimeSelect:Me,ref:W,color:O});if(v){const s=typeof l=="string"?void 0:J("hours");a==="wheel"?e.push(n.jsx(B.TimeColumnwheel,{ref:G,items:y,value:h,onChange:me,timeLabel:s,isItemDisabled:t=>u(t,p,x),disabled:b,color:O},"hours")):a==="select"&&e.push(n.jsx(Q,{items:y,value:h,onChange:me,timeLabel:s,type:"hours"},"hours"))}if(ee){const s=typeof l=="string"?void 0:J("minutes");a==="wheel"?e.push(n.jsx(B.TimeColumnwheel,{ref:_,items:M,value:p,onChange:he,timeLabel:s,itemClassName:v?"ds:border-l":void 0,isItemDisabled:t=>u(h,t,x),disabled:b,color:O},"minutes")):a==="select"&&e.push(n.jsx(Q,{items:M,value:p,onChange:he,timeLabel:s,type:"minutes"},"minutes"))}if(q){const s=typeof l=="string"?void 0:J("seconds");a==="wheel"?e.push(n.jsx(B.TimeColumnwheel,{ref:A,items:R,value:x,onChange:pe,timeLabel:s,itemClassName:ee||v?"ds:border-l":void 0,isItemDisabled:t=>u(h,p,t),disabled:b,color:O},"seconds")):a==="select"&&e.push(n.jsx(Q,{items:R,value:x,onChange:pe,timeLabel:s,type:"seconds"},"seconds"))}return e};if(!F)return n.jsxs("div",{className:C.cn("ds:flex ds:flex-col ds:gap-2 ds:h-full ds:justify-between",se),children:[fe,n.jsx("div",{className:C.cn("ds:flex ds:rounded ds:overflow-clip ds:mb-auto",a==="wheel"?"ds:items-end ds:justify-center ds:p-0 ds:h-72":"ds:items-start ds:justify-center"),children:xe()}),ce&&n.jsx(Y.default,{type:"button",variant:"solid",size:"xs",onClick:ge,disabled:b,className:C.cn("ds:rounded-none"),children:le})]});const ve=n.jsxs("div",{className:C.cn("ds:flex ds:flex-col ds:gap-4 ds:h-full",se),children:[fe,n.jsx("div",{className:C.cn("ds:flex ds:rounded ds:overflow-clip ds:my-auto ds:mx-auto ds:max-w-sm ds:md:max-w-md ds:lg:max-w-lg ds:relative",a==="wheel"?"ds:items-end ds:justify-center ds:p-0":"ds:items-start ds:justify-center",{"ds:h-72":a==="wheel","ds:w-xs":F&&(He.isMobile||ae==="drawer")}),children:xe()}),ce&&n.jsx(Y.default,{type:"button",variant:"solid",size:"xs",onClick:ge,disabled:b,className:C.cn("ds:rounded-none"),children:le})]}),be=n.jsxs(Y.default,{variant:"ghost",className:"ds:!p-1 ds:!leading-0 ds:h-auto ds:rounded ds:hover:bg-accent ds:transition-colors",disabled:b,children:[n.jsx(Ee.Clock,{className:"ds:size-4"}),n.jsx("span",{className:"ds:sr-only",children:"Select time"})]}),je=n.jsxs(Z.Popover,{open:I,onOpenChange:de,children:[n.jsx(Z.PopoverTrigger,{asChild:!0,disabled:b,children:be}),n.jsx(Z.PopoverContent,{className:C.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background/50"),children:ve})]}),Ce=n.jsxs(k.Drawer,{open:I,onOpenChange:de,children:[n.jsx(k.DrawerTrigger,{asChild:!0,children:be}),n.jsxs(k.DrawerContent,{className:C.cn("ds:w-auto ds:overflow-hidden ds:p-0","ds:backdrop-blur ds:bg-background"),children:[n.jsxs(k.DrawerHeader,{className:"ds:sr-only",children:[n.jsx(k.DrawerTitle,{children:"Select time"}),n.jsx(k.DrawerDescription,{children:"Choose a time"})]}),ve]})]}),ke=H;let X;U===!0?X=ze(w):typeof U=="string"&&(X=U);const qe=e=>{const s=e.target.value,t=Se(s,w);if(t){T(t.getHours()),S(t.getMinutes()),N(t.getSeconds());const r=Te(t,H);m?.(e,r,t),j?.(t,r)}else T(0),S(0),N(0),m?.(e,s,void 0),j?.(void 0,s)};return n.jsx(Ie.default,{...De,clearable:!0,value:i||"",placeholder:ke,mask:X,disabled:b,className:"ds:cursor-pointer",onChange:qe,suffixIcon:He.isMobile?Ne==="drawer"?Ce:je:ae==="drawer"?Ce:je})}exports.TimePicker=Ue;

package/dist/cjs/components/DatePicker/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DatePicker.cjs"),r=require("./RangePicker.cjs"),i=require("./TimePicker.cjs");exports.DatePicker=e.DatePicker;exports.RangePicker=r.RangePicker;exports.TimePicker=i.TimePicker;

package/dist/cjs/components/Dialog/Dialog.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),b=require("react"),t=require("../../packages/ui/src/components/dialog.cjs"),i=require("../../packages/ui/src/components/alert-dialog.cjs"),I=require("../../packages/ui/src/components/scroll-area.cjs"),e=require("../../packages/ui/src/lib/utils.cjs"),W=require("../../utils/animations.cjs"),y=require("lucide-react"),S=require("../Button/Button.cjs"),X={dialog:null,confirm:s.jsx("div",{className:"ds:size-12 ds:flex ds:items-center ds:justify-center ds:rounded-full ds:bg-success/10 ds:mx-auto ds:mb-4",children:s.jsx(y.CheckCircle2,{className:"ds:size-6 ds:text-success"})}),alert:s.jsx("div",{className:"ds:size-12 ds:flex ds:items-center ds:justify-center ds:rounded-full ds:bg-error/10 ds:mx-auto ds:mb-4",children:s.jsx(y.AlertCircle,{className:"ds:size-5 ds:text-error"})}),info:s.jsx("div",{className:"ds:size-12 ds:flex ds:items-center ds:justify-center ds:rounded-full ds:bg-blue-500/10 ds:mx-auto ds:mb-4",children:s.jsx(y.Info,{className:"ds:size-5 ds:text-blue-500"})}),warning:s.jsx("div",{className:"ds:size-12 ds:flex ds:items-center ds:justify-center ds:rounded-full ds:bg-warning/10 ds:mx-auto ds:mb-4",children:s.jsx(y.AlertTriangle,{className:"ds:size-5 ds:text-warning"})})},Y={dialog:"",confirm:"border-blue-500/20",alert:"border-red-500/20",info:"border-blue-500/20",warning:"border-yellow-500/20"},Z={sm:"ds:sm:max-w-sm",md:"ds:sm:max-w-md",lg:"ds:sm:max-w-lg",xl:"ds:sm:max-w-xl","2xl":"ds:sm:max-w-2xl ds:max-h-[90vh]","3xl":"ds:sm:max-w-3xl ds:max-h-[90vh]","4xl":"ds:sm:max-w-4xl ds:max-h-[90vh]",full:"ds:sm:max-w-[95vw] ds:h-[98vh]"},$={center:"ds:!top-[50%] ds:!left-[50%] ds:!translate-x-[-50%] ds:!translate-y-[-50%]",top:"ds:!top-4 ds:!left-[50%] ds:!translate-x-[-50%] ds:!translate-y-0",bottom:"ds:!top-auto ds:!bottom-4 ds:!left-[50%] ds:!translate-x-[-50%] ds:!translate-y-0",left:"ds:!left-4 ds:!top-[50%] ds:!translate-x-0 ds:!translate-y-[-50%]",right:"ds:!left-auto ds:!right-4 ds:!top-[50%] ds:!translate-x-0 ds:!translate-y-[-50%]","top-left":"ds:!top-4 ds:!left-4 ds:!translate-x-0 ds:!translate-y-0","top-right":"ds:!top-4 ds:!left-auto ds:!right-4 ds:!translate-x-0 ds:!translate-y-0","bottom-left":"ds:!top-auto ds:!bottom-4 ds:!left-4 ds:!translate-x-0 ds:!translate-y-0","bottom-right":"ds:!top-auto ds:!bottom-4 ds:!left-auto ds:!right-4 ds:!translate-x-0 ds:!translate-y-0"},E=b.forwardRef((K,v)=>{const{variant:C="dialog",open:w,onOpenChange:A,title:l,description:a,children:u,trigger:f,footer:r,closeOnEsc:z=!0,closeOnOutside:_=!0,showCloseButton:P=!0,position:G="center",size:J="md",fullscreen:k=!1,scrollable:q=!0,stickyHeader:n=!1,stickyFooter:o=!1,animation:c,className:T,contentClassName:B,headerClassName:L,titleClassName:h,descriptionClassName:g,footerClassName:Q,confirmButton:m,cancelButton:x,showIcon:U=!0,backdropFilter:F=2,overlay:O="dark"}=K,V=b.useMemo(()=>c?W.animationClass(c):{className:""},[c]),M=e.cn("ds:!p-0 ds:!gap-0 ds:flex ds:flex-col",Z[k?"full":J],$[G],Y[C],V.className,k?"ds:h-[98vh]":"ds:max-h-[90vh]"),p=e.cn("ds:px-6 ds:pt-6 ds:text-left",!q&&"ds:contents ds:space-y-0",L),j=e.cn("ds:px-6 ds:pb-6 ds:sm:justify-end",!q&&"ds:border-t ds:py-4",Q),N=U?X[C]:null,R=b.useMemo(()=>l||N||a?s.jsxs(i.AlertDialogHeader,{className:e.cn("ds:flex ds:items-center ds:gap-2 ds:py-4",{"ds:border-b":n},p),children:[(l||N)&&s.jsxs(i.AlertDialogTitle,{className:e.cn(h),children:[N,l]}),a&&s.jsx(i.AlertDialogDescription,{className:g,children:a})]}):null,[l,N,a,p,h,g,n]),H=b.useMemo(()=>{const d={variant:"solid",color:"primary",...m,text:m?.text??"Confirm"},D={variant:"outline",...x,text:x?.text??"Cancel"};return r||m||x?s.jsx(i.AlertDialogFooter,{className:e.cn("ds:py-4",{"ds:border-t":o},j),children:r||s.jsxs(s.Fragment,{children:[x&&s.jsx(S.default,{...D,onClick:()=>{D.onClick?.()},children:D.text}),m&&s.jsx(S.default,{...d,onClick:()=>{d.onClick?.()},children:d.text})]})}):null},[r,j,m,x,o]);return C!=="dialog"?s.jsxs(i.AlertDialog,{open:w,onOpenChange:A,children:[f&&s.jsx(i.AlertDialogTrigger,{asChild:!0,children:f}),s.jsxs(i.AlertDialogContent,{ref:v,className:e.cn(T,M),onEscapeKeyDown:d=>!z&&d.preventDefault(),noDefaultAnimation:!!c,backdropFilter:F,overlay:O,children:[n&&R,s.jsxs(I.ScrollArea,{className:"ds:flex ds:max-h-full ds:flex-col ds:overflow-hidden",children:[!n&&R,u&&s.jsx("div",{className:e.cn("ds:px-6 ds:py-4",B),children:u}),!o&&H]}),o&&H]})]}):s.jsxs(t.Dialog,{open:w,onOpenChange:A,children:[f&&s.jsx(t.DialogTrigger,{asChild:!0,children:f}),s.jsxs(t.DialogContent,{ref:v,className:e.cn(T,M),showCloseButton:P,onEscapeKeyDown:d=>!z&&d.preventDefault(),onInteractOutside:d=>!_&&d.preventDefault(),noDefaultAnimation:!!c,backdropFilter:F,overlay:O,children:[n&&(l||a)&&s.jsxs(t.DialogHeader,{className:e.cn({"ds:py-4 ds:border-b":n},p),children:[l&&s.jsx(t.DialogTitle,{className:h,children:l}),a&&s.jsx(t.DialogDescription,{className:g,children:a})]}),s.jsxs(I.ScrollArea,{className:"ds:flex ds:max-h-full ds:flex-col ds:overflow-hidden",children:[!n&&(l||a)&&s.jsxs(t.DialogHeader,{className:e.cn("ds:py-4",p),children:[l&&s.jsx(t.DialogTitle,{className:h,children:l}),a&&s.jsx(t.DialogDescription,{className:g,children:a})]}),u&&s.jsx("div",{className:e.cn("ds:px-6 ds:py-4",B),children:u}),!o&&r&&s.jsx(t.DialogFooter,{className:e.cn("ds:py-4",j),children:r})]}),o&&r&&s.jsx(t.DialogFooter,{className:e.cn({"ds:py-4 ds:border-t":o},j),children:r})]})]})});E.displayName="Dialog";exports.default=E;
-//# sourceMappingURL=Dialog.cjs.map

package/dist/cjs/components/Dialog/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Dialog.cjs");exports.Dialog=e.default;exports.default=e.default;

package/dist/cjs/components/DropdownMenu/DropdownMenu.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),u=require("react"),s=require("../../packages/ui/src/components/dropdown-menu.cjs"),l=require("../../packages/ui/src/lib/utils.cjs"),y=u.forwardRef((v,i)=>{const{open:p,defaultOpen:h,onOpenChange:x,modal:d=!1,children:M,trigger:c,content:t,items:r,side:O="bottom",align:S="start",sideOffset:P,alignOffset:R,portal:q=!0,contextMenu:j=!1,className:w,contentClassName:b,triggerClassName:g}=v,[I,C]=u.useState(!1),[f,T]=u.useState({x:0,y:0}),D=o=>{j&&(o.preventDefault(),T({x:o.clientX,y:o.clientY}),C(!0))};if(M)return n.jsx(s.DropdownMenu,{open:p,defaultOpen:h,onOpenChange:x,modal:d,children:M});const a=o=>o.map(e=>{switch(e.type){case"separator":return n.jsx(s.DropdownMenuSeparator,{},e.key);case"group":return n.jsxs(s.DropdownMenuGroup,{children:[e.label&&n.jsx(s.DropdownMenuLabel,{children:e.label}),a(e.children)]},e.key);case"checkbox":return n.jsxs(s.DropdownMenuCheckboxItem,{checked:e.checked,disabled:e.disabled,className:e.className,onCheckedChange:E=>{E&&e.onClick&&e.onClick()},children:[e.icon&&n.jsx("span",{className:"ds:mr-2",children:e.icon}),e.label]},e.key);case"radio":return n.jsx(s.DropdownMenuRadioGroup,{value:e.group,children:n.jsxs(s.DropdownMenuRadioItem,{value:e.key,disabled:e.disabled,onClick:e.onClick,className:e.className,children:[e.icon&&n.jsx("span",{className:"ds:mr-2",children:e.icon}),e.label]})},e.key);default:return e.children&&e.children.length>0?n.jsxs(s.DropdownMenuSub,{children:[n.jsxs(s.DropdownMenuSubTrigger,{disabled:e.disabled,className:l.cn(e.disabled?"ds:opacity-50 ds:cursor-not-allowed":"",e.className),children:[e.icon&&n.jsx("span",{className:"ds:mr-2",children:e.icon}),e.label]}),n.jsx(s.DropdownMenuSubContent,{children:a(e.children)})]},e.key):n.jsxs(s.DropdownMenuItem,{disabled:e.disabled,variant:e.variant,onClick:e.onClick,className:e.className,children:[e.icon&&n.jsx("span",{className:"ds:mr-2",children:e.icon}),e.label]},e.key)}});if(j)return n.jsxs(n.Fragment,{children:[n.jsx("div",{onContextMenu:D,className:l.cn(g),children:c}),n.jsxs(s.DropdownMenu,{open:I,onOpenChange:C,modal:d,children:[n.jsx(s.DropdownMenuTrigger,{asChild:!0,children:n.jsx("div",{className:"ds:fixed",style:{left:f.x,top:f.y,width:1,height:1}})}),n.jsx(s.DropdownMenuPortal,{children:n.jsxs(s.DropdownMenuContent,{ref:i,className:l.cn(w,b),side:"bottom",align:"start",sideOffset:4,children:[t,r&&a(r)]})})]})]});const N=c?n.jsx("div",{onContextMenu:D,className:l.cn(g),children:c}):null,k=t||r?n.jsxs(s.DropdownMenuContent,{ref:i,side:O,align:S,sideOffset:P,alignOffset:R,className:l.cn(w,b),children:[t,r&&a(r)]}):null;return n.jsxs(s.DropdownMenu,{open:p,defaultOpen:h,onOpenChange:x,modal:d,children:[N&&n.jsx(s.DropdownMenuTrigger,{asChild:!0,children:N}),q?n.jsx(s.DropdownMenuPortal,{children:k}):k]})});y.displayName="DropdownMenu";exports.default=y;
-//# sourceMappingURL=DropdownMenu.cjs.map

package/dist/cjs/components/DropdownMenu/index.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DropdownMenu.cjs"),o=require("../../packages/ui/src/components/dropdown-menu.cjs"),n=Object.assign(e.default,{Root:o.DropdownMenu,Portal:o.DropdownMenuPortal,Trigger:o.DropdownMenuTrigger,Content:o.DropdownMenuContent,Group:o.DropdownMenuGroup,Label:o.DropdownMenuLabel,Item:o.DropdownMenuItem,CheckboxItem:o.DropdownMenuCheckboxItem,RadioGroup:o.DropdownMenuRadioGroup,RadioItem:o.DropdownMenuRadioItem,Separator:o.DropdownMenuSeparator,Shortcut:o.DropdownMenuShortcut,Sub:o.DropdownMenuSub,SubTrigger:o.DropdownMenuSubTrigger,SubContent:o.DropdownMenuSubContent});exports.DropdownMenu=n;
-//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/FloatLabel.cjs

@@ -1,2 +1 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),i=require("react"),u=require("../packages/ui/src/lib/utils.cjs"),f=require("../packages/ui/src/components/label.cjs"),g=require("./Tooltip/Tooltip.cjs"),h=require("lucide-react");function w(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(o,t,e.get?e:{enumerable:!0,get:()=>r[t]})}}return o.default=r,Object.freeze(o)}const x=w(i),a=x.forwardRef(({className:r,infoTooltip:o,size:t="xl",shouldFloat:e,required:n,children:c,...p},l)=>{const s=t==="lg"||!1;return d.jsxs(f.Label,{className:u.cn("ds:absolute ds:start-2 ds:select-none ds:pointer-events-none","ds:bg-background ds:px-3 ds:translate-y-2","ds:flex",{"ds:top-0.5 ds:origin-left ds:scale-75 ds:translate-x-1 ds:max-w-full ds:h-3 ds:py-0 ds:bg-transparent":!s,"ds:peer-placeholder-shown:top-0 ds:peer-placeholder-shown:scale-100 ds:peer-placeholder-shown:translate-x-0 ds:peer-placeholder-shown:w-[calc(100%-(--spacing(4)))] ds:peer-placeholder-shown:h-[calc(100%-(--spacing(4)))] ds:peer-placeholder-shown:py-3 ds:peer-placeholder-shown:bg-background":!s,"ds:peer-focus:top-0.5 ds:peer-focus:origin-left ds:peer-focus:scale-75 ds:peer-focus:translate-x-1 ds:peer-focus:text-primary ds:peer-focus:max-w-full ds:peer-focus:h-3 ds:peer-focus:py-0 ds:peer-focus:bg-transparent":!s,"ds:group-focus-within:top-0.5 ds:group-focus-within:origin-left ds:group-focus-within:scale-75 ds:group-focus-within:translate-x-1 ds:group-focus-within:text-primary ds:group-focus-within:max-w-full ds:group-focus-within:h-3 ds:group-focus-within:py-0 ds:group-focus-within:bg-transparent":!s},{"ds:-top-3.5 ds:origin-left ds:scale-75 ds:translate-x-0 ds:max-w-full ds:w-auto ds:h-3 ds:py-0":s,"ds:peer-placeholder-shown:-top-0.5 ds:peer-placeholder-shown:scale-100 ds:peer-placeholder-shown:w-[calc(100%-(--spacing(4)))] ds:peer-placeholder-shown:h-[calc(100%-(--spacing(3)))] ds:peer-placeholder-shown:py-2 ds:peer-placeholder-shown:bg-background":s,"ds:peer-focus:-top-3.5 ds:peer-focus:origin-left ds:peer-focus:scale-75 ds:peer-focus:text-primary ds:peer-focus:max-w-full ds:peer-focus:w-auto ds:peer-focus:h-3 ds:peer-focus:py-0":s,"ds:group-focus-within:-top-3.5 ds:group-focus-within:origin-left ds:group-focus-within:scale-75 ds:group-focus-within:text-primary ds:group-focus-within:max-w-full ds:group-focus-within:w-auto ds:group-focus-within:h-3 ds:group-focus-within:py-0":s},{"ds:top-0.5 ds:origin-left ds:scale-75 ds:translate-x-1 ds:max-w-full ds:h-3 ds:py-0":typeof e=="boolean"&&e&&!s,"ds:top-0 ds:scale-100 ds:translate-x-0 ds:w-[calc(100%-(--spacing(4)))] ds:h-[calc(100%-(--spacing(4)))] ds:py-3 ds:bg-background":typeof e=="boolean"&&!e&&!s},{"ds:-top-3.5 ds:origin-left ds:scale-75 ds:translate-x-0 ds:max-w-full ds:h-3 ds:py-0":typeof e=="boolean"&&e&&s,"ds:top-0 ds:scale-100 ds:translate-x-0 ds:w-[calc(100%-(--spacing(4)))] ds:h-[calc(100%-(--spacing(4)))] ds:py-3 ds:bg-background":typeof e=="boolean"&&!e&&s},"ds:will-change-transform ds:transition-all ds:duration-300 ds:ease-in-out",r),ref:l,...p,children:[d.jsxs("span",{className:"ds:truncate ds:whitespace-nowrap ds:max-w-full ds:pointer-events-none",children:[c,n&&d.jsx("span",{className:"ds:text-error ds:ml-0.5",children:"*"})]}),o&&d.jsx(g.Tooltip,{content:o,children:d.jsx(h.Info,{className:"ds:size-3.5 ds:min-w-3.5 ds:z-10 ds:pointer-events-auto"})})]})});a.displayName="FloatingLabel";exports.FloatingLabel=a;
-//# sourceMappingURL=FloatLabel.cjs.map

package/dist/cjs/components/Glass/Glass.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const i=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react");require("lucide-react");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const d=require("class-variance-authority");d.cva("ds:inline-flex ds:items-center ds:justify-center ds:gap-2 ds:whitespace-nowrap ds:text-sm ds:font-medium ds:transition-all ds:disabled:pointer-events-none ds:disabled:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg:not([class*='size-'])]:size-4 ds:shrink-0 ds:[&_svg]:shrink-0 ds:outline-none ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive",{variants:{},defaultVariants:{}});const t=({className:s,children:r})=>e.jsxs("div",{className:i.cn("ds:relative ds:inline-flex ds:overflow-hidden ds:cursor-pointer ds:shadow-[0_6px_6px_rgba(0,0,0,0.2),0_0_20px_rgba(0,0,0,0.1)] ds:transition-all ds:duration-400 ds:ease-[cubic-bezier(0.175,0.885,0.32,2.2)] ds:p-0 ds:rounded-md",s),children:[e.jsx("div",{className:"ds:absolute ds:z-0 ds:inset-0 ds:backdrop-blur-[2.5px] ds:overflow-hidden ds:isolate ds:[filter:url(#glass-distortion)] ds:rounded-[inherit]"}),e.jsx("div",{className:"ds:z-1 ds:absolute ds:inset-0 ds:bg-white/25 ds:rounded-[inherit]"}),e.jsx("div",{className:"ds:absolute ds:inset-0 ds:z-2 ds:overflow-hidden ds:shadow-[inset_2px_2px_1px_0_rgba(255,255,255,0.5),inset_-1px_-1px_1px_1px_rgba(255,255,255,0.5)] ds:rounded-[inherit]"}),e.jsx("div",{className:"ds:z-3 ds:relative",children:e.jsx("div",{className:"ds:text-foreground ds:[text-shadow:0px_1px_3px_rgba(255, ds:255, ds:255, ds:0.3)] ds:transition-all ds:duration-100 ds:ease-in ds:inline-flex ds:gap-2",children:r})}),e.jsx("svg",{className:"ds:hidden",children:e.jsxs("filter",{id:"glass-distortion",x:"0%",y:"0%",width:"100%",height:"100%",filterUnits:"objectBoundingBox",children:[e.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.01 0.01",numOctaves:"1",seed:"5",result:"turbulence"}),e.jsxs("feComponentTransfer",{in:"turbulence",result:"mapped",children:[e.jsx("feFuncR",{type:"gamma",amplitude:"1",exponent:"10",offset:"0.5"}),e.jsx("feFuncG",{type:"gamma",amplitude:"0",exponent:"1",offset:"0"}),e.jsx("feFuncB",{type:"gamma",amplitude:"0",exponent:"1",offset:"0.5"})]}),e.jsx("feGaussianBlur",{in:"turbulence",stdDeviation:"3",result:"softMap"}),e.jsx("feSpecularLighting",{in:"softMap",surfaceScale:"5",specularConstant:"1",specularExponent:"100","lighting-color":"white",result:"specLight",children:e.jsx("fePointLight",{x:"-200",y:"-200",z:"300"})}),e.jsx("feComposite",{in:"specLight",operator:"arithmetic",k1:"0",k2:"1",k3:"1",k4:"0",result:"litImage"}),e.jsx("feDisplacementMap",{in:"SourceGraphic",in2:"softMap",scale:"120",xChannelSelector:"R",yChannelSelector:"G"})]})})]});exports.default=t;
-//# sourceMappingURL=Glass.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../../packages/ui/src/lib/utils.cjs"),t=require("class-variance-authority");require("react");t.cva("ds:inline-flex ds:items-center ds:justify-center ds:gap-2 ds:whitespace-nowrap ds:text-sm ds:font-medium ds:transition-all ds:disabled:pointer-events-none ds:disabled:opacity-50 ds:[&_svg]:pointer-events-none ds:[&_svg:not([class*='size-'])]:size-4 ds:shrink-0 ds:[&_svg]:shrink-0 ds:outline-none ds:focus-visible:border-ring ds:focus-visible:ring-ring/50 ds:focus-visible:ring-[3px] ds:aria-invalid:ring-destructive/20 ds:dark:aria-invalid:ring-destructive/40 ds:aria-invalid:border-destructive",{variants:{},defaultVariants:{}});const n=({className:s,children:i})=>e.jsxs("div",{className:d.cn("ds:relative ds:inline-flex ds:overflow-hidden ds:cursor-pointer ds:shadow-[0_6px_6px_rgba(0,0,0,0.2),0_0_20px_rgba(0,0,0,0.1)] ds:transition-all ds:duration-400 ds:ease-[cubic-bezier(0.175,0.885,0.32,2.2)] ds:p-0 ds:rounded-md",s),children:[e.jsx("div",{className:"ds:absolute ds:z-0 ds:inset-0 ds:backdrop-blur-[2.5px] ds:overflow-hidden ds:isolate ds:[filter:url(#glass-distortion)] ds:rounded-[inherit]"}),e.jsx("div",{className:"ds:z-1 ds:absolute ds:inset-0 ds:bg-white/25 ds:rounded-[inherit]"}),e.jsx("div",{className:"ds:absolute ds:inset-0 ds:z-2 ds:overflow-hidden ds:shadow-[inset_2px_2px_1px_0_rgba(255,255,255,0.5),inset_-1px_-1px_1px_1px_rgba(255,255,255,0.5)] ds:rounded-[inherit]"}),e.jsx("div",{className:"ds:z-3 ds:relative",children:e.jsx("div",{className:"ds:text-foreground ds:[text-shadow:0px_1px_3px_rgba(255, ds:255, ds:255, ds:0.3)] ds:transition-all ds:duration-100 ds:ease-in ds:inline-flex ds:gap-2",children:i})}),e.jsx("svg",{className:"ds:hidden",children:e.jsxs("filter",{id:"glass-distortion",x:"0%",y:"0%",width:"100%",height:"100%",filterUnits:"objectBoundingBox",children:[e.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.01 0.01",numOctaves:"1",seed:"5",result:"turbulence"}),e.jsxs("feComponentTransfer",{in:"turbulence",result:"mapped",children:[e.jsx("feFuncR",{type:"gamma",amplitude:"1",exponent:"10",offset:"0.5"}),e.jsx("feFuncG",{type:"gamma",amplitude:"0",exponent:"1",offset:"0"}),e.jsx("feFuncB",{type:"gamma",amplitude:"0",exponent:"1",offset:"0.5"})]}),e.jsx("feGaussianBlur",{in:"turbulence",stdDeviation:"3",result:"softMap"}),e.jsx("feSpecularLighting",{in:"softMap",surfaceScale:"5",specularConstant:"1",specularExponent:"100","lighting-color":"white",result:"specLight",children:e.jsx("fePointLight",{x:"-200",y:"-200",z:"300"})}),e.jsx("feComposite",{in:"specLight",operator:"arithmetic",k1:"0",k2:"1",k3:"1",k4:"0",result:"litImage"}),e.jsx("feDisplacementMap",{in:"SourceGraphic",in2:"softMap",scale:"120",xChannelSelector:"R",yChannelSelector:"G"})]})})]});exports.default=n;

package/dist/cjs/components/Glass/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Glass.cjs");exports.Glass=e.default;exports.default=e.default;

package/dist/cjs/components/ImageViewer/ImageViewer.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),F=require("lucide-react");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("@radix-ui/react-label");const I=require("../../packages/ui/src/lib/utils.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/input-otp.cjs");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");typeof window<"u"&&Promise.resolve().then(()=>require("../../_virtual/index.cjs")).then(t=>t.index).then(t=>{t.default});const v=({images:t,visible:c=!1,onClose:i,activeIndex:o=0,onIndexChange:l,zoomSpeed:h=.1,disableKeyboardSupport:u=!1,noNavbar:d=!1,noToolbar:f=!1,rotatable:b=!0,scalable:g=!0,changeable:V=!0,noClose:N=!1,minScale:x=.1,maxScale:q=50,defaultScale:p=1,className:j,downloadable:P=!1,noImgDetails:C=!1,noResetZoomAfterChange:L=!1,drag:S=!1})=>{const[m,k]=r.useState(o),[w,U]=r.useState(null);r.useEffect(()=>{typeof window<"u"&&!w&&Promise.resolve().then(()=>require("../../_virtual/index.cjs")).then(s=>s.index).then(s=>{U(()=>s.default)})},[w]),r.useEffect(()=>{k(o)},[o]);const y=r.useCallback(()=>{i?.()},[i]),R=r.useCallback((s,n)=>{k(n),l?.(n)},[l]),T=r.useCallback(()=>{const s=t[m],n=s.downloadUrl||s.src,a=document.createElement("a");a.href=n,a.download=s.alt||`image-${m+1}`,fetch(n).then(E=>E.blob()).then(E=>{const O=window.URL.createObjectURL(E);a.href=O,document.body.appendChild(a),a.click(),document.body.removeChild(a),window.URL.revokeObjectURL(O)}).catch(()=>{})},[t,m]),D=t.map(s=>({src:s.src,alt:s.alt||"",downloadUrl:s.downloadUrl||s.src}));return w?e.jsx(w,{visible:c,onClose:y,onMaskClick:y,images:D,activeIndex:m,onChange:R,zoomSpeed:h,disableKeyboardSupport:u,noNavbar:d,noToolbar:f,rotatable:b,scalable:g,changeable:V,noClose:N,minScale:x,maxScale:q,defaultScale:p,className:I.cn("ds:image-viewer-antd-style",j),downloadable:P,noImgDetails:C,noResetZoomAfterChange:L,showTotal:!0,drag:S,customToolbar:s=>s.map(n=>n.key==="download"?{...n,actionType:void 0,onClick:void 0,render:e.jsx("button",{type:"button",className:"ds:react-viewer-icon ds:react-viewer-download",title:"Download",style:{background:"none",border:"none",cursor:"pointer",padding:0},onClick:a=>{a.preventDefault(),a.stopPropagation(),T()},children:e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M10 3v10m0 0l-4-4m4 4l4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"4",y:"17",width:"12",height:"2",rx:"1",fill:"currentColor"})]})})}:n)}):null};v.displayName="ImageViewer";const G=({src:t,alt:c="",width:i,height:o,preview:l=!0,previewSrc:h,fallback:u,placeholder:d,className:f,wrapperClassName:b,onPreviewClick:g,onError:V,...N})=>{const[x,q]=r.useState(!0),[p,j]=r.useState(!1),[P,C]=r.useState(!1),L=()=>{q(!1),j(!1)},S=R=>{q(!1),j(!0),V?.(R)},m=()=>{l&&(C(!0),g?.())},k=()=>{C(!1)},w=x&&d,U=p&&u,y=l&&!x&&!p;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:I.cn("ds:image-viewer-root ds:relative ds:inline-block",b),children:e.jsxs("div",{className:"ds:relative ds:inline-block",children:[w&&e.jsx("div",{className:"ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center ds:bg-muted ds:animate-pulse",style:{width:i,height:o},children:d===!0?e.jsx("div",{className:"ds:w-8 ds:h-8 ds:border-2 ds:border-primary ds:border-t-transparent ds:rounded-full ds:animate-spin"}):d}),e.jsx("img",{src:U?u:t,alt:c,width:i,height:o,className:I.cn("ds:image-viewer-img ds:max-w-full ds:h-auto ds:align-middle",x&&"ds:opacity-0",f),onLoad:L,onError:S,...N}),y&&e.jsx("div",{onClick:m,className:I.cn("ds:image-viewer-mask ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center ds:opacity-0 ds:hover:opacity-100 ds:transition-opacity ds:cursor-pointer","ds:bg-black/50 ds:backdrop-blur-sm"),children:e.jsxs("div",{className:"ds:text-white ds:text-sm ds:flex ds:items-center ds:gap-2",children:[e.jsx(F.ZoomIn,{className:"ds:w-5 ds:h-5"}),e.jsx("span",{children:"Preview"})]})})]})}),e.jsx(v,{images:[{src:h||t,alt:c}],visible:P,onClose:k,rotatable:!0,scalable:!0,downloadable:!0})]})};G.displayName="ImageViewer.Image";const M=({children:t,images:c,preview:i=!0})=>{const[o,l]=r.useState(!1),[h,u]=r.useState(0),d=r.useCallback(g=>{u(g),l(!0)},[]),f=r.useCallback(()=>{l(!1)},[]),b=r.useMemo(()=>({handlePreview:d,preview:i}),[d,i]);return e.jsxs(e.Fragment,{children:[e.jsx(B.Provider,{value:b,children:t}),e.jsx(v,{images:c,visible:o,onClose:f,activeIndex:h,onIndexChange:u,rotatable:!0,scalable:!0,downloadable:!0})]})};M.displayName="ImageViewer.Group";const B=r.createContext(null);Object.assign(v,{Image:G,Group:M});exports.ImageViewer=v;exports.ImageViewerGroup=M;exports.ImageViewerImage=G;
-//# sourceMappingURL=ImageViewer.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),F=require("lucide-react"),V=require("../../packages/ui/src/lib/utils.cjs");typeof window<"u"&&Promise.resolve().then(()=>require("../../_virtual/index.cjs")).then(r=>r.index).then(r=>{r.default});const v=({images:r,visible:u=!1,onClose:o,activeIndex:l=0,onIndexChange:d,zoomSpeed:h=.1,disableKeyboardSupport:c=!1,noNavbar:i=!1,noToolbar:f=!1,rotatable:g=!0,scalable:b=!0,changeable:N=!0,noClose:P=!1,minScale:x=.1,maxScale:p=50,defaultScale:j=1,className:C,downloadable:L=!1,noImgDetails:k=!1,noResetZoomAfterChange:S=!1,drag:U=!1})=>{const[m,I]=s.useState(l),[w,R]=s.useState(null);s.useEffect(()=>{typeof window<"u"&&!w&&Promise.resolve().then(()=>require("../../_virtual/index.cjs")).then(t=>t.index).then(t=>{R(()=>t.default)})},[w]),s.useEffect(()=>{I(l)},[l]);const y=s.useCallback(()=>{o?.()},[o]),q=s.useCallback((t,n)=>{I(n),d?.(n)},[d]),T=s.useCallback(()=>{const t=r[m],n=t.downloadUrl||t.src,a=document.createElement("a");a.href=n,a.download=t.alt||`image-${m+1}`,fetch(n).then(E=>E.blob()).then(E=>{const O=window.URL.createObjectURL(E);a.href=O,document.body.appendChild(a),a.click(),document.body.removeChild(a),window.URL.revokeObjectURL(O)}).catch(()=>{})},[r,m]),D=r.map(t=>({src:t.src,alt:t.alt||"",downloadUrl:t.downloadUrl||t.src}));return w?e.jsx(w,{visible:u,onClose:y,onMaskClick:y,images:D,activeIndex:m,onChange:q,zoomSpeed:h,disableKeyboardSupport:c,noNavbar:i,noToolbar:f,rotatable:g,scalable:b,changeable:N,noClose:P,minScale:x,maxScale:p,defaultScale:j,className:V.cn("ds:image-viewer-antd-style",C),downloadable:L,noImgDetails:k,noResetZoomAfterChange:S,showTotal:!0,drag:U,customToolbar:t=>t.map(n=>n.key==="download"?{...n,actionType:void 0,onClick:void 0,render:e.jsx("button",{type:"button",className:"ds:react-viewer-icon ds:react-viewer-download",title:"Download",style:{background:"none",border:"none",cursor:"pointer",padding:0},onClick:a=>{a.preventDefault(),a.stopPropagation(),T()},children:e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M10 3v10m0 0l-4-4m4 4l4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"4",y:"17",width:"12",height:"2",rx:"1",fill:"currentColor"})]})})}:n)}):null};v.displayName="ImageViewer";const M=({src:r,alt:u="",width:o,height:l,preview:d=!0,previewSrc:h,fallback:c,placeholder:i,className:f,wrapperClassName:g,onPreviewClick:b,onError:N,...P})=>{const[x,p]=s.useState(!0),[j,C]=s.useState(!1),[L,k]=s.useState(!1),S=()=>{p(!1),C(!1)},U=q=>{p(!1),C(!0),N?.(q)},m=()=>{d&&(k(!0),b?.())},I=()=>{k(!1)},w=x&&i,R=j&&c,y=d&&!x&&!j;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:V.cn("ds:image-viewer-root ds:relative ds:inline-block",g),children:e.jsxs("div",{className:"ds:relative ds:inline-block",children:[w&&e.jsx("div",{className:"ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center ds:bg-muted ds:animate-pulse",style:{width:o,height:l},children:i===!0?e.jsx("div",{className:"ds:w-8 ds:h-8 ds:border-2 ds:border-primary ds:border-t-transparent ds:rounded-full ds:animate-spin"}):i}),e.jsx("img",{src:R?c:r,alt:u,width:o,height:l,className:V.cn("ds:image-viewer-img ds:max-w-full ds:h-auto ds:align-middle",x&&"ds:opacity-0",f),onLoad:S,onError:U,...P}),y&&e.jsx("div",{onClick:m,className:V.cn("ds:image-viewer-mask ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center ds:opacity-0 ds:hover:opacity-100 ds:transition-opacity ds:cursor-pointer","ds:bg-black/50 ds:backdrop-blur-sm"),children:e.jsxs("div",{className:"ds:text-white ds:text-sm ds:flex ds:items-center ds:gap-2",children:[e.jsx(F.ZoomIn,{className:"ds:w-5 ds:h-5"}),e.jsx("span",{children:"Preview"})]})})]})}),e.jsx(v,{images:[{src:h||r,alt:u}],visible:L,onClose:I,rotatable:!0,scalable:!0,downloadable:!0})]})};M.displayName="ImageViewer.Image";const G=({children:r,images:u,preview:o=!0})=>{const[l,d]=s.useState(!1),[h,c]=s.useState(0),i=s.useCallback(b=>{c(b),d(!0)},[]),f=s.useCallback(()=>{d(!1)},[]),g=s.useMemo(()=>({handlePreview:i,preview:o}),[i,o]);return e.jsxs(e.Fragment,{children:[e.jsx(_.Provider,{value:g,children:r}),e.jsx(v,{images:u,visible:l,onClose:f,activeIndex:h,onIndexChange:c,rotatable:!0,scalable:!0,downloadable:!0})]})};G.displayName="ImageViewer.Group";const _=s.createContext(null),B=Object.assign(v,{Image:M,Group:G});exports.ImageViewer=v;exports.ImageViewerGroup=G;exports.ImageViewerImage=M;exports.default=B;

package/dist/cjs/components/ImageViewer/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ImageViewer.cjs");exports.ImageViewer=e.ImageViewer;exports.ImageViewerGroup=e.ImageViewerGroup;exports.ImageViewerImage=e.ImageViewerImage;exports.default=e.default;

package/dist/cjs/components/Input/Input.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react"),W=require("../../packages/ui/src/components/input.cjs"),a=require("../../packages/ui/src/lib/utils.cjs"),Y=require("../FloatLabel.cjs"),m=require("lucide-react"),Z=require("use-mask-input"),F=require("../Tooltip/Tooltip.cjs"),$=require("../../packages/ui/src/components/label.cjs"),D=r.forwardRef(({className:_,label:v,helperText:p,state:N,size:l,isFloatLabel:c,type:d,mask:f,maskOptions:E,maxLength:x,showCharCount:M,infoTooltip:j,clearable:b,onClear:P,prefixIcon:o,suffixIcon:i,placeholder:B=" ",required:w,inputClassName:H,...e},O)=>{const[g,R]=r.useState(()=>typeof e.value=="string"?e.value.length:typeof e.defaultValue=="string"?e.defaultValue.length:0),T=t=>{R(t.target.value.length),e.onChange&&e.onChange(t)},U=()=>{if(n.current){n.current.value="",R(0);const t={target:n.current,currentTarget:n.current};e.onChange?.(t),P&&P()}},C=r.useId(),n=r.useRef(null),X=r.useCallback(t=>{if(n&&(n.current=t),f&&t){const u=Z.withMask(f,E);typeof u=="function"&&u(t)}},[f,E]);r.useImperativeHandle(O,()=>n.current);const[V,A]=r.useState(!1),G={default:"ds:text-muted-foreground",success:"ds:text-success",warning:"ds:text-warning",error:"ds:text-error"},y=c?l==="xl"||l==="lg"?l:"xl":l||"normal",k=(()=>{const t={xs:{prefix:"ds:pl-8",suffix:"ds:pr-8"},sm:{prefix:"ds:pl-9",suffix:"ds:pr-9"},normal:{prefix:"ds:pl-10",suffix:"ds:pr-10"},lg:{prefix:"ds:pl-11",suffix:"ds:pr-11"},xl:{prefix:"ds:pl-12",suffix:"ds:pr-12"}};return t[y]||t.normal})(),q={xs:"ds:size-3",sm:"ds:size-3.5",normal:"ds:size-4",lg:"ds:size-4",xl:"ds:size-4"}[y]||"ds:size-4",J=()=>{const t=d==="number"||d==="password"||d==="datetime"||b&&(g>0||e?.value);return t&&i?d==="password"&&b&&(g>0||e?.value)?"ds:pr-20":"ds:pr-16":t?d==="password"&&b&&(g>0||e?.value)?"ds:pr-16":"ds:pr-10":i?k.suffix:""},I=(()=>{const t={xs:{left:"ds:left-2.5",right:"ds:right-2.5"},sm:{left:"ds:left-3",right:"ds:right-3"},normal:{left:"ds:left-3",right:"ds:right-3"},lg:{left:"ds:left-3.5",right:"ds:right-3.5"},xl:{left:"ds:left-4",right:"ds:right-4"}};return t[y]||t.normal})(),K=()=>{if(n.current){const t=Number(e.step||1),u=e.max?Number(e.max):1/0,z=Number(n.current.value||0),S=Math.min(z+t,u);n.current.value=String(S);const h=new Event("input",{bubbles:!0});n.current.dispatchEvent(h),e.onChange?.(h)}},Q=()=>{if(n.current){const t=Number(e.step||1),u=e.min?Number(e.min):-1/0,z=Number(n.current.value||0),S=Math.max(z-t,u);n.current.value=String(S);const h=new Event("input",{bubbles:!0});n.current.dispatchEvent(h),e.onChange?.(h)}};return s.jsx("div",{className:_,children:s.jsxs("div",{className:a.cn("ds:flex ds:flex-col ds:gap-1.5 ds:relative ds:flex-auto",{"ds:floating-label ds:relative":c}),children:[!c&&v&&s.jsxs($.Label,{htmlFor:C,className:"ds:flex ds:gap-2 ds:text-sm ds:font-medium ds:leading-none ds:peer-disabled:cursor-not-allowed ds:peer-disabled:opacity-70",children:[s.jsxs("span",{children:[v,w&&s.jsx("span",{className:"ds:text-error ds:ml-0.5",children:"*"})]}),j&&s.jsx(F.Tooltip,{content:j,children:s.jsx(m.Info,{className:"ds:size-3.5 ds:min-w-3.5"})})]}),s.jsxs("div",{className:"ds:relative",children:[o&&s.jsx("div",{className:a.cn("ds:absolute ds:top-1/2 ds:-translate-y-1/2 ds:text-muted-foreground ds:leading-0",I.left),children:r.isValidElement(o)?r.cloneElement(o,{className:a.cn(q,o.props?.className)}):o}),s.jsx(W.Input,{ref:X,id:C,className:a.cn("ds:peer",{"ds:pt-5 ds:pb-1":c&&l!=="lg","ds:[&::-webkit-outer-spin-button]:appearance-none ds:[&::-webkit-inner-spin-button]:appearance-none ds:[-moz-appearance:textfield] ds:pr-8":d==="number"},o&&k.prefix,f&&"ds:placeholder:text-slate-400 ds:placeholder:opacity-100",J(),H),state:N,size:c?l==="xl"||l==="lg"?l:"xl":l,type:d==="password"?V?"text":"password":d,placeholder:B,maxLength:x,onChange:T,required:w,...e}),c&&s.jsx(Y.FloatingLabel,{htmlFor:C,size:l,infoTooltip:j,required:w,children:v}),d==="number"&&s.jsxs("div",{className:"ds:absolute ds:right-1 ds:top-0 ds:h-full ds:flex ds:flex-col ds:gap-0.5",children:[s.jsx("button",{type:"button",onClick:K,disabled:e.disabled,className:a.cn("ds:h-1/2 ds:w-6 ds:flex ds:items-center ds:justify-center ds:rounded ds:cursor-pointer ds:hover:scale-150 ds:transition-transform","ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:hover:bg-transparent"),tabIndex:-1,children:s.jsx(m.ChevronUp,{className:"ds:size-3"})}),s.jsx("button",{type:"button",onClick:Q,disabled:e.disabled,className:a.cn("ds:h-1/2 ds:w-6 ds:flex ds:items-center ds:justify-center ds:rounded ds:cursor-pointer ds:hover:scale-150 ds:transition-transform","ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:hover:bg-transparent"),tabIndex:-1,children:s.jsx(m.ChevronDown,{className:"ds:size-3"})})]}),b&&(g>0||e?.value)&&!e.disabled&&d!=="number"&&s.jsx("button",{type:"button",tabIndex:-1,className:a.cn("ds:absolute ds:top-1/2 ds:-translate-y-1/2 ds:p-1 ds:rounded ds:hover:bg-accent ds:transition-colors ds:cursor-pointer",d==="password"?i?"ds:right-14":"ds:right-10":i?"ds:right-10":"ds:right-2"),onClick:U,disabled:e.disabled,children:s.jsx(m.X,{className:"ds:size-4"})}),d==="password"&&s.jsx("button",{type:"button",tabIndex:-1,className:a.cn("ds:absolute ds:top-1/2 ds:-translate-y-1/2 ds:p-1 ds:rounded ds:hover:bg-accent ds:transition-colors",i?"ds:right-10":"ds:right-2"),onClick:()=>A(t=>!t),disabled:e.disabled,children:V?s.jsx(m.EyeOff,{className:"ds:size-4"}):s.jsx(m.Eye,{className:"ds:size-4"})}),i&&s.jsx("div",{className:a.cn("ds:absolute ds:top-1/2 ds:-translate-y-1/2 ds:text-muted-foreground ds:leading-0",I.right),children:r.isValidElement(i)?r.cloneElement(i,{className:a.cn(q,i.props?.className)}):i})]}),(p||M&&typeof x=="number")&&s.jsxs("div",{className:"ds:flex ds:items-center ds:justify-between ds:text-xs ds:gap-2",children:[p&&s.jsx("p",{className:a.cn("ds:text-xs",N?G?.[N]:""),children:p}),M&&typeof x=="number"&&s.jsxs("span",{className:"ds:ml-auto ds:text-muted-foreground",children:[g," / ",x]})]})]})})});D.displayName="Input";exports.default=D;
-//# sourceMappingURL=Input.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react"),W=require("../../packages/ui/src/components/input.cjs"),a=require("../../packages/ui/src/lib/utils.cjs"),Y=require("../FloatLabel.cjs"),m=require("lucide-react"),Z=require("use-mask-input"),F=require("../Tooltip/Tooltip.cjs"),$=require("../../packages/ui/src/components/label.cjs"),_=r.forwardRef(({className:D,label:p,helperText:v,state:N,size:l,isFloatLabel:c,type:d,mask:f,maskOptions:E,maxLength:x,showCharCount:M,infoTooltip:j,clearable:b,onClear:P,prefixIcon:o,suffixIcon:i,placeholder:B=" ",required:w,inputClassName:H,...e},O)=>{const[g,R]=r.useState(()=>typeof e.value=="string"?e.value.length:typeof e.defaultValue=="string"?e.defaultValue.length:0),T=t=>{R(t.target.value.length),e.onChange&&e.onChange(t)},U=()=>{if(n.current){n.current.value="",R(0);const t={target:n.current,currentTarget:n.current};e.onChange?.(t),P&&P()}},C=r.useId(),n=r.useRef(null),X=r.useCallback(t=>{if(n&&(n.current=t),f&&t){const u=Z.withMask(f,E);typeof u=="function"&&u(t)}},[f,E]);r.useImperativeHandle(O,()=>n.current);const[V,A]=r.useState(!1),G={default:"ds:text-muted-foreground",success:"ds:text-success",warning:"ds:text-warning",error:"ds:text-error"},y=c?l==="xl"||l==="lg"?l:"xl":l||"normal",k=(()=>{const t={xs:{prefix:"ds:pl-8",suffix:"ds:pr-8"},sm:{prefix:"ds:pl-9",suffix:"ds:pr-9"},normal:{prefix:"ds:pl-10",suffix:"ds:pr-10"},lg:{prefix:"ds:pl-11",suffix:"ds:pr-11"},xl:{prefix:"ds:pl-12",suffix:"ds:pr-12"}};return t[y]||t.normal})(),q={xs:"ds:size-3",sm:"ds:size-3.5",normal:"ds:size-4",lg:"ds:size-4",xl:"ds:size-4"}[y]||"ds:size-4",J=()=>{const t=d==="number"||d==="password"||d==="datetime"||b&&(g>0||e?.value);return t&&i?d==="password"&&b&&(g>0||e?.value)?"ds:pr-20":"ds:pr-16":t?d==="password"&&b&&(g>0||e?.value)?"ds:pr-16":"ds:pr-10":i?k.suffix:""},I=(()=>{const t={xs:{left:"ds:left-2.5",right:"ds:right-2.5"},sm:{left:"ds:left-3",right:"ds:right-3"},normal:{left:"ds:left-3",right:"ds:right-3"},lg:{left:"ds:left-3.5",right:"ds:right-3.5"},xl:{left:"ds:left-4",right:"ds:right-4"}};return t[y]||t.normal})(),K=()=>{if(n.current){const t=Number(e.step||1),u=e.max?Number(e.max):1/0,z=Number(n.current.value||0),S=Math.min(z+t,u);n.current.value=String(S);const h=new Event("input",{bubbles:!0});n.current.dispatchEvent(h),e.onChange?.(h)}},Q=()=>{if(n.current){const t=Number(e.step||1),u=e.min?Number(e.min):-1/0,z=Number(n.current.value||0),S=Math.max(z-t,u);n.current.value=String(S);const h=new Event("input",{bubbles:!0});n.current.dispatchEvent(h),e.onChange?.(h)}};return s.jsx("div",{className:D,children:s.jsxs("div",{className:a.cn("ds:flex ds:flex-col ds:gap-1.5 ds:relative ds:flex-auto",{"ds:floating-label ds:relative":c}),children:[!c&&p&&s.jsxs($.Label,{htmlFor:C,className:"ds:flex ds:gap-2 ds:text-sm ds:font-medium ds:leading-none ds:peer-disabled:cursor-not-allowed ds:peer-disabled:opacity-70",children:[s.jsxs("span",{children:[p,w&&s.jsx("span",{className:"ds:text-error ds:ml-0.5",children:"*"})]}),j&&s.jsx(F.Tooltip,{content:j,children:s.jsx(m.Info,{className:"ds:size-3.5 ds:min-w-3.5"})})]}),s.jsxs("div",{className:"ds:relative",children:[o&&s.jsx("div",{className:a.cn("ds:absolute ds:top-1/2 ds:-translate-y-1/2 ds:text-muted-foreground ds:leading-0",I.left),children:r.isValidElement(o)?r.cloneElement(o,{className:a.cn(q,o.props?.className)}):o}),s.jsx(W.Input,{ref:X,id:C,className:a.cn("ds:peer",{"ds:pt-5 ds:pb-1":c&&l!=="lg","ds:[&::-webkit-outer-spin-button]:appearance-none ds:[&::-webkit-inner-spin-button]:appearance-none ds:[-moz-appearance:textfield] ds:pr-8":d==="number"},o&&k.prefix,f&&"ds:placeholder:text-slate-400 ds:placeholder:opacity-100",J(),H),state:N,size:c?l==="xl"||l==="lg"?l:"xl":l,type:d==="password"?V?"text":"password":d,placeholder:B,maxLength:x,onChange:T,required:w,...e}),c&&s.jsx(Y.FloatingLabel,{htmlFor:C,size:l,infoTooltip:j,required:w,children:p}),d==="number"&&s.jsxs("div",{className:"ds:absolute ds:right-1 ds:top-0 ds:h-full ds:flex ds:flex-col ds:gap-0.5",children:[s.jsx("button",{type:"button",onClick:K,disabled:e.disabled,className:a.cn("ds:h-1/2 ds:w-6 ds:flex ds:items-center ds:justify-center ds:rounded ds:cursor-pointer ds:hover:scale-150 ds:transition-transform","ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:hover:bg-transparent"),tabIndex:-1,children:s.jsx(m.ChevronUp,{className:"ds:size-3"})}),s.jsx("button",{type:"button",onClick:Q,disabled:e.disabled,className:a.cn("ds:h-1/2 ds:w-6 ds:flex ds:items-center ds:justify-center ds:rounded ds:cursor-pointer ds:hover:scale-150 ds:transition-transform","ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:disabled:hover:bg-transparent"),tabIndex:-1,children:s.jsx(m.ChevronDown,{className:"ds:size-3"})})]}),b&&(g>0||e?.value)&&!e.disabled&&d!=="number"&&s.jsx("button",{type:"button",tabIndex:-1,className:a.cn("ds:absolute ds:top-1/2 ds:-translate-y-1/2 ds:p-1 ds:rounded ds:hover:bg-accent ds:transition-colors ds:cursor-pointer",d==="password"?i?"ds:right-14":"ds:right-10":i?"ds:right-10":"ds:right-2"),onClick:U,disabled:e.disabled,children:s.jsx(m.X,{className:"ds:size-4"})}),d==="password"&&s.jsx("button",{type:"button",tabIndex:-1,className:a.cn("ds:absolute ds:top-1/2 ds:-translate-y-1/2 ds:p-1 ds:rounded ds:hover:bg-accent ds:transition-colors",i?"ds:right-10":"ds:right-2"),onClick:()=>A(t=>!t),disabled:e.disabled,children:V?s.jsx(m.EyeOff,{className:"ds:size-4"}):s.jsx(m.Eye,{className:"ds:size-4"})}),i&&s.jsx("div",{className:a.cn("ds:absolute ds:top-1/2 ds:-translate-y-1/2 ds:text-muted-foreground ds:leading-0",I.right),children:r.isValidElement(i)?r.cloneElement(i,{className:a.cn(q,i.props?.className)}):i})]}),(v||M&&typeof x=="number")&&s.jsxs("div",{className:"ds:flex ds:items-center ds:justify-between ds:text-xs ds:gap-2",children:[v&&s.jsx("p",{className:a.cn("ds:text-xs",N?G?.[N]:""),children:v}),M&&typeof x=="number"&&s.jsxs("span",{className:"ds:ml-auto ds:text-muted-foreground",children:[g," / ",x]})]})]})})});_.displayName="Input";exports.default=_;

package/dist/cjs/components/Input/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Input.cjs");exports.Input=e.default;exports.default=e.default;

package/dist/cjs/components/InputOTP/InputOTP.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),s=require("../../packages/ui/src/components/input-otp.cjs"),N=require("../../packages/ui/src/components/label.cjs");require("@radix-ui/react-slot");require("../../packages/ui/src/components/button.cjs");require("../../packages/ui/src/components/button-group.cjs");require("../../packages/ui/src/components/input.cjs");require("../../packages/ui/src/components/textarea.cjs");require("../../packages/ui/src/components/select.cjs");require("../../packages/ui/src/components/combobox.cjs");require("@radix-ui/react-tooltip");const i=require("../../packages/ui/src/lib/utils.cjs");require("lucide-react");require("react-day-picker");require("../../packages/ui/src/components/popover.cjs");require("@radix-ui/react-separator");require("../../packages/ui/src/components/switch.cjs");require("vaul");require("@radix-ui/react-scroll-area");require("../../packages/ui/src/components/tree-view.cjs");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-avatar");require("../../packages/ui/src/components/badge.cjs");require("../../packages/ui/src/components/checkbox.cjs");require("@radix-ui/react-collapsible");require("cmdk");require("@radix-ui/react-dialog");require("@radix-ui/react-dropdown-menu");require("../../packages/ui/src/components/radio-group.cjs");require("../../packages/ui/src/components/sidebar.cjs");require("@radix-ui/react-slider");require("../../packages/ui/src/components/tabs.cjs");require("../../packages/ui/src/components/toggle.cjs");const d=require("input-otp"),P=c.forwardRef(({label:p,inputType:r="digits",regexPattern:x,length:n,size:m="normal",state:t="default",helperText:o,gapSize:u=4,variant:l="outlined",className:_,rootClassName:f,childClassName:g,...O},h)=>{const q=c.useId(),I=r==="digits"?d.REGEXP_ONLY_DIGITS:r==="chars"?d.REGEXP_ONLY_CHARS:r==="digits-and-chars"?d.REGEXP_ONLY_DIGITS_AND_CHARS:void 0,j={default:"ds:text-muted-foreground",success:"ds:text-success",warning:"ds:text-warning",error:"ds:text-error"};return e.jsxs("div",{className:i.cn("ds:flex ds:flex-col ds:gap-1.5 ds:relative",f),children:[e.jsx(N.Label,{htmlFor:q,children:p}),e.jsx(s.InputOTP,{id:q,maxLength:n??4,pattern:x??I,ref:h,...O,children:e.jsx(s.InputOTPGroup,{className:i.cn({"ds:gap-2 ds:*:data-[slot=input-otp-slot]:rounded-md ds:*:data-[slot=input-otp-slot]:border":l==="outlined"&&u>0},_),style:u>0?{gap:`${u}px`}:void 0,children:Array.from({length:n??4}).map((R,a)=>e.jsx(s.InputOTPSlot,{index:a,size:m,state:t??void 0,variant:l,className:g},a))})}),o&&e.jsx("p",{className:i.cn("ds:text-xs",t?j?.[t]:""),children:o})]})});exports.default=P;
-//# sourceMappingURL=InputOTP.cjs.map
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),p=require("react"),d=require("../../packages/ui/src/components/input-otp.cjs"),P=require("../../packages/ui/src/components/label.cjs"),n=require("../../packages/ui/src/lib/utils.cjs"),o=require("input-otp"),R=p.forwardRef(({label:x,inputType:e="digits",regexPattern:m,length:l,size:_="normal",state:s="default",helperText:a,gapSize:r=4,variant:u="outlined",className:f,rootClassName:g,childClassName:O,...h},I)=>{const c=p.useId(),j=e==="digits"?o.REGEXP_ONLY_DIGITS:e==="chars"?o.REGEXP_ONLY_CHARS:e==="digits-and-chars"?o.REGEXP_ONLY_DIGITS_AND_CHARS:void 0,N={default:"ds:text-muted-foreground",success:"ds:text-success",warning:"ds:text-warning",error:"ds:text-error"};return t.jsxs("div",{className:n.cn("ds:flex ds:flex-col ds:gap-1.5 ds:relative",g),children:[t.jsx(P.Label,{htmlFor:c,children:x}),t.jsx(d.InputOTP,{id:c,maxLength:l??4,pattern:m??j,ref:I,...h,children:t.jsx(d.InputOTPGroup,{className:n.cn({"ds:gap-2 ds:*:data-[slot=input-otp-slot]:rounded-md ds:*:data-[slot=input-otp-slot]:border":u==="outlined"&&r>0},f),style:r>0?{gap:`${r}px`}:void 0,children:Array.from({length:l??4}).map((b,i)=>t.jsx(d.InputOTPSlot,{index:i,size:_,state:s??void 0,variant:u,className:O},i))})}),a&&t.jsx("p",{className:n.cn("ds:text-xs",s?N?.[s]:""),children:a})]})});exports.default=R;

package/dist/cjs/components/InputOTP/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./InputOTP.cjs");exports.InputOTP=e.default;exports.default=e.default;