@customafk/lunas-ui 0.1.25 → 0.1.26

package/dist/features/tanstack-form/index.mjs

@@ -1,2 +1,2 @@
-import{n as e}from"../../button.variants-DmUzMbB8.mjs";import{t}from"../../button-DIEXNBpi.mjs";import{t as n}from"../../close-CGei_VQ6.mjs";import{t as r}from"../../separator-C2yOD6r_.mjs";import{cn as i}from"@customafk/react-toolkit/utils";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{ArrowDownToLine as s,AtSignIcon as c,BanIcon as l,CalendarDaysIcon as u,CheckIcon as d,ChevronDownIcon as f,ChevronLeftIcon as p,ChevronRightIcon as m,ChevronUpIcon as h,CircleIcon as g,EyeIcon as _,EyeOffIcon as v,Loader2 as y,Loader2Icon as b,PackagePlusIcon as x,PlusIcon as S,XIcon as C}from"lucide-react";import{memo as w,useCallback as T,useEffect as E,useMemo as D,useRef as O,useState as k}from"react";import{cva as A}from"class-variance-authority";import{endOfToday as j,endOfTomorrow as M,endOfYesterday as N,format as P,lastDayOfMonth as ee,startOfMonth as te,subDays as F}from"@customafk/react-toolkit/date-fns";import{Checkbox as ne,Dialog as I,Label as re,Popover as L,RadioGroup as R,Select as z,Separator as ie,Switch as ae}from"radix-ui";import{createFormHook as oe,createFormHookContexts as se,useStore as B}from"@tanstack/react-form";import{DayPicker as ce,getDefaultClassNames as le}from"react-day-picker";function ue({className:e,...t}){return a(ne.Root,{"data-slot":`checkbox`,className:i(`peer border-border`,`size-4 shrink-0 cursor-pointer rounded border shadow-xs outline-none transition-all`,`disabled:cursor-not-allowed disabled:opacity-50`,`focus-visible:border-primary-strong`,`focus-visible:ring-3`,`focus-visible:ring-primary-weak`,`aria-invalid:border-danger aria-invalid:ring-danger-weak`,`aria-readonly:bg-muted-muted`,`aria-readonly:pointer-events-none`,`data-[state=checked]:aria-readonly:bg-muted-muted`,`data-[state=checked]:aria-readonly:border-border`,`data-[state=checked]:aria-readonly:text-text-positive-strong`,`data-[state=checked]:bg-primary`,`data-[state=checked]:border-primary-strong`,`data-[state=checked]:text-text-negative-strong`,e),...t,children:a(ne.Indicator,{"data-slot":`checkbox-indicator`,className:`flex items-center justify-center text-current transition-none`,children:a(d,{size:14})})})}const de=A([`flex w-fit items-center justify-center rounded-full font-bold text-text-negative-strong`],{variants:{color:{default:`bg-primary-strong`,secondary:`bg-secondary-strong`,success:`bg-success-strong`,info:`bg-info-strong`,warning:`bg-warning-strong`,danger:`border border-danger-strong bg-linear-to-b from-danger-strong/90 via-danger-strong to-danger-strong/90`},size:{xs:`px-1.5 py-0.5 text-xs`,sm:`px-2 py-0.75 text-xs`,md:`px-2.5 py-0.75 text-sm`,lg:`px-3 py-1 text-sm`}},defaultVariants:{color:`default`,size:`sm`}}),fe=({label:e,color:t,size:n,className:r,children:i})=>a(`div`,{"data-slot":`required-indicator`,className:de({color:t,size:n,className:r}),children:e||i});function pe({className:e,children:t,...n}){return o(re.Root,{"data-slot":`label`,className:i(`text-text-positive`,`flex w-full items-center justify-between`,`select-none font-medium text-sm/6 leading-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,`aria-required:*:data-[slot=required-indicator]:inline-block`,e),...n,children:[t,a(fe,{label:`Required`,color:`danger`,size:`sm`,className:`hidden`})]})}const me=A(`group/field flex w-full gap-2 data-[invalid=true]:text-danger *:data-[slot=field-content]:gap-0 @md/field-group:*:data-[slot=field-content]:gap-2`,{variants:{orientation:{vertical:[`flex-col *:w-full [&>.sr-only]:w-auto`],horizontal:[`flex-row items-center`,`*:data-[slot=field-label]:flex-auto`,`has-[>[data-slot=field-content]]:items-start`,`has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`],responsive:[`flex-col *:w-full [&>.sr-only]:w-auto`,`@md/field-group:flex-row`,`@md/field-group:items-center`,`@md/field-group:gap-4`,`@md/field-group:*:w-auto`,`@md/field-group:*:data-[slot=field-content]:basis-1/2`,`@md/field-group:*:data-[slot=field-content-main]:basis-1/2`,`@md/field-group:*:data-[slot=field-label]:flex-auto`,`@md/field-group:has-[>[data-slot=field-content]]:items-start`,`@md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`]}},defaultVariants:{orientation:`vertical`}}),he=w(({className:e,...t})=>a(`fieldset`,{"data-slot":`field-set`,className:i(`flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,e),...t}));he.displayName=`FieldSet`;const ge=w(({className:e,variant:t=`legend`,...n})=>a(`legend`,{"data-slot":`field-legend`,"data-variant":t,className:i(`mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,e),...n}));ge.displayName=`FieldLegend`;const V=w(({className:e,...t})=>a(`div`,{"data-slot":`field-group`,className:i(`group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,e),...t}));V.displayName=`FieldGroup`;const H=w(({className:e,orientation:t=`vertical`,...n})=>a(`div`,{"data-slot":`field`,"data-orientation":t,className:i(me({orientation:t}),e),...n}));H.displayName=`Field`;const U=w(({className:e,...t})=>a(`div`,{"data-slot":`field-content`,className:i(`group/field-content flex flex-col gap-1.5 leading-snug`,e),...t}));U.displayName=`FieldContent`;const W=w(({className:e,...t})=>a(`div`,{"data-slot":`field-content-main`,className:i(`relative`,e),...t})),G=w(({className:e,...t})=>a(pe,{"data-slot":`field-label`,className:i(`group/field-label peer/field-label flex h-6 gap-1 font-normal leading-snug`,`has-[>[data-slot=field]]:w-full`,`has-[>[data-slot=field]]:flex-col`,`has-[>[data-slot=field]]:rounded-md`,`has-[>[data-slot=field]]:border`,`has-[>[data-slot=field]]:border-border`,`has-data-[state=checked]:border-primary`,`*:data-[slot=field]:p-4 group-data-[disabled=true]/field:opacity-50`,e),...t}));G.displayName=`FieldLabel`;const K=w(({className:e,...t})=>a(`div`,{"data-slot":`field-label`,className:i(`flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50`,e),...t}));K.displayName=`FieldTitle`;const q=w(({className:e,...t})=>a(`p`,{"data-slot":`field-description`,className:i(`nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5 font-normal text-sm text-text-positive-weak leading-normal last:mt-0 [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t}));q.displayName=`FieldDescription`;const J=w(({isShow:e=!0,className:t,...n})=>e===!1?null:a(`div`,{"data-slot":`field-note`,className:i(`text-wrap rounded border border-primary-muted bg-linear-to-b from-primary-bg-subtle to-primary-bg-subtle/50 p-2 text-text-positive-weak text-xs`,t),...n}));J.displayName=`FieldNote`;const Y=w(({children:e,className:t,...n})=>o(`div`,{"data-slot":`field-separator`,"data-content":!!e,className:i(`-my-2 group-data-[variant=outline]/field-group:-mb-2 relative h-5 text-sm`,t),...n,children:[a(r,{className:`absolute inset-0 top-1/2`}),e&&a(`span`,{className:`relative mx-auto block w-fit bg-background px-2 text-text-positive-weak`,"data-slot":`field-separator-content`,children:e})]}));Y.displayName=`FieldSeparator`;const X=w(({className:e,children:t,errors:n,...r})=>{let o=D(()=>t||(n?n?.length===1&&n[0]?.message?a(`div`,{className:`flex flex-row items-center justify-start gap-x-0.5`,children:a(`p`,{children:n[0].message})}):a(`ul`,{className:`flex list-none flex-col`,children:n.map(e=>typeof e==`string`?a(`li`,{children:e},e):e?.message?a(`li`,{children:e.message},e.message):null)}):null),[t,n]);return o?a(`div`,{role:`alert`,"data-slot":`field-error`,className:i(`w-full font-semibold text-danger-strong text-xs`,e),...r,children:o}):null});X.displayName=`FieldError`;const _e=({label:e,description:t,options:n,helperText:r,orientation:i})=>{let s=Q(),c=B(s.form.store,({isSubmitting:e})=>e);return o(V,{className:`gap-y-4 px-4`,children:[o(H,{orientation:i,children:[o(U,{children:[a(G,{children:e}),a(q,{children:t}),a(J,{isShow:!!r,children:r})]}),a(W,{children:a(V,{className:`flex flex-col gap-y-2`,children:n.map(e=>o(H,{orientation:`horizontal`,children:[a(ue,{id:`${s.name}-${e.value}`,name:s.name,checked:s.state.value?.includes(e.value)??!1,disabled:c,onCheckedChange:t=>{if(t&&s.state.value!==null)s.pushValue(e.value);else if(t&&s.state.value===null)s.setValue([e.value]);else if(!t&&s.state.value!==null){let t=s.state.value.indexOf(e.value);t>-1&&s.removeValue(t)}else !t&&s.state.value===null&&s.setValue(null)}}),a(G,{htmlFor:`${s.name}-${e.value}`,className:`text-text-positive`,children:e.label})]},e.value))})})]}),a(Y,{})]})},ve=({rootRef:e,className:t,...n})=>a(`div`,{"data-slot":`calendar`,ref:e,className:i(t),...n}),ye=e=>e.orientation===`left`?a(p,{size:16,className:e.className,...e}):e.orientation===`right`?a(m,{size:16,className:e.className,...e}):a(f,{size:16,className:e.className,...e}),be=({className:e,day:n,modifiers:r,color:o,...s})=>{let c=le(),l=O(null);return E(()=>{r.focused&&l.current?.focus()},[r.focused]),a(t,{ref:l,variant:`ghost`,color:`muted`,"data-day":n.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:i(`flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none`,`data-[selected-single=true]:bg-primary`,`data-[selected-single=true]:text-white`,`data-[range-middle=true]:bg-muted-muted`,`data-[range-middle=true]:text-text-positive`,`data-[range-start=true]:bg-primary-muted`,`data-[range-start=true]:text-text-positive-strong`,`data-[range-end=true]:bg-primary`,`data-[range-end=true]:text-text-positive-strong`,`group-data-[focused=true]/day:border-primary-strong`,`group-data-[focused=true]/day:relative`,`group-data-[focused=true]/day:z-10`,`data-[range-end=true]:rounded`,`data-[range-end=true]:rounded-r`,`data-[range-middle=true]:rounded-none`,`data-[range-start=true]:rounded`,`data-[range-start=true]:rounded-l`,`[&>span]:text-xs [&>span]:opacity-70`,c.day,e),...s})},xe=({children:e,...t})=>a(`td`,{...t,children:a(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})});function Se({className:t,classNames:n,showOutsideDays:r=!0,captionLayout:o=`label`,buttonVariant:s=`ghost`,formatters:c,components:l,...u}){let d=le();return a(ce,{showOutsideDays:r,className:i(`group/calendar bg-background p-3`,`[--cell-size:--spacing(8)]`,`in-data-[slot=card-content]:bg-transparent`,`in-data-[slot=popover-content]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,t),captionLayout:o,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...c},classNames:{root:i(d.root),months:i(`flex gap-4 flex-col md:flex-row relative`,d.months),month:i(`flex flex-col w-full gap-4`,d.month),nav:i(`flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between`,d.nav),button_previous:i(e({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,d.button_previous),button_next:i(e({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,d.button_next),month_caption:i(`flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,d.month_caption),dropdowns:i(`w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5`,d.dropdowns),dropdown_root:i(`relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded`,d.dropdown_root),dropdown:i(`absolute inset-0 opacity-0`,d.dropdown),caption_label:i(`select-none font-medium`,o===`label`&&`text-sm`,o!==`label`&&`rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5`,d.caption_label),table:`w-full border-collapse`,weekdays:i(`flex`,d.weekdays),weekday:i(`text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none`,d.weekday),week:i(`flex w-full mt-2`,d.week),week_number_header:i(`select-none w-(--cell-size)`,d.week_number_header),week_number:i(`text-[0.8rem] select-none text-text-positive`,d.week_number),day:i(`relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none`,d.day),range_start:i(`rounded-l bg-muted-muted`,d.range_start),range_middle:i(`rounded-none`,d.range_middle),range_end:i(`rounded-r bg-muted-muted`,d.range_end),today:i(`bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none`,d.today),outside:i(`[&>button]:text-text-positive-muted aria-selected:text-text-positive`),disabled:i(`bg-muted-muted text-text-positive opacity-50`,d.disabled),hidden:i(`invisible`,d.hidden),...n},components:{Root:ve,Chevron:ye,DayButton:be,WeekNumber:xe,...l},...u})}function Ce({...e}){return a(L.Root,{"data-slot":`popover`,...e})}function we({...e}){return a(L.Trigger,{"data-slot":`popover-trigger`,...e})}function Te({className:e,align:t=`start`,sideOffset:n=4,children:r,...s}){return a(L.Portal,{children:o(L.Content,{"data-slot":`popover-content`,align:t,sideOffset:n,className:i(`relative bg-popover`,`text-text-positive`,`z-50`,`min-w-(--radix-popover-trigger-width)`,`max-h-(--radix-popover-content-available-height)`,`origin-(--radix-popover-content-transform-origin)`,`rounded-md p-4 shadow-dropdown outline-none`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=top]:slide-in-from-bottom-8`,`data-[side=right]:slide-in-from-left-8`,`data-[side=bottom]:slide-in-from-top-8`,`data-[side=left]:slide-in-from-right-8`,e),...s,children:[r,a(L.Arrow,{className:`fill-popover`})]})})}const Ee=({label:e,description:n,placeholder:r,orientation:s,helperText:c,minDate:l,maxDate:d,required:f})=>{let p=Q(),m=D(()=>f?p.state.value===null:!1,[f,p.state.value]),h=D(()=>p.state.meta.isTouched&&!p.state.meta.isValid,[p.state.meta.isTouched,p.state.meta.isValid]);return o(V,{className:`px-4`,children:[o(H,{orientation:s,"data-invalid":h,children:[o(U,{children:[a(G,{htmlFor:p.name,"aria-required":m,children:e}),a(q,{children:n})]}),o(W,{className:`flex flex-col space-y-1`,children:[a(`div`,{className:`flex w-full flex-col`,children:o(Ce,{children:[a(we,{asChild:!0,children:o(t,{variant:`outline`,color:`muted`,size:`lg`,className:i(`flex items-center justify-between rounded font-normal outline-border`,`hover:bg-transparent`,`focus:outline-1 focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-4`,`data-[state=open]:ring-primary-weak`,p.state.value===null&&`text-text-positive-muted`),children:[a(`p`,{children:p.state.value===null?r||`Select date`:P(p.state.value,`PPPP`)}),a(u,{strokeWidth:1})]})}),o(Te,{align:`start`,side:`bottom`,className:`flex w-fit min-w-0 overflow-y-auto rounded p-0`,onBlur:p.handleBlur,children:[o(`div`,{className:`flex h-full flex-col space-y-2 border-r border-r-border p-2 [&>button]:justify-start [&>button]:text-sm`,children:[a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(j())},children:`Today`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(M())},children:`Tomorrow`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(N())},children:`Yesterday`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(F(j(),3))},children:`Last 3 Days`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(F(j(),7))},children:`Last 7 Days`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(F(j(),30))},children:`Last 30 Days`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(te(j()))},children:`This Month`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(ee(j()))},children:`Last Month`})]}),a(`div`,{className:`flex flex-1 flex-col`,children:a(`div`,{className:`min-w-73 border-b border-b-border p-2`,children:a(Se,{mode:`single`,selected:p.state.value??void 0,hidden:{before:l??new Date(1900,0,1),after:d??new Date(2100,11,31)},onSelect:e=>{e&&p.handleChange(e)}})})})]})]})}),a(J,{isShow:!!c,children:c})]})]}),a(Y,{})]})},Z=({className:e,onChange:t,onValueChange:n,...r})=>{let o=T(e=>{t?.(e),n?.(e.target.value)},[t,n]);return a(`input`,{"data-slot":`input`,className:i(`w-full min-w-0 bg-transparent px-2.5 py-2 transition-[color,box-shadow]`,`rounded text-sm text-text-positive-weak tabular-nums leading-5 shadow-input placeholder:text-text-positive-muted`,`-outline-offset-1 outline-1 outline-border`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-transparent disabled:opacity-50`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`,`focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4 aria-invalid:placeholder:text-text-positive-weak`,e),...r,onChange:o})},De=({label:e,description:t,placeholder:n,orientation:r=`responsive`,helperText:s,showErrorMessage:l=!0,maxLength:u})=>{let{form:d,name:f,state:p,handleBlur:m,handleChange:h}=Q(),g=B(d.store,({isSubmitting:e})=>e),_=D(()=>p.meta.isTouched&&!p.meta.isValid,[p.meta.isTouched,p.meta.isValid]),v=T(({target:{value:e}})=>{g||u&&e.length>u||h(e||null)},[g,u,h]),y=T(()=>{g||h(null)},[g,h]);return o(V,{className:`gap-y-4 px-4`,children:[o(H,{"data-invalid":_,orientation:r,children:[o(U,{children:[a(G,{htmlFor:f,children:e}),a(q,{children:t})]}),o(W,{children:[a(Z,{id:f,name:f,value:p.value===null?``:p.value,"aria-invalid":_,autoComplete:`email`,placeholder:n,className:i(`pl-9`,g&&`pointer-events-none bg-muted-muted opacity-60`),onBlur:m,onChange:v}),a(`div`,{className:`absolute top-0 left-0 flex size-9 items-center justify-center text-muted`,children:a(c,{size:14})}),a(`button`,{type:`button`,"aria-label":`Clear`,className:`absolute inset-y-0 end-0 top-3 flex h-fit w-8 cursor-pointer items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:text-text-positive-strong`,onClick:y,children:a(C,{size:14,"aria-hidden":`true`})}),a(`div`,{className:`mt-1 flex w-full items-start justify-start`,children:l&&a(X,{errors:p.meta.errors})}),a(J,{isShow:!!s,children:s})]})]}),a(Y,{})]})},Oe=e=>e?/^-?\d*\.?\d*$/:/^\d*\.?\d*$/,ke=e=>Number(e).toLocaleString(),Ae=(e,t,n)=>{if(n===`none`)return e;let r=10**t,i=e*r;switch(n){case`up`:return Math.ceil(i)/r;case`down`:return Math.floor(i)/r;case`nearest`:return i%1<.1?Math.floor(i)/r:i%1>=.59?Math.ceil(i)/r:(Math.floor(i)+.5)/r;default:return e}},je=({disabled:e=!1,readOnly:t=!1,allowNegative:n=!1,numberAfterDecimalPoint:r=2,roundingRule:s=`none`,value:c=null,unitText:l,decimal:u,placeholder:d,precision:f,wrapperClassName:p,className:m,onChange:h,onValueChange:g,onFocus:_,onBlur:v,...y})=>{let b=O(null),x=O(null),[S,C]=k(c?.toString()??null),w=D(()=>u?.[1]??r,[u,r]),A=D(()=>u&&u[0]-u[1],[u]),j=D(()=>Oe(n),[n]),M=T(e=>{if(!w||e===`-`)return!0;let[t,n=``]=e.split(`.`),r=t.startsWith(`-`)?t.length-1:t.length;return n.length<=w&&r<=(A??1/0)},[w,A]),N=T(e=>{if(e===`0`)return`0`;if(!Number(e))return null;let[t,n=``]=Ae(parseFloat(e),Math.min(w-1,f||0),s).toString().split(`.`),r=ke(t);return n?`${r}.${n}`:r},[w,f,s]),P=T(e=>{let t=e===`0`,n=e===`-`||/^-0+(\.0+)?$/.test(e)||/^-0*\.$/.test(e);if(t){g?.(0),C(e);return}if(n){C(()=>(g?.(0),e));return}},[g]),ee=T(e=>{h?.(e);let{value:t}=e.target;if(t===``||t===void 0){g?.(null),C(null);return}P(t),!(!j.test(t)||!M(t))&&(g?.(parseFloat(t)||0),C(t))},[M,h,g,P,j]),te=T(e=>{t||(_?.(e),C(e=>typeof e==`string`?e.replace(/,/g,``):null))},[t,_]),F=T(e=>{t||(v?.(e),C(e=>e===null?null:e===`0`||e===`-`||/^-0+(\.0+)?$/.test(e)||/^-0*\.$/.test(e)?`0`:typeof e==`string`?N(e):null))},[t,N,v]);return E(()=>{let e=document.activeElement===x.current;if(c==null||!j.test(c.toString())||!M(c.toString())){C(null);return}C(t=>e?t:N(c.toString()))},[N,c,M,j]),E(()=>{if(!b.current||!x.current||!l)return;let e=b.current.offsetWidth;x.current.style.setProperty(`padding-right`,`${(e+10)/16}rem`)},[l]),o(`div`,{className:i(`relative`,p),children:[a(Z,{...y,ref:x,value:S||(t?`0`:``),placeholder:d,disabled:e,readOnly:t,className:i(`text-end font-number text-sm slashed-zero lining-nums tabular-nums`,t&&`bg-muted text-muted-foreground`,m),onChange:ee,onFocus:te,onBlur:F}),l&&a(`span`,{ref:b,className:`-translate-y-1/2 pointer-events-none absolute top-1/2 right-2 text-muted-foreground text-sm`,children:l})]})},Me=({label:e,description:t,placeholder:n,helperText:r,orientation:s,showErrorMessage:c=!0,rounding:u,decimalPlaces:d,percision:f,unit:p,required:m,allowNegative:h})=>{let g=Q(),_=B(g.form.store,({isSubmitting:e})=>e),v=D(()=>g.state.meta.errors,[g.state.meta.errors]),y=D(()=>m?g.state.value===null:!1,[m,g.state.value]),x=T(e=>{_||g.handleChange(e)},[_,g.handleChange]);return o(V,{className:`gap-y-4 px-4`,children:[o(H,{orientation:s,"data-invalid":g.state.meta.isTouched&&!g.state.meta.isValid,children:[o(U,{children:[a(G,{htmlFor:g.name,"aria-required":y,children:e}),a(q,{children:t})]}),a(W,{className:`flex justify-end`,children:o(`div`,{className:`relative flex w-full flex-col items-end`,children:[o(`div`,{className:`relative w-full max-w-120`,children:[a(je,{id:g.name,value:g.state.value,"aria-invalid":g.state.meta.isTouched&&!g.state.meta.isValid,placeholder:n,roundingRule:u,numberAfterDecimalPoint:d,precision:f,unitText:p,allowNegative:h,className:i(_&&`pointer-events-none bg-muted-muted opacity-60`),onBlur:g.handleBlur,onValueChange:x}),_&&a(`div`,{className:`absolute inset-y-0 start-2 top-2.5 text-muted-weak`,children:a(b,{size:14,className:`animate-spin text-primary-strong`})}),c&&!!v.length&&a(`div`,{className:`absolute inset-y-0 start-2 top-2.75 text-danger-strong`,children:a(l,{size:14})}),a(`div`,{className:`mt-1 flex w-full flex-col items-end justify-end`,children:c&&a(X,{errors:v})})]}),a(J,{isShow:!!r,children:r})]})})]}),a(Y,{})]})},Ne=({label:e,description:t,placeholder:n,orientation:r=`responsive`,helperText:i,showErrorMessage:s=!0})=>{let{form:c,name:l,state:u,handleBlur:d,handleChange:f}=Q(),p=B(c.store,({isSubmitting:e})=>e),[m,h]=k(!1),g=D(()=>u.meta.isTouched&&!u.meta.isValid,[u.meta.isTouched,u.meta.isValid]),y=T(()=>h(e=>!e),[]),b=T(({target:{value:e}})=>{p||f(e||null)},[p,f]);return a(V,{className:`gap-y-4 px-4`,children:o(H,{"data-invalid":g,orientation:r,children:[o(U,{children:[a(G,{htmlFor:l,children:e}),a(q,{children:t})]}),o(W,{children:[a(Z,{id:l,type:m?`text`:`password`,placeholder:n,value:u.value??``,"aria-invalid":g,autoComplete:`new-password`,onBlur:d,onChange:b}),a(`button`,{className:`absolute inset-y-0 end-0 flex size-9 items-center justify-center rounded-e-md text-muted outline-none transition-[color,box-shadow] focus:z-10 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,type:`button`,onClick:y,"aria-label":m?`Hide password`:`Show password`,"aria-pressed":m,"aria-controls":`password`,children:a(m?v:_,{size:16,"aria-hidden":`true`})}),a(`div`,{className:`mt-1 flex w-full items-start justify-start`,children:s&&a(X,{errors:u.meta.errors})}),a(J,{isShow:!!i,children:i})]})]})})};function Pe({className:e,...t}){return a(R.Root,{"data-slot":`radio-group`,className:i(`grid gap-3`,e),...t})}function Fe({className:e,...t}){return a(R.Item,{"data-slot":`radio-group-item`,className:i(`aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all`,`disabled:cursor-not-allowed disabled:opacity-50`,`focus:border-border focus:ring-4 focus:ring-primary-weak`,`aria-invalid:border-danger-strong aria-invalid:ring-danger-weak`,`aria-readonly:pointer-events-none`,`aria-readonly:[&_div]:bg-muted`,`aria-readonly:[&_svg]:fill-muted-weak`,`aria-readonly:[&_svg]:text-muted-weak`,e),...t,children:o(R.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center bg-primary`,children:[a(`div`,{className:`absolute size-4 rounded-full bg-primary`}),a(g,{className:`-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative`})]})})}const Ie=({label:e,description:t,orientation:n,options:r,helperText:s})=>{let c=Q(),l=B(c.form.store,({isSubmitting:e})=>e);return o(V,{className:`px-4`,children:[o(H,{orientation:n,className:`flex-col gap-2`,children:[o(U,{children:[a(G,{children:e}),a(q,{children:t}),a(J,{isShow:!!s,children:s})]}),a(W,{children:a(Pe,{defaultValue:c.state.value??void 0,className:`w-full`,onValueChange:c.handleChange,children:r.map(e=>a(G,{className:i(`h-fit`,c.state.value===e.value&&`border-primary-weak! bg-primary-bg-subtle`,l&&`pointer-events-none bg-muted-muted opacity-60`,c.state.value===e.value&&l&&`border-border-strong!`),children:o(H,{orientation:`horizontal`,className:`justify-between rounded p-2!`,children:[o(U,{className:`gap-1!`,children:[a(K,{children:e.label}),a(q,{className:`text-xs`,children:e.description})]}),a(Fe,{value:e.value})]})},e.value))})})]}),a(Y,{})]})};function Le({...e}){return a(z.Root,{"data-slot":`select`,...e})}function Re({...e}){return a(z.Value,{"data-slot":`select-value`,...e})}function ze({className:e,children:t,...n}){return o(z.Trigger,{"data-slot":`select-trigger`,className:i(`flex w-full items-center justify-between`,`-outline-offset-1 outline-1 outline-border`,`gap-2 rounded bg-transparent px-3 py-2`,`rounded shadow-input transition-all`,`cursor-pointer whitespace-nowrap text-sm`,`focus-visible:text-text-positive-strong`,`focus-visible:outline-primary-strong`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-4`,`data-[state=open]:ring-primary-weak`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`aria-invalid:data-[state=open]:outline-danger-strong`,`aria-invalid:data-[state=open]:ring-danger-weak`,`data-placeholder:text-text-positive-muted`,`*:data-[slot=select-value]:line-clamp-1`,`*:data-[slot=select-value]:flex`,`*:data-[slot=select-value]:items-center`,`*:data-[slot=select-value]:gap-2`,`aria-readonly:bg-muted-muted`,`aria-readonly:cursor-default`,`aria-readonly:focus:outline-none`,`aria-readonly:ring-0`,`aria-readonly:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-muted-foreground`,e),...n,children:[t,a(z.Icon,{asChild:!0,children:a(f,{size:16,opacity:50})})]})}function Be({className:e,children:t,position:n=`popper`,...r}){return a(z.Portal,{"data-slot":`select-portal`,children:o(z.Content,{"data-slot":`select-content`,className:i(`relative z-50 min-w-32 overflow-y-auto overflow-x-hidden rounded shadow-dropdown duration-300`,`bg-white`,`w-(--radix-select-trigger-width)`,`max-h-(--radix-select-content-available-height)`,`origin-(--radix-select-content-transform-origin)`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-8`,`data-[side=left]:slide-in-from-right-8`,`data-[side=right]:slide-in-from-left-8`,`data-[side=top]:slide-in-from-bottom-8`,n===`popper`&&`data-[side=bottom]:translate-y-1`,n===`popper`&&`data-[side=left]:-translate-x-1`,n===`popper`&&`data-[side=right]:translate-x-1`,n===`popper`&&`data-[side=top]:-translate-y-1`,e),position:n,style:{maxHeight:`var(--radix-select-content-available-height)`},...r,children:[a(He,{}),a(z.Viewport,{className:i(`p-1`,n===`popper`&&`h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1`),children:t}),a(Ue,{})]})})}function Ve({className:e,children:t,...n}){return o(z.Item,{"data-slot":`select-item`,className:i(`relative flex select-none items-center border border-transparent`,`gap-2 rounded py-2.5 pr-8 pl-2`,`w-full`,`cursor-pointer outline-none transition-colors`,`font-medium text-sm text-text-positive-weak`,`focus:border-border-weak`,`focus:bg-linear-to-b`,`focus:from-muted-bg-subtle`,`focus:to-muted-muted`,`data-disabled:opacity-50`,`data-disabled:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`*:[span]:last:flex`,`*:[span]:last:items-center`,`*:[span]:last:gap-2`,e),...n,children:[a(z.ItemText,{children:t}),a(`span`,{className:`absolute right-2 flex size-3.5 items-center justify-center`,children:a(z.ItemIndicator,{children:a(d,{size:16})})})]})}function He({className:e,...t}){return a(z.ScrollUpButton,{"data-slot":`select-scroll-up-button`,className:i(`flex cursor-default items-center justify-center py-1`,e),...t,children:a(h,{size:16})})}function Ue({className:e,...t}){return a(z.ScrollDownButton,{"data-slot":`select-scroll-down-button`,className:i(`flex cursor-default items-center justify-center py-1`,e),...t,children:a(f,{size:16})})}const We=({label:e,description:t,placeholder:n,orientation:r=`responsive`,options:i,helperText:s,required:c=!1})=>{let l=Q(),u=D(()=>l.state.meta.isTouched&&!l.state.meta.isValid,[l.state.meta.isTouched,l.state.meta.isValid]),d=D(()=>c?l.state.value===null:!1,[c,l.state.value]),f=D(()=>l.state.meta.errors,[l.state.meta.errors]);return o(V,{className:`gap-y-4 px-4`,children:[o(H,{orientation:r,"data-invalid":l.state.meta.isTouched&&!l.state.meta.isValid,children:[o(U,{children:[a(G,{htmlFor:l.name,"aria-required":d,children:e}),a(q,{children:t})]}),o(W,{className:`flex flex-col`,children:[o(Le,{defaultValue:l.state.value??void 0,onValueChange:l.handleChange,children:[a(ze,{"aria-invalid":u?`true`:void 0,onBlur:l.handleBlur,children:a(Re,{placeholder:n})}),o(Be,{children:[!!i.length&&i.map(e=>a(Ve,{value:e.value,children:e.label},e.value)),!i.length&&o(`div`,{className:`flex items-center justify-center gap-x-2 rounded border border-border bg-muted-muted px-4 py-6.5 text-center text-sm text-text-positive-weak`,children:[a(x,{strokeWidth:1}),`No options available`]})]})]}),a(`div`,{className:`mt-1 flex w-full flex-col items-end justify-end`,children:a(X,{errors:f})}),a(J,{isShow:!!s,children:s})]})]}),a(Y,{})]})};function Ge({className:e,...t}){return a(ae.Root,{"data-slot":`switch`,className:i(`peer`,`w-8 shrink-0 cursor-pointer items-center rounded-full shadow-xs transition-all`,`inline-flex h-5`,`focus-visible:border-primary-strong`,`focus-visible:ring-primary-weak`,`focus-visible:ring-4`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`-outline-offset-1 inset-shadow-2xs outline-1`,`data-[state=checked]:bg-primary`,`data-[state=checked]:outline-primary-strong`,`data-[state=unchecked]:bg-muted-weak`,`data-[state=unchecked]:outline-border`,`data-[state=unchecked]:[&_span]:size-4`,`data-[state=unchecked]:[&_span]:translate-x-0.5`,`data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5`,e),...t,children:a(ae.Thumb,{"data-slot":`switch-thumb`,className:i(`block size-4 bg-card shadow-xs`,`pointer-events-none rounded-full ring-0 transition-transform`,`data-[state=checked]:translate-x-[calc(100%-3px)]`,`data-[state=unchecked]:translate-x-0`)})})}const Ke=({label:e,description:t,helperText:n})=>{let r=Q();return o(V,{className:`gap-y-4 px-4`,children:[o(H,{orientation:`vertical`,className:`relative justify-between gap-y-1`,children:[o(U,{children:[a(K,{className:`cursor-pointer`,children:a(`label`,{htmlFor:r.name,children:e})}),a(q,{children:t}),a(Ge,{id:r.name,checked:r.state.value??!1,className:`absolute top-1 right-1`,onBlur:r.handleBlur,onCheckedChange:r.handleChange})]}),a(J,{isShow:!!n,children:n})]}),a(Y,{})]})},qe=({label:e,description:t,placeholder:n,counter:r=!1,helperText:s,orientation:c=`responsive`,showClearButton:u=!1,showErrorMessage:d=!0,required:f=!1,maxLength:p})=>{let{form:m,name:h,state:g,handleBlur:_,handleChange:v}=Q(),y=B(m.store,({isSubmitting:e})=>e),x=D(()=>u&&!y,[u,y]),S=D(()=>g.value?g.value.length:0,[g.value]),w=D(()=>{if(!r)return``;let e=`character${[0,1].includes(S)?``:`s`}`;return r&&p?`${S} / ${p} ${e}`:`${S} ${e}`},[S,r,p]),E=D(()=>g.meta.isTouched&&!g.meta.isValid,[g.meta.isTouched,g.meta.isValid]),O=D(()=>f?g.value===null:!1,[f,g.value]),k=T(({target:{value:e}})=>{y||r&&p&&e.length>p||v(e||null)},[y,r,p,v]),A=T(()=>{y||v(``)},[y,v]);return o(V,{className:`gap-y-4 px-4`,children:[o(H,{orientation:c,"data-invalid":E,children:[o(U,{children:[a(G,{"aria-required":O,htmlFor:h,children:e}),a(q,{children:t})]}),o(W,{children:[a(Z,{id:h,name:h,value:g.value===null?``:g.value,"aria-invalid":E,autoComplete:`off`,placeholder:n,className:i(y&&`pointer-events-none bg-muted-muted opacity-60`),onBlur:_,onChange:k}),x&&!g.meta.errors.length&&a(`button`,{type:`button`,"aria-label":`Clear`,className:`absolute inset-y-0 end-0 top-3 flex h-fit w-8 cursor-pointer items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:text-text-positive-strong`,onClick:A,children:a(C,{size:14,"aria-hidden":`true`})}),y&&a(`div`,{className:`absolute inset-y-0 end-2 top-2.5 text-muted-weak`,children:a(b,{size:14,className:`animate-spin text-primary-strong`})}),d&&!!g.meta.errors.length&&a(`div`,{className:`absolute inset-y-0 end-2 top-2.5 text-danger-strong`,children:a(l,{size:14})}),o(`div`,{className:`mt-1 flex w-full items-start justify-end *:basis-1/2`,children:[d&&a(X,{errors:g.meta.errors}),!!r&&a(`p`,{className:`text-end text-text-positive-weak text-xs tabular-nums leading-3.5`,children:w})]}),a(J,{isShow:!!s,children:s})]})]}),a(Y,{})]})};function Je({className:e,onChange:t,onValueChange:n,...r}){let o=T(e=>{t?.(e),n?.(e.target.value)},[t,n]);return a(`textarea`,{"data-slot":`textarea`,className:i(`flex min-h-24 w-full bg-transparent px-3 py-2`,`rounded shadow-input transition-[color,box-shadow] duration-200`,`resize-y text-sm text-text-positive-weak tabular-nums caret-primary`,`-outline-offset-1 outline-1 outline-border`,`placeholder:text-text-positive-muted`,`focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`disabled:cursor-not-allowed disabled:opacity-50`,`disabled:pointer-events-none`,`disabled:border-border-weak/50 disabled:bg-secondary-muted/10`,e),...r,onChange:o})}const Ye=({label:e,description:t,placeholder:n,orientation:r=`responsive`,counter:s,helperText:c,showErrorMessage:u=!0,required:d=!1,maxLength:f})=>{let{form:p,state:m,name:h,handleBlur:g,handleChange:_}=Q(),v=B(p.store,({isSubmitting:e})=>e),y=D(()=>m.value?m.value.length:0,[m.value]),x=D(()=>{if(!s)return``;let e=`character${[0,1].includes(y)?``:`s`}`;return s&&f?`${y} / ${f} ${e}`:`${y} ${e}`},[y,s,f]),S=D(()=>m.meta.isTouched&&!m.meta.isValid,[m.meta.isTouched,m.meta.isValid]),C=D(()=>m.meta.errors,[m.meta.errors]),w=D(()=>d?m.value===null:!1,[d,m.value]),E=T(({target:{value:e}})=>{v||s&&f&&e.length>f||_(e||null)},[v,s,f,_]);return o(V,{className:`px-4`,children:[o(H,{orientation:r,"data-invalid":S,children:[o(U,{children:[a(G,{"aria-required":w,htmlFor:h,children:e}),a(q,{children:t})]}),o(W,{children:[a(Je,{id:h,name:h,value:m.value===null?``:m.value,"aria-invalid":S,autoComplete:`off`,placeholder:n,className:i(v&&`pointer-events-none bg-muted-muted opacity-60`),onChange:E,onBlur:g}),v&&a(`div`,{className:`absolute inset-y-0 end-2 top-2.5 text-muted-weak`,children:a(b,{size:14,className:`animate-spin text-primary-strong`})}),u&&!!C.length&&a(`div`,{className:`absolute inset-y-0 end-2 top-2.5 text-danger-strong`,children:a(l,{size:14})}),o(`div`,{className:`mt-1 flex w-full items-start justify-end *:basis-1/2`,children:[u&&a(X,{errors:C}),!!s&&a(`p`,{className:`text-end text-text-positive-weak text-xs`,children:x})]}),a(J,{isShow:!!c,children:c})]})]}),a(Y,{})]})},Xe=({label:e,className:n})=>{let r=$(),o=T(async()=>{await r.handleSubmit({submitAction:`submit`}),r.state.isSubmitSuccessful&&r.reset()},[r]);return a(r.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:r,isSubmitting:s})=>a(t,{type:`button`,size:`md`,disabled:r,isLoading:s,className:i(`min-w-32`,n),onClick:o,children:e??`Submit`})})},Ze=({type:e=`create`})=>{let n=$();return o(`div`,{className:`flex h-8 items-center justify-between`,children:[a(n.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:e})=>a(t,{color:`muted`,variant:`outline`,type:`button`,size:`md`,disabled:e,className:`h-full min-w-32`,onClick:()=>n.reset(),children:`Cancel`})}),e===`create`&&a(n.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:e,isSubmitting:r})=>o(t,{type:`submit`,size:`md`,disabled:e,isLoading:r,className:`h-full min-w-32`,onClick:async()=>{await n.handleSubmit({submitAction:`create`}),n.state.isSubmitSuccessful&&n.reset()},children:[a(S,{}),`Add New`]})}),e===`update`&&a(n.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:e,isSubmitting:r})=>o(t,{type:`submit`,size:`md`,disabled:e,isLoading:r,className:`h-full min-w-32`,onClick:async()=>{await n.handleSubmit({submitAction:`update`}),n.state.isSubmitSuccessful&&n.reset()},children:[a(s,{}),`Update`]})})]})};function Qe({className:e,orientation:t=`horizontal`,decorative:n=!0,...r}){return a(ie.Root,{"data-slot":`separator`,decorative:n,orientation:t,className:i(`shrink-0 bg-border-weak`,`data-[orientation=horizontal]:h-px`,`data-[orientation=horizontal]:w-full`,`data-[orientation=vertical]:h-full`,`data-[orientation=vertical]:w-px`,e),...r})}const $e=({title:e,description:t,children:n})=>o(`section`,{"data-slot":`card-form`,className:`flex flex-col rounded-md bg-card pb-4 shadow-card ring-3 ring-border-muted`,children:[o(`div`,{"data-slot":`card-form-header`,className:`flex flex-col space-y-1 p-4`,children:[a(`p`,{className:`font-semibold text-lg`,children:e}),!!t&&a(`p`,{className:`text-muted text-sm`,children:t})]}),a(Qe,{}),a(`div`,{"data-slot":`card-form-main`,className:`flex flex-col space-y-4 py-4`,children:n})]}),et=({children:e})=>a(`div`,{"data-slot":`section-form`,className:`flex flex-col space-y-4`,children:e}),tt=({...e})=>a(`button`,{...e,type:`button`,style:{"corner-shape":`squircle`},className:`min-w-40 cursor-pointer rounded-xl border border-border bg-linear-to-b from-white/80 to-white px-4 py-2 font-semibold text-sm text-text-positive shadow-[0_2px_4px_var(--border)] outline-none transition-all hover:opacity-90 focus:border-border focus:ring-3 focus:ring-border/80 focus:ring-offset-2 focus:drop-shadow-none disabled:pointer-events-none disabled:opacity-60 disabled:drop-shadow-none`,children:`Cancel`});function nt({...e}){return a(I.Root,{"data-slot":`dialog`,...e})}function rt({...e}){return a(I.Portal,{"data-slot":`dialog-portal`,...e})}function it({className:e,...t}){return a(I.Overlay,{"data-slot":`dialog-overlay`,className:i(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,e),...t})}function at({className:e,children:t,showCloseButton:r=!0,...s}){return o(rt,{"data-slot":`dialog-portal`,children:[a(it,{className:`backdrop-blur-sm`}),o(I.Content,{"data-slot":`dialog-content`,className:i(`relative z-50 grid bg-background`,`gap-4 p-6 shadow-dialog outline-none`,`max-h-[85dvh] w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`rounded-2xl duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-80`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-80`,`-translate-x-1/2 -translate-y-1/2 fixed top-1/2 left-1/2`,e),...s,children:[t,r&&a(I.Close,{"data-slot":`dialog-close`,tabIndex:-1,asChild:!0,className:`absolute top-3 right-3`,children:a(n,{})})]})]})}function ot({className:e,...t}){return a(`div`,{"data-slot":`dialog-header`,className:i(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function st({className:e,...t}){return a(`div`,{"data-slot":`dialog-footer`,className:i(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function ct({className:e,...t}){return a(I.Title,{"data-slot":`dialog-title`,className:i(`font-semibold text-lg text-text-positive-strong leading-none`,e),...t})}const lt=({isSubmitting:e,...t})=>a(`button`,{...t,type:`button`,"data-loading":e?`true`:void 0,style:{"corner-shape":`squircle`},className:`relative min-h-9.5 min-w-40 cursor-pointer rounded-xl border border-primary-strong bg-linear-to-b from-primary/60 to-primary px-4 py-2 font-semibold text-sm text-text-negative outline-none drop-shadow-[0_2px_4px_var(--primary)] transition-all hover:opacity-90 focus:border-transparent focus:ring-3 focus:ring-primary/80 focus:ring-offset-2 focus:drop-shadow-none disabled:pointer-events-none disabled:opacity-60 disabled:drop-shadow-none data-[loading=true]:pointer-events-none data-[loading=true]:opacity-80`,children:e?a(y,{size:16,strokeWidth:3,className:`-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 z-10 animate-spin`}):`Submit`}),ut=({title:e,open:t,onOpenChange:n,children:i})=>{let s=$(),c=T(e=>{e||s.reset(),n?.(e)},[s.reset,n]);return a(nt,{open:t,onOpenChange:c,children:o(at,{className:`gap-0 rounded-sm p-0 sm:max-w-2xl`,children:[a(ot,{className:`flex items-center justify-center px-4 py-6`,children:a(ct,{className:`font-medium`,children:e})}),a(r,{}),a(`div`,{className:`relative flex flex-col space-y-4 p-4 pt-6`,children:i}),a(r,{}),o(st,{className:`justify-between! flex items-center px-6 py-4`,children:[a(s.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:e})=>a(tt,{disabled:e,onClick:()=>{s.reset(),c(!1)}})}),a(s.Subscribe,{selector:e=>({isSubmitting:e.isSubmitting,disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit}),children:({isSubmitting:e,disabled:t})=>a(lt,{isSubmitting:e,disabled:t})})]})]})})},dt=({title:e,open:t,onOpenChange:r,children:s})=>{let c=$();return a(nt,{open:t,onOpenChange:r,children:o(rt,{"data-slot":`dialog-portal`,children:[a(I.Overlay,{"data-slot":`dialog-overlay`,className:i(`fixed inset-0 z-40 bg-black/50 backdrop-blur-sm`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out`)}),a(I.Content,{"data-slot":`dialog-content`,className:i(`fixed top-4 right-4 z-50 h-[calc(100dvh-2rem)] min-w-sm max-w-xl rounded-md bg-background drop-shadow-lg`,`duration-300`,`data-[state=open]:animate-in`,`data-[state=open]:slide-in-from-right`,`data-[state=open]:fade-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:slide-out-to-right`,`data-[state=closed]:fade-out`),children:o(`section`,{className:`relative flex size-full flex-col`,children:[a(`header`,{className:`flex h-14 items-center border-border border-b px-4`,children:a(`h2`,{className:`font-semibold text-lg text-primary-strong`,children:e})}),a(`div`,{className:`flex-1 overflow-y-auto py-4`,children:s}),o(`div`,{className:`flex flex-col space-y-4 border-border border-t px-4 py-2`,children:[a(c.Subscribe,{selector:e=>({isSubmitting:e.isSubmitting,disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit}),children:({isSubmitting:e,disabled:t})=>a(lt,{isSubmitting:e,disabled:t,className:`w-full`})}),a(c.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:e})=>a(tt,{disabled:e,className:`w-full`,onClick:()=>{c.reset(),r?.(!1)}})})]}),a(I.Close,{asChild:!0,children:a(n,{className:`absolute top-2 right-2`})})]})})]})})},ft=({children:e})=>a(`header`,{"data-slot":`section-header`,className:`px-4 pt-2.5 pb-2 font-medium text-base text-primary-strong`,children:e}),pt=({children:e})=>a(`main`,{"data-slot":`section-main`,className:`relative flex flex-col space-y-4 py-4`,children:e}),mt=({title:e,children:t})=>o(`section`,{"data-slot":`section-form`,className:`flex flex-col rounded-md bg-background shadow-card ring-3 ring-border-muted`,children:[a(ft,{children:e}),a(Qe,{}),a(pt,{children:t})]}),ht=({title:e,description:t,helperText:n})=>o(V,{className:`gap-y-4 px-4`,children:[o(H,{className:`gap-0`,children:[o(U,{children:[a(ge,{className:`mb-1`,children:e}),a(q,{children:t})]}),a(J,{isShow:!!n,children:n})]}),a(Y,{})]}),{fieldContext:gt,formContext:_t,useFieldContext:Q,useFormContext:$}=se(),{useAppForm:vt,withForm:yt,withFieldGroup:bt}=oe({fieldContext:gt,formContext:_t,fieldComponents:{TextField:qe,TextareaField:Ye,NumberField:Me,EmailField:De,PasswordField:Ne,SelectField:We,DateField:Ee,SwitchField:Ke,RadioGroupField:Ie,CheckboxField:_e},formComponents:{TanStackDialogForm:ut,TanStackPopoverForm:dt,TanStackContainerForm:et,TanStackSectionForm:mt,TanStackCardForm:$e,TanStackTitleField:ht,TanStackActionsForm:Ze,TanStackActionSubmit:Xe}});export{Q as useTanStackFieldContext,vt as useTanStackForm,$ as useTanStackFormContext,bt as withTanStackFieldGroup,yt as withTanStackForm};
+import{n as e}from"../../button.variants-DmUzMbB8.mjs";import{t}from"../../button-DIEXNBpi.mjs";import{t as n}from"../../close-BuQ2DHur.mjs";import{t as r}from"../../separator-yTKDuMWb.mjs";import{cn as i}from"@customafk/react-toolkit/utils";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{ArrowDownToLine as s,AtSignIcon as c,BanIcon as l,CalendarDaysIcon as u,CheckIcon as d,ChevronDownIcon as f,ChevronLeftIcon as p,ChevronRightIcon as m,ChevronUpIcon as h,CircleIcon as g,EyeIcon as _,EyeOffIcon as v,Loader2 as y,Loader2Icon as b,PackagePlusIcon as x,PlusIcon as S,XIcon as C}from"lucide-react";import{memo as w,useCallback as T,useEffect as E,useMemo as D,useRef as O,useState as k}from"react";import{cva as A}from"class-variance-authority";import{endOfToday as j,endOfTomorrow as M,endOfYesterday as N,format as P,lastDayOfMonth as ee,startOfMonth as te,subDays as F}from"@customafk/react-toolkit/date-fns";import{Checkbox as ne,Dialog as I,Label as re,Popover as L,RadioGroup as R,Select as z,Separator as ie,Switch as ae}from"radix-ui";import{createFormHook as oe,createFormHookContexts as se,useStore as B}from"@tanstack/react-form";import{DayPicker as ce,getDefaultClassNames as le}from"react-day-picker";function ue({className:e,...t}){return a(ne.Root,{"data-slot":`checkbox`,className:i(`peer border-border`,`size-4 shrink-0 cursor-pointer rounded border shadow-xs outline-none transition-all`,`disabled:cursor-not-allowed disabled:opacity-50`,`focus-visible:border-primary-strong`,`focus-visible:ring-3`,`focus-visible:ring-primary-weak`,`aria-invalid:border-danger aria-invalid:ring-danger-weak`,`aria-readonly:bg-muted-muted`,`aria-readonly:pointer-events-none`,`data-[state=checked]:aria-readonly:bg-muted-muted`,`data-[state=checked]:aria-readonly:border-border`,`data-[state=checked]:aria-readonly:text-text-positive-strong`,`data-[state=checked]:bg-primary`,`data-[state=checked]:border-primary-strong`,`data-[state=checked]:text-text-negative-strong`,e),...t,children:a(ne.Indicator,{"data-slot":`checkbox-indicator`,className:`flex items-center justify-center text-current transition-none`,children:a(d,{size:14})})})}const de=A([`flex w-fit items-center justify-center rounded-full font-bold text-text-negative-strong`],{variants:{color:{default:`bg-primary-strong`,secondary:`bg-secondary-strong`,success:`bg-success-strong`,info:`bg-info-strong`,warning:`bg-warning-strong`,danger:`border border-danger-strong bg-linear-to-b from-danger-strong/90 via-danger-strong to-danger-strong/90`},size:{xs:`px-1.5 py-0.5 text-xs`,sm:`px-2 py-0.75 text-xs`,md:`px-2.5 py-0.75 text-sm`,lg:`px-3 py-1 text-sm`}},defaultVariants:{color:`default`,size:`sm`}}),fe=({label:e,color:t,size:n,className:r,children:i})=>a(`div`,{"data-slot":`required-indicator`,className:de({color:t,size:n,className:r}),children:e||i});function pe({className:e,children:t,...n}){return o(re.Root,{"data-slot":`label`,className:i(`text-text-positive`,`flex w-full items-center justify-between`,`select-none font-medium text-sm/6 leading-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,`aria-required:*:data-[slot=required-indicator]:inline-block`,e),...n,children:[t,a(fe,{label:`Required`,color:`danger`,size:`sm`,className:`hidden`})]})}const me=A(`group/field flex w-full gap-2 data-[invalid=true]:text-danger *:data-[slot=field-content]:gap-0 @md/field-group:*:data-[slot=field-content]:gap-2`,{variants:{orientation:{vertical:[`flex-col *:w-full [&>.sr-only]:w-auto`],horizontal:[`flex-row items-center`,`*:data-[slot=field-label]:flex-auto`,`has-[>[data-slot=field-content]]:items-start`,`has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`],responsive:[`flex-col *:w-full [&>.sr-only]:w-auto`,`@md/field-group:flex-row`,`@md/field-group:items-center`,`@md/field-group:gap-4`,`@md/field-group:*:w-auto`,`@md/field-group:*:data-[slot=field-content]:basis-1/2`,`@md/field-group:*:data-[slot=field-content-main]:basis-1/2`,`@md/field-group:*:data-[slot=field-label]:flex-auto`,`@md/field-group:has-[>[data-slot=field-content]]:items-start`,`@md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`]}},defaultVariants:{orientation:`vertical`}}),he=w(({className:e,...t})=>a(`fieldset`,{"data-slot":`field-set`,className:i(`flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,e),...t}));he.displayName=`FieldSet`;const ge=w(({className:e,variant:t=`legend`,...n})=>a(`legend`,{"data-slot":`field-legend`,"data-variant":t,className:i(`mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,e),...n}));ge.displayName=`FieldLegend`;const V=w(({className:e,...t})=>a(`div`,{"data-slot":`field-group`,className:i(`group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,e),...t}));V.displayName=`FieldGroup`;const H=w(({className:e,orientation:t=`vertical`,...n})=>a(`div`,{"data-slot":`field`,"data-orientation":t,className:i(me({orientation:t}),e),...n}));H.displayName=`Field`;const U=w(({className:e,...t})=>a(`div`,{"data-slot":`field-content`,className:i(`group/field-content flex flex-col gap-1.5 leading-snug`,e),...t}));U.displayName=`FieldContent`;const W=w(({className:e,...t})=>a(`div`,{"data-slot":`field-content-main`,className:i(`relative`,e),...t})),G=w(({className:e,...t})=>a(pe,{"data-slot":`field-label`,className:i(`group/field-label peer/field-label flex h-6 gap-1 font-normal leading-snug`,`has-[>[data-slot=field]]:w-full`,`has-[>[data-slot=field]]:flex-col`,`has-[>[data-slot=field]]:rounded-md`,`has-[>[data-slot=field]]:border`,`has-[>[data-slot=field]]:border-border`,`has-data-[state=checked]:border-primary`,`*:data-[slot=field]:p-4 group-data-[disabled=true]/field:opacity-50`,e),...t}));G.displayName=`FieldLabel`;const K=w(({className:e,...t})=>a(`div`,{"data-slot":`field-label`,className:i(`flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50`,e),...t}));K.displayName=`FieldTitle`;const q=w(({className:e,...t})=>a(`p`,{"data-slot":`field-description`,className:i(`nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5 font-normal text-sm text-text-positive-weak leading-normal last:mt-0 [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...t}));q.displayName=`FieldDescription`;const J=w(({isShow:e=!0,className:t,...n})=>e===!1?null:a(`div`,{"data-slot":`field-note`,className:i(`text-wrap rounded border border-primary-muted bg-linear-to-b from-primary-bg-subtle to-primary-bg-subtle/50 p-2 text-text-positive-weak text-xs`,t),...n}));J.displayName=`FieldNote`;const Y=w(({children:e,className:t,...n})=>o(`div`,{"data-slot":`field-separator`,"data-content":!!e,className:i(`-my-2 group-data-[variant=outline]/field-group:-mb-2 relative h-5 text-sm`,t),...n,children:[a(r,{className:`absolute inset-0 top-1/2`}),e&&a(`span`,{className:`relative mx-auto block w-fit bg-background px-2 text-text-positive-weak`,"data-slot":`field-separator-content`,children:e})]}));Y.displayName=`FieldSeparator`;const X=w(({className:e,children:t,errors:n,...r})=>{let o=D(()=>t||(n?n?.length===1&&n[0]?.message?a(`div`,{className:`flex flex-row items-center justify-start gap-x-0.5`,children:a(`p`,{children:n[0].message})}):a(`ul`,{className:`flex list-none flex-col`,children:n.map(e=>typeof e==`string`?a(`li`,{children:e},e):e?.message?a(`li`,{children:e.message},e.message):null)}):null),[t,n]);return o?a(`div`,{role:`alert`,"data-slot":`field-error`,className:i(`w-full font-semibold text-danger-strong text-xs`,e),...r,children:o}):null});X.displayName=`FieldError`;const _e=({label:e,description:t,options:n,helperText:r,orientation:i})=>{let s=Q(),c=B(s.form.store,({isSubmitting:e})=>e);return o(V,{className:`gap-y-4 px-4`,children:[o(H,{orientation:i,children:[o(U,{children:[a(G,{children:e}),a(q,{children:t}),a(J,{isShow:!!r,children:r})]}),a(W,{children:a(V,{className:`flex flex-col gap-y-2`,children:n.map(e=>o(H,{orientation:`horizontal`,children:[a(ue,{id:`${s.name}-${e.value}`,name:s.name,checked:s.state.value?.includes(e.value)??!1,disabled:c,onCheckedChange:t=>{if(t&&s.state.value!==null)s.pushValue(e.value);else if(t&&s.state.value===null)s.setValue([e.value]);else if(!t&&s.state.value!==null){let t=s.state.value.indexOf(e.value);t>-1&&s.removeValue(t)}else !t&&s.state.value===null&&s.setValue(null)}}),a(G,{htmlFor:`${s.name}-${e.value}`,className:`text-text-positive`,children:e.label})]},e.value))})})]}),a(Y,{})]})},ve=({rootRef:e,className:t,...n})=>a(`div`,{"data-slot":`calendar`,ref:e,className:i(t),...n}),ye=e=>e.orientation===`left`?a(p,{size:16,className:e.className,...e}):e.orientation===`right`?a(m,{size:16,className:e.className,...e}):a(f,{size:16,className:e.className,...e}),be=({className:e,day:n,modifiers:r,color:o,...s})=>{let c=le(),l=O(null);return E(()=>{r.focused&&l.current?.focus()},[r.focused]),a(t,{ref:l,variant:`ghost`,color:`muted`,"data-day":n.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:i(`flex aspect-square size-9 flex-col rounded font-normal text-sm tabular-nums leading-none`,`data-[selected-single=true]:bg-primary`,`data-[selected-single=true]:text-white`,`data-[range-middle=true]:bg-muted-muted`,`data-[range-middle=true]:text-text-positive`,`data-[range-start=true]:bg-primary-muted`,`data-[range-start=true]:text-text-positive-strong`,`data-[range-end=true]:bg-primary`,`data-[range-end=true]:text-text-positive-strong`,`group-data-[focused=true]/day:border-primary-strong`,`group-data-[focused=true]/day:relative`,`group-data-[focused=true]/day:z-10`,`data-[range-end=true]:rounded`,`data-[range-end=true]:rounded-r`,`data-[range-middle=true]:rounded-none`,`data-[range-start=true]:rounded`,`data-[range-start=true]:rounded-l`,`[&>span]:text-xs [&>span]:opacity-70`,c.day,e),...s})},xe=({children:e,...t})=>a(`td`,{...t,children:a(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})});function Se({className:t,classNames:n,showOutsideDays:r=!0,captionLayout:o=`label`,buttonVariant:s=`ghost`,formatters:c,components:l,...u}){let d=le();return a(ce,{showOutsideDays:r,className:i(`group/calendar bg-background p-3`,`[--cell-size:--spacing(8)]`,`in-data-[slot=card-content]:bg-transparent`,`in-data-[slot=popover-content]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,t),captionLayout:o,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...c},classNames:{root:i(d.root),months:i(`flex gap-4 flex-col md:flex-row relative`,d.months),month:i(`flex flex-col w-full gap-4`,d.month),nav:i(`flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between`,d.nav),button_previous:i(e({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,d.button_previous),button_next:i(e({variant:`outline`,color:`muted`}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,d.button_next),month_caption:i(`flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,d.month_caption),dropdowns:i(`w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5`,d.dropdowns),dropdown_root:i(`relative has-focus:border-primary-strong border border-border-weak shadow-xs has-focus:ring-primary-weak has-focus:ring-[3px] rounded`,d.dropdown_root),dropdown:i(`absolute inset-0 opacity-0`,d.dropdown),caption_label:i(`select-none font-medium`,o===`label`&&`text-sm`,o!==`label`&&`rounded shadow-xs px-2 flex items-center gap-0.5 text-sm h-8 [&>svg]:text-text-positive [&>svg]:size-3.5`,d.caption_label),table:`w-full border-collapse`,weekdays:i(`flex`,d.weekdays),weekday:i(`text-text-positive rounded flex-1 font-normal text-[0.8rem] select-none`,d.weekday),week:i(`flex w-full mt-2`,d.week),week_number_header:i(`select-none w-(--cell-size)`,d.week_number_header),week_number:i(`text-[0.8rem] select-none text-text-positive`,d.week_number),day:i(`relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none`,d.day),range_start:i(`rounded-l bg-muted-muted`,d.range_start),range_middle:i(`rounded-none`,d.range_middle),range_end:i(`rounded-r bg-muted-muted`,d.range_end),today:i(`bg-muted-muted text-text-positive rounded data-[selected=true]:rounded-none`,d.today),outside:i(`[&>button]:text-text-positive-muted aria-selected:text-text-positive`),disabled:i(`bg-muted-muted text-text-positive opacity-50`,d.disabled),hidden:i(`invisible`,d.hidden),...n},components:{Root:ve,Chevron:ye,DayButton:be,WeekNumber:xe,...l},...u})}function Ce({...e}){return a(L.Root,{"data-slot":`popover`,...e})}function we({...e}){return a(L.Trigger,{"data-slot":`popover-trigger`,...e})}function Te({className:e,align:t=`start`,sideOffset:n=4,children:r,...s}){return a(L.Portal,{children:o(L.Content,{"data-slot":`popover-content`,align:t,sideOffset:n,className:i(`relative bg-popover`,`text-text-positive`,`z-50`,`min-w-(--radix-popover-trigger-width)`,`max-h-(--radix-popover-content-available-height)`,`origin-(--radix-popover-content-transform-origin)`,`rounded-md p-4 shadow-dropdown outline-none`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=top]:slide-in-from-bottom-8`,`data-[side=right]:slide-in-from-left-8`,`data-[side=bottom]:slide-in-from-top-8`,`data-[side=left]:slide-in-from-right-8`,e),...s,children:[r,a(L.Arrow,{className:`fill-popover`})]})})}const Ee=({label:e,description:n,placeholder:r,orientation:s,helperText:c,minDate:l,maxDate:d,required:f})=>{let p=Q(),m=D(()=>f?p.state.value===null:!1,[f,p.state.value]),h=D(()=>p.state.meta.isTouched&&!p.state.meta.isValid,[p.state.meta.isTouched,p.state.meta.isValid]);return o(V,{className:`px-4`,children:[o(H,{orientation:s,"data-invalid":h,children:[o(U,{children:[a(G,{htmlFor:p.name,"aria-required":m,children:e}),a(q,{children:n})]}),o(W,{className:`flex flex-col space-y-1`,children:[a(`div`,{className:`flex w-full flex-col`,children:o(Ce,{children:[a(we,{asChild:!0,children:o(t,{variant:`outline`,color:`muted`,size:`lg`,className:i(`flex items-center justify-between rounded font-normal outline-border`,`hover:bg-transparent`,`focus:outline-1 focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-4`,`data-[state=open]:ring-primary-weak`,p.state.value===null&&`text-text-positive-muted`),children:[a(`p`,{children:p.state.value===null?r||`Select date`:P(p.state.value,`PPPP`)}),a(u,{strokeWidth:1})]})}),o(Te,{align:`start`,side:`bottom`,className:`flex w-fit min-w-0 overflow-y-auto rounded p-0`,onBlur:p.handleBlur,children:[o(`div`,{className:`flex h-full flex-col space-y-2 border-r border-r-border p-2 [&>button]:justify-start [&>button]:text-sm`,children:[a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(j())},children:`Today`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(M())},children:`Tomorrow`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(N())},children:`Yesterday`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(F(j(),3))},children:`Last 3 Days`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(F(j(),7))},children:`Last 7 Days`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(F(j(),30))},children:`Last 30 Days`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(te(j()))},children:`This Month`}),a(t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{p.handleChange(ee(j()))},children:`Last Month`})]}),a(`div`,{className:`flex flex-1 flex-col`,children:a(`div`,{className:`min-w-73 border-b border-b-border p-2`,children:a(Se,{mode:`single`,selected:p.state.value??void 0,hidden:{before:l??new Date(1900,0,1),after:d??new Date(2100,11,31)},onSelect:e=>{e&&p.handleChange(e)}})})})]})]})}),a(J,{isShow:!!c,children:c})]})]}),a(Y,{})]})},Z=({className:e,onChange:t,onValueChange:n,...r})=>{let o=T(e=>{t?.(e),n?.(e.target.value)},[t,n]);return a(`input`,{"data-slot":`input`,className:i(`w-full min-w-0 bg-transparent px-2.5 py-2 transition-[color,box-shadow]`,`rounded text-sm text-text-positive-weak tabular-nums leading-5 shadow-input placeholder:text-text-positive-muted`,`-outline-offset-1 outline-1 outline-border`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-transparent disabled:opacity-50`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`,`focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4 aria-invalid:placeholder:text-text-positive-weak`,e),...r,onChange:o})},De=({label:e,description:t,placeholder:n,orientation:r=`responsive`,helperText:s,showErrorMessage:l=!0,maxLength:u})=>{let{form:d,name:f,state:p,handleBlur:m,handleChange:h}=Q(),g=B(d.store,({isSubmitting:e})=>e),_=D(()=>p.meta.isTouched&&!p.meta.isValid,[p.meta.isTouched,p.meta.isValid]),v=T(({target:{value:e}})=>{g||u&&e.length>u||h(e||null)},[g,u,h]),y=T(()=>{g||h(null)},[g,h]);return o(V,{className:`gap-y-4 px-4`,children:[o(H,{"data-invalid":_,orientation:r,children:[o(U,{children:[a(G,{htmlFor:f,children:e}),a(q,{children:t})]}),o(W,{children:[a(Z,{id:f,name:f,value:p.value===null?``:p.value,"aria-invalid":_,autoComplete:`email`,placeholder:n,className:i(`pl-9`,g&&`pointer-events-none bg-muted-muted opacity-60`),onBlur:m,onChange:v}),a(`div`,{className:`absolute top-0 left-0 flex size-9 items-center justify-center text-muted`,children:a(c,{size:14})}),a(`button`,{type:`button`,"aria-label":`Clear`,className:`absolute inset-y-0 end-0 top-3 flex h-fit w-8 cursor-pointer items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:text-text-positive-strong`,onClick:y,children:a(C,{size:14,"aria-hidden":`true`})}),a(`div`,{className:`mt-1 flex w-full items-start justify-start`,children:l&&a(X,{errors:p.meta.errors})}),a(J,{isShow:!!s,children:s})]})]}),a(Y,{})]})},Oe=e=>e?/^-?\d*\.?\d*$/:/^\d*\.?\d*$/,ke=e=>Number(e).toLocaleString(),Ae=(e,t,n)=>{if(n===`none`)return e;let r=10**t,i=e*r;switch(n){case`up`:return Math.ceil(i)/r;case`down`:return Math.floor(i)/r;case`nearest`:return i%1<.1?Math.floor(i)/r:i%1>=.59?Math.ceil(i)/r:(Math.floor(i)+.5)/r;default:return e}},je=({disabled:e=!1,readOnly:t=!1,allowNegative:n=!1,numberAfterDecimalPoint:r=2,roundingRule:s=`none`,value:c=null,unitText:l,decimal:u,placeholder:d,precision:f,wrapperClassName:p,className:m,onChange:h,onValueChange:g,onFocus:_,onBlur:v,...y})=>{let b=O(null),x=O(null),[S,C]=k(c?.toString()??null),w=D(()=>u?.[1]??r,[u,r]),A=D(()=>u&&u[0]-u[1],[u]),j=D(()=>Oe(n),[n]),M=T(e=>{if(!w||e===`-`)return!0;let[t,n=``]=e.split(`.`),r=t.startsWith(`-`)?t.length-1:t.length;return n.length<=w&&r<=(A??1/0)},[w,A]),N=T(e=>{if(e===`0`)return`0`;if(!Number(e))return null;let[t,n=``]=Ae(parseFloat(e),Math.min(w-1,f||0),s).toString().split(`.`),r=ke(t);return n?`${r}.${n}`:r},[w,f,s]),P=T(e=>{let t=e===`0`,n=e===`-`||/^-0+(\.0+)?$/.test(e)||/^-0*\.$/.test(e);if(t){g?.(0),C(e);return}if(n){C(()=>(g?.(0),e));return}},[g]),ee=T(e=>{h?.(e);let{value:t}=e.target;if(t===``||t===void 0){g?.(null),C(null);return}P(t),!(!j.test(t)||!M(t))&&(g?.(parseFloat(t)||0),C(t))},[M,h,g,P,j]),te=T(e=>{t||(_?.(e),C(e=>typeof e==`string`?e.replace(/,/g,``):null))},[t,_]),F=T(e=>{t||(v?.(e),C(e=>e===null?null:e===`0`||e===`-`||/^-0+(\.0+)?$/.test(e)||/^-0*\.$/.test(e)?`0`:typeof e==`string`?N(e):null))},[t,N,v]);return E(()=>{let e=document.activeElement===x.current;if(c==null||!j.test(c.toString())||!M(c.toString())){C(null);return}C(t=>e?t:N(c.toString()))},[N,c,M,j]),E(()=>{if(!b.current||!x.current||!l)return;let e=b.current.offsetWidth;x.current.style.setProperty(`padding-right`,`${(e+10)/16}rem`)},[l]),o(`div`,{className:i(`relative`,p),children:[a(Z,{...y,ref:x,value:S||(t?`0`:``),placeholder:d,disabled:e,readOnly:t,className:i(`text-end font-number text-sm slashed-zero lining-nums tabular-nums`,t&&`bg-muted text-muted-foreground`,m),onChange:ee,onFocus:te,onBlur:F}),l&&a(`span`,{ref:b,className:`-translate-y-1/2 pointer-events-none absolute top-1/2 right-2 text-muted-foreground text-sm`,children:l})]})},Me=({label:e,description:t,placeholder:n,helperText:r,orientation:s,showErrorMessage:c=!0,rounding:u,decimalPlaces:d,percision:f,unit:p,required:m,allowNegative:h})=>{let g=Q(),_=B(g.form.store,({isSubmitting:e})=>e),v=D(()=>g.state.meta.errors,[g.state.meta.errors]),y=D(()=>m?g.state.value===null:!1,[m,g.state.value]),x=T(e=>{_||g.handleChange(e)},[_,g.handleChange]);return o(V,{className:`gap-y-4 px-4`,children:[o(H,{orientation:s,"data-invalid":g.state.meta.isTouched&&!g.state.meta.isValid,children:[o(U,{children:[a(G,{htmlFor:g.name,"aria-required":y,children:e}),a(q,{children:t})]}),a(W,{className:`flex justify-end`,children:o(`div`,{className:`relative flex w-full flex-col items-end`,children:[o(`div`,{className:`relative w-full max-w-120`,children:[a(je,{id:g.name,value:g.state.value,"aria-invalid":g.state.meta.isTouched&&!g.state.meta.isValid,placeholder:n,roundingRule:u,numberAfterDecimalPoint:d,precision:f,unitText:p,allowNegative:h,className:i(_&&`pointer-events-none bg-muted-muted opacity-60`),onBlur:g.handleBlur,onValueChange:x}),_&&a(`div`,{className:`absolute inset-y-0 start-2 top-2.5 text-muted-weak`,children:a(b,{size:14,className:`animate-spin text-primary-strong`})}),c&&!!v.length&&a(`div`,{className:`absolute inset-y-0 start-2 top-2.75 text-danger-strong`,children:a(l,{size:14})}),a(`div`,{className:`mt-1 flex w-full flex-col items-end justify-end`,children:c&&a(X,{errors:v})})]}),a(J,{isShow:!!r,children:r})]})})]}),a(Y,{})]})},Ne=({label:e,description:t,placeholder:n,orientation:r=`responsive`,helperText:i,showErrorMessage:s=!0})=>{let{form:c,name:l,state:u,handleBlur:d,handleChange:f}=Q(),p=B(c.store,({isSubmitting:e})=>e),[m,h]=k(!1),g=D(()=>u.meta.isTouched&&!u.meta.isValid,[u.meta.isTouched,u.meta.isValid]),y=T(()=>h(e=>!e),[]),b=T(({target:{value:e}})=>{p||f(e||null)},[p,f]);return a(V,{className:`gap-y-4 px-4`,children:o(H,{"data-invalid":g,orientation:r,children:[o(U,{children:[a(G,{htmlFor:l,children:e}),a(q,{children:t})]}),o(W,{children:[a(Z,{id:l,type:m?`text`:`password`,placeholder:n,value:u.value??``,"aria-invalid":g,autoComplete:`new-password`,onBlur:d,onChange:b}),a(`button`,{className:`absolute inset-y-0 end-0 flex size-9 items-center justify-center rounded-e-md text-muted outline-none transition-[color,box-shadow] focus:z-10 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,type:`button`,onClick:y,"aria-label":m?`Hide password`:`Show password`,"aria-pressed":m,"aria-controls":`password`,children:a(m?v:_,{size:16,"aria-hidden":`true`})}),a(`div`,{className:`mt-1 flex w-full items-start justify-start`,children:s&&a(X,{errors:u.meta.errors})}),a(J,{isShow:!!i,children:i})]})]})})};function Pe({className:e,...t}){return a(R.Root,{"data-slot":`radio-group`,className:i(`grid gap-3`,e),...t})}function Fe({className:e,...t}){return a(R.Item,{"data-slot":`radio-group-item`,className:i(`aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all`,`disabled:cursor-not-allowed disabled:opacity-50`,`focus:border-border focus:ring-4 focus:ring-primary-weak`,`aria-invalid:border-danger-strong aria-invalid:ring-danger-weak`,`aria-readonly:pointer-events-none`,`aria-readonly:[&_div]:bg-muted`,`aria-readonly:[&_svg]:fill-muted-weak`,`aria-readonly:[&_svg]:text-muted-weak`,e),...t,children:o(R.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center bg-primary`,children:[a(`div`,{className:`absolute size-4 rounded-full bg-primary`}),a(g,{className:`-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative`})]})})}const Ie=({label:e,description:t,orientation:n,options:r,helperText:s})=>{let c=Q(),l=B(c.form.store,({isSubmitting:e})=>e);return o(V,{className:`px-4`,children:[o(H,{orientation:n,className:`flex-col gap-2`,children:[o(U,{children:[a(G,{children:e}),a(q,{children:t}),a(J,{isShow:!!s,children:s})]}),a(W,{children:a(Pe,{defaultValue:c.state.value??void 0,className:`w-full`,onValueChange:c.handleChange,children:r.map(e=>a(G,{className:i(`h-fit`,c.state.value===e.value&&`border-primary-weak! bg-primary-bg-subtle`,l&&`pointer-events-none bg-muted-muted opacity-60`,c.state.value===e.value&&l&&`border-border-strong!`),children:o(H,{orientation:`horizontal`,className:`justify-between rounded p-2!`,children:[o(U,{className:`gap-1!`,children:[a(K,{children:e.label}),a(q,{className:`text-xs`,children:e.description})]}),a(Fe,{value:e.value})]})},e.value))})})]}),a(Y,{})]})};function Le({...e}){return a(z.Root,{"data-slot":`select`,...e})}function Re({...e}){return a(z.Value,{"data-slot":`select-value`,...e})}function ze({className:e,children:t,...n}){return o(z.Trigger,{"data-slot":`select-trigger`,className:i(`flex w-full items-center justify-between`,`-outline-offset-1 outline-1 outline-border`,`gap-2 rounded bg-transparent px-3 py-2`,`rounded shadow-input transition-all`,`cursor-pointer whitespace-nowrap text-sm`,`focus-visible:text-text-positive-strong`,`focus-visible:outline-primary-strong`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-4`,`data-[state=open]:ring-primary-weak`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`aria-invalid:data-[state=open]:outline-danger-strong`,`aria-invalid:data-[state=open]:ring-danger-weak`,`data-placeholder:text-text-positive-muted`,`*:data-[slot=select-value]:line-clamp-1`,`*:data-[slot=select-value]:flex`,`*:data-[slot=select-value]:items-center`,`*:data-[slot=select-value]:gap-2`,`aria-readonly:bg-muted-muted`,`aria-readonly:cursor-default`,`aria-readonly:focus:outline-none`,`aria-readonly:ring-0`,`aria-readonly:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-muted-foreground`,e),...n,children:[t,a(z.Icon,{asChild:!0,children:a(f,{size:16,opacity:50})})]})}function Be({className:e,children:t,position:n=`popper`,...r}){return a(z.Portal,{"data-slot":`select-portal`,children:o(z.Content,{"data-slot":`select-content`,className:i(`relative z-50 min-w-32 overflow-y-auto overflow-x-hidden rounded shadow-dropdown duration-300`,`bg-white`,`w-(--radix-select-trigger-width)`,`max-h-(--radix-select-content-available-height)`,`origin-(--radix-select-content-transform-origin)`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-8`,`data-[side=left]:slide-in-from-right-8`,`data-[side=right]:slide-in-from-left-8`,`data-[side=top]:slide-in-from-bottom-8`,n===`popper`&&`data-[side=bottom]:translate-y-1`,n===`popper`&&`data-[side=left]:-translate-x-1`,n===`popper`&&`data-[side=right]:translate-x-1`,n===`popper`&&`data-[side=top]:-translate-y-1`,e),position:n,style:{maxHeight:`var(--radix-select-content-available-height)`},...r,children:[a(He,{}),a(z.Viewport,{className:i(`p-1`,n===`popper`&&`h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1`),children:t}),a(Ue,{})]})})}function Ve({className:e,children:t,...n}){return o(z.Item,{"data-slot":`select-item`,className:i(`relative flex select-none items-center border border-transparent`,`gap-2 rounded py-2.5 pr-8 pl-2`,`w-full`,`cursor-pointer outline-none transition-colors`,`font-medium text-sm text-text-positive-weak`,`focus:border-border-weak`,`focus:bg-linear-to-b`,`focus:from-muted-bg-subtle`,`focus:to-muted-muted`,`data-disabled:opacity-50`,`data-disabled:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`*:[span]:last:flex`,`*:[span]:last:items-center`,`*:[span]:last:gap-2`,e),...n,children:[a(z.ItemText,{children:t}),a(`span`,{className:`absolute right-2 flex size-3.5 items-center justify-center`,children:a(z.ItemIndicator,{children:a(d,{size:16})})})]})}function He({className:e,...t}){return a(z.ScrollUpButton,{"data-slot":`select-scroll-up-button`,className:i(`flex cursor-default items-center justify-center py-1`,e),...t,children:a(h,{size:16})})}function Ue({className:e,...t}){return a(z.ScrollDownButton,{"data-slot":`select-scroll-down-button`,className:i(`flex cursor-default items-center justify-center py-1`,e),...t,children:a(f,{size:16})})}const We=({label:e,description:t,placeholder:n,orientation:r=`responsive`,options:i,helperText:s,required:c=!1})=>{let l=Q(),u=D(()=>l.state.meta.isTouched&&!l.state.meta.isValid,[l.state.meta.isTouched,l.state.meta.isValid]),d=D(()=>c?l.state.value===null:!1,[c,l.state.value]),f=D(()=>l.state.meta.errors,[l.state.meta.errors]);return o(V,{className:`gap-y-4 px-4`,children:[o(H,{orientation:r,"data-invalid":l.state.meta.isTouched&&!l.state.meta.isValid,children:[o(U,{children:[a(G,{htmlFor:l.name,"aria-required":d,children:e}),a(q,{children:t})]}),o(W,{className:`flex flex-col`,children:[o(Le,{defaultValue:l.state.value??void 0,onValueChange:l.handleChange,children:[a(ze,{"aria-invalid":u?`true`:void 0,onBlur:l.handleBlur,children:a(Re,{placeholder:n})}),o(Be,{children:[!!i.length&&i.map(e=>a(Ve,{value:e.value,children:e.label},e.value)),!i.length&&o(`div`,{className:`flex items-center justify-center gap-x-2 rounded border border-border bg-muted-muted px-4 py-6.5 text-center text-sm text-text-positive-weak`,children:[a(x,{strokeWidth:1}),`No options available`]})]})]}),a(`div`,{className:`mt-1 flex w-full flex-col items-end justify-end`,children:a(X,{errors:f})}),a(J,{isShow:!!s,children:s})]})]}),a(Y,{})]})};function Ge({className:e,...t}){return a(ae.Root,{"data-slot":`switch`,className:i(`peer`,`w-8 shrink-0 cursor-pointer items-center rounded-full shadow-xs transition-all`,`inline-flex h-5`,`focus-visible:border-primary-strong`,`focus-visible:ring-primary-weak`,`focus-visible:ring-4`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`-outline-offset-1 inset-shadow-2xs outline-1`,`data-[state=checked]:bg-primary`,`data-[state=checked]:outline-primary-strong`,`data-[state=unchecked]:bg-muted-weak`,`data-[state=unchecked]:outline-border`,`data-[state=unchecked]:[&_span]:size-4`,`data-[state=unchecked]:[&_span]:translate-x-0.5`,`data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5`,e),...t,children:a(ae.Thumb,{"data-slot":`switch-thumb`,className:i(`block size-4 bg-card shadow-xs`,`pointer-events-none rounded-full ring-0 transition-transform`,`data-[state=checked]:translate-x-[calc(100%-3px)]`,`data-[state=unchecked]:translate-x-0`)})})}const Ke=({label:e,description:t,helperText:n})=>{let r=Q();return o(V,{className:`gap-y-4 px-4`,children:[o(H,{orientation:`vertical`,className:`relative justify-between gap-y-1`,children:[o(U,{children:[a(K,{className:`cursor-pointer`,children:a(`label`,{htmlFor:r.name,children:e})}),a(q,{children:t}),a(Ge,{id:r.name,checked:r.state.value??!1,className:`absolute top-1 right-1`,onBlur:r.handleBlur,onCheckedChange:r.handleChange})]}),a(J,{isShow:!!n,children:n})]}),a(Y,{})]})},qe=({label:e,description:t,placeholder:n,counter:r=!1,helperText:s,orientation:c=`responsive`,showClearButton:u=!1,showErrorMessage:d=!0,required:f=!1,maxLength:p})=>{let{form:m,name:h,state:g,handleBlur:_,handleChange:v}=Q(),y=B(m.store,({isSubmitting:e})=>e),x=D(()=>u&&!y,[u,y]),S=D(()=>g.value?g.value.length:0,[g.value]),w=D(()=>{if(!r)return``;let e=`character${[0,1].includes(S)?``:`s`}`;return r&&p?`${S} / ${p} ${e}`:`${S} ${e}`},[S,r,p]),E=D(()=>g.meta.isTouched&&!g.meta.isValid,[g.meta.isTouched,g.meta.isValid]),O=D(()=>f?g.value===null:!1,[f,g.value]),k=T(({target:{value:e}})=>{y||r&&p&&e.length>p||v(e||null)},[y,r,p,v]),A=T(()=>{y||v(``)},[y,v]);return o(V,{className:`gap-y-4 px-4`,children:[o(H,{orientation:c,"data-invalid":E,children:[o(U,{children:[a(G,{"aria-required":O,htmlFor:h,children:e}),a(q,{children:t})]}),o(W,{children:[a(Z,{id:h,name:h,value:g.value===null?``:g.value,"aria-invalid":E,autoComplete:`off`,placeholder:n,className:i(y&&`pointer-events-none bg-muted-muted opacity-60`),onBlur:_,onChange:k}),x&&!g.meta.errors.length&&a(`button`,{type:`button`,"aria-label":`Clear`,className:`absolute inset-y-0 end-0 top-3 flex h-fit w-8 cursor-pointer items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:text-text-positive-strong`,onClick:A,children:a(C,{size:14,"aria-hidden":`true`})}),y&&a(`div`,{className:`absolute inset-y-0 end-2 top-2.5 text-muted-weak`,children:a(b,{size:14,className:`animate-spin text-primary-strong`})}),d&&!!g.meta.errors.length&&a(`div`,{className:`absolute inset-y-0 end-2 top-2.5 text-danger-strong`,children:a(l,{size:14})}),o(`div`,{className:`mt-1 flex w-full items-start justify-end *:basis-1/2`,children:[d&&a(X,{errors:g.meta.errors}),!!r&&a(`p`,{className:`text-end text-text-positive-weak text-xs tabular-nums leading-3.5`,children:w})]}),a(J,{isShow:!!s,children:s})]})]}),a(Y,{})]})};function Je({className:e,onChange:t,onValueChange:n,...r}){let o=T(e=>{t?.(e),n?.(e.target.value)},[t,n]);return a(`textarea`,{"data-slot":`textarea`,className:i(`flex min-h-24 w-full bg-transparent px-3 py-2`,`rounded shadow-input transition-[color,box-shadow] duration-200`,`resize-y text-sm text-text-positive-weak tabular-nums caret-primary`,`-outline-offset-1 outline-1 outline-border`,`placeholder:text-text-positive-muted`,`focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`disabled:cursor-not-allowed disabled:opacity-50`,`disabled:pointer-events-none`,`disabled:border-border-weak/50 disabled:bg-secondary-muted/10`,e),...r,onChange:o})}const Ye=({label:e,description:t,placeholder:n,orientation:r=`responsive`,counter:s,helperText:c,showErrorMessage:u=!0,required:d=!1,maxLength:f})=>{let{form:p,state:m,name:h,handleBlur:g,handleChange:_}=Q(),v=B(p.store,({isSubmitting:e})=>e),y=D(()=>m.value?m.value.length:0,[m.value]),x=D(()=>{if(!s)return``;let e=`character${[0,1].includes(y)?``:`s`}`;return s&&f?`${y} / ${f} ${e}`:`${y} ${e}`},[y,s,f]),S=D(()=>m.meta.isTouched&&!m.meta.isValid,[m.meta.isTouched,m.meta.isValid]),C=D(()=>m.meta.errors,[m.meta.errors]),w=D(()=>d?m.value===null:!1,[d,m.value]),E=T(({target:{value:e}})=>{v||s&&f&&e.length>f||_(e||null)},[v,s,f,_]);return o(V,{className:`px-4`,children:[o(H,{orientation:r,"data-invalid":S,children:[o(U,{children:[a(G,{"aria-required":w,htmlFor:h,children:e}),a(q,{children:t})]}),o(W,{children:[a(Je,{id:h,name:h,value:m.value===null?``:m.value,"aria-invalid":S,autoComplete:`off`,placeholder:n,className:i(v&&`pointer-events-none bg-muted-muted opacity-60`),onChange:E,onBlur:g}),v&&a(`div`,{className:`absolute inset-y-0 end-2 top-2.5 text-muted-weak`,children:a(b,{size:14,className:`animate-spin text-primary-strong`})}),u&&!!C.length&&a(`div`,{className:`absolute inset-y-0 end-2 top-2.5 text-danger-strong`,children:a(l,{size:14})}),o(`div`,{className:`mt-1 flex w-full items-start justify-end *:basis-1/2`,children:[u&&a(X,{errors:C}),!!s&&a(`p`,{className:`text-end text-text-positive-weak text-xs`,children:x})]}),a(J,{isShow:!!c,children:c})]})]}),a(Y,{})]})},Xe=({label:e,className:n})=>{let r=$(),o=T(async()=>{await r.handleSubmit({submitAction:`submit`}),r.state.isSubmitSuccessful&&r.reset()},[r]);return a(r.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:r,isSubmitting:s})=>a(t,{type:`button`,size:`md`,disabled:r,isLoading:s,className:i(`min-w-32`,n),onClick:o,children:e??`Submit`})})},Ze=({type:e=`create`})=>{let n=$();return o(`div`,{className:`flex h-8 items-center justify-between`,children:[a(n.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:e})=>a(t,{color:`muted`,variant:`outline`,type:`button`,size:`md`,disabled:e,className:`h-full min-w-32`,onClick:()=>n.reset(),children:`Cancel`})}),e===`create`&&a(n.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:e,isSubmitting:r})=>o(t,{type:`submit`,size:`md`,disabled:e,isLoading:r,className:`h-full min-w-32`,onClick:async()=>{await n.handleSubmit({submitAction:`create`}),n.state.isSubmitSuccessful&&n.reset()},children:[a(S,{}),`Add New`]})}),e===`update`&&a(n.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:e,isSubmitting:r})=>o(t,{type:`submit`,size:`md`,disabled:e,isLoading:r,className:`h-full min-w-32`,onClick:async()=>{await n.handleSubmit({submitAction:`update`}),n.state.isSubmitSuccessful&&n.reset()},children:[a(s,{}),`Update`]})})]})};function Qe({className:e,orientation:t=`horizontal`,decorative:n=!0,...r}){return a(ie.Root,{"data-slot":`separator`,decorative:n,orientation:t,className:i(`shrink-0 bg-border-weak`,`data-[orientation=horizontal]:h-px`,`data-[orientation=horizontal]:w-full`,`data-[orientation=vertical]:h-full`,`data-[orientation=vertical]:w-px`,e),...r})}const $e=({title:e,description:t,children:n})=>o(`section`,{"data-slot":`card-form`,className:`flex flex-col rounded-md bg-card pb-4 shadow-card ring-3 ring-border-muted`,children:[o(`div`,{"data-slot":`card-form-header`,className:`flex flex-col space-y-1 p-4`,children:[a(`p`,{className:`font-semibold text-lg`,children:e}),!!t&&a(`p`,{className:`text-muted text-sm`,children:t})]}),a(Qe,{}),a(`div`,{"data-slot":`card-form-main`,className:`flex flex-col space-y-4 py-4`,children:n})]}),et=({children:e})=>a(`div`,{"data-slot":`section-form`,className:`flex flex-col space-y-4`,children:e}),tt=({...e})=>a(`button`,{...e,type:`button`,style:{"corner-shape":`squircle`},className:`min-w-40 cursor-pointer rounded-xl border border-border bg-linear-to-b from-white/80 to-white px-4 py-2 font-semibold text-sm text-text-positive shadow-[0_2px_4px_var(--border)] outline-none transition-all hover:opacity-90 focus:border-border focus:ring-3 focus:ring-border/80 focus:ring-offset-2 focus:drop-shadow-none disabled:pointer-events-none disabled:opacity-60 disabled:drop-shadow-none`,children:`Cancel`});function nt({...e}){return a(I.Root,{"data-slot":`dialog`,...e})}function rt({...e}){return a(I.Portal,{"data-slot":`dialog-portal`,...e})}function it({className:e,...t}){return a(I.Overlay,{"data-slot":`dialog-overlay`,className:i(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,e),...t})}function at({className:e,children:t,showCloseButton:r=!0,...s}){return o(rt,{"data-slot":`dialog-portal`,children:[a(it,{className:`backdrop-blur-sm`}),o(I.Content,{"data-slot":`dialog-content`,className:i(`relative z-50 grid bg-background`,`gap-4 p-6 shadow-dialog outline-none`,`max-h-[85dvh] w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`rounded-2xl duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-80`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-80`,`-translate-x-1/2 -translate-y-1/2 fixed top-1/2 left-1/2`,e),...s,children:[t,r&&a(I.Close,{"data-slot":`dialog-close`,tabIndex:-1,asChild:!0,className:`absolute top-3 right-3`,children:a(n,{})})]})]})}function ot({className:e,...t}){return a(`div`,{"data-slot":`dialog-header`,className:i(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function st({className:e,...t}){return a(`div`,{"data-slot":`dialog-footer`,className:i(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function ct({className:e,...t}){return a(I.Title,{"data-slot":`dialog-title`,className:i(`font-semibold text-lg text-text-positive-strong leading-none`,e),...t})}const lt=({isSubmitting:e,...t})=>a(`button`,{...t,type:`button`,"data-loading":e?`true`:void 0,style:{"corner-shape":`squircle`},className:`relative min-h-9.5 min-w-40 cursor-pointer rounded-xl border border-primary-strong bg-linear-to-b from-primary/60 to-primary px-4 py-2 font-semibold text-sm text-text-negative outline-none drop-shadow-[0_2px_4px_var(--primary)] transition-all hover:opacity-90 focus:border-transparent focus:ring-3 focus:ring-primary/80 focus:ring-offset-2 focus:drop-shadow-none disabled:pointer-events-none disabled:opacity-60 disabled:drop-shadow-none data-[loading=true]:pointer-events-none data-[loading=true]:opacity-80`,children:e?a(y,{size:16,strokeWidth:3,className:`-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 z-10 animate-spin`}):`Submit`}),ut=({title:e,open:t,onOpenChange:n,children:i})=>{let s=$(),c=T(e=>{e||s.reset(),n?.(e)},[s.reset,n]);return a(nt,{open:t,onOpenChange:c,children:o(at,{className:`gap-0 rounded-sm p-0 sm:max-w-2xl`,children:[a(ot,{className:`flex items-center justify-center px-4 py-6`,children:a(ct,{className:`font-medium`,children:e})}),a(r,{}),a(`div`,{className:`relative flex flex-col space-y-4 p-4 pt-6`,children:i}),a(r,{}),o(st,{className:`justify-between! flex items-center px-6 py-4`,children:[a(s.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:e})=>a(tt,{disabled:e,onClick:()=>{s.reset(),c(!1)}})}),a(s.Subscribe,{selector:e=>({isSubmitting:e.isSubmitting,disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit}),children:({isSubmitting:e,disabled:t})=>a(lt,{isSubmitting:e,disabled:t})})]})]})})},dt=({title:e,open:t,onOpenChange:r,children:s})=>{let c=$();return a(nt,{open:t,onOpenChange:r,children:o(rt,{"data-slot":`dialog-portal`,children:[a(I.Overlay,{"data-slot":`dialog-overlay`,className:i(`fixed inset-0 z-40 bg-black/50 backdrop-blur-sm`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out`)}),a(I.Content,{"data-slot":`dialog-content`,className:i(`fixed top-4 right-4 z-50 h-[calc(100dvh-2rem)] min-w-sm max-w-xl rounded-md bg-background drop-shadow-lg`,`duration-300`,`data-[state=open]:animate-in`,`data-[state=open]:slide-in-from-right`,`data-[state=open]:fade-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:slide-out-to-right`,`data-[state=closed]:fade-out`),children:o(`section`,{className:`relative flex size-full flex-col`,children:[a(`header`,{className:`flex h-14 items-center border-border border-b px-4`,children:a(`h2`,{className:`font-semibold text-lg text-primary-strong`,children:e})}),a(`div`,{className:`flex-1 overflow-y-auto py-4`,children:s}),o(`div`,{className:`flex flex-col space-y-4 border-border border-t px-4 py-2`,children:[a(c.Subscribe,{selector:e=>({isSubmitting:e.isSubmitting,disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit}),children:({isSubmitting:e,disabled:t})=>a(lt,{isSubmitting:e,disabled:t,className:`w-full`})}),a(c.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:e})=>a(tt,{disabled:e,className:`w-full`,onClick:()=>{c.reset(),r?.(!1)}})})]}),a(I.Close,{asChild:!0,children:a(n,{className:`absolute top-2 right-2`})})]})})]})})},ft=({children:e})=>a(`header`,{"data-slot":`section-header`,className:`px-4 pt-2.5 pb-2 font-medium text-base text-primary-strong`,children:e}),pt=({children:e})=>a(`main`,{"data-slot":`section-main`,className:`relative flex flex-col space-y-4 py-4`,children:e}),mt=({title:e,children:t})=>o(`section`,{"data-slot":`section-form`,className:`flex flex-col rounded-md bg-background shadow-card ring-3 ring-border-muted`,children:[a(ft,{children:e}),a(Qe,{}),a(pt,{children:t})]}),ht=({title:e,description:t,helperText:n})=>o(V,{className:`gap-y-4 px-4`,children:[o(H,{className:`gap-0`,children:[o(U,{children:[a(ge,{className:`mb-1`,children:e}),a(q,{children:t})]}),a(J,{isShow:!!n,children:n})]}),a(Y,{})]}),{fieldContext:gt,formContext:_t,useFieldContext:Q,useFormContext:$}=se(),{useAppForm:vt,withForm:yt,withFieldGroup:bt}=oe({fieldContext:gt,formContext:_t,fieldComponents:{TextField:qe,TextareaField:Ye,NumberField:Me,EmailField:De,PasswordField:Ne,SelectField:We,DateField:Ee,SwitchField:Ke,RadioGroupField:Ie,CheckboxField:_e},formComponents:{TanStackDialogForm:ut,TanStackPopoverForm:dt,TanStackContainerForm:et,TanStackSectionForm:mt,TanStackCardForm:$e,TanStackTitleField:ht,TanStackActionsForm:Ze,TanStackActionSubmit:Xe}});export{Q as useTanStackFieldContext,vt as useTanStackForm,$ as useTanStackFormContext,bt as withTanStackFieldGroup,yt as withTanStackForm};
 //# sourceMappingURL=index.mjs.map

