@customafk/lunas-ui 0.2.5 → 0.2.7

package/dist/features/tables/index.mjs

@@ -1,2 +1 @@
-import{t as e}from"../../paragraph-DmiXlAnE.mjs";import"../../button.variants-B_dFX3i2.mjs";import{t}from"../../button-D8BUqpI2.mjs";import{t as n}from"../../flex-CeizYtXs.mjs";import{t as r}from"../../date-uVTm7J09.mjs";import{t as i}from"../../badge-B4Fa7-J3.mjs";import{i as a,n as o,r as s,t as c}from"../../tooltip-B3dTcgcc.mjs";import{n as l,t as u}from"../../avatar-DReNH6rV.mjs";import{t as d}from"../../separator-Bf0gymN4.mjs";import{a as f,d as p,h as m,i as h,r as g,t as _}from"../../dropdown-menu-B8GUTfTp.mjs";import{t as v}from"../../checkbox-Bg2FiuQw.mjs";import{t as y}from"../../spinner-D1v3Bard.mjs";import{n as b,r as ee}from"../../resizable-RPObV6jc.mjs";import{t as te}from"../../input-DMjPBcJO.mjs";import{cn as x}from"@customafk/react-toolkit/utils";import{jsx as S,jsxs as C}from"react/jsx-runtime";import{AlertTriangle as w,ArrowRightIcon as T,BoxIcon as ne,CheckIcon as E,ChevronDown as re,CirclePlus as ie,Columns4Icon as D,DownloadIcon as O,EllipsisVerticalIcon as k,ExternalLinkIcon as ae,ListFilterIcon as oe,ListFilterPlus as se,MinusIcon as ce,MoreVerticalIcon as le,MoveLeftIcon as ue,MoveRightIcon as de,PinOffIcon as fe,RefreshCwIcon as pe,SearchIcon as me,Trash2Icon as he,UserRoundIcon as ge,XIcon as _e}from"lucide-react";import{Activity as A,createContext as j,memo as M,use as N,useCallback as P,useEffect as F,useId as ve,useMemo as I,useRef as L,useState as R}from"react";import{colorHashLight as ye}from"@customafk/react-toolkit/color-hash";import{flexRender as z,getCoreRowModel as be,getExpandedRowModel as xe,getGroupedRowModel as Se,useReactTable as Ce}from"@tanstack/react-table";import{useVirtualizer as we}from"@tanstack/react-virtual";import{useDebounceCallback as Te}from"@customafk/react-toolkit/hooks/useDebounceCallback";const B=()=>C(`div`,{className:`flex gap-0 text-text-positive-weak`,children:[S(ce,{size:16}),S(ce,{size:16})]}),Ee=({label:e,onClick:t,onRemove:n})=>e?n?C(`div`,{className:`flex w-fit gap-x-0.5 rounded-full border border-border py-1 pr-2 pl-3 text-text-positive text-xs shadow-xs`,onClick:e=>{t?.(),e.stopPropagation(),e.preventDefault()},children:[e,S(`button`,{className:`cursor-pointer text-text-positive-weak hover:text-text-positive-strong`,onClick:e=>{n?.(),e.stopPropagation(),e.preventDefault()},children:S(_e,{size:12})})]}):S(`button`,{className:`w-fit rounded-full border border-border px-3 py-1 text-text-positive text-xs shadow-xs`,onClick:e=>{t?.(),e.stopPropagation(),e.preventDefault()},children:e}):S(B,{}),De=({value:e})=>e==null?S(B,{}):e===!1?S(`div`,{className:`text-danger-strong`,children:S(_e,{})}):S(`div`,{className:`text-success-strong`,children:S(E,{})}),Oe=({date:e})=>e==null?S(B,{}):S(s,{children:C(c,{children:[S(a,{asChild:!0,children:S(i,{className:`h-fit`,children:S(r,{date:e,format:`medium`,className:`font-normal text-white`})})}),S(o,{className:`rounded px-2`,children:S(r,{date:e,format:`full`,showTime:!0,className:`font-medium text-text-negative text-xs`})})]})}),ke=({content:t})=>t==null?S(B,{}):C(c,{children:[S(a,{children:S(e,{variant:`sm`,className:`line-clamp-2 whitespace-pre-line break-all`,children:t})}),S(o,{align:`start`,className:`h-fit min-w-48 max-w-80 pt-4`,children:C(`div`,{className:`flex flex-col gap-y-2`,children:[S(e,{variant:`xs`,className:`whitespace-pre-line text-wrap break-keep text-text-negative-weak`,children:t}),C(`p`,{className:`w-full text-end`,children:[t.toString().length,` chars`]})]})})]}),Ae=({items:e=[]})=>C(_,{children:[S(m,{asChild:!0,children:S(t,{size:`sm`,variant:`ghost`,color:`secondary`,className:`size-9 rounded-full`,children:S(le,{})})}),S(g,{children:S(h,{children:e.map(e=>S(f,{className:`px-3`,onSelect:t=>{e.onClick(e.id),t.stopPropagation()},children:e.label},e.id))})})]}),je=({name:t})=>t?C(c,{children:[S(a,{children:S(e,{variant:`sm`,className:`line-clamp-2 w-full truncate text-wrap pb-px text-start`,children:t})}),S(o,{align:`start`,className:`h-fit min-w-48 max-w-80 pt-4`,children:C(`div`,{className:`flex flex-col gap-y-2`,children:[S(`p`,{className:`whitespace-pre-line text-wrap break-keep`,children:t}),C(`p`,{className:`w-full text-end`,children:[t.length,` chars`]})]})})]}):S(B,{}),Me=({href:e,label:t})=>C(`a`,{href:e,target:`_blank`,className:`inline-flex items-center gap-1 truncate text-primary text-sm underline`,rel:`noopener noreferrer`,children:[S(`span`,{children:t||e}),S(ae,{size:14})]}),Ne=({value:e})=>C(c,{children:[S(a,{asChild:!0,children:S(`p`,{className:`font-number text-secondary-foreground text-sm tabular-nums`,children:e.replace(/(\d{3})(\d{3})(\d{4})/,`($1) $2-$3`)})}),S(o,{align:`start`,children:S(`p`,{className:`tabular-nums`,children:e.slice(1).replace(/(\d{2})(\d{3})(\d{4})/,`(00) (+84) ($1) $2-$3`)})})]}),Pe=({title:e,onClick:n})=>C(c,{children:[S(a,{children:S(t,{type:`button`,variant:`ghost`,color:`danger`,size:`icon`,onClick:P(async e=>{e.preventDefault(),e.stopPropagation(),await n?.()},[n]),children:S(he,{})})}),S(o,{children:S(`p`,{children:e||`Remove item from list table`})})]}),Fe=(e,t,n)=>{let r=10**t;switch(n){case`floor`:return Math.floor(e*r)/r;case`ceil`:return Math.ceil(e*r)/r;default:return Math.round(e*r)/r}},Ie=M(({decimalSeparator:e=`.`,groupSeparator:t=`,`,prefix:r,suffix:i,precision:a,roundingMode:o=`round`,showTrailingZeros:s=!1,size:c=`lg`,value:l=0})=>{let u=I(()=>{let e={};return typeof a==`number`&&a>=0&&s&&(e.minimumFractionDigits=a),e.maximumFractionDigits=a,e},[a,s]),d=P(e=>{let t=e;return typeof a==`number`&&a>=0&&(t=Fe(e,a,o)),t.toLocaleString(`en-US`,u)},[o,u,a]),f=I(()=>{if(typeof l==`number`)return Number.isNaN(l)||!Number.isFinite(l)?`N/A`:d(l);if(typeof l==`string`){let e=l.trim();if(!e)return`N/A`;let t=Number(e);return Number.isNaN(t)||!Number.isFinite(t)?`N/A`:d(t)}return`N/A`},[l,d]),p=I(()=>e===`.`&&t===`,`?f:f.replace(/,/g,t).replace(/\./g,e),[f,e,t]);return p===`0`||p===`N/A`||!p?S(B,{}):C(n,{padding:`none`,className:x(`font-number text-lg text-secondary-foreground tabular-nums`,c===`xs`&&`text-xs`,c===`sm`&&`text-sm`,c===`md`&&`text-base`,c===`lg`&&`text-lg`,c===`xl`&&`text-xl`),children:[r,S(`p`,{children:p}),i]})});Ie.displayName=`UITableStatisticDisplay`;const Le=({uuid:t,username:r,email:i})=>C(n,{wrap:!1,gap:`sm`,padding:`none`,children:[!t&&S(u,{className:`size-10 shadow-card`,children:S(l,{className:`bg-muted-weak`,children:S(ge,{size:28,className:`text-text-negative`})})}),t&&S(u,{className:`size-10 shadow-card`,children:S(l,{style:{backgroundColor:ye.hex(t)},children:S(ge,{size:28,className:`text-white`})})}),C(n,{vertical:!0,padding:`none`,gap:`none`,align:`start`,children:[S(e,{className:`font-medium text-sm text-text-positive-weak`,children:r??`Unknown User`}),S(e,{variant:`sm`,className:`mt-0! text-text-positive-weak text-xs`,children:i})]})]}),Re=j(null),ze=()=>{let e=N(Re);if(!e)throw Error(`useTableInnerWrapperContext must be used within a TableInnerWrapperProvider`);return e},Be=j(null),Ve=()=>{let e=N(Be);if(!e)throw Error(`useTableInnerTableContext must be used within a TableInnerTableProvider`);return e},He=j(null),Ue=()=>{let e=N(He);if(!e)throw Error(`useTableHeaderRowContext must be used within a TableHeaderRowProvider`);return e},We=j(null),Ge=()=>{let e=N(We);if(!e)throw Error(`useTableBodyContext must be used within a TableBodyProvider`);return e},Ke=j(null),qe=()=>{let e=N(Ke);if(!e)throw Error(`useTableRowContext must be used within a TableRowProvider`);return e},Je=j(null),V=()=>{let e=N(Je);if(!e)throw Error(`useTableContext must be used within a TableProvider`);return e},H=M(({isPinned:e,onLeftPin:t,onRightPin:n,onUnpin:r,className:i})=>{let a=P(()=>{t?.(`left`)},[t]),o=P(()=>{n?.(`right`)},[n]),s=P(()=>{r?.(!1)},[r]);return C(_,{children:[S(m,{asChild:!0,children:S(`button`,{className:x(`absolute right-2 z-10 p-0.5 opacity-0`,`cursor-pointer rounded-full transition-all`,`text-text-positive-weak`,`[&>svg]:size-4`,`group-hover:opacity-100`,`hover:bg-muted-muted hover:text-text-positive`,i),children:S(k,{})})}),S(g,{align:`end`,className:`w-64 p-4`,children:C(h,{className:`*:data-[slot=dropdown-menu-item]:rounded-xs *:data-[slot=dropdown-menu-item]:p-2`,children:[S(A,{mode:e?`visible`:`hidden`,children:C(f,{onClick:s,children:[!!e&&`Unpin`,S(p,{children:S(fe,{className:`size-4`})})]})}),C(A,{mode:e?`hidden`:`visible`,children:[C(f,{onClick:a,children:[e?`Unpin`:`Pin to Left`,S(p,{children:S(ue,{className:`size-4`})})]}),C(f,{onClick:o,children:[e?`Unpin`:`Pin to Right`,S(p,{children:S(de,{className:`size-4`})})]})]})]})})]})});H.displayName=`UITableHeadCellOption`;const U=M(({isPinned:e,isAllRowsSelected:t,style:n,onToggleAllRowsSelected:r,...i})=>{let a=P(e=>{r?.(!!e)},[r]);return S(`th`,{slot:`table-header-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:x(e?`sticky`:`relative`),...i,children:S(`div`,{className:`absolute inset-0 flex items-center justify-center`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:S(v,{"aria-label":`Select All Rows`,checked:t,onCheckedChange:a})})})});U.displayName=`UITableHeadCellSelect`;const W=M(({isEmpty:e,isFetching:t})=>!e&&!t?null:C(`div`,{className:`sticky left-0 flex min-h-96 flex-1 items-center justify-center bg-transparent text-text-positive-weak opacity-100`,children:[t&&C(`div`,{className:`flex flex-col items-center gap-1`,children:[S(y,{className:`size-12`}),S(`p`,{children:`Loading data...`})]}),e&&!t&&C(`div`,{className:`flex flex-col items-center gap-1`,children:[S(ne,{strokeWidth:1,size:48}),S(`p`,{children:`No data available`})]})]}));W.displayName=`UITableEmptyDisplay`;const Ye=M(({className:e,children:t,...n})=>S(`div`,{slot:`table-wrapper`,className:x(`relative m-0 flex size-full flex-col flex-nowrap items-start justify-start gap-2`,e),...n,children:t}));Ye.displayName=`UITableWrapper`;const G=M(({children:e,...t})=>{let{innerWrapperId:n}=ze();return S(`div`,{id:n,slot:`table-inner-wrapper`,className:`relative size-full overflow-auto border-b border-b-border border-l border-l-border bg-card`,...t,children:e})});G.displayName=`UITableInnerWrapper`;const K=M(({children:e,...t})=>{let{table:n,innerTableId:r,totalSize:i}=Ve(),a=L(null);return F(()=>{if(!a.current)return;let e=n.getFlatHeaders(),t=new ResizeObserver(t=>{requestAnimationFrame(()=>{let r=t[0].target;if(r instanceof HTMLTableElement){let i=t[0];if(!i)return;let a=i.contentRect.width,{left:o=[],right:s=[]}=n.getState().columnPinning,c=0,l=0,u=0,d=e.map(e=>{let{id:t}=e,n=t===`select`||t===`actions`,r=o.includes(t)||s.includes(t),i=e.getSize(),a=e.column.columnDef.maxSize;return n?(c+=60,{id:t,isFlex:!1,width:60}):r?(c+=i,{id:t,isFlex:!1,width:i}):e.column.columnDef.size||i!==150?(u+=i,{id:t,isFlex:!1,width:i}):(l++,{id:t,isFlex:!0,maxSize:a})}),f=a-c-u,p=l>0?Math.max(0,Math.floor(f/l)):0;d.forEach(e=>{if(e.isFlex){let t=e.maxSize?Math.min(p,e.maxSize):p;r.style.setProperty(`--header-${e.id}-size`,`${t}`),r.style.setProperty(`--col-${e.id}-size`,`${t}`),e.maxSize&&r.style.setProperty(`--col-${e.id}-maxSize`,`${e.maxSize}`)}else r.style.setProperty(`--header-${e.id}-size`,`${e.width}`),r.style.setProperty(`--col-${e.id}-size`,`${e.width}`)})}})});return t.observe(a.current),()=>t.disconnect()},[n.getState().columnSizingInfo,n.getState().columnSizing,n.getState().columnPinning]),S(`table`,{id:r,ref:a,slot:`table-inner-table`,className:`grid w-full table-fixed caption-bottom border-collapse border-spacing-0 flex-col content-start [&_tfoot_td]:border-t`,style:{minWidth:i},...t,children:e})});K.displayName=`UITableInnerTable`;const q=M(({className:e,children:t,...n})=>S(`thead`,{slot:`table-head`,className:x(`sticky top-0 z-20 h-9 w-full`,`grid select-none bg-muted-bg-subtle`,`border-b border-b-border shadow`,`font-medium text-[13px] text-text-positive-weak`,`[&_tr:not(:last-child)_td]:border-b`,`[&_th]:inline-flex`,`[&_th]:items-center`,`[&_th]:transition-all`,`[&_th]:duration-300`,`[&_th]:whitespace-nowrap`,`[&_th]:border-border`,`[&_th]:last:border-r-0`,`[&_th]:first:border-l-0`,`[&_tr_th:not([data-pinned=false])]:bg-muted-bg-subtle`,e),...n,children:t}));q.displayName=`UITableHead`;const J=M(({headerGroup:e,className:t,...n})=>{let{isAllRowsSelected:r,columnPinningState:i,leftPinnedHeaders:a,rightPinnedHeaders:o,onToggleAllRowsSelected:s}=Ue(),c=o[0]?.id,l=a[a.length-1]?.id;return S(`tr`,{slot:`table-head-row`,className:x(`flex`,t),...n,children:e.headers.map((e,t)=>{let n=e.column.getIsVisible(),a=i.left?.includes(e.id)?`left`:i.right?.includes(e.id)?`right`:!1;return e.id===`select`?S(U,{isPinned:a,isAllRowsSelected:r,onToggleAllRowsSelected:s},e.id):S(Y,{isVisible:n,isPinned:a,isFirstCell:e.id===c,isLastCell:e.id===l,isOptionsVisible:![`select`,`actions`].includes(e.id),headerId:e.id,headerColumn:e.column,colSpan:e.colSpan,onColumnPin:e.column.pin,onToggleVisibility:e.column.toggleVisibility,children:z(e.column.columnDef.header,e.getContext())},`${e.id}-${t}`)})})});J.displayName=`UITableHeadRow`;const Y=M(({isVisible:e=!0,isPinned:t=!1,isFirstCell:n=!1,isLastCell:r=!1,isOptionsVisible:i=!0,headerId:a,headerColumn:o,className:s,children:c,onColumnPin:l,onToggleVisibility:u,...d})=>{let f=I(()=>t?20:void 0,[t]),p=I(()=>{let e=o?.getStart?.(`left`);return t===`left`&&typeof e==`number`?`${e}px`:void 0},[t,o]),m=I(()=>{let e=o?.getAfter?.(`right`);return t===`right`&&typeof e==`number`?`${e}px`:void 0},[t,o]),h=I(()=>`calc(var(--header-${a}-size) * 1px)`,[a]),g=I(()=>o?.columnDef.minSize?`calc(var(--col-${a}-minSize) * 1px)`:void 0,[a,o]),_=I(()=>o?.columnDef.maxSize?`calc(var(--col-${a}-maxSize) * 1px)`:void 0,[a,o]);return C(`th`,{slot:`table-head-cell`,"data-pinned":t,"data-header":a,style:{zIndex:f,left:p,right:m,width:h,minWidth:g,maxWidth:_},className:x(`group flex`,t?`sticky`:`relative`,t===`left`&&r&&`border-r border-r-border`,t===`right`&&n&&`border-l border-l-border`,o?.columnDef.meta?.position===`center`&&`justify-center`,o?.columnDef.meta?.position===`end`&&`justify-end`,o?.columnDef.meta?.position===`start`&&`justify-start`,s),...d,children:[S(`div`,{className:`truncate pl-4`,children:c}),i&&S(H,{isPinned:t,isVisible:e,onLeftPin:l,onRightPin:l,onUnpin:l})]})});Y.displayName=`UITableHeadCell`;const X=M(({height:e,className:t,children:n,...r})=>{let{isFetching:i,isEmpty:a}=Ge();return a||i?null:S(`tbody`,{slot:`table-body`,style:{height:e},className:x(`relative w-full`,`grid`,`[&_tr]:absolute`,`[&_tr]:flex`,`[&_tr]:flex-none`,`[&_tr]:w-full`,`[&_tr]:cursor-pointer [&_tr]:focus:outline-none`,`[&_tr]:border-b [&_tr]:border-b-border`,`[&_td]:z-10`,`[&_td]:transition-all`,`[&_td]:duration-300`,`[&_td]:flex`,`[&_td]:flex-none`,`[&_td]:overflow-hidden`,`[&_td]:whitespace-nowrap`,`[&_td]:px-4`,`[&_td]:py-2.5`,`[&_td]:align-middle`,`[&_td]:border-border`,`[&_td]:data-[selected=true]:bg-muted-muted!`,`[&_td]:data-[selected=true]:hover:bg-muted-muted!`,`[&_td>div]:inline-flex`,`[&_td>div]:items-center`,`[&_td>div]:w-full`,`[&_td:not([data-pinned=false])]:z-20`,`[&_td:not([data-pinned=false])]:sticky`,`[&_td:not([data-pinned=false])]:bg-card`,`**:data-lastcell:border-r`,`**:data-firstcell:border-l`,t),...r,children:n})});X.displayName=`UITableBody`;const Z=M(({row:e,isSelected:t,virtualRowIndex:n,virtualRowStart:r,children:i,...a})=>{let{keyOfClickRow:o,isAllRowsSelected:s,columnPinningState:c,leftPinnedHeaders:l,rightPinnedHeaders:u,onClickRow:d}=qe(),f=I(()=>c.left??[],[c]),p=I(()=>c.right??[],[c]),m=I(()=>u?.[0]?.id,[u]),h=I(()=>l?.[l.length-1]?.id,[l]),g=P(t=>{let r=o?e.original?.[o]:void 0;d?.(n,typeof r==`string`||typeof r==`number`?r:void 0),t.preventDefault(),t.stopPropagation()},[o,d,e,n]);return S(`tr`,{slot:`table-row`,"data-index":n,style:{transform:`translateY(${r}px)`},className:`group`,onClick:g,...a,children:e.getVisibleCells().map((e,r)=>{let i=f.includes(e.column.id),a=p.includes(e.column.id),o=i?`left`:a?`right`:!1;return e.column.id===`actions`?S($,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,virtualRowIndex:n,column:e.column,getContext:e.getContext},`${e.id}-${r}`):e.column.id===`select`?S(Q,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,isSelected:s||t,onToggleRowSelected:e.row.toggleSelected},`${e.id}-${r}`):S(Xe,{"data-col":e.column.id,"data-cell":n,"data-selected":t||void 0,isPinned:o,isFirstCell:e.column.id===m,isLastCell:e.column.id===h,colId:e.column.id,position:e.column.columnDef.meta?.position??`start`,column:e.column,getContext:e.getContext},`${e.id}-${r}`)})})});Z.displayName=`UITableRow`;const Q=M(({isPinned:e,isSelected:t=!1,className:n,onToggleRowSelected:r,...i})=>{let a=P(e=>{r?.(!!e)},[r]);return S(`td`,{slot:`table-body-cell`,"data-pinned":!0,style:{left:0,zIndex:20,width:60,maxWidth:60},className:x(`group-hover:bg-muted-bg-subtle!`,e?`sticky`:`relative`,n),...i,children:S(`div`,{"data-slot":`table-cell-inner`,className:`flex! w-full! items-center justify-center bg-transparent text-center align-middle`,onClick:e=>{e.preventDefault(),e.stopPropagation()},children:S(v,{"aria-label":`Select Row`,checked:t,onCheckedChange:a})})})});Q.displayName=`UITableCellSelect`;const $=M(({virtualRowIndex:e,column:t,getContext:n,className:r,...i})=>{let a=I(()=>z(t?.columnDef.cell,n()),[t,n]);return S(`td`,{"data-col":`actions`,"data-cell":e,className:`sticky inset-y-0 right-0 z-50 flex items-center pr-4 group-hover:bg-muted-bg-subtle!`,...i,children:a})});$.displayName=`UITableCellActions`;const Xe=M(({isPinned:e=!1,isFirstCell:t=!1,isLastCell:n=!1,colId:r,position:i=`start`,column:a,getContext:o,...s})=>{let{innerTableId:c,table:l}=Ve(),u=L(document.querySelector(`table[id="${c}"]`)),d=L(null),f=I(()=>{let t=a?.getStart(`left`);return e===`left`&&typeof t==`number`?`${t}px`:void 0},[e,a]),p=I(()=>{let t=a?.getAfter(`right`);return e===`right`&&typeof t==`number`?`${t}px`:void 0},[e,a]),m=I(()=>`calc(var(--col-${r}-size) * 1px)`,[r]),h=I(()=>a?.columnDef.minSize?`calc(var(--col-${r}-minSize) * 1px)`:void 0,[r,a]),g=I(()=>a?.columnDef.maxSize?`calc(var(--col-${r}-maxSize) * 1px)`:void 0,[r,a]),_=I(()=>z(a?.columnDef.cell,o()),[a,o]);return F(()=>{if(!d.current)return;let e=d.current.scrollWidth,t=a?.getSize();t&&e>t&&u.current instanceof HTMLTableElement&&typeof r==`string`&&a?.columnDef.meta?.fitContent&&l.setColumnSizing(t=>({...t,[r]:e+32}))},[r,a,l]),S(`td`,{slot:`table-body-cell`,"data-pinned":e,"data-lastcell":n||void 0,"data-firstcell":t||void 0,style:{left:f,right:p,width:m,minWidth:h,maxWidth:g},className:`group-hover:bg-muted-bg-subtle!`,...s,children:S(`div`,{ref:d,slot:`table-body-cell-inner`,className:x(i===`start`&&`justify-start`,i===`center`&&`justify-center`,i===`end`&&`justify-end`),children:_})})});Xe.displayName=`UITableCell`;const Ze=M(({className:e,children:t,...n})=>S(`tfoot`,{slot:`table-footer`,className:x(`flex w-full justify-center border-border-weak border-t py-2 font-medium [&>tr]:last:border-b-0`,e),...n,children:t}));Ze.displayName=`UITableFooter`;const Qe=M(({virtualRowIndex:e,virtualRowStart:t,fetchMoreData:n})=>{let{innerWrapperId:r}=ze(),i=L(document.querySelector(`div[id="${r}"]`)),a=L(null),[o,s]=R(`idle`),[c,l]=R(0),u=P(async()=>{try{s(`fetching`),await n?.(),s(`idle`)}catch(e){console.error(`Error fetching more data:`,e),s(`error`)}},[n]);return F(()=>{if(!i.current)return;let e=new ResizeObserver(e=>{l(e[0].contentRect.width)});return e.observe(i.current),()=>e.disconnect()},[]),n?S(`tr`,{ref:a,"data-index":e,style:{transform:`translateY(${t}px)`,width:c},className:`sticky! left-0 h-10`,children:S(`td`,{className:`absolute left-0 flex w-full items-center justify-center text-xs`,children:C(`button`,{type:`button`,disabled:o===`fetching`,className:x(`flex cursor-pointer gap-x-0.5`,o===`fetching`&&`cursor-not-allowed`,o===`idle`&&`text-text-positive-weak hover:text-text-positive`,o===`error`&&`text-danger hover:text-danger-strong`),onClick:u,children:[o===`idle`&&S(re,{className:`size-4`}),o===`fetching`&&S(y,{className:`size-4 animate-spin`}),o===`error`&&S(w,{className:`size-4 text-danger`}),o===`idle`&&`Load More`,o===`fetching`&&`Loading...`,o===`error`&&`Error! Retry?`]})})}):null});Qe.displayName=`UITableLoadMore`;const $e=()=>{let{table:e,isEmpty:t,isFetching:n,fetchMoreData:r}=V(),{rowSelectionState:i}=Ge(),a=L(null),{rows:o}=e.getRowModel(),s=we({count:o.length+1,estimateSize:()=>40,getScrollElement:()=>a.current,measureElement:typeof window<`u`&&navigator.userAgent.indexOf(`Firefox`)===-1?e=>e?.getBoundingClientRect().height:void 0,overscan:2}),c=I(()=>{let e=s.getTotalSize(),t=a.current?.clientHeight||0;return e<t?`${t}px`:`${e}px`},[s.getTotalSize()]);return S(ee,{direction:`horizontal`,style:{direction:e.options.columnResizeDirection},className:`relative flex w-full max-w-full flex-1 gap-1 overflow-auto border-t border-t-border border-r border-r-border bg-slate-50 p-0 text-sm`,children:S(b,{className:`relative`,children:C(G,{ref:a,children:[C(K,{children:[S(q,{children:e.getHeaderGroups().map(e=>S(J,{headerGroup:e},e.id))}),S(X,{height:c,children:s.getVirtualItems().map(e=>{let t=o[e.index],n=Object.entries(i).some(([e,n])=>e===`${t?.id}`&&n);return t?S(Z,{ref:s.measureElement,row:t,isSelected:n,virtualRowIndex:e.index,virtualRowStart:e.start},e.index):S(Qe,{virtualRowIndex:e.index,virtualRowStart:e.start,fetchMoreData:r},e.index)})})]}),S(W,{isEmpty:t,isFetching:n})]})})})},et=({checked:e,title:t,onCheckedChange:n})=>C(`div`,{className:`flex h-fit items-center gap-2`,children:[S(v,{checked:e,onCheckedChange:n}),S(`p`,{className:`text-sm`,children:t})]}),tt=()=>{let{table:e}=V(),[n,r]=R(null);return S(b,{defaultSize:25,className:x(`bg-card`,n===null?`max-w-8!`:`min-w-64`),children:C(`div`,{className:`relative z-20 flex size-full bg-muted-bg-subtle`,children:[C(`div`,{className:`flex-1`,children:[S(A,{mode:n===`columns`?`visible`:`hidden`,children:C(`div`,{className:`flex size-full flex-col gap-2 p-4`,children:[S(`p`,{className:`px-2 font-medium`,children:`Columns Visibility`}),S(d,{}),S(`div`,{className:`flex flex-col gap-4 pt-4`,children:e.getAllColumns().map(e=>[`select`,`actions`].includes(e.id)?null:S(et,{checked:e.getIsVisible(),title:String(e.columnDef.header),onCheckedChange:t=>e.toggleVisibility(!!t)},e.id))})]})}),S(A,{mode:n===`filters`?`visible`:`hidden`,children:S(`div`,{className:`flex size-full flex-col p-2`,children:C(t,{variant:`outline`,color:`muted`,children:[S(se,{}),`Add Filter`]})})})]}),C(`div`,{className:`flex h-full flex-col border-border border-l bg-muted-bg-subtle text-sm`,children:[C(`button`,{className:x(`flex h-32 cursor-pointer flex-col items-center gap-y-2 p-2 py-4`,n===`columns`&&`bg-card`),onClick:()=>r(n===`columns`?null:`columns`),children:[S(D,{size:18}),S(`span`,{className:`text-nowrap [writing-mode:vertical-lr]`,children:`Columns`})]}),S(d,{}),C(`button`,{className:x(`flex h-32 cursor-pointer flex-col items-center gap-y-2 p-2 py-4`,n===`filters`&&`bg-card`),onClick:()=>r(n===`filters`?null:`filters`),children:[S(oe,{size:18}),S(`span`,{className:`text-nowrap [writing-mode:vertical-lr]`,children:`Filters`})]}),S(d,{})]})]})})},nt=M(({innerWrapperId:e,children:t})=>{let n=I(()=>({innerWrapperId:e}),[e]);return S(Re.Provider,{value:n,children:t})});nt.displayName=`UITableInnerWrapperProvider`;const rt=M(({table:e,innerTableId:t,totalSize:n,children:r})=>{let i=I(()=>({table:e,innerTableId:t,totalSize:n}),[e,t,n]);return S(Be.Provider,{value:i,children:r})});rt.displayName=`UITableInnerTableProvider`;const it=M(({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i,children:a})=>{let o=I(()=>({isAllRowsSelected:e,columnPinningState:t,leftPinnedHeaders:n,rightPinnedHeaders:r,onToggleAllRowsSelected:i}),[e,t,n,r,i]);return S(He.Provider,{value:o,children:a})});it.displayName=`UITableHeadRowProvider`;const at=M(({isFetching:e,isEmpty:t,rowSelectionState:n,children:r})=>{let i=I(()=>({isFetching:e,isEmpty:t,rowSelectionState:n}),[e,t,n]);return S(We.Provider,{value:i,children:r})});at.displayName=`UITableBodyProvider`;const ot=M(({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a,children:o})=>{let s=I(()=>({keyOfClickRow:e,isAllRowsSelected:t,columnPinningState:n,leftPinnedHeaders:r,rightPinnedHeaders:i,onClickRow:a}),[e,t,n,r,i,a]);return S(Ke.Provider,{value:s,children:o})});ot.displayName=`UITableRowProvider`;const st=({title:e,isFetching:t=!1,isRefetching:n=!1,data:r,columns:i,totalRows:a,leftPinnedColumns:o=[],rightPinnedColumns:s=[],keyOfClickRow:c,onClickRow:l,onRowSelection:u,onColumnPinning:d,fetchMoreData:f,children:p})=>{let m=ve(),h=ve(),[g,_]=R({}),[v,y]=R({right:s,left:[`select`,...o]}),[b,ee]=R({}),te=P(e=>(_(e),u?.(e instanceof Function?e(g):e),e),[g,u]),x=P(e=>{y(e),d?.(e instanceof Function?e(v):e)},[v,d]),C=Ce({data:r,columns:i,state:{rowSelection:g,columnPinning:v,expanded:b},defaultColumn:{enableResizing:!1,size:void 0,minSize:void 0,maxSize:void 0},columnResizeMode:`onChange`,columnResizeDirection:`ltr`,enableColumnPinning:!0,enableRowSelection:!0,enableColumnResizing:!0,enableMultiRowSelection:!0,autoResetAll:!1,autoResetExpanded:!1,autoResetPageIndex:!1,getSubRows:e=>e.subRows,getCoreRowModel:be(),getGroupedRowModel:Se(),getExpandedRowModel:xe(),onRowSelectionChange:te,onColumnPinningChange:x,onExpandedChange:ee}),w=I(()=>{let{rows:e}=C.getRowModel();return e},[C.getRowModel().rows,C.getState().columnPinning]),T=I(()=>!t&&w.length===0,[w,t]),ne=I(()=>({title:e,table:C,isEmpty:T,isFetching:t,isRefetching:n,totalRows:a,fetchMoreData:f}),[e,C,T,n,t,a,f,C.getState().columnPinning,C.getState().expanded]),E=I(()=>C.getState(),[C.getState()]),re=I(()=>C.getIsAllRowsSelected(),[C.getIsAllRowsSelected()]),ie=I(()=>E.rowSelection,[E.rowSelection]),D=I(()=>E.columnPinning,[E.columnPinning]),O=I(()=>C.getLeftHeaderGroups()[0]?.headers||[],[C.getState().columnPinning]),k=I(()=>C.getRightHeaderGroups()[0]?.headers||[],[C.getState().columnPinning]),ae=I(()=>C.getTotalSize(),[C.getTotalSize()]);return S(Je.Provider,{value:ne,children:S(nt,{innerWrapperId:m,children:S(rt,{table:C,innerTableId:h,totalSize:ae,children:S(it,{isAllRowsSelected:re,columnPinningState:D,leftPinnedHeaders:O,rightPinnedHeaders:k,onToggleAllRowsSelected:C.toggleAllRowsSelected,children:S(at,{isFetching:t,isEmpty:T,rowSelectionState:ie,children:S(ot,{keyOfClickRow:c,isAllRowsSelected:re,columnPinningState:D,leftPinnedHeaders:O,rightPinnedHeaders:k,onClickRow:l,children:p})})})})})})},ct=({onSearch:e,onChange:t,...n})=>{let r=Te(t=>{e?.(t)},500);return C(`div`,{className:`relative w-full max-w-80 flex-1`,children:[S(te,{...n,size:`lg`,type:`search`,placeholder:`Search records...`,className:`flex-1 ps-9 pe-9`,onChange:e=>{t?.(e),r(e.target.value??``)}}),S(`div`,{className:`pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-text-positive-weak peer-disabled:opacity-50`,children:S(me,{size:16})}),S(`button`,{className:`absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:z-10 focus-visible:border focus-visible:border-primary-strong focus-visible:ring-[3px] focus-visible:ring-primary-weak disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:S(T,{size:16,"aria-hidden":`true`})})]})},lt=({children:e,disabled:t,onClick:n})=>S(`button`,{type:`button`,disabled:t,className:`flex cursor-pointer items-center gap-x-1 rounded-sm border border-border bg-background p-2.5 text-sm text-text-positive-weak outline-none transition-all hover:shadow-card focus:border-border-emphasis focus:bg-muted-muted active:border-border-emphasis active:bg-muted-muted active:text-text-positive disabled:pointer-events-none disabled:cursor-default disabled:opacity-60 [&_svg]:size-3.5`,onClick:n,children:e}),ut=({onCreate:e,onDownload:t,onRefresh:n})=>C(`div`,{className:`flex [&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none`,children:[S(lt,{disabled:!e,onClick:t=>{e?.(),t.stopPropagation(),t.preventDefault()},children:S(ie,{})}),S(lt,{disabled:!n,onClick:e=>{n?.(),e.stopPropagation(),e.preventDefault()},children:S(pe,{})}),S(lt,{disabled:!t,onClick:e=>{t?.(),e.stopPropagation(),e.preventDefault()},children:S(O,{})})]}),dt=({children:e})=>{let{title:t}=V();return C(`div`,{"data-slot":`table-tooltip`,className:`relative m-0 flex w-full flex-0 flex-col flex-wrap items-start space-y-2 p-0 px-2 text-sm`,children:[S(`h3`,{className:`font-semibold text-base text-text-positive`,children:t}),S(`div`,{className:`flex w-full flex-1 justify-between gap-x-2`,children:e})]})};dt.displayName=`TableTooltip`;export{Ee as UITableBadgeDisplay,X as UITableBody,De as UITableBooleanDisplay,Xe as UITableCell,$ as UITableCellActions,Q as UITableCellSelect,$e as UITableContainer,Oe as UITableDateDisplay,ke as UITableDescriptionDisplay,W as UITableEmptyDisplay,tt as UITableFilter,Ze as UITableFooter,q as UITableHead,Y as UITableHeadCell,H as UITableHeadCellOption,U as UITableHeadCellSelect,J as UITableHeadRow,K as UITableInnerTable,G as UITableInnerWrapper,Qe as UITableLoadMore,Ae as UITableMoreButton,je as UITableNameDisplay,Me as UITablePermalink,Ne as UITablePhoneNumberDisplay,st as UITableProvider,Pe as UITableRemoveButton,Z as UITableRow,Ie as UITableStatisticDisplay,dt as UITableTooltip,ut as UITableTooltipActions,ct as UITableTooltipFilter,Le as UITableUserDataDisplay,Ye as UITableWrapper};
-//# sourceMappingURL=index.mjs.map
+import"../../button.variants-DeCyas1F.mjs";import"../../button-C6ybzxxj.mjs";import"../../paragraph-Ch5TvEqL.mjs";import"../../flex-BLMTj7Ev.mjs";import"../../date-CVz9xdCg.mjs";import"../../badge-B8bw2UEY.mjs";import"../../tooltip-Bj0iOG4s.mjs";import"../../avatar-DbxqvCjT.mjs";import"../../separator-BMsbHAVt.mjs";import{A as e,C as t,D as n,E as r,M as i,N as a,O as o,S as s,T as c,_ as l,a as u,b as d,c as f,d as p,f as m,g as h,h as g,i as _,j as v,k as y,l as b,m as x,n as S,o as C,p as w,r as T,s as E,t as D,u as O,v as k,w as A,x as j,y as M}from"../../tables-DrJKQPsT.mjs";import"../../dropdown-menu-DWSfXhHo.mjs";import"../../checkbox-DJEdYOjA.mjs";import"../../spinner-EgMJOaQi.mjs";import"../../resizable-DWh_mp5P.mjs";import"../../input-Cd0G5y-9.mjs";export{a as UITableBadgeDisplay,E as UITableBody,i as UITableBooleanDisplay,f as UITableCell,b as UITableCellActions,O as UITableCellSelect,C as UITableContainer,v as UITableDateDisplay,e as UITableDescriptionDisplay,p as UITableEmptyDisplay,u as UITableFilter,m as UITableFooter,w as UITableHead,x as UITableHeadCell,g as UITableHeadCellOption,h as UITableHeadCellSelect,l as UITableHeadRow,k as UITableInnerTable,M as UITableInnerWrapper,d as UITableLoadMore,y as UITableMoreButton,o as UITableNameDisplay,n as UITablePermalink,r as UITablePhoneNumberDisplay,_ as UITableProvider,c as UITableRemoveButton,j as UITableRow,A as UITableStatisticDisplay,D as UITableTooltip,S as UITableTooltipActions,T as UITableTooltipFilter,t as UITableUserDataDisplay,s as UITableWrapper};

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

