@customafk/lunas-ui 0.0.68 → 0.0.69

package/dist/table/index.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../button-119IIVCy.cjs`),n=require(`../flex-DMgD86BT.cjs`);require(`../paragraph-CI28eVP0.cjs`),require(`../input-DgtTVBtN.cjs`);const r=require(`../select-DAE3Xg7g.cjs`),i=require(`../dropdown-menu-SNcBwTOA.cjs`);require(`../scroll-area-Dgjr1n1T.cjs`);const a=require(`../table-CuhHhpgi.cjs`),o=require(`../add-new-D3b8hc2C.cjs`),s=require(`../refresh-CQyFVZx9.cjs`),c=require(`../search-input-BkhVqB3R.cjs`),l=e.__toESM(require(`lucide-react`)),u=e.__toESM(require(`@customafk/react-toolkit/utils`)),d=e.__toESM(require(`react/jsx-runtime`)),f=e.__toESM(require(`react`)),p=e.__toESM(require(`@tanstack/react-table`)),m=e=>{let t=e.getIsPinned();return{left:t===`left`?`${e.getStart(`left`)}px`:void 0,right:t===`right`?`${e.getAfter(`right`)}px`:void 0,position:t?`sticky`:`relative`,width:e.getSize(),zIndex:t?1:0}},h=({column:e})=>{let t=e.getIsSorted(),n={asc:(0,d.jsx)(l.ChevronUp,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`}),desc:(0,d.jsx)(l.ChevronDown,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`})};return t?n[t]:null},g=({column:e})=>{let n=e.columnDef.header;return e.getCanPin()?e.getIsPinned()?(0,d.jsx)(t.Button,{size:`icon`,variant:`ghost`,color:`secondary`,className:`hover:[&_svg]:text-secondary-foreground -mr-1 size-7 shadow-none`,"aria-label":`Unpin ${n} column`,title:`Unpin ${n} column`,onClick:()=>e.pin(!1),children:(0,d.jsx)(l.PinOffIcon,{className:`opacity-60`,size:16,"aria-hidden":`true`})}):(0,d.jsxs)(i.DropdownMenu,{children:[(0,d.jsx)(i.DropdownMenuTrigger,{asChild:!0,children:(0,d.jsx)(t.Button,{size:`icon`,variant:`ghost`,color:`secondary`,className:`size-7 shadow-none`,"aria-label":`Pin options for ${n} column`,title:`Pin options for ${n} column`,children:(0,d.jsx)(l.EllipsisIcon,{className:`opacity-60`,size:16,"aria-hidden":`true`})})}),(0,d.jsxs)(i.DropdownMenuContent,{align:`end`,children:[(0,d.jsxs)(i.DropdownMenuItem,{onClick:()=>e.pin(`left`),children:[(0,d.jsx)(l.ArrowLeftToLineIcon,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to left`]}),(0,d.jsxs)(i.DropdownMenuItem,{onClick:()=>e.pin(`right`),children:[(0,d.jsx)(l.ArrowRightToLineIcon,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to right`]})]})]}):null},_=({header:e})=>{let{column:t}=e,n=e=>{t.getCanSort()&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),t.getToggleSortingHandler()?.(e))};return(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-2 truncate`,children:[!e.isPlaceholder&&(0,d.jsxs)(`div`,{className:(0,u.cn)(t.getCanSort()&&`flex h-full cursor-pointer items-center justify-between gap-2 select-none`),onClick:t.getToggleSortingHandler(),onKeyDown:n,tabIndex:t.getCanSort()?0:void 0,children:[(0,d.jsx)(`span`,{className:`truncate`,children:(0,p.flexRender)(t.columnDef.header,e.getContext())}),(0,d.jsx)(h,{column:t})]}),!e.isPlaceholder&&(0,d.jsx)(g,{column:t})]})},v=({table:e,isLoading:t,onClickRow:n})=>{"use no memo";return(0,d.jsxs)(a.Table,{className:(0,u.cn)(`!w-full`,`table-fixed border-separate border-spacing-0`,`[&_td]:border-border-weak`,`[&_th]:border-border-weak`,`[&_th]:border-b`,`[&_th]:border-b-border-weak`,`[&_tr]:border-none`,`[&_tr:not(:last-child)_td]:border-b`,`[&_tr:not(:last-child)_td]:border-b-border-weak`,`[&_tfoot_td]:border-t`),style:{width:e.getTotalSize()},children:[(0,d.jsx)(a.TableHeader,{className:`sticky top-0 z-10 backdrop-blur-xs`,children:e.getHeaderGroups().map(e=>(0,d.jsx)(a.TableRow,{children:e.headers.map(e=>{let{column:t}=e,n=t.getIsPinned(),r=n===`left`&&t.getIsLastColumn(`left`),i=n===`right`&&t.getIsFirstColumn(`right`);return(0,d.jsx)(a.TableHead,{"data-pinned":n||void 0,"data-last-col":r?`left`:i?`right`:void 0,className:(0,u.cn)(`relative h-9 font-semibold select-none`,`data-pinned:backdrop-blur-xs`,`data-pinned:bg-muted-weak`,`[&>.cursor-col-resize]:last:opacity-0`,`[&[data-pinned][data-last-col]]:border-border-weak`,`[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-pinned=left][data-last-col=left]]:border-r`,`[&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-pinned=right][data-last-col=right]]:border-l`),colSpan:e.colSpan,style:{width:e.getSize(),maxWidth:e.getSize(),...m(e.column)},children:(0,d.jsx)(_,{header:e})},e.id)})},e.id))}),(0,d.jsx)(a.TableBody,{className:(0,u.cn)(t&&`h-36`,e.getRowModel().rows?.length===0&&`h-48`),children:t?(0,d.jsx)(a.TableRow,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:(0,d.jsx)(a.TableCell,{children:`loading...`})}):(0,d.jsx)(d.Fragment,{children:e.getRowModel().rows?.length?e.getRowModel().rows.map(e=>(0,d.jsx)(a.TableRow,{"data-state":e.getIsSelected()&&`selected`,className:`cursor-pointer border-none focus:outline-none`,onClick:()=>n?.(e?.id||e.original?.id?.toString()||e.original?.uuid||void 0),children:e.getVisibleCells().map(e=>{let{column:t}=e,n=t.getIsPinned(),r=n===`left`&&t.getIsLastColumn(`left`),i=n===`right`&&t.getIsFirstColumn(`right`);return(0,d.jsx)(a.TableCell,{style:{...m(t),width:e.column.getSize(),maxWidth:e.column.getSize()},"data-pinned":n||void 0,"data-last-col":r?`left`:i?`right`:void 0,className:(0,u.cn)(`overflow-hidden py-2.5`,`[&[data-pinned][data-last-col]]:border-border-weak`,`[&[data-pinned=left][data-last-col=left]]:border-r`,`[&[data-pinned=right][data-last-col=right]]:border-l`,`data-pinned:bg-background/90`),children:(0,p.flexRender)(e.column.columnDef.cell,e.getContext())},e.id)})},e.id)):(0,d.jsx)(a.TableRow,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:(0,d.jsx)(a.TableCell,{children:(0,d.jsxs)(`div`,{className:`text-muted-foreground flex size-full flex-col items-center justify-center gap-y-8 text-base`,children:[(0,d.jsx)(l.PackagePlusIcon,{size:48,strokeWidth:2}),(0,d.jsx)(`p`,{children:`Thêm dữ liệu để hiển thị`})]})})})})})]})},y=({onAdd:e,onRefresh:t})=>(0,d.jsxs)(n.Flex,{justify:`between`,padding:`none`,width:`full`,className:`flex-0`,children:[(0,d.jsx)(`div`,{className:`max-sm:flex-1`,children:(0,d.jsx)(c.SearchInput,{placeholder:`Search...`})}),(0,d.jsxs)(n.Flex,{wrap:!1,className:`flex-0 px-0`,children:[!!e&&(0,d.jsx)(o.AddNewBtn,{onClick:e}),(0,d.jsx)(s.RefreshBtn,{onClick:t})]})]});function b({filteredSelectedRowsLength:e,filteredRowsLength:n,pageSize:i,setPageSize:a,pageIndex:o=0,setPageIndex:s,previousPage:c,nextPage:u,canPreviousPage:f,canNextPage:p,pageCount:m=1}){"use no memo";return(0,d.jsxs)(`div`,{className:`mt-4 flex w-full flex-0 flex-col flex-wrap items-start space-y-2 px-2 sm:flex-row`,children:[(0,d.jsxs)(`div`,{className:`text-text-positive flex-1 text-sm`,children:[e,` of `,n,` row(s) selected.`]}),(0,d.jsxs)(`div`,{className:`flex w-full flex-col flex-wrap items-start space-y-2 sm:w-fit sm:space-y-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2 sm:space-x-4`,children:[(0,d.jsx)(`p`,{className:`sr-only text-sm font-medium sm:not-sr-only sm:mr-4`,children:`Rows per page`}),(0,d.jsxs)(r.Select,{value:`${i}`,onValueChange:e=>{a?.(Number(e))},children:[(0,d.jsx)(r.SelectTrigger,{className:`h-8 w-18`,children:(0,d.jsx)(r.SelectValue,{placeholder:i})}),(0,d.jsx)(r.SelectContent,{side:`top`,children:[10,20,30,40,50].map(e=>(0,d.jsx)(r.SelectItem,{value:`${e}`,children:e},e))})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-center text-sm font-medium`,children:[`Page `,o+1,` of `,m]})]}),(0,d.jsxs)(`div`,{className:`flex w-full justify-end space-x-2 *:size-9 *:p-0`,children:[(0,d.jsxs)(t.Button,{variant:`outline`,color:`muted`,onClick:()=>s?.(0),disabled:!f,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to first page`}),(0,d.jsx)(l.ChevronsLeft,{})]}),(0,d.jsxs)(t.Button,{variant:`outline`,color:`muted`,onClick:c,disabled:!f,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to previous page`}),(0,d.jsx)(l.ChevronLeft,{})]}),(0,d.jsxs)(t.Button,{variant:`outline`,color:`muted`,onClick:u,disabled:!p,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to next page`}),(0,d.jsx)(l.ChevronRight,{})]}),(0,d.jsxs)(t.Button,{variant:`outline`,color:`muted`,onClick:()=>{s?.(m-1)},disabled:!p,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to last page`}),(0,d.jsx)(l.ChevronsRight,{})]})]})]})]})}function x({data:e,totalCount:t,isLoading:r,columns:i,pagination:a,onAdd:o,onRefresh:s,onClickRow:c,onPaginationChange:l}){"use no memo";let[u,m]=(0,f.useState)({}),[h,g]=(0,f.useState)([]),[_,x]=(0,f.useState)([]),[S,C]=(0,f.useState)({}),w=(0,f.useMemo)(()=>({columnPinning:{right:[`actions`,`update`,`delete`]},pagination:{pageIndex:0,pageSize:20}}),[]),T=(0,p.useReactTable)({initialState:w,data:e,columns:i,rowCount:t,columnResizeMode:`onChange`,manualPagination:!0,enableColumnResizing:!1,enableMultiRowSelection:!1,getCoreRowModel:(0,p.getCoreRowModel)(),getPaginationRowModel:(0,p.getPaginationRowModel)(),getSortedRowModel:(0,p.getSortedRowModel)(),getFilteredRowModel:(0,p.getFilteredRowModel)(),getFacetedRowModel:(0,p.getFacetedRowModel)(),getFacetedUniqueValues:(0,p.getFacetedUniqueValues)(),getRowId:e=>e.id||e.uuid,state:{rowSelection:u,sorting:h,columnVisibility:S,columnFilters:_,...a?{pagination:a}:{}},onRowSelectionChange:m,onSortingChange:g,onColumnVisibilityChange:C,onColumnFiltersChange:x,...l?{onPaginationChange:l}:{}});return(0,d.jsxs)(n.Flex,{vertical:!0,wrap:!1,gap:`sm`,align:`start`,className:`size-full overflow-y-auto pt-1`,children:[(0,d.jsx)(y,{onAdd:o,onRefresh:s}),(0,d.jsxs)(n.Flex,{padding:`none`,vertical:!0,wrap:!1,width:`full`,className:`flex-1 overflow-auto pb-4`,children:[(0,d.jsx)(v,{table:T,isLoading:r,onClickRow:c}),(0,d.jsx)(b,{pageSize:T.getState().pagination.pageSize,setPageSize:T.setPageSize,filteredSelectedRowsLength:T.getFilteredSelectedRowModel().rows.length,filteredRowsLength:T.getFilteredRowModel().rows.length,pageIndex:T.getState().pagination.pageIndex,setPageIndex:T.setPageIndex,previousPage:T.previousPage,nextPage:T.nextPage,canPreviousPage:T.getCanPreviousPage(),canNextPage:T.getCanNextPage(),pageCount:T.getPageCount()})]})]})}exports.Table=x;
+const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../button-119IIVCy.cjs`),n=require(`../flex-DMgD86BT.cjs`);require(`../paragraph-CI28eVP0.cjs`),require(`../input-ERPHY3v4.cjs`);const r=require(`../select-oxr4KoHx.cjs`),i=require(`../dropdown-menu-SNcBwTOA.cjs`);require(`../scroll-area-Dgjr1n1T.cjs`);const a=require(`../table-CuhHhpgi.cjs`),o=require(`../add-new-D3b8hc2C.cjs`),s=require(`../refresh-CQyFVZx9.cjs`),c=require(`../search-input-hIVKLXXb.cjs`),l=e.__toESM(require(`lucide-react`)),u=e.__toESM(require(`@customafk/react-toolkit/utils`)),d=e.__toESM(require(`react/jsx-runtime`)),f=e.__toESM(require(`react`)),p=e.__toESM(require(`@tanstack/react-table`)),m=e=>{let t=e.getIsPinned();return{left:t===`left`?`${e.getStart(`left`)}px`:void 0,right:t===`right`?`${e.getAfter(`right`)}px`:void 0,position:t?`sticky`:`relative`,width:e.getSize(),zIndex:t?1:0}},h=({column:e})=>{let t=e.getIsSorted(),n={asc:(0,d.jsx)(l.ChevronUp,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`}),desc:(0,d.jsx)(l.ChevronDown,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`})};return t?n[t]:null},g=({column:e})=>{let n=e.columnDef.header;return e.getCanPin()?e.getIsPinned()?(0,d.jsx)(t.Button,{size:`icon`,variant:`ghost`,color:`secondary`,className:`hover:[&_svg]:text-secondary-foreground -mr-1 size-7 shadow-none`,"aria-label":`Unpin ${n} column`,title:`Unpin ${n} column`,onClick:()=>e.pin(!1),children:(0,d.jsx)(l.PinOffIcon,{className:`opacity-60`,size:16,"aria-hidden":`true`})}):(0,d.jsxs)(i.DropdownMenu,{children:[(0,d.jsx)(i.DropdownMenuTrigger,{asChild:!0,children:(0,d.jsx)(t.Button,{size:`icon`,variant:`ghost`,color:`secondary`,className:`size-7 shadow-none`,"aria-label":`Pin options for ${n} column`,title:`Pin options for ${n} column`,children:(0,d.jsx)(l.EllipsisIcon,{className:`opacity-60`,size:16,"aria-hidden":`true`})})}),(0,d.jsxs)(i.DropdownMenuContent,{align:`end`,children:[(0,d.jsxs)(i.DropdownMenuItem,{onClick:()=>e.pin(`left`),children:[(0,d.jsx)(l.ArrowLeftToLineIcon,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to left`]}),(0,d.jsxs)(i.DropdownMenuItem,{onClick:()=>e.pin(`right`),children:[(0,d.jsx)(l.ArrowRightToLineIcon,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to right`]})]})]}):null},_=({header:e})=>{let{column:t}=e,n=e=>{t.getCanSort()&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),t.getToggleSortingHandler()?.(e))};return(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-2 truncate`,children:[!e.isPlaceholder&&(0,d.jsxs)(`div`,{className:(0,u.cn)(t.getCanSort()&&`flex h-full cursor-pointer items-center justify-between gap-2 select-none`),onClick:t.getToggleSortingHandler(),onKeyDown:n,tabIndex:t.getCanSort()?0:void 0,children:[(0,d.jsx)(`span`,{className:`truncate`,children:(0,p.flexRender)(t.columnDef.header,e.getContext())}),(0,d.jsx)(h,{column:t})]}),!e.isPlaceholder&&(0,d.jsx)(g,{column:t})]})},v=({table:e,isLoading:t,onClickRow:n})=>{"use no memo";return(0,d.jsxs)(a.Table,{className:(0,u.cn)(`!w-full`,`table-fixed border-separate border-spacing-0`,`[&_td]:border-border-weak`,`[&_th]:border-border-weak`,`[&_th]:border-b`,`[&_th]:border-b-border-weak`,`[&_tr]:border-none`,`[&_tr:not(:last-child)_td]:border-b`,`[&_tr:not(:last-child)_td]:border-b-border-weak`,`[&_tfoot_td]:border-t`),style:{width:e.getTotalSize()},children:[(0,d.jsx)(a.TableHeader,{className:`sticky top-0 z-10 backdrop-blur-xs`,children:e.getHeaderGroups().map(e=>(0,d.jsx)(a.TableRow,{children:e.headers.map(e=>{let{column:t}=e,n=t.getIsPinned(),r=n===`left`&&t.getIsLastColumn(`left`),i=n===`right`&&t.getIsFirstColumn(`right`);return(0,d.jsx)(a.TableHead,{"data-pinned":n||void 0,"data-last-col":r?`left`:i?`right`:void 0,className:(0,u.cn)(`relative h-9 font-semibold select-none`,`data-pinned:backdrop-blur-xs`,`data-pinned:bg-muted-weak`,`[&>.cursor-col-resize]:last:opacity-0`,`[&[data-pinned][data-last-col]]:border-border-weak`,`[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-pinned=left][data-last-col=left]]:border-r`,`[&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-pinned=right][data-last-col=right]]:border-l`),colSpan:e.colSpan,style:{width:e.getSize(),maxWidth:e.getSize(),...m(e.column)},children:(0,d.jsx)(_,{header:e})},e.id)})},e.id))}),(0,d.jsx)(a.TableBody,{className:(0,u.cn)(t&&`h-36`,e.getRowModel().rows?.length===0&&`h-48`),children:t?(0,d.jsx)(a.TableRow,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:(0,d.jsx)(a.TableCell,{children:`loading...`})}):(0,d.jsx)(d.Fragment,{children:e.getRowModel().rows?.length?e.getRowModel().rows.map(e=>(0,d.jsx)(a.TableRow,{"data-state":e.getIsSelected()&&`selected`,className:`cursor-pointer border-none focus:outline-none`,onClick:()=>n?.(e?.id||e.original?.id?.toString()||e.original?.uuid||void 0),children:e.getVisibleCells().map(e=>{let{column:t}=e,n=t.getIsPinned(),r=n===`left`&&t.getIsLastColumn(`left`),i=n===`right`&&t.getIsFirstColumn(`right`);return(0,d.jsx)(a.TableCell,{style:{...m(t),width:e.column.getSize(),maxWidth:e.column.getSize()},"data-pinned":n||void 0,"data-last-col":r?`left`:i?`right`:void 0,className:(0,u.cn)(`overflow-hidden py-2.5`,`[&[data-pinned][data-last-col]]:border-border-weak`,`[&[data-pinned=left][data-last-col=left]]:border-r`,`[&[data-pinned=right][data-last-col=right]]:border-l`,`data-pinned:bg-background/90`),children:(0,p.flexRender)(e.column.columnDef.cell,e.getContext())},e.id)})},e.id)):(0,d.jsx)(a.TableRow,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:(0,d.jsx)(a.TableCell,{children:(0,d.jsxs)(`div`,{className:`text-muted-foreground flex size-full flex-col items-center justify-center gap-y-8 text-base`,children:[(0,d.jsx)(l.PackagePlusIcon,{size:48,strokeWidth:2}),(0,d.jsx)(`p`,{children:`Thêm dữ liệu để hiển thị`})]})})})})})]})},y=({onAdd:e,onRefresh:t})=>(0,d.jsxs)(n.Flex,{justify:`between`,padding:`none`,width:`full`,className:`flex-0`,children:[(0,d.jsx)(`div`,{className:`max-sm:flex-1`,children:(0,d.jsx)(c.SearchInput,{placeholder:`Search...`})}),(0,d.jsxs)(n.Flex,{wrap:!1,className:`flex-0 px-0`,children:[!!e&&(0,d.jsx)(o.AddNewBtn,{onClick:e}),(0,d.jsx)(s.RefreshBtn,{onClick:t})]})]});function b({filteredSelectedRowsLength:e,filteredRowsLength:n,pageSize:i,setPageSize:a,pageIndex:o=0,setPageIndex:s,previousPage:c,nextPage:u,canPreviousPage:f,canNextPage:p,pageCount:m=1}){"use no memo";return(0,d.jsxs)(`div`,{className:`mt-4 flex w-full flex-0 flex-col flex-wrap items-start space-y-2 px-2 sm:flex-row`,children:[(0,d.jsxs)(`div`,{className:`text-text-positive flex-1 text-sm`,children:[e,` of `,n,` row(s) selected.`]}),(0,d.jsxs)(`div`,{className:`flex w-full flex-col flex-wrap items-start space-y-2 sm:w-fit sm:space-y-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center space-x-2 sm:space-x-4`,children:[(0,d.jsx)(`p`,{className:`sr-only text-sm font-medium sm:not-sr-only sm:mr-4`,children:`Rows per page`}),(0,d.jsxs)(r.Select,{value:`${i}`,onValueChange:e=>{a?.(Number(e))},children:[(0,d.jsx)(r.SelectTrigger,{className:`h-8 w-18`,children:(0,d.jsx)(r.SelectValue,{placeholder:i})}),(0,d.jsx)(r.SelectContent,{side:`top`,children:[10,20,30,40,50].map(e=>(0,d.jsx)(r.SelectItem,{value:`${e}`,children:e},e))})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-center text-sm font-medium`,children:[`Page `,o+1,` of `,m]})]}),(0,d.jsxs)(`div`,{className:`flex w-full justify-end space-x-2 *:size-9 *:p-0`,children:[(0,d.jsxs)(t.Button,{variant:`outline`,color:`muted`,onClick:()=>s?.(0),disabled:!f,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to first page`}),(0,d.jsx)(l.ChevronsLeft,{})]}),(0,d.jsxs)(t.Button,{variant:`outline`,color:`muted`,onClick:c,disabled:!f,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to previous page`}),(0,d.jsx)(l.ChevronLeft,{})]}),(0,d.jsxs)(t.Button,{variant:`outline`,color:`muted`,onClick:u,disabled:!p,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to next page`}),(0,d.jsx)(l.ChevronRight,{})]}),(0,d.jsxs)(t.Button,{variant:`outline`,color:`muted`,onClick:()=>{s?.(m-1)},disabled:!p,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to last page`}),(0,d.jsx)(l.ChevronsRight,{})]})]})]})]})}function x({data:e,totalCount:t,isLoading:r,columns:i,pagination:a,onAdd:o,onRefresh:s,onClickRow:c,onPaginationChange:l}){"use no memo";let[u,m]=(0,f.useState)({}),[h,g]=(0,f.useState)([]),[_,x]=(0,f.useState)([]),[S,C]=(0,f.useState)({}),w=(0,f.useMemo)(()=>({columnPinning:{right:[`actions`,`update`,`delete`]},pagination:{pageIndex:0,pageSize:20}}),[]),T=(0,p.useReactTable)({initialState:w,data:e,columns:i,rowCount:t,columnResizeMode:`onChange`,manualPagination:!0,enableColumnResizing:!1,enableMultiRowSelection:!1,getCoreRowModel:(0,p.getCoreRowModel)(),getPaginationRowModel:(0,p.getPaginationRowModel)(),getSortedRowModel:(0,p.getSortedRowModel)(),getFilteredRowModel:(0,p.getFilteredRowModel)(),getFacetedRowModel:(0,p.getFacetedRowModel)(),getFacetedUniqueValues:(0,p.getFacetedUniqueValues)(),getRowId:e=>e.id||e.uuid,state:{rowSelection:u,sorting:h,columnVisibility:S,columnFilters:_,...a?{pagination:a}:{}},onRowSelectionChange:m,onSortingChange:g,onColumnVisibilityChange:C,onColumnFiltersChange:x,...l?{onPaginationChange:l}:{}});return(0,d.jsxs)(n.Flex,{vertical:!0,wrap:!1,gap:`sm`,align:`start`,className:`size-full overflow-y-auto pt-1`,children:[(0,d.jsx)(y,{onAdd:o,onRefresh:s}),(0,d.jsxs)(n.Flex,{padding:`none`,vertical:!0,wrap:!1,width:`full`,className:`flex-1 overflow-auto pb-4`,children:[(0,d.jsx)(v,{table:T,isLoading:r,onClickRow:c}),(0,d.jsx)(b,{pageSize:T.getState().pagination.pageSize,setPageSize:T.setPageSize,filteredSelectedRowsLength:T.getFilteredSelectedRowModel().rows.length,filteredRowsLength:T.getFilteredRowModel().rows.length,pageIndex:T.getState().pagination.pageIndex,setPageIndex:T.setPageIndex,previousPage:T.previousPage,nextPage:T.nextPage,canPreviousPage:T.getCanPreviousPage(),canNextPage:T.getCanNextPage(),pageCount:T.getPageCount()})]})]})}exports.Table=x;
 //# sourceMappingURL=index.cjs.map