package/dist/{image-BwbAQRxx.mjs → image-CbKDFah7.mjs}

@@ -1,2 +1,2 @@
-import{t as e}from"./skeleton-CvZncisJ.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{AlertCircleIcon as i}from"lucide-react";import{useCallback as a,useRef as o,useState as s}from"react";const c=({src:c,alt:l,width:u,height:d,maxRetries:f=3,retryDelay:p=500,className:m,imageClassName:h,onClick:g})=>{let _=o(null),[v,y]=s(c),[b,x]=s(0),[S,C]=s(!1),[w,T]=s(!1),E=a(()=>{C(!0)},[]),D=a(()=>{if(b<f){T(!1);let e=b+1;x(e),setTimeout(()=>{y(c+`?retry=${Date.now()}&attempt=${e}`)},p*e);return}T(!0),C(!0),y(c)},[f,b,p,c]);return w?n(`div`,{style:{width:u,height:d},className:t(`@container relative inline-block`,m),children:r(`div`,{className:`bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md`,children:[n(i,{className:`text-danger size-8 @max-[52px]:size-6`}),n(`span`,{className:`text-danger-weak text-center text-xs @max-[96px]:sr-only`,children:`Image failed to load`})]})}):r(`div`,{style:{width:u,height:d},className:t(`relative flex items-center justify-center overflow-hidden rounded-md`,m),onClick:g,children:[!S&&n(e,{className:`absolute inset-0 flex size-full animate-pulse items-center justify-center`}),n(`img`,{src:v,className:`absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60`}),n(`img`,{id:v,ref:_,src:v,alt:l,loading:`lazy`,className:t(`shadow-card relative h-[120%] w-auto object-cover transition-opacity duration-300`,S&&`opacity-100`,!S&&`pointer-events-none opacity-0`,h),onLoad:E,onError:D})]})};export{c as t};
-//# sourceMappingURL=image-BwbAQRxx.mjs.map
+import{t as e}from"./skeleton-CvZncisJ.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{AlertCircleIcon as i}from"lucide-react";import{useCallback as a,useRef as o,useState as s}from"react";const c=({src:c,alt:l,width:u,height:d,maxRetries:f=3,retryDelay:p=500,className:m,imageClassName:h,onClick:g})=>{let _=o(null),[v,y]=s(c),[b,x]=s(0),[S,C]=s(!1),[w,T]=s(!1),E=a(()=>{C(!0)},[]),D=a(()=>{if(b<f){T(!1);let e=b+1;x(e),setTimeout(()=>{y(c+`?retry=${Date.now()}&attempt=${e}`)},p*e);return}T(!0),C(!0),y(c)},[f,b,p,c]);return w?n(`div`,{style:{width:u,height:d},className:t(`@container relative inline-block`,m),children:r(`div`,{className:`flex size-full flex-col items-center justify-center gap-y-2 rounded-md bg-danger-muted shadow-card`,children:[n(i,{className:`@max-[52px]:size-6 size-8 text-danger`}),n(`span`,{className:`@max-[96px]:sr-only text-center text-danger-weak text-xs`,children:`Image failed to load`})]})}):r(`div`,{style:{width:u,height:d},className:t(`relative flex items-center justify-center overflow-hidden rounded-md`,m),onClick:g,children:[!S&&n(e,{className:`absolute inset-0 flex size-full animate-pulse items-center justify-center`}),n(`img`,{src:v,className:`absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60`}),n(`img`,{id:v,ref:_,src:v,alt:l,loading:`lazy`,className:t(`relative h-6/5 w-auto object-cover shadow-card transition-opacity duration-300`,S&&`opacity-100`,!S&&`pointer-events-none opacity-0`,h),onLoad:E,onError:D})]})};export{c as t};
+//# sourceMappingURL=image-CbKDFah7.mjs.map

