@customafk/lunas-ui 0.0.57 → 0.0.58

package/dist/{separator-DJ-8s4B1.d.cts → separator-yyGmy_ba.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime188 from "react/jsx-runtime";
+import * as react_jsx_runtime99 from "react/jsx-runtime";
 import { Separator } from "radix-ui";
 
 //#region packages/components/ui/separator.d.ts
@@ -7,7 +7,7 @@ declare function Separator$1({
   orientation,
   decorative,
   ...props
-}: React.ComponentProps<typeof Separator.Root>): react_jsx_runtime188.JSX.Element;
+}: React.ComponentProps<typeof Separator.Root>): react_jsx_runtime99.JSX.Element;
 //#endregion
 export { Separator$1 as Separator };
-//# sourceMappingURL=separator-DJ-8s4B1.d.cts.map
+//# sourceMappingURL=separator-yyGmy_ba.d.cts.map

package/dist/table/index.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-CUT6urMc.cjs`),t=require(`../flex-DHnsdjKn.cjs`);require(`../paragraph-BsEYXIR3.cjs`);const n=require(`../button-ChpGfVjG.cjs`);require(`../input-B8bT3wuo.cjs`);const r=require(`../select-BlPiYiG_.cjs`),i=require(`../dropdown-menu-CIldv8D7.cjs`);require(`../scroll-area-D7O1NyZn.cjs`);const a=require(`../table-Dgk7z91H.cjs`),o=require(`../search-input-BmAoqcee.cjs`),s=require(`../add-new-B9vW0r69.cjs`),c=require(`../refresh-By25Z7zj.cjs`),l=e.__toESM(require(`react`)),u=e.__toESM(require(`@customafk/react-toolkit/utils`)),d=e.__toESM(require(`react/jsx-runtime`)),f=e.__toESM(require(`lucide-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)(f.ChevronUp,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`}),desc:(0,d.jsx)(f.ChevronDown,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`})};return t?n[t]:null},g=({column:e})=>{let t=e.columnDef.header;return e.getCanPin()?e.getIsPinned()?(0,d.jsx)(n.Button,{size:`icon`,variant:`ghost`,color:`secondary`,className:`hover:[&_svg]:text-secondary-foreground -mr-1 size-7 shadow-none`,"aria-label":`Unpin ${t} column`,title:`Unpin ${t} column`,onClick:()=>e.pin(!1),children:(0,d.jsx)(f.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)(n.Button,{size:`icon`,variant:`ghost`,color:`secondary`,className:`size-7 shadow-none`,"aria-label":`Pin options for ${t} column`,title:`Pin options for ${t} column`,children:(0,d.jsx)(f.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)(f.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)(f.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)(l.default.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)(f.PackagePlusIcon,{size:48,strokeWidth:2}),(0,d.jsx)(`p`,{children:`Thêm dữ liệu để hiển thị`})]})})})})})]})};function y({filteredSelectedRowsLength:e,filteredRowsLength:t,pageSize:i,setPageSize:a,pageIndex:o=0,setPageIndex:s,previousPage:c,nextPage:l,canPreviousPage:u,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 `,t,` 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)(n.Button,{variant:`outline`,color:`muted`,onClick:()=>s?.(0),disabled:!u,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to first page`}),(0,d.jsx)(f.ChevronsLeft,{})]}),(0,d.jsxs)(n.Button,{variant:`outline`,color:`muted`,onClick:c,disabled:!u,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to previous page`}),(0,d.jsx)(f.ChevronLeft,{})]}),(0,d.jsxs)(n.Button,{variant:`outline`,color:`muted`,onClick:l,disabled:!p,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to next page`}),(0,d.jsx)(f.ChevronRight,{})]}),(0,d.jsxs)(n.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)(f.ChevronsRight,{})]})]})]})]})}const b=({onAdd:e,onRefresh:n})=>(0,d.jsxs)(t.Flex,{justify:`between`,padding:`none`,width:`full`,className:`flex-0`,children:[(0,d.jsx)(`div`,{className:`max-sm:flex-1`,children:(0,d.jsx)(o.SearchInput,{placeholder:`Search...`})}),(0,d.jsxs)(t.Flex,{wrap:!1,className:`flex-0 px-0`,children:[!!e&&(0,d.jsx)(s.AddNewBtn,{onClick:e}),(0,d.jsx)(c.RefreshBtn,{onClick:n})]})]});function x({data:e,totalCount:n,isLoading:r,columns:i,pagination:a,onAdd:o,onRefresh:s,onClickRow:c,onPaginationChange:u}){"use no memo";let[f,m]=l.default.useState({}),[h,g]=l.default.useState([]),[_,x]=l.default.useState([]),[S,C]=l.default.useState({}),w=l.default.useMemo(()=>({columnPinning:{right:[`actions`,`update`,`delete`]},pagination:{pageIndex:0,pageSize:20}}),[]),T=(0,p.useReactTable)({initialState:w,data:e,columns:i,rowCount:n,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:f,sorting:h,columnVisibility:S,columnFilters:_,...a?{pagination:a}:{}},onRowSelectionChange:m,onSortingChange:g,onColumnVisibilityChange:C,onColumnFiltersChange:x,...u?{onPaginationChange:u}:{}});return(0,d.jsxs)(t.Flex,{vertical:!0,wrap:!1,gap:`sm`,align:`start`,className:`size-full overflow-y-auto pt-1`,children:[(0,d.jsx)(b,{onAdd:o,onRefresh:s}),(0,d.jsxs)(t.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)(y,{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(`../flex-DHnsdjKn.cjs`);require(`../paragraph-BsEYXIR3.cjs`);const n=require(`../button-ChpGfVjG.cjs`);require(`../input-B8bT3wuo.cjs`);const r=require(`../select-C7na5CE5.cjs`),i=require(`../dropdown-menu-CIldv8D7.cjs`);require(`../scroll-area-D7O1NyZn.cjs`);const a=require(`../table-Dgk7z91H.cjs`),o=require(`../search-input-BmAoqcee.cjs`),s=require(`../add-new-B9vW0r69.cjs`),c=require(`../refresh-By25Z7zj.cjs`),l=e.__toESM(require(`react`)),u=e.__toESM(require(`@customafk/react-toolkit/utils`)),d=e.__toESM(require(`react/jsx-runtime`)),f=e.__toESM(require(`lucide-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)(f.ChevronUp,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`}),desc:(0,d.jsx)(f.ChevronDown,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`})};return t?n[t]:null},g=({column:e})=>{let t=e.columnDef.header;return e.getCanPin()?e.getIsPinned()?(0,d.jsx)(n.Button,{size:`icon`,variant:`ghost`,color:`secondary`,className:`hover:[&_svg]:text-secondary-foreground -mr-1 size-7 shadow-none`,"aria-label":`Unpin ${t} column`,title:`Unpin ${t} column`,onClick:()=>e.pin(!1),children:(0,d.jsx)(f.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)(n.Button,{size:`icon`,variant:`ghost`,color:`secondary`,className:`size-7 shadow-none`,"aria-label":`Pin options for ${t} column`,title:`Pin options for ${t} column`,children:(0,d.jsx)(f.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)(f.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)(f.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)(l.default.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)(f.PackagePlusIcon,{size:48,strokeWidth:2}),(0,d.jsx)(`p`,{children:`Thêm dữ liệu để hiển thị`})]})})})})})]})};function y({filteredSelectedRowsLength:e,filteredRowsLength:t,pageSize:i,setPageSize:a,pageIndex:o=0,setPageIndex:s,previousPage:c,nextPage:l,canPreviousPage:u,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 `,t,` 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)(n.Button,{variant:`outline`,color:`muted`,onClick:()=>s?.(0),disabled:!u,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to first page`}),(0,d.jsx)(f.ChevronsLeft,{})]}),(0,d.jsxs)(n.Button,{variant:`outline`,color:`muted`,onClick:c,disabled:!u,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to previous page`}),(0,d.jsx)(f.ChevronLeft,{})]}),(0,d.jsxs)(n.Button,{variant:`outline`,color:`muted`,onClick:l,disabled:!p,children:[(0,d.jsx)(`span`,{className:`sr-only`,children:`Go to next page`}),(0,d.jsx)(f.ChevronRight,{})]}),(0,d.jsxs)(n.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)(f.ChevronsRight,{})]})]})]})]})}const b=({onAdd:e,onRefresh:n})=>(0,d.jsxs)(t.Flex,{justify:`between`,padding:`none`,width:`full`,className:`flex-0`,children:[(0,d.jsx)(`div`,{className:`max-sm:flex-1`,children:(0,d.jsx)(o.SearchInput,{placeholder:`Search...`})}),(0,d.jsxs)(t.Flex,{wrap:!1,className:`flex-0 px-0`,children:[!!e&&(0,d.jsx)(s.AddNewBtn,{onClick:e}),(0,d.jsx)(c.RefreshBtn,{onClick:n})]})]});function x({data:e,totalCount:n,isLoading:r,columns:i,pagination:a,onAdd:o,onRefresh:s,onClickRow:c,onPaginationChange:u}){"use no memo";let[f,m]=l.default.useState({}),[h,g]=l.default.useState([]),[_,x]=l.default.useState([]),[S,C]=l.default.useState({}),w=l.default.useMemo(()=>({columnPinning:{right:[`actions`,`update`,`delete`]},pagination:{pageIndex:0,pageSize:20}}),[]),T=(0,p.useReactTable)({initialState:w,data:e,columns:i,rowCount:n,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:f,sorting:h,columnVisibility:S,columnFilters:_,...a?{pagination:a}:{}},onRowSelectionChange:m,onSortingChange:g,onColumnVisibilityChange:C,onColumnFiltersChange:x,...u?{onPaginationChange:u}:{}});return(0,d.jsxs)(t.Flex,{vertical:!0,wrap:!1,gap:`sm`,align:`start`,className:`size-full overflow-y-auto pt-1`,children:[(0,d.jsx)(b,{onAdd:o,onRefresh:s}),(0,d.jsxs)(t.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)(y,{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_runtime176 from "react/jsx-runtime";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
 import React from "react";
 import { ColumnDef, PaginationState } from "@tanstack/react-table";
 
@@ -24,7 +24,7 @@ declare function Table<T extends Record<string, unknown>>({
   onRefresh,
   onClickRow,
   onPaginationChange
-}: Props<T>): react_jsx_runtime176.JSX.Element;
+}: Props<T>): react_jsx_runtime74.JSX.Element;
 //#endregion
 export { Table };
 //# sourceMappingURL=index.d.cts.map

package/dist/table/index.d.ts

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

package/dist/table/index.js

@@ -1,2 +1,2 @@
-import{Flex as e}from"../flex-uJ4bFSYt.js";import"../paragraph-D4klQX4h.js";import{Button as t}from"../button-DL_i4AVi.js";import"../input-OWyLq45f.js";import{Select as n,SelectContent as r,SelectItem as i,SelectTrigger as a,SelectValue as o}from"../select-BjTQmEN7.js";import{DropdownMenu as s,DropdownMenuContent as c,DropdownMenuItem as l,DropdownMenuTrigger as u}from"../dropdown-menu-BF9QbIfo.js";import"../scroll-area-CPQoJKt1.js";import{Table as d,TableBody as f,TableCell as p,TableHead as m,TableHeader as h,TableRow as g}from"../table-goPaI3yw.js";import{SearchInput as _}from"../search-input-Ba8aUECr.js";import{AddNewBtn as v}from"../add-new-B9KK77jE.js";import{RefreshBtn as y}from"../refresh-CMzmHeMf.js";import b from"react";import{cn as x}from"@customafk/react-toolkit/utils";import{jsx as S,jsxs as C}from"react/jsx-runtime";import{ArrowLeftToLineIcon as w,ArrowRightToLineIcon as T,ChevronDown as E,ChevronLeft as D,ChevronRight as O,ChevronUp as k,ChevronsLeft as A,ChevronsRight as j,EllipsisIcon as M,PackagePlusIcon as N,PinOffIcon as P}from"lucide-react";import{flexRender as F,getCoreRowModel as I,getFacetedRowModel as L,getFacetedUniqueValues as R,getFilteredRowModel as z,getPaginationRowModel as B,getSortedRowModel as V,useReactTable as H}from"@tanstack/react-table";const U=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}},W=({column:e})=>{let t=e.getIsSorted(),n={asc:S(k,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`}),desc:S(E,{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()?S(t,{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:S(P,{className:`opacity-60`,size:16,"aria-hidden":`true`})}):C(s,{children:[S(u,{asChild:!0,children:S(t,{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:S(M,{className:`opacity-60`,size:16,"aria-hidden":`true`})})}),C(c,{align:`end`,children:[C(l,{onClick:()=>e.pin(`left`),children:[S(w,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to left`]}),C(l,{onClick:()=>e.pin(`right`),children:[S(T,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to right`]})]})]}):null},K=({header:e})=>{let{column:t}=e,n=e=>{t.getCanSort()&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),t.getToggleSortingHandler()?.(e))};return C(`div`,{className:`flex items-center justify-between gap-2 truncate`,children:[!e.isPlaceholder&&C(`div`,{className:x(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:[S(`span`,{className:`truncate`,children:F(t.columnDef.header,e.getContext())}),S(W,{column:t})]}),!e.isPlaceholder&&S(G,{column:t})]})},q=({table:e,isLoading:t,onClickRow:n})=>{"use no memo";return C(d,{className:x(`!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:[S(h,{className:`sticky top-0 z-10 backdrop-blur-xs`,children:e.getHeaderGroups().map(e=>S(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 S(m,{"data-pinned":n||void 0,"data-last-col":r?`left`:i?`right`:void 0,className:x(`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(),...U(e.column)},children:S(K,{header:e})},e.id)})},e.id))}),S(f,{className:x(t&&`h-36`,e.getRowModel().rows?.length===0&&`h-48`),children:t?S(g,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:S(p,{children:`loading...`})}):S(b.Fragment,{children:e.getRowModel().rows?.length?e.getRowModel().rows.map(e=>S(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 S(p,{style:{...U(t),width:e.column.getSize(),maxWidth:e.column.getSize()},"data-pinned":n||void 0,"data-last-col":r?`left`:i?`right`:void 0,className:x(`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:F(e.column.columnDef.cell,e.getContext())},e.id)})},e.id)):S(g,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:S(p,{children:C(`div`,{className:`text-muted-foreground flex size-full flex-col items-center justify-center gap-y-8 text-base`,children:[S(N,{size:48,strokeWidth:2}),S(`p`,{children:`Thêm dữ liệu để hiển thị`})]})})})})})]})};function J({filteredSelectedRowsLength:e,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 C(`div`,{className:`mt-4 flex w-full flex-0 flex-col flex-wrap items-start space-y-2 px-2 sm:flex-row`,children:[C(`div`,{className:`text-text-positive flex-1 text-sm`,children:[e,` of `,s,` row(s) selected.`]}),C(`div`,{className:`flex w-full flex-col flex-wrap items-start space-y-2 sm:w-fit sm:space-y-4`,children:[C(`div`,{className:`flex items-center space-x-2 sm:space-x-4`,children:[S(`p`,{className:`sr-only text-sm font-medium sm:not-sr-only sm:mr-4`,children:`Rows per page`}),C(n,{value:`${c}`,onValueChange:e=>{l?.(Number(e))},children:[S(a,{className:`h-8 w-18`,children:S(o,{placeholder:c})}),S(r,{side:`top`,children:[10,20,30,40,50].map(e=>S(i,{value:`${e}`,children:e},e))})]}),C(`div`,{className:`flex items-center justify-center text-sm font-medium`,children:[`Page `,u+1,` of `,g]})]}),C(`div`,{className:`flex w-full justify-end space-x-2 *:size-9 *:p-0`,children:[C(t,{variant:`outline`,color:`muted`,onClick:()=>d?.(0),disabled:!m,children:[S(`span`,{className:`sr-only`,children:`Go to first page`}),S(A,{})]}),C(t,{variant:`outline`,color:`muted`,onClick:f,disabled:!m,children:[S(`span`,{className:`sr-only`,children:`Go to previous page`}),S(D,{})]}),C(t,{variant:`outline`,color:`muted`,onClick:p,disabled:!h,children:[S(`span`,{className:`sr-only`,children:`Go to next page`}),S(O,{})]}),C(t,{variant:`outline`,color:`muted`,onClick:()=>{d?.(g-1)},disabled:!h,children:[S(`span`,{className:`sr-only`,children:`Go to last page`}),S(j,{})]})]})]})]})}const Y=({onAdd:t,onRefresh:n})=>C(e,{justify:`between`,padding:`none`,width:`full`,className:`flex-0`,children:[S(`div`,{className:`max-sm:flex-1`,children:S(_,{placeholder:`Search...`})}),C(e,{wrap:!1,className:`flex-0 px-0`,children:[!!t&&S(v,{onClick:t}),S(y,{onClick:n})]})]});function X({data:t,totalCount:n,isLoading:r,columns:i,pagination:a,onAdd:o,onRefresh:s,onClickRow:c,onPaginationChange:l}){"use no memo";let[u,d]=b.useState({}),[f,p]=b.useState([]),[m,h]=b.useState([]),[g,_]=b.useState({}),v=b.useMemo(()=>({columnPinning:{right:[`actions`,`update`,`delete`]},pagination:{pageIndex:0,pageSize:20}}),[]),y=H({initialState:v,data:t,columns:i,rowCount:n,columnResizeMode:`onChange`,manualPagination:!0,enableColumnResizing:!1,enableMultiRowSelection:!1,getCoreRowModel:I(),getPaginationRowModel:B(),getSortedRowModel:V(),getFilteredRowModel:z(),getFacetedRowModel:L(),getFacetedUniqueValues:R(),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 C(e,{vertical:!0,wrap:!1,gap:`sm`,align:`start`,className:`size-full overflow-y-auto pt-1`,children:[S(Y,{onAdd:o,onRefresh:s}),C(e,{padding:`none`,vertical:!0,wrap:!1,width:`full`,className:`flex-1 overflow-auto pb-4`,children:[S(q,{table:y,isLoading:r,onClickRow:c}),S(J,{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{X as Table};
+import{Flex as e}from"../flex-uJ4bFSYt.js";import"../paragraph-D4klQX4h.js";import{Button as t}from"../button-DL_i4AVi.js";import"../input-OWyLq45f.js";import{Select as n,SelectContent as r,SelectItem as i,SelectTrigger as a,SelectValue as o}from"../select-VpccO3h2.js";import{DropdownMenu as s,DropdownMenuContent as c,DropdownMenuItem as l,DropdownMenuTrigger as u}from"../dropdown-menu-BF9QbIfo.js";import"../scroll-area-CPQoJKt1.js";import{Table as d,TableBody as f,TableCell as p,TableHead as m,TableHeader as h,TableRow as g}from"../table-goPaI3yw.js";import{SearchInput as _}from"../search-input-Ba8aUECr.js";import{AddNewBtn as v}from"../add-new-B9KK77jE.js";import{RefreshBtn as y}from"../refresh-CMzmHeMf.js";import b from"react";import{cn as x}from"@customafk/react-toolkit/utils";import{jsx as S,jsxs as C}from"react/jsx-runtime";import{ArrowLeftToLineIcon as w,ArrowRightToLineIcon as T,ChevronDown as E,ChevronLeft as D,ChevronRight as O,ChevronUp as k,ChevronsLeft as A,ChevronsRight as j,EllipsisIcon as M,PackagePlusIcon as N,PinOffIcon as P}from"lucide-react";import{flexRender as F,getCoreRowModel as I,getFacetedRowModel as L,getFacetedUniqueValues as R,getFilteredRowModel as z,getPaginationRowModel as B,getSortedRowModel as V,useReactTable as H}from"@tanstack/react-table";const U=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}},W=({column:e})=>{let t=e.getIsSorted(),n={asc:S(k,{className:`shrink-0 opacity-60`,size:16,strokeWidth:2,"aria-hidden":`true`}),desc:S(E,{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()?S(t,{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:S(P,{className:`opacity-60`,size:16,"aria-hidden":`true`})}):C(s,{children:[S(u,{asChild:!0,children:S(t,{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:S(M,{className:`opacity-60`,size:16,"aria-hidden":`true`})})}),C(c,{align:`end`,children:[C(l,{onClick:()=>e.pin(`left`),children:[S(w,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to left`]}),C(l,{onClick:()=>e.pin(`right`),children:[S(T,{size:16,className:`opacity-60`,"aria-hidden":`true`}),`Stick to right`]})]})]}):null},K=({header:e})=>{let{column:t}=e,n=e=>{t.getCanSort()&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),t.getToggleSortingHandler()?.(e))};return C(`div`,{className:`flex items-center justify-between gap-2 truncate`,children:[!e.isPlaceholder&&C(`div`,{className:x(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:[S(`span`,{className:`truncate`,children:F(t.columnDef.header,e.getContext())}),S(W,{column:t})]}),!e.isPlaceholder&&S(G,{column:t})]})},q=({table:e,isLoading:t,onClickRow:n})=>{"use no memo";return C(d,{className:x(`!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:[S(h,{className:`sticky top-0 z-10 backdrop-blur-xs`,children:e.getHeaderGroups().map(e=>S(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 S(m,{"data-pinned":n||void 0,"data-last-col":r?`left`:i?`right`:void 0,className:x(`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(),...U(e.column)},children:S(K,{header:e})},e.id)})},e.id))}),S(f,{className:x(t&&`h-36`,e.getRowModel().rows?.length===0&&`h-48`),children:t?S(g,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:S(p,{children:`loading...`})}):S(b.Fragment,{children:e.getRowModel().rows?.length?e.getRowModel().rows.map(e=>S(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 S(p,{style:{...U(t),width:e.column.getSize(),maxWidth:e.column.getSize()},"data-pinned":n||void 0,"data-last-col":r?`left`:i?`right`:void 0,className:x(`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:F(e.column.columnDef.cell,e.getContext())},e.id)})},e.id)):S(g,{className:`absolute top-9 flex h-36 w-full items-center justify-center`,children:S(p,{children:C(`div`,{className:`text-muted-foreground flex size-full flex-col items-center justify-center gap-y-8 text-base`,children:[S(N,{size:48,strokeWidth:2}),S(`p`,{children:`Thêm dữ liệu để hiển thị`})]})})})})})]})};function J({filteredSelectedRowsLength:e,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 C(`div`,{className:`mt-4 flex w-full flex-0 flex-col flex-wrap items-start space-y-2 px-2 sm:flex-row`,children:[C(`div`,{className:`text-text-positive flex-1 text-sm`,children:[e,` of `,s,` row(s) selected.`]}),C(`div`,{className:`flex w-full flex-col flex-wrap items-start space-y-2 sm:w-fit sm:space-y-4`,children:[C(`div`,{className:`flex items-center space-x-2 sm:space-x-4`,children:[S(`p`,{className:`sr-only text-sm font-medium sm:not-sr-only sm:mr-4`,children:`Rows per page`}),C(n,{value:`${c}`,onValueChange:e=>{l?.(Number(e))},children:[S(a,{className:`h-8 w-18`,children:S(o,{placeholder:c})}),S(r,{side:`top`,children:[10,20,30,40,50].map(e=>S(i,{value:`${e}`,children:e},e))})]}),C(`div`,{className:`flex items-center justify-center text-sm font-medium`,children:[`Page `,u+1,` of `,g]})]}),C(`div`,{className:`flex w-full justify-end space-x-2 *:size-9 *:p-0`,children:[C(t,{variant:`outline`,color:`muted`,onClick:()=>d?.(0),disabled:!m,children:[S(`span`,{className:`sr-only`,children:`Go to first page`}),S(A,{})]}),C(t,{variant:`outline`,color:`muted`,onClick:f,disabled:!m,children:[S(`span`,{className:`sr-only`,children:`Go to previous page`}),S(D,{})]}),C(t,{variant:`outline`,color:`muted`,onClick:p,disabled:!h,children:[S(`span`,{className:`sr-only`,children:`Go to next page`}),S(O,{})]}),C(t,{variant:`outline`,color:`muted`,onClick:()=>{d?.(g-1)},disabled:!h,children:[S(`span`,{className:`sr-only`,children:`Go to last page`}),S(j,{})]})]})]})]})}const Y=({onAdd:t,onRefresh:n})=>C(e,{justify:`between`,padding:`none`,width:`full`,className:`flex-0`,children:[S(`div`,{className:`max-sm:flex-1`,children:S(_,{placeholder:`Search...`})}),C(e,{wrap:!1,className:`flex-0 px-0`,children:[!!t&&S(v,{onClick:t}),S(y,{onClick:n})]})]});function X({data:t,totalCount:n,isLoading:r,columns:i,pagination:a,onAdd:o,onRefresh:s,onClickRow:c,onPaginationChange:l}){"use no memo";let[u,d]=b.useState({}),[f,p]=b.useState([]),[m,h]=b.useState([]),[g,_]=b.useState({}),v=b.useMemo(()=>({columnPinning:{right:[`actions`,`update`,`delete`]},pagination:{pageIndex:0,pageSize:20}}),[]),y=H({initialState:v,data:t,columns:i,rowCount:n,columnResizeMode:`onChange`,manualPagination:!0,enableColumnResizing:!1,enableMultiRowSelection:!1,getCoreRowModel:I(),getPaginationRowModel:B(),getSortedRowModel:V(),getFilteredRowModel:z(),getFacetedRowModel:L(),getFacetedUniqueValues:R(),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 C(e,{vertical:!0,wrap:!1,gap:`sm`,align:`start`,className:`size-full overflow-y-auto pt-1`,children:[S(Y,{onAdd:o,onRefresh:s}),C(e,{padding:`none`,vertical:!0,wrap:!1,width:`full`,className:`flex-1 overflow-auto pb-4`,children:[S(q,{table:y,isLoading:r,onClickRow:c}),S(J,{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{X as Table};
 //# sourceMappingURL=index.js.map

package/dist/{toggle-D5tumZ8L.d.cts → toggle-B_di9jVO.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime196 from "react/jsx-runtime";
+import * as react_jsx_runtime193 from "react/jsx-runtime";
 import React from "react";
 import * as class_variance_authority_types4 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
@@ -14,7 +14,7 @@ declare function Toggle$1({
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime196.JSX.Element;
+}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime193.JSX.Element;
 //#endregion
 export { Toggle$1 as Toggle, toggleVariants };
-//# sourceMappingURL=toggle-D5tumZ8L.d.cts.map
+//# sourceMappingURL=toggle-B_di9jVO.d.cts.map

package/dist/{toggle-Dd0rFKhT.d.ts → toggle-DPvX-y_y.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime235 from "react/jsx-runtime";
+import * as react_jsx_runtime230 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { Toggle } from "radix-ui";
 import * as class_variance_authority_types5 from "class-variance-authority/types";
@@ -14,7 +14,7 @@ declare function Toggle$1({
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime235.JSX.Element;
+}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime230.JSX.Element;
 //#endregion
 export { Toggle$1 as Toggle, toggleVariants };
-//# sourceMappingURL=toggle-Dd0rFKhT.d.ts.map
+//# sourceMappingURL=toggle-DPvX-y_y.d.ts.map

package/dist/{tooltip-BnRE0jV2.d.ts → tooltip--7nev3Bt.d.ts}

@@ -1,24 +1,24 @@
 import React from "react";
-import * as react_jsx_runtime220 from "react/jsx-runtime";
+import * as react_jsx_runtime164 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_runtime220.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime164.JSX.Element;
 declare function Tooltip$1({
   ...props
-}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime220.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime164.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime220.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime164.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime220.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime164.JSX.Element;
 //#endregion
 export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
-//# sourceMappingURL=tooltip-BnRE0jV2.d.ts.map
+//# sourceMappingURL=tooltip--7nev3Bt.d.ts.map

package/dist/{tooltip-Dkh_dieJ.d.cts → tooltip-DkK1GTLt.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime205 from "react/jsx-runtime";
+import * as react_jsx_runtime149 from "react/jsx-runtime";
 import React from "react";
 import { Tooltip } from "radix-ui";
 
@@ -6,19 +6,19 @@ import { Tooltip } from "radix-ui";
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime149.JSX.Element;
 declare function Tooltip$1({
   ...props
-}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime149.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime149.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime205.JSX.Element;
+}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime149.JSX.Element;
 //#endregion
 export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
-//# sourceMappingURL=tooltip-Dkh_dieJ.d.cts.map
+//# sourceMappingURL=tooltip-DkK1GTLt.d.cts.map

package/dist/typography/paragraph.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime209 from "react/jsx-runtime";
+import * as react_jsx_runtime36 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_runtime209.JSX.Element;
+}: Props) => react_jsx_runtime36.JSX.Element;
 //#endregion
 export { Paragraph };
 //# sourceMappingURL=paragraph.d.cts.map

package/dist/typography/paragraph.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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_runtime9.JSX.Element;
+}: Props) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { Paragraph };
 //# sourceMappingURL=paragraph.d.ts.map

package/dist/typography/title.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime35 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_runtime23.JSX.Element;
+}: Props) => react_jsx_runtime35.JSX.Element;
 //#endregion
 export { Title };
 //# sourceMappingURL=title.d.cts.map

package/dist/typography/title.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime32 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_runtime15.JSX.Element;
+}: Props) => react_jsx_runtime32.JSX.Element;
 //#endregion
 export { Title };
 //# sourceMappingURL=title.d.ts.map

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

@@ -1,49 +1,49 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 import React from "react";
 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_runtime11.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime38.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime11.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime38.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime11.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime38.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime11.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime38.JSX.Element;
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime11.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime38.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime11.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime38.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime11.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime38.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime11.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime38.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime11.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime38.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime11.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime38.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime11.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime38.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,49 +1,49 @@
 import React from "react";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime19.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime17.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime19.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime17.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime19.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime17.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime19.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime17.JSX.Element;
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime19.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime17.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime19.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime17.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime19.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime17.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime19.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime17.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime19.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime17.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime19.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime17.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime19.JSX.Element;
+}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime17.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.d.cts

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

package/dist/ui/alert.d.ts

@@ -1,25 +1,25 @@
 import React from "react";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types1 from "class-variance-authority/types";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region packages/components/ui/alert.d.ts
 declare const alertVariants: (props?: ({
   variant?: "default" | "destructive" | null | undefined;
-} & class_variance_authority_types1.ClassProp) | undefined) => string;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Alert({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime31.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime28.JSX.Element;
 declare function AlertTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime31.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime28.JSX.Element;
 declare function AlertDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime31.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime28.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertTitle };
 //# sourceMappingURL=alert.d.ts.map

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

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

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

@@ -1,12 +1,12 @@
 import React from "react";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime11.JSX.Element;
+}: React.ComponentProps<typeof AspectRatio$1.Root>): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/ui/avatar.d.cts

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

package/dist/ui/avatar.d.ts

@@ -1,20 +1,20 @@
 import React from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime33 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_runtime12.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime33.JSX.Element;
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime33.JSX.Element;
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime33.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/ui/badge.d.cts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 import React from "react";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as class_variance_authority_types2 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/ui/badge.d.ts
@@ -8,7 +8,7 @@ declare const badgeVariants: (props?: ({
   color?: "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "zinc" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
   pill?: boolean | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
 type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>;
 declare function Badge({
   className,
@@ -16,7 +16,7 @@ declare function Badge({
   size,
   pill,
   ...props
-}: BadgeProps): react_jsx_runtime32.JSX.Element;
+}: BadgeProps): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { Badge, BadgeProps, badgeVariants };
 //# sourceMappingURL=badge.d.cts.map