package/dist/table/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { ColumnDef, PaginationState } from "@tanstack/react-table";
 
 //#region packages/components/table/index.d.ts
@@ -23,7 +23,7 @@ declare function Table<T extends Record<string, unknown>>({
   onRefresh,
   onClickRow,
   onPaginationChange
-}: Props<T>): react_jsx_runtime42.JSX.Element;
+}: Props<T>): react_jsx_runtime10.JSX.Element;
 //#endregion
 export { Table };
 //# sourceMappingURL=index.d.cts.map

package/dist/table/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime75 from "react/jsx-runtime";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
 import { ColumnDef, PaginationState } from "@tanstack/react-table";
 
 //#region packages/components/table/index.d.ts
@@ -23,7 +23,7 @@ declare function Table<T extends Record<string, unknown>>({
   onRefresh,
   onClickRow,
   onPaginationChange
-}: Props<T>): react_jsx_runtime75.JSX.Element;
+}: Props<T>): react_jsx_runtime59.JSX.Element;
 //#endregion
 export { Table };
 //# sourceMappingURL=index.d.ts.map

package/dist/table/index.js

@@ -1,2 +1,2 @@
-import{Button as e}from"../button-CvQQTSka.js";import{Flex as t}from"../flex-BZHWRUkz.js";import"../paragraph-BwSskqDY.js";import"../input-BUYJ4_aj.js";import{Select as n,SelectContent as r,SelectItem as i,SelectTrigger as a,SelectValue as o}from"../select-Cmq5a3Wg.js";import{DropdownMenu as s,DropdownMenuContent as c,DropdownMenuItem as l,DropdownMenuTrigger as u}from"../dropdown-menu-Bj39Rmxd.js";import"../scroll-area-CqevC_nb.js";import{Table as d,TableBody as f,TableCell as p,TableHead as m,TableHeader as h,TableRow as g}from"../table-oROsZcz4.js";import{AddNewBtn as _}from"../add-new-BFDOXej7.js";import{RefreshBtn as v}from"../refresh-CTcKzu_a.js";import{SearchInput as y}from"../search-input-DnYrPBeT.js";import{ArrowLeftToLineIcon as b,ArrowRightToLineIcon as x,ChevronDown as S,ChevronLeft as C,ChevronRight as w,ChevronUp as T,ChevronsLeft as E,ChevronsRight as D,EllipsisIcon as O,PackagePlusIcon as k,PinOffIcon as A}from"lucide-react";import{cn as j}from"@customafk/react-toolkit/utils";import{Fragment as M,jsx as N,jsxs as P}from"react/jsx-runtime";import{useMemo as F,useState as I}from"react";import{flexRender as L,getCoreRowModel as R,getFacetedRowModel as z,getFacetedUniqueValues as B,getFilteredRowModel as V,getPaginationRowModel as H,getSortedRowModel as U,useReactTable as W}from"@tanstack/react-table";const G=e=>{let t=e.getIsPinned();return{left:t===`left`?`${e.getStart(`left`)}px`:void 0,right:t===`right`?`${e.getAfter(`right`)}px`:void 0,position:t?`sticky`:`relative`,width:e.getSize(),zIndex:t?1:0}},K=({column:e})=>{let t=e.getIsSorted(),n={asc:N(T,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`}),desc:N(S,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`})};return t?n[t]:null},q=({column:t})=>{let n=t.columnDef.header;return t.getCanPin()?t.getIsPinned()?N(e,{size:`icon`,variant:`ghost`,color:`secondary`,className:`hover:[&_svg]:text-secondary-foreground -mr-1 size-7 shadow-none`,"aria-label":`Unpin ${n} column`,title:`Unpin ${n} column`,onClick:()=>t.pin(!1),children:N(A,{className:`opacity-60`,size:16,"aria-hidden":`true`})}):P(s,{children:[N(u,{asChild:!0,children:N(e,{size:`icon`,variant:`ghost`,color:`secondary`,className:`size-7 shadow-none`,"aria-label":`Pin options for ${n} column`,title:`Pin options for ${n} column`,children:N(O,{className:`opacity-60`,size:16,"aria-hidden":`true`})})}),P(c,{align:`end`,children:[P(l,{onClick:()=>t.pin(`left`),children:[N(b,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to left`]}),P(l,{onClick:()=>t.pin(`right`),children:[N(x,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to right`]})]})]}):null},J=({header:e})=>{let{column:t}=e,n=e=>{t.getCanSort()&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),t.getToggleSortingHandler()?.(e))};return P(`div`,{className:`flex items-center justify-between gap-2 truncate`,children:[!e.isPlaceholder&&P(`div`,{className:j(t.getCanSort()&&`flex h-full cursor-pointer items-center justify-between gap-2 select-none`),onClick:t.getToggleSortingHandler(),onKeyDown:n,tabIndex:t.getCanSort()?0:void 0,children:[N(`span`,{className:`truncate`,children:L(t.columnDef.header,e.getContext())}),N(K,{column:t})]}),!e.isPlaceholder&&N(q,{column:t})]})},Y=({table:e,isLoading:t,onClickRow:n})=>{"use no memo";return P(d,{className:j(`!w-full`,`table-fixed border-separate border-spacing-0`,`[&_td]:border-border-weak`,`[&_th]:border-border-weak`,`[&_th]:border-b`,`[&_th]:border-b-border-weak`,`[&_tr]:border-none`,`[&_tr:not(:last-child)_td]:border-b`,`[&_tr:not(:last-child)_td]:border-b-border-weak`,`[&_tfoot_td]:border-t`),style:{width:e.getTotalSize()},children:[N(h,{className:`sticky top-0 z-10 backdrop-blur-xs`,children:e.getHeaderGroups().map(e=>N(g,{children:e.headers.map(e=>{let{column:t}=e,n=t.getIsPinned(),r=n===`left`&&t.getIsLastColumn(`left`),i=n===`right`&&t.getIsFirstColumn(`right`);return N(m,{"data-pinned":n||void 0,"data-last-col":r?`left`:i?`right`:void 0,className:j(`relative h-9 font-semibold select-none`,`data-pinned:backdrop-blur-xs`,`data-pinned:bg-muted-weak`,`[&>.cursor-col-resize]:last:opacity-0`,`[&[data-pinned][data-last-col]]:border-border-weak`,`[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-pinned=left][data-last-col=left]]:border-r`,`[&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-pinned=right][data-last-col=right]]:border-l`),colSpan:e.colSpan,style:{width:e.getSize(),maxWidth:e.getSize(),...G(e.column)},children:N(J,{header:e})},e.id)})},e.id))}),N(f,{className:j(t&&`h-36`,e.getRowModel().rows?.length===0&&`h-48`),children:t?N(g,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:N(p,{children:`loading...`})}):N(M,{children:e.getRowModel().rows?.length?e.getRowModel().rows.map(e=>N(g,{"data-state":e.getIsSelected()&&`selected`,className:`cursor-pointer border-none focus:outline-none`,onClick:()=>n?.(e?.id||e.original?.id?.toString()||e.original?.uuid||void 0),children:e.getVisibleCells().map(e=>{let{column:t}=e,n=t.getIsPinned(),r=n===`left`&&t.getIsLastColumn(`left`),i=n===`right`&&t.getIsFirstColumn(`right`);return N(p,{style:{...G(t),width:e.column.getSize(),maxWidth:e.column.getSize()},"data-pinned":n||void 0,"data-last-col":r?`left`:i?`right`:void 0,className:j(`overflow-hidden py-2.5`,`[&[data-pinned][data-last-col]]:border-border-weak`,`[&[data-pinned=left][data-last-col=left]]:border-r`,`[&[data-pinned=right][data-last-col=right]]:border-l`,`data-pinned:bg-background/90`),children:L(e.column.columnDef.cell,e.getContext())},e.id)})},e.id)):N(g,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:N(p,{children:P(`div`,{className:`text-muted-foreground flex size-full flex-col items-center justify-center gap-y-8 text-base`,children:[N(k,{size:48,strokeWidth:2}),N(`p`,{children:`Thêm dữ liệu để hiển thị`})]})})})})})]})},X=({onAdd:e,onRefresh:n})=>P(t,{justify:`between`,padding:`none`,width:`full`,className:`flex-0`,children:[N(`div`,{className:`max-sm:flex-1`,children:N(y,{placeholder:`Search...`})}),P(t,{wrap:!1,className:`flex-0 px-0`,children:[!!e&&N(_,{onClick:e}),N(v,{onClick:n})]})]});function Z({filteredSelectedRowsLength:t,filteredRowsLength:s,pageSize:c,setPageSize:l,pageIndex:u=0,setPageIndex:d,previousPage:f,nextPage:p,canPreviousPage:m,canNextPage:h,pageCount:g=1}){"use no memo";return P(`div`,{className:`mt-4 flex w-full flex-0 flex-col flex-wrap items-start space-y-2 px-2 sm:flex-row`,children:[P(`div`,{className:`text-text-positive flex-1 text-sm`,children:[t,` of `,s,` row(s) selected.`]}),P(`div`,{className:`flex w-full flex-col flex-wrap items-start space-y-2 sm:w-fit sm:space-y-4`,children:[P(`div`,{className:`flex items-center space-x-2 sm:space-x-4`,children:[N(`p`,{className:`sr-only text-sm font-medium sm:not-sr-only sm:mr-4`,children:`Rows per page`}),P(n,{value:`${c}`,onValueChange:e=>{l?.(Number(e))},children:[N(a,{className:`h-8 w-18`,children:N(o,{placeholder:c})}),N(r,{side:`top`,children:[10,20,30,40,50].map(e=>N(i,{value:`${e}`,children:e},e))})]}),P(`div`,{className:`flex items-center justify-center text-sm font-medium`,children:[`Page `,u+1,` of `,g]})]}),P(`div`,{className:`flex w-full justify-end space-x-2 *:size-9 *:p-0`,children:[P(e,{variant:`outline`,color:`muted`,onClick:()=>d?.(0),disabled:!m,children:[N(`span`,{className:`sr-only`,children:`Go to first page`}),N(E,{})]}),P(e,{variant:`outline`,color:`muted`,onClick:f,disabled:!m,children:[N(`span`,{className:`sr-only`,children:`Go to previous page`}),N(C,{})]}),P(e,{variant:`outline`,color:`muted`,onClick:p,disabled:!h,children:[N(`span`,{className:`sr-only`,children:`Go to next page`}),N(w,{})]}),P(e,{variant:`outline`,color:`muted`,onClick:()=>{d?.(g-1)},disabled:!h,children:[N(`span`,{className:`sr-only`,children:`Go to last page`}),N(D,{})]})]})]})]})}function Q({data:e,totalCount:n,isLoading:r,columns:i,pagination:a,onAdd:o,onRefresh:s,onClickRow:c,onPaginationChange:l}){"use no memo";let[u,d]=I({}),[f,p]=I([]),[m,h]=I([]),[g,_]=I({}),v=F(()=>({columnPinning:{right:[`actions`,`update`,`delete`]},pagination:{pageIndex:0,pageSize:20}}),[]),y=W({initialState:v,data:e,columns:i,rowCount:n,columnResizeMode:`onChange`,manualPagination:!0,enableColumnResizing:!1,enableMultiRowSelection:!1,getCoreRowModel:R(),getPaginationRowModel:H(),getSortedRowModel:U(),getFilteredRowModel:V(),getFacetedRowModel:z(),getFacetedUniqueValues:B(),getRowId:e=>e.id||e.uuid,state:{rowSelection:u,sorting:f,columnVisibility:g,columnFilters:m,...a?{pagination:a}:{}},onRowSelectionChange:d,onSortingChange:p,onColumnVisibilityChange:_,onColumnFiltersChange:h,...l?{onPaginationChange:l}:{}});return P(t,{vertical:!0,wrap:!1,gap:`sm`,align:`start`,className:`size-full overflow-y-auto pt-1`,children:[N(X,{onAdd:o,onRefresh:s}),P(t,{padding:`none`,vertical:!0,wrap:!1,width:`full`,className:`flex-1 overflow-auto pb-4`,children:[N(Y,{table:y,isLoading:r,onClickRow:c}),N(Z,{pageSize:y.getState().pagination.pageSize,setPageSize:y.setPageSize,filteredSelectedRowsLength:y.getFilteredSelectedRowModel().rows.length,filteredRowsLength:y.getFilteredRowModel().rows.length,pageIndex:y.getState().pagination.pageIndex,setPageIndex:y.setPageIndex,previousPage:y.previousPage,nextPage:y.nextPage,canPreviousPage:y.getCanPreviousPage(),canNextPage:y.getCanNextPage(),pageCount:y.getPageCount()})]})]})}export{Q as Table};
+import{Button as e}from"../button-CvQQTSka.js";import{Flex as t}from"../flex-BZHWRUkz.js";import"../paragraph-BwSskqDY.js";import"../input-BFZuwsER.js";import{Select as n,SelectContent as r,SelectItem as i,SelectTrigger as a,SelectValue as o}from"../select-CijI0HX0.js";import{DropdownMenu as s,DropdownMenuContent as c,DropdownMenuItem as l,DropdownMenuTrigger as u}from"../dropdown-menu-Bj39Rmxd.js";import"../scroll-area-CqevC_nb.js";import{Table as d,TableBody as f,TableCell as p,TableHead as m,TableHeader as h,TableRow as g}from"../table-oROsZcz4.js";import{AddNewBtn as _}from"../add-new-BFDOXej7.js";import{RefreshBtn as v}from"../refresh-CTcKzu_a.js";import{SearchInput as y}from"../search-input-C_7D7Nqj.js";import{ArrowLeftToLineIcon as b,ArrowRightToLineIcon as x,ChevronDown as S,ChevronLeft as C,ChevronRight as w,ChevronUp as T,ChevronsLeft as E,ChevronsRight as D,EllipsisIcon as O,PackagePlusIcon as k,PinOffIcon as A}from"lucide-react";import{cn as j}from"@customafk/react-toolkit/utils";import{Fragment as M,jsx as N,jsxs as P}from"react/jsx-runtime";import{useMemo as F,useState as I}from"react";import{flexRender as L,getCoreRowModel as R,getFacetedRowModel as z,getFacetedUniqueValues as B,getFilteredRowModel as V,getPaginationRowModel as H,getSortedRowModel as U,useReactTable as W}from"@tanstack/react-table";const G=e=>{let t=e.getIsPinned();return{left:t===`left`?`${e.getStart(`left`)}px`:void 0,right:t===`right`?`${e.getAfter(`right`)}px`:void 0,position:t?`sticky`:`relative`,width:e.getSize(),zIndex:t?1:0}},K=({column:e})=>{let t=e.getIsSorted(),n={asc:N(T,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`}),desc:N(S,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`})};return t?n[t]:null},q=({column:t})=>{let n=t.columnDef.header;return t.getCanPin()?t.getIsPinned()?N(e,{size:`icon`,variant:`ghost`,color:`secondary`,className:`hover:[&_svg]:text-secondary-foreground -mr-1 size-7 shadow-none`,"aria-label":`Unpin ${n} column`,title:`Unpin ${n} column`,onClick:()=>t.pin(!1),children:N(A,{className:`opacity-60`,size:16,"aria-hidden":`true`})}):P(s,{children:[N(u,{asChild:!0,children:N(e,{size:`icon`,variant:`ghost`,color:`secondary`,className:`size-7 shadow-none`,"aria-label":`Pin options for ${n} column`,title:`Pin options for ${n} column`,children:N(O,{className:`opacity-60`,size:16,"aria-hidden":`true`})})}),P(c,{align:`end`,children:[P(l,{onClick:()=>t.pin(`left`),children:[N(b,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to left`]}),P(l,{onClick:()=>t.pin(`right`),children:[N(x,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to right`]})]})]}):null},J=({header:e})=>{let{column:t}=e,n=e=>{t.getCanSort()&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),t.getToggleSortingHandler()?.(e))};return P(`div`,{className:`flex items-center justify-between gap-2 truncate`,children:[!e.isPlaceholder&&P(`div`,{className:j(t.getCanSort()&&`flex h-full cursor-pointer items-center justify-between gap-2 select-none`),onClick:t.getToggleSortingHandler(),onKeyDown:n,tabIndex:t.getCanSort()?0:void 0,children:[N(`span`,{className:`truncate`,children:L(t.columnDef.header,e.getContext())}),N(K,{column:t})]}),!e.isPlaceholder&&N(q,{column:t})]})},Y=({table:e,isLoading:t,onClickRow:n})=>{"use no memo";return P(d,{className:j(`!w-full`,`table-fixed border-separate border-spacing-0`,`[&_td]:border-border-weak`,`[&_th]:border-border-weak`,`[&_th]:border-b`,`[&_th]:border-b-border-weak`,`[&_tr]:border-none`,`[&_tr:not(:last-child)_td]:border-b`,`[&_tr:not(:last-child)_td]:border-b-border-weak`,`[&_tfoot_td]:border-t`),style:{width:e.getTotalSize()},children:[N(h,{className:`sticky top-0 z-10 backdrop-blur-xs`,children:e.getHeaderGroups().map(e=>N(g,{children:e.headers.map(e=>{let{column:t}=e,n=t.getIsPinned(),r=n===`left`&&t.getIsLastColumn(`left`),i=n===`right`&&t.getIsFirstColumn(`right`);return N(m,{"data-pinned":n||void 0,"data-last-col":r?`left`:i?`right`:void 0,className:j(`relative h-9 font-semibold select-none`,`data-pinned:backdrop-blur-xs`,`data-pinned:bg-muted-weak`,`[&>.cursor-col-resize]:last:opacity-0`,`[&[data-pinned][data-last-col]]:border-border-weak`,`[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-pinned=left][data-last-col=left]]:border-r`,`[&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0`,`[&[data-pinned=right][data-last-col=right]]:border-l`),colSpan:e.colSpan,style:{width:e.getSize(),maxWidth:e.getSize(),...G(e.column)},children:N(J,{header:e})},e.id)})},e.id))}),N(f,{className:j(t&&`h-36`,e.getRowModel().rows?.length===0&&`h-48`),children:t?N(g,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:N(p,{children:`loading...`})}):N(M,{children:e.getRowModel().rows?.length?e.getRowModel().rows.map(e=>N(g,{"data-state":e.getIsSelected()&&`selected`,className:`cursor-pointer border-none focus:outline-none`,onClick:()=>n?.(e?.id||e.original?.id?.toString()||e.original?.uuid||void 0),children:e.getVisibleCells().map(e=>{let{column:t}=e,n=t.getIsPinned(),r=n===`left`&&t.getIsLastColumn(`left`),i=n===`right`&&t.getIsFirstColumn(`right`);return N(p,{style:{...G(t),width:e.column.getSize(),maxWidth:e.column.getSize()},"data-pinned":n||void 0,"data-last-col":r?`left`:i?`right`:void 0,className:j(`overflow-hidden py-2.5`,`[&[data-pinned][data-last-col]]:border-border-weak`,`[&[data-pinned=left][data-last-col=left]]:border-r`,`[&[data-pinned=right][data-last-col=right]]:border-l`,`data-pinned:bg-background/90`),children:L(e.column.columnDef.cell,e.getContext())},e.id)})},e.id)):N(g,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:N(p,{children:P(`div`,{className:`text-muted-foreground flex size-full flex-col items-center justify-center gap-y-8 text-base`,children:[N(k,{size:48,strokeWidth:2}),N(`p`,{children:`Thêm dữ liệu để hiển thị`})]})})})})})]})},X=({onAdd:e,onRefresh:n})=>P(t,{justify:`between`,padding:`none`,width:`full`,className:`flex-0`,children:[N(`div`,{className:`max-sm:flex-1`,children:N(y,{placeholder:`Search...`})}),P(t,{wrap:!1,className:`flex-0 px-0`,children:[!!e&&N(_,{onClick:e}),N(v,{onClick:n})]})]});function Z({filteredSelectedRowsLength:t,filteredRowsLength:s,pageSize:c,setPageSize:l,pageIndex:u=0,setPageIndex:d,previousPage:f,nextPage:p,canPreviousPage:m,canNextPage:h,pageCount:g=1}){"use no memo";return P(`div`,{className:`mt-4 flex w-full flex-0 flex-col flex-wrap items-start space-y-2 px-2 sm:flex-row`,children:[P(`div`,{className:`text-text-positive flex-1 text-sm`,children:[t,` of `,s,` row(s) selected.`]}),P(`div`,{className:`flex w-full flex-col flex-wrap items-start space-y-2 sm:w-fit sm:space-y-4`,children:[P(`div`,{className:`flex items-center space-x-2 sm:space-x-4`,children:[N(`p`,{className:`sr-only text-sm font-medium sm:not-sr-only sm:mr-4`,children:`Rows per page`}),P(n,{value:`${c}`,onValueChange:e=>{l?.(Number(e))},children:[N(a,{className:`h-8 w-18`,children:N(o,{placeholder:c})}),N(r,{side:`top`,children:[10,20,30,40,50].map(e=>N(i,{value:`${e}`,children:e},e))})]}),P(`div`,{className:`flex items-center justify-center text-sm font-medium`,children:[`Page `,u+1,` of `,g]})]}),P(`div`,{className:`flex w-full justify-end space-x-2 *:size-9 *:p-0`,children:[P(e,{variant:`outline`,color:`muted`,onClick:()=>d?.(0),disabled:!m,children:[N(`span`,{className:`sr-only`,children:`Go to first page`}),N(E,{})]}),P(e,{variant:`outline`,color:`muted`,onClick:f,disabled:!m,children:[N(`span`,{className:`sr-only`,children:`Go to previous page`}),N(C,{})]}),P(e,{variant:`outline`,color:`muted`,onClick:p,disabled:!h,children:[N(`span`,{className:`sr-only`,children:`Go to next page`}),N(w,{})]}),P(e,{variant:`outline`,color:`muted`,onClick:()=>{d?.(g-1)},disabled:!h,children:[N(`span`,{className:`sr-only`,children:`Go to last page`}),N(D,{})]})]})]})]})}function Q({data:e,totalCount:n,isLoading:r,columns:i,pagination:a,onAdd:o,onRefresh:s,onClickRow:c,onPaginationChange:l}){"use no memo";let[u,d]=I({}),[f,p]=I([]),[m,h]=I([]),[g,_]=I({}),v=F(()=>({columnPinning:{right:[`actions`,`update`,`delete`]},pagination:{pageIndex:0,pageSize:20}}),[]),y=W({initialState:v,data:e,columns:i,rowCount:n,columnResizeMode:`onChange`,manualPagination:!0,enableColumnResizing:!1,enableMultiRowSelection:!1,getCoreRowModel:R(),getPaginationRowModel:H(),getSortedRowModel:U(),getFilteredRowModel:V(),getFacetedRowModel:z(),getFacetedUniqueValues:B(),getRowId:e=>e.id||e.uuid,state:{rowSelection:u,sorting:f,columnVisibility:g,columnFilters:m,...a?{pagination:a}:{}},onRowSelectionChange:d,onSortingChange:p,onColumnVisibilityChange:_,onColumnFiltersChange:h,...l?{onPaginationChange:l}:{}});return P(t,{vertical:!0,wrap:!1,gap:`sm`,align:`start`,className:`size-full overflow-y-auto pt-1`,children:[N(X,{onAdd:o,onRefresh:s}),P(t,{padding:`none`,vertical:!0,wrap:!1,width:`full`,className:`flex-1 overflow-auto pb-4`,children:[N(Y,{table:y,isLoading:r,onClickRow:c}),N(Z,{pageSize:y.getState().pagination.pageSize,setPageSize:y.setPageSize,filteredSelectedRowsLength:y.getFilteredSelectedRowModel().rows.length,filteredRowsLength:y.getFilteredRowModel().rows.length,pageIndex:y.getState().pagination.pageIndex,setPageIndex:y.setPageIndex,previousPage:y.previousPage,nextPage:y.nextPage,canPreviousPage:y.getCanPreviousPage(),canNextPage:y.getCanNextPage(),pageCount:y.getPageCount()})]})]})}export{Q as Table};
 //# sourceMappingURL=index.js.map