package/dist/{image-BwbAQRxx.mjs.map → image-CbKDFah7.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"image-BwbAQRxx.mjs","names":["Image: React.FC<Props>"],"sources":["../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { AlertCircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Skeleton } from './skeleton';\n\ntype Props = {\n  src?: string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  maxRetries?: number;\n  retryDelay?: number;\n  className?: string;\n  imageClassName?: string;\n  onClick?: () => void;\n};\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, className, imageClassName, onClick }) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [currentSrc, setCurrentSrc] = useState<string | undefined>(src);\n  const [retryCount, setRetryCount] = useState<number>(0);\n  const [isLoaded, setIsLoaded] = useState<boolean>(false);\n  const [hasError, setHasError] = useState<boolean>(false);\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true);\n  }, []);\n\n  const handleError = useCallback(() => {\n    if (retryCount < maxRetries) {\n      // imageRef.current?.style.setProperty('display', 'none')\n      setHasError(false);\n      const newRetryCount = retryCount + 1;\n      setRetryCount(newRetryCount);\n\n      // Retry with exponential backoff and cache busting\n      setTimeout(() => {\n        const cacheBuster = `?retry=${Date.now()}&attempt=${newRetryCount}`;\n        setCurrentSrc(src + cacheBuster);\n      }, retryDelay * newRetryCount);\n      return;\n    }\n\n    setHasError(true);\n    setIsLoaded(true);\n    setCurrentSrc(src);\n  }, [maxRetries, retryCount, retryDelay, src]);\n\n  if (hasError) {\n    return (\n      <div style={{ width, height }} className={cn('@container relative inline-block', className)}>\n        <div className=\"bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md\">\n          <AlertCircleIcon className=\"text-danger size-8 @max-[52px]:size-6\" />\n          <span className=\"text-danger-weak text-center text-xs @max-[96px]:sr-only\">Image failed to load</span>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ width, height }} className={cn('relative flex items-center justify-center overflow-hidden rounded-md', className)} onClick={onClick}>\n      {!isLoaded && <Skeleton className=\"absolute inset-0 flex size-full animate-pulse items-center justify-center\" />}\n      <img src={currentSrc} className=\"absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60\" />\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'shadow-card relative h-[120%] w-auto object-cover transition-opacity duration-300',\n          isLoaded && 'opacity-100',\n          !isLoaded && 'pointer-events-none opacity-0',\n          imageClassName\n        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  );\n};\n"],"mappings":"+PAmBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,YAAW,iBAAgB,aAAc,CAC3I,IAAM,EAAW,EAAyB,KAAK,CACzC,CAAC,EAAY,GAAiB,EAA6B,EAAI,CAC/D,CAAC,EAAY,GAAiB,EAAiB,EAAE,CACjD,CAAC,EAAU,GAAe,EAAkB,GAAM,CAClD,CAAC,EAAU,GAAe,EAAkB,GAAM,CAElD,EAAa,MAAkB,CACnC,EAAY,GAAK,EAChB,EAAE,CAAC,CAEA,EAAc,MAAkB,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,GAAM,CAClB,IAAM,EAAgB,EAAa,EACnC,EAAc,EAAc,CAG5B,eAAiB,CAEf,EAAc,EADM,UAAU,KAAK,KAAK,CAAC,WAAW,IACpB,EAC/B,EAAa,EAAc,CAC9B,OAGF,EAAY,GAAK,CACjB,EAAY,GAAK,CACjB,EAAc,EAAI,EACjB,CAAC,EAAY,EAAY,EAAY,EAAI,CAAC,CAa7C,OAXI,EAEA,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,UAAW,EAAG,mCAAoC,EAAU,UACzF,EAAC,MAAA,CAAI,UAAU,+GACb,EAAC,EAAA,CAAgB,UAAU,wCAAA,CAA0C,CACrE,EAAC,OAAA,CAAK,UAAU,oEAA2D,wBAA2B,CAAA,EAClG,EACF,CAKR,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,UAAW,EAAG,uEAAwE,EAAU,CAAW,oBACvI,CAAC,GAAY,EAAC,EAAA,CAAS,UAAU,4EAAA,CAA8E,CAChH,EAAC,MAAA,CAAI,IAAK,EAAY,UAAU,+EAAgF,CAChH,EAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,UAAW,EACT,oFACA,GAAY,cACZ,CAAC,GAAY,gCACb,EACD,CACD,OAAQ,EACR,QAAS,GACT,GACE"}
+{"version":3,"file":"image-CbKDFah7.mjs","names":["Image: React.FC<Props>"],"sources":["../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { AlertCircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Skeleton } from './skeleton';\n\ntype Props = {\n  src?: string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  maxRetries?: number;\n  retryDelay?: number;\n  className?: string;\n  imageClassName?: string;\n  onClick?: () => void;\n};\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, className, imageClassName, onClick }) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [currentSrc, setCurrentSrc] = useState<string | undefined>(src);\n  const [retryCount, setRetryCount] = useState<number>(0);\n  const [isLoaded, setIsLoaded] = useState<boolean>(false);\n  const [hasError, setHasError] = useState<boolean>(false);\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true);\n  }, []);\n\n  const handleError = useCallback(() => {\n    if (retryCount < maxRetries) {\n      // imageRef.current?.style.setProperty('display', 'none')\n      setHasError(false);\n      const newRetryCount = retryCount + 1;\n      setRetryCount(newRetryCount);\n\n      // Retry with exponential backoff and cache busting\n      setTimeout(() => {\n        const cacheBuster = `?retry=${Date.now()}&attempt=${newRetryCount}`;\n        setCurrentSrc(src + cacheBuster);\n      }, retryDelay * newRetryCount);\n      return;\n    }\n\n    setHasError(true);\n    setIsLoaded(true);\n    setCurrentSrc(src);\n  }, [maxRetries, retryCount, retryDelay, src]);\n\n  if (hasError) {\n    return (\n      <div style={{ width, height }} className={cn('@container relative inline-block', className)}>\n        <div className=\"flex size-full flex-col items-center justify-center gap-y-2 rounded-md bg-danger-muted shadow-card\">\n          <AlertCircleIcon className=\"@max-[52px]:size-6 size-8 text-danger\" />\n          <span className=\"@max-[96px]:sr-only text-center text-danger-weak text-xs\">Image failed to load</span>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ width, height }} className={cn('relative flex items-center justify-center overflow-hidden rounded-md', className)} onClick={onClick}>\n      {!isLoaded && <Skeleton className=\"absolute inset-0 flex size-full animate-pulse items-center justify-center\" />}\n      <img src={currentSrc} className=\"absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60\" />\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'relative h-6/5 w-auto object-cover shadow-card transition-opacity duration-300',\n          isLoaded && 'opacity-100',\n          !isLoaded && 'pointer-events-none opacity-0',\n          imageClassName\n        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  );\n};\n"],"mappings":"+PAmBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,YAAW,iBAAgB,aAAc,CAC3I,IAAM,EAAW,EAAyB,KAAK,CACzC,CAAC,EAAY,GAAiB,EAA6B,EAAI,CAC/D,CAAC,EAAY,GAAiB,EAAiB,EAAE,CACjD,CAAC,EAAU,GAAe,EAAkB,GAAM,CAClD,CAAC,EAAU,GAAe,EAAkB,GAAM,CAElD,EAAa,MAAkB,CACnC,EAAY,GAAK,EAChB,EAAE,CAAC,CAEA,EAAc,MAAkB,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,GAAM,CAClB,IAAM,EAAgB,EAAa,EACnC,EAAc,EAAc,CAG5B,eAAiB,CAEf,EAAc,EADM,UAAU,KAAK,KAAK,CAAC,WAAW,IACpB,EAC/B,EAAa,EAAc,CAC9B,OAGF,EAAY,GAAK,CACjB,EAAY,GAAK,CACjB,EAAc,EAAI,EACjB,CAAC,EAAY,EAAY,EAAY,EAAI,CAAC,CAa7C,OAXI,EAEA,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,UAAW,EAAG,mCAAoC,EAAU,UACzF,EAAC,MAAA,CAAI,UAAU,+GACb,EAAC,EAAA,CAAgB,UAAU,wCAAA,CAA0C,CACrE,EAAC,OAAA,CAAK,UAAU,oEAA2D,wBAA2B,CAAA,EAClG,EACF,CAKR,EAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,UAAW,EAAG,uEAAwE,EAAU,CAAW,oBACvI,CAAC,GAAY,EAAC,EAAA,CAAS,UAAU,4EAAA,CAA8E,CAChH,EAAC,MAAA,CAAI,IAAK,EAAY,UAAU,+EAAgF,CAChH,EAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,UAAW,EACT,iFACA,GAAY,cACZ,CAAC,GAAY,gCACb,EACD,CACD,OAAQ,EACR,QAAS,GACT,GACE"}

