@solace-health/ui 0.10.668 → 0.10.671

package/dist/{chunk-MPGPI6LC.js.map → chunk-XOWSDMW5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/multiselect/components/MultiSelectCommandGroup.tsx"],"names":["MultiSelectCommandGroup","options","selected","toggleOption","onSearch","uniqueId","mergedOptions","useMergeOptions","jsx","CommandGroup","option","optionSelected","s","jsxs","CommandItem","e","cn","LuCheck"],"mappings":"mMAeO,IAAMA,CAAAA,CAA0B,CAAC,CACtC,OAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,GAAa,CACX,IAAMC,CAAAA,CAAgBC,CAAAA,CAAgB,CAAE,QAAA,CAAAL,CAAAA,CAAU,OAAA,CAAAD,CAAQ,CAAC,CAAA,CAG3D,OACEO,GAAAA,CAACC,CAAAA,CAAA,CAA+C,SAAA,CAAU,sBAAA,CACxD,QAAA,CAAAD,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,qBAAA,CACZ,QAAA,CAAA,CALgBJ,CAAAA,CAAWE,CAAAA,CAAgBL,CAAAA,EAK5B,GAAA,CAAKS,CAAAA,EAAmB,CACtC,IAAMC,CAAAA,CAAiBT,CAAAA,CAAS,IAAA,CAAMU,CAAAA,EAAMA,CAAAA,CAAE,KAAA,GAAUF,EAAO,KAAK,CAAA,CACpE,OACEG,IAAAA,CAACC,CAAAA,CAAA,CAEC,KAAA,CAAOJ,CAAAA,CAAO,KAAA,CACd,QAAA,CAAU,OAAOA,CAAAA,CAAO,KAAA,EAAU,QAAA,CAAW,CAACA,CAAAA,CAAO,KAAK,CAAA,CAAI,MAAA,CAC9D,QAAA,CAAUA,CAAAA,CAAO,OAAA,CACjB,WAAA,CAAcK,CAAAA,EAAM,CAClBA,CAAAA,CAAE,cAAA,EAAe,CACjBA,CAAAA,CAAE,eAAA,GACJ,CAAA,CACA,QAAA,CAAU,IAAMZ,CAAAA,CAAaO,CAAM,CAAA,CACnC,SAAA,CAAWM,GAAAA,CAGT,gIAAA,CACAN,CAAAA,CAAO,OAAA,EAAW,sCAAA,CAClBC,CAAAA,EAAkB,cACpB,CAAA,CAEC,QAAA,CAAA,CAAAD,CAAAA,CAAO,KAAA,CACPC,CAAAA,EAAkBH,GAAAA,CAACS,OAAAA,CAAA,CAAQ,SAAA,CAAU,wBAAA,CAAyB,CAAA,CAAA,CAAA,CAlB1DP,CAAAA,CAAO,KAmBd,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,CA5BiB,CAAA,EAAGL,CAAQ,gBA6B9B,CAEJ","file":"chunk-MPGPI6LC.js","sourcesContent":["import { LuCheck } from 'react-icons/lu';\n\nimport { CommandGroup, CommandItem } from '@/v2/command/command';\nimport { cn } from '@/lib/utils';\nimport { MultiSelectProps, Option } from '../types';\nimport { UseMultiSelectReturn } from '../hooks/useMultiSelect';\nimport { UseInteractionsReturn } from '../hooks/useInteractions';\nimport { useMergeOptions } from '../hooks/useMergeOptions';\n\ntype Props = Pick<MultiSelectProps, 'onSearch'> &\n  Pick<UseMultiSelectReturn, 'selected' | 'uniqueId'> &\n  Pick<UseInteractionsReturn, 'toggleOption'> & {\n    options: Option[];\n  };\n\nexport const MultiSelectCommandGroup = ({\n  options,\n  selected,\n  toggleOption,\n  onSearch,\n  uniqueId,\n}: Props) => {\n  const mergedOptions = useMergeOptions({ selected, options });\n  const displayOptions = onSearch ? mergedOptions : options;\n\n  return (\n    <CommandGroup key={`${uniqueId}-command-group`} className=\"h-full overflow-auto\">\n      <div className=\"flex flex-col gap-1\">\n        {displayOptions.map((option: Option) => {\n          const optionSelected = selected.some((s) => s.value === option.value);\n          return (\n            <CommandItem\n              key={option.value}\n              value={option.value}\n              keywords={typeof option.label === 'string' ? [option.label] : undefined}\n              disabled={option.disable}\n              onMouseDown={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n              }}\n              onSelect={() => toggleOption(option)}\n              className={cn(\n                // data-[selected=true] means when the user navigates onto an option with the keyboard\n                // optionSelected means the user has actually toggled on the option\n                'flex cursor-pointer items-center justify-between p-3 data-[selected=true]:bg-green-200 hover:data-[selected=true]:bg-green-200',\n                option.disable && 'text-muted-foreground cursor-default',\n                optionSelected && 'bg-green-100',\n              )}\n            >\n              {option.label}\n              {optionSelected && <LuCheck className=\"h-4 w-4 text-green-800\" />}\n            </CommandItem>\n          );\n        })}\n      </div>\n    </CommandGroup>\n  );\n};\n"]}
+{"version":3,"sources":["../src/v2/multiselect/components/MultiSelectCommandGroup.tsx"],"names":["MultiSelectCommandGroup","options","selected","toggleOption","onSearch","uniqueId","mergedOptions","useMergeOptions","jsx","CommandGroup","option","optionSelected","s","jsxs","CommandItem","e","cn","LuCheck"],"mappings":"mMAeO,IAAMA,CAAAA,CAA0B,CAAC,CACtC,OAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CACF,CAAA,GAAa,CACX,IAAMC,CAAAA,CAAgBC,CAAAA,CAAgB,CAAE,QAAA,CAAAL,CAAAA,CAAU,OAAA,CAAAD,CAAQ,CAAC,CAAA,CAG3D,OACEO,GAAAA,CAACC,CAAAA,CAAA,CAA+C,SAAA,CAAU,sBAAA,CACxD,QAAA,CAAAD,GAAAA,CAAC,KAAA,CAAA,CAAI,SAAA,CAAU,qBAAA,CACZ,QAAA,CAAA,CALgBJ,CAAAA,CAAWE,CAAAA,CAAgBL,CAAAA,EAK5B,GAAA,CAAKS,CAAAA,EAAmB,CACtC,IAAMC,CAAAA,CAAiBT,CAAAA,CAAS,IAAA,CAAMU,CAAAA,EAAMA,CAAAA,CAAE,KAAA,GAAUF,EAAO,KAAK,CAAA,CACpE,OACEG,IAAAA,CAACC,CAAAA,CAAA,CAEC,KAAA,CAAOJ,CAAAA,CAAO,KAAA,CACd,QAAA,CAAU,OAAOA,CAAAA,CAAO,KAAA,EAAU,QAAA,CAAW,CAACA,CAAAA,CAAO,KAAK,CAAA,CAAI,MAAA,CAC9D,QAAA,CAAUA,CAAAA,CAAO,OAAA,CACjB,WAAA,CAAcK,CAAAA,EAAM,CAClBA,CAAAA,CAAE,cAAA,EAAe,CACjBA,CAAAA,CAAE,eAAA,GACJ,CAAA,CACA,QAAA,CAAU,IAAMZ,CAAAA,CAAaO,CAAM,CAAA,CACnC,SAAA,CAAWM,GAAAA,CAGT,gIAAA,CACAN,CAAAA,CAAO,OAAA,EAAW,sCAAA,CAClBC,CAAAA,EAAkB,cACpB,CAAA,CAEC,QAAA,CAAA,CAAAD,CAAAA,CAAO,KAAA,CACPC,CAAAA,EAAkBH,GAAAA,CAACS,OAAAA,CAAA,CAAQ,SAAA,CAAU,wBAAA,CAAyB,CAAA,CAAA,CAAA,CAlB1DP,CAAAA,CAAO,KAmBd,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,CA5BiB,CAAA,EAAGL,CAAQ,gBA6B9B,CAEJ","file":"chunk-XOWSDMW5.js","sourcesContent":["import { LuCheck } from 'react-icons/lu';\n\nimport { CommandGroup, CommandItem } from '@/v2/command/command';\nimport { cn } from '@/lib/utils';\nimport { MultiSelectProps, Option } from '../types';\nimport { UseMultiSelectReturn } from '../hooks/useMultiSelect';\nimport { UseInteractionsReturn } from '../hooks/useInteractions';\nimport { useMergeOptions } from '../hooks/useMergeOptions';\n\ntype Props = Pick<MultiSelectProps, 'onSearch'> &\n  Pick<UseMultiSelectReturn, 'selected' | 'uniqueId'> &\n  Pick<UseInteractionsReturn, 'toggleOption'> & {\n    options: Option[];\n  };\n\nexport const MultiSelectCommandGroup = ({\n  options,\n  selected,\n  toggleOption,\n  onSearch,\n  uniqueId,\n}: Props) => {\n  const mergedOptions = useMergeOptions({ selected, options });\n  const displayOptions = onSearch ? mergedOptions : options;\n\n  return (\n    <CommandGroup key={`${uniqueId}-command-group`} className=\"h-full overflow-auto\">\n      <div className=\"flex flex-col gap-1\">\n        {displayOptions.map((option: Option) => {\n          const optionSelected = selected.some((s) => s.value === option.value);\n          return (\n            <CommandItem\n              key={option.value}\n              value={option.value}\n              keywords={typeof option.label === 'string' ? [option.label] : undefined}\n              disabled={option.disable}\n              onMouseDown={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n              }}\n              onSelect={() => toggleOption(option)}\n              className={cn(\n                // data-[selected=true] means when the user navigates onto an option with the keyboard\n                // optionSelected means the user has actually toggled on the option\n                'flex cursor-pointer items-center justify-between p-3 data-[selected=true]:bg-green-200 hover:data-[selected=true]:bg-green-200',\n                option.disable && 'text-muted-foreground cursor-default',\n                optionSelected && 'bg-green-100',\n              )}\n            >\n              {option.label}\n              {optionSelected && <LuCheck className=\"h-4 w-4 text-green-800\" />}\n            </CommandItem>\n          );\n        })}\n      </div>\n    </CommandGroup>\n  );\n};\n"]}

package/dist/{chunk-HP66FPW5.cjs → chunk-YVXKLKHE.cjs}

@@ -1,2 +1,2 @@
-'use strict';var chunkJ3F5C3FQ_cjs=require('./chunk-J3F5C3FQ.cjs'),chunkQAGOBPAT_cjs=require('./chunk-QAGOBPAT.cjs'),chunkSV7GB6CH_cjs=require('./chunk-SV7GB6CH.cjs'),chunk2BUA2PCN_cjs=require('./chunk-2BUA2PCN.cjs'),chunkQUD4HTUP_cjs=require('./chunk-QUD4HTUP.cjs'),chunkOUGYUQUB_cjs=require('./chunk-OUGYUQUB.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),react=require('react'),lu=require('react-icons/lu'),T=require('dayjs'),Se=require('dayjs/plugin/customParseFormat.js'),reactImask=require('react-imask'),reactDayPicker=require('react-day-picker'),jsxRuntime=require('react/jsx-runtime'),be=require('react-easy-crop'),luxon=require('luxon');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var T__default=/*#__PURE__*/_interopDefault(T);var Se__default=/*#__PURE__*/_interopDefault(Se);var be__default=/*#__PURE__*/_interopDefault(be);function fe(n){let o=n.replace(/\D/g,"").slice(0,8);return o.length<=2?o:o.length<=4?`${o.slice(0,2)}/${o.slice(2)}`:`${o.slice(0,2)}/${o.slice(2,4)}/${o.slice(4)}`}function ge(n){if(n.length!==10)return;let o=n.split("/");if(o.length!==3||o[2].length!==4)return;let e=parseInt(o[0],10),r=parseInt(o[1],10),t=parseInt(o[2],10);if(Number.isNaN(e)||Number.isNaN(r)||Number.isNaN(t))return;let p=new Date(t,e-1,r);if(!(p.getFullYear()!==t||p.getMonth()!==e-1||p.getDate()!==r))return p}function De({className:n,wrapperClassName:o,value:e,onChange:r,disabled:t=false,calendarProps:p,placeholder:h="MM/DD/YYYY",variant:D}){let[f,m]=react.useState(false),[v,w]=react.useState(e),[i,c]=react.useState(e?T__default.default(e).format("MM/DD/YYYY"):""),d=react.useRef(e?T__default.default(e).format("MM/DD/YYYY"):"");react.useEffect(()=>{let a=e?T__default.default(e).format("MM/DD/YYYY"):"";a!==d.current&&(d.current=a,c(a),e&&w(e));},[e]);let l=a=>{let g=fe(a.target.value);c(g);let S=ge(g);S?(d.current=g,r?.(S)):g===""&&(d.current="",r?.(void 0));},b=a=>{a.key==="ArrowDown"&&(a.preventDefault(),m(true)),!/[0-9/]/.test(a.key)&&!["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(a.key)&&!a.metaKey&&!a.ctrlKey&&a.preventDefault();};return jsxRuntime.jsxs("div",{className:chunkQRO22BPZ_cjs.a("relative w-full",o),children:[jsxRuntime.jsx("input",{type:"text","data-slot":"input",className:chunkQRO22BPZ_cjs.a(chunkOUGYUQUB_cjs.a({variant:D}),"pr-10",n),value:i,placeholder:h,onChange:l,onKeyDown:b,disabled:t}),jsxRuntime.jsxs(chunkSV7GB6CH_cjs.a,{open:!t&&f,onOpenChange:m,children:[jsxRuntime.jsx(chunkSV7GB6CH_cjs.b,{asChild:true,children:jsxRuntime.jsx(chunkQUD4HTUP_cjs.b,{variant:"ghost-icon",size:"sm",className:"absolute top-1/2 right-1 -translate-y-1/2",disabled:t,"aria-label":"Select date",type:"button",children:jsxRuntime.jsx(lu.LuCalendar,{})})}),jsxRuntime.jsx(chunkSV7GB6CH_cjs.c,{className:"w-auto overflow-hidden p-0",align:"end",sideOffset:10,children:jsxRuntime.jsx(chunk2BUA2PCN_cjs.b,{mode:"single",selected:e,month:v,onMonthChange:w,onSelect:a=>{let g=a?T__default.default(a).format("MM/DD/YYYY"):"";d.current=g,c(g),r?.(a),m(false);},...p})})]})]})}var Pe=({alt:n,className:o="",containerClassName:e="",imagePreview:r=void 0,cropper:t=void 0})=>{let[p,h]=react.useState(false),D=!r||!p,f=!!t;return jsxRuntime.jsxs("div",{className:chunkQRO22BPZ_cjs.a("flex max-w-[386px] flex-col",o),children:[jsxRuntime.jsxs("div",{className:chunkQRO22BPZ_cjs.a("relative h-60 rounded-md border",e),children:[r&&f?jsxRuntime.jsx(be__default.default,{image:r,crop:t.crop,zoom:t.zoom,aspect:t.aspect,objectFit:"contain",onCropChange:t.setCrop,onZoomChange:t.setZoom,onCropComplete:t.onCropComplete,onMediaLoaded:()=>h(true),showGrid:false}):r&&jsxRuntime.jsx("img",{alt:n,className:`m-auto h-full w-full object-contain transition-opacity duration-300 ${p?"opacity-100":"opacity-0"}`,src:r,onLoad:()=>h(true),draggable:false}),D&&jsxRuntime.jsx("div",{"aria-label":r?"Loading image":"Awaiting image",className:"from-grey-300 to-grey-300 absolute inset-0 animate-pulse bg-gradient-to-r"})]}),!D&&f&&jsxRuntime.jsxs("div",{className:"mt-3 flex flex-col items-center justify-between gap-1 px-1 sm:flex-row sm:gap-4",children:[jsxRuntime.jsxs("div",{className:"flex w-full items-center gap-3",children:[jsxRuntime.jsx(chunkQUD4HTUP_cjs.b,{"aria-label":"zoom out",onClick:()=>t.setZoom(Math.max(t.zoom-.1,1)),className:"h-8",variant:"ghost-icon",children:jsxRuntime.jsx(lu.LuZoomOut,{})}),jsxRuntime.jsx(chunkQAGOBPAT_cjs.a,{value:[t.zoom],min:1,max:3,step:.01,onValueChange:m=>t.setZoom(m[0]),className:"w-full sm:flex-50",classNames:{thumb:"border-2 border-green-800",range:"bg-green-900"}}),jsxRuntime.jsx(chunkQUD4HTUP_cjs.b,{"aria-label":"zoom in",onClick:()=>t.setZoom(Math.min(t.zoom+.1,3)),variant:"ghost-icon",className:"h-8",children:jsxRuntime.jsx(lu.LuZoomIn,{})})]}),jsxRuntime.jsxs(chunkQUD4HTUP_cjs.b,{onClick:t.reset,variant:"ghost",className:"h-8 p-2",children:[jsxRuntime.jsx(lu.LuRefreshCcw,{}),"Reset"]})]})]})};var W="00:00",ee="24:00",te=n=>luxon.DateTime.fromFormat(n,"HH:mm").isValid,oe=({startTime:n=W,endTime:o=ee,interval:e=30,onChange:r=void 0,className:t="",placeholder:p="Select one",size:h="default",portal:D=true,...f})=>{te(n)||(console.error(`Invalid startTime: ${n}`),n=W),te(o)||(console.error(`Invalid endTime: ${o}`),o=ee);let m=react.useMemo(()=>{let i=luxon.DateTime.fromFormat(o,"HH:mm"),c=luxon.Duration.fromObject({minutes:e}),d=[],l=luxon.DateTime.fromFormat(n,"HH:mm");for(;l<=i;){let b=l.toFormat("HH:mm");b==="00:00"&&l.equals(i)&&(b="24:00"),d.push({label:l.toFormat("h:mm a"),value:{hour:l.toFormat("HH"),min:l.toFormat("mm"),raw:b,formatted:l.toFormat("h:mm a")}}),l=l.plus(c);}return d},[n,o,e]),v=m.map(i=>({label:i.label,value:i.value.raw}));return jsxRuntime.jsxs(chunkJ3F5C3FQ_cjs.a,{onValueChange:i=>{let c=m.find(d=>d.value.raw===i);c&&r?.(c);},...f,children:[jsxRuntime.jsx(chunkJ3F5C3FQ_cjs.d,{className:chunkQRO22BPZ_cjs.a("max-w-[240px] md:w-[150px]",t),size:h,children:jsxRuntime.jsx(chunkJ3F5C3FQ_cjs.c,{placeholder:p})}),jsxRuntime.jsx(chunkJ3F5C3FQ_cjs.g,{position:"popper",className:"max-h-90",portal:D,children:v.map(i=>jsxRuntime.jsx(chunkJ3F5C3FQ_cjs.i,{className:"h-10",value:i.value,children:i.label},i.value))})]})},Qe=oe;T__default.default.extend(Se__default.default);var ae="MM/DD/YYYY",Fe="00/00/0000",X=["MM/DD/YYYY","MM/D/YYYY","M/DD/YYYY","M/D/YYYY","YYYY-MM-DD"];function I(n){return n?T__default.default(n).format(ae):""}function Ie({className:n="",wrapperClassName:o="",value:e=void 0,onChange:r=void 0,disabled:t=false,calendarProps:p=void 0,placeholder:h,inputProps:D=void 0,showCalendarIcon:f=true,editable:m=false}){let[v,w]=react.useState(false),i=h??(m?ae:"Pick a date"),[c,d]=react.useState(void 0),l=react.useRef(e);e!==l.current&&(l.current=e,c!==void 0&&d(void 0));let b=c??e,a=s=>p?.disabled?!reactDayPicker.isMatch(s,p.disabled):true,g=react.useRef(r);g.current=r;let S=react.useRef(a);S.current=a;let{ref:q,setValue:B}=reactImask.useIMask({mask:Fe,lazy:true,overwrite:false},{onComplete:s=>{let C=T__default.default(s,X,true);C.isValid()&&S.current(C.toDate())&&g.current?.(C.toDate());}}),ie=s=>{r?.(s),B(I(s)),w(false);},se=s=>{let C=s.clipboardData.getData("text").trim(),E=T__default.default(C,X,true);if(E.isValid()&&a(E.toDate())){s.preventDefault();let J=E.toDate();r?.(J),B(I(J));}},pe=()=>{B(I(e));},le=()=>{let s=q.current?.value??"";if(s===""){e!==void 0&&r?.(void 0);return}let C=T__default.default(s,X,true);C.isValid()&&a(C.toDate())&&r?.(C.toDate()),B(I(e));},me=chunkQRO22BPZ_cjs.a(chunkOUGYUQUB_cjs.a(),f&&"pl-10",v?"border-dark-green":"",n);return jsxRuntime.jsxs(chunkSV7GB6CH_cjs.a,{open:!t&&v,onOpenChange:w,children:[jsxRuntime.jsx(chunkSV7GB6CH_cjs.b,{asChild:true,children:jsxRuntime.jsxs("div",{className:chunkQRO22BPZ_cjs.a("relative flex w-full items-center rounded-md",o),children:[m?jsxRuntime.jsx("input",{ref:q,defaultValue:I(e),className:me,placeholder:i,disabled:t,onFocus:pe,onPaste:se,onBlur:s=>{le(),D?.onBlur?.(s);}}):jsxRuntime.jsx(chunkOUGYUQUB_cjs.b,{className:chunkQRO22BPZ_cjs.a(f&&"pl-10",v?"border-dark-green":"",n),...D,value:I(e),placeholder:i,readOnly:true,disabled:t}),f&&jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("absolute top-1/2 left-4 h-4 w-4 -translate-y-1/2",t?"text-gray-400":"cursor-pointer text-black"),children:jsxRuntime.jsx(lu.LuCalendar,{size:16})})]})}),jsxRuntime.jsx(chunkSV7GB6CH_cjs.c,{className:"w-auto overflow-hidden p-0",align:"start",onOpenAutoFocus:m?s=>s.preventDefault():void 0,children:jsxRuntime.jsx(chunk2BUA2PCN_cjs.b,{mode:"single",selected:e?T__default.default(e).toDate():void 0,onSelect:ie,...m?{month:b,onMonthChange:d}:{},...p})})]})}exports.a=Ie;exports.b=De;exports.c=Pe;exports.d=oe;exports.e=Qe;//# sourceMappingURL=chunk-HP66FPW5.cjs.map
-//# sourceMappingURL=chunk-HP66FPW5.cjs.map
+'use strict';var chunkJ3F5C3FQ_cjs=require('./chunk-J3F5C3FQ.cjs'),chunkQAGOBPAT_cjs=require('./chunk-QAGOBPAT.cjs'),chunkSV7GB6CH_cjs=require('./chunk-SV7GB6CH.cjs'),chunkDJ5RP6A2_cjs=require('./chunk-DJ5RP6A2.cjs'),chunkFMFRB4JI_cjs=require('./chunk-FMFRB4JI.cjs'),chunk2DLCWPKO_cjs=require('./chunk-2DLCWPKO.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),react=require('react'),lu=require('react-icons/lu'),T=require('dayjs'),Se=require('dayjs/plugin/customParseFormat.js'),reactImask=require('react-imask'),reactDayPicker=require('react-day-picker'),jsxRuntime=require('react/jsx-runtime'),be=require('react-easy-crop'),luxon=require('luxon');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var T__default=/*#__PURE__*/_interopDefault(T);var Se__default=/*#__PURE__*/_interopDefault(Se);var be__default=/*#__PURE__*/_interopDefault(be);function fe(n){let o=n.replace(/\D/g,"").slice(0,8);return o.length<=2?o:o.length<=4?`${o.slice(0,2)}/${o.slice(2)}`:`${o.slice(0,2)}/${o.slice(2,4)}/${o.slice(4)}`}function ge(n){if(n.length!==10)return;let o=n.split("/");if(o.length!==3||o[2].length!==4)return;let e=parseInt(o[0],10),r=parseInt(o[1],10),t=parseInt(o[2],10);if(Number.isNaN(e)||Number.isNaN(r)||Number.isNaN(t))return;let p=new Date(t,e-1,r);if(!(p.getFullYear()!==t||p.getMonth()!==e-1||p.getDate()!==r))return p}function De({className:n,wrapperClassName:o,value:e,onChange:r,disabled:t=false,calendarProps:p,placeholder:h="MM/DD/YYYY",variant:D}){let[f,m]=react.useState(false),[v,w]=react.useState(e),[i,c]=react.useState(e?T__default.default(e).format("MM/DD/YYYY"):""),d=react.useRef(e?T__default.default(e).format("MM/DD/YYYY"):"");react.useEffect(()=>{let a=e?T__default.default(e).format("MM/DD/YYYY"):"";a!==d.current&&(d.current=a,c(a),e&&w(e));},[e]);let l=a=>{let g=fe(a.target.value);c(g);let S=ge(g);S?(d.current=g,r?.(S)):g===""&&(d.current="",r?.(void 0));},b=a=>{a.key==="ArrowDown"&&(a.preventDefault(),m(true)),!/[0-9/]/.test(a.key)&&!["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","Tab"].includes(a.key)&&!a.metaKey&&!a.ctrlKey&&a.preventDefault();};return jsxRuntime.jsxs("div",{className:chunkQRO22BPZ_cjs.a("relative w-full",o),children:[jsxRuntime.jsx("input",{type:"text","data-slot":"input",className:chunkQRO22BPZ_cjs.a(chunk2DLCWPKO_cjs.a({variant:D}),"pr-10",n),value:i,placeholder:h,onChange:l,onKeyDown:b,disabled:t}),jsxRuntime.jsxs(chunkSV7GB6CH_cjs.a,{open:!t&&f,onOpenChange:m,children:[jsxRuntime.jsx(chunkSV7GB6CH_cjs.b,{asChild:true,children:jsxRuntime.jsx(chunkFMFRB4JI_cjs.b,{variant:"ghost-icon",size:"sm",className:"absolute top-1/2 right-1 -translate-y-1/2",disabled:t,"aria-label":"Select date",type:"button",children:jsxRuntime.jsx(lu.LuCalendar,{})})}),jsxRuntime.jsx(chunkSV7GB6CH_cjs.c,{className:"w-auto overflow-hidden p-0",align:"end",sideOffset:10,children:jsxRuntime.jsx(chunkDJ5RP6A2_cjs.b,{mode:"single",selected:e,month:v,onMonthChange:w,onSelect:a=>{let g=a?T__default.default(a).format("MM/DD/YYYY"):"";d.current=g,c(g),r?.(a),m(false);},...p})})]})]})}var Pe=({alt:n,className:o="",containerClassName:e="",imagePreview:r=void 0,cropper:t=void 0})=>{let[p,h]=react.useState(false),D=!r||!p,f=!!t;return jsxRuntime.jsxs("div",{className:chunkQRO22BPZ_cjs.a("flex max-w-[386px] flex-col",o),children:[jsxRuntime.jsxs("div",{className:chunkQRO22BPZ_cjs.a("relative h-60 rounded-md border",e),children:[r&&f?jsxRuntime.jsx(be__default.default,{image:r,crop:t.crop,zoom:t.zoom,aspect:t.aspect,objectFit:"contain",onCropChange:t.setCrop,onZoomChange:t.setZoom,onCropComplete:t.onCropComplete,onMediaLoaded:()=>h(true),showGrid:false}):r&&jsxRuntime.jsx("img",{alt:n,className:`m-auto h-full w-full object-contain transition-opacity duration-300 ${p?"opacity-100":"opacity-0"}`,src:r,onLoad:()=>h(true),draggable:false}),D&&jsxRuntime.jsx("div",{"aria-label":r?"Loading image":"Awaiting image",className:"from-grey-300 to-grey-300 absolute inset-0 animate-pulse bg-gradient-to-r"})]}),!D&&f&&jsxRuntime.jsxs("div",{className:"mt-3 flex flex-col items-center justify-between gap-1 px-1 sm:flex-row sm:gap-4",children:[jsxRuntime.jsxs("div",{className:"flex w-full items-center gap-3",children:[jsxRuntime.jsx(chunkFMFRB4JI_cjs.b,{"aria-label":"zoom out",onClick:()=>t.setZoom(Math.max(t.zoom-.1,1)),className:"h-8",variant:"ghost-icon",children:jsxRuntime.jsx(lu.LuZoomOut,{})}),jsxRuntime.jsx(chunkQAGOBPAT_cjs.a,{value:[t.zoom],min:1,max:3,step:.01,onValueChange:m=>t.setZoom(m[0]),className:"w-full sm:flex-50",classNames:{thumb:"border-2 border-green-800",range:"bg-green-900"}}),jsxRuntime.jsx(chunkFMFRB4JI_cjs.b,{"aria-label":"zoom in",onClick:()=>t.setZoom(Math.min(t.zoom+.1,3)),variant:"ghost-icon",className:"h-8",children:jsxRuntime.jsx(lu.LuZoomIn,{})})]}),jsxRuntime.jsxs(chunkFMFRB4JI_cjs.b,{onClick:t.reset,variant:"ghost",className:"h-8 p-2",children:[jsxRuntime.jsx(lu.LuRefreshCcw,{}),"Reset"]})]})]})};var W="00:00",ee="24:00",te=n=>luxon.DateTime.fromFormat(n,"HH:mm").isValid,oe=({startTime:n=W,endTime:o=ee,interval:e=30,onChange:r=void 0,className:t="",placeholder:p="Select one",size:h="default",portal:D=true,...f})=>{te(n)||(console.error(`Invalid startTime: ${n}`),n=W),te(o)||(console.error(`Invalid endTime: ${o}`),o=ee);let m=react.useMemo(()=>{let i=luxon.DateTime.fromFormat(o,"HH:mm"),c=luxon.Duration.fromObject({minutes:e}),d=[],l=luxon.DateTime.fromFormat(n,"HH:mm");for(;l<=i;){let b=l.toFormat("HH:mm");b==="00:00"&&l.equals(i)&&(b="24:00"),d.push({label:l.toFormat("h:mm a"),value:{hour:l.toFormat("HH"),min:l.toFormat("mm"),raw:b,formatted:l.toFormat("h:mm a")}}),l=l.plus(c);}return d},[n,o,e]),v=m.map(i=>({label:i.label,value:i.value.raw}));return jsxRuntime.jsxs(chunkJ3F5C3FQ_cjs.a,{onValueChange:i=>{let c=m.find(d=>d.value.raw===i);c&&r?.(c);},...f,children:[jsxRuntime.jsx(chunkJ3F5C3FQ_cjs.d,{className:chunkQRO22BPZ_cjs.a("max-w-[240px] md:w-[150px]",t),size:h,children:jsxRuntime.jsx(chunkJ3F5C3FQ_cjs.c,{placeholder:p})}),jsxRuntime.jsx(chunkJ3F5C3FQ_cjs.g,{position:"popper",className:"max-h-90",portal:D,children:v.map(i=>jsxRuntime.jsx(chunkJ3F5C3FQ_cjs.i,{className:"h-10",value:i.value,children:i.label},i.value))})]})},Qe=oe;T__default.default.extend(Se__default.default);var ae="MM/DD/YYYY",Fe="00/00/0000",X=["MM/DD/YYYY","MM/D/YYYY","M/DD/YYYY","M/D/YYYY","YYYY-MM-DD"];function I(n){return n?T__default.default(n).format(ae):""}function Ie({className:n="",wrapperClassName:o="",value:e=void 0,onChange:r=void 0,disabled:t=false,calendarProps:p=void 0,placeholder:h,inputProps:D=void 0,showCalendarIcon:f=true,editable:m=false}){let[v,w]=react.useState(false),i=h??(m?ae:"Pick a date"),[c,d]=react.useState(void 0),l=react.useRef(e);e!==l.current&&(l.current=e,c!==void 0&&d(void 0));let b=c??e,a=s=>p?.disabled?!reactDayPicker.isMatch(s,p.disabled):true,g=react.useRef(r);g.current=r;let S=react.useRef(a);S.current=a;let{ref:q,setValue:B}=reactImask.useIMask({mask:Fe,lazy:true,overwrite:false},{onComplete:s=>{let C=T__default.default(s,X,true);C.isValid()&&S.current(C.toDate())&&g.current?.(C.toDate());}}),ie=s=>{r?.(s),B(I(s)),w(false);},se=s=>{let C=s.clipboardData.getData("text").trim(),E=T__default.default(C,X,true);if(E.isValid()&&a(E.toDate())){s.preventDefault();let J=E.toDate();r?.(J),B(I(J));}},pe=()=>{B(I(e));},le=()=>{let s=q.current?.value??"";if(s===""){e!==void 0&&r?.(void 0);return}let C=T__default.default(s,X,true);C.isValid()&&a(C.toDate())&&r?.(C.toDate()),B(I(e));},me=chunkQRO22BPZ_cjs.a(chunk2DLCWPKO_cjs.a(),f&&"pl-10",v?"border-dark-green":"",n);return jsxRuntime.jsxs(chunkSV7GB6CH_cjs.a,{open:!t&&v,onOpenChange:w,children:[jsxRuntime.jsx(chunkSV7GB6CH_cjs.b,{asChild:true,children:jsxRuntime.jsxs("div",{className:chunkQRO22BPZ_cjs.a("relative flex w-full items-center rounded-md",o),children:[m?jsxRuntime.jsx("input",{ref:q,defaultValue:I(e),className:me,placeholder:i,disabled:t,onFocus:pe,onPaste:se,onBlur:s=>{le(),D?.onBlur?.(s);}}):jsxRuntime.jsx(chunk2DLCWPKO_cjs.b,{className:chunkQRO22BPZ_cjs.a(f&&"pl-10",v?"border-dark-green":"",n),...D,value:I(e),placeholder:i,readOnly:true,disabled:t}),f&&jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("absolute top-1/2 left-4 h-4 w-4 -translate-y-1/2",t?"text-gray-400":"cursor-pointer text-black"),children:jsxRuntime.jsx(lu.LuCalendar,{size:16})})]})}),jsxRuntime.jsx(chunkSV7GB6CH_cjs.c,{className:"w-auto overflow-hidden p-0",align:"start",onOpenAutoFocus:m?s=>s.preventDefault():void 0,children:jsxRuntime.jsx(chunkDJ5RP6A2_cjs.b,{mode:"single",selected:e?T__default.default(e).toDate():void 0,onSelect:ie,...m?{month:b,onMonthChange:d}:{},...p})})]})}exports.a=Ie;exports.b=De;exports.c=Pe;exports.d=oe;exports.e=Qe;//# sourceMappingURL=chunk-YVXKLKHE.cjs.map
+//# sourceMappingURL=chunk-YVXKLKHE.cjs.map

package/dist/{chunk-HP66FPW5.cjs.map → chunk-YVXKLKHE.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/date-picker/date-picker-input.tsx","../src/v2/image-preview/image-preview.tsx","../src/v2/time-select/time-select.tsx","../src/v2/date-picker/date-picker.tsx"],"names":["maskDate","value","digits","parseDate","parts","month","day","year","date","DatePickerInput","className","wrapperClassName","onChange","disabled","calendarProps","placeholder","variant","open","setOpen","useState","setMonth","inputValue","setInputValue","dayjs","lastSyncedRef","useRef","useEffect","formatted","handleInputChange","e","masked","parsed","handleKeyDown","jsxs","cn","jsx","inputVariants","Popover","PopoverTrigger","Button","LuCalendar","PopoverContent","Calendar","d","ImagePreview","alt","containerClassName","imagePreview","cropper","loaded","setLoaded","showLoader","enableCrop","Cropper","LuZoomOut","Slider","v","LuZoomIn","LuRefreshCcw","START_TIME_DEFAULT","END_TIME_DEFAULT","isValidTime","time","DateTime","TimeSelect","startTime","endTime","interval","size","portal","inputProps","intervals","useMemo","dtEnd","durationInterval","Duration","res","i","raw","options","Select","SelectTrigger","SelectValue","SelectContent","option","SelectItem","time_select_default","customParseFormat","DISPLAY_FORMAT","INPUT_MASK","ACCEPTED_INPUT_FORMATS","formatDate","DatePicker","placeholderProp","showCalendarIcon","editable","navigatedMonth","setNavigatedMonth","prevValueForMonth","calendarMonth","isDateAllowed","isMatch","onChangeRef","isDateAllowedRef","maskRef","setMaskValue","useIMask","maskedValue","handleSelect","val","handlePaste","pasted","handleFocus","handleBlur","current","inputClasses","Input"],"mappings":"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","file":"chunk-HP66FPW5.cjs","sourcesContent":["import * as React from 'react';\nimport { ComponentProps, useEffect, useRef, useState } from 'react';\nimport { LuCalendar } from 'react-icons/lu';\nimport dayjs from 'dayjs';\nimport { Calendar, Button, Popover, PopoverContent, PopoverTrigger } from '@/v2';\nimport { cn } from '@/lib/utils';\nimport { inputVariants } from '../input/input';\n\nfunction maskDate(value: string): string {\n  const digits = value.replace(/\\D/g, '').slice(0, 8);\n  if (digits.length <= 2) return digits;\n  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;\n  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;\n}\n\nfunction parseDate(value: string): Date | undefined {\n  if (value.length !== 10) return undefined;\n  const parts = value.split('/');\n  if (parts.length !== 3 || parts[2].length !== 4) return undefined;\n  const month = parseInt(parts[0], 10);\n  const day = parseInt(parts[1], 10);\n  const year = parseInt(parts[2], 10);\n  if (Number.isNaN(month) || Number.isNaN(day) || Number.isNaN(year)) return undefined;\n  const date = new Date(year, month - 1, day);\n  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {\n    return undefined;\n  }\n  return date;\n}\n\nexport type DatePickerInputProps = {\n  className?: string;\n  wrapperClassName?: string;\n  value?: Date;\n  onChange?: (value: Date | undefined) => void;\n  disabled?: boolean;\n  calendarProps?: Omit<ComponentProps<typeof Calendar>, 'mode' | 'selected' | 'onSelect'>;\n  placeholder?: string;\n  variant?: 'default' | 'invalid';\n};\n\nexport function DatePickerInput({\n  className,\n  wrapperClassName,\n  value,\n  onChange,\n  disabled = false,\n  calendarProps,\n  placeholder = 'MM/DD/YYYY',\n  variant,\n}: DatePickerInputProps) {\n  const [open, setOpen] = useState(false);\n  const [month, setMonth] = useState<Date | undefined>(value);\n  const [inputValue, setInputValue] = useState<string>(\n    value ? dayjs(value).format('MM/DD/YYYY') : '',\n  );\n  // Track the last value we synced from props to avoid overwriting partial user input\n  const lastSyncedRef = useRef(value ? dayjs(value).format('MM/DD/YYYY') : '');\n\n  useEffect(() => {\n    const formatted = value ? dayjs(value).format('MM/DD/YYYY') : '';\n    if (formatted !== lastSyncedRef.current) {\n      lastSyncedRef.current = formatted;\n      setInputValue(formatted);\n      if (value) setMonth(value);\n    }\n  }, [value]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const masked = maskDate(e.target.value);\n    setInputValue(masked);\n    const parsed = parseDate(masked);\n    if (parsed) {\n      lastSyncedRef.current = masked;\n      onChange?.(parsed);\n    } else if (masked === '') {\n      lastSyncedRef.current = '';\n      onChange?.(undefined);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      setOpen(true);\n    }\n    if (\n      !/[0-9/]/.test(e.key) &&\n      !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'Tab'].includes(e.key) &&\n      !e.metaKey &&\n      !e.ctrlKey\n    ) {\n      e.preventDefault();\n    }\n  };\n\n  return (\n    <div className={cn('relative w-full', wrapperClassName)}>\n      <input\n        type=\"text\"\n        data-slot=\"input\"\n        className={cn(inputVariants({ variant }), 'pr-10', className)}\n        value={inputValue}\n        placeholder={placeholder}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n        disabled={disabled}\n      />\n      <Popover open={!disabled && open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost-icon\"\n            size=\"sm\"\n            className=\"absolute top-1/2 right-1 -translate-y-1/2\"\n            disabled={disabled}\n            aria-label=\"Select date\"\n            type=\"button\"\n          >\n            <LuCalendar />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto overflow-hidden p-0\" align=\"end\" sideOffset={10}>\n          <Calendar\n            mode=\"single\"\n            selected={value}\n            month={month}\n            onMonthChange={setMonth}\n            onSelect={(d) => {\n              const formatted = d ? dayjs(d).format('MM/DD/YYYY') : '';\n              lastSyncedRef.current = formatted;\n              setInputValue(formatted);\n              onChange?.(d);\n              setOpen(false);\n            }}\n            {...calendarProps}\n          />\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport { LuRefreshCcw, LuZoomIn, LuZoomOut } from 'react-icons/lu';\nimport Cropper from 'react-easy-crop';\nimport { Button, Slider } from '../index';\nimport type { UseImageCropper } from './useImageCropper';\nimport { cn } from '@/lib/utils';\n\nexport type ImagePreviewProps = {\n  alt: string;\n  className?: string;\n  containerClassName?: string;\n  imagePreview?: string; // optional so we can show skeleton while awaiting URL\n  cropper?: UseImageCropper; // when provided, show cropping UI\n};\n\nexport const ImagePreview = ({\n  alt,\n  className = '',\n  containerClassName = '',\n  imagePreview = undefined,\n  cropper = undefined,\n}: ImagePreviewProps) => {\n  const [loaded, setLoaded] = useState(false);\n  const showLoader = !imagePreview || !loaded;\n  const enableCrop = !!cropper;\n\n  return (\n    <div className={cn(`flex max-w-[386px] flex-col`, className)}>\n      <div className={cn('relative h-60 rounded-md border', containerClassName)}>\n        {imagePreview && enableCrop ? (\n          <Cropper\n            image={imagePreview}\n            crop={cropper.crop}\n            zoom={cropper.zoom}\n            aspect={cropper.aspect}\n            objectFit=\"contain\"\n            onCropChange={cropper.setCrop}\n            onZoomChange={cropper.setZoom}\n            onCropComplete={cropper.onCropComplete}\n            onMediaLoaded={() => setLoaded(true)}\n            showGrid={false}\n          />\n        ) : (\n          imagePreview && (\n            <img\n              alt={alt}\n              className={`m-auto h-full w-full object-contain transition-opacity duration-300 ${loaded ? 'opacity-100' : 'opacity-0'}`}\n              src={imagePreview}\n              onLoad={() => setLoaded(true)}\n              draggable={false}\n            />\n          )\n        )}\n\n        {showLoader && (\n          <div\n            aria-label={imagePreview ? 'Loading image' : 'Awaiting image'}\n            className=\"from-grey-300 to-grey-300 absolute inset-0 animate-pulse bg-gradient-to-r\"\n          />\n        )}\n      </div>\n\n      {!showLoader && enableCrop && (\n        <div className=\"mt-3 flex flex-col items-center justify-between gap-1 px-1 sm:flex-row sm:gap-4\">\n          <div className=\"flex w-full items-center gap-3\">\n            <Button\n              aria-label=\"zoom out\"\n              onClick={() => cropper.setZoom(Math.max(cropper.zoom - 0.1, 1))}\n              className=\"h-8\"\n              variant=\"ghost-icon\"\n            >\n              <LuZoomOut />\n            </Button>\n\n            <Slider\n              value={[cropper.zoom]}\n              min={1}\n              max={3}\n              step={0.01}\n              onValueChange={(v: number[]) => cropper.setZoom(v[0])}\n              className=\"w-full sm:flex-50\"\n              classNames={{ thumb: 'border-2 border-green-800', range: 'bg-green-900' }}\n            />\n\n            <Button\n              aria-label=\"zoom in\"\n              onClick={() => cropper.setZoom(Math.min(cropper.zoom + 0.1, 3))}\n              variant=\"ghost-icon\"\n              className=\"h-8\"\n            >\n              <LuZoomIn />\n            </Button>\n          </div>\n\n          <Button onClick={cropper.reset} variant=\"ghost\" className=\"h-8 p-2\">\n            <LuRefreshCcw />\n            Reset\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import { DateTime, Duration } from 'luxon';\nimport { useMemo } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/v2';\nimport { cn } from '@/lib/utils';\n\nexport type Interval = {\n  label: string;\n  value: {\n    hour: string;\n    min: string;\n    raw: string;\n    formatted: string;\n  };\n};\n\ntype Props = {\n  startTime?: string;\n  endTime?: string;\n  interval?: number;\n  onChange?: (e: Interval) => void;\n  className?: string;\n  placeholder?: string;\n  size?: 'default' | 'sm';\n  portal?: boolean;\n  [inputProps: string]: unknown;\n};\n\nconst START_TIME_DEFAULT = '00:00';\nconst END_TIME_DEFAULT = '24:00';\n\nconst isValidTime = (time: string) => {\n  const dt = DateTime.fromFormat(time, 'HH:mm');\n  return dt.isValid;\n};\n\nexport const TimeSelect = ({\n  startTime = START_TIME_DEFAULT,\n  endTime = END_TIME_DEFAULT,\n  interval = 30,\n  onChange = undefined,\n  className = '',\n  placeholder = 'Select one',\n  size = 'default',\n  portal = true,\n  ...inputProps\n}: Props) => {\n  if (!isValidTime(startTime)) {\n    console.error(`Invalid startTime: ${startTime}`);\n    // eslint-disable-next-line no-param-reassign\n    startTime = START_TIME_DEFAULT;\n  }\n  if (!isValidTime(endTime)) {\n    console.error(`Invalid endTime: ${endTime}`);\n    // eslint-disable-next-line no-param-reassign\n    endTime = END_TIME_DEFAULT;\n  }\n\n  const intervals = useMemo((): Interval[] => {\n    const dtEnd = DateTime.fromFormat(endTime, 'HH:mm');\n    const durationInterval = Duration.fromObject({ minutes: interval });\n    const res = [];\n    let i = DateTime.fromFormat(startTime, 'HH:mm');\n    while (i <= dtEnd) {\n      let raw = i.toFormat('HH:mm');\n      // Avoid duplicate keys for \"00:00\" and \"00:00\" (end of day)\n      if (raw === '00:00' && i.equals(dtEnd)) raw = '24:00';\n\n      res.push({\n        label: i.toFormat('h:mm a'),\n        value: {\n          hour: i.toFormat('HH'),\n          min: i.toFormat('mm'),\n          raw,\n          formatted: i.toFormat('h:mm a'),\n        },\n      });\n      i = i.plus(durationInterval);\n    }\n\n    return res;\n  }, [startTime, endTime, interval]);\n\n  const options = intervals.map((time) => ({\n    label: time.label,\n    value: time.value.raw,\n  }));\n\n  const handleOnSelect = (e: unknown) => {\n    const interval = intervals.find((time) => time.value.raw === e);\n\n    if (!interval) return;\n\n    onChange?.(interval);\n  };\n\n  return (\n    <Select onValueChange={handleOnSelect} {...inputProps}>\n      <SelectTrigger className={cn('max-w-[240px] md:w-[150px]', className)} size={size}>\n        <SelectValue placeholder={placeholder} />\n      </SelectTrigger>\n      <SelectContent position=\"popper\" className=\"max-h-90\" portal={portal}>\n        {options.map((option) => (\n          // Note that labels and values here may appear to be duplicates\n          // For example, \"00:00\" and \"24:00\" will both have the same value \"00:00\"\n          <SelectItem className=\"h-10\" key={option.value} value={option.value}>\n            {option.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n};\n\nexport default TimeSelect;\n","import { ComponentProps, useRef, useState } from 'react';\nimport { LuCalendar } from 'react-icons/lu';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js';\nimport { useIMask } from 'react-imask';\nimport { isMatch } from 'react-day-picker';\nimport { Calendar, Input, Popover, PopoverContent, PopoverTrigger } from '@/v2';\nimport { cn } from '@/lib/utils';\nimport { inputVariants } from '@/v2/input/input';\nimport type { InputProps } from '@/v2/input/input';\n\ndayjs.extend(customParseFormat);\n\n/** Display and input format for dates. Also used as the placeholder when `editable` is true. */\nconst DISPLAY_FORMAT = 'MM/DD/YYYY';\n\n/** IMask pattern — each `0` is a required digit, slashes are fixed literals. */\nconst INPUT_MASK = '00/00/0000';\n\n/**\n * Formats accepted when parsing typed or pasted input (dayjs strict mode).\n * Ordered from most specific to least specific to avoid ambiguous matches.\n */\nconst ACCEPTED_INPUT_FORMATS = ['MM/DD/YYYY', 'MM/D/YYYY', 'M/DD/YYYY', 'M/D/YYYY', 'YYYY-MM-DD'];\n\nexport type DatePickerProps = {\n  /** Additional class name(s) applied to the input element. */\n  className?: string;\n  /** Additional class name(s) applied to the outer popover trigger wrapper. */\n  wrapperClassName?: string;\n  /** The currently selected date. `undefined` means no date is selected. */\n  value?: Date;\n  /** Called when the selected date changes. Receives `undefined` when the date is cleared. */\n  onChange?: (value: Date | undefined) => void;\n  /** When `true`, the picker is non-interactive. */\n  disabled?: boolean;\n  /**\n   * Props forwarded to the underlying `Calendar` component (react-day-picker).\n   * Use `disabled` within this object to restrict selectable dates — these\n   * constraints apply to both calendar clicks and typed input when `editable` is `true`.\n   *\n   * @example\n   * ```tsx\n   * <DatePicker calendarProps={{ disabled: [{ before: new Date() }] }} />\n   * ```\n   */\n  calendarProps?: Omit<ComponentProps<typeof Calendar>, 'mode' | 'selected' | 'onSelect'>;\n  /**\n   * Input placeholder text. Defaults to `\"Pick a date\"` in read-only mode\n   * and `\"MM/DD/YYYY\"` when `editable` is `true`.\n   */\n  placeholder?: string;\n  /** Props forwarded to the underlying `Input` component. */\n  inputProps?: InputProps;\n  /** Whether to show the calendar icon inside the input. @default true */\n  showCalendarIcon?: boolean;\n  /**\n   * When `true`, the input accepts typed and pasted dates in `MM/DD/YYYY` format.\n   * Slashes are auto-inserted, non-numeric characters are rejected, and common\n   * formats like `M/D/YYYY` and `YYYY-MM-DD` are accepted on paste.\n   * Dates that fall in `calendarProps.disabled` ranges are rejected.\n   *\n   * When `false` (default), the input is read-only and dates can only be\n   * selected via the calendar popover.\n   *\n   * @default false\n   */\n  editable?: boolean;\n};\n\nfunction formatDate(date: Date | undefined): string {\n  return date ? dayjs(date).format(DISPLAY_FORMAT) : '';\n}\n\n/**\n * A date picker that combines a text input with a calendar popover.\n *\n * By default the input is read-only — dates are selected via the calendar.\n * Set `editable` to allow typing or pasting dates in `MM/DD/YYYY` format.\n */\nexport function DatePicker({\n  className = '',\n  wrapperClassName = '',\n  value = undefined,\n  onChange = undefined,\n  disabled = false,\n  calendarProps = undefined,\n  placeholder: placeholderProp,\n  inputProps = undefined,\n  showCalendarIcon = true,\n  editable = false,\n}: DatePickerProps) {\n  const [open, setOpen] = useState(false);\n  const placeholder = placeholderProp ?? (editable ? DISPLAY_FORMAT : 'Pick a date');\n\n  // Calendar month: derived from value, with user navigation override.\n  // When value changes, navigation resets to the new value's month.\n  const [navigatedMonth, setNavigatedMonth] = useState<Date | undefined>(undefined);\n  const prevValueForMonth = useRef(value);\n  if (value !== prevValueForMonth.current) {\n    prevValueForMonth.current = value;\n    if (navigatedMonth !== undefined) {\n      setNavigatedMonth(undefined);\n    }\n  }\n  const calendarMonth = navigatedMonth ?? value;\n\n  const isDateAllowed = (date: Date): boolean => {\n    if (!calendarProps?.disabled) {\n      return true;\n    }\n    return !isMatch(date, calendarProps.disabled);\n  };\n\n  // Refs ensure IMask callbacks always see the latest values without re-creating the mask\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n  const isDateAllowedRef = useRef(isDateAllowed);\n  isDateAllowedRef.current = isDateAllowed;\n\n  const { ref: maskRef, setValue: setMaskValue } = useIMask<HTMLInputElement>(\n    { mask: INPUT_MASK, lazy: true, overwrite: false },\n    {\n      onComplete: (maskedValue) => {\n        const parsed = dayjs(maskedValue, ACCEPTED_INPUT_FORMATS, true);\n        if (parsed.isValid() && isDateAllowedRef.current(parsed.toDate())) {\n          onChangeRef.current?.(parsed.toDate());\n        }\n      },\n    },\n  );\n\n  const handleSelect = (val: Date | undefined) => {\n    onChange?.(val);\n    setMaskValue(formatDate(val));\n    setOpen(false);\n  };\n\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    const pasted = e.clipboardData.getData('text').trim();\n    const parsed = dayjs(pasted, ACCEPTED_INPUT_FORMATS, true);\n    if (parsed.isValid() && isDateAllowed(parsed.toDate())) {\n      e.preventDefault();\n      const date = parsed.toDate();\n      onChange?.(date);\n      setMaskValue(formatDate(date));\n    }\n    // If we can't parse it, let IMask handle it naturally\n  };\n\n  const handleFocus = () => {\n    // Sync the mask to the current value on focus — handles external parent resets\n    setMaskValue(formatDate(value));\n  };\n\n  const handleBlur = () => {\n    const current = maskRef.current?.value ?? '';\n    if (current === '') {\n      if (value !== undefined) {\n        onChange?.(undefined);\n      }\n      return;\n    }\n    const parsed = dayjs(current, ACCEPTED_INPUT_FORMATS, true);\n    if (parsed.isValid() && isDateAllowed(parsed.toDate())) {\n      onChange?.(parsed.toDate());\n    }\n    // Revert to last valid display value\n    setMaskValue(formatDate(value));\n  };\n\n  const inputClasses = cn(\n    inputVariants(),\n    showCalendarIcon && 'pl-10',\n    open ? 'border-dark-green' : '',\n    className,\n  );\n\n  return (\n    <Popover open={!disabled && open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <div className={cn('relative flex w-full items-center rounded-md', wrapperClassName)}>\n          {editable ? (\n            <input\n              ref={maskRef}\n              defaultValue={formatDate(value)}\n              className={inputClasses}\n              placeholder={placeholder}\n              disabled={disabled}\n              onFocus={handleFocus}\n              onPaste={handlePaste}\n              onBlur={(e) => {\n                handleBlur();\n                inputProps?.onBlur?.(e);\n              }}\n            />\n          ) : (\n            <Input\n              className={cn(\n                showCalendarIcon && 'pl-10',\n                open ? 'border-dark-green' : '',\n                className,\n              )}\n              {...inputProps}\n              value={formatDate(value)}\n              placeholder={placeholder}\n              readOnly\n              disabled={disabled}\n            />\n          )}\n          {showCalendarIcon && (\n            <div\n              className={cn(\n                'absolute top-1/2 left-4 h-4 w-4 -translate-y-1/2',\n                disabled ? 'text-gray-400' : 'cursor-pointer text-black',\n              )}\n            >\n              <LuCalendar size={16} />\n            </div>\n          )}\n        </div>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-auto overflow-hidden p-0\"\n        align=\"start\"\n        onOpenAutoFocus={editable ? (e) => e.preventDefault() : undefined}\n      >\n        <Calendar\n          mode=\"single\"\n          selected={value ? dayjs(value).toDate() : undefined}\n          onSelect={handleSelect}\n          {...(editable ? { month: calendarMonth, onMonthChange: setNavigatedMonth } : {})}\n          {...calendarProps}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}
+{"version":3,"sources":["../src/v2/date-picker/date-picker-input.tsx","../src/v2/image-preview/image-preview.tsx","../src/v2/time-select/time-select.tsx","../src/v2/date-picker/date-picker.tsx"],"names":["maskDate","value","digits","parseDate","parts","month","day","year","date","DatePickerInput","className","wrapperClassName","onChange","disabled","calendarProps","placeholder","variant","open","setOpen","useState","setMonth","inputValue","setInputValue","dayjs","lastSyncedRef","useRef","useEffect","formatted","handleInputChange","e","masked","parsed","handleKeyDown","jsxs","cn","jsx","inputVariants","Popover","PopoverTrigger","Button","LuCalendar","PopoverContent","Calendar","d","ImagePreview","alt","containerClassName","imagePreview","cropper","loaded","setLoaded","showLoader","enableCrop","Cropper","LuZoomOut","Slider","v","LuZoomIn","LuRefreshCcw","START_TIME_DEFAULT","END_TIME_DEFAULT","isValidTime","time","DateTime","TimeSelect","startTime","endTime","interval","size","portal","inputProps","intervals","useMemo","dtEnd","durationInterval","Duration","res","i","raw","options","Select","SelectTrigger","SelectValue","SelectContent","option","SelectItem","time_select_default","customParseFormat","DISPLAY_FORMAT","INPUT_MASK","ACCEPTED_INPUT_FORMATS","formatDate","DatePicker","placeholderProp","showCalendarIcon","editable","navigatedMonth","setNavigatedMonth","prevValueForMonth","calendarMonth","isDateAllowed","isMatch","onChangeRef","isDateAllowedRef","maskRef","setMaskValue","useIMask","maskedValue","handleSelect","val","handlePaste","pasted","handleFocus","handleBlur","current","inputClasses","Input"],"mappings":"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","file":"chunk-YVXKLKHE.cjs","sourcesContent":["import * as React from 'react';\nimport { ComponentProps, useEffect, useRef, useState } from 'react';\nimport { LuCalendar } from 'react-icons/lu';\nimport dayjs from 'dayjs';\nimport { Calendar, Button, Popover, PopoverContent, PopoverTrigger } from '@/v2';\nimport { cn } from '@/lib/utils';\nimport { inputVariants } from '../input/input';\n\nfunction maskDate(value: string): string {\n  const digits = value.replace(/\\D/g, '').slice(0, 8);\n  if (digits.length <= 2) return digits;\n  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;\n  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;\n}\n\nfunction parseDate(value: string): Date | undefined {\n  if (value.length !== 10) return undefined;\n  const parts = value.split('/');\n  if (parts.length !== 3 || parts[2].length !== 4) return undefined;\n  const month = parseInt(parts[0], 10);\n  const day = parseInt(parts[1], 10);\n  const year = parseInt(parts[2], 10);\n  if (Number.isNaN(month) || Number.isNaN(day) || Number.isNaN(year)) return undefined;\n  const date = new Date(year, month - 1, day);\n  if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {\n    return undefined;\n  }\n  return date;\n}\n\nexport type DatePickerInputProps = {\n  className?: string;\n  wrapperClassName?: string;\n  value?: Date;\n  onChange?: (value: Date | undefined) => void;\n  disabled?: boolean;\n  calendarProps?: Omit<ComponentProps<typeof Calendar>, 'mode' | 'selected' | 'onSelect'>;\n  placeholder?: string;\n  variant?: 'default' | 'invalid';\n};\n\nexport function DatePickerInput({\n  className,\n  wrapperClassName,\n  value,\n  onChange,\n  disabled = false,\n  calendarProps,\n  placeholder = 'MM/DD/YYYY',\n  variant,\n}: DatePickerInputProps) {\n  const [open, setOpen] = useState(false);\n  const [month, setMonth] = useState<Date | undefined>(value);\n  const [inputValue, setInputValue] = useState<string>(\n    value ? dayjs(value).format('MM/DD/YYYY') : '',\n  );\n  // Track the last value we synced from props to avoid overwriting partial user input\n  const lastSyncedRef = useRef(value ? dayjs(value).format('MM/DD/YYYY') : '');\n\n  useEffect(() => {\n    const formatted = value ? dayjs(value).format('MM/DD/YYYY') : '';\n    if (formatted !== lastSyncedRef.current) {\n      lastSyncedRef.current = formatted;\n      setInputValue(formatted);\n      if (value) setMonth(value);\n    }\n  }, [value]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const masked = maskDate(e.target.value);\n    setInputValue(masked);\n    const parsed = parseDate(masked);\n    if (parsed) {\n      lastSyncedRef.current = masked;\n      onChange?.(parsed);\n    } else if (masked === '') {\n      lastSyncedRef.current = '';\n      onChange?.(undefined);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      setOpen(true);\n    }\n    if (\n      !/[0-9/]/.test(e.key) &&\n      !['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'Tab'].includes(e.key) &&\n      !e.metaKey &&\n      !e.ctrlKey\n    ) {\n      e.preventDefault();\n    }\n  };\n\n  return (\n    <div className={cn('relative w-full', wrapperClassName)}>\n      <input\n        type=\"text\"\n        data-slot=\"input\"\n        className={cn(inputVariants({ variant }), 'pr-10', className)}\n        value={inputValue}\n        placeholder={placeholder}\n        onChange={handleInputChange}\n        onKeyDown={handleKeyDown}\n        disabled={disabled}\n      />\n      <Popover open={!disabled && open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost-icon\"\n            size=\"sm\"\n            className=\"absolute top-1/2 right-1 -translate-y-1/2\"\n            disabled={disabled}\n            aria-label=\"Select date\"\n            type=\"button\"\n          >\n            <LuCalendar />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto overflow-hidden p-0\" align=\"end\" sideOffset={10}>\n          <Calendar\n            mode=\"single\"\n            selected={value}\n            month={month}\n            onMonthChange={setMonth}\n            onSelect={(d) => {\n              const formatted = d ? dayjs(d).format('MM/DD/YYYY') : '';\n              lastSyncedRef.current = formatted;\n              setInputValue(formatted);\n              onChange?.(d);\n              setOpen(false);\n            }}\n            {...calendarProps}\n          />\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n","import { useState } from 'react';\nimport { LuRefreshCcw, LuZoomIn, LuZoomOut } from 'react-icons/lu';\nimport Cropper from 'react-easy-crop';\nimport { Button, Slider } from '../index';\nimport type { UseImageCropper } from './useImageCropper';\nimport { cn } from '@/lib/utils';\n\nexport type ImagePreviewProps = {\n  alt: string;\n  className?: string;\n  containerClassName?: string;\n  imagePreview?: string; // optional so we can show skeleton while awaiting URL\n  cropper?: UseImageCropper; // when provided, show cropping UI\n};\n\nexport const ImagePreview = ({\n  alt,\n  className = '',\n  containerClassName = '',\n  imagePreview = undefined,\n  cropper = undefined,\n}: ImagePreviewProps) => {\n  const [loaded, setLoaded] = useState(false);\n  const showLoader = !imagePreview || !loaded;\n  const enableCrop = !!cropper;\n\n  return (\n    <div className={cn(`flex max-w-[386px] flex-col`, className)}>\n      <div className={cn('relative h-60 rounded-md border', containerClassName)}>\n        {imagePreview && enableCrop ? (\n          <Cropper\n            image={imagePreview}\n            crop={cropper.crop}\n            zoom={cropper.zoom}\n            aspect={cropper.aspect}\n            objectFit=\"contain\"\n            onCropChange={cropper.setCrop}\n            onZoomChange={cropper.setZoom}\n            onCropComplete={cropper.onCropComplete}\n            onMediaLoaded={() => setLoaded(true)}\n            showGrid={false}\n          />\n        ) : (\n          imagePreview && (\n            <img\n              alt={alt}\n              className={`m-auto h-full w-full object-contain transition-opacity duration-300 ${loaded ? 'opacity-100' : 'opacity-0'}`}\n              src={imagePreview}\n              onLoad={() => setLoaded(true)}\n              draggable={false}\n            />\n          )\n        )}\n\n        {showLoader && (\n          <div\n            aria-label={imagePreview ? 'Loading image' : 'Awaiting image'}\n            className=\"from-grey-300 to-grey-300 absolute inset-0 animate-pulse bg-gradient-to-r\"\n          />\n        )}\n      </div>\n\n      {!showLoader && enableCrop && (\n        <div className=\"mt-3 flex flex-col items-center justify-between gap-1 px-1 sm:flex-row sm:gap-4\">\n          <div className=\"flex w-full items-center gap-3\">\n            <Button\n              aria-label=\"zoom out\"\n              onClick={() => cropper.setZoom(Math.max(cropper.zoom - 0.1, 1))}\n              className=\"h-8\"\n              variant=\"ghost-icon\"\n            >\n              <LuZoomOut />\n            </Button>\n\n            <Slider\n              value={[cropper.zoom]}\n              min={1}\n              max={3}\n              step={0.01}\n              onValueChange={(v: number[]) => cropper.setZoom(v[0])}\n              className=\"w-full sm:flex-50\"\n              classNames={{ thumb: 'border-2 border-green-800', range: 'bg-green-900' }}\n            />\n\n            <Button\n              aria-label=\"zoom in\"\n              onClick={() => cropper.setZoom(Math.min(cropper.zoom + 0.1, 3))}\n              variant=\"ghost-icon\"\n              className=\"h-8\"\n            >\n              <LuZoomIn />\n            </Button>\n          </div>\n\n          <Button onClick={cropper.reset} variant=\"ghost\" className=\"h-8 p-2\">\n            <LuRefreshCcw />\n            Reset\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import { DateTime, Duration } from 'luxon';\nimport { useMemo } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/v2';\nimport { cn } from '@/lib/utils';\n\nexport type Interval = {\n  label: string;\n  value: {\n    hour: string;\n    min: string;\n    raw: string;\n    formatted: string;\n  };\n};\n\ntype Props = {\n  startTime?: string;\n  endTime?: string;\n  interval?: number;\n  onChange?: (e: Interval) => void;\n  className?: string;\n  placeholder?: string;\n  size?: 'default' | 'sm';\n  portal?: boolean;\n  [inputProps: string]: unknown;\n};\n\nconst START_TIME_DEFAULT = '00:00';\nconst END_TIME_DEFAULT = '24:00';\n\nconst isValidTime = (time: string) => {\n  const dt = DateTime.fromFormat(time, 'HH:mm');\n  return dt.isValid;\n};\n\nexport const TimeSelect = ({\n  startTime = START_TIME_DEFAULT,\n  endTime = END_TIME_DEFAULT,\n  interval = 30,\n  onChange = undefined,\n  className = '',\n  placeholder = 'Select one',\n  size = 'default',\n  portal = true,\n  ...inputProps\n}: Props) => {\n  if (!isValidTime(startTime)) {\n    console.error(`Invalid startTime: ${startTime}`);\n    // eslint-disable-next-line no-param-reassign\n    startTime = START_TIME_DEFAULT;\n  }\n  if (!isValidTime(endTime)) {\n    console.error(`Invalid endTime: ${endTime}`);\n    // eslint-disable-next-line no-param-reassign\n    endTime = END_TIME_DEFAULT;\n  }\n\n  const intervals = useMemo((): Interval[] => {\n    const dtEnd = DateTime.fromFormat(endTime, 'HH:mm');\n    const durationInterval = Duration.fromObject({ minutes: interval });\n    const res = [];\n    let i = DateTime.fromFormat(startTime, 'HH:mm');\n    while (i <= dtEnd) {\n      let raw = i.toFormat('HH:mm');\n      // Avoid duplicate keys for \"00:00\" and \"00:00\" (end of day)\n      if (raw === '00:00' && i.equals(dtEnd)) raw = '24:00';\n\n      res.push({\n        label: i.toFormat('h:mm a'),\n        value: {\n          hour: i.toFormat('HH'),\n          min: i.toFormat('mm'),\n          raw,\n          formatted: i.toFormat('h:mm a'),\n        },\n      });\n      i = i.plus(durationInterval);\n    }\n\n    return res;\n  }, [startTime, endTime, interval]);\n\n  const options = intervals.map((time) => ({\n    label: time.label,\n    value: time.value.raw,\n  }));\n\n  const handleOnSelect = (e: unknown) => {\n    const interval = intervals.find((time) => time.value.raw === e);\n\n    if (!interval) return;\n\n    onChange?.(interval);\n  };\n\n  return (\n    <Select onValueChange={handleOnSelect} {...inputProps}>\n      <SelectTrigger className={cn('max-w-[240px] md:w-[150px]', className)} size={size}>\n        <SelectValue placeholder={placeholder} />\n      </SelectTrigger>\n      <SelectContent position=\"popper\" className=\"max-h-90\" portal={portal}>\n        {options.map((option) => (\n          // Note that labels and values here may appear to be duplicates\n          // For example, \"00:00\" and \"24:00\" will both have the same value \"00:00\"\n          <SelectItem className=\"h-10\" key={option.value} value={option.value}>\n            {option.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n};\n\nexport default TimeSelect;\n","import { ComponentProps, useRef, useState } from 'react';\nimport { LuCalendar } from 'react-icons/lu';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js';\nimport { useIMask } from 'react-imask';\nimport { isMatch } from 'react-day-picker';\nimport { Calendar, Input, Popover, PopoverContent, PopoverTrigger } from '@/v2';\nimport { cn } from '@/lib/utils';\nimport { inputVariants } from '@/v2/input/input';\nimport type { InputProps } from '@/v2/input/input';\n\ndayjs.extend(customParseFormat);\n\n/** Display and input format for dates. Also used as the placeholder when `editable` is true. */\nconst DISPLAY_FORMAT = 'MM/DD/YYYY';\n\n/** IMask pattern — each `0` is a required digit, slashes are fixed literals. */\nconst INPUT_MASK = '00/00/0000';\n\n/**\n * Formats accepted when parsing typed or pasted input (dayjs strict mode).\n * Ordered from most specific to least specific to avoid ambiguous matches.\n */\nconst ACCEPTED_INPUT_FORMATS = ['MM/DD/YYYY', 'MM/D/YYYY', 'M/DD/YYYY', 'M/D/YYYY', 'YYYY-MM-DD'];\n\nexport type DatePickerProps = {\n  /** Additional class name(s) applied to the input element. */\n  className?: string;\n  /** Additional class name(s) applied to the outer popover trigger wrapper. */\n  wrapperClassName?: string;\n  /** The currently selected date. `undefined` means no date is selected. */\n  value?: Date;\n  /** Called when the selected date changes. Receives `undefined` when the date is cleared. */\n  onChange?: (value: Date | undefined) => void;\n  /** When `true`, the picker is non-interactive. */\n  disabled?: boolean;\n  /**\n   * Props forwarded to the underlying `Calendar` component (react-day-picker).\n   * Use `disabled` within this object to restrict selectable dates — these\n   * constraints apply to both calendar clicks and typed input when `editable` is `true`.\n   *\n   * @example\n   * ```tsx\n   * <DatePicker calendarProps={{ disabled: [{ before: new Date() }] }} />\n   * ```\n   */\n  calendarProps?: Omit<ComponentProps<typeof Calendar>, 'mode' | 'selected' | 'onSelect'>;\n  /**\n   * Input placeholder text. Defaults to `\"Pick a date\"` in read-only mode\n   * and `\"MM/DD/YYYY\"` when `editable` is `true`.\n   */\n  placeholder?: string;\n  /** Props forwarded to the underlying `Input` component. */\n  inputProps?: InputProps;\n  /** Whether to show the calendar icon inside the input. @default true */\n  showCalendarIcon?: boolean;\n  /**\n   * When `true`, the input accepts typed and pasted dates in `MM/DD/YYYY` format.\n   * Slashes are auto-inserted, non-numeric characters are rejected, and common\n   * formats like `M/D/YYYY` and `YYYY-MM-DD` are accepted on paste.\n   * Dates that fall in `calendarProps.disabled` ranges are rejected.\n   *\n   * When `false` (default), the input is read-only and dates can only be\n   * selected via the calendar popover.\n   *\n   * @default false\n   */\n  editable?: boolean;\n};\n\nfunction formatDate(date: Date | undefined): string {\n  return date ? dayjs(date).format(DISPLAY_FORMAT) : '';\n}\n\n/**\n * A date picker that combines a text input with a calendar popover.\n *\n * By default the input is read-only — dates are selected via the calendar.\n * Set `editable` to allow typing or pasting dates in `MM/DD/YYYY` format.\n */\nexport function DatePicker({\n  className = '',\n  wrapperClassName = '',\n  value = undefined,\n  onChange = undefined,\n  disabled = false,\n  calendarProps = undefined,\n  placeholder: placeholderProp,\n  inputProps = undefined,\n  showCalendarIcon = true,\n  editable = false,\n}: DatePickerProps) {\n  const [open, setOpen] = useState(false);\n  const placeholder = placeholderProp ?? (editable ? DISPLAY_FORMAT : 'Pick a date');\n\n  // Calendar month: derived from value, with user navigation override.\n  // When value changes, navigation resets to the new value's month.\n  const [navigatedMonth, setNavigatedMonth] = useState<Date | undefined>(undefined);\n  const prevValueForMonth = useRef(value);\n  if (value !== prevValueForMonth.current) {\n    prevValueForMonth.current = value;\n    if (navigatedMonth !== undefined) {\n      setNavigatedMonth(undefined);\n    }\n  }\n  const calendarMonth = navigatedMonth ?? value;\n\n  const isDateAllowed = (date: Date): boolean => {\n    if (!calendarProps?.disabled) {\n      return true;\n    }\n    return !isMatch(date, calendarProps.disabled);\n  };\n\n  // Refs ensure IMask callbacks always see the latest values without re-creating the mask\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n  const isDateAllowedRef = useRef(isDateAllowed);\n  isDateAllowedRef.current = isDateAllowed;\n\n  const { ref: maskRef, setValue: setMaskValue } = useIMask<HTMLInputElement>(\n    { mask: INPUT_MASK, lazy: true, overwrite: false },\n    {\n      onComplete: (maskedValue) => {\n        const parsed = dayjs(maskedValue, ACCEPTED_INPUT_FORMATS, true);\n        if (parsed.isValid() && isDateAllowedRef.current(parsed.toDate())) {\n          onChangeRef.current?.(parsed.toDate());\n        }\n      },\n    },\n  );\n\n  const handleSelect = (val: Date | undefined) => {\n    onChange?.(val);\n    setMaskValue(formatDate(val));\n    setOpen(false);\n  };\n\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    const pasted = e.clipboardData.getData('text').trim();\n    const parsed = dayjs(pasted, ACCEPTED_INPUT_FORMATS, true);\n    if (parsed.isValid() && isDateAllowed(parsed.toDate())) {\n      e.preventDefault();\n      const date = parsed.toDate();\n      onChange?.(date);\n      setMaskValue(formatDate(date));\n    }\n    // If we can't parse it, let IMask handle it naturally\n  };\n\n  const handleFocus = () => {\n    // Sync the mask to the current value on focus — handles external parent resets\n    setMaskValue(formatDate(value));\n  };\n\n  const handleBlur = () => {\n    const current = maskRef.current?.value ?? '';\n    if (current === '') {\n      if (value !== undefined) {\n        onChange?.(undefined);\n      }\n      return;\n    }\n    const parsed = dayjs(current, ACCEPTED_INPUT_FORMATS, true);\n    if (parsed.isValid() && isDateAllowed(parsed.toDate())) {\n      onChange?.(parsed.toDate());\n    }\n    // Revert to last valid display value\n    setMaskValue(formatDate(value));\n  };\n\n  const inputClasses = cn(\n    inputVariants(),\n    showCalendarIcon && 'pl-10',\n    open ? 'border-dark-green' : '',\n    className,\n  );\n\n  return (\n    <Popover open={!disabled && open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <div className={cn('relative flex w-full items-center rounded-md', wrapperClassName)}>\n          {editable ? (\n            <input\n              ref={maskRef}\n              defaultValue={formatDate(value)}\n              className={inputClasses}\n              placeholder={placeholder}\n              disabled={disabled}\n              onFocus={handleFocus}\n              onPaste={handlePaste}\n              onBlur={(e) => {\n                handleBlur();\n                inputProps?.onBlur?.(e);\n              }}\n            />\n          ) : (\n            <Input\n              className={cn(\n                showCalendarIcon && 'pl-10',\n                open ? 'border-dark-green' : '',\n                className,\n              )}\n              {...inputProps}\n              value={formatDate(value)}\n              placeholder={placeholder}\n              readOnly\n              disabled={disabled}\n            />\n          )}\n          {showCalendarIcon && (\n            <div\n              className={cn(\n                'absolute top-1/2 left-4 h-4 w-4 -translate-y-1/2',\n                disabled ? 'text-gray-400' : 'cursor-pointer text-black',\n              )}\n            >\n              <LuCalendar size={16} />\n            </div>\n          )}\n        </div>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-auto overflow-hidden p-0\"\n        align=\"start\"\n        onOpenAutoFocus={editable ? (e) => e.preventDefault() : undefined}\n      >\n        <Calendar\n          mode=\"single\"\n          selected={value ? dayjs(value).toDate() : undefined}\n          onSelect={handleSelect}\n          {...(editable ? { month: calendarMonth, onMonthChange: setNavigatedMonth } : {})}\n          {...calendarProps}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}

package/dist/{chunk-SM7PYFD2.cjs → chunk-ZZW5IT44.cjs}

@@ -1,2 +1,2 @@
-'use strict';var chunkQUD4HTUP_cjs=require('./chunk-QUD4HTUP.cjs'),chunkXXIJHROA_cjs=require('./chunk-XXIJHROA.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),w=require('react'),web=require('@react-spring/web'),lu=require('react-icons/lu'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var w__default=/*#__PURE__*/_interopDefault(w);function E({isOpen:t,drawerPosition:e,className:o,...l}){let i=e==="right"?jsxRuntime.jsx(lu.LuChevronLeft,{}):jsxRuntime.jsx(lu.LuChevronRight,{}),s=e==="right"?jsxRuntime.jsx(lu.LuChevronRight,{}):jsxRuntime.jsx(lu.LuChevronLeft,{});return jsxRuntime.jsx(chunkQUD4HTUP_cjs.b,{size:"sm",variant:"secondary-icon-rounded",className:chunkQRO22BPZ_cjs.a("absolute top-16 z-10",{"left-[-16px]":e==="right","right-[-16px]":e==="left"},o),...l,children:t?s:i})}function S({className:t="",children:e,...o}){return jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("flex h-auto w-full flex-col",t),...o,children:e})}function $({className:t="",children:e,...o}){return jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("flex h-full w-full flex-col",t),...o,children:e})}function k({className:t="",children:e,...o}){return jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("flex w-full items-end justify-between",t),...o,children:e})}function j({position:t,className:e="",children:o,isOpen:l,collapsedWidth:i="4rem",defaultWidth:s,...R}){let d=w.useRef(null),[c,P]=w.useState(0),[u,D]=w.useState(0),p=null,m=null,h=null,x=[];w__default.default.Children.toArray(o).forEach(a=>{if(w__default.default.isValidElement(a))switch(a.type){case E:p=a;break;case S:m=a;break;case k:h=a;break;default:x.push(a);}}),w.useLayoutEffect(()=>{d.current&&(D(chunkXXIJHROA_cjs.a(s,d.current)),P(chunkXXIJHROA_cjs.a(i,d.current)));},[i,s]);let C=web.useSpring({width:l?u:c,minWidth:l?u:c,config:{tension:250,friction:30}});return jsxRuntime.jsxs("div",{className:"relative flex",children:[p,jsxRuntime.jsx(web.animated.div,{role:"region",className:chunkQRO22BPZ_cjs.a("flex-drawer-outer relative z-1 overflow-x-hidden shadow-md",{"rounded-l-md border-l":t==="right","rounded-r-md border-r":t==="left"}),style:C,ref:d,children:jsxRuntime.jsx("div",{style:{width:`${u}px`},className:chunkQRO22BPZ_cjs.a("flex-drawer-fixed absolute top-0 h-full px-4 py-6",{"right-0":t==="left"},e),...R,children:jsxRuntime.jsxs("div",{className:chunkQRO22BPZ_cjs.a("flex-drawer-inner flex h-full flex-col transition-discrete duration-300 ease-out",{"hidden opacity-0":!l,"visible opacity-100":l}),children:[m,x,h]})})})]})}exports.a=E;exports.b=S;exports.c=$;exports.d=k;exports.e=j;//# sourceMappingURL=chunk-SM7PYFD2.cjs.map
-//# sourceMappingURL=chunk-SM7PYFD2.cjs.map
+'use strict';var chunkFMFRB4JI_cjs=require('./chunk-FMFRB4JI.cjs'),chunkXXIJHROA_cjs=require('./chunk-XXIJHROA.cjs'),chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),w=require('react'),web=require('@react-spring/web'),lu=require('react-icons/lu'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var w__default=/*#__PURE__*/_interopDefault(w);function E({isOpen:t,drawerPosition:e,className:o,...l}){let i=e==="right"?jsxRuntime.jsx(lu.LuChevronLeft,{}):jsxRuntime.jsx(lu.LuChevronRight,{}),s=e==="right"?jsxRuntime.jsx(lu.LuChevronRight,{}):jsxRuntime.jsx(lu.LuChevronLeft,{});return jsxRuntime.jsx(chunkFMFRB4JI_cjs.b,{size:"sm",variant:"secondary-icon-rounded",className:chunkQRO22BPZ_cjs.a("absolute top-16 z-10",{"left-[-16px]":e==="right","right-[-16px]":e==="left"},o),...l,children:t?s:i})}function S({className:t="",children:e,...o}){return jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("flex h-auto w-full flex-col",t),...o,children:e})}function $({className:t="",children:e,...o}){return jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("flex h-full w-full flex-col",t),...o,children:e})}function k({className:t="",children:e,...o}){return jsxRuntime.jsx("div",{className:chunkQRO22BPZ_cjs.a("flex w-full items-end justify-between",t),...o,children:e})}function j({position:t,className:e="",children:o,isOpen:l,collapsedWidth:i="4rem",defaultWidth:s,...R}){let d=w.useRef(null),[c,P]=w.useState(0),[u,D]=w.useState(0),p=null,m=null,h=null,x=[];w__default.default.Children.toArray(o).forEach(a=>{if(w__default.default.isValidElement(a))switch(a.type){case E:p=a;break;case S:m=a;break;case k:h=a;break;default:x.push(a);}}),w.useLayoutEffect(()=>{d.current&&(D(chunkXXIJHROA_cjs.a(s,d.current)),P(chunkXXIJHROA_cjs.a(i,d.current)));},[i,s]);let C=web.useSpring({width:l?u:c,minWidth:l?u:c,config:{tension:250,friction:30}});return jsxRuntime.jsxs("div",{className:"relative flex",children:[p,jsxRuntime.jsx(web.animated.div,{role:"region",className:chunkQRO22BPZ_cjs.a("flex-drawer-outer relative z-1 overflow-x-hidden shadow-md",{"rounded-l-md border-l":t==="right","rounded-r-md border-r":t==="left"}),style:C,ref:d,children:jsxRuntime.jsx("div",{style:{width:`${u}px`},className:chunkQRO22BPZ_cjs.a("flex-drawer-fixed absolute top-0 h-full px-4 py-6",{"right-0":t==="left"},e),...R,children:jsxRuntime.jsxs("div",{className:chunkQRO22BPZ_cjs.a("flex-drawer-inner flex h-full flex-col transition-discrete duration-300 ease-out",{"hidden opacity-0":!l,"visible opacity-100":l}),children:[m,x,h]})})})]})}exports.a=E;exports.b=S;exports.c=$;exports.d=k;exports.e=j;//# sourceMappingURL=chunk-ZZW5IT44.cjs.map
+//# sourceMappingURL=chunk-ZZW5IT44.cjs.map

package/dist/{chunk-SM7PYFD2.cjs.map → chunk-ZZW5IT44.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/v2/flex-drawer/flex-drawer.tsx"],"names":["FlexDrawerButton","isOpen","drawerPosition","className","props","OpenIcon","jsx","LuChevronLeft","LuChevronRight","CloseIcon","Button","cn","FlexDrawerHeader","children","FlexDrawerContent","FlexDrawerFooter","FlexDrawer","position","collapsedWidth","defaultWidth","drawerRef","useRef","collapsedPx","setCollapsedPx","useState","drawerWidth","setDrawerWidth","button","header","footer","content","React","child","useLayoutEffect","toPx","outerSpringStyles","useSpring","jsxs","animated"],"mappings":"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","file":"chunk-SM7PYFD2.cjs","sourcesContent":["import React, {\n  ReactNode,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { useSpring, animated } from '@react-spring/web';\nimport { LuChevronLeft, LuChevronRight } from 'react-icons/lu';\nimport { Button } from '@/v2/button/button';\nimport { toPx } from '@/lib/toPx';\nimport { cn } from '@/lib/utils';\n\ntype Props = {\n  className?: string;\n  children: React.ReactNode;\n} & ComponentPropsWithoutRef<'div'>;\n\ntype DrawerProps = {\n  isOpen: boolean;\n  /** The drawer's position on the screen */\n  position: 'right' | 'left';\n  /** The default width in CSS units of the open drawer. A number defaults to px. */\n  defaultWidth: number | string;\n  /** Collapsed drawer width in CSS units. Default 4rem */\n  collapsedWidth?: number | string;\n} & Props;\n\ntype FlexDrawerButtonProps = {\n  isOpen: boolean;\n  drawerPosition: 'right' | 'left';\n} & ComponentPropsWithoutRef<typeof Button>;\n\nfunction FlexDrawerButton({ isOpen, drawerPosition, className, ...props }: FlexDrawerButtonProps) {\n  const OpenIcon = drawerPosition === 'right' ? <LuChevronLeft /> : <LuChevronRight />;\n  const CloseIcon = drawerPosition === 'right' ? <LuChevronRight /> : <LuChevronLeft />;\n\n  return (\n    <Button\n      size=\"sm\"\n      variant=\"secondary-icon-rounded\"\n      className={cn(\n        'absolute top-16 z-10',\n        {\n          'left-[-16px]': drawerPosition === 'right',\n          'right-[-16px]': drawerPosition === 'left',\n        },\n        className,\n      )}\n      {...props}\n    >\n      {isOpen ? CloseIcon : OpenIcon}\n    </Button>\n  );\n}\n\nfunction FlexDrawerHeader({ className = '', children, ...props }: Props) {\n  return (\n    <div className={cn('flex h-auto w-full flex-col', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nfunction FlexDrawerContent({ className = '', children, ...props }: Props) {\n  return (\n    <div className={cn('flex h-full w-full flex-col', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nfunction FlexDrawerFooter({ className = '', children, ...props }: Props) {\n  return (\n    <div className={cn('flex w-full items-end justify-between', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nfunction FlexDrawer({\n  position,\n  className = '',\n  children,\n  isOpen,\n  collapsedWidth = '4rem',\n  defaultWidth,\n  ...props\n}: DrawerProps) {\n  const drawerRef = useRef<HTMLDivElement>(null);\n  const [collapsedPx, setCollapsedPx] = useState(0);\n  const [drawerWidth, setDrawerWidth] = useState(0);\n\n  let button: ReactNode = null;\n  let header: ReactNode = null;\n  let footer: ReactNode = null;\n  const content: ReactNode[] = [];\n\n  React.Children.toArray(children).forEach((child) => {\n    if (!React.isValidElement(child)) return;\n    switch (child.type) {\n      case FlexDrawerButton:\n        button = child;\n        break;\n      case FlexDrawerHeader:\n        header = child;\n        break;\n      case FlexDrawerFooter:\n        footer = child;\n        break;\n\n      default:\n        content.push(child);\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (drawerRef.current) {\n      setDrawerWidth(toPx(defaultWidth, drawerRef.current));\n      setCollapsedPx(toPx(collapsedWidth, drawerRef.current));\n    }\n  }, [collapsedWidth, defaultWidth]);\n\n  const outerSpringStyles = useSpring({\n    width: isOpen ? drawerWidth : collapsedPx,\n    minWidth: isOpen ? drawerWidth : collapsedPx,\n    config: { tension: 250, friction: 30 },\n  });\n\n  return (\n    <div className=\"relative flex\">\n      {button}\n      <animated.div\n        role=\"region\"\n        className={cn('flex-drawer-outer relative z-1 overflow-x-hidden shadow-md', {\n          'rounded-l-md border-l': position === 'right',\n          'rounded-r-md border-r': position === 'left',\n        })}\n        style={outerSpringStyles}\n        ref={drawerRef}\n      >\n        <div\n          style={{\n            width: `${drawerWidth}px`,\n          }}\n          className={cn(\n            'flex-drawer-fixed absolute top-0 h-full px-4 py-6',\n            {\n              'right-0': position === 'left',\n            },\n\n            className,\n          )}\n          {...props}\n        >\n          <div\n            className={cn(\n              'flex-drawer-inner flex h-full flex-col transition-discrete duration-300 ease-out',\n              {\n                'hidden opacity-0': !isOpen,\n                'visible opacity-100': isOpen,\n              },\n            )}\n          >\n            {header}\n            {content}\n            {footer}\n          </div>\n        </div>\n      </animated.div>\n    </div>\n  );\n}\n\nexport { FlexDrawer, FlexDrawerButton, FlexDrawerHeader, FlexDrawerContent, FlexDrawerFooter };\n"]}
+{"version":3,"sources":["../src/v2/flex-drawer/flex-drawer.tsx"],"names":["FlexDrawerButton","isOpen","drawerPosition","className","props","OpenIcon","jsx","LuChevronLeft","LuChevronRight","CloseIcon","Button","cn","FlexDrawerHeader","children","FlexDrawerContent","FlexDrawerFooter","FlexDrawer","position","collapsedWidth","defaultWidth","drawerRef","useRef","collapsedPx","setCollapsedPx","useState","drawerWidth","setDrawerWidth","button","header","footer","content","React","child","useLayoutEffect","toPx","outerSpringStyles","useSpring","jsxs","animated"],"mappings":"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","file":"chunk-ZZW5IT44.cjs","sourcesContent":["import React, {\n  ReactNode,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { useSpring, animated } from '@react-spring/web';\nimport { LuChevronLeft, LuChevronRight } from 'react-icons/lu';\nimport { Button } from '@/v2/button/button';\nimport { toPx } from '@/lib/toPx';\nimport { cn } from '@/lib/utils';\n\ntype Props = {\n  className?: string;\n  children: React.ReactNode;\n} & ComponentPropsWithoutRef<'div'>;\n\ntype DrawerProps = {\n  isOpen: boolean;\n  /** The drawer's position on the screen */\n  position: 'right' | 'left';\n  /** The default width in CSS units of the open drawer. A number defaults to px. */\n  defaultWidth: number | string;\n  /** Collapsed drawer width in CSS units. Default 4rem */\n  collapsedWidth?: number | string;\n} & Props;\n\ntype FlexDrawerButtonProps = {\n  isOpen: boolean;\n  drawerPosition: 'right' | 'left';\n} & ComponentPropsWithoutRef<typeof Button>;\n\nfunction FlexDrawerButton({ isOpen, drawerPosition, className, ...props }: FlexDrawerButtonProps) {\n  const OpenIcon = drawerPosition === 'right' ? <LuChevronLeft /> : <LuChevronRight />;\n  const CloseIcon = drawerPosition === 'right' ? <LuChevronRight /> : <LuChevronLeft />;\n\n  return (\n    <Button\n      size=\"sm\"\n      variant=\"secondary-icon-rounded\"\n      className={cn(\n        'absolute top-16 z-10',\n        {\n          'left-[-16px]': drawerPosition === 'right',\n          'right-[-16px]': drawerPosition === 'left',\n        },\n        className,\n      )}\n      {...props}\n    >\n      {isOpen ? CloseIcon : OpenIcon}\n    </Button>\n  );\n}\n\nfunction FlexDrawerHeader({ className = '', children, ...props }: Props) {\n  return (\n    <div className={cn('flex h-auto w-full flex-col', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nfunction FlexDrawerContent({ className = '', children, ...props }: Props) {\n  return (\n    <div className={cn('flex h-full w-full flex-col', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nfunction FlexDrawerFooter({ className = '', children, ...props }: Props) {\n  return (\n    <div className={cn('flex w-full items-end justify-between', className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nfunction FlexDrawer({\n  position,\n  className = '',\n  children,\n  isOpen,\n  collapsedWidth = '4rem',\n  defaultWidth,\n  ...props\n}: DrawerProps) {\n  const drawerRef = useRef<HTMLDivElement>(null);\n  const [collapsedPx, setCollapsedPx] = useState(0);\n  const [drawerWidth, setDrawerWidth] = useState(0);\n\n  let button: ReactNode = null;\n  let header: ReactNode = null;\n  let footer: ReactNode = null;\n  const content: ReactNode[] = [];\n\n  React.Children.toArray(children).forEach((child) => {\n    if (!React.isValidElement(child)) return;\n    switch (child.type) {\n      case FlexDrawerButton:\n        button = child;\n        break;\n      case FlexDrawerHeader:\n        header = child;\n        break;\n      case FlexDrawerFooter:\n        footer = child;\n        break;\n\n      default:\n        content.push(child);\n    }\n  });\n\n  useLayoutEffect(() => {\n    if (drawerRef.current) {\n      setDrawerWidth(toPx(defaultWidth, drawerRef.current));\n      setCollapsedPx(toPx(collapsedWidth, drawerRef.current));\n    }\n  }, [collapsedWidth, defaultWidth]);\n\n  const outerSpringStyles = useSpring({\n    width: isOpen ? drawerWidth : collapsedPx,\n    minWidth: isOpen ? drawerWidth : collapsedPx,\n    config: { tension: 250, friction: 30 },\n  });\n\n  return (\n    <div className=\"relative flex\">\n      {button}\n      <animated.div\n        role=\"region\"\n        className={cn('flex-drawer-outer relative z-1 overflow-x-hidden shadow-md', {\n          'rounded-l-md border-l': position === 'right',\n          'rounded-r-md border-r': position === 'left',\n        })}\n        style={outerSpringStyles}\n        ref={drawerRef}\n      >\n        <div\n          style={{\n            width: `${drawerWidth}px`,\n          }}\n          className={cn(\n            'flex-drawer-fixed absolute top-0 h-full px-4 py-6',\n            {\n              'right-0': position === 'left',\n            },\n\n            className,\n          )}\n          {...props}\n        >\n          <div\n            className={cn(\n              'flex-drawer-inner flex h-full flex-col transition-discrete duration-300 ease-out',\n              {\n                'hidden opacity-0': !isOpen,\n                'visible opacity-100': isOpen,\n              },\n            )}\n          >\n            {header}\n            {content}\n            {footer}\n          </div>\n        </div>\n      </animated.div>\n    </div>\n  );\n}\n\nexport { FlexDrawer, FlexDrawerButton, FlexDrawerHeader, FlexDrawerContent, FlexDrawerFooter };\n"]}