package/dist/{textarea-DbNqKCAi.js → textarea-BCZiUxv7.js}

@@ -1,2 +1,2 @@
 import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{useCallback as n}from"react";function r({className:r,onChange:i,onValueChange:a,...o}){let s=n(e=>{i?.(e),a?.(e.target.value)},[i,a]);return t(`textarea`,{"data-slot":`textarea`,className:e(`border-border-weak caret-primary`,`flex min-h-16 w-full bg-transparent px-3 py-2`,`field-sizing-content`,`shadow-input rounded-md border`,`text-sm transition-[color,border,box-shadow] outline-none`,`hover:border-border`,`placeholder:text-text-positive-muted`,`disabled:pointer-events-none`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`focus-visible:border-primary-strong`,`aria-invalid:ring-danger-muted`,`aria-invalid:border-danger-strong`,r),...o,onChange:s})}export{r as Textarea};
-//# sourceMappingURL=textarea-DbNqKCAi.js.map
+//# sourceMappingURL=textarea-BCZiUxv7.js.map

package/dist/{textarea-DbNqKCAi.js.map → textarea-BCZiUxv7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-DbNqKCAi.js","names":[],"sources":["../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client'\nimport { useCallback } from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nfunction Textarea({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'textarea'> & {\n  onValueChange?: (value: string) => void\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e)\n      onValueChange?.(e.target.value)\n    },\n    [onChange, onValueChange],\n  )\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'border-border-weak caret-primary',\n        'flex min-h-16 w-full bg-transparent px-3 py-2',\n        'field-sizing-content',\n        'shadow-input rounded-md border',\n        'text-sm transition-[color,border,box-shadow] outline-none',\n        'hover:border-border',\n        'placeholder:text-text-positive-muted',\n        'disabled:pointer-events-none',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n        'focus-visible:ring-4',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:border-primary-strong',\n        'aria-invalid:ring-danger-muted',\n        'aria-invalid:border-danger-strong',\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":"gIAIA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,EAAe,EAClB,GAA8C,CAC7C,IAAW,GACX,IAAgB,EAAE,OAAO,QAE3B,CAAC,EAAU,IAEb,OACE,EAAC,WAAA,CACC,YAAU,WACV,UAAW,EACT,mCACA,gDACA,uBACA,iCACA,4DACA,sBACA,uCACA,+BACA,8BACA,sBACA,uBACA,kCACA,sCACA,iCACA,oCACA,GAEF,GAAI,EACJ,SAAU"}
+{"version":3,"file":"textarea-BCZiUxv7.js","names":[],"sources":["../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client'\nimport { useCallback } from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nfunction Textarea({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'textarea'> & {\n  onValueChange?: (value: string) => void\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e)\n      onValueChange?.(e.target.value)\n    },\n    [onChange, onValueChange],\n  )\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'border-border-weak caret-primary',\n        'flex min-h-16 w-full bg-transparent px-3 py-2',\n        'field-sizing-content',\n        'shadow-input rounded-md border',\n        'text-sm transition-[color,border,box-shadow] outline-none',\n        'hover:border-border',\n        'placeholder:text-text-positive-muted',\n        'disabled:pointer-events-none',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n        'focus-visible:ring-4',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:border-primary-strong',\n        'aria-invalid:ring-danger-muted',\n        'aria-invalid:border-danger-strong',\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":"gIAIA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,EAAe,EAClB,GAA8C,CAC7C,IAAW,GACX,IAAgB,EAAE,OAAO,QAE3B,CAAC,EAAU,IAEb,OACE,EAAC,WAAA,CACC,YAAU,WACV,UAAW,EACT,mCACA,gDACA,uBACA,iCACA,4DACA,sBACA,uCACA,+BACA,8BACA,sBACA,uBACA,kCACA,sCACA,iCACA,oCACA,GAEF,GAAI,EACJ,SAAU"}

package/dist/{textarea-DK_bNV0u.cjs → textarea-BtACo9UF.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`react`));function i({className:e,onChange:i,onValueChange:a,...o}){let s=(0,r.useCallback)(e=>{i?.(e),a?.(e.target.value)},[i,a]);return(0,n.jsx)(`textarea`,{"data-slot":`textarea`,className:(0,t.cn)(`border-border-weak caret-primary`,`flex min-h-16 w-full bg-transparent px-3 py-2`,`field-sizing-content`,`shadow-input rounded-md border`,`text-sm transition-[color,border,box-shadow] outline-none`,`hover:border-border`,`placeholder:text-text-positive-muted`,`disabled:pointer-events-none`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`focus-visible:border-primary-strong`,`aria-invalid:ring-danger-muted`,`aria-invalid:border-danger-strong`,e),...o,onChange:s})}Object.defineProperty(exports,`Textarea`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=textarea-DK_bNV0u.cjs.map
+//# sourceMappingURL=textarea-BtACo9UF.cjs.map

package/dist/{textarea-DK_bNV0u.cjs.map → textarea-BtACo9UF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-DK_bNV0u.cjs","names":[],"sources":["../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client'\nimport { useCallback } from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nfunction Textarea({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'textarea'> & {\n  onValueChange?: (value: string) => void\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e)\n      onValueChange?.(e.target.value)\n    },\n    [onChange, onValueChange],\n  )\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'border-border-weak caret-primary',\n        'flex min-h-16 w-full bg-transparent px-3 py-2',\n        'field-sizing-content',\n        'shadow-input rounded-md border',\n        'text-sm transition-[color,border,box-shadow] outline-none',\n        'hover:border-border',\n        'placeholder:text-text-positive-muted',\n        'disabled:pointer-events-none',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n        'focus-visible:ring-4',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:border-primary-strong',\n        'aria-invalid:ring-danger-muted',\n        'aria-invalid:border-danger-strong',\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":"uKAIA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,GAAA,EAAA,EAAA,aACH,GAA8C,CAC7C,IAAW,GACX,IAAgB,EAAE,OAAO,QAE3B,CAAC,EAAU,IAEb,OACE,EAAA,EAAA,KAAC,WAAA,CACC,YAAU,WACV,WAAA,EAAA,EAAA,IACE,mCACA,gDACA,uBACA,iCACA,4DACA,sBACA,uCACA,+BACA,8BACA,sBACA,uBACA,kCACA,sCACA,iCACA,oCACA,GAEF,GAAI,EACJ,SAAU"}
+{"version":3,"file":"textarea-BtACo9UF.cjs","names":[],"sources":["../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client'\nimport { useCallback } from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nfunction Textarea({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'textarea'> & {\n  onValueChange?: (value: string) => void\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e)\n      onValueChange?.(e.target.value)\n    },\n    [onChange, onValueChange],\n  )\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'border-border-weak caret-primary',\n        'flex min-h-16 w-full bg-transparent px-3 py-2',\n        'field-sizing-content',\n        'shadow-input rounded-md border',\n        'text-sm transition-[color,border,box-shadow] outline-none',\n        'hover:border-border',\n        'placeholder:text-text-positive-muted',\n        'disabled:pointer-events-none',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n        'focus-visible:ring-4',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:border-primary-strong',\n        'aria-invalid:ring-danger-muted',\n        'aria-invalid:border-danger-strong',\n        className,\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":"uKAIA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,GAAA,EAAA,EAAA,aACH,GAA8C,CAC7C,IAAW,GACX,IAAgB,EAAE,OAAO,QAE3B,CAAC,EAAU,IAEb,OACE,EAAA,EAAA,KAAC,WAAA,CACC,YAAU,WACV,WAAA,EAAA,EAAA,IACE,mCACA,gDACA,uBACA,iCACA,4DACA,sBACA,uCACA,+BACA,8BACA,sBACA,uBACA,kCACA,sCACA,iCACA,oCACA,GAEF,GAAI,EACJ,SAAU"}

package/dist/{toggle-DpUG0EqP.d.cts → toggle-B3cvw5ny.d.ts}

@@ -1,19 +1,19 @@
-import * as react_jsx_runtime218 from "react/jsx-runtime";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { Toggle } from "radix-ui";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
 
 //#region packages/components/ui/toggle.d.ts
 declare const toggleVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
-  size?: "sm" | "lg" | "default" | null | undefined;
-} & class_variance_authority_types5.ClassProp) | undefined) => string;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
 declare function Toggle$1({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime218.JSX.Element;
+}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime67.JSX.Element;
 //#endregion
 export { Toggle$1 as Toggle, toggleVariants };
-//# sourceMappingURL=toggle-DpUG0EqP.d.cts.map
+//# sourceMappingURL=toggle-B3cvw5ny.d.ts.map

package/dist/{toggle-DIRRdVOx.d.ts → toggle-Dq091q_s.d.cts}

@@ -1,19 +1,19 @@
+import * as react_jsx_runtime225 from "react/jsx-runtime";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { Toggle } from "radix-ui";
-import * as react_jsx_runtime222 from "react/jsx-runtime";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
 
 //#region packages/components/ui/toggle.d.ts
 declare const toggleVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
-  size?: "sm" | "lg" | "default" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types5.ClassProp) | undefined) => string;
 declare function Toggle$1({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime222.JSX.Element;
+}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime225.JSX.Element;
 //#endregion
 export { Toggle$1 as Toggle, toggleVariants };
-//# sourceMappingURL=toggle-DIRRdVOx.d.ts.map
+//# sourceMappingURL=toggle-Dq091q_s.d.cts.map

package/dist/{tooltip-ChyvXWdm.d.ts → tooltip-B1Lj1ujY.d.ts}

@@ -1,23 +1,23 @@
 import { Tooltip } from "radix-ui";
-import * as react_jsx_runtime223 from "react/jsx-runtime";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
 
 //#region packages/components/ui/tooltip.d.ts
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime223.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime95.JSX.Element;
 declare function Tooltip$1({
   ...props
-}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime223.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime95.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime223.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime95.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime223.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime95.JSX.Element;
 //#endregion
 export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
-//# sourceMappingURL=tooltip-ChyvXWdm.d.ts.map
+//# sourceMappingURL=tooltip-B1Lj1ujY.d.ts.map

package/dist/{tooltip-BZDwRKZ6.d.cts → tooltip-DijjzZk1.d.cts}

@@ -1,23 +1,23 @@
-import * as react_jsx_runtime188 from "react/jsx-runtime";
+import * as react_jsx_runtime230 from "react/jsx-runtime";
 import { Tooltip } from "radix-ui";
 
 //#region packages/components/ui/tooltip.d.ts
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime230.JSX.Element;
 declare function Tooltip$1({
   ...props
-}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime230.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime230.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime230.JSX.Element;
 //#endregion
 export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
-//# sourceMappingURL=tooltip-BZDwRKZ6.d.cts.map
+//# sourceMappingURL=tooltip-DijjzZk1.d.cts.map

package/dist/typography/paragraph.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime64 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region packages/components/typography/paragraph.d.ts
 type Props = {
@@ -10,7 +10,7 @@ declare const Paragraph: ({
   variant,
   className,
   children
-}: Props) => react_jsx_runtime64.JSX.Element;
+}: Props) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { Paragraph };
 //# sourceMappingURL=paragraph.d.cts.map

package/dist/typography/paragraph.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime102 from "react/jsx-runtime";
+import * as react_jsx_runtime99 from "react/jsx-runtime";
 
 //#region packages/components/typography/paragraph.d.ts
 type Props = {
@@ -10,7 +10,7 @@ declare const Paragraph: ({
   variant,
   className,
   children
-}: Props) => react_jsx_runtime102.JSX.Element;
+}: Props) => react_jsx_runtime99.JSX.Element;
 //#endregion
 export { Paragraph };
 //# sourceMappingURL=paragraph.d.ts.map

package/dist/typography/title.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime84 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region packages/components/typography/title.d.ts
 type Props = {
@@ -10,7 +10,7 @@ declare const Title: ({
   level,
   className,
   children
-}: Props) => react_jsx_runtime84.JSX.Element;
+}: Props) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { Title };
 //# sourceMappingURL=title.d.cts.map