package/dist/{image-C-XEJWcw.cjs → image-D5vQS72z.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./skeleton-C4suljHP.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`lucide-react`),a=require(`react`);const o=({src:e,alt:o,width:s,height:c,maxRetries:l=3,retryDelay:u=500,className:d,imageClassName:f,onClick:p})=>{let m=(0,a.useRef)(null),[h,g]=(0,a.useState)(e),[_,v]=(0,a.useState)(0),[y,b]=(0,a.useState)(!1),[x,S]=(0,a.useState)(!1),C=(0,a.useCallback)(()=>{b(!0)},[]),w=(0,a.useCallback)(()=>{if(_<l){S(!1);let t=_+1;v(t),setTimeout(()=>{g(e+`?retry=${Date.now()}&attempt=${t}`)},u*t);return}S(!0),b(!0),g(e)},[l,_,u,e]);return x?(0,r.jsx)(`div`,{style:{width:s,height:c},className:(0,n.cn)(`@container relative inline-block`,d),children:(0,r.jsxs)(`div`,{className:`bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md`,children:[(0,r.jsx)(i.AlertCircleIcon,{className:`text-danger size-8 @max-[52px]:size-6`}),(0,r.jsx)(`span`,{className:`text-danger-weak text-center text-xs @max-[96px]:sr-only`,children:`Image failed to load`})]})}):(0,r.jsxs)(`div`,{style:{width:s,height:c},className:(0,n.cn)(`relative flex items-center justify-center overflow-hidden rounded-md`,d),onClick:p,children:[!y&&(0,r.jsx)(t.t,{className:`absolute inset-0 flex size-full animate-pulse items-center justify-center`}),(0,r.jsx)(`img`,{src:h,className:`absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60`}),(0,r.jsx)(`img`,{id:h,ref:m,src:h,alt:o,loading:`lazy`,className:(0,n.cn)(`shadow-card relative h-[120%] w-auto object-cover transition-opacity duration-300`,y&&`opacity-100`,!y&&`pointer-events-none opacity-0`,f),onLoad:C,onError:w})]})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
-//# sourceMappingURL=image-C-XEJWcw.cjs.map
+const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./skeleton-C4suljHP.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`lucide-react`),a=require(`react`);const o=({src:e,alt:o,width:s,height:c,maxRetries:l=3,retryDelay:u=500,className:d,imageClassName:f,onClick:p})=>{let m=(0,a.useRef)(null),[h,g]=(0,a.useState)(e),[_,v]=(0,a.useState)(0),[y,b]=(0,a.useState)(!1),[x,S]=(0,a.useState)(!1),C=(0,a.useCallback)(()=>{b(!0)},[]),w=(0,a.useCallback)(()=>{if(_<l){S(!1);let t=_+1;v(t),setTimeout(()=>{g(e+`?retry=${Date.now()}&attempt=${t}`)},u*t);return}S(!0),b(!0),g(e)},[l,_,u,e]);return x?(0,r.jsx)(`div`,{style:{width:s,height:c},className:(0,n.cn)(`@container relative inline-block`,d),children:(0,r.jsxs)(`div`,{className:`flex size-full flex-col items-center justify-center gap-y-2 rounded-md bg-danger-muted shadow-card`,children:[(0,r.jsx)(i.AlertCircleIcon,{className:`@max-[52px]:size-6 size-8 text-danger`}),(0,r.jsx)(`span`,{className:`@max-[96px]:sr-only text-center text-danger-weak text-xs`,children:`Image failed to load`})]})}):(0,r.jsxs)(`div`,{style:{width:s,height:c},className:(0,n.cn)(`relative flex items-center justify-center overflow-hidden rounded-md`,d),onClick:p,children:[!y&&(0,r.jsx)(t.t,{className:`absolute inset-0 flex size-full animate-pulse items-center justify-center`}),(0,r.jsx)(`img`,{src:h,className:`absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60`}),(0,r.jsx)(`img`,{id:h,ref:m,src:h,alt:o,loading:`lazy`,className:(0,n.cn)(`relative h-6/5 w-auto object-cover shadow-card transition-opacity duration-300`,y&&`opacity-100`,!y&&`pointer-events-none opacity-0`,f),onLoad:C,onError:w})]})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=image-D5vQS72z.cjs.map

package/dist/{image-C-XEJWcw.cjs.map → image-D5vQS72z.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"image-C-XEJWcw.cjs","names":["Image: React.FC<Props>","AlertCircleIcon","Skeleton"],"sources":["../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { AlertCircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Skeleton } from './skeleton';\n\ntype Props = {\n  src?: string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  maxRetries?: number;\n  retryDelay?: number;\n  className?: string;\n  imageClassName?: string;\n  onClick?: () => void;\n};\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, className, imageClassName, onClick }) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [currentSrc, setCurrentSrc] = useState<string | undefined>(src);\n  const [retryCount, setRetryCount] = useState<number>(0);\n  const [isLoaded, setIsLoaded] = useState<boolean>(false);\n  const [hasError, setHasError] = useState<boolean>(false);\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true);\n  }, []);\n\n  const handleError = useCallback(() => {\n    if (retryCount < maxRetries) {\n      // imageRef.current?.style.setProperty('display', 'none')\n      setHasError(false);\n      const newRetryCount = retryCount + 1;\n      setRetryCount(newRetryCount);\n\n      // Retry with exponential backoff and cache busting\n      setTimeout(() => {\n        const cacheBuster = `?retry=${Date.now()}&attempt=${newRetryCount}`;\n        setCurrentSrc(src + cacheBuster);\n      }, retryDelay * newRetryCount);\n      return;\n    }\n\n    setHasError(true);\n    setIsLoaded(true);\n    setCurrentSrc(src);\n  }, [maxRetries, retryCount, retryDelay, src]);\n\n  if (hasError) {\n    return (\n      <div style={{ width, height }} className={cn('@container relative inline-block', className)}>\n        <div className=\"bg-danger-muted shadow-card flex size-full flex-col items-center justify-center gap-y-2 rounded-md\">\n          <AlertCircleIcon className=\"text-danger size-8 @max-[52px]:size-6\" />\n          <span className=\"text-danger-weak text-center text-xs @max-[96px]:sr-only\">Image failed to load</span>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ width, height }} className={cn('relative flex items-center justify-center overflow-hidden rounded-md', className)} onClick={onClick}>\n      {!isLoaded && <Skeleton className=\"absolute inset-0 flex size-full animate-pulse items-center justify-center\" />}\n      <img src={currentSrc} className=\"absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60\" />\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'shadow-card relative h-[120%] w-auto object-cover transition-opacity duration-300',\n          isLoaded && 'opacity-100',\n          !isLoaded && 'pointer-events-none opacity-0',\n          imageClassName\n        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  );\n};\n"],"mappings":"yMAmBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,YAAW,iBAAgB,aAAc,CAC3I,IAAM,GAAA,EAAA,EAAA,QAAoC,KAAK,CACzC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA8C,EAAI,CAC/D,CAAC,EAAY,IAAA,EAAA,EAAA,UAAkC,EAAE,CACjD,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,GAAM,CAClD,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,GAAM,CAElD,GAAA,EAAA,EAAA,iBAA+B,CACnC,EAAY,GAAK,EAChB,EAAE,CAAC,CAEA,GAAA,EAAA,EAAA,iBAAgC,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,GAAM,CAClB,IAAM,EAAgB,EAAa,EACnC,EAAc,EAAc,CAG5B,eAAiB,CAEf,EAAc,EADM,UAAU,KAAK,KAAK,CAAC,WAAW,IACpB,EAC/B,EAAa,EAAc,CAC9B,OAGF,EAAY,GAAK,CACjB,EAAY,GAAK,CACjB,EAAc,EAAI,EACjB,CAAC,EAAY,EAAY,EAAY,EAAI,CAAC,CAa7C,OAXI,GAEA,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,WACzF,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gHACb,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,wCAAA,CAA0C,EACrE,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,oEAA2D,wBAA2B,CAAA,EAClG,EACF,EAKR,EAAA,EAAA,MAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,WAAA,EAAA,EAAA,IAAc,uEAAwE,EAAU,CAAW,oBACvI,CAAC,IAAY,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAS,UAAU,4EAAA,CAA8E,EAChH,EAAA,EAAA,KAAC,MAAA,CAAI,IAAK,EAAY,UAAU,+EAAgF,EAChH,EAAA,EAAA,KAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,WAAA,EAAA,EAAA,IACE,oFACA,GAAY,cACZ,CAAC,GAAY,gCACb,EACD,CACD,OAAQ,EACR,QAAS,GACT,GACE"}
+{"version":3,"file":"image-D5vQS72z.cjs","names":["Image: React.FC<Props>","AlertCircleIcon","Skeleton"],"sources":["../packages/components/ui/image.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport { AlertCircleIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Skeleton } from './skeleton';\n\ntype Props = {\n  src?: string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  maxRetries?: number;\n  retryDelay?: number;\n  className?: string;\n  imageClassName?: string;\n  onClick?: () => void;\n};\nexport const Image: React.FC<Props> = ({ src, alt, width, height, maxRetries = 3, retryDelay = 500, className, imageClassName, onClick }) => {\n  const imageRef = useRef<HTMLImageElement>(null);\n  const [currentSrc, setCurrentSrc] = useState<string | undefined>(src);\n  const [retryCount, setRetryCount] = useState<number>(0);\n  const [isLoaded, setIsLoaded] = useState<boolean>(false);\n  const [hasError, setHasError] = useState<boolean>(false);\n\n  const handleLoad = useCallback(() => {\n    setIsLoaded(true);\n  }, []);\n\n  const handleError = useCallback(() => {\n    if (retryCount < maxRetries) {\n      // imageRef.current?.style.setProperty('display', 'none')\n      setHasError(false);\n      const newRetryCount = retryCount + 1;\n      setRetryCount(newRetryCount);\n\n      // Retry with exponential backoff and cache busting\n      setTimeout(() => {\n        const cacheBuster = `?retry=${Date.now()}&attempt=${newRetryCount}`;\n        setCurrentSrc(src + cacheBuster);\n      }, retryDelay * newRetryCount);\n      return;\n    }\n\n    setHasError(true);\n    setIsLoaded(true);\n    setCurrentSrc(src);\n  }, [maxRetries, retryCount, retryDelay, src]);\n\n  if (hasError) {\n    return (\n      <div style={{ width, height }} className={cn('@container relative inline-block', className)}>\n        <div className=\"flex size-full flex-col items-center justify-center gap-y-2 rounded-md bg-danger-muted shadow-card\">\n          <AlertCircleIcon className=\"@max-[52px]:size-6 size-8 text-danger\" />\n          <span className=\"@max-[96px]:sr-only text-center text-danger-weak text-xs\">Image failed to load</span>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ width, height }} className={cn('relative flex items-center justify-center overflow-hidden rounded-md', className)} onClick={onClick}>\n      {!isLoaded && <Skeleton className=\"absolute inset-0 flex size-full animate-pulse items-center justify-center\" />}\n      <img src={currentSrc} className=\"absolute inset-0 z-0 size-full scale-110 object-cover blur-xl brightness-60\" />\n      <img\n        id={currentSrc}\n        ref={imageRef}\n        src={currentSrc}\n        alt={alt}\n        loading=\"lazy\"\n        className={cn(\n          'relative h-6/5 w-auto object-cover shadow-card transition-opacity duration-300',\n          isLoaded && 'opacity-100',\n          !isLoaded && 'pointer-events-none opacity-0',\n          imageClassName\n        )}\n        onLoad={handleLoad}\n        onError={handleError}\n      />\n    </div>\n  );\n};\n"],"mappings":"yMAmBA,MAAaA,GAA0B,CAAE,MAAK,MAAK,QAAO,SAAQ,aAAa,EAAG,aAAa,IAAK,YAAW,iBAAgB,aAAc,CAC3I,IAAM,GAAA,EAAA,EAAA,QAAoC,KAAK,CACzC,CAAC,EAAY,IAAA,EAAA,EAAA,UAA8C,EAAI,CAC/D,CAAC,EAAY,IAAA,EAAA,EAAA,UAAkC,EAAE,CACjD,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,GAAM,CAClD,CAAC,EAAU,IAAA,EAAA,EAAA,UAAiC,GAAM,CAElD,GAAA,EAAA,EAAA,iBAA+B,CACnC,EAAY,GAAK,EAChB,EAAE,CAAC,CAEA,GAAA,EAAA,EAAA,iBAAgC,CACpC,GAAI,EAAa,EAAY,CAE3B,EAAY,GAAM,CAClB,IAAM,EAAgB,EAAa,EACnC,EAAc,EAAc,CAG5B,eAAiB,CAEf,EAAc,EADM,UAAU,KAAK,KAAK,CAAC,WAAW,IACpB,EAC/B,EAAa,EAAc,CAC9B,OAGF,EAAY,GAAK,CACjB,EAAY,GAAK,CACjB,EAAc,EAAI,EACjB,CAAC,EAAY,EAAY,EAAY,EAAI,CAAC,CAa7C,OAXI,GAEA,EAAA,EAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,WACzF,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,gHACb,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,wCAAA,CAA0C,EACrE,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,oEAA2D,wBAA2B,CAAA,EAClG,EACF,EAKR,EAAA,EAAA,MAAC,MAAA,CAAI,MAAO,CAAE,QAAO,SAAQ,CAAE,WAAA,EAAA,EAAA,IAAc,uEAAwE,EAAU,CAAW,oBACvI,CAAC,IAAY,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAS,UAAU,4EAAA,CAA8E,EAChH,EAAA,EAAA,KAAC,MAAA,CAAI,IAAK,EAAY,UAAU,+EAAgF,EAChH,EAAA,EAAA,KAAC,MAAA,CACC,GAAI,EACJ,IAAK,EACL,IAAK,EACA,MACL,QAAQ,OACR,WAAA,EAAA,EAAA,IACE,iFACA,GAAY,cACZ,CAAC,GAAY,gCACb,EACD,CACD,OAAQ,EACR,QAAS,GACT,GACE"}

package/dist/{input-DhUevNkc.cjs → input-C1BXP8dd.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`react/jsx-runtime`),n=require(`react`),r=require(`class-variance-authority`);const i=(0,r.cva)(`w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,{variants:{variant:{outline:`-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4`,ghost:``,none:``,soft:``,subtle:``},size:{xs:`px-2 py-1 text-xs leading-4`,sm:`px-2.5 py-1.5 text-xs leading-4`,md:`px-2.5 py-2 text-sm leading-5`,lg:`px-3 py-2 text-sm leading-5`,xl:`px-3 py-2 text-base leading-6`}},defaultVariants:{variant:`outline`,size:`md`}});function a({className:e,variant:r,size:a,onChange:o,onValueChange:s,...c}){let l=(0,n.useCallback)(e=>{o?.(e),s?.(e.target.value)},[o,s]);return(0,t.jsx)(`input`,{"data-slot":`input`,className:i({variant:r,size:a,className:e}),...c,onChange:l})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=input-DhUevNkc.cjs.map
+//# sourceMappingURL=input-C1BXP8dd.cjs.map

package/dist/{input-DhUevNkc.cjs.map → input-C1BXP8dd.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-DhUevNkc.cjs","names":[],"sources":["../packages/components/ui/input.variants.ts","../packages/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const inputVariants = cva(\n  'w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        outline:\n          '-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4',\n        ghost: '',\n        none: '',\n        soft: '',\n        subtle: '',\n      },\n      size: {\n        xs: 'px-2 py-1 text-xs leading-4',\n        sm: 'px-2.5 py-1.5 text-xs leading-4',\n        md: 'px-2.5 py-2 text-sm leading-5',\n        lg: 'px-3 py-2 text-sm leading-5',\n        xl: 'px-3 py-2 text-base leading-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'md',\n    },\n  }\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n","'use client';\n\nimport { useCallback } from 'react';\n\nimport { type InputVariantProps, inputVariants } from './input.variants';\n\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  variant?: InputVariantProps['variant'];\n  size?: InputVariantProps['size'];\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return <input data-slot=\"input\" className={inputVariants({ variant, size, className })} {...props} onChange={handleChange} />;\n}\n\nexport { Input };\n"],"mappings":"oIAEA,MAAa,GAAA,EAAA,EAAA,KACX,0KACA,CACE,SAAU,CACR,QAAS,CACP,QACE,kTACF,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,gCACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,KACP,CACF,CACF,CCrBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAKF,CACD,IAAM,GAAA,EAAA,EAAA,aACH,GAA2C,CAC1C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OAAO,EAAA,EAAA,KAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAc,CAAE,UAAS,OAAM,YAAW,CAAC,CAAE,GAAI,EAAO,SAAU,GAAgB"}
+{"version":3,"file":"input-C1BXP8dd.cjs","names":[],"sources":["../packages/components/ui/input.variants.ts","../packages/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const inputVariants = cva(\n  'w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        outline:\n          '-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4',\n        ghost: '',\n        none: '',\n        soft: '',\n        subtle: '',\n      },\n      size: {\n        xs: 'px-2 py-1 text-xs leading-4',\n        sm: 'px-2.5 py-1.5 text-xs leading-4',\n        md: 'px-2.5 py-2 text-sm leading-5',\n        lg: 'px-3 py-2 text-sm leading-5',\n        xl: 'px-3 py-2 text-base leading-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'md',\n    },\n  }\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n","'use client';\n\nimport { useCallback } from 'react';\n\nimport { type InputVariantProps, inputVariants } from './input.variants';\n\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  variant?: InputVariantProps['variant'];\n  size?: InputVariantProps['size'];\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return <input data-slot=\"input\" className={inputVariants({ variant, size, className })} {...props} onChange={handleChange} />;\n}\n\nexport { Input };\n"],"mappings":"oIAEA,MAAa,GAAA,EAAA,EAAA,KACX,0KACA,CACE,SAAU,CACR,QAAS,CACP,QACE,kTACF,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,gCACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,KACP,CACF,CACF,CCrBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAKF,CACD,IAAM,GAAA,EAAA,EAAA,aACH,GAA2C,CAC1C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OAAO,EAAA,EAAA,KAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAc,CAAE,UAAS,OAAM,YAAW,CAAC,CAAE,GAAI,EAAO,SAAU,GAAgB"}

package/dist/{input-CC10BdKh.mjs → input-C1K2wbv1.mjs}

@@ -1,2 +1,2 @@
 import{jsx as e}from"react/jsx-runtime";import{useCallback as t}from"react";import{cva as n}from"class-variance-authority";const r=n(`w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,{variants:{variant:{outline:`-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4`,ghost:``,none:``,soft:``,subtle:``},size:{xs:`px-2 py-1 text-xs leading-4`,sm:`px-2.5 py-1.5 text-xs leading-4`,md:`px-2.5 py-2 text-sm leading-5`,lg:`px-3 py-2 text-sm leading-5`,xl:`px-3 py-2 text-base leading-6`}},defaultVariants:{variant:`outline`,size:`md`}});function i({className:n,variant:i,size:a,onChange:o,onValueChange:s,...c}){let l=t(e=>{o?.(e),s?.(e.target.value)},[o,s]);return e(`input`,{"data-slot":`input`,className:r({variant:i,size:a,className:n}),...c,onChange:l})}export{i as t};
-//# sourceMappingURL=input-CC10BdKh.mjs.map
+//# sourceMappingURL=input-C1K2wbv1.mjs.map

package/dist/{input-CC10BdKh.mjs.map → input-C1K2wbv1.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"input-CC10BdKh.mjs","names":[],"sources":["../packages/components/ui/input.variants.ts","../packages/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const inputVariants = cva(\n  'w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        outline:\n          '-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4',\n        ghost: '',\n        none: '',\n        soft: '',\n        subtle: '',\n      },\n      size: {\n        xs: 'px-2 py-1 text-xs leading-4',\n        sm: 'px-2.5 py-1.5 text-xs leading-4',\n        md: 'px-2.5 py-2 text-sm leading-5',\n        lg: 'px-3 py-2 text-sm leading-5',\n        xl: 'px-3 py-2 text-base leading-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'md',\n    },\n  }\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n","'use client';\n\nimport { useCallback } from 'react';\n\nimport { type InputVariantProps, inputVariants } from './input.variants';\n\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  variant?: InputVariantProps['variant'];\n  size?: InputVariantProps['size'];\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return <input data-slot=\"input\" className={inputVariants({ variant, size, className })} {...props} onChange={handleChange} />;\n}\n\nexport { Input };\n"],"mappings":"2HAEA,MAAa,EAAgB,EAC3B,0KACA,CACE,SAAU,CACR,QAAS,CACP,QACE,kTACF,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,gCACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,KACP,CACF,CACF,CCrBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAKF,CACD,IAAM,EAAe,EAClB,GAA2C,CAC1C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OAAO,EAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAc,CAAE,UAAS,OAAM,YAAW,CAAC,CAAE,GAAI,EAAO,SAAU,GAAgB"}
+{"version":3,"file":"input-C1K2wbv1.mjs","names":[],"sources":["../packages/components/ui/input.variants.ts","../packages/components/ui/input.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const inputVariants = cva(\n  'w-full rounded-sm font-normal text-text-positive caret-primary transition-all duration-200 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        outline:\n          '-outline-offset-1 outline-1 outline-border placeholder:text-text-positive-muted focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak aria-invalid:bg-danger-bg-subtle aria-invalid:outline-danger aria-invalid:ring-danger-weak aria-invalid:focus:outline-danger-strong aria-invalid:focus:ring-4',\n        ghost: '',\n        none: '',\n        soft: '',\n        subtle: '',\n      },\n      size: {\n        xs: 'px-2 py-1 text-xs leading-4',\n        sm: 'px-2.5 py-1.5 text-xs leading-4',\n        md: 'px-2.5 py-2 text-sm leading-5',\n        lg: 'px-3 py-2 text-sm leading-5',\n        xl: 'px-3 py-2 text-base leading-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      size: 'md',\n    },\n  }\n);\n\nexport type InputVariantProps = VariantProps<typeof inputVariants>;\n","'use client';\n\nimport { useCallback } from 'react';\n\nimport { type InputVariantProps, inputVariants } from './input.variants';\n\nfunction Input({\n  className,\n  variant,\n  size,\n  onChange,\n  onValueChange,\n  ...props\n}: Omit<React.ComponentProps<'input'>, 'size'> & {\n  variant?: InputVariantProps['variant'];\n  size?: InputVariantProps['size'];\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return <input data-slot=\"input\" className={inputVariants({ variant, size, className })} {...props} onChange={handleChange} />;\n}\n\nexport { Input };\n"],"mappings":"2HAEA,MAAa,EAAgB,EAC3B,0KACA,CACE,SAAU,CACR,QAAS,CACP,QACE,kTACF,MAAO,GACP,KAAM,GACN,KAAM,GACN,OAAQ,GACT,CACD,KAAM,CACJ,GAAI,8BACJ,GAAI,kCACJ,GAAI,gCACJ,GAAI,8BACJ,GAAI,gCACL,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,KACP,CACF,CACF,CCrBD,SAAS,EAAM,CACb,YACA,UACA,OACA,WACA,gBACA,GAAG,GAKF,CACD,IAAM,EAAe,EAClB,GAA2C,CAC1C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OAAO,EAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAc,CAAE,UAAS,OAAM,YAAW,CAAC,CAAE,GAAI,EAAO,SAAU,GAAgB"}

package/dist/{input-B8fOADyL.d.mts → input-CuvhIW05.d.mts}

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime152 from "react/jsx-runtime";
+import * as react_jsx_runtime165 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types10 from "class-variance-authority/types";
 
 //#region packages/components/ui/input.variants.d.ts
 declare const inputVariants: (props?: ({
-  variant?: "none" | "outline" | "ghost" | "soft" | "subtle" | null | undefined;
+  variant?: "outline" | "none" | "ghost" | "soft" | "subtle" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types10.ClassProp) | undefined) => string;
 type InputVariantProps = VariantProps<typeof inputVariants>;
@@ -21,7 +21,7 @@ declare function Input({
   variant?: InputVariantProps['variant'];
   size?: InputVariantProps['size'];
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime152.JSX.Element;
+}): react_jsx_runtime165.JSX.Element;
 //#endregion
 export { Input as t };
-//# sourceMappingURL=input-B8fOADyL.d.mts.map
+//# sourceMappingURL=input-CuvhIW05.d.mts.map

package/dist/{input-CsRVSfuH.d.cts → input-tIFltAI8.d.cts}

@@ -1,12 +1,12 @@
-import * as react_jsx_runtime166 from "react/jsx-runtime";
-import * as class_variance_authority_types13 from "class-variance-authority/types";
+import * as react_jsx_runtime101 from "react/jsx-runtime";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/input.variants.d.ts
 declare const inputVariants: (props?: ({
-  variant?: "none" | "outline" | "ghost" | "soft" | "subtle" | null | undefined;
+  variant?: "outline" | "none" | "ghost" | "soft" | "subtle" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types13.ClassProp) | undefined) => string;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
 type InputVariantProps = VariantProps<typeof inputVariants>;
 //#endregion
 //#region packages/components/ui/input.d.ts
@@ -21,7 +21,7 @@ declare function Input({
   variant?: InputVariantProps['variant'];
   size?: InputVariantProps['size'];
   onValueChange?: (value: string) => void;
-}): react_jsx_runtime166.JSX.Element;
+}): react_jsx_runtime101.JSX.Element;
 //#endregion
 export { Input as t };
-//# sourceMappingURL=input-CsRVSfuH.d.cts.map
+//# sourceMappingURL=input-tIFltAI8.d.cts.map

package/dist/{label-CaBktIhh.cjs → label-CkTb259R.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,...i}){return(0,n.jsx)(r.Label.Root,{"data-slot":`label`,className:(0,t.cn)(`text-text-positive`,`flex items-center gap-2`,`select-none font-medium text-sm/6 leading-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,e),...i})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=label-CaBktIhh.cjs.map
+//# sourceMappingURL=label-CkTb259R.cjs.map

package/dist/{label-CaBktIhh.cjs.map → label-CkTb259R.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"label-CaBktIhh.cjs","names":["LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Label as LabelPrimitive } from 'radix-ui';\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'text-text-positive',\n        'flex items-center gap-2',\n        'select-none font-medium text-sm/6 leading-none',\n        'group-data-[disabled=true]:pointer-events-none',\n        'group-data-[disabled=true]:opacity-50',\n        'peer-disabled:cursor-not-allowed',\n        'peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"6IAMA,SAAS,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,WAAA,EAAA,EAAA,IACE,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,EACD,CACD,GAAI,GACJ"}
+{"version":3,"file":"label-CkTb259R.cjs","names":["LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Label as LabelPrimitive } from 'radix-ui';\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'text-text-positive',\n        'flex items-center gap-2',\n        'select-none font-medium text-sm/6 leading-none',\n        'group-data-[disabled=true]:pointer-events-none',\n        'group-data-[disabled=true]:opacity-50',\n        'peer-disabled:cursor-not-allowed',\n        'peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"6IAMA,SAAS,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAAA,EAAA,KAACA,EAAAA,MAAe,KAAA,CACd,YAAU,QACV,WAAA,EAAA,EAAA,IACE,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,EACD,CACD,GAAI,GACJ"}

package/dist/{label-DVfxfyG5.mjs → label-DwmJnk4H.mjs}

@@ -1,2 +1,2 @@
 import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Label as n}from"radix-ui";function r({className:r,...i}){return t(n.Root,{"data-slot":`label`,className:e(`text-text-positive`,`flex items-center gap-2`,`select-none font-medium text-sm/6 leading-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,r),...i})}export{r as t};
