@customafk/lunas-ui 0.0.43 → 0.0.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{add-new-DFYo0Z5U.js → add-new-Cjqcjsb8.js} +1 -1
- package/dist/{add-new-DFYo0Z5U.js.map → add-new-Cjqcjsb8.js.map} +1 -1
- package/dist/{add-new-CP21dPWR.cjs → add-new-ojR4JdT-.cjs} +1 -1
- package/dist/{add-new-CP21dPWR.cjs.map → add-new-ojR4JdT-.cjs.map} +1 -1
- package/dist/{button-UJ9aBaWX.d.cts → button-B7EgZzPl.d.cts} +5 -5
- package/dist/{command-D3Z3051S.d.ts → command-BRV_7Zs4.d.ts} +12 -12
- package/dist/{command-C_qNrTKS.d.cts → command-CtsfU8-n.d.cts} +12 -12
- package/dist/data-display/empty.d.cts +2 -2
- package/dist/data-display/statistic.d.cts +2 -2
- package/dist/data-display/statistic.d.ts +2 -2
- package/dist/{dialog-CFm2UbmQ.d.ts → dialog-76EA0O7Y.d.ts} +12 -12
- package/dist/{dialog-fc1WiHOl.d.cts → dialog-C7RUCZNu.d.cts} +12 -12
- package/dist/dialogs/confirm-dialog.cjs +1 -1
- package/dist/dialogs/confirm-dialog.cjs.map +1 -1
- package/dist/dialogs/confirm-dialog.js +1 -1
- package/dist/dialogs/confirm-dialog.js.map +1 -1
- package/dist/dialogs/detail-dialog/component/sidebar.d.cts +28 -28
- package/dist/dialogs/detail-dialog/component/sidebar.d.ts +3 -3
- package/dist/dialogs/error-dialog.cjs +1 -1
- package/dist/dialogs/error-dialog.js +1 -1
- package/dist/dialogs/form-dialog.cjs +1 -1
- package/dist/dialogs/form-dialog.cjs.map +1 -1
- package/dist/dialogs/form-dialog.d.cts +2 -2
- package/dist/dialogs/form-dialog.js +1 -1
- package/dist/dialogs/form-dialog.js.map +1 -1
- package/dist/{error-dialog-C0GNuMtI.js → error-dialog-CTPWuLNO.js} +2 -2
- package/dist/{error-dialog-C0GNuMtI.js.map → error-dialog-CTPWuLNO.js.map} +1 -1
- package/dist/{error-dialog-DpMUxRz8.cjs → error-dialog-D7FS_tBU.cjs} +2 -2
- package/dist/{error-dialog-DpMUxRz8.cjs.map → error-dialog-D7FS_tBU.cjs.map} +1 -1
- package/dist/{form-wrapper-BZajFi4W.cjs → form-wrapper-CVkfJN7q.cjs} +2 -2
- package/dist/{form-wrapper-BZajFi4W.cjs.map → form-wrapper-CVkfJN7q.cjs.map} +1 -1
- package/dist/{form-wrapper-DZDGqZj4.js → form-wrapper-pnkjBZnM.js} +2 -2
- package/dist/{form-wrapper-DZDGqZj4.js.map → form-wrapper-pnkjBZnM.js.map} +1 -1
- package/dist/forms/combobox-field.d.cts +2 -2
- package/dist/forms/combobox-field.d.ts +2 -2
- package/dist/forms/date-field.cjs +1 -1
- package/dist/forms/date-field.cjs.map +1 -1
- package/dist/forms/date-field.d.ts +2 -2
- package/dist/forms/date-field.js +1 -1
- package/dist/forms/date-field.js.map +1 -1
- package/dist/forms/form-wrapper.cjs +1 -1
- package/dist/forms/form-wrapper.d.cts +2 -2
- package/dist/forms/form-wrapper.d.ts +2 -2
- package/dist/forms/form-wrapper.js +1 -1
- package/dist/forms/multi-select-field.d.cts +2 -2
- package/dist/forms/multi-select-field.d.ts +2 -2
- package/dist/forms/number-field.d.cts +2 -2
- package/dist/forms/number-field.d.ts +2 -2
- package/dist/forms/password-field.d.cts +2 -2
- package/dist/forms/password-field.d.ts +2 -2
- package/dist/forms/select-field.d.cts +2 -2
- package/dist/forms/select-field.d.ts +2 -2
- package/dist/forms/switch-field.d.cts +2 -2
- package/dist/forms/switch-field.d.ts +2 -2
- package/dist/forms/text-field.d.ts +2 -2
- package/dist/forms/textarea-field.cjs +1 -1
- package/dist/forms/textarea-field.d.cts +2 -2
- package/dist/forms/textarea-field.d.ts +2 -2
- package/dist/forms/textarea-field.js +1 -1
- package/dist/{input-D80zJt41.d.ts → input-Cng3uFxw.d.cts} +3 -3
- package/dist/{input-C_DS2fwv.d.cts → input-DfaMHsQo.d.ts} +3 -3
- package/dist/layouts/app-layout/index.d.cts +3 -3
- package/dist/layouts/app-layout/index.d.ts +2 -2
- package/dist/layouts/flex.d.cts +5 -5
- package/dist/layouts/flex.d.ts +3 -3
- package/dist/layouts/grid.cjs +2 -0
- package/dist/layouts/grid.cjs.map +1 -0
- package/dist/layouts/grid.d.cts +5 -0
- package/dist/layouts/grid.d.ts +5 -0
- package/dist/layouts/grid.js +2 -0
- package/dist/layouts/grid.js.map +1 -0
- package/dist/layouts/main/index.d.ts +4 -4
- package/dist/{refresh-BkWccsrq.cjs → refresh-CE6rdriE.cjs} +1 -1
- package/dist/{refresh-BkWccsrq.cjs.map → refresh-CE6rdriE.cjs.map} +1 -1
- package/dist/{refresh-8E8mCYT5.js → refresh-q_l82UhV.js} +1 -1
- package/dist/{refresh-8E8mCYT5.js.map → refresh-q_l82UhV.js.map} +1 -1
- package/dist/{search-input-B3dvl78s.js → search-input-CP1CX74C.js} +1 -1
- package/dist/{search-input-B3dvl78s.js.map → search-input-CP1CX74C.js.map} +1 -1
- package/dist/{search-input-BnaLd7rV.cjs → search-input-DzRJf6qI.cjs} +1 -1
- package/dist/{search-input-BnaLd7rV.cjs.map → search-input-DzRJf6qI.cjs.map} +1 -1
- package/dist/{separator-Q2WCMKuX.d.cts → separator-D36UkGvg.d.cts} +3 -3
- package/dist/{separator-D6zgZpe6.d.ts → separator-WBRIEOFh.d.ts} +3 -3
- package/dist/table/index.cjs +1 -1
- package/dist/table/index.cjs.map +1 -1
- package/dist/table/index.d.cts +2 -2
- package/dist/table/index.d.ts +2 -2
- package/dist/table/index.js +1 -1
- package/dist/table/index.js.map +1 -1
- package/dist/{table-f17OdNlX.cjs → table-0gtpLtja.cjs} +2 -2
- package/dist/{table-f17OdNlX.cjs.map → table-0gtpLtja.cjs.map} +1 -1
- package/dist/{table-BME-qkHg.js → table-Bpzbgpff.js} +2 -2
- package/dist/{table-BME-qkHg.js.map → table-Bpzbgpff.js.map} +1 -1
- package/dist/{textarea-Djn0NqJI.js → textarea-BK2brgwY.js} +2 -2
- package/dist/{textarea-Djn0NqJI.js.map → textarea-BK2brgwY.js.map} +1 -1
- package/dist/{textarea-CGXBZSUm.cjs → textarea-Y4wAXFGr.cjs} +2 -2
- package/dist/{textarea-CGXBZSUm.cjs.map → textarea-Y4wAXFGr.cjs.map} +1 -1
- package/dist/{toggle-Bin3s4t-.d.cts → toggle-D2aRhQ67.d.ts} +5 -5
- package/dist/{toggle-DH9IssyE.d.ts → toggle-DfC247hI.d.cts} +4 -4
- package/dist/{tooltip-CvoU6-LI.d.cts → tooltip-ClcR7d6G.d.cts} +6 -6
- package/dist/{tooltip-Djh_dcy5.d.ts → tooltip-WPrK6Am9.d.ts} +6 -6
- package/dist/typography/paragraph.d.ts +2 -2
- package/dist/typography/title.d.cts +2 -2
- package/dist/typography/title.d.ts +2 -2
- package/dist/ui/alert-dialog.d.cts +12 -12
- package/dist/ui/alert-dialog.d.ts +12 -12
- package/dist/ui/alert.d.cts +4 -4
- package/dist/ui/alert.d.ts +6 -6
- package/dist/ui/aspect-ratio.d.cts +2 -2
- package/dist/ui/aspect-ratio.d.ts +2 -2
- package/dist/ui/avatar.d.cts +4 -4
- package/dist/ui/avatar.d.ts +4 -4
- package/dist/ui/badge.d.cts +5 -5
- package/dist/ui/badge.d.ts +5 -5
- package/dist/ui/breadcrumb.d.cts +8 -8
- package/dist/ui/breadcrumb.d.ts +8 -8
- package/dist/ui/button.d.cts +1 -1
- package/dist/ui/buttons/add-new.cjs +1 -1
- package/dist/ui/buttons/add-new.js +1 -1
- package/dist/ui/buttons/refresh.cjs +1 -1
- package/dist/ui/buttons/refresh.js +1 -1
- package/dist/ui/calendar.d.cts +4 -4
- package/dist/ui/calendar.d.ts +3 -3
- package/dist/ui/card.d.cts +8 -8
- package/dist/ui/card.d.ts +8 -8
- package/dist/ui/carousel.d.cts +7 -7
- package/dist/ui/carousel.d.ts +6 -6
- package/dist/ui/collapsible.d.cts +4 -4
- package/dist/ui/collapsible.d.ts +4 -4
- package/dist/ui/command.d.cts +2 -2
- package/dist/ui/command.d.ts +2 -2
- package/dist/ui/context-menu.d.cts +16 -16
- package/dist/ui/context-menu.d.ts +16 -16
- package/dist/ui/dialog.d.cts +1 -1
- package/dist/ui/dialog.d.ts +1 -1
- package/dist/ui/dropdown-menu.d.cts +16 -16
- package/dist/ui/dropdown-menu.d.ts +16 -16
- package/dist/ui/file-uploader.d.cts +2 -2
- package/dist/ui/file-uploader.d.ts +2 -2
- package/dist/ui/form.d.cts +7 -7
- package/dist/ui/form.d.ts +7 -7
- package/dist/ui/hover-card.d.cts +4 -4
- package/dist/ui/hover-card.d.ts +4 -4
- package/dist/ui/input-otp.d.cts +5 -5
- package/dist/ui/input-otp.d.ts +5 -5
- package/dist/ui/input.d.cts +1 -1
- package/dist/ui/input.d.ts +1 -1
- package/dist/ui/inputs/search-input.cjs +1 -1
- package/dist/ui/inputs/search-input.d.cts +3 -3
- package/dist/ui/inputs/search-input.d.ts +3 -3
- package/dist/ui/inputs/search-input.js +1 -1
- package/dist/ui/label.d.cts +2 -2
- package/dist/ui/label.d.ts +2 -2
- package/dist/ui/menubar.d.cts +17 -17
- package/dist/ui/menubar.d.ts +17 -17
- package/dist/ui/multi-select.d.cts +2 -2
- package/dist/ui/multi-select.d.ts +2 -2
- package/dist/ui/navigation-menu.d.cts +11 -11
- package/dist/ui/navigation-menu.d.ts +9 -9
- package/dist/ui/pagination.d.cts +9 -9
- package/dist/ui/pagination.d.ts +8 -8
- package/dist/ui/popover.d.cts +5 -5
- package/dist/ui/popover.d.ts +5 -5
- package/dist/ui/progress.d.cts +2 -2
- package/dist/ui/progress.d.ts +2 -2
- package/dist/ui/radio-group.d.cts +3 -3
- package/dist/ui/radio-group.d.ts +3 -3
- package/dist/ui/resizable.d.cts +4 -4
- package/dist/ui/resizable.d.ts +4 -4
- package/dist/ui/scroll-area.d.cts +3 -3
- package/dist/ui/select.d.cts +11 -11
- package/dist/ui/select.d.ts +11 -11
- package/dist/ui/separator.d.cts +1 -1
- package/dist/ui/separator.d.ts +1 -1
- package/dist/ui/sheet.d.cts +9 -9
- package/dist/ui/sheet.d.ts +9 -9
- package/dist/ui/sidebar.d.cts +30 -30
- package/dist/ui/sidebar.d.ts +29 -29
- package/dist/ui/skeleton.d.cts +2 -2
- package/dist/ui/skeleton.d.ts +2 -2
- package/dist/ui/slider.d.cts +2 -2
- package/dist/ui/slider.d.ts +2 -2
- package/dist/ui/sonner.d.cts +2 -2
- package/dist/ui/sonner.d.ts +2 -2
- package/dist/ui/switch.d.cts +2 -2
- package/dist/ui/switch.d.ts +2 -2
- package/dist/ui/table.cjs +1 -1
- package/dist/ui/table.d.cts +9 -9
- package/dist/ui/table.d.ts +9 -9
- package/dist/ui/table.js +1 -1
- package/dist/ui/tabs.d.cts +5 -5
- package/dist/ui/tabs.d.ts +5 -5
- package/dist/ui/textarea.cjs +1 -1
- package/dist/ui/textarea.d.cts +2 -2
- package/dist/ui/textarea.d.ts +2 -2
- package/dist/ui/textarea.js +1 -1
- package/dist/ui/toggle-group.d.cts +4 -4
- package/dist/ui/toggle-group.d.ts +4 -4
- package/dist/ui/toggle.d.cts +1 -1
- package/dist/ui/toggle.d.ts +1 -1
- package/dist/ui/tooltip.d.cts +1 -1
- package/dist/ui/tooltip.d.ts +1 -1
- package/package.json +5 -1
package/dist/table/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Table","pageSize","DataTableHeader: React.FC<Props>"],"sources":["../../packages/components/table/data-table.tsx","../../packages/components/table/data-table-pagination.tsx","../../packages/components/table/data-table-header.tsx","../../packages/components/table/index.tsx"],"sourcesContent":["import React from 'react'\nimport { type Column, flexRender, type Header, type Table as ReactTable } from '@tanstack/react-table'\nimport { ArrowLeftToLineIcon, ArrowRightToLineIcon, ChevronDown, ChevronUp, EllipsisIcon, PackagePlusIcon, PinOffIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport type { AnyEntity } from '@/types'\n\nimport { Button } from '@/components/ui/button'\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'\nimport { ScrollArea, ScrollBar } from '@/components/ui/scroll-area'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'\n\n// Helper function to compute pinning styles for columns\nconst getPinningStyles = (column: Column<AnyEntity>): React.CSSProperties => {\n const isPinned = column.getIsPinned()\n return {\n left: isPinned === 'left' ? `${column.getStart('left')}px` : undefined,\n right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n position: isPinned ? 'sticky' : 'relative',\n width: column.getSize(),\n zIndex: isPinned ? 1 : 0,\n }\n}\n\nconst SortingIndicator = ({ column }: { column: Column<AnyEntity> }) => {\n const sortDirection = column.getIsSorted()\n\n const icons = {\n asc: <ChevronUp className=\"shrink-0 opacity-60\" size={16} strokeWidth={2} aria-hidden=\"true\" />,\n desc: <ChevronDown className=\"shrink-0 opacity-60\" size={16} strokeWidth={2} aria-hidden=\"true\" />,\n }\n\n return sortDirection ? icons[sortDirection] : null\n}\n\nconst PinControls = ({ column }: { column: Column<AnyEntity> }) => {\n const columnHeader = column.columnDef.header as string\n\n if (!column.getCanPin()) return null\n\n if (column.getIsPinned()) {\n return (\n <Button\n size=\"icon\"\n variant=\"ghost\"\n color=\"secondary\"\n className=\"hover:[&_svg]:text-secondary-foreground -mr-1 size-7 shadow-none\"\n aria-label={`Unpin ${columnHeader} column`}\n title={`Unpin ${columnHeader} column`}\n onClick={() => column.pin(false)}\n >\n <PinOffIcon className=\"opacity-60\" size={16} aria-hidden=\"true\" />\n </Button>\n )\n }\n\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n size=\"icon\"\n variant=\"ghost\"\n color=\"secondary\"\n className=\"-mr-1 size-7 shadow-none\"\n aria-label={`Pin options for ${columnHeader} column`}\n title={`Pin options for ${columnHeader} column`}\n >\n <EllipsisIcon className=\"opacity-60\" size={16} aria-hidden=\"true\" />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem onClick={() => column.pin('left')}>\n <ArrowLeftToLineIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n Stick to left\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => column.pin('right')}>\n <ArrowRightToLineIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n Stick to right\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n )\n}\n\nconst HeaderContent = ({ header }: { header: Header<AnyEntity, unknown> }) => {\n const { column } = header\n\n const handleSort = (e: React.KeyboardEvent) => {\n if (column.getCanSort() && (e.key === 'Enter' || e.key === ' ')) {\n e.preventDefault()\n column.getToggleSortingHandler()?.(e)\n }\n }\n\n return (\n <div className=\"flex items-center justify-between gap-2 truncate\">\n {!header.isPlaceholder && (\n <div\n className={cn(column.getCanSort() && 'flex h-full cursor-pointer items-center justify-between gap-2 select-none')}\n onClick={column.getToggleSortingHandler()}\n onKeyDown={handleSort}\n tabIndex={column.getCanSort() ? 0 : undefined}\n >\n <span className=\"truncate\">{flexRender(column.columnDef.header, header.getContext())}</span>\n <SortingIndicator column={column} />\n </div>\n )}\n {!header.isPlaceholder && <PinControls column={column} />}\n </div>\n )\n}\n\ninterface DataTableProps {\n table: ReactTable<AnyEntity>\n columnsLength?: number\n isLoading?: boolean\n onClickRow?: (id: string) => void\n}\n\nexport const DataTable = ({ table, isLoading, onClickRow }: DataTableProps) => {\n 'use no memo'\n\n return (\n <Table\n className={cn(\n '!w-full',\n 'table-fixed border-separate border-spacing-0',\n '[&_td]:border-border-weak',\n '[&_th]:border-border-weak',\n '[&_th]:border-b',\n '[&_th]:border-b-border-weak',\n '[&_tr]:border-none',\n '[&_tr:not(:last-child)_td]:border-b',\n '[&_tr:not(:last-child)_td]:border-b-border-weak',\n '[&_tfoot_td]:border-t',\n )}\n style={{\n width: table.getTotalSize(),\n }}\n >\n <TableHeader className=\"sticky top-0 z-10 backdrop-blur-xs\">\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n const { column } = header\n const isPinned = column.getIsPinned()\n const isLastLeftPinned = isPinned === 'left' && column.getIsLastColumn('left')\n const isFirstRightPinned = isPinned === 'right' && column.getIsFirstColumn('right')\n return (\n <TableHead\n key={header.id}\n data-pinned={isPinned || undefined}\n data-last-col={isLastLeftPinned ? 'left' : isFirstRightPinned ? 'right' : undefined}\n className={cn(\n 'relative h-9 font-semibold select-none',\n 'data-pinned:backdrop-blur-xs',\n 'data-pinned:bg-muted-weak',\n '[&>.cursor-col-resize]:last:opacity-0',\n '[&[data-pinned][data-last-col]]:border-border-weak',\n '[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0',\n '[&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0',\n '[&[data-pinned=left][data-last-col=left]]:border-r',\n '[&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0',\n '[&[data-pinned=right][data-last-col=right]]:border-l',\n )}\n {...{\n colSpan: header.colSpan,\n style: {\n width: header.getSize(),\n maxWidth: header.getSize(),\n ...getPinningStyles(header.column),\n },\n }}\n >\n <HeaderContent header={header} />\n </TableHead>\n )\n })}\n </TableRow>\n ))}\n </TableHeader>\n\n <TableBody className={cn(isLoading && 'h-36', table.getRowModel().rows?.length === 0 && 'h-48')}>\n {isLoading ? (\n <TableRow className=\"absolute top-9 flex h-36 w-full items-center justify-center\">\n <TableCell>loading...</TableCell>\n </TableRow>\n ) : (\n <React.Fragment>\n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row) => (\n <TableRow\n key={row.id}\n data-state={row.getIsSelected() && 'selected'}\n className=\"cursor-pointer border-none focus:outline-none\"\n onClick={() => onClickRow?.(row?.id || row.original?.id?.toString() || row.original?.uuid || undefined)}\n >\n {row.getVisibleCells().map((cell) => {\n const { column } = cell\n const isPinned = column.getIsPinned()\n const isLastLeftPinned = isPinned === 'left' && column.getIsLastColumn('left')\n const isFirstRightPinned = isPinned === 'right' && column.getIsFirstColumn('right')\n return (\n <TableCell\n key={cell.id}\n style={{\n ...getPinningStyles(column),\n width: cell.column.getSize(),\n maxWidth: cell.column.getSize(),\n }}\n data-pinned={isPinned || undefined}\n data-last-col={isLastLeftPinned ? 'left' : isFirstRightPinned ? 'right' : undefined}\n className={cn(\n 'overflow-hidden py-2.5',\n '[&[data-pinned][data-last-col]]:border-border-weak',\n '[&[data-pinned=left][data-last-col=left]]:border-r',\n '[&[data-pinned=right][data-last-col=right]]:border-l',\n 'data-pinned:bg-background/90',\n )}\n >\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </TableCell>\n )\n })}\n </TableRow>\n ))\n ) : (\n <TableRow className=\"absolute top-9 flex h-36 w-full items-center justify-center\">\n <TableCell>\n <div className=\"text-muted-foreground flex size-full flex-col items-center justify-center gap-y-8 text-base\">\n <PackagePlusIcon size={48} strokeWidth={2} />\n <p>Thêm dữ liệu để hiển thị</p>\n </div>\n </TableCell>\n </TableRow>\n )}\n </React.Fragment>\n )}\n </TableBody>\n </Table>\n )\n}\n","import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'\n\ninterface DataTablePaginationProps<TData> {\n filteredSelectedRowsLength?: number\n filteredRowsLength?: number\n\n pageSize?: number\n setPageSize?: (size: number) => void\n\n pageIndex?: number\n setPageIndex?: (index: number) => void\n\n previousPage?: () => void\n nextPage?: () => void\n\n canPreviousPage?: boolean\n canNextPage?: boolean\n\n pageCount?: number\n}\n\nexport function DataTablePagination<TData>({\n filteredSelectedRowsLength,\n filteredRowsLength,\n pageSize,\n setPageSize,\n pageIndex = 0,\n setPageIndex,\n previousPage,\n nextPage,\n canPreviousPage,\n canNextPage,\n pageCount = 1,\n}: DataTablePaginationProps<TData>) {\n 'use no memo'\n return (\n <div className=\"mt-4 flex w-full flex-0 flex-col flex-wrap items-start space-y-2 px-2 sm:flex-row\">\n <div className=\"text-text-positive flex-1 text-sm\">\n {filteredSelectedRowsLength} of {filteredRowsLength} row(s) selected.\n </div>\n\n <div className=\"flex w-full flex-col flex-wrap items-start space-y-2 sm:w-fit sm:space-y-4\">\n <div className=\"flex items-center space-x-2 sm:space-x-4\">\n <p className=\"sr-only text-sm font-medium sm:not-sr-only sm:mr-4\">Rows per page</p>\n <Select\n value={`${pageSize}`}\n onValueChange={(value) => {\n setPageSize?.(Number(value))\n }}\n >\n <SelectTrigger className=\"h-8 w-18\">\n <SelectValue placeholder={pageSize} />\n </SelectTrigger>\n <SelectContent side=\"top\">\n {[10, 20, 30, 40, 50].map((pageSize) => (\n <SelectItem key={pageSize} value={`${pageSize}`}>\n {pageSize}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n <div className=\"flex items-center justify-center text-sm font-medium\">\n Page {pageIndex + 1} of {pageCount}\n </div>\n </div>\n\n <div className=\"flex w-full justify-end space-x-2 *:size-9 *:p-0\">\n <Button variant=\"outline\" color=\"muted\" onClick={() => setPageIndex?.(0)} disabled={!canPreviousPage}>\n <span className=\"sr-only\">Go to first page</span>\n <ChevronsLeft />\n </Button>\n <Button variant=\"outline\" color=\"muted\" onClick={previousPage} disabled={!canPreviousPage}>\n <span className=\"sr-only\">Go to previous page</span>\n <ChevronLeft />\n </Button>\n <Button variant=\"outline\" color=\"muted\" onClick={nextPage} disabled={!canNextPage}>\n <span className=\"sr-only\">Go to next page</span>\n <ChevronRight />\n </Button>\n <Button\n variant=\"outline\"\n color=\"muted\"\n onClick={() => {\n setPageIndex?.(pageCount - 1)\n }}\n disabled={!canNextPage}\n >\n <span className=\"sr-only\">Go to last page</span>\n <ChevronsRight />\n </Button>\n </div>\n </div>\n </div>\n )\n}\n","import { Flex } from '@/components/layouts/flex'\nimport { SearchInput } from '@/components/ui/inputs/search-input'\nimport { AddNewBtn } from '@/components/ui/buttons/add-new'\nimport { RefreshBtn } from '@/components/ui/buttons/refresh'\n\ntype Props = {\n onAdd?: () => void\n onRefresh?: () => void\n}\n\nexport const DataTableHeader: React.FC<Props> = ({ onAdd, onRefresh }) => {\n return (\n <Flex justify=\"between\" padding=\"none\" width=\"full\" className=\"flex-0\">\n <div className=\"max-sm:flex-1\">\n <SearchInput placeholder=\"Search...\" />\n </div>\n <Flex wrap={false} className=\"flex-0 px-0\">\n {!!onAdd && <AddNewBtn onClick={onAdd} />}\n <RefreshBtn onClick={onRefresh} />\n </Flex>\n </Flex>\n )\n}\n","import React from 'react'\nimport {\n type ColumnDef,\n type ColumnFiltersState,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n type PaginationState,\n type RowSelectionState,\n type SortingState,\n useReactTable,\n type VisibilityState,\n} from '@tanstack/react-table'\n\nimport { DataTable } from './data-table'\nimport { DataTablePagination } from './data-table-pagination'\nimport { Flex } from '../layouts/flex'\nimport { AddNewBtn } from '../ui/buttons/add-new'\nimport { RefreshBtn } from '../ui/buttons/refresh'\nimport { SearchInput } from '../ui/inputs/search-input'\nimport { DataTableHeader } from './data-table-header'\n\ntype Props<T> = {\n data: T[]\n totalCount?: number\n isLoading?: boolean\n columns: ColumnDef<T>[]\n pagination?: PaginationState\n onAdd?: () => void\n onRefresh?: () => void\n onClickRow?: (id: string) => void\n onPaginationChange?: React.Dispatch<React.SetStateAction<PaginationState>>\n}\nexport function Table<T extends Record<string, unknown>>({\n data,\n totalCount,\n isLoading,\n columns,\n pagination,\n onAdd,\n onRefresh,\n onClickRow,\n onPaginationChange,\n}: Props<T>) {\n 'use no memo'\n\n const [rowSelection, setRowSelection] = React.useState<RowSelectionState>({})\n const [sorting, setSorting] = React.useState<SortingState>([])\n const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>([])\n const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({})\n\n const initialState = React.useMemo(\n () => ({\n columnPinning: { right: ['actions', 'update', 'delete'] },\n pagination: { pageIndex: 0, pageSize: 20 },\n }),\n [],\n )\n\n const table = useReactTable<T>({\n initialState,\n data,\n columns,\n rowCount: totalCount,\n columnResizeMode: 'onChange',\n manualPagination: true,\n enableColumnResizing: false,\n enableMultiRowSelection: false,\n getCoreRowModel: getCoreRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n getRowId: (row) => (row.id as string) || (row.uuid as string),\n state: {\n rowSelection,\n sorting,\n columnVisibility,\n columnFilters,\n ...(pagination ? { pagination } : {}),\n },\n onRowSelectionChange: setRowSelection,\n onSortingChange: setSorting,\n onColumnVisibilityChange: setColumnVisibility,\n onColumnFiltersChange: setColumnFilters,\n ...(onPaginationChange ? { onPaginationChange } : {}),\n })\n\n return (\n <Flex vertical wrap={false} gap=\"sm\" align=\"start\" className=\"size-full overflow-y-auto pt-1\">\n <DataTableHeader onAdd={onAdd} onRefresh={onRefresh} />\n <Flex padding=\"none\" vertical wrap={false} width=\"full\" className=\"flex-1 overflow-auto pb-4\">\n <DataTable table={table} isLoading={isLoading} onClickRow={onClickRow} />\n <DataTablePagination<T>\n pageSize={table.getState().pagination.pageSize}\n setPageSize={table.setPageSize}\n filteredSelectedRowsLength={table.getFilteredSelectedRowModel().rows.length}\n filteredRowsLength={table.getFilteredRowModel().rows.length}\n pageIndex={table.getState().pagination.pageIndex}\n setPageIndex={table.setPageIndex}\n previousPage={table.previousPage}\n nextPage={table.nextPage}\n canPreviousPage={table.getCanPreviousPage()}\n canNextPage={table.getCanNextPage()}\n pageCount={table.getPageCount()}\n />\n </Flex>\n </Flex>\n )\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["Table","pageSize","DataTableHeader: React.FC<Props>"],"sources":["../../packages/components/table/data-table.tsx","../../packages/components/table/data-table-pagination.tsx","../../packages/components/table/data-table-header.tsx","../../packages/components/table/index.tsx"],"sourcesContent":["import React from 'react'\nimport { type Column, flexRender, type Header, type Table as ReactTable } from '@tanstack/react-table'\nimport { ArrowLeftToLineIcon, ArrowRightToLineIcon, ChevronDown, ChevronUp, EllipsisIcon, PackagePlusIcon, PinOffIcon } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport type { AnyEntity } from '@/types'\n\nimport { Button } from '@/components/ui/button'\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'\nimport { ScrollArea, ScrollBar } from '@/components/ui/scroll-area'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'\n\n// Helper function to compute pinning styles for columns\nconst getPinningStyles = (column: Column<AnyEntity>): React.CSSProperties => {\n const isPinned = column.getIsPinned()\n return {\n left: isPinned === 'left' ? `${column.getStart('left')}px` : undefined,\n right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n position: isPinned ? 'sticky' : 'relative',\n width: column.getSize(),\n zIndex: isPinned ? 1 : 0,\n }\n}\n\nconst SortingIndicator = ({ column }: { column: Column<AnyEntity> }) => {\n const sortDirection = column.getIsSorted()\n\n const icons = {\n asc: <ChevronUp className=\"shrink-0 opacity-60\" size={16} strokeWidth={2} aria-hidden=\"true\" />,\n desc: <ChevronDown className=\"shrink-0 opacity-60\" size={16} strokeWidth={2} aria-hidden=\"true\" />,\n }\n\n return sortDirection ? icons[sortDirection] : null\n}\n\nconst PinControls = ({ column }: { column: Column<AnyEntity> }) => {\n const columnHeader = column.columnDef.header as string\n\n if (!column.getCanPin()) return null\n\n if (column.getIsPinned()) {\n return (\n <Button\n size=\"icon\"\n variant=\"ghost\"\n color=\"secondary\"\n className=\"hover:[&_svg]:text-secondary-foreground -mr-1 size-7 shadow-none\"\n aria-label={`Unpin ${columnHeader} column`}\n title={`Unpin ${columnHeader} column`}\n onClick={() => column.pin(false)}\n >\n <PinOffIcon className=\"opacity-60\" size={16} aria-hidden=\"true\" />\n </Button>\n )\n }\n\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n size=\"icon\"\n variant=\"ghost\"\n color=\"secondary\"\n className=\"size-7 shadow-none\"\n aria-label={`Pin options for ${columnHeader} column`}\n title={`Pin options for ${columnHeader} column`}\n >\n <EllipsisIcon className=\"opacity-60\" size={16} aria-hidden=\"true\" />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem onClick={() => column.pin('left')}>\n <ArrowLeftToLineIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n Stick to left\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => column.pin('right')}>\n <ArrowRightToLineIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n Stick to right\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n )\n}\n\nconst HeaderContent = ({ header }: { header: Header<AnyEntity, unknown> }) => {\n const { column } = header\n\n const handleSort = (e: React.KeyboardEvent) => {\n if (column.getCanSort() && (e.key === 'Enter' || e.key === ' ')) {\n e.preventDefault()\n column.getToggleSortingHandler()?.(e)\n }\n }\n\n return (\n <div className=\"flex items-center justify-between gap-2 truncate\">\n {!header.isPlaceholder && (\n <div\n className={cn(column.getCanSort() && 'flex h-full cursor-pointer items-center justify-between gap-2 select-none')}\n onClick={column.getToggleSortingHandler()}\n onKeyDown={handleSort}\n tabIndex={column.getCanSort() ? 0 : undefined}\n >\n <span className=\"truncate\">{flexRender(column.columnDef.header, header.getContext())}</span>\n <SortingIndicator column={column} />\n </div>\n )}\n {!header.isPlaceholder && <PinControls column={column} />}\n </div>\n )\n}\n\ninterface DataTableProps {\n table: ReactTable<AnyEntity>\n columnsLength?: number\n isLoading?: boolean\n onClickRow?: (id: string) => void\n}\n\nexport const DataTable = ({ table, isLoading, onClickRow }: DataTableProps) => {\n 'use no memo'\n\n return (\n <Table\n className={cn(\n '!w-full',\n 'table-fixed border-separate border-spacing-0',\n '[&_td]:border-border-weak',\n '[&_th]:border-border-weak',\n '[&_th]:border-b',\n '[&_th]:border-b-border-weak',\n '[&_tr]:border-none',\n '[&_tr:not(:last-child)_td]:border-b',\n '[&_tr:not(:last-child)_td]:border-b-border-weak',\n '[&_tfoot_td]:border-t',\n )}\n style={{\n width: table.getTotalSize(),\n }}\n >\n <TableHeader className=\"sticky top-0 z-10 backdrop-blur-xs\">\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow key={headerGroup.id}>\n {headerGroup.headers.map((header) => {\n const { column } = header\n const isPinned = column.getIsPinned()\n const isLastLeftPinned = isPinned === 'left' && column.getIsLastColumn('left')\n const isFirstRightPinned = isPinned === 'right' && column.getIsFirstColumn('right')\n return (\n <TableHead\n key={header.id}\n data-pinned={isPinned || undefined}\n data-last-col={isLastLeftPinned ? 'left' : isFirstRightPinned ? 'right' : undefined}\n className={cn(\n 'relative h-9 font-semibold select-none',\n 'data-pinned:backdrop-blur-xs',\n 'data-pinned:bg-muted-weak',\n '[&>.cursor-col-resize]:last:opacity-0',\n '[&[data-pinned][data-last-col]]:border-border-weak',\n '[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0',\n '[&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0',\n '[&[data-pinned=left][data-last-col=left]]:border-r',\n '[&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0',\n '[&[data-pinned=right][data-last-col=right]]:border-l',\n )}\n {...{\n colSpan: header.colSpan,\n style: {\n width: header.getSize(),\n maxWidth: header.getSize(),\n ...getPinningStyles(header.column),\n },\n }}\n >\n <HeaderContent header={header} />\n </TableHead>\n )\n })}\n </TableRow>\n ))}\n </TableHeader>\n\n <TableBody className={cn(isLoading && 'h-36', table.getRowModel().rows?.length === 0 && 'h-48')}>\n {isLoading ? (\n <TableRow className=\"absolute top-9 flex h-36 w-full items-center justify-center\">\n <TableCell>loading...</TableCell>\n </TableRow>\n ) : (\n <React.Fragment>\n {table.getRowModel().rows?.length ? (\n table.getRowModel().rows.map((row) => (\n <TableRow\n key={row.id}\n data-state={row.getIsSelected() && 'selected'}\n className=\"cursor-pointer border-none focus:outline-none\"\n onClick={() => onClickRow?.(row?.id || row.original?.id?.toString() || row.original?.uuid || undefined)}\n >\n {row.getVisibleCells().map((cell) => {\n const { column } = cell\n const isPinned = column.getIsPinned()\n const isLastLeftPinned = isPinned === 'left' && column.getIsLastColumn('left')\n const isFirstRightPinned = isPinned === 'right' && column.getIsFirstColumn('right')\n return (\n <TableCell\n key={cell.id}\n style={{\n ...getPinningStyles(column),\n width: cell.column.getSize(),\n maxWidth: cell.column.getSize(),\n }}\n data-pinned={isPinned || undefined}\n data-last-col={isLastLeftPinned ? 'left' : isFirstRightPinned ? 'right' : undefined}\n className={cn(\n 'overflow-hidden py-2.5',\n '[&[data-pinned][data-last-col]]:border-border-weak',\n '[&[data-pinned=left][data-last-col=left]]:border-r',\n '[&[data-pinned=right][data-last-col=right]]:border-l',\n 'data-pinned:bg-background/90',\n )}\n >\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </TableCell>\n )\n })}\n </TableRow>\n ))\n ) : (\n <TableRow className=\"absolute top-9 flex h-36 w-full items-center justify-center\">\n <TableCell>\n <div className=\"text-muted-foreground flex size-full flex-col items-center justify-center gap-y-8 text-base\">\n <PackagePlusIcon size={48} strokeWidth={2} />\n <p>Thêm dữ liệu để hiển thị</p>\n </div>\n </TableCell>\n </TableRow>\n )}\n </React.Fragment>\n )}\n </TableBody>\n </Table>\n )\n}\n","import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'\n\ninterface DataTablePaginationProps {\n filteredSelectedRowsLength?: number\n filteredRowsLength?: number\n\n pageSize?: number\n setPageSize?: (size: number) => void\n\n pageIndex?: number\n setPageIndex?: (index: number) => void\n\n previousPage?: () => void\n nextPage?: () => void\n\n canPreviousPage?: boolean\n canNextPage?: boolean\n\n pageCount?: number\n}\n\nexport function DataTablePagination<TData>({\n filteredSelectedRowsLength,\n filteredRowsLength,\n pageSize,\n setPageSize,\n pageIndex = 0,\n setPageIndex,\n previousPage,\n nextPage,\n canPreviousPage,\n canNextPage,\n pageCount = 1,\n}: DataTablePaginationProps) {\n 'use no memo'\n return (\n <div className=\"mt-4 flex w-full flex-0 flex-col flex-wrap items-start space-y-2 px-2 sm:flex-row\">\n <div className=\"text-text-positive flex-1 text-sm\">\n {filteredSelectedRowsLength} of {filteredRowsLength} row(s) selected.\n </div>\n\n <div className=\"flex w-full flex-col flex-wrap items-start space-y-2 sm:w-fit sm:space-y-4\">\n <div className=\"flex items-center space-x-2 sm:space-x-4\">\n <p className=\"sr-only text-sm font-medium sm:not-sr-only sm:mr-4\">Rows per page</p>\n <Select\n value={`${pageSize}`}\n onValueChange={(value) => {\n setPageSize?.(Number(value))\n }}\n >\n <SelectTrigger className=\"h-8 w-18\">\n <SelectValue placeholder={pageSize} />\n </SelectTrigger>\n <SelectContent side=\"top\">\n {[10, 20, 30, 40, 50].map((pageSize) => (\n <SelectItem key={pageSize} value={`${pageSize}`}>\n {pageSize}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n <div className=\"flex items-center justify-center text-sm font-medium\">\n Page {pageIndex + 1} of {pageCount}\n </div>\n </div>\n\n <div className=\"flex w-full justify-end space-x-2 *:size-9 *:p-0\">\n <Button variant=\"outline\" color=\"muted\" onClick={() => setPageIndex?.(0)} disabled={!canPreviousPage}>\n <span className=\"sr-only\">Go to first page</span>\n <ChevronsLeft />\n </Button>\n <Button variant=\"outline\" color=\"muted\" onClick={previousPage} disabled={!canPreviousPage}>\n <span className=\"sr-only\">Go to previous page</span>\n <ChevronLeft />\n </Button>\n <Button variant=\"outline\" color=\"muted\" onClick={nextPage} disabled={!canNextPage}>\n <span className=\"sr-only\">Go to next page</span>\n <ChevronRight />\n </Button>\n <Button\n variant=\"outline\"\n color=\"muted\"\n onClick={() => {\n setPageIndex?.(pageCount - 1)\n }}\n disabled={!canNextPage}\n >\n <span className=\"sr-only\">Go to last page</span>\n <ChevronsRight />\n </Button>\n </div>\n </div>\n </div>\n )\n}\n","import { Flex } from '@/components/layouts/flex'\nimport { SearchInput } from '@/components/ui/inputs/search-input'\nimport { AddNewBtn } from '@/components/ui/buttons/add-new'\nimport { RefreshBtn } from '@/components/ui/buttons/refresh'\n\ntype Props = {\n onAdd?: () => void\n onRefresh?: () => void\n}\n\nexport const DataTableHeader: React.FC<Props> = ({ onAdd, onRefresh }) => {\n return (\n <Flex justify=\"between\" padding=\"none\" width=\"full\" className=\"flex-0\">\n <div className=\"max-sm:flex-1\">\n <SearchInput placeholder=\"Search...\" />\n </div>\n <Flex wrap={false} className=\"flex-0 px-0\">\n {!!onAdd && <AddNewBtn onClick={onAdd} />}\n <RefreshBtn onClick={onRefresh} />\n </Flex>\n </Flex>\n )\n}\n","import React from 'react'\nimport {\n type ColumnDef,\n type ColumnFiltersState,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n type PaginationState,\n type RowSelectionState,\n type SortingState,\n useReactTable,\n type VisibilityState,\n} from '@tanstack/react-table'\n\nimport { DataTable } from './data-table'\nimport { DataTablePagination } from './data-table-pagination'\nimport { Flex } from '../layouts/flex'\nimport { DataTableHeader } from './data-table-header'\n\ntype Props<T> = {\n data: T[]\n totalCount?: number\n isLoading?: boolean\n columns: ColumnDef<T>[]\n pagination?: PaginationState\n onAdd?: () => void\n onRefresh?: () => void\n onClickRow?: (id: string) => void\n onPaginationChange?: React.Dispatch<React.SetStateAction<PaginationState>>\n}\nexport function Table<T extends Record<string, unknown>>({\n data,\n totalCount,\n isLoading,\n columns,\n pagination,\n onAdd,\n onRefresh,\n onClickRow,\n onPaginationChange,\n}: Props<T>) {\n 'use no memo'\n\n const [rowSelection, setRowSelection] = React.useState<RowSelectionState>({})\n const [sorting, setSorting] = React.useState<SortingState>([])\n const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>([])\n const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>({})\n\n const initialState = React.useMemo(\n () => ({\n columnPinning: { right: ['actions', 'update', 'delete'] },\n pagination: { pageIndex: 0, pageSize: 20 },\n }),\n [],\n )\n\n const table = useReactTable<T>({\n initialState,\n data,\n columns,\n rowCount: totalCount,\n columnResizeMode: 'onChange',\n manualPagination: true,\n enableColumnResizing: false,\n enableMultiRowSelection: false,\n getCoreRowModel: getCoreRowModel(),\n getPaginationRowModel: getPaginationRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n getRowId: (row) => (row.id as string) || (row.uuid as string),\n state: {\n rowSelection,\n sorting,\n columnVisibility,\n columnFilters,\n ...(pagination ? { pagination } : {}),\n },\n onRowSelectionChange: setRowSelection,\n onSortingChange: setSorting,\n onColumnVisibilityChange: setColumnVisibility,\n onColumnFiltersChange: setColumnFilters,\n ...(onPaginationChange ? { onPaginationChange } : {}),\n })\n\n return (\n <Flex vertical wrap={false} gap=\"sm\" align=\"start\" className=\"size-full overflow-y-auto pt-1\">\n <DataTableHeader onAdd={onAdd} onRefresh={onRefresh} />\n <Flex padding=\"none\" vertical wrap={false} width=\"full\" className=\"flex-1 overflow-auto pb-4\">\n <DataTable table={table} isLoading={isLoading} onClickRow={onClickRow} />\n <DataTablePagination\n pageSize={table.getState().pagination.pageSize}\n setPageSize={table.setPageSize}\n filteredSelectedRowsLength={table.getFilteredSelectedRowModel().rows.length}\n filteredRowsLength={table.getFilteredRowModel().rows.length}\n pageIndex={table.getState().pagination.pageIndex}\n setPageIndex={table.setPageIndex}\n previousPage={table.previousPage}\n nextPage={table.nextPage}\n canPreviousPage={table.getCanPreviousPage()}\n canNextPage={table.getCanNextPage()}\n pageCount={table.getPageCount()}\n />\n </Flex>\n </Flex>\n )\n}\n"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=require(`./scroll-area-DWFiNHIK.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`));function a({className:e,...r}){return(0,i.jsxs)(n.ScrollArea,{"data-slot":`table-conatiner`,className:`border-border-weak bg-background relative w-full overflow-x-auto rounded-lg border`,children:[(0,i.jsx)(`table`,{"data-slot":`table`,className:t.cn(`w-full caption-bottom text-sm`,e),...r}),(0,i.jsx)(n.ScrollBar,{orientation:`vertical`,className:`z-
|
|
2
|
-
//# sourceMappingURL=table-
|
|
1
|
+
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=require(`./scroll-area-DWFiNHIK.cjs`),r=e.__toESM(require(`react`)),i=e.__toESM(require(`react/jsx-runtime`));function a({className:e,...r}){return(0,i.jsxs)(n.ScrollArea,{"data-slot":`table-conatiner`,className:`border-border-weak bg-background relative w-full overflow-x-auto rounded-lg border`,children:[(0,i.jsx)(`table`,{"data-slot":`table`,className:t.cn(`w-full caption-bottom text-sm`,e),...r}),(0,i.jsx)(n.ScrollBar,{orientation:`vertical`,className:`z-5 w-2`}),(0,i.jsx)(n.ScrollBar,{orientation:`horizontal`,className:`absolute right-0 bottom-0 left-0 h-2`})]})}function o({className:e,...n}){return(0,i.jsx)(`thead`,{"data-slot":`table-header`,className:t.cn(`bg-muted-muted border-border-weak`,`[&_tr]:border-b`,`[&_tr:not(:last-child)_td]:border-b`,`[&_tr_th:not(:last-child)]:border-r`,`[&_tr_th:not(:last-child)]:border-r-border-weak`,e),...n})}function s({className:e,...n}){return(0,i.jsx)(`tbody`,{"data-slot":`table-body`,className:t.cn(`[&_tr:last-child]:border-0`,e),...n})}function c({className:e,...n}){return(0,i.jsx)(`tfoot`,{"data-slot":`table-footer`,className:t.cn(`bg-accent-muted border-t font-medium [&>tr]:last:border-b-0`,e),...n})}function l({className:e,...n}){return(0,i.jsx)(`tr`,{"data-slot":`table-row`,className:t.cn(`hover:bg-muted-muted/50 active:bg-muted-muted data-[state=selected]:bg-muted border-border-weak border-b transition-colors`,e),...n})}function u({className:e,...n}){return(0,i.jsx)(`th`,{"data-slot":`table-head`,className:t.cn(`text-text-positive-weak`,`h-10 px-2 text-left align-middle font-medium whitespace-nowrap`,`[&:has([role=checkbox])]:pr-0`,`[&>[role=checkbox]]:translate-y-0.5`,e),...n})}function d({className:e,...n}){return(0,i.jsx)(`td`,{"data-slot":`table-cell`,className:t.cn(`p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-0.5`,e),...n})}function f({className:e,...n}){return(0,i.jsx)(`caption`,{"data-slot":`table-caption`,className:t.cn(`text-text-positive-muted mt-4 text-sm`,e),...n})}Object.defineProperty(exports,`Table`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`TableBody`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`TableCaption`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`TableCell`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`TableFooter`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`TableHead`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`TableHeader`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`TableRow`,{enumerable:!0,get:function(){return l}});
|
|
2
|
+
//# sourceMappingURL=table-0gtpLtja.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-
|
|
1
|
+
{"version":3,"file":"table-0gtpLtja.cjs","names":["ScrollArea","cn","ScrollBar"],"sources":["../packages/components/ui/table.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { ScrollArea, ScrollBar } from './scroll-area'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n return (\n <ScrollArea data-slot=\"table-conatiner\" className=\"border-border-weak bg-background relative w-full overflow-x-auto rounded-lg border\">\n <table data-slot=\"table\" className={cn('w-full caption-bottom text-sm', className)} {...props} />\n <ScrollBar orientation=\"vertical\" className=\"z-5 w-2\" />\n <ScrollBar orientation=\"horizontal\" className=\"absolute right-0 bottom-0 left-0 h-2\" />\n </ScrollArea>\n )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\n 'bg-muted-muted border-border-weak',\n '[&_tr]:border-b',\n '[&_tr:not(:last-child)_td]:border-b',\n '[&_tr_th:not(:last-child)]:border-r',\n '[&_tr_th:not(:last-child)]:border-r-border-weak',\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n return <tbody data-slot=\"table-body\" className={cn('[&_tr:last-child]:border-0', className)} {...props} />\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n return <tfoot data-slot=\"table-footer\" className={cn('bg-accent-muted border-t font-medium [&>tr]:last:border-b-0', className)} {...props} />\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn('hover:bg-muted-muted/50 active:bg-muted-muted data-[state=selected]:bg-muted border-border-weak border-b transition-colors', className)}\n {...props}\n />\n )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n 'text-text-positive-weak',\n 'h-10 px-2 text-left align-middle font-medium whitespace-nowrap',\n '[&:has([role=checkbox])]:pr-0',\n '[&>[role=checkbox]]:translate-y-0.5',\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn('p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-0.5', className)}\n {...props}\n />\n )\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<'caption'>) {\n return <caption data-slot=\"table-caption\" className={cn('text-text-positive-muted mt-4 text-sm', className)} {...props} />\n}\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow }\n"],"mappings":"0LAMA,SAAS,EAAM,CAAE,YAAW,GAAG,GAAwC,CACrE,OACE,EAAA,EAAA,MAACA,EAAAA,WAAAA,CAAW,YAAU,kBAAkB,UAAU,gGAChD,EAAA,EAAA,KAAC,QAAA,CAAM,YAAU,QAAQ,UAAWC,EAAAA,GAAG,gCAAiC,GAAY,GAAI,KACxF,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,YAAY,WAAW,UAAU,aAC5C,EAAA,EAAA,KAACA,EAAAA,UAAAA,CAAU,YAAY,aAAa,UAAU,4CAKpD,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAA,CACC,YAAU,eACV,UAAWD,EAAAA,GACT,oCACA,kBACA,sCACA,sCACA,kDACA,GAEF,GAAI,IAKV,SAAS,EAAU,CAAE,YAAW,GAAG,GAAwC,CACzE,OAAO,EAAA,EAAA,KAAC,QAAA,CAAM,YAAU,aAAa,UAAWA,EAAAA,GAAG,6BAA8B,GAAY,GAAI,IAGnG,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OAAO,EAAA,EAAA,KAAC,QAAA,CAAM,YAAU,eAAe,UAAWA,EAAAA,GAAG,8DAA+D,GAAY,GAAI,IAGtI,SAAS,EAAS,CAAE,YAAW,GAAG,GAAqC,CACrE,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,YACV,UAAWA,EAAAA,GAAG,6HAA8H,GAC5I,GAAI,IAKV,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,aACV,UAAWA,EAAAA,GACT,0BACA,iEACA,gCACA,sCACA,GAEF,GAAI,IAKV,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,aACV,UAAWA,EAAAA,GAAG,uGAAwG,GACtH,GAAI,IAKV,SAAS,EAAa,CAAE,YAAW,GAAG,GAA0C,CAC9E,OAAO,EAAA,EAAA,KAAC,UAAA,CAAQ,YAAU,gBAAgB,UAAWA,EAAAA,GAAG,wCAAyC,GAAY,GAAI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{cn as e}from"./utils-D9AH0PUV.js";import{ScrollArea as t,ScrollBar as n}from"./scroll-area-CQ6N4gco.js";import r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({className:r,...o}){return a(t,{"data-slot":`table-conatiner`,className:`border-border-weak bg-background relative w-full overflow-x-auto rounded-lg border`,children:[i(`table`,{"data-slot":`table`,className:e(`w-full caption-bottom text-sm`,r),...o}),i(n,{orientation:`vertical`,className:`z-
|
|
2
|
-
//# sourceMappingURL=table-
|
|
1
|
+
import{cn as e}from"./utils-D9AH0PUV.js";import{ScrollArea as t,ScrollBar as n}from"./scroll-area-CQ6N4gco.js";import r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({className:r,...o}){return a(t,{"data-slot":`table-conatiner`,className:`border-border-weak bg-background relative w-full overflow-x-auto rounded-lg border`,children:[i(`table`,{"data-slot":`table`,className:e(`w-full caption-bottom text-sm`,r),...o}),i(n,{orientation:`vertical`,className:`z-5 w-2`}),i(n,{orientation:`horizontal`,className:`absolute right-0 bottom-0 left-0 h-2`})]})}function s({className:t,...n}){return i(`thead`,{"data-slot":`table-header`,className:e(`bg-muted-muted border-border-weak`,`[&_tr]:border-b`,`[&_tr:not(:last-child)_td]:border-b`,`[&_tr_th:not(:last-child)]:border-r`,`[&_tr_th:not(:last-child)]:border-r-border-weak`,t),...n})}function c({className:t,...n}){return i(`tbody`,{"data-slot":`table-body`,className:e(`[&_tr:last-child]:border-0`,t),...n})}function l({className:t,...n}){return i(`tfoot`,{"data-slot":`table-footer`,className:e(`bg-accent-muted border-t font-medium [&>tr]:last:border-b-0`,t),...n})}function u({className:t,...n}){return i(`tr`,{"data-slot":`table-row`,className:e(`hover:bg-muted-muted/50 active:bg-muted-muted data-[state=selected]:bg-muted border-border-weak border-b transition-colors`,t),...n})}function d({className:t,...n}){return i(`th`,{"data-slot":`table-head`,className:e(`text-text-positive-weak`,`h-10 px-2 text-left align-middle font-medium whitespace-nowrap`,`[&:has([role=checkbox])]:pr-0`,`[&>[role=checkbox]]:translate-y-0.5`,t),...n})}function f({className:t,...n}){return i(`td`,{"data-slot":`table-cell`,className:e(`p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-0.5`,t),...n})}function p({className:t,...n}){return i(`caption`,{"data-slot":`table-caption`,className:e(`text-text-positive-muted mt-4 text-sm`,t),...n})}export{o as Table,c as TableBody,p as TableCaption,f as TableCell,l as TableFooter,d as TableHead,s as TableHeader,u as TableRow};
|
|
2
|
+
//# sourceMappingURL=table-Bpzbgpff.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-
|
|
1
|
+
{"version":3,"file":"table-Bpzbgpff.js","names":[],"sources":["../packages/components/ui/table.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { ScrollArea, ScrollBar } from './scroll-area'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n return (\n <ScrollArea data-slot=\"table-conatiner\" className=\"border-border-weak bg-background relative w-full overflow-x-auto rounded-lg border\">\n <table data-slot=\"table\" className={cn('w-full caption-bottom text-sm', className)} {...props} />\n <ScrollBar orientation=\"vertical\" className=\"z-5 w-2\" />\n <ScrollBar orientation=\"horizontal\" className=\"absolute right-0 bottom-0 left-0 h-2\" />\n </ScrollArea>\n )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\n 'bg-muted-muted border-border-weak',\n '[&_tr]:border-b',\n '[&_tr:not(:last-child)_td]:border-b',\n '[&_tr_th:not(:last-child)]:border-r',\n '[&_tr_th:not(:last-child)]:border-r-border-weak',\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n return <tbody data-slot=\"table-body\" className={cn('[&_tr:last-child]:border-0', className)} {...props} />\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n return <tfoot data-slot=\"table-footer\" className={cn('bg-accent-muted border-t font-medium [&>tr]:last:border-b-0', className)} {...props} />\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn('hover:bg-muted-muted/50 active:bg-muted-muted data-[state=selected]:bg-muted border-border-weak border-b transition-colors', className)}\n {...props}\n />\n )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n 'text-text-positive-weak',\n 'h-10 px-2 text-left align-middle font-medium whitespace-nowrap',\n '[&:has([role=checkbox])]:pr-0',\n '[&>[role=checkbox]]:translate-y-0.5',\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn('p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-0.5', className)}\n {...props}\n />\n )\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<'caption'>) {\n return <caption data-slot=\"table-caption\" className={cn('text-text-positive-muted mt-4 text-sm', className)} {...props} />\n}\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow }\n"],"mappings":"sLAMA,SAAS,EAAM,CAAE,YAAW,GAAG,GAAwC,CACrE,OACE,EAAC,EAAA,CAAW,YAAU,kBAAkB,UAAU,+FAChD,EAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAG,gCAAiC,GAAY,GAAI,IACxF,EAAC,EAAA,CAAU,YAAY,WAAW,UAAU,YAC5C,EAAC,EAAA,CAAU,YAAY,aAAa,UAAU,4CAKpD,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAC,QAAA,CACC,YAAU,eACV,UAAW,EACT,oCACA,kBACA,sCACA,sCACA,kDACA,GAEF,GAAI,IAKV,SAAS,EAAU,CAAE,YAAW,GAAG,GAAwC,CACzE,OAAO,EAAC,QAAA,CAAM,YAAU,aAAa,UAAW,EAAG,6BAA8B,GAAY,GAAI,IAGnG,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OAAO,EAAC,QAAA,CAAM,YAAU,eAAe,UAAW,EAAG,8DAA+D,GAAY,GAAI,IAGtI,SAAS,EAAS,CAAE,YAAW,GAAG,GAAqC,CACrE,OACE,EAAC,KAAA,CACC,YAAU,YACV,UAAW,EAAG,6HAA8H,GAC5I,GAAI,IAKV,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAC,KAAA,CACC,YAAU,aACV,UAAW,EACT,0BACA,iEACA,gCACA,sCACA,GAEF,GAAI,IAKV,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAC,KAAA,CACC,YAAU,aACV,UAAW,EAAG,uGAAwG,GACtH,GAAI,IAKV,SAAS,EAAa,CAAE,YAAW,GAAG,GAA0C,CAC9E,OAAO,EAAC,UAAA,CAAQ,YAAU,gBAAgB,UAAW,EAAG,wCAAyC,GAAY,GAAI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";function r({className:r,onChange:i,onValueChange:a,...o}){let s=t.useCallback(e=>{i?.(e),a?.(e.target.value)},[i,a]);return n(`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-
|
|
2
|
-
//# sourceMappingURL=textarea-
|
|
1
|
+
import{cn as e}from"./utils-D9AH0PUV.js";import t from"react";import{jsx as n}from"react/jsx-runtime";function r({className:r,onChange:i,onValueChange:a,...o}){let s=t.useCallback(e=>{i?.(e),a?.(e.target.value)},[i,a]);return n(`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};
|
|
2
|
+
//# sourceMappingURL=textarea-BK2brgwY.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea-
|
|
1
|
+
{"version":3,"file":"textarea-BK2brgwY.js","names":[],"sources":["../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { cn } from '@/lib/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 = React.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":"sGAKA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,EAAe,EAAM,YACxB,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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`));function i({className:e,onChange:i,onValueChange:a,...o}){let s=n.default.useCallback(e=>{i?.(e),a?.(e.target.value)},[i,a]);return(0,r.jsx)(`textarea`,{"data-slot":`textarea`,className: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-
|
|
2
|
-
//# sourceMappingURL=textarea-
|
|
1
|
+
const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./utils-BsjVK5EW.cjs`),n=e.__toESM(require(`react`)),r=e.__toESM(require(`react/jsx-runtime`));function i({className:e,onChange:i,onValueChange:a,...o}){let s=n.default.useCallback(e=>{i?.(e),a?.(e.target.value)},[i,a]);return(0,r.jsx)(`textarea`,{"data-slot":`textarea`,className: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}});
|
|
2
|
+
//# sourceMappingURL=textarea-Y4wAXFGr.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea-
|
|
1
|
+
{"version":3,"file":"textarea-Y4wAXFGr.cjs","names":["React","cn"],"sources":["../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { cn } from '@/lib/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 = React.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":"kJAKA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAGF,CACD,IAAM,EAAeA,EAAAA,QAAM,YACxB,GAA8C,CAC7C,IAAW,GACX,IAAgB,EAAE,OAAO,QAE3B,CAAC,EAAU,IAEb,OACE,EAAA,EAAA,KAAC,WAAA,CACC,YAAU,WACV,UAAWC,EAAAA,GACT,mCACA,gDACA,uBACA,iCACA,4DACA,sBACA,uCACA,+BACA,8BACA,sBACA,uBACA,kCACA,sCACA,iCACA,oCACA,GAEF,GAAI,EACJ,SAAU"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import * as react_jsx_runtime70 from "react/jsx-runtime";
|
|
2
1
|
import React from "react";
|
|
3
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime211 from "react/jsx-runtime";
|
|
4
3
|
import { VariantProps } from "class-variance-authority";
|
|
5
4
|
import { Toggle } from "radix-ui";
|
|
5
|
+
import * as class_variance_authority_types4 from "class-variance-authority/types";
|
|
6
6
|
|
|
7
7
|
//#region packages/components/ui/toggle.d.ts
|
|
8
8
|
declare const toggleVariants: (props?: ({
|
|
9
9
|
variant?: "default" | "outline" | null | undefined;
|
|
10
10
|
size?: "sm" | "lg" | "default" | null | undefined;
|
|
11
|
-
} &
|
|
11
|
+
} & class_variance_authority_types4.ClassProp) | undefined) => string;
|
|
12
12
|
declare function Toggle$1({
|
|
13
13
|
className,
|
|
14
14
|
variant,
|
|
15
15
|
size,
|
|
16
16
|
...props
|
|
17
|
-
}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>):
|
|
17
|
+
}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime211.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { Toggle$1 as Toggle, toggleVariants };
|
|
20
|
-
//# sourceMappingURL=toggle-
|
|
20
|
+
//# sourceMappingURL=toggle-D2aRhQ67.d.ts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import * as react_jsx_runtime233 from "react/jsx-runtime";
|
|
1
2
|
import React from "react";
|
|
2
|
-
import * as
|
|
3
|
+
import * as class_variance_authority_types5 from "class-variance-authority/types";
|
|
3
4
|
import { VariantProps } from "class-variance-authority";
|
|
4
5
|
import { Toggle } from "radix-ui";
|
|
5
|
-
import * as class_variance_authority_types5 from "class-variance-authority/types";
|
|
6
6
|
|
|
7
7
|
//#region packages/components/ui/toggle.d.ts
|
|
8
8
|
declare const toggleVariants: (props?: ({
|
|
@@ -14,7 +14,7 @@ declare function Toggle$1({
|
|
|
14
14
|
variant,
|
|
15
15
|
size,
|
|
16
16
|
...props
|
|
17
|
-
}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>):
|
|
17
|
+
}: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime233.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { Toggle$1 as Toggle, toggleVariants };
|
|
20
|
-
//# sourceMappingURL=toggle-
|
|
20
|
+
//# sourceMappingURL=toggle-DfC247hI.d.cts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime197 from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Tooltip } from "radix-ui";
|
|
4
4
|
|
|
@@ -6,19 +6,19 @@ import { Tooltip } from "radix-ui";
|
|
|
6
6
|
declare function TooltipProvider({
|
|
7
7
|
delayDuration,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<typeof Tooltip.Provider>):
|
|
9
|
+
}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime197.JSX.Element;
|
|
10
10
|
declare function Tooltip$1({
|
|
11
11
|
...props
|
|
12
|
-
}: React.ComponentProps<typeof Tooltip.Root>):
|
|
12
|
+
}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime197.JSX.Element;
|
|
13
13
|
declare function TooltipTrigger({
|
|
14
14
|
...props
|
|
15
|
-
}: React.ComponentProps<typeof Tooltip.Trigger>):
|
|
15
|
+
}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime197.JSX.Element;
|
|
16
16
|
declare function TooltipContent({
|
|
17
17
|
className,
|
|
18
18
|
sideOffset,
|
|
19
19
|
children,
|
|
20
20
|
...props
|
|
21
|
-
}: React.ComponentProps<typeof Tooltip.Content>):
|
|
21
|
+
}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime197.JSX.Element;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
24
|
-
//# sourceMappingURL=tooltip-
|
|
24
|
+
//# sourceMappingURL=tooltip-ClcR7d6G.d.cts.map
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime196 from "react/jsx-runtime";
|
|
3
3
|
import { Tooltip } from "radix-ui";
|
|
4
4
|
|
|
5
5
|
//#region packages/components/ui/tooltip.d.ts
|
|
6
6
|
declare function TooltipProvider({
|
|
7
7
|
delayDuration,
|
|
8
8
|
...props
|
|
9
|
-
}: React.ComponentProps<typeof Tooltip.Provider>):
|
|
9
|
+
}: React.ComponentProps<typeof Tooltip.Provider>): react_jsx_runtime196.JSX.Element;
|
|
10
10
|
declare function Tooltip$1({
|
|
11
11
|
...props
|
|
12
|
-
}: React.ComponentProps<typeof Tooltip.Root>):
|
|
12
|
+
}: React.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime196.JSX.Element;
|
|
13
13
|
declare function TooltipTrigger({
|
|
14
14
|
...props
|
|
15
|
-
}: React.ComponentProps<typeof Tooltip.Trigger>):
|
|
15
|
+
}: React.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime196.JSX.Element;
|
|
16
16
|
declare function TooltipContent({
|
|
17
17
|
className,
|
|
18
18
|
sideOffset,
|
|
19
19
|
children,
|
|
20
20
|
...props
|
|
21
|
-
}: React.ComponentProps<typeof Tooltip.Content>):
|
|
21
|
+
}: React.ComponentProps<typeof Tooltip.Content>): react_jsx_runtime196.JSX.Element;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
24
|
-
//# sourceMappingURL=tooltip-
|
|
24
|
+
//# sourceMappingURL=tooltip-WPrK6Am9.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime10 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region packages/components/typography/paragraph.d.ts
|
|
4
4
|
type Props = {
|
|
@@ -10,7 +10,7 @@ declare const Paragraph: ({
|
|
|
10
10
|
variant,
|
|
11
11
|
className,
|
|
12
12
|
children
|
|
13
|
-
}: Props) =>
|
|
13
|
+
}: Props) => react_jsx_runtime10.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { Paragraph };
|
|
16
16
|
//# sourceMappingURL=paragraph.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime1 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region packages/components/typography/title.d.ts
|
|
4
4
|
type Props = {
|
|
@@ -10,7 +10,7 @@ declare const Title: ({
|
|
|
10
10
|
level,
|
|
11
11
|
className,
|
|
12
12
|
children
|
|
13
|
-
}: Props) =>
|
|
13
|
+
}: Props) => react_jsx_runtime1.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { Title };
|
|
16
16
|
//# sourceMappingURL=title.d.cts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime15 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region packages/components/typography/title.d.ts
|
|
4
4
|
type Props = {
|
|
@@ -10,7 +10,7 @@ declare const Title: ({
|
|
|
10
10
|
level,
|
|
11
11
|
className,
|
|
12
12
|
children
|
|
13
|
-
}: Props) =>
|
|
13
|
+
}: Props) => react_jsx_runtime15.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { Title };
|
|
16
16
|
//# sourceMappingURL=title.d.ts.map
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime10 from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { AlertDialog as AlertDialog$1 } from "radix-ui";
|
|
4
4
|
|
|
5
5
|
//#region packages/components/ui/alert-dialog.d.ts
|
|
6
6
|
declare function AlertDialog({
|
|
7
7
|
...props
|
|
8
|
-
}: React.ComponentProps<typeof AlertDialog$1.Root>):
|
|
8
|
+
}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime10.JSX.Element;
|
|
9
9
|
declare function AlertDialogTrigger({
|
|
10
10
|
...props
|
|
11
|
-
}: React.ComponentProps<typeof AlertDialog$1.Trigger>):
|
|
11
|
+
}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime10.JSX.Element;
|
|
12
12
|
declare function AlertDialogPortal({
|
|
13
13
|
...props
|
|
14
|
-
}: React.ComponentProps<typeof AlertDialog$1.Portal>):
|
|
14
|
+
}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime10.JSX.Element;
|
|
15
15
|
declare function AlertDialogOverlay({
|
|
16
16
|
className,
|
|
17
17
|
...props
|
|
18
|
-
}: React.ComponentProps<typeof AlertDialog$1.Overlay>):
|
|
18
|
+
}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime10.JSX.Element;
|
|
19
19
|
declare function AlertDialogContent({
|
|
20
20
|
className,
|
|
21
21
|
...props
|
|
22
|
-
}: React.ComponentProps<typeof AlertDialog$1.Content>):
|
|
22
|
+
}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime10.JSX.Element;
|
|
23
23
|
declare function AlertDialogHeader({
|
|
24
24
|
className,
|
|
25
25
|
...props
|
|
26
|
-
}: React.ComponentProps<'div'>):
|
|
26
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime10.JSX.Element;
|
|
27
27
|
declare function AlertDialogFooter({
|
|
28
28
|
className,
|
|
29
29
|
...props
|
|
30
|
-
}: React.ComponentProps<'div'>):
|
|
30
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime10.JSX.Element;
|
|
31
31
|
declare function AlertDialogTitle({
|
|
32
32
|
className,
|
|
33
33
|
...props
|
|
34
|
-
}: React.ComponentProps<typeof AlertDialog$1.Title>):
|
|
34
|
+
}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime10.JSX.Element;
|
|
35
35
|
declare function AlertDialogDescription({
|
|
36
36
|
className,
|
|
37
37
|
...props
|
|
38
|
-
}: React.ComponentProps<typeof AlertDialog$1.Description>):
|
|
38
|
+
}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime10.JSX.Element;
|
|
39
39
|
declare function AlertDialogAction({
|
|
40
40
|
className,
|
|
41
41
|
...props
|
|
42
|
-
}: React.ComponentProps<typeof AlertDialog$1.Action>):
|
|
42
|
+
}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime10.JSX.Element;
|
|
43
43
|
declare function AlertDialogCancel({
|
|
44
44
|
className,
|
|
45
45
|
...props
|
|
46
|
-
}: React.ComponentProps<typeof AlertDialog$1.Cancel>):
|
|
46
|
+
}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime10.JSX.Element;
|
|
47
47
|
//#endregion
|
|
48
48
|
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
49
49
|
//# sourceMappingURL=alert-dialog.d.cts.map
|
|
@@ -1,49 +1,49 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime19 from "react/jsx-runtime";
|
|
3
3
|
import { AlertDialog as AlertDialog$1 } from "radix-ui";
|
|
4
4
|
|
|
5
5
|
//#region packages/components/ui/alert-dialog.d.ts
|
|
6
6
|
declare function AlertDialog({
|
|
7
7
|
...props
|
|
8
|
-
}: React.ComponentProps<typeof AlertDialog$1.Root>):
|
|
8
|
+
}: React.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime19.JSX.Element;
|
|
9
9
|
declare function AlertDialogTrigger({
|
|
10
10
|
...props
|
|
11
|
-
}: React.ComponentProps<typeof AlertDialog$1.Trigger>):
|
|
11
|
+
}: React.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime19.JSX.Element;
|
|
12
12
|
declare function AlertDialogPortal({
|
|
13
13
|
...props
|
|
14
|
-
}: React.ComponentProps<typeof AlertDialog$1.Portal>):
|
|
14
|
+
}: React.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime19.JSX.Element;
|
|
15
15
|
declare function AlertDialogOverlay({
|
|
16
16
|
className,
|
|
17
17
|
...props
|
|
18
|
-
}: React.ComponentProps<typeof AlertDialog$1.Overlay>):
|
|
18
|
+
}: React.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime19.JSX.Element;
|
|
19
19
|
declare function AlertDialogContent({
|
|
20
20
|
className,
|
|
21
21
|
...props
|
|
22
|
-
}: React.ComponentProps<typeof AlertDialog$1.Content>):
|
|
22
|
+
}: React.ComponentProps<typeof AlertDialog$1.Content>): react_jsx_runtime19.JSX.Element;
|
|
23
23
|
declare function AlertDialogHeader({
|
|
24
24
|
className,
|
|
25
25
|
...props
|
|
26
|
-
}: React.ComponentProps<'div'>):
|
|
26
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime19.JSX.Element;
|
|
27
27
|
declare function AlertDialogFooter({
|
|
28
28
|
className,
|
|
29
29
|
...props
|
|
30
|
-
}: React.ComponentProps<'div'>):
|
|
30
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime19.JSX.Element;
|
|
31
31
|
declare function AlertDialogTitle({
|
|
32
32
|
className,
|
|
33
33
|
...props
|
|
34
|
-
}: React.ComponentProps<typeof AlertDialog$1.Title>):
|
|
34
|
+
}: React.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime19.JSX.Element;
|
|
35
35
|
declare function AlertDialogDescription({
|
|
36
36
|
className,
|
|
37
37
|
...props
|
|
38
|
-
}: React.ComponentProps<typeof AlertDialog$1.Description>):
|
|
38
|
+
}: React.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime19.JSX.Element;
|
|
39
39
|
declare function AlertDialogAction({
|
|
40
40
|
className,
|
|
41
41
|
...props
|
|
42
|
-
}: React.ComponentProps<typeof AlertDialog$1.Action>):
|
|
42
|
+
}: React.ComponentProps<typeof AlertDialog$1.Action>): react_jsx_runtime19.JSX.Element;
|
|
43
43
|
declare function AlertDialogCancel({
|
|
44
44
|
className,
|
|
45
45
|
...props
|
|
46
|
-
}: React.ComponentProps<typeof AlertDialog$1.Cancel>):
|
|
46
|
+
}: React.ComponentProps<typeof AlertDialog$1.Cancel>): react_jsx_runtime19.JSX.Element;
|
|
47
47
|
//#endregion
|
|
48
48
|
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
|
|
49
49
|
//# sourceMappingURL=alert-dialog.d.ts.map
|
package/dist/ui/alert.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime31 from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
4
4
|
import { VariantProps } from "class-variance-authority";
|
|
@@ -11,15 +11,15 @@ declare function Alert({
|
|
|
11
11
|
className,
|
|
12
12
|
variant,
|
|
13
13
|
...props
|
|
14
|
-
}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>):
|
|
14
|
+
}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime31.JSX.Element;
|
|
15
15
|
declare function AlertTitle({
|
|
16
16
|
className,
|
|
17
17
|
...props
|
|
18
|
-
}: React.ComponentProps<'div'>):
|
|
18
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime31.JSX.Element;
|
|
19
19
|
declare function AlertDescription({
|
|
20
20
|
className,
|
|
21
21
|
...props
|
|
22
|
-
}: React.ComponentProps<'div'>):
|
|
22
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime31.JSX.Element;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { Alert, AlertDescription, AlertTitle };
|
|
25
25
|
//# sourceMappingURL=alert.d.cts.map
|
package/dist/ui/alert.d.ts
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime16 from "react/jsx-runtime";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
|
-
import * as
|
|
4
|
+
import * as class_variance_authority_types0 from "class-variance-authority/types";
|
|
5
5
|
|
|
6
6
|
//#region packages/components/ui/alert.d.ts
|
|
7
7
|
declare const alertVariants: (props?: ({
|
|
8
8
|
variant?: "default" | "destructive" | null | undefined;
|
|
9
|
-
} &
|
|
9
|
+
} & class_variance_authority_types0.ClassProp) | undefined) => string;
|
|
10
10
|
declare function Alert({
|
|
11
11
|
className,
|
|
12
12
|
variant,
|
|
13
13
|
...props
|
|
14
|
-
}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>):
|
|
14
|
+
}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime16.JSX.Element;
|
|
15
15
|
declare function AlertTitle({
|
|
16
16
|
className,
|
|
17
17
|
...props
|
|
18
|
-
}: React.ComponentProps<'div'>):
|
|
18
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime16.JSX.Element;
|
|
19
19
|
declare function AlertDescription({
|
|
20
20
|
className,
|
|
21
21
|
...props
|
|
22
|
-
}: React.ComponentProps<'div'>):
|
|
22
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime16.JSX.Element;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { Alert, AlertDescription, AlertTitle };
|
|
25
25
|
//# sourceMappingURL=alert.d.ts.map
|