package/dist/typography/title.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime115 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 
 //#region packages/components/typography/title.d.ts
 type Props = {
@@ -10,7 +10,7 @@ declare const Title: ({
   level,
   className,
   children
-}: Props) => react_jsx_runtime115.JSX.Element;
+}: Props) => react_jsx_runtime42.JSX.Element;
 //#endregion
 export { Title };
 //# sourceMappingURL=title.d.ts.map

package/dist/ui/alert-dialog.cjs

@@ -1 +1 @@
-"use client";require(`../button-119IIVCy.cjs`);const e=require(`../alert-dialog-D-4wxqLK.cjs`);exports.AlertDialog=e.AlertDialog,exports.AlertDialogAction=e.AlertDialogAction,exports.AlertDialogCancel=e.AlertDialogCancel,exports.AlertDialogContent=e.AlertDialogContent,exports.AlertDialogDescription=e.AlertDialogDescription,exports.AlertDialogFooter=e.AlertDialogFooter,exports.AlertDialogHeader=e.AlertDialogHeader,exports.AlertDialogOverlay=e.AlertDialogOverlay,exports.AlertDialogPortal=e.AlertDialogPortal,exports.AlertDialogTitle=e.AlertDialogTitle,exports.AlertDialogTrigger=e.AlertDialogTrigger;
+"use client";require(`../button-119IIVCy.cjs`);const e=require(`../alert-dialog-CTKVGTqb.cjs`);exports.AlertDialog=e.AlertDialog,exports.AlertDialogAction=e.AlertDialogAction,exports.AlertDialogCancel=e.AlertDialogCancel,exports.AlertDialogContent=e.AlertDialogContent,exports.AlertDialogDescription=e.AlertDialogDescription,exports.AlertDialogFooter=e.AlertDialogFooter,exports.AlertDialogHeader=e.AlertDialogHeader,exports.AlertDialogOverlay=e.AlertDialogOverlay,exports.AlertDialogPortal=e.AlertDialogPortal,exports.AlertDialogTitle=e.AlertDialogTitle,exports.AlertDialogTrigger=e.AlertDialogTrigger;