-//# sourceMappingURL=label-DVfxfyG5.mjs.map
+//# sourceMappingURL=label-DwmJnk4H.mjs.map

package/dist/{label-DVfxfyG5.mjs.map → label-DwmJnk4H.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"label-DVfxfyG5.mjs","names":["Label","LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Label as LabelPrimitive } from 'radix-ui';\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'text-text-positive',\n        'flex items-center gap-2',\n        'select-none font-medium text-sm/6 leading-none',\n        'group-data-[disabled=true]:pointer-events-none',\n        'group-data-[disabled=true]:opacity-50',\n        'peer-disabled:cursor-not-allowed',\n        'peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"6HAMA,SAASA,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAACC,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,EACD,CACD,GAAI,GACJ"}
+{"version":3,"file":"label-DwmJnk4H.mjs","names":["Label","LabelPrimitive"],"sources":["../packages/components/ui/label.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Label as LabelPrimitive } from 'radix-ui';\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        'text-text-positive',\n        'flex items-center gap-2',\n        'select-none font-medium text-sm/6 leading-none',\n        'group-data-[disabled=true]:pointer-events-none',\n        'group-data-[disabled=true]:opacity-50',\n        'peer-disabled:cursor-not-allowed',\n        'peer-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":"6HAMA,SAASA,EAAM,CAAE,YAAW,GAAG,GAA2D,CACxF,OACE,EAACC,EAAe,KAAA,CACd,YAAU,QACV,UAAW,EACT,qBACA,0BACA,iDACA,iDACA,wCACA,mCACA,2BACA,EACD,CACD,GAAI,GACJ"}

package/dist/layouts/app-layout/index.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../button.variants-C--cfyfH.cjs`);const t=require(`../../button-DtFiUaY7.cjs`),n=require(`../../skeleton-C4suljHP.cjs`),r=require(`../../tooltip-zYWazsY5.cjs`),i=require(`../../separator-D3CGKwyf.cjs`),a=require(`../../sheet-DtWL6WcJ.cjs`);let o=require(`@customafk/react-toolkit/utils`),s=require(`react/jsx-runtime`),c=require(`lucide-react`),l=require(`react`),u=require(`class-variance-authority`),d=require(`radix-ui`),f=require(`@customafk/react-toolkit/hooks/useMobile`);const p=`sidebar_state`,m=3600*24*7,h=`16rem`,g=`16rem`,_=`3rem`,v=`b`,y=(0,l.createContext)(null);function b(){let e=(0,l.use)(y);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function x({defaultOpen:e=!0,open:t,onOpenChange:n,className:i,style:a,children:c,...u}){let d=(0,f.useIsMobile)(),[p,m]=(0,l.useState)(!1),[h,g]=(0,l.useState)(e),_=t??h,v=(0,l.useCallback)(e=>{let t=typeof e==`function`?e(_):e;n?n(t):g(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,_]),b=(0,l.useCallback)(()=>d?m(e=>!e):v(e=>!e),[d,v,m]);(0,l.useEffect)(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),b())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[b]);let x=_?`expanded`:`collapsed`,S=(0,l.useMemo)(()=>({state:x,isMobile:d,toggleSidebar:b,open:_,setOpen:v,openMobile:p,setOpenMobile:m}),[x,_,v,d,p,m,b]);return(0,s.jsx)(y.Provider,{value:S,children:(0,s.jsx)(r.r,{delayDuration:0,children:(0,s.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:(0,o.cn)(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,i),...u,children:c})})})}function S({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...l}){let{isMobile:u,state:d,openMobile:f,setOpenMobile:p}=b();return n===`none`?(0,s.jsx)(`aside`,{"data-slot":`sidebar`,className:(0,o.cn)(`bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col`,r),...l,children:i}):u?(0,s.jsx)(a.t,{open:f,onOpenChange:p,...l,children:(0,s.jsxs)(a.r,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`16rem`},side:e,children:[(0,s.jsxs)(a.o,{className:`sr-only`,children:[(0,s.jsx)(a.s,{children:`Sidebar`}),(0,s.jsx)(a.i,{children:`Displays the mobile sidebar.`})]}),(0,s.jsxs)(`div`,{className:`flex size-full flex-col`,children:[(0,s.jsxs)(`div`,{className:`border-border-weak flex items-center gap-x-2 border-b p-2 pr-4`,children:[(0,s.jsx)(C,{}),(0,s.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground ml-2 flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,s.jsx)(c.ShoppingCartIcon,{size:20})}),(0,s.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,s.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),i]})]})}):(0,s.jsxs)(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":d,"data-collapsible":d===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[(0,s.jsx)(`div`,{"data-slot":`sidebar-gap`,className:(0,o.cn)(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) w-(--sidebar-width)`,`sm:h-[calc(var(--header-height) + 0.5rem)]`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,s.jsx)(`div`,{"data-slot":`sidebar-container`,className:(0,o.cn)(`hidden md:flex`,`shadow-nav fixed inset-y-0 top-14 z-10`,`h-[calc(100dvh-3.5rem)] w-(--sidebar-width)`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,r),...l,children:(0,s.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:(0,o.cn)(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:i})})]})}function C({className:e,onClick:n,...r}){let{toggleSidebar:i}=b();return(0,s.jsxs)(t.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:(0,o.cn)(`size-10 rounded-full`,e),onClick:e=>{n?.(e),i()},...r,children:[(0,s.jsx)(c.MenuIcon,{className:`!size-6`}),(0,s.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function w({className:e,...t}){let{toggleSidebar:n}=b();return(0,s.jsx)(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:(0,o.cn)(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:w-[2px]`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function T({className:e,children:t,...n}){return(0,s.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:(0,o.cn)(`relative flex w-full flex-1 flex-col`,e),...n,children:[(0,s.jsx)(`div`,{className:`h-(--header-height) w-full sm:h-[calc(var(--header-height)_+_0.5rem)]`}),(0,s.jsx)(`div`,{className:(0,o.cn)(`flex-1 inset-shadow-sm`),children:t})]})}function E({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:(0,o.cn)(`flex flex-col gap-2 p-2`,e),...t})}function D({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:(0,o.cn)(`flex flex-col gap-2 p-2`,e),...t})}function O({className:e,...t}){return(0,s.jsx)(i.t,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:(0,o.cn)(`bg-sidebar-border mx-2 w-auto`,e),...t})}function k({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:(0,o.cn)(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function A({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:(0,o.cn)(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function j({className:e,asChild:t=!1,...n}){return(0,s.jsx)(t?d.Slot.Slot:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:(0,o.cn)(`flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2`,`text-sidebar-foreground/70`,`ring-sidebar-ring`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function M({className:e,asChild:t=!1,...n}){return(0,s.jsx)(t?d.Slot.Slot:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:(0,o.cn)(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function N({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:(0,o.cn)(`w-full text-sm`,e),...t})}function P({className:e,...t}){return(0,s.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:(0,o.cn)(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function F({className:e,...t}){return(0,s.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:(0,o.cn)(`group/menu-item relative`,e),...t})}const I=(0,u.cva)([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`text-left truncate`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:font-medium`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function L({asChild:e=!1,isActive:t=!1,variant:n=`default`,size:i=`default`,tooltip:a,className:c,...l}){let u=e?d.Slot.Slot:`button`,{isMobile:f,state:p}=b(),m=(0,s.jsx)(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":i,"data-active":t,className:(0,o.cn)(I({variant:n,size:i}),c),...l});return a?(typeof a==`string`&&(a={children:a}),(0,s.jsxs)(r.t,{children:[(0,s.jsx)(r.i,{asChild:!0,children:m}),(0,s.jsx)(r.n,{side:`right`,align:`center`,hidden:p!==`collapsed`||f,...a})]})):m}function R({className:e,asChild:t=!1,showOnHover:n=!1,...r}){return(0,s.jsx)(t?d.Slot.Slot:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:(0,o.cn)(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function z({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:(0,o.cn)(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function B({className:e,showIcon:t=!1,...r}){let i=(0,l.useMemo)(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return(0,s.jsxs)(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:(0,o.cn)(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[t&&(0,s.jsx)(n.t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),(0,s.jsx)(n.t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function V({className:e,...t}){return(0,s.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:(0,o.cn)(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function H({className:e,...t}){return(0,s.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:(0,o.cn)(`group/menu-sub-item relative`,e),...t})}function U({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){return(0,s.jsx)(e?d.Slot.Slot:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:(0,o.cn)(`text-sidebar-foreground`,`ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`focus-visible:ring-2`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`[&>span:last-child]:truncate`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,r),...i})}const W=({children:e})=>(0,s.jsx)(x,{children:e}),G=({children:e})=>(0,s.jsxs)(`header`,{className:(0,o.cn)(`bg-card`,`h-(--header-height)`,`sm:h-[calc(var(--header-height)+0.5rem)]`,`sm:px-4 sm:pr-6`,`absolute inset-x-0 top-0 z-20 gap-2 px-2 pr-4.5`,`flex items-center shadow-nav`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`sm:group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(var(--header-height)+0.5rem)]`),children:[(0,s.jsx)(C,{}),(0,s.jsxs)(`div`,{className:`flex gap-x-2 sm:ml-2.5`,children:[(0,s.jsx)(`div`,{className:`flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:(0,s.jsx)(c.ShoppingCartIcon,{size:20})}),(0,s.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,s.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,s.jsx)(`div`,{className:`flex flex-1 items-center justify-end`,children:e})]}),K=({children:e,...t})=>(0,s.jsx)(S,{variant:`inset`,collapsible:`icon`,...t,children:e}),q=({children:e})=>(0,s.jsx)(T,{children:(0,s.jsx)(`section`,{className:`relative size-full`,children:(0,s.jsx)(`div`,{className:`absolute inset-0 flex flex-col`,children:e})})}),J=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-header`,className:(0,o.cn)(`flex-0`,e),children:t}),Y=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-content`,className:(0,o.cn)(`flex w-full flex-1 flex-col gap-4 overflow-y-auto px-2 sm:px-4`,e),children:t}),X=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-footer`,className:(0,o.cn)(`border-border-weak hidden w-full flex-0 border-t pt-2 sm:flex`,e),children:t}),Z=({children:e,className:t})=>(0,s.jsx)(`div`,{"data-slot":`main-group`,className:(0,o.cn)(`flex size-full flex-col gap-4`,t),children:e}),Q=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-group-content`,className:(0,o.cn)(`bg-card shadow-card size-full max-w-5xl flex-1 snap-start snap-always scroll-mt-4 rounded-md p-4`,e),children:t});exports.AppLayoutHeader=G,exports.AppLayoutMain=q,exports.AppLayoutMainContent=Y,exports.AppLayoutMainFooter=X,exports.AppLayoutMainGroup=Z,exports.AppLayoutMainGroupContent=Q,exports.AppLayoutMainHeader=J,exports.AppLayoutSidebar=K,exports.AppLayoutSidebarContent=k,exports.AppLayoutSidebarFooter=D,exports.AppLayoutSidebarGroup=A,exports.AppLayoutSidebarGroupAction=M,exports.AppLayoutSidebarGroupContent=N,exports.AppLayoutSidebarGroupLabel=j,exports.AppLayoutSidebarHeader=E,exports.AppLayoutSidebarInset=T,exports.AppLayoutSidebarMenu=P,exports.AppLayoutSidebarMenuAction=R,exports.AppLayoutSidebarMenuBadge=z,exports.AppLayoutSidebarMenuButton=L,exports.AppLayoutSidebarMenuItem=F,exports.AppLayoutSidebarMenuSkeleton=B,exports.AppLayoutSidebarMenuSub=V,exports.AppLayoutSidebarMenuSubButton=U,exports.AppLayoutSidebarMenuSubItem=H,exports.AppLayoutSidebarRail=w,exports.AppLayoutSidebarSeparator=O,exports.AppLayoutSidebarTrigger=C,exports.AppLayoutWrapper=W,exports.Sidebar=S,exports.SidebarProvider=x,exports.useSidebar=b;
+"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../button.variants-C--cfyfH.cjs`);const t=require(`../../button-DtFiUaY7.cjs`),n=require(`../../skeleton-C4suljHP.cjs`),r=require(`../../tooltip-BimfNium.cjs`),i=require(`../../separator-Crr30ZHa.cjs`),a=require(`../../sheet-BYKV6xT_.cjs`);let o=require(`@customafk/react-toolkit/utils`),s=require(`react/jsx-runtime`),c=require(`lucide-react`),l=require(`react`),u=require(`class-variance-authority`),d=require(`radix-ui`),f=require(`@customafk/react-toolkit/hooks/useMobile`);const p=`sidebar_state`,m=3600*24*7,h=`16rem`,g=`16rem`,_=`3rem`,v=`b`,y=(0,l.createContext)(null);function b(){let e=(0,l.use)(y);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function x({defaultOpen:e=!0,open:t,onOpenChange:n,className:i,style:a,children:c,...u}){let d=(0,f.useIsMobile)(),[p,m]=(0,l.useState)(!1),[h,g]=(0,l.useState)(e),_=t??h,v=(0,l.useCallback)(e=>{let t=typeof e==`function`?e(_):e;n?n(t):g(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,_]),b=(0,l.useCallback)(()=>d?m(e=>!e):v(e=>!e),[d,v,m]);(0,l.useEffect)(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),b())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[b]);let x=_?`expanded`:`collapsed`,S=(0,l.useMemo)(()=>({state:x,isMobile:d,toggleSidebar:b,open:_,setOpen:v,openMobile:p,setOpenMobile:m}),[x,_,v,d,p,m,b]);return(0,s.jsx)(y.Provider,{value:S,children:(0,s.jsx)(r.r,{delayDuration:0,children:(0,s.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:(0,o.cn)(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex h-dvh w-full`,i),...u,children:c})})})}function S({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...l}){let{isMobile:u,state:d,openMobile:f,setOpenMobile:p}=b();return n===`none`?(0,s.jsx)(`aside`,{"data-slot":`sidebar`,className:(0,o.cn)(`bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col`,r),...l,children:i}):u?(0,s.jsx)(a.t,{open:f,onOpenChange:p,...l,children:(0,s.jsxs)(a.r,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`16rem`},side:e,children:[(0,s.jsxs)(a.o,{className:`sr-only`,children:[(0,s.jsx)(a.s,{children:`Sidebar`}),(0,s.jsx)(a.i,{children:`Displays the mobile sidebar.`})]}),(0,s.jsxs)(`div`,{className:`flex size-full flex-col`,children:[(0,s.jsxs)(`div`,{className:`border-border-weak flex items-center gap-x-2 border-b p-2 pr-4`,children:[(0,s.jsx)(C,{}),(0,s.jsx)(`div`,{className:`bg-sidebar-primary text-sidebar-primary-foreground ml-2 flex aspect-square size-8 items-center justify-center rounded-lg`,children:(0,s.jsx)(c.ShoppingCartIcon,{size:20})}),(0,s.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,s.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),i]})]})}):(0,s.jsxs)(`aside`,{className:`group peer text-sidebar-foreground bg-card hidden md:block`,"data-state":d,"data-collapsible":d===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[(0,s.jsx)(`div`,{"data-slot":`sidebar-gap`,className:(0,o.cn)(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) w-(--sidebar-width)`,`sm:h-[calc(var(--header-height) + 0.5rem)]`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,s.jsx)(`div`,{"data-slot":`sidebar-container`,className:(0,o.cn)(`hidden md:flex`,`shadow-nav fixed inset-y-0 top-14 z-10`,`h-[calc(100dvh-3.5rem)] w-(--sidebar-width)`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,r),...l,children:(0,s.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:(0,o.cn)(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:i})})]})}function C({className:e,onClick:n,...r}){let{toggleSidebar:i}=b();return(0,s.jsxs)(t.t,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:(0,o.cn)(`size-10 rounded-full`,e),onClick:e=>{n?.(e),i()},...r,children:[(0,s.jsx)(c.MenuIcon,{className:`!size-6`}),(0,s.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function w({className:e,...t}){let{toggleSidebar:n}=b();return(0,s.jsx)(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:(0,o.cn)(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute after:inset-y-0 after:left-1/2 after:w-[2px]`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`hover:after:bg-sidebar-border`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function T({className:e,children:t,...n}){return(0,s.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:(0,o.cn)(`relative flex w-full flex-1 flex-col`,e),...n,children:[(0,s.jsx)(`div`,{className:`h-(--header-height) w-full sm:h-[calc(var(--header-height)_+_0.5rem)]`}),(0,s.jsx)(`div`,{className:(0,o.cn)(`flex-1 inset-shadow-sm`),children:t})]})}function E({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:(0,o.cn)(`flex flex-col gap-2 p-2`,e),...t})}function D({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:(0,o.cn)(`flex flex-col gap-2 p-2`,e),...t})}function O({className:e,...t}){return(0,s.jsx)(i.t,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:(0,o.cn)(`bg-sidebar-border mx-2 w-auto`,e),...t})}function k({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:(0,o.cn)(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function A({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:(0,o.cn)(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function j({className:e,asChild:t=!1,...n}){return(0,s.jsx)(t?d.Slot.Slot:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:(0,o.cn)(`flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2`,`text-sidebar-foreground/70`,`ring-sidebar-ring`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function M({className:e,asChild:t=!1,...n}){return(0,s.jsx)(t?d.Slot.Slot:`button`,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:(0,o.cn)(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function N({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:(0,o.cn)(`w-full text-sm`,e),...t})}function P({className:e,...t}){return(0,s.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:(0,o.cn)(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function F({className:e,...t}){return(0,s.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:(0,o.cn)(`group/menu-item relative`,e),...t})}const I=(0,u.cva)([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`text-left truncate`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:font-medium`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function L({asChild:e=!1,isActive:t=!1,variant:n=`default`,size:i=`default`,tooltip:a,className:c,...l}){let u=e?d.Slot.Slot:`button`,{isMobile:f,state:p}=b(),m=(0,s.jsx)(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":i,"data-active":t,className:(0,o.cn)(I({variant:n,size:i}),c),...l});return a?(typeof a==`string`&&(a={children:a}),(0,s.jsxs)(r.t,{children:[(0,s.jsx)(r.i,{asChild:!0,children:m}),(0,s.jsx)(r.n,{side:`right`,align:`center`,hidden:p!==`collapsed`||f,...a})]})):m}function R({className:e,asChild:t=!1,showOnHover:n=!1,...r}){return(0,s.jsx)(t?d.Slot.Slot:`button`,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:(0,o.cn)(`text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function z({className:e,...t}){return(0,s.jsx)(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:(0,o.cn)(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function B({className:e,showIcon:t=!1,...r}){let i=(0,l.useMemo)(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return(0,s.jsxs)(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:(0,o.cn)(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[t&&(0,s.jsx)(n.t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),(0,s.jsx)(n.t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function V({className:e,...t}){return(0,s.jsx)(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:(0,o.cn)(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function H({className:e,...t}){return(0,s.jsx)(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:(0,o.cn)(`group/menu-sub-item relative`,e),...t})}function U({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){return(0,s.jsx)(e?d.Slot.Slot:`a`,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:(0,o.cn)(`text-sidebar-foreground`,`ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`focus-visible:ring-2`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`[&>span:last-child]:truncate`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,`group-data-[collapsible=icon]:hidden`,r),...i})}const W=({children:e})=>(0,s.jsx)(x,{children:e}),G=({children:e})=>(0,s.jsxs)(`header`,{className:(0,o.cn)(`bg-card`,`h-(--header-height)`,`sm:h-[calc(var(--header-height)+0.5rem)]`,`sm:px-4 sm:pr-6`,`absolute inset-x-0 top-0 z-20 gap-2 px-2 pr-4.5`,`flex items-center shadow-nav`,`transition-[width,height] ease-linear`,`group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)`,`sm:group-has-data-[collapsible=icon]/sidebar-wrapper:h-[calc(var(--header-height)+0.5rem)]`),children:[(0,s.jsx)(C,{}),(0,s.jsxs)(`div`,{className:`flex gap-x-2 sm:ml-2.5`,children:[(0,s.jsx)(`div`,{className:`flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:(0,s.jsx)(c.ShoppingCartIcon,{size:20})}),(0,s.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,s.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,s.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,s.jsx)(`div`,{className:`flex flex-1 items-center justify-end`,children:e})]}),K=({children:e,...t})=>(0,s.jsx)(S,{variant:`inset`,collapsible:`icon`,...t,children:e}),q=({children:e})=>(0,s.jsx)(T,{children:(0,s.jsx)(`section`,{className:`relative size-full`,children:(0,s.jsx)(`div`,{className:`absolute inset-0 flex flex-col`,children:e})})}),J=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-header`,className:(0,o.cn)(`flex-0`,e),children:t}),Y=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-content`,className:(0,o.cn)(`flex w-full flex-1 flex-col gap-4 overflow-y-auto px-2 sm:px-4`,e),children:t}),X=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-footer`,className:(0,o.cn)(`border-border-weak hidden w-full flex-0 border-t pt-2 sm:flex`,e),children:t}),Z=({children:e,className:t})=>(0,s.jsx)(`div`,{"data-slot":`main-group`,className:(0,o.cn)(`flex size-full flex-col gap-4`,t),children:e}),Q=({className:e,children:t})=>(0,s.jsx)(`div`,{"data-slot":`main-group-content`,className:(0,o.cn)(`bg-card shadow-card size-full max-w-5xl flex-1 snap-start snap-always scroll-mt-4 rounded-md p-4`,e),children:t});exports.AppLayoutHeader=G,exports.AppLayoutMain=q,exports.AppLayoutMainContent=Y,exports.AppLayoutMainFooter=X,exports.AppLayoutMainGroup=Z,exports.AppLayoutMainGroupContent=Q,exports.AppLayoutMainHeader=J,exports.AppLayoutSidebar=K,exports.AppLayoutSidebarContent=k,exports.AppLayoutSidebarFooter=D,exports.AppLayoutSidebarGroup=A,exports.AppLayoutSidebarGroupAction=M,exports.AppLayoutSidebarGroupContent=N,exports.AppLayoutSidebarGroupLabel=j,exports.AppLayoutSidebarHeader=E,exports.AppLayoutSidebarInset=T,exports.AppLayoutSidebarMenu=P,exports.AppLayoutSidebarMenuAction=R,exports.AppLayoutSidebarMenuBadge=z,exports.AppLayoutSidebarMenuButton=L,exports.AppLayoutSidebarMenuItem=F,exports.AppLayoutSidebarMenuSkeleton=B,exports.AppLayoutSidebarMenuSub=V,exports.AppLayoutSidebarMenuSubButton=U,exports.AppLayoutSidebarMenuSubItem=H,exports.AppLayoutSidebarRail=w,exports.AppLayoutSidebarSeparator=O,exports.AppLayoutSidebarTrigger=C,exports.AppLayoutWrapper=W,exports.Sidebar=S,exports.SidebarProvider=x,exports.useSidebar=b;
 //# sourceMappingURL=index.cjs.map