@@ -1,2 +1 @@
-const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../heading-BEbpIiLg.cjs`),require(`../../paragraph-Co2e-y5c.cjs`),require(`../../button.variants-aqkTmzFu.cjs`);const t=require(`../../button-Cd7YtPlT.cjs`),n=require(`../../separator-C3ip6sbh.cjs`),r=require(`../../close-D_Ge7gnP.cjs`),i=require(`../../dialog-BoNhIQYJ.cjs`),a=require(`../../checkbox-C0fSWwmD.cjs`),o=require(`../../input-BoMJaF_N.cjs`),s=require(`../../popover-DzDrgttC.cjs`),c=require(`../../calendar-Cq3_5u0k.cjs`),l=require(`../../radio-group-CBhRsUjN.cjs`),u=require(`../../select-2CgwiefV.cjs`),d=require(`../../textarea-Dlwbg6TY.cjs`);let f=require(`@customafk/react-toolkit/utils`),p=require(`class-variance-authority`),m=require(`react/jsx-runtime`),h=require(`lucide-react`),g=require(`react`),_=require(`@customafk/react-toolkit/date-fns`),v=require(`radix-ui`),y=require(`@tanstack/react-form`);const b=(0,p.cva)([`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`}}),x=({label:e,color:t,size:n,className:r,children:i})=>(0,m.jsx)(`div`,{"data-slot":`required-indicator`,className:b({color:t,size:n,className:r}),children:e||i});function S({className:e,children:t,...n}){return(0,m.jsxs)(v.Label.Root,{"data-slot":`label`,className:(0,f.cn)(`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,(0,m.jsx)(x,{label:`Required`,color:`danger`,size:`sm`,className:`hidden`})]})}const C=(0,p.cva)(`group/field flex w-full gap-2 data-[invalid=true]:text-danger *:data-[slot=field-content]:gap-0`,{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`}}),w=(0,g.memo)(({className:e,...t})=>(0,m.jsx)(`fieldset`,{"data-slot":`field-set`,className:(0,f.cn)(`flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,e),...t}));w.displayName=`FieldSet`;const T=(0,g.memo)(({className:e,variant:t=`legend`,...n})=>(0,m.jsx)(`legend`,{"data-slot":`field-legend`,"data-variant":t,className:(0,f.cn)(`mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,e),...n}));T.displayName=`FieldLegend`;const E=(0,g.memo)(({className:e,...t})=>(0,m.jsx)(`div`,{"data-slot":`field-group`,className:(0,f.cn)(`group/field-group @container/field-group`,`flex flex-col gap-7`,`data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,e),...t}));E.displayName=`FieldGroup`;const D=(0,g.memo)(({className:e,orientation:t=`vertical`,...n})=>(0,m.jsx)(`div`,{"data-slot":`field`,"data-orientation":t,className:(0,f.cn)(C({orientation:t}),e),...n}));D.displayName=`Field`;const O=(0,g.memo)(({className:e,...t})=>(0,m.jsx)(`div`,{"data-slot":`field-content`,className:(0,f.cn)(`group/field-content flex flex-col gap-1.5 leading-snug`,e),...t}));O.displayName=`FieldContent`;const k=(0,g.memo)(({className:e,...t})=>(0,m.jsx)(`div`,{"data-slot":`field-content-main`,className:(0,f.cn)(`relative`,e),...t})),A=(0,g.memo)(({className:e,...t})=>(0,m.jsx)(S,{"data-slot":`field-label`,className:(0,f.cn)(`group/field-label peer/field-label flex h-6 gap-1 font-medium 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}));A.displayName=`FieldLabel`;const j=(0,g.memo)(({className:e,...t})=>(0,m.jsx)(`div`,{"data-slot":`field-label`,className:(0,f.cn)(`flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50`,e),...t}));j.displayName=`FieldTitle`;const M=(0,g.memo)(({className:e,...t})=>(0,m.jsx)(`p`,{"data-slot":`field-description`,className:(0,f.cn)(`nth-last-2:-mt-1 font-normal text-text-positive-weak text-xs leading-normal last:mt-0 [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4 [[data-variant=legend]+&]:-mt-1.5`,e),...t}));M.displayName=`FieldDescription`;const N=(0,g.memo)(({isShow:e=!0,className:t,...n})=>e===!1?null:(0,m.jsx)(`div`,{"data-slot":`field-note`,className:(0,f.cn)(`text-wrap rounded border border-primary-muted bg-primary-bg-subtle p-2 text-text-positive-weak text-xs`,t),...n}));N.displayName=`FieldNote`;const P=(0,g.memo)(({children:e,className:t,...r})=>(0,m.jsxs)(`div`,{"data-slot":`field-separator`,"data-content":!!e,className:(0,f.cn)(`relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2`,t),...r,children:[(0,m.jsx)(n.t,{className:`absolute inset-0 top-1/2`}),e&&(0,m.jsx)(`span`,{className:`relative mx-auto block w-fit bg-background px-2 text-text-positive-weak`,"data-slot":`field-separator-content`,children:e})]}));P.displayName=`FieldSeparator`;const F=(0,g.memo)(({className:e,children:t,errors:n,...r})=>{let i=(0,g.useMemo)(()=>t||(n?n?.length===1&&n[0]?.message?(0,m.jsx)(`div`,{className:`flex flex-row items-center justify-start gap-x-0.5`,children:(0,m.jsx)(`p`,{children:n[0]?.code===`invalid_type`?`Không đúng định dạng`:n[0].message})}):(0,m.jsx)(`ul`,{className:`flex list-none flex-col`,children:n.map(e=>typeof e==`string`?(0,m.jsx)(`li`,{children:e},e):e?.message?(0,m.jsx)(`li`,{children:e.message},e.message):null)}):null),[t,n]);return i?(0,m.jsx)(`div`,{role:`alert`,"data-slot":`field-error`,className:(0,f.cn)(`w-full font-semibold text-danger-strong text-xs`,e),...r,children:i}):null});F.displayName=`FieldError`;const I=({label:e,description:t,options:n,helperText:r,orientation:i})=>{let o=Q(),s=(0,y.useStore)(o.form.store,({isSubmitting:e})=>e);return(0,m.jsxs)(E,{className:`gap-y-4 px-4`,children:[(0,m.jsxs)(D,{orientation:i,children:[(0,m.jsxs)(O,{children:[(0,m.jsx)(A,{children:e}),(0,m.jsx)(M,{children:t}),(0,m.jsx)(N,{isShow:!!r,children:r})]}),(0,m.jsx)(k,{children:(0,m.jsx)(E,{className:`flex flex-col gap-y-2`,children:n.map(e=>(0,m.jsxs)(D,{orientation:`horizontal`,children:[(0,m.jsx)(a.t,{id:`${o.name}-${e.value}`,name:o.name,checked:o.state.value?.includes(e.value)??!1,disabled:s,onCheckedChange:t=>{if(t&&o.state.value!==null)o.pushValue(e.value);else if(t&&o.state.value===null)o.setValue([e.value]);else if(!t&&o.state.value!==null){let t=o.state.value.indexOf(e.value);t>-1&&o.removeValue(t)}else !t&&o.state.value===null&&o.setValue(null)}}),(0,m.jsx)(A,{htmlFor:`${o.name}-${e.value}`,className:`text-text-positive`,children:e.label})]},e.value))})})]}),(0,m.jsx)(P,{})]})},L=({label:e,description:n,placeholder:r,orientation:i=`responsive`,helperText:a,minDate:o,maxDate:l,required:u})=>{let d=Q(),p=(0,g.useMemo)(()=>u?d.state.value===null:!1,[u,d.state.value]),v=(0,g.useMemo)(()=>d.state.meta.isTouched&&!d.state.meta.isValid,[d.state.meta.isTouched,d.state.meta.isValid]);return(0,m.jsxs)(E,{className:`px-4`,children:[(0,m.jsxs)(D,{orientation:i,"data-invalid":v,children:[(0,m.jsxs)(O,{children:[(0,m.jsx)(A,{htmlFor:d.name,"aria-required":p,children:e}),(0,m.jsx)(M,{children:n})]}),(0,m.jsxs)(k,{className:`flex flex-col space-y-1`,children:[(0,m.jsx)(`div`,{className:`flex w-full flex-col`,children:(0,m.jsxs)(s.t,{children:[(0,m.jsx)(s.a,{asChild:!0,children:(0,m.jsxs)(t.t,{variant:`outline`,color:`muted`,size:`lg`,className:(0,f.cn)(`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`,d.state.value===null&&`text-text-positive-muted`),children:[(0,m.jsx)(`p`,{children:d.state.value===null?r||`Select date`:(0,_.format)(d.state.value,`PPPP`)}),(0,m.jsx)(h.CalendarDaysIcon,{strokeWidth:1})]})}),(0,m.jsxs)(s.i,{align:`start`,side:`bottom`,className:`flex w-fit min-w-0 overflow-y-auto rounded p-0`,onBlur:d.handleBlur,children:[(0,m.jsxs)(`div`,{className:`flex h-full flex-col space-y-2 border-r border-r-border p-2 [&>button]:justify-start [&>button]:text-sm`,children:[(0,m.jsx)(t.t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{d.handleChange((0,_.endOfToday)())},children:`Today`}),(0,m.jsx)(t.t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{d.handleChange((0,_.endOfTomorrow)())},children:`Tomorrow`}),(0,m.jsx)(t.t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{d.handleChange((0,_.endOfYesterday)())},children:`Yesterday`}),(0,m.jsx)(t.t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{d.handleChange((0,_.subDays)((0,_.endOfToday)(),3))},children:`Last 3 Days`}),(0,m.jsx)(t.t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{d.handleChange((0,_.subDays)((0,_.endOfToday)(),7))},children:`Last 7 Days`}),(0,m.jsx)(t.t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{d.handleChange((0,_.subDays)((0,_.endOfToday)(),30))},children:`Last 30 Days`}),(0,m.jsx)(t.t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{d.handleChange((0,_.startOfMonth)((0,_.endOfToday)()))},children:`This Month`}),(0,m.jsx)(t.t,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>{d.handleChange((0,_.lastDayOfMonth)((0,_.endOfToday)()))},children:`Last Month`})]}),(0,m.jsx)(`div`,{className:`flex flex-1 flex-col`,children:(0,m.jsx)(`div`,{className:`min-w-73 border-b border-b-border p-2`,children:(0,m.jsx)(c.t,{mode:`single`,selected:d.state.value??void 0,hidden:{before:o??new Date(1900,0,1),after:l??new Date(2100,11,31)},onSelect:e=>{e&&d.handleChange(e)}})})})]})]})}),(0,m.jsx)(N,{isShow:!!a,children:a})]})]}),(0,m.jsx)(P,{})]})},R=({label:e,description:t,placeholder:n,helperText:r,orientation:i=`responsive`,showErrorMessage:a=!0,maxLength:s})=>{let{form:c,name:l,state:u,handleBlur:d,handleChange:p}=Q(),_=(0,y.useStore)(c.store,({isSubmitting:e})=>e),v=(0,g.useMemo)(()=>u.meta.isDirty&&u.meta.isTouched&&!u.meta.isValid,[u.meta.isDirty,u.meta.isTouched,u.meta.isValid]),b=(0,g.useCallback)(({target:{value:e}})=>{_||s&&e.length>s||p(e||null)},[_,s,p]),x=(0,g.useCallback)(()=>{_||p(null)},[_,p]);return(0,m.jsxs)(E,{className:`gap-y-4 px-4`,children:[(0,m.jsxs)(D,{"data-invalid":v,orientation:i,children:[(0,m.jsxs)(O,{children:[(0,m.jsx)(A,{htmlFor:l,children:e}),(0,m.jsx)(M,{children:t})]}),(0,m.jsxs)(k,{children:[(0,m.jsx)(o.t,{id:l,name:l,value:u.value===null?``:u.value,"aria-invalid":v,autoComplete:`email`,placeholder:n,className:(0,f.cn)(`pl-9`,_&&`pointer-events-none bg-muted-muted opacity-60`),onBlur:d,onChange:b}),(0,m.jsx)(`div`,{className:`absolute top-0 left-0 flex size-9 items-center justify-center text-muted`,children:(0,m.jsx)(h.AtSignIcon,{size:14})}),(0,m.jsx)(`button`,{type:`button`,"aria-label":`Clear`,className:`absolute inset-e-0 inset-y-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:x,children:(0,m.jsx)(h.XIcon,{size:14,"aria-hidden":`true`})}),(0,m.jsx)(`div`,{className:`mt-1 flex w-full items-start justify-start`,children:a&&u.meta.isDirty&&(0,m.jsx)(F,{errors:u.meta.errors})}),(0,m.jsx)(N,{isShow:!!r,children:r})]})]}),(0,m.jsx)(P,{})]})},z=e=>e?/^-?\d*\.?\d*$/:/^\d*\.?\d*$/,B=e=>Number(e).toLocaleString(),V=(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}},H=({disabled:e=!1,readOnly:t=!1,allowNegative:n=!1,numberAfterDecimalPoint:r=2,roundingRule:i=`none`,value:a=null,unitText:s,decimal:c,placeholder:l,precision:u,wrapperClassName:d,className:p,onChange:h,onValueChange:_,onFocus:v,onBlur:y,...b})=>{let x=(0,g.useRef)(null),S=(0,g.useRef)(null),[C,w]=(0,g.useState)(a?.toString()??null),T=(0,g.useMemo)(()=>c?.[1]??r,[c,r]),E=(0,g.useMemo)(()=>c&&c[0]-c[1],[c]),D=(0,g.useMemo)(()=>z(n),[n]),O=(0,g.useCallback)(e=>{if(!T||e===`-`)return!0;let[t,n=``]=e.split(`.`),r=t.startsWith(`-`)?t.length-1:t.length;return n.length<=T&&r<=(E??1/0)},[T,E]),k=(0,g.useCallback)(e=>{if(e===`0`)return`0`;if(!Number(e))return null;let[t,n=``]=V(parseFloat(e),Math.min(T-1,u||0),i).toString().split(`.`),r=B(t);return n?`${r}.${n}`:r},[T,u,i]),A=(0,g.useCallback)(e=>{let t=e===`0`,n=e===`-`||/^-0+(\.0+)?$/.test(e)||/^-0*\.$/.test(e);if(t){_?.(0),w(e);return}if(n){w(()=>(_?.(0),e));return}},[_]),j=(0,g.useCallback)(e=>{h?.(e);let{value:t}=e.target;if(t===``||t===void 0){_?.(null),w(null);return}A(t),!(!D.test(t)||!O(t))&&(_?.(parseFloat(t)||0),w(t))},[O,h,_,A,D]),M=(0,g.useCallback)(e=>{t||(v?.(e),w(e=>typeof e==`string`?e.replace(/,/g,``):null))},[t,v]),N=(0,g.useCallback)(e=>{t||(y?.(e),w(e=>e===null?null:e===`0`||e===`-`||/^-0+(\.0+)?$/.test(e)||/^-0*\.$/.test(e)?`0`:typeof e==`string`?k(e):null))},[t,k,y]);return(0,g.useEffect)(()=>{let e=document.activeElement===S.current;if(a==null||!D.test(a.toString())||!O(a.toString())){w(null);return}w(t=>e?t:k(a.toString()))},[k,a,O,D]),(0,g.useEffect)(()=>{if(!x.current||!S.current||!s)return;let e=x.current.offsetWidth;S.current.style.setProperty(`padding-right`,`${(e+10)/16}rem`)},[s]),(0,m.jsxs)(`div`,{className:(0,f.cn)(`relative`,d),children:[(0,m.jsx)(o.t,{...b,ref:S,value:C||(t?`0`:``),placeholder:l,disabled:e,readOnly:t,className:(0,f.cn)(`text-end font-number text-sm slashed-zero lining-nums tabular-nums`,t&&`bg-muted text-muted-foreground`,p),onChange:j,onFocus:M,onBlur:N}),s&&(0,m.jsx)(`span`,{ref:x,className:`-translate-y-1/2 pointer-events-none absolute top-1/2 right-2 text-muted-foreground text-sm`,children:s})]})},U=({label:e,description:t,placeholder:n,helperText:r,orientation:i=`responsive`,showErrorMessage:a=!0,rounding:o,decimalPlaces:s,percision:c,unit:l,required:u,allowNegative:d})=>{let p=Q(),_=(0,y.useStore)(p.form.store,({isSubmitting:e})=>e),v=(0,g.useMemo)(()=>p.state.meta.errors,[p.state.meta.errors]),b=(0,g.useMemo)(()=>u?p.state.value===null:!1,[u,p.state.value]),x=(0,g.useCallback)(e=>{_||p.handleChange(e)},[_,p.handleChange]);return(0,m.jsxs)(E,{className:`gap-y-4 px-4`,children:[(0,m.jsxs)(D,{orientation:i,"data-invalid":p.state.meta.isTouched&&!p.state.meta.isValid,children:[(0,m.jsxs)(O,{children:[(0,m.jsx)(A,{htmlFor:p.name,"aria-required":b,children:e}),(0,m.jsx)(M,{children:t})]}),(0,m.jsxs)(k,{children:[(0,m.jsxs)(`div`,{className:`relative w-full`,children:[(0,m.jsx)(H,{id:p.name,value:p.state.value,"aria-invalid":p.state.meta.isTouched&&!p.state.meta.isValid&&p.state.meta.isDirty,placeholder:n,roundingRule:o,numberAfterDecimalPoint:s,precision:c,unitText:l,allowNegative:d,className:(0,f.cn)(_&&`pointer-events-none bg-muted-muted opacity-60`),onBlur:p.handleBlur,onValueChange:x}),_&&(0,m.jsx)(`div`,{className:`absolute inset-s-2 inset-y-0 top-2.5 text-muted-weak [&>svg]:size-3.5`,children:(0,m.jsx)(h.Loader2Icon,{className:`animate-spin text-primary-strong`})}),p.state.meta.isDirty&&a&&!!v.length&&(0,m.jsx)(`div`,{className:`absolute inset-s-2 inset-y-0 top-2.75 text-danger-strong [&>svg]:size-3.5`,children:(0,m.jsx)(h.BanIcon,{})}),(0,m.jsx)(`div`,{className:`mt-1 flex w-full flex-col items-end justify-end`,children:p.state.meta.isDirty&&a&&(0,m.jsx)(F,{errors:v})})]}),(0,m.jsx)(N,{isShow:!!r,children:r})]})]}),(0,m.jsx)(P,{})]})},W=({label:e,description:t,placeholder:n,orientation:r=`responsive`,helperText:i,showErrorMessage:a=!0})=>{let{form:s,name:c,state:l,handleBlur:u,handleChange:d}=Q(),f=(0,y.useStore)(s.store,({isSubmitting:e})=>e),[p,_]=(0,g.useState)(!1),v=(0,g.useMemo)(()=>l.meta.isDirty&&l.meta.isTouched&&!l.meta.isValid,[l.meta.isDirty,l.meta.isTouched,l.meta.isValid]),b=(0,g.useCallback)(()=>_(e=>!e),[]),x=(0,g.useCallback)(({target:{value:e}})=>{f||d(e||null)},[f,d]);return(0,m.jsx)(E,{className:`gap-y-4 px-4`,children:(0,m.jsxs)(D,{"data-invalid":v,orientation:r,children:[(0,m.jsxs)(O,{children:[(0,m.jsx)(A,{htmlFor:c,children:e}),(0,m.jsx)(M,{children:t})]}),(0,m.jsxs)(k,{children:[(0,m.jsx)(o.t,{id:c,type:p?`text`:`password`,placeholder:n,value:l.value??``,"aria-invalid":v,autoComplete:`new-password`,onBlur:u,onChange:x}),(0,m.jsx)(`button`,{className:`absolute inset-e-0 inset-y-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:b,"aria-label":p?`Hide password`:`Show password`,"aria-pressed":p,"aria-controls":`password`,children:p?(0,m.jsx)(h.EyeOffIcon,{size:16,"aria-hidden":`true`}):(0,m.jsx)(h.EyeIcon,{size:16,"aria-hidden":`true`})}),(0,m.jsx)(`div`,{className:`mt-1 flex w-full items-start justify-start`,children:a&&l.meta.isDirty&&(0,m.jsx)(F,{errors:l.meta.errors})}),(0,m.jsx)(N,{isShow:!!i,children:i})]})]})})},G=({label:e,description:t,orientation:n,options:r,helperText:i})=>{let a=Q(),o=(0,y.useStore)(a.form.store,({isSubmitting:e})=>e);return(0,m.jsxs)(E,{className:`px-4`,children:[(0,m.jsxs)(D,{orientation:n,className:`flex-col gap-2`,children:[(0,m.jsxs)(O,{children:[(0,m.jsx)(A,{children:e}),(0,m.jsx)(M,{children:t}),(0,m.jsx)(N,{isShow:!!i,children:i})]}),(0,m.jsx)(k,{children:(0,m.jsx)(l.t,{defaultValue:a.state.value??void 0,className:`w-full`,onValueChange:a.handleChange,children:r.map(e=>(0,m.jsx)(A,{className:(0,f.cn)(`h-fit`,a.state.value===e.value&&`border-primary-weak! bg-primary-bg-subtle`,o&&`pointer-events-none bg-muted-muted opacity-60`,a.state.value===e.value&&o&&`border-border-strong!`),children:(0,m.jsxs)(D,{orientation:`horizontal`,className:`justify-between rounded p-2!`,children:[(0,m.jsxs)(O,{className:`gap-1!`,children:[(0,m.jsx)(j,{children:e.label}),(0,m.jsx)(M,{className:`text-xs`,children:e.description})]}),(0,m.jsx)(l.n,{value:e.value})]})},e.value))})})]}),(0,m.jsx)(P,{})]})},K=({label:e,description:t,placeholder:n,orientation:r=`responsive`,options:i,helperText:a,required:o=!1})=>{let s=Q(),c=(0,g.useMemo)(()=>s.state.meta.isTouched&&!s.state.meta.isValid,[s.state.meta.isTouched,s.state.meta.isValid]),l=(0,g.useMemo)(()=>o?s.state.value===null:!1,[o,s.state.value]),d=(0,g.useMemo)(()=>s.state.meta.errors,[s.state.meta.errors]);return(0,m.jsxs)(E,{className:`gap-y-4 px-4`,children:[(0,m.jsxs)(D,{orientation:r,"data-invalid":s.state.meta.isTouched&&!s.state.meta.isValid,children:[(0,m.jsxs)(O,{children:[(0,m.jsx)(A,{htmlFor:s.name,"aria-required":l,children:e}),(0,m.jsx)(M,{children:t})]}),(0,m.jsxs)(k,{className:`flex flex-col`,children:[(0,m.jsxs)(u.t,{defaultValue:s.state.value||void 0,onValueChange:s.handleChange,children:[(0,m.jsx)(u.s,{"aria-invalid":c?`true`:void 0,onBlur:s.handleBlur,children:(0,m.jsx)(u.c,{placeholder:n})}),(0,m.jsxs)(u.n,{children:[!!i.length&&i.map(e=>(0,m.jsx)(u.i,{value:e.value,children:e.label},e.value)),!i.length&&(0,m.jsxs)(`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:[(0,m.jsx)(h.PackagePlusIcon,{strokeWidth:1}),`No options available`]})]})]}),(0,m.jsx)(`div`,{className:`mt-1 flex w-full flex-col items-end justify-end`,children:(0,m.jsx)(F,{errors:d})}),(0,m.jsx)(N,{isShow:!!a,children:a})]})]}),(0,m.jsx)(P,{})]})};function q({className:e,...t}){return(0,m.jsx)(v.Switch.Root,{"data-slot":`switch`,className:(0,f.cn)(`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:(0,m.jsx)(v.Switch.Thumb,{"data-slot":`switch-thumb`,className:(0,f.cn)(`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 J=({label:e,description:t,helperText:n})=>{let r=Q();return(0,m.jsxs)(E,{className:`gap-y-4 px-4`,children:[(0,m.jsxs)(D,{orientation:`vertical`,className:`relative justify-between gap-y-1`,children:[(0,m.jsxs)(O,{children:[(0,m.jsx)(j,{className:`cursor-pointer`,children:(0,m.jsx)(`label`,{htmlFor:r.name,children:e})}),(0,m.jsx)(M,{children:t}),(0,m.jsx)(q,{id:r.name,checked:r.state.value??!1,className:`absolute top-1 right-1`,onBlur:r.handleBlur,onCheckedChange:r.handleChange})]}),(0,m.jsx)(N,{isShow:!!n,children:n})]}),(0,m.jsx)(P,{})]})},ee=({label:e,description:t,placeholder:n,helperText:r,counter:i=!1,orientation:a=`responsive`,showClearButton:s=!1,showErrorMessage:c=!0,required:l=!1,maxLength:u})=>{let d=(0,g.useId)(),p=(0,g.useRef)(null),{form:_,name:v,state:b,handleBlur:x,handleChange:S}=Q(),C=(0,y.useStore)(_.store,({isSubmitting:e})=>e),w=s&&!C&&!!b.value&&!b.meta.errors.length,T=b.value?b.value.length:0,j=(0,g.useMemo)(()=>{if(!i)return``;let e=`character${[0,1].includes(T)?``:`s`}`;return i&&u?`${T} / ${u} character${T?`s`:``}`:`${T} ${e}`},[T,i,u]),I=b.meta.isDirty&&b.meta.isTouched&&!b.meta.isValid,L=l?b.value===null:!1,R=u&&T>=u*.8,z=u&&T>=u,B=(0,g.useCallback)(({target:{value:e}})=>{C||i&&u&&e.length>u||S(e||null)},[C,i,u,S]),V=(0,g.useCallback)(()=>{C||(S(null),p.current?.focus())},[C,S]);return(0,m.jsxs)(E,{className:`gap-y-4 px-4`,children:[(0,m.jsxs)(D,{orientation:a,"data-invalid":I,children:[(0,m.jsxs)(O,{children:[(0,m.jsx)(A,{"aria-required":L,htmlFor:d,children:(0,m.jsxs)(`p`,{children:[e,l&&(0,m.jsx)(`span`,{className:`text-danger-strong`,children:` *`})]})}),(0,m.jsx)(M,{children:t})]}),(0,m.jsxs)(k,{children:[(0,m.jsx)(o.t,{ref:p,id:d,name:v,value:b.value??``,"aria-invalid":I,autoComplete:`off`,placeholder:n,autoCapitalize:`none`,autoCorrect:`off`,className:(0,f.cn)(`pr-6`,C&&`pointer-events-none bg-muted-muted opacity-60`),onBlur:x,onChange:B}),w&&(0,m.jsx)(`button`,{type:`button`,"aria-label":`Clear`,className:`absolute inset-e-0 inset-y-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-intense [&>svg]:size-3.5`,onClick:V,children:(0,m.jsx)(h.XIcon,{"aria-hidden":`true`})}),C&&(0,m.jsx)(`div`,{className:`absolute inset-e-2 inset-y-0 top-2.5 text-muted-weak`,children:(0,m.jsx)(h.Loader2Icon,{size:14,className:`animate-spin text-primary-strong`})}),b.meta.isDirty&&c&&!!b.meta.errors.length&&(0,m.jsx)(`div`,{className:`absolute inset-e-2 inset-y-0 top-2.5 text-danger-strong`,children:(0,m.jsx)(h.BanIcon,{"aria-hidden":`true`,size:14})}),(0,m.jsxs)(`div`,{className:`my-1 flex w-full items-start justify-between gap-x-2`,children:[b.meta.isDirty&&c?(0,m.jsx)(F,{className:`flex-1`,errors:b.meta.errors}):(0,m.jsx)(`div`,{}),!!i&&(0,m.jsx)(`p`,{className:(0,f.cn)(`h-4 flex-0 text-nowrap text-end text-xs tabular-nums transition-colors`,z?`font-medium text-danger-strong`:R?`text-warning-strong`:`text-text-positive-weak`),children:j})]}),(0,m.jsx)(N,{isShow:!!r,children:r})]})]}),(0,m.jsx)(P,{})]})},te=(0,g.memo)(({label:e,description:t,placeholder:n,helperText:r,counter:i=!1,orientation:a=`responsive`,showErrorMessage:o=!0,required:s=!1,maxLength:c})=>{let l=(0,g.useId)(),{form:u,state:p,name:_,handleBlur:v,handleChange:b}=Q(),x=(0,y.useStore)(u.store,({isSubmitting:e})=>e),S=p.value?p.value.length:0,C=(0,g.useMemo)(()=>{if(!i)return``;let e=`character${[0,1].includes(S)?``:`s`}`;return i&&c?`${S} / ${c} character${S?`s`:``}`:`${S} ${e}`},[S,i,c]),w=p.meta.isDirty&&p.meta.isTouched&&!p.meta.isValid,T=s?p.value===null:!1,j=p.meta.errors,I=c&&S>=c*.8,L=c&&S>=c,R=(0,g.useCallback)(({target:{value:e}})=>{x||i&&c&&e.length>c||b(e||null)},[x,i,c,b]);return(0,m.jsxs)(E,{className:`gap-y-4 px-4`,children:[(0,m.jsxs)(D,{orientation:a,"data-invalid":w,children:[(0,m.jsxs)(O,{children:[(0,m.jsx)(A,{"aria-required":T,htmlFor:l,children:(0,m.jsxs)(`p`,{children:[e,s&&(0,m.jsx)(`span`,{className:`text-danger-strong`,children:` *`})]})}),(0,m.jsx)(M,{children:t})]}),(0,m.jsxs)(k,{children:[(0,m.jsx)(d.t,{id:l,name:_,value:p.value===null?``:p.value,"aria-invalid":w,autoCapitalize:`none`,autoComplete:`off`,placeholder:n,className:(0,f.cn)(x&&`pointer-events-none bg-muted-muted opacity-60`),onChange:R,onBlur:v}),x&&(0,m.jsx)(`div`,{className:`absolute inset-e-2 inset-y-0 top-2.5 text-muted-weak`,children:(0,m.jsx)(h.Loader2Icon,{size:14,className:`animate-spin text-primary-strong`})}),p.meta.isDirty&&o&&!!j.length&&(0,m.jsx)(`div`,{className:`absolute inset-e-2 inset-y-0 top-2.5 text-danger-strong`,children:(0,m.jsx)(h.BanIcon,{size:14})}),(0,m.jsxs)(`div`,{className:`my-1 flex w-full items-start justify-between gap-x-2`,children:[p.meta.isDirty&&o?(0,m.jsx)(F,{className:`flex-1`,errors:p.meta.errors}):(0,m.jsx)(`div`,{}),!!i&&(0,m.jsx)(`p`,{className:(0,f.cn)(`h-4 flex-0 text-nowrap text-end text-xs tabular-nums transition-colors`,L?`font-medium text-danger-strong`:I?`text-warning-strong`:`text-text-positive-weak`),children:C})]}),(0,m.jsx)(N,{isShow:!!r,children:r})]})]}),(0,m.jsx)(P,{})]})}),ne=({label:e,className:n})=>{let r=$(),i=(0,g.useCallback)(async()=>{await r.handleSubmit({submitAction:`submit`}),r.state.isSubmitSuccessful&&r.reset()},[r]);return(0,m.jsx)(r.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:r,isSubmitting:a})=>(0,m.jsx)(t.t,{type:`button`,size:`md`,disabled:r,isLoading:a,className:(0,f.cn)(`min-h-8 min-w-32`,n),onClick:i,children:e??`Submit`})})},re=({type:e=`create`})=>{let n=$();return(0,m.jsxs)(`div`,{className:`flex h-8 items-center justify-between`,children:[(0,m.jsx)(n.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:e})=>(0,m.jsx)(t.t,{color:`muted`,variant:`outline`,type:`button`,size:`md`,disabled:e,className:`h-full min-w-32`,onClick:()=>n.reset(),children:`Cancel`})}),e===`create`&&(0,m.jsx)(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})=>(0,m.jsxs)(t.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:[(0,m.jsx)(h.PlusIcon,{}),`Add New`]})}),e===`update`&&(0,m.jsx)(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})=>(0,m.jsxs)(t.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:[(0,m.jsx)(h.ArrowDownToLine,{}),`Update`]})})]})};function Y({className:e,orientation:t=`horizontal`,decorative:n=!0,...r}){return(0,m.jsx)(v.Separator.Root,{"data-slot":`separator`,decorative:n,orientation:t,className:(0,f.cn)(`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 ie=({title:e,description:n,onDelete:r,children:i})=>(0,m.jsxs)(`section`,{"data-slot":`card-form`,className:`relative flex flex-col rounded-md bg-card pb-4 shadow-card ring-4 ring-border-weak`,children:[(0,m.jsxs)(`div`,{"data-slot":`card-form-header`,className:`flex flex-col space-y-1 p-4`,children:[(0,m.jsx)(`p`,{className:`font-semibold text-lg`,children:e}),!!n&&(0,m.jsx)(`p`,{className:`text-muted text-sm`,children:n})]}),(0,m.jsx)(Y,{}),(0,m.jsx)(`div`,{"data-slot":`card-form-main`,className:`flex flex-col space-y-4 py-4`,children:i}),!!r&&(0,m.jsxs)(t.t,{color:`danger`,variant:`outline`,size:`sm`,className:`absolute top-2 right-2`,onClick:e=>{r?.(),e.preventDefault(),e.stopPropagation()},children:[(0,m.jsx)(h.Trash2Icon,{}),`Remove`]})]}),ae=({children:e})=>(0,m.jsx)(`div`,{"data-slot":`section-form`,className:`flex flex-col space-y-4`,children:e}),X=({...e})=>(0,m.jsx)(`button`,{...e,type:`button`,className:`min-w-40 cursor-pointer rounded-sm border border-border bg-card px-4 py-2 font-semibold text-sm text-text-positive shadow-xs 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:`Hủy`}),Z=({isSubmitting:e,submitText:t=`Submit`,...n})=>(0,m.jsx)(`button`,{...n,type:`button`,"data-loading":e?`true`:void 0,className:`relative min-h-9.5 min-w-40 cursor-pointer rounded-sm border border-primary-strong bg-primary px-4 py-2 font-semibold text-sm text-text-negative shadow-card outline-none 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?(0,m.jsx)(h.Loader2,{size:16,strokeWidth:3,className:`absolute top-1/2 left-1/2 z-10 -translate-x-1/2 -translate-y-1/2 animate-spin`}):t}),oe=({title:e,submitText:t,open:r,onOpenChange:a,children:o})=>{let s=$(),c=(0,g.useCallback)(e=>{e||s.reset(),a?.(e)},[s.reset,a]);return(0,m.jsx)(i.t,{open:r,onOpenChange:c,children:(0,m.jsxs)(i.c,{"data-slot":`dialog-portal`,children:[(0,m.jsx)(i.s,{}),(0,m.jsxs)(i.r,{className:`flex size-full max-h-dvh max-w-dvw flex-col gap-0 overflow-y-auto p-0 shadow-dialog sm:h-auto sm:max-h-[85dvh] sm:max-w-2xl sm:rounded-sm`,children:[(0,m.jsx)(`div`,{"data-slot":`dialog-header`,className:`flex flex-col items-center justify-center gap-2 px-4 py-6 text-center shadow-sm sm:text-left`,children:(0,m.jsx)(i.l,{"data-slot":`dialog-title`,children:e})}),(0,m.jsx)(n.t,{}),(0,m.jsx)(`div`,{"data-slot":`dialog-content`,className:`relative flex flex-col space-y-4 overflow-y-auto p-0 pt-6 max-sm:flex-1 sm:p-4`,children:o}),(0,m.jsx)(n.t,{}),(0,m.jsxs)(`div`,{"data-slot":`dialog-footer`,className:`flex flex-col-reverse items-center justify-between gap-2 px-6 py-4 shadow-sm sm:flex-row sm:justify-end max-sm:[&>button]:w-full`,children:[(0,m.jsx)(s.Subscribe,{selector:e=>({disabled:e.isSubmitting}),children:({disabled:e})=>(0,m.jsx)(X,{disabled:e,onClick:()=>{s.reset(),c(!1)}})}),(0,m.jsx)(s.Subscribe,{selector:e=>({isSubmitting:e.isSubmitting,disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit}),children:({isSubmitting:e,disabled:n})=>(0,m.jsx)(Z,{isSubmitting:e,disabled:n,submitText:t,onClick:()=>s.handleSubmit()})})]})]})]})})},se=({label:e,description:t,helperText:n,orientation:r=`responsive`,children:i})=>(0,m.jsxs)(E,{className:`gap-y-4 px-4`,children:[(0,m.jsxs)(D,{orientation:r,children:[(0,m.jsxs)(O,{children:[(0,m.jsx)(A,{children:e}),(0,m.jsx)(M,{children:t})]}),(0,m.jsxs)(k,{children:[i,(0,m.jsx)(N,{isShow:!!n,children:n})]})]}),(0,m.jsx)(P,{})]}),ce=({title:e,open:t,contentClassName:n,onOpenChange:i,children:a})=>{let o=$();return(0,m.jsx)(v.Dialog.Root,{"data-slot":`dialog`,open:t,onOpenChange:i,children:(0,m.jsxs)(v.Dialog.Portal,{"data-slot":`dialog-portal`,children:[(0,m.jsx)(v.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:(0,f.cn)(`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`)}),(0,m.jsx)(v.Dialog.Content,{"data-slot":`dialog-content`,className:(0,f.cn)(`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:(0,m.jsxs)(`section`,{className:`relative flex size-full flex-col`,children:[(0,m.jsx)(`header`,{className:`flex h-14 items-center border-border border-b px-4`,children:(0,m.jsx)(`h2`,{className:`font-semibold text-lg text-primary-strong`,children:e})}),(0,m.jsx)(`div`,{className:(0,f.cn)(`flex flex-1 flex-col overflow-y-auto py-4`,n),children:a}),(0,m.jsxs)(`div`,{className:`flex flex-col space-y-4 border-border border-t px-4 py-2`,children:[(0,m.jsx)(o.Subscribe,{selector:e=>({isSubmitting:e.isSubmitting,disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit}),children:({isSubmitting:e,disabled:t})=>(0,m.jsx)(Z,{isSubmitting:e,disabled:t,className:`w-full`,onClick:()=>o.handleSubmit()})}),(0,m.jsx)(o.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:e})=>(0,m.jsx)(X,{disabled:e,className:`w-full`,onClick:()=>{o.reset(),i?.(!1)}})})]}),(0,m.jsx)(v.Dialog.Close,{asChild:!0,children:(0,m.jsx)(r.t,{className:`absolute top-2 right-2`})})]})})]})})},le=({children:e})=>(0,m.jsx)(`header`,{"data-slot":`section-header`,className:`px-4 pt-2.5 pb-2 font-medium text-base text-text-positive`,children:e}),ue=({children:e})=>(0,m.jsx)(`main`,{"data-slot":`section-main`,className:`relative flex flex-col space-y-4 py-4`,children:e}),de=({title:e,children:t})=>(0,m.jsxs)(`section`,{"data-slot":`section-form`,className:`flex flex-col rounded-md bg-background shadow-card ring-4 ring-border-weak`,children:[(0,m.jsx)(le,{children:e}),(0,m.jsx)(Y,{}),(0,m.jsx)(ue,{children:t})]}),fe=({title:e,description:t,helperText:n})=>(0,m.jsxs)(E,{className:`gap-y-4 px-4`,children:[(0,m.jsxs)(D,{className:`gap-0`,children:[(0,m.jsxs)(O,{children:[(0,m.jsx)(T,{className:`mb-1`,children:e}),(0,m.jsx)(M,{children:t})]}),(0,m.jsx)(N,{isShow:!!n,children:n})]}),(0,m.jsx)(P,{})]}),{fieldContext:pe,formContext:me,useFieldContext:Q,useFormContext:$}=(0,y.createFormHookContexts)(),{useAppForm:he,withForm:ge,withFieldGroup:_e}=(0,y.createFormHook)({fieldContext:pe,formContext:me,fieldComponents:{TextField:ee,TextareaField:te,NumberField:U,EmailField:R,PasswordField:W,SelectField:K,DateField:L,SwitchField:J,RadioGroupField:G,CheckboxField:I,FieldGroup:E,Field:D,FieldContent:O,FieldLabel:A,FieldContentMain:k,FieldSeparator:P,FieldError:F},formComponents:{TanStackDialogForm:oe,TanStackPopoverForm:ce,TanStackContainerForm:ae,TanStackSectionForm:de,TanStackCardForm:ie,TanStackFieldGroup:se,TanStackTitleField:fe,TanStackActionsForm:re,TanStackActionSubmit:ne}});exports.Field=D,exports.FieldContent=O,exports.FieldContentMain=k,exports.FieldError=F,exports.FieldGroup=E,exports.FieldLabel=A,exports.FieldSeparator=P,exports.useTanStackFieldContext=Q,exports.useTanStackForm=he,exports.useTanStackFormContext=$,exports.withTanStackFieldGroup=_e,exports.withTanStackForm=ge;
-//# sourceMappingURL=index.cjs.map
+require(`../../button.variants-tnhb123u.cjs`),require(`../../button-CwDT3m4m.cjs`),require(`../../heading-AKz5ewy-.cjs`),require(`../../paragraph-DN85Huc4.cjs`),require(`../../tooltip-itUmYz9k.cjs`),require(`../../separator-BwZb12bh.cjs`),require(`../../close-DXk_H3Gt.cjs`),require(`../../dialog-o_68LQXd.cjs`),require(`../../command-SHd-d_o0.cjs`),require(`../../checkbox-RZrRNYP2.cjs`),require(`../../input-Cl5VkKQh.cjs`);const e=require(`../../tanstack-form-BmV2BXDz.cjs`);require(`../../popover-AEt-aSy3.cjs`),require(`../../calendar-CyAPpT2m.cjs`),require(`../../radio-group-BWLdQw7M.cjs`),require(`../../select-Py_t2nX1.cjs`),require(`../../textarea-BsgmN4jy.cjs`),exports.Field=e.o,exports.FieldContent=e.s,exports.FieldContentMain=e.c,exports.FieldError=e.l,exports.FieldGroup=e.u,exports.FieldLabel=e.d,exports.FieldSeparator=e.f,exports.useTanStackFieldContext=e.t,exports.useTanStackForm=e.n,exports.useTanStackFormContext=e.r,exports.withTanStackFieldGroup=e.i,exports.withTanStackForm=e.a;