package/dist/ui/alert-dialog.d.cts

@@ -1,48 +1,48 @@
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 import { AlertDialog as AlertDialog$1 } from "radix-ui";
 
 //#region packages/components/ui/alert-dialog.d.ts
 declare function AlertDialog({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime22.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime22.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime22.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime22.JSX.Element;
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime22.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime22.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime22.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime22.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime22.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime22.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime43.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime22.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 //# sourceMappingURL=alert-dialog.d.cts.map

package/dist/ui/alert-dialog.d.ts

@@ -1,48 +1,48 @@
 import { AlertDialog as AlertDialog$1 } from "radix-ui";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
 
 //#region packages/components/ui/alert-dialog.d.ts
 declare function AlertDialog({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime20.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime44.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime20.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime44.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime20.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime44.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime20.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime44.JSX.Element;
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime20.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime44.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime20.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime44.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime20.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime44.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime20.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime44.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime20.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime44.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime20.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime44.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime20.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime44.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/ui/alert-dialog.js

@@ -1 +1 @@
-"use client";import"../button-CvQQTSka.js";import{AlertDialog as e,AlertDialogAction as t,AlertDialogCancel as n,AlertDialogContent as r,AlertDialogDescription as i,AlertDialogFooter as a,AlertDialogHeader as o,AlertDialogOverlay as s,AlertDialogPortal as c,AlertDialogTitle as l,AlertDialogTrigger as u}from"../alert-dialog-B5dXkMIF.js";export{e as AlertDialog,t as AlertDialogAction,n as AlertDialogCancel,r as AlertDialogContent,i as AlertDialogDescription,a as AlertDialogFooter,o as AlertDialogHeader,s as AlertDialogOverlay,c as AlertDialogPortal,l as AlertDialogTitle,u as AlertDialogTrigger};
+"use client";import"../button-CvQQTSka.js";import{AlertDialog as e,AlertDialogAction as t,AlertDialogCancel as n,AlertDialogContent as r,AlertDialogDescription as i,AlertDialogFooter as a,AlertDialogHeader as o,AlertDialogOverlay as s,AlertDialogPortal as c,AlertDialogTitle as l,AlertDialogTrigger as u}from"../alert-dialog-BDKOU-BT.js";export{e as AlertDialog,t as AlertDialogAction,n as AlertDialogCancel,r as AlertDialogContent,i as AlertDialogDescription,a as AlertDialogFooter,o as AlertDialogHeader,s as AlertDialogOverlay,c as AlertDialogPortal,l as AlertDialogTitle,u as AlertDialogTrigger};

package/dist/ui/alert.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
@@ -10,15 +10,15 @@ declare function Alert({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime7.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime13.JSX.Element;
 declare function AlertTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime7.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime13.JSX.Element;
 declare function AlertDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime7.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertTitle };
 //# sourceMappingURL=alert.d.cts.map

package/dist/ui/alert.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region packages/components/ui/alert.d.ts
@@ -10,15 +10,15 @@ declare function Alert({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime17.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime7.JSX.Element;
 declare function AlertTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime17.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime7.JSX.Element;
 declare function AlertDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime17.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertTitle };
 //# sourceMappingURL=alert.d.ts.map

package/dist/ui/aspect-ratio.d.cts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { AspectRatio as AspectRatio$1 } from "radix-ui";
 
 //#region packages/components/ui/aspect-ratio.d.ts
 declare function AspectRatio({
   className,
   ...props
-}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime26.JSX.Element;
+}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime21.JSX.Element;
 //#endregion
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.cts.map

package/dist/ui/aspect-ratio.d.ts

@@ -1,11 +1,11 @@
 import { AspectRatio as AspectRatio$1 } from "radix-ui";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 
 //#region packages/components/ui/aspect-ratio.d.ts
 declare function AspectRatio({
   className,
   ...props
-}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime31.JSX.Element;
+}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime28.JSX.Element;
 //#endregion
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/ui/avatar.d.cts

@@ -1,19 +1,19 @@
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import { Avatar as Avatar$1 } from "radix-ui";
 
 //#region packages/components/ui/avatar.d.ts
 declare function Avatar({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime37.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime17.JSX.Element;
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime37.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime17.JSX.Element;
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime37.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime17.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.d.cts.map

package/dist/ui/avatar.d.ts

@@ -1,19 +1,19 @@
 import { Avatar as Avatar$1 } from "radix-ui";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region packages/components/ui/avatar.d.ts
 declare function Avatar({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime29.JSX.Element;
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime29.JSX.Element;
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime14.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime29.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.d.ts.map