@codefast/ui 0.1.9 → 0.1.10

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.
Files changed (50) hide show
  1. package/dist/chunk-VEXIU3VB.js +2 -0
  2. package/dist/chunk-VEXIU3VB.js.map +1 -0
  3. package/dist/chunk-WQGHLC2A.js +2 -0
  4. package/dist/chunk-WQGHLC2A.js.map +1 -0
  5. package/dist/{chunk-BASRQOAA.cjs → chunk-YIBPK6E7.cjs} +2 -2
  6. package/dist/chunk-YIBPK6E7.cjs.map +1 -0
  7. package/dist/chunk-YOJAJOXD.cjs +2 -0
  8. package/dist/chunk-YOJAJOXD.cjs.map +1 -0
  9. package/dist/react/alert-dialog.cjs +1 -1
  10. package/dist/react/alert-dialog.js +1 -1
  11. package/dist/react/button.cjs +1 -1
  12. package/dist/react/button.d.cts +21 -7
  13. package/dist/react/button.d.ts +21 -7
  14. package/dist/react/button.js +1 -1
  15. package/dist/react/calendar.cjs +1 -1
  16. package/dist/react/calendar.js +1 -1
  17. package/dist/react/carousel.cjs +1 -1
  18. package/dist/react/carousel.js +1 -1
  19. package/dist/react/command.cjs +1 -1
  20. package/dist/react/command.js +1 -1
  21. package/dist/react/data-table.cjs +1 -1
  22. package/dist/react/data-table.cjs.map +1 -1
  23. package/dist/react/data-table.js +1 -1
  24. package/dist/react/data-table.js.map +1 -1
  25. package/dist/react/dialog.cjs +1 -1
  26. package/dist/react/dialog.js +1 -1
  27. package/dist/react/drawer.cjs +1 -1
  28. package/dist/react/drawer.js +1 -1
  29. package/dist/react/number-input.cjs +1 -1
  30. package/dist/react/number-input.js +1 -1
  31. package/dist/react/pagination.cjs +1 -1
  32. package/dist/react/pagination.cjs.map +1 -1
  33. package/dist/react/pagination.d.cts +2 -2
  34. package/dist/react/pagination.d.ts +2 -2
  35. package/dist/react/pagination.js +1 -1
  36. package/dist/react/pagination.js.map +1 -1
  37. package/dist/react/sheet.cjs +1 -1
  38. package/dist/react/sheet.cjs.map +1 -1
  39. package/dist/react/sheet.js +1 -1
  40. package/dist/react/sheet.js.map +1 -1
  41. package/dist/styles.css +1 -1
  42. package/dist/styles.css.map +1 -1
  43. package/package.json +4 -4
  44. package/dist/chunk-BASRQOAA.cjs.map +0 -1
  45. package/dist/chunk-U62JBFEF.js +0 -2
  46. package/dist/chunk-U62JBFEF.js.map +0 -1
  47. package/dist/chunk-UYD4MGAB.cjs +0 -2
  48. package/dist/chunk-UYD4MGAB.cjs.map +0 -1
  49. package/dist/chunk-VOYJX4JS.js +0 -2
  50. package/dist/chunk-VOYJX4JS.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/data-table.cjs","../../src/react/data-table.tsx"],"names":["DataTableViewOptions","table","jsxs","DropdownMenu","jsx","DropdownMenuTrigger","Button","MixerHorizontalIcon","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value","DataTablePagination","className","props","cn","Select","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","DoubleArrowLeftIcon","ChevronLeftIcon","ChevronRightIcon","DoubleArrowRightIcon","DataTableColumnHeader","title","SortIcon","DropdownMenuItem","ArrowUpIcon","ArrowDownIcon","EyeNoneIcon","sorted","CaretSortIcon"],"mappings":"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","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/data-table.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport {\n ArrowDownIcon,\n ArrowUpIcon,\n CaretSortIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n DoubleArrowLeftIcon,\n DoubleArrowRightIcon,\n EyeNoneIcon,\n MixerHorizontalIcon,\n} from '@radix-ui/react-icons';\nimport type * as ReactTable from '@tanstack/react-table';\nimport { cn } from '@/lib/utils';\nimport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '@/react/dropdown-menu';\nimport { Button } from '@/react/button';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/react/select';\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableViewOptions\n * -------------------------------------------------------------------------- */\n\ninterface DataTableViewOptionsProps<TData> {\n table: ReactTable.Table<TData>;\n}\n\nfunction DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>): React.JSX.Element {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button className=\"ml-auto hidden h-8 lg:flex\" size=\"sm\" variant=\"outline\">\n <MixerHorizontalIcon className=\"mr-2 size-4\" />\n View\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\" className=\"w-36\">\n <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n <DropdownMenuSeparator />\n {table\n .getAllColumns()\n .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n .map((column) => {\n return (\n <DropdownMenuCheckboxItem\n key={column.id}\n checked={column.getIsVisible()}\n className=\"capitalize\"\n onCheckedChange={(value) => {\n column.toggleVisibility(Boolean(value));\n }}\n >\n {column.id}\n </DropdownMenuCheckboxItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTablePagination\n * -------------------------------------------------------------------------- */\n\ninterface DataTablePaginationProps<TData> extends React.HTMLAttributes<HTMLDivElement> {\n table: ReactTable.Table<TData>;\n}\n\nfunction DataTablePagination<TData>({\n table,\n className,\n ...props\n}: DataTablePaginationProps<TData>): React.JSX.Element {\n return (\n <div className={cn('flex items-center justify-between px-2', className)} {...props}>\n <div className=\"text-muted-foreground flex-1 text-sm\">\n {table.getFilteredSelectedRowModel().rows.length} of {table.getFilteredRowModel().rows.length} row(s) selected.\n </div>\n <div className=\"flex items-center space-x-6 lg:space-x-8\">\n <div className=\"flex items-center space-x-2\">\n <p className=\"text-sm font-medium\">Rows per page</p>\n <Select\n value={String(table.getState().pagination.pageSize)}\n onValueChange={(value) => {\n table.setPageSize(Number(value));\n }}\n >\n <SelectTrigger className=\"w-18 h-8\">\n <SelectValue placeholder={table.getState().pagination.pageSize} />\n </SelectTrigger>\n <SelectContent side=\"top\">\n {[10, 20, 30, 40, 50].map((pageSize) => (\n <SelectItem key={pageSize} value={String(pageSize)}>\n {pageSize}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"flex w-28 items-center justify-center text-sm font-medium\">\n Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n </div>\n <div className=\"flex items-center space-x-2\">\n <Button\n className=\"hidden lg:flex\"\n disabled={!table.getCanPreviousPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.setPageIndex(0);\n }}\n >\n <span className=\"sr-only\">Go to first page</span>\n <DoubleArrowLeftIcon className=\"size-4\" />\n </Button>\n <Button\n disabled={!table.getCanPreviousPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.previousPage();\n }}\n >\n <span className=\"sr-only\">Go to previous page</span>\n <ChevronLeftIcon className=\"size-4\" />\n </Button>\n <Button\n disabled={!table.getCanNextPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.nextPage();\n }}\n >\n <span className=\"sr-only\">Go to next page</span>\n <ChevronRightIcon className=\"size-4\" />\n </Button>\n <Button\n className=\"hidden lg:flex\"\n disabled={!table.getCanNextPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.setPageIndex(table.getPageCount() - 1);\n }}\n >\n <span className=\"sr-only\">Go to last page</span>\n <DoubleArrowRightIcon className=\"size-4\" />\n </Button>\n </div>\n </div>\n </div>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableColumnHeader\n * -------------------------------------------------------------------------- */\n\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n column: ReactTable.Column<TData, TValue>;\n title: string;\n}\n\nfunction DataTableColumnHeader<TData, TValue>({\n column,\n title,\n className,\n}: DataTableColumnHeaderProps<TData, TValue>): React.JSX.Element {\n if (!column.getCanSort()) {\n return <div className={className}>{title}</div>;\n }\n\n return (\n <div className={cn('flex items-center space-x-2', className)}>\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button className=\"data-[state=open]:bg-accent -ml-3\" size=\"xs\" variant=\"ghost\">\n <span>{title}</span>\n <SortIcon sorted={column.getIsSorted()} />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"start\">\n <DropdownMenuItem\n onClick={() => {\n column.toggleSorting(false);\n }}\n >\n <ArrowUpIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n Asc\n </DropdownMenuItem>\n <DropdownMenuItem\n onClick={() => {\n column.toggleSorting(true);\n }}\n >\n <ArrowDownIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n Desc\n </DropdownMenuItem>\n <DropdownMenuSeparator />\n <DropdownMenuItem\n onClick={() => {\n column.toggleVisibility(false);\n }}\n >\n <EyeNoneIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n Hide\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n );\n}\n\nfunction SortIcon({ sorted }: { sorted: false | ReactTable.SortDirection }): React.JSX.Element {\n switch (sorted) {\n case 'desc': {\n return <ArrowDownIcon className=\"ml-2 size-4\" />;\n }\n\n case 'asc': {\n return <ArrowUpIcon className=\"ml-2 size-4\" />;\n }\n\n default:\n return <CaretSortIcon className=\"ml-2 size-4\" />;\n }\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n DataTableViewOptions,\n DataTablePagination,\n DataTableColumnHeader,\n type DataTableViewOptionsProps,\n type DataTablePaginationProps,\n type DataTableColumnHeaderProps,\n};\n"]}
1
+ {"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/data-table.cjs","../../src/react/data-table.tsx"],"names":["DataTableViewOptions","table","jsxs","DropdownMenu","DropdownMenuTrigger","buttonVariants","jsx","MixerHorizontalIcon","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value","DataTablePagination","className","props","cn","Select","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","DoubleArrowLeftIcon","ChevronLeftIcon","ChevronRightIcon","DoubleArrowRightIcon","DataTableColumnHeader","title","SortIcon","DropdownMenuItem","ArrowUpIcon","ArrowDownIcon","EyeNoneIcon","sorted","CaretSortIcon"],"mappings":"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","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/data-table.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport {\n ArrowDownIcon,\n ArrowUpIcon,\n CaretSortIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n DoubleArrowLeftIcon,\n DoubleArrowRightIcon,\n EyeNoneIcon,\n MixerHorizontalIcon,\n} from '@radix-ui/react-icons';\nimport type * as ReactTable from '@tanstack/react-table';\nimport { cn } from '@/lib/utils';\nimport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '@/react/dropdown-menu';\nimport { Button, buttonVariants } from '@/react/button';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/react/select';\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableViewOptions\n * -------------------------------------------------------------------------- */\n\ninterface DataTableViewOptionsProps<TData> {\n table: ReactTable.Table<TData>;\n}\n\nfunction DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>): React.JSX.Element {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger\n className={buttonVariants({ className: 'hidden h-8 lg:flex', size: 'sm', variant: 'outline' })}\n >\n <MixerHorizontalIcon className=\"size-4\" />\n View\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\" className=\"w-36\">\n <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n <DropdownMenuSeparator />\n {table\n .getAllColumns()\n .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n .map((column) => {\n return (\n <DropdownMenuCheckboxItem\n key={column.id}\n checked={column.getIsVisible()}\n className=\"capitalize\"\n onCheckedChange={(value) => {\n column.toggleVisibility(Boolean(value));\n }}\n >\n {column.id}\n </DropdownMenuCheckboxItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTablePagination\n * -------------------------------------------------------------------------- */\n\ninterface DataTablePaginationProps<TData> extends React.HTMLAttributes<HTMLDivElement> {\n table: ReactTable.Table<TData>;\n}\n\nfunction DataTablePagination<TData>({\n table,\n className,\n ...props\n}: DataTablePaginationProps<TData>): React.JSX.Element {\n return (\n <div className={cn('flex items-center justify-between px-2', className)} {...props}>\n <div className=\"text-muted-foreground flex-1 text-sm\">\n {table.getFilteredSelectedRowModel().rows.length} of {table.getFilteredRowModel().rows.length} row(s) selected.\n </div>\n <div className=\"flex items-center space-x-6 lg:space-x-8\">\n <div className=\"flex items-center space-x-2\">\n <p className=\"text-sm font-medium\">Rows per page</p>\n <Select\n value={String(table.getState().pagination.pageSize)}\n onValueChange={(value) => {\n table.setPageSize(Number(value));\n }}\n >\n <SelectTrigger className=\"w-18 h-8\">\n <SelectValue placeholder={table.getState().pagination.pageSize} />\n </SelectTrigger>\n <SelectContent side=\"top\">\n {[10, 20, 30, 40, 50].map((pageSize) => (\n <SelectItem key={pageSize} value={String(pageSize)}>\n {pageSize}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"flex w-28 items-center justify-center text-sm font-medium\">\n Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n </div>\n <div className=\"flex items-center space-x-2\">\n <Button\n className=\"hidden lg:flex\"\n disabled={!table.getCanPreviousPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.setPageIndex(0);\n }}\n >\n <span className=\"sr-only\">Go to first page</span>\n <DoubleArrowLeftIcon className=\"size-4\" />\n </Button>\n <Button\n disabled={!table.getCanPreviousPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.previousPage();\n }}\n >\n <span className=\"sr-only\">Go to previous page</span>\n <ChevronLeftIcon className=\"size-4\" />\n </Button>\n <Button\n disabled={!table.getCanNextPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.nextPage();\n }}\n >\n <span className=\"sr-only\">Go to next page</span>\n <ChevronRightIcon className=\"size-4\" />\n </Button>\n <Button\n className=\"hidden lg:flex\"\n disabled={!table.getCanNextPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.setPageIndex(table.getPageCount() - 1);\n }}\n >\n <span className=\"sr-only\">Go to last page</span>\n <DoubleArrowRightIcon className=\"size-4\" />\n </Button>\n </div>\n </div>\n </div>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableColumnHeader\n * -------------------------------------------------------------------------- */\n\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n column: ReactTable.Column<TData, TValue>;\n title: string;\n}\n\nfunction DataTableColumnHeader<TData, TValue>({\n column,\n title,\n className,\n}: DataTableColumnHeaderProps<TData, TValue>): React.JSX.Element {\n if (!column.getCanSort()) {\n return <div className={className}>{title}</div>;\n }\n\n return (\n <div className={cn('flex items-center space-x-2', className)}>\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button className=\"data-[state=open]:bg-accent -ml-3\" size=\"xs\" variant=\"ghost\">\n <span>{title}</span>\n <SortIcon sorted={column.getIsSorted()} />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"start\">\n <DropdownMenuItem\n onClick={() => {\n column.toggleSorting(false);\n }}\n >\n <ArrowUpIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n Asc\n </DropdownMenuItem>\n <DropdownMenuItem\n onClick={() => {\n column.toggleSorting(true);\n }}\n >\n <ArrowDownIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n Desc\n </DropdownMenuItem>\n <DropdownMenuSeparator />\n <DropdownMenuItem\n onClick={() => {\n column.toggleVisibility(false);\n }}\n >\n <EyeNoneIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n Hide\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n );\n}\n\nfunction SortIcon({ sorted }: { sorted: false | ReactTable.SortDirection }): React.JSX.Element {\n switch (sorted) {\n case 'desc': {\n return <ArrowDownIcon className=\"ml-2 size-4\" />;\n }\n\n case 'asc': {\n return <ArrowUpIcon className=\"ml-2 size-4\" />;\n }\n\n default:\n return <CaretSortIcon className=\"ml-2 size-4\" />;\n }\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n DataTableViewOptions,\n DataTablePagination,\n DataTableColumnHeader,\n type DataTableViewOptionsProps,\n type DataTablePaginationProps,\n type DataTableColumnHeaderProps,\n};\n"]}
@@ -1,2 +1,2 @@
1
- "use client";import{a as D,c as f,d as T,g as x,i as w}from"../chunk-Z6T6ART3.js";import{a as c,b as d,h as m,i as r,j as p,l as u,m as g}from"../chunk-YQWJBH4E.js";import{b as o}from"../chunk-U62JBFEF.js";import"../chunk-JK5GPYFN.js";import{a as l}from"../chunk-VRBUDJBH.js";import{ArrowDownIcon as C,ArrowUpIcon as N,CaretSortIcon as v,ChevronLeftIcon as S,ChevronRightIcon as P,DoubleArrowLeftIcon as b,DoubleArrowRightIcon as M,EyeNoneIcon as I,MixerHorizontalIcon as h}from"@radix-ui/react-icons";import{jsx as e,jsxs as t}from"react/jsx-runtime";function A({table:a}){return t(c,{children:[e(d,{asChild:!0,children:t(o,{className:"ml-auto hidden h-8 lg:flex",size:"sm",variant:"outline",children:[e(h,{className:"mr-2 size-4"}),"View"]})}),t(m,{align:"end",className:"w-36",children:[e(u,{children:"Toggle columns"}),e(g,{}),a.getAllColumns().filter(n=>typeof n.accessorFn<"u"&&n.getCanHide()).map(n=>e(p,{checked:n.getIsVisible(),className:"capitalize",onCheckedChange:s=>{n.toggleVisibility(!!s)},children:n.id},n.id))]})]})}function B({table:a,className:n,...s}){return t("div",{className:l("flex items-center justify-between px-2",n),...s,children:[t("div",{className:"text-muted-foreground flex-1 text-sm",children:[a.getFilteredSelectedRowModel().rows.length," of ",a.getFilteredRowModel().rows.length," row(s) selected."]}),t("div",{className:"flex items-center space-x-6 lg:space-x-8",children:[t("div",{className:"flex items-center space-x-2",children:[e("p",{className:"text-sm font-medium",children:"Rows per page"}),t(D,{value:String(a.getState().pagination.pageSize),onValueChange:i=>{a.setPageSize(Number(i))},children:[e(T,{className:"w-18 h-8",children:e(f,{placeholder:a.getState().pagination.pageSize})}),e(x,{side:"top",children:[10,20,30,40,50].map(i=>e(w,{value:String(i),children:i},i))})]})]}),t("div",{className:"flex w-28 items-center justify-center text-sm font-medium",children:["Page ",a.getState().pagination.pageIndex+1," of ",a.getPageCount()]}),t("div",{className:"flex items-center space-x-2",children:[t(o,{className:"hidden lg:flex",disabled:!a.getCanPreviousPage(),size:"icon-xs",variant:"outline",onClick:()=>{a.setPageIndex(0)},children:[e("span",{className:"sr-only",children:"Go to first page"}),e(b,{className:"size-4"})]}),t(o,{disabled:!a.getCanPreviousPage(),size:"icon-xs",variant:"outline",onClick:()=>{a.previousPage()},children:[e("span",{className:"sr-only",children:"Go to previous page"}),e(S,{className:"size-4"})]}),t(o,{disabled:!a.getCanNextPage(),size:"icon-xs",variant:"outline",onClick:()=>{a.nextPage()},children:[e("span",{className:"sr-only",children:"Go to next page"}),e(P,{className:"size-4"})]}),t(o,{className:"hidden lg:flex",disabled:!a.getCanNextPage(),size:"icon-xs",variant:"outline",onClick:()=>{a.setPageIndex(a.getPageCount()-1)},children:[e("span",{className:"sr-only",children:"Go to last page"}),e(M,{className:"size-4"})]})]})]})]})}function L({column:a,title:n,className:s}){return a.getCanSort()?e("div",{className:l("flex items-center space-x-2",s),children:t(c,{children:[e(d,{asChild:!0,children:t(o,{className:"data-[state=open]:bg-accent -ml-3",size:"xs",variant:"ghost",children:[e("span",{children:n}),e(z,{sorted:a.getIsSorted()})]})}),t(m,{align:"start",children:[t(r,{onClick:()=>{a.toggleSorting(!1)},children:[e(N,{className:"text-muted-foreground/70 mr-2 size-3.5"}),"Asc"]}),t(r,{onClick:()=>{a.toggleSorting(!0)},children:[e(C,{className:"text-muted-foreground/70 mr-2 size-3.5"}),"Desc"]}),e(g,{}),t(r,{onClick:()=>{a.toggleVisibility(!1)},children:[e(I,{className:"text-muted-foreground/70 mr-2 size-3.5"}),"Hide"]})]})]})}):e("div",{className:s,children:n})}function z({sorted:a}){switch(a){case"desc":return e(C,{className:"ml-2 size-4"});case"asc":return e(N,{className:"ml-2 size-4"});default:return e(v,{className:"ml-2 size-4"})}}export{L as DataTableColumnHeader,B as DataTablePagination,A as DataTableViewOptions};
1
+ "use client";import{a as f,c as T,d as x,g as w,i as C}from"../chunk-Z6T6ART3.js";import{a as c,b as d,h as m,i as r,j as u,l as D,m as g}from"../chunk-YQWJBH4E.js";import{a as p,b as s}from"../chunk-VEXIU3VB.js";import"../chunk-JK5GPYFN.js";import{a as l}from"../chunk-VRBUDJBH.js";import{ArrowDownIcon as N,ArrowUpIcon as v,CaretSortIcon as S,ChevronLeftIcon as P,ChevronRightIcon as b,DoubleArrowLeftIcon as M,DoubleArrowRightIcon as I,EyeNoneIcon as h,MixerHorizontalIcon as z}from"@radix-ui/react-icons";import{jsx as e,jsxs as t}from"react/jsx-runtime";function L({table:a}){return t(c,{children:[t(d,{className:p({className:"hidden h-8 lg:flex",size:"sm",variant:"outline"}),children:[e(z,{className:"size-4"}),"View"]}),t(m,{align:"end",className:"w-36",children:[e(D,{children:"Toggle columns"}),e(g,{}),a.getAllColumns().filter(n=>typeof n.accessorFn<"u"&&n.getCanHide()).map(n=>e(u,{checked:n.getIsVisible(),className:"capitalize",onCheckedChange:o=>{n.toggleVisibility(!!o)},children:n.id},n.id))]})]})}function B({table:a,className:n,...o}){return t("div",{className:l("flex items-center justify-between px-2",n),...o,children:[t("div",{className:"text-muted-foreground flex-1 text-sm",children:[a.getFilteredSelectedRowModel().rows.length," of ",a.getFilteredRowModel().rows.length," row(s) selected."]}),t("div",{className:"flex items-center space-x-6 lg:space-x-8",children:[t("div",{className:"flex items-center space-x-2",children:[e("p",{className:"text-sm font-medium",children:"Rows per page"}),t(f,{value:String(a.getState().pagination.pageSize),onValueChange:i=>{a.setPageSize(Number(i))},children:[e(x,{className:"w-18 h-8",children:e(T,{placeholder:a.getState().pagination.pageSize})}),e(w,{side:"top",children:[10,20,30,40,50].map(i=>e(C,{value:String(i),children:i},i))})]})]}),t("div",{className:"flex w-28 items-center justify-center text-sm font-medium",children:["Page ",a.getState().pagination.pageIndex+1," of ",a.getPageCount()]}),t("div",{className:"flex items-center space-x-2",children:[t(s,{className:"hidden lg:flex",disabled:!a.getCanPreviousPage(),size:"icon-xs",variant:"outline",onClick:()=>{a.setPageIndex(0)},children:[e("span",{className:"sr-only",children:"Go to first page"}),e(M,{className:"size-4"})]}),t(s,{disabled:!a.getCanPreviousPage(),size:"icon-xs",variant:"outline",onClick:()=>{a.previousPage()},children:[e("span",{className:"sr-only",children:"Go to previous page"}),e(P,{className:"size-4"})]}),t(s,{disabled:!a.getCanNextPage(),size:"icon-xs",variant:"outline",onClick:()=>{a.nextPage()},children:[e("span",{className:"sr-only",children:"Go to next page"}),e(b,{className:"size-4"})]}),t(s,{className:"hidden lg:flex",disabled:!a.getCanNextPage(),size:"icon-xs",variant:"outline",onClick:()=>{a.setPageIndex(a.getPageCount()-1)},children:[e("span",{className:"sr-only",children:"Go to last page"}),e(I,{className:"size-4"})]})]})]})]})}function E({column:a,title:n,className:o}){return a.getCanSort()?e("div",{className:l("flex items-center space-x-2",o),children:t(c,{children:[e(d,{asChild:!0,children:t(s,{className:"data-[state=open]:bg-accent -ml-3",size:"xs",variant:"ghost",children:[e("span",{children:n}),e(R,{sorted:a.getIsSorted()})]})}),t(m,{align:"start",children:[t(r,{onClick:()=>{a.toggleSorting(!1)},children:[e(v,{className:"text-muted-foreground/70 mr-2 size-3.5"}),"Asc"]}),t(r,{onClick:()=>{a.toggleSorting(!0)},children:[e(N,{className:"text-muted-foreground/70 mr-2 size-3.5"}),"Desc"]}),e(g,{}),t(r,{onClick:()=>{a.toggleVisibility(!1)},children:[e(h,{className:"text-muted-foreground/70 mr-2 size-3.5"}),"Hide"]})]})]})}):e("div",{className:o,children:n})}function R({sorted:a}){switch(a){case"desc":return e(N,{className:"ml-2 size-4"});case"asc":return e(v,{className:"ml-2 size-4"});default:return e(S,{className:"ml-2 size-4"})}}export{E as DataTableColumnHeader,B as DataTablePagination,L as DataTableViewOptions};
2
2
  //# sourceMappingURL=data-table.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/data-table.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n ArrowDownIcon,\n ArrowUpIcon,\n CaretSortIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n DoubleArrowLeftIcon,\n DoubleArrowRightIcon,\n EyeNoneIcon,\n MixerHorizontalIcon,\n} from '@radix-ui/react-icons';\nimport type * as ReactTable from '@tanstack/react-table';\nimport { cn } from '@/lib/utils';\nimport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '@/react/dropdown-menu';\nimport { Button } from '@/react/button';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/react/select';\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableViewOptions\n * -------------------------------------------------------------------------- */\n\ninterface DataTableViewOptionsProps<TData> {\n table: ReactTable.Table<TData>;\n}\n\nfunction DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>): React.JSX.Element {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button className=\"ml-auto hidden h-8 lg:flex\" size=\"sm\" variant=\"outline\">\n <MixerHorizontalIcon className=\"mr-2 size-4\" />\n View\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\" className=\"w-36\">\n <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n <DropdownMenuSeparator />\n {table\n .getAllColumns()\n .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n .map((column) => {\n return (\n <DropdownMenuCheckboxItem\n key={column.id}\n checked={column.getIsVisible()}\n className=\"capitalize\"\n onCheckedChange={(value) => {\n column.toggleVisibility(Boolean(value));\n }}\n >\n {column.id}\n </DropdownMenuCheckboxItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTablePagination\n * -------------------------------------------------------------------------- */\n\ninterface DataTablePaginationProps<TData> extends React.HTMLAttributes<HTMLDivElement> {\n table: ReactTable.Table<TData>;\n}\n\nfunction DataTablePagination<TData>({\n table,\n className,\n ...props\n}: DataTablePaginationProps<TData>): React.JSX.Element {\n return (\n <div className={cn('flex items-center justify-between px-2', className)} {...props}>\n <div className=\"text-muted-foreground flex-1 text-sm\">\n {table.getFilteredSelectedRowModel().rows.length} of {table.getFilteredRowModel().rows.length} row(s) selected.\n </div>\n <div className=\"flex items-center space-x-6 lg:space-x-8\">\n <div className=\"flex items-center space-x-2\">\n <p className=\"text-sm font-medium\">Rows per page</p>\n <Select\n value={String(table.getState().pagination.pageSize)}\n onValueChange={(value) => {\n table.setPageSize(Number(value));\n }}\n >\n <SelectTrigger className=\"w-18 h-8\">\n <SelectValue placeholder={table.getState().pagination.pageSize} />\n </SelectTrigger>\n <SelectContent side=\"top\">\n {[10, 20, 30, 40, 50].map((pageSize) => (\n <SelectItem key={pageSize} value={String(pageSize)}>\n {pageSize}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"flex w-28 items-center justify-center text-sm font-medium\">\n Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n </div>\n <div className=\"flex items-center space-x-2\">\n <Button\n className=\"hidden lg:flex\"\n disabled={!table.getCanPreviousPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.setPageIndex(0);\n }}\n >\n <span className=\"sr-only\">Go to first page</span>\n <DoubleArrowLeftIcon className=\"size-4\" />\n </Button>\n <Button\n disabled={!table.getCanPreviousPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.previousPage();\n }}\n >\n <span className=\"sr-only\">Go to previous page</span>\n <ChevronLeftIcon className=\"size-4\" />\n </Button>\n <Button\n disabled={!table.getCanNextPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.nextPage();\n }}\n >\n <span className=\"sr-only\">Go to next page</span>\n <ChevronRightIcon className=\"size-4\" />\n </Button>\n <Button\n className=\"hidden lg:flex\"\n disabled={!table.getCanNextPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.setPageIndex(table.getPageCount() - 1);\n }}\n >\n <span className=\"sr-only\">Go to last page</span>\n <DoubleArrowRightIcon className=\"size-4\" />\n </Button>\n </div>\n </div>\n </div>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableColumnHeader\n * -------------------------------------------------------------------------- */\n\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n column: ReactTable.Column<TData, TValue>;\n title: string;\n}\n\nfunction DataTableColumnHeader<TData, TValue>({\n column,\n title,\n className,\n}: DataTableColumnHeaderProps<TData, TValue>): React.JSX.Element {\n if (!column.getCanSort()) {\n return <div className={className}>{title}</div>;\n }\n\n return (\n <div className={cn('flex items-center space-x-2', className)}>\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button className=\"data-[state=open]:bg-accent -ml-3\" size=\"xs\" variant=\"ghost\">\n <span>{title}</span>\n <SortIcon sorted={column.getIsSorted()} />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"start\">\n <DropdownMenuItem\n onClick={() => {\n column.toggleSorting(false);\n }}\n >\n <ArrowUpIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n Asc\n </DropdownMenuItem>\n <DropdownMenuItem\n onClick={() => {\n column.toggleSorting(true);\n }}\n >\n <ArrowDownIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n Desc\n </DropdownMenuItem>\n <DropdownMenuSeparator />\n <DropdownMenuItem\n onClick={() => {\n column.toggleVisibility(false);\n }}\n >\n <EyeNoneIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n Hide\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n );\n}\n\nfunction SortIcon({ sorted }: { sorted: false | ReactTable.SortDirection }): React.JSX.Element {\n switch (sorted) {\n case 'desc': {\n return <ArrowDownIcon className=\"ml-2 size-4\" />;\n }\n\n case 'asc': {\n return <ArrowUpIcon className=\"ml-2 size-4\" />;\n }\n\n default:\n return <CaretSortIcon className=\"ml-2 size-4\" />;\n }\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n DataTableViewOptions,\n DataTablePagination,\n DataTableColumnHeader,\n type DataTableViewOptionsProps,\n type DataTablePaginationProps,\n type DataTableColumnHeaderProps,\n};\n"],"mappings":"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","names":["ArrowDownIcon","ArrowUpIcon","CaretSortIcon","ChevronLeftIcon","ChevronRightIcon","DoubleArrowLeftIcon","DoubleArrowRightIcon","EyeNoneIcon","MixerHorizontalIcon","jsx","jsxs","DataTableViewOptions","table","DropdownMenu","DropdownMenuTrigger","Button","MixerHorizontalIcon","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value","DataTablePagination","className","props","cn","Select","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","DoubleArrowLeftIcon","ChevronLeftIcon","ChevronRightIcon","DoubleArrowRightIcon","DataTableColumnHeader","title","SortIcon","DropdownMenuItem","ArrowUpIcon","ArrowDownIcon","EyeNoneIcon","sorted","CaretSortIcon"]}
1
+ {"version":3,"sources":["../../src/react/data-table.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n ArrowDownIcon,\n ArrowUpIcon,\n CaretSortIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n DoubleArrowLeftIcon,\n DoubleArrowRightIcon,\n EyeNoneIcon,\n MixerHorizontalIcon,\n} from '@radix-ui/react-icons';\nimport type * as ReactTable from '@tanstack/react-table';\nimport { cn } from '@/lib/utils';\nimport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuTrigger,\n} from '@/react/dropdown-menu';\nimport { Button, buttonVariants } from '@/react/button';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/react/select';\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableViewOptions\n * -------------------------------------------------------------------------- */\n\ninterface DataTableViewOptionsProps<TData> {\n table: ReactTable.Table<TData>;\n}\n\nfunction DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>): React.JSX.Element {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger\n className={buttonVariants({ className: 'hidden h-8 lg:flex', size: 'sm', variant: 'outline' })}\n >\n <MixerHorizontalIcon className=\"size-4\" />\n View\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\" className=\"w-36\">\n <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n <DropdownMenuSeparator />\n {table\n .getAllColumns()\n .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n .map((column) => {\n return (\n <DropdownMenuCheckboxItem\n key={column.id}\n checked={column.getIsVisible()}\n className=\"capitalize\"\n onCheckedChange={(value) => {\n column.toggleVisibility(Boolean(value));\n }}\n >\n {column.id}\n </DropdownMenuCheckboxItem>\n );\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTablePagination\n * -------------------------------------------------------------------------- */\n\ninterface DataTablePaginationProps<TData> extends React.HTMLAttributes<HTMLDivElement> {\n table: ReactTable.Table<TData>;\n}\n\nfunction DataTablePagination<TData>({\n table,\n className,\n ...props\n}: DataTablePaginationProps<TData>): React.JSX.Element {\n return (\n <div className={cn('flex items-center justify-between px-2', className)} {...props}>\n <div className=\"text-muted-foreground flex-1 text-sm\">\n {table.getFilteredSelectedRowModel().rows.length} of {table.getFilteredRowModel().rows.length} row(s) selected.\n </div>\n <div className=\"flex items-center space-x-6 lg:space-x-8\">\n <div className=\"flex items-center space-x-2\">\n <p className=\"text-sm font-medium\">Rows per page</p>\n <Select\n value={String(table.getState().pagination.pageSize)}\n onValueChange={(value) => {\n table.setPageSize(Number(value));\n }}\n >\n <SelectTrigger className=\"w-18 h-8\">\n <SelectValue placeholder={table.getState().pagination.pageSize} />\n </SelectTrigger>\n <SelectContent side=\"top\">\n {[10, 20, 30, 40, 50].map((pageSize) => (\n <SelectItem key={pageSize} value={String(pageSize)}>\n {pageSize}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"flex w-28 items-center justify-center text-sm font-medium\">\n Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n </div>\n <div className=\"flex items-center space-x-2\">\n <Button\n className=\"hidden lg:flex\"\n disabled={!table.getCanPreviousPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.setPageIndex(0);\n }}\n >\n <span className=\"sr-only\">Go to first page</span>\n <DoubleArrowLeftIcon className=\"size-4\" />\n </Button>\n <Button\n disabled={!table.getCanPreviousPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.previousPage();\n }}\n >\n <span className=\"sr-only\">Go to previous page</span>\n <ChevronLeftIcon className=\"size-4\" />\n </Button>\n <Button\n disabled={!table.getCanNextPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.nextPage();\n }}\n >\n <span className=\"sr-only\">Go to next page</span>\n <ChevronRightIcon className=\"size-4\" />\n </Button>\n <Button\n className=\"hidden lg:flex\"\n disabled={!table.getCanNextPage()}\n size=\"icon-xs\"\n variant=\"outline\"\n onClick={() => {\n table.setPageIndex(table.getPageCount() - 1);\n }}\n >\n <span className=\"sr-only\">Go to last page</span>\n <DoubleArrowRightIcon className=\"size-4\" />\n </Button>\n </div>\n </div>\n </div>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableColumnHeader\n * -------------------------------------------------------------------------- */\n\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n column: ReactTable.Column<TData, TValue>;\n title: string;\n}\n\nfunction DataTableColumnHeader<TData, TValue>({\n column,\n title,\n className,\n}: DataTableColumnHeaderProps<TData, TValue>): React.JSX.Element {\n if (!column.getCanSort()) {\n return <div className={className}>{title}</div>;\n }\n\n return (\n <div className={cn('flex items-center space-x-2', className)}>\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button className=\"data-[state=open]:bg-accent -ml-3\" size=\"xs\" variant=\"ghost\">\n <span>{title}</span>\n <SortIcon sorted={column.getIsSorted()} />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"start\">\n <DropdownMenuItem\n onClick={() => {\n column.toggleSorting(false);\n }}\n >\n <ArrowUpIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n Asc\n </DropdownMenuItem>\n <DropdownMenuItem\n onClick={() => {\n column.toggleSorting(true);\n }}\n >\n <ArrowDownIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n Desc\n </DropdownMenuItem>\n <DropdownMenuSeparator />\n <DropdownMenuItem\n onClick={() => {\n column.toggleVisibility(false);\n }}\n >\n <EyeNoneIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n Hide\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n );\n}\n\nfunction SortIcon({ sorted }: { sorted: false | ReactTable.SortDirection }): React.JSX.Element {\n switch (sorted) {\n case 'desc': {\n return <ArrowDownIcon className=\"ml-2 size-4\" />;\n }\n\n case 'asc': {\n return <ArrowUpIcon className=\"ml-2 size-4\" />;\n }\n\n default:\n return <CaretSortIcon className=\"ml-2 size-4\" />;\n }\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n DataTableViewOptions,\n DataTablePagination,\n DataTableColumnHeader,\n type DataTableViewOptionsProps,\n type DataTablePaginationProps,\n type DataTableColumnHeaderProps,\n};\n"],"mappings":"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","names":["ArrowDownIcon","ArrowUpIcon","CaretSortIcon","ChevronLeftIcon","ChevronRightIcon","DoubleArrowLeftIcon","DoubleArrowRightIcon","EyeNoneIcon","MixerHorizontalIcon","jsx","jsxs","DataTableViewOptions","table","DropdownMenu","DropdownMenuTrigger","buttonVariants","MixerHorizontalIcon","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value","DataTablePagination","className","props","cn","Select","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","DoubleArrowLeftIcon","ChevronLeftIcon","ChevronRightIcon","DoubleArrowRightIcon","DataTableColumnHeader","title","SortIcon","DropdownMenuItem","ArrowUpIcon","ArrowDownIcon","EyeNoneIcon","sorted","CaretSortIcon"]}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkUYD4MGABcjs = require('../chunk-UYD4MGAB.cjs');require('../chunk-BASRQOAA.cjs');require('../chunk-VJSYNP4O.cjs');require('../chunk-4XRBMJ5Q.cjs');exports.Dialog = _chunkUYD4MGABcjs.a; exports.DialogBody = _chunkUYD4MGABcjs.e; exports.DialogClose = _chunkUYD4MGABcjs.i; exports.DialogContent = _chunkUYD4MGABcjs.c; exports.DialogDescription = _chunkUYD4MGABcjs.h; exports.DialogFooter = _chunkUYD4MGABcjs.f; exports.DialogHeader = _chunkUYD4MGABcjs.d; exports.DialogTitle = _chunkUYD4MGABcjs.g; exports.DialogTrigger = _chunkUYD4MGABcjs.b;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkYOJAJOXDcjs = require('../chunk-YOJAJOXD.cjs');require('../chunk-YIBPK6E7.cjs');require('../chunk-VJSYNP4O.cjs');require('../chunk-4XRBMJ5Q.cjs');exports.Dialog = _chunkYOJAJOXDcjs.a; exports.DialogBody = _chunkYOJAJOXDcjs.e; exports.DialogClose = _chunkYOJAJOXDcjs.i; exports.DialogContent = _chunkYOJAJOXDcjs.c; exports.DialogDescription = _chunkYOJAJOXDcjs.h; exports.DialogFooter = _chunkYOJAJOXDcjs.f; exports.DialogHeader = _chunkYOJAJOXDcjs.d; exports.DialogTitle = _chunkYOJAJOXDcjs.g; exports.DialogTrigger = _chunkYOJAJOXDcjs.b;
2
2
  //# sourceMappingURL=dialog.cjs.map
@@ -1,2 +1,2 @@
1
- "use client";import{a,b,c,d,e,f,g,h,i}from"../chunk-VOYJX4JS.js";import"../chunk-U62JBFEF.js";import"../chunk-JK5GPYFN.js";import"../chunk-VRBUDJBH.js";export{a as Dialog,e as DialogBody,i as DialogClose,c as DialogContent,h as DialogDescription,f as DialogFooter,d as DialogHeader,g as DialogTitle,b as DialogTrigger};
1
+ "use client";import{a,b,c,d,e,f,g,h,i}from"../chunk-WQGHLC2A.js";import"../chunk-VEXIU3VB.js";import"../chunk-JK5GPYFN.js";import"../chunk-VRBUDJBH.js";export{a as Dialog,e as DialogBody,i as DialogClose,c as DialogContent,h as DialogDescription,f as DialogFooter,d as DialogHeader,g as DialogTitle,b as DialogTrigger};
2
2
  //# sourceMappingURL=dialog.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkBASRQOAAcjs = require('../chunk-BASRQOAA.cjs');require('../chunk-VJSYNP4O.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var n = _interopRequireWildcard(_react);var _vaul = require('vaul');var _jsxruntime = require('react/jsx-runtime');function R({shouldScaleBackground:e=!0,...r}){return _jsxruntime.jsx.call(void 0, _vaul.Drawer.Root,{shouldScaleBackground:e,...r})}var u=_vaul.Drawer.Trigger,D= exports.DrawerContent =n.forwardRef(({children:e,className:r,...a},s)=>_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Portal,{children:[_jsxruntime.jsx.call(void 0, _vaul.Drawer.Overlay,{className:"fixed inset-0 z-50 bg-black/80"}),_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Content,{ref:s,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border",r),...a,children:[_jsxruntime.jsx.call(void 0, "div",{className:"bg-muted mx-auto mt-4 h-2 w-24 rounded-full"}),e]})]}));D.displayName="DrawerContent";function C({className:e,...r}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "grid gap-1.5 p-4 text-center sm:text-left",e),...r})}function v({className:e,...r}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "overflow-auto px-4 py-2",e),...r})}function g({className:e,...r}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "mt-auto flex flex-col-reverse gap-2 p-4",e),...r})}var w=n.forwardRef(({className:e,...r},a)=>_jsxruntime.jsx.call(void 0, _vaul.Drawer.Title,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-lg font-semibold leading-none tracking-tight",e),...r}));w.displayName=_vaul.Drawer.Title.displayName;var c=n.forwardRef(({className:e,...r},a)=>_jsxruntime.jsx.call(void 0, _vaul.Drawer.Description,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-muted-foreground text-sm",e),...r}));c.displayName=_vaul.Drawer.Description.displayName;var f=n.forwardRef(({className:e,size:r,variant:a="outline",...s},m)=>_jsxruntime.jsx.call(void 0, _vaul.Drawer.Close,{ref:m,className:_chunkBASRQOAAcjs.a.call(void 0, {className:e,size:r,variant:a}),...s}));f.displayName=_vaul.Drawer.Close.displayName;exports.Drawer = R; exports.DrawerBody = v; exports.DrawerClose = f; exports.DrawerContent = D; exports.DrawerDescription = c; exports.DrawerFooter = g; exports.DrawerHeader = C; exports.DrawerTitle = w; exports.DrawerTrigger = u;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkYIBPK6E7cjs = require('../chunk-YIBPK6E7.cjs');require('../chunk-VJSYNP4O.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var n = _interopRequireWildcard(_react);var _vaul = require('vaul');var _jsxruntime = require('react/jsx-runtime');function R({shouldScaleBackground:e=!0,...r}){return _jsxruntime.jsx.call(void 0, _vaul.Drawer.Root,{shouldScaleBackground:e,...r})}var u=_vaul.Drawer.Trigger,D= exports.DrawerContent =n.forwardRef(({children:e,className:r,...a},s)=>_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Portal,{children:[_jsxruntime.jsx.call(void 0, _vaul.Drawer.Overlay,{className:"fixed inset-0 z-50 bg-black/80"}),_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Content,{ref:s,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border",r),...a,children:[_jsxruntime.jsx.call(void 0, "div",{className:"bg-muted mx-auto mt-4 h-2 w-24 rounded-full"}),e]})]}));D.displayName="DrawerContent";function C({className:e,...r}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "grid gap-1.5 p-4 text-center sm:text-left",e),...r})}function v({className:e,...r}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "overflow-auto px-4 py-2",e),...r})}function g({className:e,...r}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "mt-auto flex flex-col-reverse gap-2 p-4",e),...r})}var w=n.forwardRef(({className:e,...r},a)=>_jsxruntime.jsx.call(void 0, _vaul.Drawer.Title,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-lg font-semibold leading-none tracking-tight",e),...r}));w.displayName=_vaul.Drawer.Title.displayName;var c=n.forwardRef(({className:e,...r},a)=>_jsxruntime.jsx.call(void 0, _vaul.Drawer.Description,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-muted-foreground text-sm",e),...r}));c.displayName=_vaul.Drawer.Description.displayName;var f=n.forwardRef(({className:e,size:r,variant:a="outline",...s},m)=>_jsxruntime.jsx.call(void 0, _vaul.Drawer.Close,{ref:m,className:_chunkYIBPK6E7cjs.a.call(void 0, {className:e,size:r,variant:a}),...s}));f.displayName=_vaul.Drawer.Close.displayName;exports.Drawer = R; exports.DrawerBody = v; exports.DrawerClose = f; exports.DrawerContent = D; exports.DrawerDescription = c; exports.DrawerFooter = g; exports.DrawerHeader = C; exports.DrawerTitle = w; exports.DrawerTrigger = u;
2
2
  //# sourceMappingURL=drawer.cjs.map
@@ -1,2 +1,2 @@
1
- "use client";import{a as p}from"../chunk-U62JBFEF.js";import"../chunk-JK5GPYFN.js";import{a as i}from"../chunk-VRBUDJBH.js";import*as n from"react";import{Drawer as t}from"vaul";import{jsx as o,jsxs as l}from"react/jsx-runtime";function R({shouldScaleBackground:e=!0,...r}){return o(t.Root,{shouldScaleBackground:e,...r})}var u=t.Trigger,D=n.forwardRef(({children:e,className:r,...a},s)=>l(t.Portal,{children:[o(t.Overlay,{className:"fixed inset-0 z-50 bg-black/80"}),l(t.Content,{ref:s,className:i("bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border",r),...a,children:[o("div",{className:"bg-muted mx-auto mt-4 h-2 w-24 rounded-full"}),e]})]}));D.displayName="DrawerContent";function C({className:e,...r}){return o("div",{className:i("grid gap-1.5 p-4 text-center sm:text-left",e),...r})}function v({className:e,...r}){return o("main",{className:i("overflow-auto px-4 py-2",e),...r})}function g({className:e,...r}){return o("div",{className:i("mt-auto flex flex-col-reverse gap-2 p-4",e),...r})}var w=n.forwardRef(({className:e,...r},a)=>o(t.Title,{ref:a,className:i("text-lg font-semibold leading-none tracking-tight",e),...r}));w.displayName=t.Title.displayName;var c=n.forwardRef(({className:e,...r},a)=>o(t.Description,{ref:a,className:i("text-muted-foreground text-sm",e),...r}));c.displayName=t.Description.displayName;var f=n.forwardRef(({className:e,size:r,variant:a="outline",...s},m)=>o(t.Close,{ref:m,className:p({className:e,size:r,variant:a}),...s}));f.displayName=t.Close.displayName;export{R as Drawer,v as DrawerBody,f as DrawerClose,D as DrawerContent,c as DrawerDescription,g as DrawerFooter,C as DrawerHeader,w as DrawerTitle,u as DrawerTrigger};
1
+ "use client";import{a as p}from"../chunk-VEXIU3VB.js";import"../chunk-JK5GPYFN.js";import{a as i}from"../chunk-VRBUDJBH.js";import*as n from"react";import{Drawer as t}from"vaul";import{jsx as o,jsxs as l}from"react/jsx-runtime";function R({shouldScaleBackground:e=!0,...r}){return o(t.Root,{shouldScaleBackground:e,...r})}var u=t.Trigger,D=n.forwardRef(({children:e,className:r,...a},s)=>l(t.Portal,{children:[o(t.Overlay,{className:"fixed inset-0 z-50 bg-black/80"}),l(t.Content,{ref:s,className:i("bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border",r),...a,children:[o("div",{className:"bg-muted mx-auto mt-4 h-2 w-24 rounded-full"}),e]})]}));D.displayName="DrawerContent";function C({className:e,...r}){return o("div",{className:i("grid gap-1.5 p-4 text-center sm:text-left",e),...r})}function v({className:e,...r}){return o("main",{className:i("overflow-auto px-4 py-2",e),...r})}function g({className:e,...r}){return o("div",{className:i("mt-auto flex flex-col-reverse gap-2 p-4",e),...r})}var w=n.forwardRef(({className:e,...r},a)=>o(t.Title,{ref:a,className:i("text-lg font-semibold leading-none tracking-tight",e),...r}));w.displayName=t.Title.displayName;var c=n.forwardRef(({className:e,...r},a)=>o(t.Description,{ref:a,className:i("text-muted-foreground text-sm",e),...r}));c.displayName=t.Description.displayName;var f=n.forwardRef(({className:e,size:r,variant:a="outline",...s},m)=>o(t.Close,{ref:m,className:p({className:e,size:r,variant:a}),...s}));f.displayName=t.Close.displayName;export{R as Drawer,v as DrawerBody,f as DrawerClose,D as DrawerContent,c as DrawerDescription,g as DrawerFooter,C as DrawerHeader,w as DrawerTitle,u as DrawerTrigger};
2
2
  //# sourceMappingURL=drawer.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunk3Z6QUP75cjs = require('../chunk-3Z6QUP75.cjs');require('../chunk-76TT2QSB.cjs');var _chunk7NEJ7IQ3cjs = require('../chunk-7NEJ7IQ3.cjs');var _chunkBASRQOAAcjs = require('../chunk-BASRQOAA.cjs');require('../chunk-VJSYNP4O.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var l = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var w=l.forwardRef(({ariaDecrementLabel:c,ariaIncrementLabel:d,className:I,inputSize:r,defaultValue:f,disabled:N,formatOptions:b,id:v,max:P,min:R,readOnly:h,step:y,value:C,onChange:g,...B},D)=>_jsxruntime.jsxs.call(void 0, _chunk3Z6QUP75cjs.b,{ariaDecrementLabel:c,ariaIncrementLabel:d,className:_chunk7NEJ7IQ3cjs.b.call(void 0, {inputSize:r,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "pr-0",I)}),defaultValue:f,disabled:N,formatOptions:b,id:v,max:P,min:R,readOnly:h,step:y,value:C,onChange:g,children:[_jsxruntime.jsx.call(void 0, _chunk3Z6QUP75cjs.c,{ref:D,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",className:_chunk7NEJ7IQ3cjs.c.call(void 0, {inputSize:r}),inputMode:"numeric",spellCheck:"false",...B}),_jsxruntime.jsxs.call(void 0, "div",{className:"ml-auto grid h-full divide-y rounded-r-md border-l",children:[_jsxruntime.jsx.call(void 0, _chunk3Z6QUP75cjs.d,{className:_chunkBASRQOAAcjs.a.call(void 0, {size:"icon",variant:"ghost",className:"h-full rounded-none rounded-tr-md"}),children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronUpIcon,{})}),_jsxruntime.jsx.call(void 0, _chunk3Z6QUP75cjs.e,{className:_chunkBASRQOAAcjs.a.call(void 0, {size:"icon",variant:"ghost",className:"rounded-tb-md h-full rounded-none"}),children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronDownIcon,{})})]})]}));w.displayName="NumberInput";exports.NumberInput = w;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunk3Z6QUP75cjs = require('../chunk-3Z6QUP75.cjs');require('../chunk-76TT2QSB.cjs');var _chunk7NEJ7IQ3cjs = require('../chunk-7NEJ7IQ3.cjs');var _chunkYIBPK6E7cjs = require('../chunk-YIBPK6E7.cjs');require('../chunk-VJSYNP4O.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var l = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var w=l.forwardRef(({ariaDecrementLabel:c,ariaIncrementLabel:d,className:I,inputSize:r,defaultValue:f,disabled:N,formatOptions:b,id:v,max:P,min:R,readOnly:h,step:y,value:C,onChange:g,...B},D)=>_jsxruntime.jsxs.call(void 0, _chunk3Z6QUP75cjs.b,{ariaDecrementLabel:c,ariaIncrementLabel:d,className:_chunk7NEJ7IQ3cjs.b.call(void 0, {inputSize:r,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "pr-0",I)}),defaultValue:f,disabled:N,formatOptions:b,id:v,max:P,min:R,readOnly:h,step:y,value:C,onChange:g,children:[_jsxruntime.jsx.call(void 0, _chunk3Z6QUP75cjs.c,{ref:D,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",className:_chunk7NEJ7IQ3cjs.c.call(void 0, {inputSize:r}),inputMode:"numeric",spellCheck:"false",...B}),_jsxruntime.jsxs.call(void 0, "div",{className:"ml-auto grid h-full divide-y rounded-r-md border-l",children:[_jsxruntime.jsx.call(void 0, _chunk3Z6QUP75cjs.d,{className:_chunkYIBPK6E7cjs.a.call(void 0, {size:"icon",variant:"ghost",className:"h-full rounded-none rounded-tr-md"}),children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronUpIcon,{})}),_jsxruntime.jsx.call(void 0, _chunk3Z6QUP75cjs.e,{className:_chunkYIBPK6E7cjs.a.call(void 0, {size:"icon",variant:"ghost",className:"rounded-tb-md h-full rounded-none"}),children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronDownIcon,{})})]})]}));w.displayName="NumberInput";exports.NumberInput = w;
2
2
  //# sourceMappingURL=number-input.cjs.map
@@ -1,2 +1,2 @@
1
- "use client";import{b as o,c as m,d as i,e as u}from"../chunk-W5RHRZIO.js";import"../chunk-QCHBG2C4.js";import{b as a,c as p}from"../chunk-EYL4UQ5E.js";import{a as t}from"../chunk-U62JBFEF.js";import"../chunk-JK5GPYFN.js";import{a as n}from"../chunk-VRBUDJBH.js";import*as l from"react";import{ChevronDownIcon as V,ChevronUpIcon as E}from"@radix-ui/react-icons";import{jsx as e,jsxs as s}from"react/jsx-runtime";var w=l.forwardRef(({ariaDecrementLabel:c,ariaIncrementLabel:d,className:I,inputSize:r,defaultValue:f,disabled:N,formatOptions:b,id:v,max:P,min:R,readOnly:h,step:y,value:C,onChange:g,...B},D)=>s(o,{ariaDecrementLabel:c,ariaIncrementLabel:d,className:a({inputSize:r,className:n("pr-0",I)}),defaultValue:f,disabled:N,formatOptions:b,id:v,max:P,min:R,readOnly:h,step:y,value:C,onChange:g,children:[e(m,{ref:D,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",className:p({inputSize:r}),inputMode:"numeric",spellCheck:"false",...B}),s("div",{className:"ml-auto grid h-full divide-y rounded-r-md border-l",children:[e(i,{className:t({size:"icon",variant:"ghost",className:"h-full rounded-none rounded-tr-md"}),children:e(E,{})}),e(u,{className:t({size:"icon",variant:"ghost",className:"rounded-tb-md h-full rounded-none"}),children:e(V,{})})]})]}));w.displayName="NumberInput";export{w as NumberInput};
1
+ "use client";import{b as o,c as m,d as i,e as u}from"../chunk-W5RHRZIO.js";import"../chunk-QCHBG2C4.js";import{b as a,c as p}from"../chunk-EYL4UQ5E.js";import{a as t}from"../chunk-VEXIU3VB.js";import"../chunk-JK5GPYFN.js";import{a as n}from"../chunk-VRBUDJBH.js";import*as l from"react";import{ChevronDownIcon as V,ChevronUpIcon as E}from"@radix-ui/react-icons";import{jsx as e,jsxs as s}from"react/jsx-runtime";var w=l.forwardRef(({ariaDecrementLabel:c,ariaIncrementLabel:d,className:I,inputSize:r,defaultValue:f,disabled:N,formatOptions:b,id:v,max:P,min:R,readOnly:h,step:y,value:C,onChange:g,...B},D)=>s(o,{ariaDecrementLabel:c,ariaIncrementLabel:d,className:a({inputSize:r,className:n("pr-0",I)}),defaultValue:f,disabled:N,formatOptions:b,id:v,max:P,min:R,readOnly:h,step:y,value:C,onChange:g,children:[e(m,{ref:D,autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",className:p({inputSize:r}),inputMode:"numeric",spellCheck:"false",...B}),s("div",{className:"ml-auto grid h-full divide-y rounded-r-md border-l",children:[e(i,{className:t({size:"icon",variant:"ghost",className:"h-full rounded-none rounded-tr-md"}),children:e(E,{})}),e(u,{className:t({size:"icon",variant:"ghost",className:"rounded-tb-md h-full rounded-none"}),children:e(V,{})})]})]}));w.displayName="NumberInput";export{w as NumberInput};
2
2
  //# sourceMappingURL=number-input.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkBASRQOAAcjs = require('../chunk-BASRQOAA.cjs');require('../chunk-VJSYNP4O.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');function N({className:n,...t}){return _jsxruntime.jsx.call(void 0, "nav",{"aria-label":"pagination",className:_chunk4XRBMJ5Qcjs.a.call(void 0, "mx-auto flex w-full justify-center",n),role:"navigation",...t})}var u=o.forwardRef(({className:n,...t},i)=>_jsxruntime.jsx.call(void 0, "ul",{ref:i,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex flex-row items-center gap-1",n),...t}));u.displayName="PaginationContent";var f=o.forwardRef((n,t)=>_jsxruntime.jsx.call(void 0, "li",{ref:t,...n}));f.displayName="PaginationItem";function p({className:n,isActive:t,size:i="icon",children:P,...l}){return _jsxruntime.jsx.call(void 0, "a",{"aria-current":t?"page":void 0,className:_chunkBASRQOAAcjs.a.call(void 0, {variant:t?"outline":"ghost",size:i,className:n}),...l,children:P})}function R({className:n,...t}){return _jsxruntime.jsxs.call(void 0, p,{"aria-label":"Go to previous page",className:_chunk4XRBMJ5Qcjs.a.call(void 0, "gap-1 pl-2.5",n),size:"default",...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{children:"Previous"})]})}function H({className:n,...t}){return _jsxruntime.jsxs.call(void 0, p,{"aria-label":"Go to next page",className:_chunk4XRBMJ5Qcjs.a.call(void 0, "gap-1 pr-2.5",n),size:"default",...t,children:[_jsxruntime.jsx.call(void 0, "span",{children:"Next"}),_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{className:"size-4"})]})}function M({className:n,...t}){return _jsxruntime.jsxs.call(void 0, "span",{"aria-hidden":!0,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex size-10 items-center justify-center",n),...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.DotsHorizontalIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"More pages"})]})}exports.Pagination = N; exports.PaginationContent = u; exports.PaginationEllipsis = M; exports.PaginationItem = f; exports.PaginationLink = p; exports.PaginationNext = H; exports.PaginationPrevious = R;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkYIBPK6E7cjs = require('../chunk-YIBPK6E7.cjs');require('../chunk-VJSYNP4O.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');function N({className:n,...t}){return _jsxruntime.jsx.call(void 0, "nav",{"aria-label":"pagination",className:_chunk4XRBMJ5Qcjs.a.call(void 0, "mx-auto flex w-full justify-center",n),role:"navigation",...t})}var u=o.forwardRef(({className:n,...t},i)=>_jsxruntime.jsx.call(void 0, "ul",{ref:i,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex flex-row items-center gap-1",n),...t}));u.displayName="PaginationContent";var f=o.forwardRef((n,t)=>_jsxruntime.jsx.call(void 0, "li",{ref:t,...n}));f.displayName="PaginationItem";function p({className:n,isActive:t,size:i="icon",children:P,...l}){return _jsxruntime.jsx.call(void 0, "a",{"aria-current":t?"page":void 0,className:_chunkYIBPK6E7cjs.a.call(void 0, {variant:t?"outline":"ghost",size:i,className:n}),...l,children:P})}function R({className:n,...t}){return _jsxruntime.jsxs.call(void 0, p,{"aria-label":"Go to previous page",className:_chunk4XRBMJ5Qcjs.a.call(void 0, "gap-1 pl-2.5",n),size:"default",...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.ChevronLeftIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{children:"Previous"})]})}function H({className:n,...t}){return _jsxruntime.jsxs.call(void 0, p,{"aria-label":"Go to next page",className:_chunk4XRBMJ5Qcjs.a.call(void 0, "gap-1 pr-2.5",n),size:"default",...t,children:[_jsxruntime.jsx.call(void 0, "span",{children:"Next"}),_jsxruntime.jsx.call(void 0, _reacticons.ChevronRightIcon,{className:"size-4"})]})}function M({className:n,...t}){return _jsxruntime.jsxs.call(void 0, "span",{"aria-hidden":!0,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex size-10 items-center justify-center",n),...t,children:[_jsxruntime.jsx.call(void 0, _reacticons.DotsHorizontalIcon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"More pages"})]})}exports.Pagination = N; exports.PaginationContent = u; exports.PaginationEllipsis = M; exports.PaginationItem = f; exports.PaginationLink = p; exports.PaginationNext = H; exports.PaginationPrevious = R;
2
2
  //# sourceMappingURL=pagination.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/pagination.cjs","../../src/react/pagination.tsx"],"names":["Pagination","className","props","jsx","cn","PaginationContent","forwardedRef","PaginationItem","PaginationLink","isActive","size","children","buttonVariants","PaginationPrevious","jsxs","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","DotsHorizontalIcon"],"mappings":"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","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/pagination.cjs","sourcesContent":[null,"import * as React from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '@/lib/utils';\nimport { type ButtonProps, buttonVariants } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\ntype PaginationProps = React.HTMLAttributes<HTMLElement>;\n\nfunction Pagination({ className, ...props }: PaginationProps): React.JSX.Element {\n return (\n <nav\n aria-label=\"pagination\"\n className={cn('mx-auto flex w-full justify-center', className)}\n role=\"navigation\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\ntype PaginationContentElement = HTMLUListElement;\ntype PaginationContentProps = React.HTMLAttributes<HTMLUListElement>;\n\nconst PaginationContent = React.forwardRef<PaginationContentElement, PaginationContentProps>(\n ({ className, ...props }, forwardedRef) => (\n <ul ref={forwardedRef} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n ),\n);\n\nPaginationContent.displayName = 'PaginationContent';\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\ntype PaginationItemElement = HTMLLIElement;\ntype PaginationItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst PaginationItem = React.forwardRef<PaginationItemElement, PaginationItemProps>((props, forwardedRef) => (\n <li ref={forwardedRef} {...props} />\n));\n\nPaginationItem.displayName = 'PaginationItem';\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Pick<ButtonProps, 'size'> {\n isActive?: boolean;\n}\n\nfunction PaginationLink({\n className,\n isActive,\n size = 'icon',\n children,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <a\n aria-current={isActive ? 'page' : undefined}\n className={buttonVariants({\n variant: isActive ? 'outline' : 'ghost',\n size,\n className,\n })}\n {...props}\n >\n {children}\n </a>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\ntype PaginationPreviousProps = PaginationLinkProps;\n\nfunction PaginationPrevious({ className, ...props }: PaginationPreviousProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n className={cn('gap-1 pl-2.5', className)}\n size=\"default\"\n {...props}\n >\n <ChevronLeftIcon className=\"size-4\" />\n <span>Previous</span>\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\ntype PaginationNextProps = PaginationLinkProps;\n\nfunction PaginationNext({ className, ...props }: PaginationNextProps): React.JSX.Element {\n return (\n <PaginationLink aria-label=\"Go to next page\" className={cn('gap-1 pr-2.5', className)} size=\"default\" {...props}>\n <span>Next</span>\n <ChevronRightIcon className=\"size-4\" />\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\ntype PaginationEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): React.JSX.Element {\n return (\n <span aria-hidden className={cn('flex size-10 items-center justify-center', className)} {...props}>\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n type PaginationProps,\n type PaginationContentProps,\n type PaginationLinkProps,\n type PaginationItemProps,\n type PaginationPreviousProps,\n type PaginationNextProps,\n type PaginationEllipsisProps,\n};\n"]}
1
+ {"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/pagination.cjs","../../src/react/pagination.tsx"],"names":["Pagination","className","props","jsx","cn","PaginationContent","forwardedRef","PaginationItem","PaginationLink","isActive","size","children","buttonVariants","PaginationPrevious","jsxs","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","DotsHorizontalIcon"],"mappings":"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","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/pagination.cjs","sourcesContent":[null,"import * as React from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '@/lib/utils';\nimport { buttonVariants, type ButtonVariantsProps } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\ntype PaginationProps = React.HTMLAttributes<HTMLElement>;\n\nfunction Pagination({ className, ...props }: PaginationProps): React.JSX.Element {\n return (\n <nav\n aria-label=\"pagination\"\n className={cn('mx-auto flex w-full justify-center', className)}\n role=\"navigation\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\ntype PaginationContentElement = HTMLUListElement;\ntype PaginationContentProps = React.HTMLAttributes<HTMLUListElement>;\n\nconst PaginationContent = React.forwardRef<PaginationContentElement, PaginationContentProps>(\n ({ className, ...props }, forwardedRef) => (\n <ul ref={forwardedRef} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n ),\n);\n\nPaginationContent.displayName = 'PaginationContent';\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\ntype PaginationItemElement = HTMLLIElement;\ntype PaginationItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst PaginationItem = React.forwardRef<PaginationItemElement, PaginationItemProps>((props, forwardedRef) => (\n <li ref={forwardedRef} {...props} />\n));\n\nPaginationItem.displayName = 'PaginationItem';\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Pick<ButtonVariantsProps, 'size'> {\n isActive?: boolean;\n}\n\nfunction PaginationLink({\n className,\n isActive,\n size = 'icon',\n children,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <a\n aria-current={isActive ? 'page' : undefined}\n className={buttonVariants({\n variant: isActive ? 'outline' : 'ghost',\n size,\n className,\n })}\n {...props}\n >\n {children}\n </a>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\ntype PaginationPreviousProps = PaginationLinkProps;\n\nfunction PaginationPrevious({ className, ...props }: PaginationPreviousProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n className={cn('gap-1 pl-2.5', className)}\n size=\"default\"\n {...props}\n >\n <ChevronLeftIcon className=\"size-4\" />\n <span>Previous</span>\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\ntype PaginationNextProps = PaginationLinkProps;\n\nfunction PaginationNext({ className, ...props }: PaginationNextProps): React.JSX.Element {\n return (\n <PaginationLink aria-label=\"Go to next page\" className={cn('gap-1 pr-2.5', className)} size=\"default\" {...props}>\n <span>Next</span>\n <ChevronRightIcon className=\"size-4\" />\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\ntype PaginationEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): React.JSX.Element {\n return (\n <span aria-hidden className={cn('flex size-10 items-center justify-center', className)} {...props}>\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n type PaginationProps,\n type PaginationContentProps,\n type PaginationLinkProps,\n type PaginationItemProps,\n type PaginationPreviousProps,\n type PaginationNextProps,\n type PaginationEllipsisProps,\n};\n"]}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { ButtonProps } from './button.cjs';
2
+ import { ButtonVariantsProps } from './button.cjs';
3
3
  import 'tailwind-variants';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
 
@@ -9,7 +9,7 @@ type PaginationContentProps = React.HTMLAttributes<HTMLUListElement>;
9
9
  declare const PaginationContent: React.ForwardRefExoticComponent<PaginationContentProps & React.RefAttributes<HTMLUListElement>>;
10
10
  type PaginationItemProps = React.LiHTMLAttributes<HTMLLIElement>;
11
11
  declare const PaginationItem: React.ForwardRefExoticComponent<PaginationItemProps & React.RefAttributes<HTMLLIElement>>;
12
- interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Pick<ButtonProps, 'size'> {
12
+ interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Pick<ButtonVariantsProps, 'size'> {
13
13
  isActive?: boolean;
14
14
  }
15
15
  declare function PaginationLink({ className, isActive, size, children, ...props }: PaginationLinkProps): React.JSX.Element;
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { ButtonProps } from './button.js';
2
+ import { ButtonVariantsProps } from './button.js';
3
3
  import 'tailwind-variants';
4
4
  import 'tailwind-variants/dist/config.js';
5
5
 
@@ -9,7 +9,7 @@ type PaginationContentProps = React.HTMLAttributes<HTMLUListElement>;
9
9
  declare const PaginationContent: React.ForwardRefExoticComponent<PaginationContentProps & React.RefAttributes<HTMLUListElement>>;
10
10
  type PaginationItemProps = React.LiHTMLAttributes<HTMLLIElement>;
11
11
  declare const PaginationItem: React.ForwardRefExoticComponent<PaginationItemProps & React.RefAttributes<HTMLLIElement>>;
12
- interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Pick<ButtonProps, 'size'> {
12
+ interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Pick<ButtonVariantsProps, 'size'> {
13
13
  isActive?: boolean;
14
14
  }
15
15
  declare function PaginationLink({ className, isActive, size, children, ...props }: PaginationLinkProps): React.JSX.Element;
@@ -1,2 +1,2 @@
1
- import{a as r}from"../chunk-U62JBFEF.js";import"../chunk-JK5GPYFN.js";import{a as e}from"../chunk-VRBUDJBH.js";import*as o from"react";import{ChevronLeftIcon as g,ChevronRightIcon as m,DotsHorizontalIcon as c}from"@radix-ui/react-icons";import{jsx as a,jsxs as s}from"react/jsx-runtime";function N({className:n,...t}){return a("nav",{"aria-label":"pagination",className:e("mx-auto flex w-full justify-center",n),role:"navigation",...t})}var u=o.forwardRef(({className:n,...t},i)=>a("ul",{ref:i,className:e("flex flex-row items-center gap-1",n),...t}));u.displayName="PaginationContent";var f=o.forwardRef((n,t)=>a("li",{ref:t,...n}));f.displayName="PaginationItem";function p({className:n,isActive:t,size:i="icon",children:P,...l}){return a("a",{"aria-current":t?"page":void 0,className:r({variant:t?"outline":"ghost",size:i,className:n}),...l,children:P})}function R({className:n,...t}){return s(p,{"aria-label":"Go to previous page",className:e("gap-1 pl-2.5",n),size:"default",...t,children:[a(g,{className:"size-4"}),a("span",{children:"Previous"})]})}function H({className:n,...t}){return s(p,{"aria-label":"Go to next page",className:e("gap-1 pr-2.5",n),size:"default",...t,children:[a("span",{children:"Next"}),a(m,{className:"size-4"})]})}function M({className:n,...t}){return s("span",{"aria-hidden":!0,className:e("flex size-10 items-center justify-center",n),...t,children:[a(c,{className:"size-4"}),a("span",{className:"sr-only",children:"More pages"})]})}export{N as Pagination,u as PaginationContent,M as PaginationEllipsis,f as PaginationItem,p as PaginationLink,H as PaginationNext,R as PaginationPrevious};
1
+ import{a as r}from"../chunk-VEXIU3VB.js";import"../chunk-JK5GPYFN.js";import{a as e}from"../chunk-VRBUDJBH.js";import*as o from"react";import{ChevronLeftIcon as g,ChevronRightIcon as m,DotsHorizontalIcon as c}from"@radix-ui/react-icons";import{jsx as a,jsxs as s}from"react/jsx-runtime";function N({className:n,...t}){return a("nav",{"aria-label":"pagination",className:e("mx-auto flex w-full justify-center",n),role:"navigation",...t})}var u=o.forwardRef(({className:n,...t},i)=>a("ul",{ref:i,className:e("flex flex-row items-center gap-1",n),...t}));u.displayName="PaginationContent";var f=o.forwardRef((n,t)=>a("li",{ref:t,...n}));f.displayName="PaginationItem";function p({className:n,isActive:t,size:i="icon",children:P,...l}){return a("a",{"aria-current":t?"page":void 0,className:r({variant:t?"outline":"ghost",size:i,className:n}),...l,children:P})}function R({className:n,...t}){return s(p,{"aria-label":"Go to previous page",className:e("gap-1 pl-2.5",n),size:"default",...t,children:[a(g,{className:"size-4"}),a("span",{children:"Previous"})]})}function H({className:n,...t}){return s(p,{"aria-label":"Go to next page",className:e("gap-1 pr-2.5",n),size:"default",...t,children:[a("span",{children:"Next"}),a(m,{className:"size-4"})]})}function M({className:n,...t}){return s("span",{"aria-hidden":!0,className:e("flex size-10 items-center justify-center",n),...t,children:[a(c,{className:"size-4"}),a("span",{className:"sr-only",children:"More pages"})]})}export{N as Pagination,u as PaginationContent,M as PaginationEllipsis,f as PaginationItem,p as PaginationLink,H as PaginationNext,R as PaginationPrevious};
2
2
  //# sourceMappingURL=pagination.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '@/lib/utils';\nimport { type ButtonProps, buttonVariants } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\ntype PaginationProps = React.HTMLAttributes<HTMLElement>;\n\nfunction Pagination({ className, ...props }: PaginationProps): React.JSX.Element {\n return (\n <nav\n aria-label=\"pagination\"\n className={cn('mx-auto flex w-full justify-center', className)}\n role=\"navigation\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\ntype PaginationContentElement = HTMLUListElement;\ntype PaginationContentProps = React.HTMLAttributes<HTMLUListElement>;\n\nconst PaginationContent = React.forwardRef<PaginationContentElement, PaginationContentProps>(\n ({ className, ...props }, forwardedRef) => (\n <ul ref={forwardedRef} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n ),\n);\n\nPaginationContent.displayName = 'PaginationContent';\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\ntype PaginationItemElement = HTMLLIElement;\ntype PaginationItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst PaginationItem = React.forwardRef<PaginationItemElement, PaginationItemProps>((props, forwardedRef) => (\n <li ref={forwardedRef} {...props} />\n));\n\nPaginationItem.displayName = 'PaginationItem';\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Pick<ButtonProps, 'size'> {\n isActive?: boolean;\n}\n\nfunction PaginationLink({\n className,\n isActive,\n size = 'icon',\n children,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <a\n aria-current={isActive ? 'page' : undefined}\n className={buttonVariants({\n variant: isActive ? 'outline' : 'ghost',\n size,\n className,\n })}\n {...props}\n >\n {children}\n </a>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\ntype PaginationPreviousProps = PaginationLinkProps;\n\nfunction PaginationPrevious({ className, ...props }: PaginationPreviousProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n className={cn('gap-1 pl-2.5', className)}\n size=\"default\"\n {...props}\n >\n <ChevronLeftIcon className=\"size-4\" />\n <span>Previous</span>\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\ntype PaginationNextProps = PaginationLinkProps;\n\nfunction PaginationNext({ className, ...props }: PaginationNextProps): React.JSX.Element {\n return (\n <PaginationLink aria-label=\"Go to next page\" className={cn('gap-1 pr-2.5', className)} size=\"default\" {...props}>\n <span>Next</span>\n <ChevronRightIcon className=\"size-4\" />\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\ntype PaginationEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): React.JSX.Element {\n return (\n <span aria-hidden className={cn('flex size-10 items-center justify-center', className)} {...props}>\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n type PaginationProps,\n type PaginationContentProps,\n type PaginationLinkProps,\n type PaginationItemProps,\n type PaginationPreviousProps,\n type PaginationNextProps,\n type PaginationEllipsisProps,\n};\n"],"mappings":"+GAAA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,EAAiB,oBAAAC,EAAkB,sBAAAC,MAA0B,wBAYlE,cAAAC,EA2EA,QAAAC,MA3EA,oBAFJ,SAASC,EAAW,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAuC,CAC/E,OACEJ,EAAC,OACC,aAAW,aACX,UAAWK,EAAG,qCAAsCF,CAAS,EAC7D,KAAK,aACJ,GAAGC,EACN,CAEJ,CASA,IAAME,EAA0B,aAC9B,CAAC,CAAE,UAAAH,EAAW,GAAGC,CAAM,EAAGG,IACxBP,EAAC,MAAG,IAAKO,EAAc,UAAWF,EAAG,mCAAoCF,CAAS,EAAI,GAAGC,EAAO,CAEpG,EAEAE,EAAkB,YAAc,oBAShC,IAAME,EAAuB,aAAuD,CAACJ,EAAOG,IAC1FP,EAAC,MAAG,IAAKO,EAAe,GAAGH,EAAO,CACnC,EAEDI,EAAe,YAAc,iBAU7B,SAASC,EAAe,CACtB,UAAAN,EACA,SAAAO,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,GAAGR,CACL,EAA2C,CACzC,OACEJ,EAAC,KACC,eAAcU,EAAW,OAAS,OAClC,UAAWG,EAAe,CACxB,QAASH,EAAW,UAAY,QAChC,KAAAC,EACA,UAAAR,CACF,CAAC,EACA,GAAGC,EAEH,SAAAQ,EACH,CAEJ,CAQA,SAASE,EAAmB,CAAE,UAAAX,EAAW,GAAGC,CAAM,EAA+C,CAC/F,OACEH,EAACQ,EAAA,CACC,aAAW,sBACX,UAAWJ,EAAG,eAAgBF,CAAS,EACvC,KAAK,UACJ,GAAGC,EAEJ,UAAAJ,EAACe,EAAA,CAAgB,UAAU,SAAS,EACpCf,EAAC,QAAK,oBAAQ,GAChB,CAEJ,CAQA,SAASgB,EAAe,CAAE,UAAAb,EAAW,GAAGC,CAAM,EAA2C,CACvF,OACEH,EAACQ,EAAA,CAAe,aAAW,kBAAkB,UAAWJ,EAAG,eAAgBF,CAAS,EAAG,KAAK,UAAW,GAAGC,EACxG,UAAAJ,EAAC,QAAK,gBAAI,EACVA,EAACiB,EAAA,CAAiB,UAAU,SAAS,GACvC,CAEJ,CAQA,SAASC,EAAmB,CAAE,UAAAf,EAAW,GAAGC,CAAM,EAA+C,CAC/F,OACEH,EAAC,QAAK,cAAW,GAAC,UAAWI,EAAG,2CAA4CF,CAAS,EAAI,GAAGC,EAC1F,UAAAJ,EAACmB,EAAA,CAAmB,UAAU,SAAS,EACvCnB,EAAC,QAAK,UAAU,UAAU,sBAAU,GACtC,CAEJ","names":["React","ChevronLeftIcon","ChevronRightIcon","DotsHorizontalIcon","jsx","jsxs","Pagination","className","props","cn","PaginationContent","forwardedRef","PaginationItem","PaginationLink","isActive","size","children","buttonVariants","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","DotsHorizontalIcon"]}
1
+ {"version":3,"sources":["../../src/react/pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon, DotsHorizontalIcon } from '@radix-ui/react-icons';\nimport { cn } from '@/lib/utils';\nimport { buttonVariants, type ButtonVariantsProps } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Component: Pagination\n * -------------------------------------------------------------------------- */\n\ntype PaginationProps = React.HTMLAttributes<HTMLElement>;\n\nfunction Pagination({ className, ...props }: PaginationProps): React.JSX.Element {\n return (\n <nav\n aria-label=\"pagination\"\n className={cn('mx-auto flex w-full justify-center', className)}\n role=\"navigation\"\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationContent\n * -------------------------------------------------------------------------- */\n\ntype PaginationContentElement = HTMLUListElement;\ntype PaginationContentProps = React.HTMLAttributes<HTMLUListElement>;\n\nconst PaginationContent = React.forwardRef<PaginationContentElement, PaginationContentProps>(\n ({ className, ...props }, forwardedRef) => (\n <ul ref={forwardedRef} className={cn('flex flex-row items-center gap-1', className)} {...props} />\n ),\n);\n\nPaginationContent.displayName = 'PaginationContent';\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationItem\n * -------------------------------------------------------------------------- */\n\ntype PaginationItemElement = HTMLLIElement;\ntype PaginationItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst PaginationItem = React.forwardRef<PaginationItemElement, PaginationItemProps>((props, forwardedRef) => (\n <li ref={forwardedRef} {...props} />\n));\n\nPaginationItem.displayName = 'PaginationItem';\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationLink\n * -------------------------------------------------------------------------- */\n\ninterface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Pick<ButtonVariantsProps, 'size'> {\n isActive?: boolean;\n}\n\nfunction PaginationLink({\n className,\n isActive,\n size = 'icon',\n children,\n ...props\n}: PaginationLinkProps): React.JSX.Element {\n return (\n <a\n aria-current={isActive ? 'page' : undefined}\n className={buttonVariants({\n variant: isActive ? 'outline' : 'ghost',\n size,\n className,\n })}\n {...props}\n >\n {children}\n </a>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationPrevious\n * -------------------------------------------------------------------------- */\n\ntype PaginationPreviousProps = PaginationLinkProps;\n\nfunction PaginationPrevious({ className, ...props }: PaginationPreviousProps): React.JSX.Element {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n className={cn('gap-1 pl-2.5', className)}\n size=\"default\"\n {...props}\n >\n <ChevronLeftIcon className=\"size-4\" />\n <span>Previous</span>\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationNext\n * -------------------------------------------------------------------------- */\n\ntype PaginationNextProps = PaginationLinkProps;\n\nfunction PaginationNext({ className, ...props }: PaginationNextProps): React.JSX.Element {\n return (\n <PaginationLink aria-label=\"Go to next page\" className={cn('gap-1 pr-2.5', className)} size=\"default\" {...props}>\n <span>Next</span>\n <ChevronRightIcon className=\"size-4\" />\n </PaginationLink>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: PaginationEllipsis\n * -------------------------------------------------------------------------- */\n\ntype PaginationEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps): React.JSX.Element {\n return (\n <span aria-hidden className={cn('flex size-10 items-center justify-center', className)} {...props}>\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis,\n type PaginationProps,\n type PaginationContentProps,\n type PaginationLinkProps,\n type PaginationItemProps,\n type PaginationPreviousProps,\n type PaginationNextProps,\n type PaginationEllipsisProps,\n};\n"],"mappings":"+GAAA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,EAAiB,oBAAAC,EAAkB,sBAAAC,MAA0B,wBAYlE,cAAAC,EA2EA,QAAAC,MA3EA,oBAFJ,SAASC,EAAW,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAuC,CAC/E,OACEJ,EAAC,OACC,aAAW,aACX,UAAWK,EAAG,qCAAsCF,CAAS,EAC7D,KAAK,aACJ,GAAGC,EACN,CAEJ,CASA,IAAME,EAA0B,aAC9B,CAAC,CAAE,UAAAH,EAAW,GAAGC,CAAM,EAAGG,IACxBP,EAAC,MAAG,IAAKO,EAAc,UAAWF,EAAG,mCAAoCF,CAAS,EAAI,GAAGC,EAAO,CAEpG,EAEAE,EAAkB,YAAc,oBAShC,IAAME,EAAuB,aAAuD,CAACJ,EAAOG,IAC1FP,EAAC,MAAG,IAAKO,EAAe,GAAGH,EAAO,CACnC,EAEDI,EAAe,YAAc,iBAU7B,SAASC,EAAe,CACtB,UAAAN,EACA,SAAAO,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,GAAGR,CACL,EAA2C,CACzC,OACEJ,EAAC,KACC,eAAcU,EAAW,OAAS,OAClC,UAAWG,EAAe,CACxB,QAASH,EAAW,UAAY,QAChC,KAAAC,EACA,UAAAR,CACF,CAAC,EACA,GAAGC,EAEH,SAAAQ,EACH,CAEJ,CAQA,SAASE,EAAmB,CAAE,UAAAX,EAAW,GAAGC,CAAM,EAA+C,CAC/F,OACEH,EAACQ,EAAA,CACC,aAAW,sBACX,UAAWJ,EAAG,eAAgBF,CAAS,EACvC,KAAK,UACJ,GAAGC,EAEJ,UAAAJ,EAACe,EAAA,CAAgB,UAAU,SAAS,EACpCf,EAAC,QAAK,oBAAQ,GAChB,CAEJ,CAQA,SAASgB,EAAe,CAAE,UAAAb,EAAW,GAAGC,CAAM,EAA2C,CACvF,OACEH,EAACQ,EAAA,CAAe,aAAW,kBAAkB,UAAWJ,EAAG,eAAgBF,CAAS,EAAG,KAAK,UAAW,GAAGC,EACxG,UAAAJ,EAAC,QAAK,gBAAI,EACVA,EAACiB,EAAA,CAAiB,UAAU,SAAS,GACvC,CAEJ,CAQA,SAASC,EAAmB,CAAE,UAAAf,EAAW,GAAGC,CAAM,EAA+C,CAC/F,OACEH,EAAC,QAAK,cAAW,GAAC,UAAWI,EAAG,2CAA4CF,CAAS,EAAI,GAAGC,EAC1F,UAAAJ,EAACmB,EAAA,CAAmB,UAAU,SAAS,EACvCnB,EAAC,QAAK,UAAU,UAAU,sBAAU,GACtC,CAEJ","names":["React","ChevronLeftIcon","ChevronRightIcon","DotsHorizontalIcon","jsx","jsxs","Pagination","className","props","cn","PaginationContent","forwardedRef","PaginationItem","PaginationLink","isActive","size","children","buttonVariants","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","DotsHorizontalIcon"]}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkBASRQOAAcjs = require('../chunk-BASRQOAA.cjs');require('../chunk-VJSYNP4O.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _reactdialog = require('@radix-ui/react-dialog'); var e = _interopRequireWildcard(_reactdialog);var _reacticons = require('@radix-ui/react-icons');var _tailwindvariants = require('tailwind-variants');var _jsxruntime = require('react/jsx-runtime');var g=e.Root,x= exports.SheetTrigger =e.Trigger,c=_tailwindvariants.tv.call(void 0, {base:"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg",variants:{side:{top:"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b",bottom:"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t",left:"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"}},defaultVariants:{side:"right"}}),f= exports.SheetContent =r.forwardRef(({children:t,side:o="right",className:a,...n},p)=>_jsxruntime.jsxs.call(void 0, e.Portal,{children:[_jsxruntime.jsx.call(void 0, e.Overlay,{className:"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),_jsxruntime.jsxs.call(void 0, e.Content,{ref:p,className:c({side:o,className:a}),...n,children:[t,_jsxruntime.jsxs.call(void 0, e.Close,{className:"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none",children:[_jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close"})]})]})]}));f.displayName=e.Content.displayName;function T({className:t,...o}){return _jsxruntime.jsx.call(void 0, "header",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...o})}function N({className:t,...o}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "px-6 py-2",t),...o})}function S({className:t,...o}){return _jsxruntime.jsx.call(void 0, "footer",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),...o})}S.displayName="SheetFooter";var P=r.forwardRef(({className:t,...o},a)=>_jsxruntime.jsx.call(void 0, e.Title,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-foreground text-lg font-semibold",t),...o}));P.displayName=e.Title.displayName;var y=r.forwardRef(({className:t,...o},a)=>_jsxruntime.jsx.call(void 0, e.Description,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-muted-foreground text-sm",t),...o}));y.displayName=e.Description.displayName;var u=r.forwardRef(({className:t,size:o,variant:a="outline",...n},p)=>_jsxruntime.jsx.call(void 0, e.Close,{ref:p,className:_chunkBASRQOAAcjs.a.call(void 0, {variant:a,size:o,className:t}),...n}));u.displayName=e.Close.displayName;exports.Sheet = g; exports.SheetBody = N; exports.SheetClose = u; exports.SheetContent = f; exports.SheetDescription = y; exports.SheetFooter = S; exports.SheetHeader = T; exports.SheetTitle = P; exports.SheetTrigger = x;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkYIBPK6E7cjs = require('../chunk-YIBPK6E7.cjs');require('../chunk-VJSYNP4O.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var s = _interopRequireWildcard(_react);var _reactdialog = require('@radix-ui/react-dialog'); var e = _interopRequireWildcard(_reactdialog);var _reacticons = require('@radix-ui/react-icons');var _tailwindvariants = require('tailwind-variants');var _jsxruntime = require('react/jsx-runtime');var x=e.Root,b= exports.SheetTrigger =e.Trigger,S=_tailwindvariants.tv.call(void 0, {base:"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg",variants:{side:{top:"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b",bottom:"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t",left:"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"}},defaultVariants:{side:"right"}}),c= exports.SheetContent =s.forwardRef(({children:t,side:o="right",className:a,...n},p)=>_jsxruntime.jsxs.call(void 0, e.Portal,{children:[_jsxruntime.jsx.call(void 0, e.Overlay,{className:"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),_jsxruntime.jsxs.call(void 0, e.Content,{ref:p,className:S({side:o,className:a}),...n,children:[t,_jsxruntime.jsxs.call(void 0, e.Close,{className:_chunkYIBPK6E7cjs.a.call(void 0, {size:"icon-2xs",variant:"ghost",className:"absolute right-4 top-4"}),children:[_jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=e.Content.displayName;function N({className:t,...o}){return _jsxruntime.jsx.call(void 0, "header",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...o})}function T({className:t,...o}){return _jsxruntime.jsx.call(void 0, "main",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "px-6 py-2",t),...o})}function f({className:t,...o}){return _jsxruntime.jsx.call(void 0, "footer",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),...o})}f.displayName="SheetFooter";var P=s.forwardRef(({className:t,...o},a)=>_jsxruntime.jsx.call(void 0, e.Title,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-foreground text-lg font-semibold",t),...o}));P.displayName=e.Title.displayName;var y=s.forwardRef(({className:t,...o},a)=>_jsxruntime.jsx.call(void 0, e.Description,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-muted-foreground text-sm",t),...o}));y.displayName=e.Description.displayName;var u=s.forwardRef(({className:t,size:o,variant:a="outline",...n},p)=>_jsxruntime.jsx.call(void 0, e.Close,{ref:p,className:_chunkYIBPK6E7cjs.a.call(void 0, {variant:a,size:o,className:t}),...n}));u.displayName=e.Close.displayName;exports.Sheet = x; exports.SheetBody = T; exports.SheetClose = u; exports.SheetContent = c; exports.SheetDescription = y; exports.SheetFooter = f; exports.SheetHeader = N; exports.SheetTitle = P; exports.SheetTrigger = b;
2
2
  //# sourceMappingURL=sheet.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/sheet.cjs","../../src/react/sheet.tsx"],"names":["Sheet","SheetTrigger","sheetContentVariants","tv","SheetContent","children","side","className","props","forwardedRef","jsxs","jsx","Cross2Icon","SheetHeader","cn","SheetBody","SheetFooter","SheetTitle","SheetDescription","SheetClose","size","variant","buttonVariants"],"mappings":"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","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/sheet.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { Cross2Icon } from '@radix-ui/react-icons';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\nimport { buttonVariants, type ButtonVariantsProps } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Variant: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst sheetContentVariants = tv({\n base: 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg',\n variants: {\n side: {\n top: 'data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b',\n bottom:\n 'data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t',\n left: 'data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n right:\n 'data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n },\n },\n defaultVariants: {\n side: 'right',\n },\n});\n\ntype SheetContentVariantsProps = VariantProps<typeof sheetContentVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetContentVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n ({ children, side = 'right', className, ...props }, forwardedRef) => (\n <SheetPrimitive.Portal>\n <SheetPrimitive.Overlay className=\"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80\" />\n <SheetPrimitive.Content ref={forwardedRef} className={sheetContentVariants({ side, className })} {...props}>\n {children}\n <SheetPrimitive.Close className=\"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none\">\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPrimitive.Portal>\n ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return (\n <header\n className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetBody\n * -------------------------------------------------------------------------- */\n\ntype SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetBody({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return <main className={cn('px-6 py-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {\n return (\n <footer\n className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n {...props}\n />\n );\n}\n\nSheetFooter.displayName = 'SheetFooter';\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, forwardedRef) => (\n <SheetPrimitive.Title\n ref={forwardedRef}\n className={cn('text-foreground text-lg font-semibold', className)}\n {...props}\n />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n ({ className, ...props }, forwardedRef) => (\n <SheetPrimitive.Description\n ref={forwardedRef}\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseElement = React.ElementRef<typeof SheetPrimitive.Close>;\n\ninterface SheetCloseProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close> {\n size?: ButtonVariantsProps['size'];\n variant?: ButtonVariantsProps['variant'];\n}\n\nconst SheetClose = React.forwardRef<SheetCloseElement, SheetCloseProps>(\n ({ className, size, variant = 'outline', ...props }, forwardedRef) => (\n <SheetPrimitive.Close ref={forwardedRef} className={buttonVariants({ variant, size, className })} {...props} />\n ),\n);\n\nSheetClose.displayName = SheetPrimitive.Close.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetBody,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n type SheetProps,\n type SheetTriggerProps,\n type SheetCloseProps,\n type SheetContentProps,\n type SheetHeaderProps,\n type SheetBodyProps,\n type SheetFooterProps,\n type SheetTitleProps,\n type SheetDescriptionProps,\n};\n"]}
1
+ {"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/sheet.cjs","../../src/react/sheet.tsx"],"names":["Sheet","SheetTrigger","sheetContentVariants","tv","SheetContent","children","side","className","props","forwardedRef","jsxs","jsx","buttonVariants","Cross2Icon","SheetHeader","cn","SheetBody","SheetFooter","SheetTitle","SheetDescription","SheetClose","size","variant"],"mappings":"AAAA,uWAAY,CAAC,yDAAyC,iCAA8B,yDAA0C,uECEvG,oGACS,mDACL,qDACW,+CAmDhC,IA1CAA,CAAAA,CAAuB,CAAA,CAAA,IAAA,CAOvBC,CAAAA,wBAA8B,CAAA,CAAA,OAAA,CAM9BC,CAAAA,CAAuBC,kCAAAA,CAC3B,IAAA,CAAM,iOAAA,CACN,QAAA,CAAU,CACR,IAAA,CAAM,CACJ,GAAA,CAAK,gHAAA,CACL,MAAA,CACE,yHAAA,CACF,IAAA,CAAM,+HAAA,CACN,KAAA,CACE,kIACJ,CACF,CAAA,CACA,eAAA,CAAiB,CACf,IAAA,CAAM,OACR,CACF,CAAC,CAAA,CAWKC,CAAAA,wBAAqB,CAAA,CAAA,UAAA,CACzB,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,IAAA,CAAAC,CAAAA,CAAO,OAAA,CAAS,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAClDC,8BAAAA,CAAgB,CAAA,MAAA,CAAf,CACC,QAAA,CAAA,CAAAC,6BAAAA,CAAgB,CAAA,OAAA,CAAf,CAAuB,SAAA,CAAU,uLAAA,CAAwL,CAAA,CAC1ND,8BAAAA,CAAgB,CAAA,OAAA,CAAf,CAAuB,GAAA,CAAKD,CAAAA,CAAc,SAAA,CAAWP,CAAAA,CAAqB,CAAE,IAAA,CAAAI,CAAAA,CAAM,SAAA,CAAAC,CAAU,CAAC,CAAA,CAAI,GAAGC,CAAAA,CAClG,QAAA,CAAA,CAAAH,CAAAA,CACDK,8BAAAA,CAAgB,CAAA,KAAA,CAAf,CACC,SAAA,CAAWE,iCAAAA,CAAiB,IAAA,CAAM,UAAA,CAAY,OAAA,CAAS,OAAA,CAAS,SAAA,CAAW,wBAAyB,CAAC,CAAA,CAErG,QAAA,CAAA,CAAAD,6BAAAA,sBAACE,CAAA,CAAW,SAAA,CAAU,QAAA,CAAS,CAAA,CAC/BF,6BAAAA,MAAC,CAAA,CAAK,SAAA,CAAU,SAAA,CAAU,QAAA,CAAA,OAAA,CAAK,CAAA,CAAA,CACjC,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAEJ,CAAA,CAEAP,CAAAA,CAAa,WAAA,CAA6B,CAAA,CAAA,OAAA,CAAQ,WAAA,CAQlD,SAASU,CAAAA,CAAY,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAwC,CACjF,OACEG,6BAAAA,QAAC,CAAA,CACC,SAAA,CAAWI,iCAAAA,wEAAG,CAA0ER,CAAS,CAAA,CAChG,GAAGC,CAAAA,CACN,CAEJ,CAQA,SAASQ,CAAAA,CAAU,CAAE,SAAA,CAAAT,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAwC,CAC/E,OAAOG,6BAAAA,MAAC,CAAA,CAAK,SAAA,CAAWI,iCAAAA,WAAG,CAAaR,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,CACjE,CAQA,SAASS,CAAAA,CAAY,CAAE,SAAA,CAAAV,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAwC,CACjF,OACEG,6BAAAA,QAAC,CAAA,CACC,SAAA,CAAWI,iCAAAA,gFAAG,CAAkFR,CAAS,CAAA,CACxG,GAAGC,CAAAA,CACN,CAEJ,CAEAS,CAAAA,CAAY,WAAA,CAAc,aAAA,CAS1B,IAAMC,CAAAA,CAAmB,CAAA,CAAA,UAAA,CAA+C,CAAC,CAAE,SAAA,CAAAX,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAChGE,6BAAAA,CAAgB,CAAA,KAAA,CAAf,CACC,GAAA,CAAKF,CAAAA,CACL,SAAA,CAAWM,iCAAAA,uCAAG,CAAyCR,CAAS,CAAA,CAC/D,GAAGC,CAAAA,CACN,CACD,CAAA,CAEDU,CAAAA,CAAW,WAAA,CAA6B,CAAA,CAAA,KAAA,CAAM,WAAA,CAS9C,IAAMC,CAAAA,CAAyB,CAAA,CAAA,UAAA,CAC7B,CAAC,CAAE,SAAA,CAAAZ,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACxBE,6BAAAA,CAAgB,CAAA,WAAA,CAAf,CACC,GAAA,CAAKF,CAAAA,CACL,SAAA,CAAWM,iCAAAA,+BAAG,CAAiCR,CAAS,CAAA,CACvD,GAAGC,CAAAA,CACN,CAEJ,CAAA,CAEAW,CAAAA,CAAiB,WAAA,CAA6B,CAAA,CAAA,WAAA,CAAY,WAAA,CAa1D,IAAMC,CAAAA,CAAmB,CAAA,CAAA,UAAA,CACvB,CAAC,CAAE,SAAA,CAAAb,CAAAA,CAAW,IAAA,CAAAc,CAAAA,CAAM,OAAA,CAAAC,CAAAA,CAAU,SAAA,CAAW,GAAGd,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACnDE,6BAAAA,CAAgB,CAAA,KAAA,CAAf,CAAqB,GAAA,CAAKF,CAAAA,CAAc,SAAA,CAAWG,iCAAAA,CAAiB,OAAA,CAAAU,CAAAA,CAAS,IAAA,CAAAD,CAAAA,CAAM,SAAA,CAAAd,CAAU,CAAC,CAAA,CAAI,GAAGC,CAAAA,CAAO,CAEjH,CAAA,CAEAY,CAAAA,CAAW,WAAA,CAA6B,CAAA,CAAA,KAAA,CAAM,WAAA,CAAA,6NAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/sheet.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { Cross2Icon } from '@radix-ui/react-icons';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\nimport { buttonVariants, type ButtonVariantsProps } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Variant: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst sheetContentVariants = tv({\n base: 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg',\n variants: {\n side: {\n top: 'data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b',\n bottom:\n 'data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t',\n left: 'data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n right:\n 'data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n },\n },\n defaultVariants: {\n side: 'right',\n },\n});\n\ntype SheetContentVariantsProps = VariantProps<typeof sheetContentVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetContentVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n ({ children, side = 'right', className, ...props }, forwardedRef) => (\n <SheetPrimitive.Portal>\n <SheetPrimitive.Overlay className=\"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80\" />\n <SheetPrimitive.Content ref={forwardedRef} className={sheetContentVariants({ side, className })} {...props}>\n {children}\n <SheetPrimitive.Close\n className={buttonVariants({ size: 'icon-2xs', variant: 'ghost', className: 'absolute right-4 top-4' })}\n >\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPrimitive.Portal>\n ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return (\n <header\n className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetBody\n * -------------------------------------------------------------------------- */\n\ntype SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetBody({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return <main className={cn('px-6 py-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {\n return (\n <footer\n className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n {...props}\n />\n );\n}\n\nSheetFooter.displayName = 'SheetFooter';\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, forwardedRef) => (\n <SheetPrimitive.Title\n ref={forwardedRef}\n className={cn('text-foreground text-lg font-semibold', className)}\n {...props}\n />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n ({ className, ...props }, forwardedRef) => (\n <SheetPrimitive.Description\n ref={forwardedRef}\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseElement = React.ElementRef<typeof SheetPrimitive.Close>;\n\ninterface SheetCloseProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close> {\n size?: ButtonVariantsProps['size'];\n variant?: ButtonVariantsProps['variant'];\n}\n\nconst SheetClose = React.forwardRef<SheetCloseElement, SheetCloseProps>(\n ({ className, size, variant = 'outline', ...props }, forwardedRef) => (\n <SheetPrimitive.Close ref={forwardedRef} className={buttonVariants({ variant, size, className })} {...props} />\n ),\n);\n\nSheetClose.displayName = SheetPrimitive.Close.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetBody,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n type SheetProps,\n type SheetTriggerProps,\n type SheetCloseProps,\n type SheetContentProps,\n type SheetHeaderProps,\n type SheetBodyProps,\n type SheetFooterProps,\n type SheetTitleProps,\n type SheetDescriptionProps,\n};\n"]}
@@ -1,2 +1,2 @@
1
- "use client";import{a as m}from"../chunk-U62JBFEF.js";import"../chunk-JK5GPYFN.js";import{a as s}from"../chunk-VRBUDJBH.js";import*as r from"react";import*as e from"@radix-ui/react-dialog";import{Cross2Icon as h}from"@radix-ui/react-icons";import{tv as d}from"tailwind-variants";import{jsx as i,jsxs as l}from"react/jsx-runtime";var g=e.Root,x=e.Trigger,c=d({base:"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg",variants:{side:{top:"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b",bottom:"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t",left:"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"}},defaultVariants:{side:"right"}}),f=r.forwardRef(({children:t,side:o="right",className:a,...n},p)=>l(e.Portal,{children:[i(e.Overlay,{className:"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),l(e.Content,{ref:p,className:c({side:o,className:a}),...n,children:[t,l(e.Close,{className:"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none",children:[i(h,{className:"size-4"}),i("span",{className:"sr-only",children:"Close"})]})]})]}));f.displayName=e.Content.displayName;function T({className:t,...o}){return i("header",{className:s("flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...o})}function N({className:t,...o}){return i("main",{className:s("px-6 py-2",t),...o})}function S({className:t,...o}){return i("footer",{className:s("flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),...o})}S.displayName="SheetFooter";var P=r.forwardRef(({className:t,...o},a)=>i(e.Title,{ref:a,className:s("text-foreground text-lg font-semibold",t),...o}));P.displayName=e.Title.displayName;var y=r.forwardRef(({className:t,...o},a)=>i(e.Description,{ref:a,className:s("text-muted-foreground text-sm",t),...o}));y.displayName=e.Description.displayName;var u=r.forwardRef(({className:t,size:o,variant:a="outline",...n},p)=>i(e.Close,{ref:p,className:m({variant:a,size:o,className:t}),...n}));u.displayName=e.Close.displayName;export{g as Sheet,N as SheetBody,u as SheetClose,f as SheetContent,y as SheetDescription,S as SheetFooter,T as SheetHeader,P as SheetTitle,x as SheetTrigger};
1
+ "use client";import{a as m}from"../chunk-VEXIU3VB.js";import"../chunk-JK5GPYFN.js";import{a as r}from"../chunk-VRBUDJBH.js";import*as s from"react";import*as e from"@radix-ui/react-dialog";import{Cross2Icon as h}from"@radix-ui/react-icons";import{tv as d}from"tailwind-variants";import{jsx as i,jsxs as l}from"react/jsx-runtime";var x=e.Root,b=e.Trigger,S=d({base:"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg",variants:{side:{top:"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b",bottom:"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t",left:"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",right:"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"}},defaultVariants:{side:"right"}}),c=s.forwardRef(({children:t,side:o="right",className:a,...n},p)=>l(e.Portal,{children:[i(e.Overlay,{className:"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80"}),l(e.Content,{ref:p,className:S({side:o,className:a}),...n,children:[t,l(e.Close,{className:m({size:"icon-2xs",variant:"ghost",className:"absolute right-4 top-4"}),children:[i(h,{className:"size-4"}),i("span",{className:"sr-only",children:"Close"})]})]})]}));c.displayName=e.Content.displayName;function N({className:t,...o}){return i("header",{className:r("flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left",t),...o})}function T({className:t,...o}){return i("main",{className:r("px-6 py-2",t),...o})}function f({className:t,...o}){return i("footer",{className:r("flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end",t),...o})}f.displayName="SheetFooter";var P=s.forwardRef(({className:t,...o},a)=>i(e.Title,{ref:a,className:r("text-foreground text-lg font-semibold",t),...o}));P.displayName=e.Title.displayName;var y=s.forwardRef(({className:t,...o},a)=>i(e.Description,{ref:a,className:r("text-muted-foreground text-sm",t),...o}));y.displayName=e.Description.displayName;var u=s.forwardRef(({className:t,size:o,variant:a="outline",...n},p)=>i(e.Close,{ref:p,className:m({variant:a,size:o,className:t}),...n}));u.displayName=e.Close.displayName;export{x as Sheet,T as SheetBody,u as SheetClose,c as SheetContent,y as SheetDescription,f as SheetFooter,N as SheetHeader,P as SheetTitle,b as SheetTrigger};
2
2
  //# sourceMappingURL=sheet.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/react/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { Cross2Icon } from '@radix-ui/react-icons';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\nimport { buttonVariants, type ButtonVariantsProps } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Variant: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst sheetContentVariants = tv({\n base: 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg',\n variants: {\n side: {\n top: 'data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b',\n bottom:\n 'data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t',\n left: 'data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n right:\n 'data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n },\n },\n defaultVariants: {\n side: 'right',\n },\n});\n\ntype SheetContentVariantsProps = VariantProps<typeof sheetContentVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetContentVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n ({ children, side = 'right', className, ...props }, forwardedRef) => (\n <SheetPrimitive.Portal>\n <SheetPrimitive.Overlay className=\"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80\" />\n <SheetPrimitive.Content ref={forwardedRef} className={sheetContentVariants({ side, className })} {...props}>\n {children}\n <SheetPrimitive.Close className=\"data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm p-1 opacity-70 transition hover:opacity-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:pointer-events-none\">\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPrimitive.Portal>\n ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return (\n <header\n className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetBody\n * -------------------------------------------------------------------------- */\n\ntype SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetBody({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return <main className={cn('px-6 py-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {\n return (\n <footer\n className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n {...props}\n />\n );\n}\n\nSheetFooter.displayName = 'SheetFooter';\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, forwardedRef) => (\n <SheetPrimitive.Title\n ref={forwardedRef}\n className={cn('text-foreground text-lg font-semibold', className)}\n {...props}\n />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n ({ className, ...props }, forwardedRef) => (\n <SheetPrimitive.Description\n ref={forwardedRef}\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseElement = React.ElementRef<typeof SheetPrimitive.Close>;\n\ninterface SheetCloseProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close> {\n size?: ButtonVariantsProps['size'];\n variant?: ButtonVariantsProps['variant'];\n}\n\nconst SheetClose = React.forwardRef<SheetCloseElement, SheetCloseProps>(\n ({ className, size, variant = 'outline', ...props }, forwardedRef) => (\n <SheetPrimitive.Close ref={forwardedRef} className={buttonVariants({ variant, size, className })} {...props} />\n ),\n);\n\nSheetClose.displayName = SheetPrimitive.Close.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetBody,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n type SheetProps,\n type SheetTriggerProps,\n type SheetCloseProps,\n type SheetContentProps,\n type SheetHeaderProps,\n type SheetBodyProps,\n type SheetFooterProps,\n type SheetTitleProps,\n type SheetDescriptionProps,\n};\n"],"mappings":"4HAEA,UAAYA,MAAW,QACvB,UAAYC,MAAoB,yBAChC,OAAS,cAAAC,MAAkB,wBAC3B,OAAS,MAAAC,MAA6B,oBAmDhC,cAAAC,EAGE,QAAAC,MAHF,oBA1CN,IAAMC,EAAuB,OAOvBC,EAA8B,UAM9BC,EAAuBC,EAAG,CAC9B,KAAM,kOACN,SAAU,CACR,KAAM,CACJ,IAAK,iHACL,OACE,0HACF,KAAM,gIACN,MACE,kIACJ,CACF,EACA,gBAAiB,CACf,KAAM,OACR,CACF,CAAC,EAWKC,EAAqB,aACzB,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAO,QAAS,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClDV,EAAgB,SAAf,CACC,UAAAD,EAAgB,UAAf,CAAuB,UAAU,wLAAwL,EAC1NC,EAAgB,UAAf,CAAuB,IAAKU,EAAc,UAAWP,EAAqB,CAAE,KAAAI,EAAM,UAAAC,CAAU,CAAC,EAAI,GAAGC,EAClG,UAAAH,EACDN,EAAgB,QAAf,CAAqB,UAAU,yNAC9B,UAAAD,EAACY,EAAA,CAAW,UAAU,SAAS,EAC/BZ,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,EAEAM,EAAa,YAA6B,UAAQ,YAQlD,SAASO,EAAY,CAAE,UAAAJ,EAAW,GAAGC,CAAM,EAAwC,CACjF,OACEV,EAAC,UACC,UAAWc,EAAG,yEAA0EL,CAAS,EAChG,GAAGC,EACN,CAEJ,CAQA,SAASK,EAAU,CAAE,UAAAN,EAAW,GAAGC,CAAM,EAAwC,CAC/E,OAAOV,EAAC,QAAK,UAAWc,EAAG,YAAaL,CAAS,EAAI,GAAGC,EAAO,CACjE,CAQA,SAASM,EAAY,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAwC,CACjF,OACEV,EAAC,UACC,UAAWc,EAAG,iFAAkFL,CAAS,EACxG,GAAGC,EACN,CAEJ,CAEAM,EAAY,YAAc,cAS1B,IAAMC,EAAmB,aAA+C,CAAC,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAGC,IAChGX,EAAgB,QAAf,CACC,IAAKW,EACL,UAAWG,EAAG,wCAAyCL,CAAS,EAC/D,GAAGC,EACN,CACD,EAEDO,EAAW,YAA6B,QAAM,YAS9C,IAAMC,EAAyB,aAC7B,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IACxBX,EAAgB,cAAf,CACC,IAAKW,EACL,UAAWG,EAAG,gCAAiCL,CAAS,EACvD,GAAGC,EACN,CAEJ,EAEAQ,EAAiB,YAA6B,cAAY,YAa1D,IAAMC,EAAmB,aACvB,CAAC,CAAE,UAAAV,EAAW,KAAAW,EAAM,QAAAC,EAAU,UAAW,GAAGX,CAAM,EAAGC,IACnDX,EAAgB,QAAf,CAAqB,IAAKW,EAAc,UAAWW,EAAe,CAAE,QAAAD,EAAS,KAAAD,EAAM,UAAAX,CAAU,CAAC,EAAI,GAAGC,EAAO,CAEjH,EAEAS,EAAW,YAA6B,QAAM","names":["React","SheetPrimitive","Cross2Icon","tv","jsx","jsxs","Sheet","SheetTrigger","sheetContentVariants","tv","SheetContent","children","side","className","props","forwardedRef","Cross2Icon","SheetHeader","cn","SheetBody","SheetFooter","SheetTitle","SheetDescription","SheetClose","size","variant","buttonVariants"]}
1
+ {"version":3,"sources":["../../src/react/sheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SheetPrimitive from '@radix-ui/react-dialog';\nimport { Cross2Icon } from '@radix-ui/react-icons';\nimport { tv, type VariantProps } from 'tailwind-variants';\nimport { cn } from '@/lib/utils';\nimport { buttonVariants, type ButtonVariantsProps } from '@/react/button';\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\ntype SheetProps = React.ComponentProps<typeof SheetPrimitive.Root>;\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\ntype SheetTriggerProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Trigger>;\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Variant: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst sheetContentVariants = tv({\n base: 'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 animate-ease-in-out fixed z-50 flex flex-col overflow-auto shadow-lg',\n variants: {\n side: {\n top: 'data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 max-h-screen border-b',\n bottom:\n 'data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 max-h-screen border-t',\n left: 'data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n right:\n 'data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n },\n },\n defaultVariants: {\n side: 'right',\n },\n});\n\ntype SheetContentVariantsProps = VariantProps<typeof sheetContentVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\ntype SheetContentElement = React.ElementRef<typeof SheetPrimitive.Content>;\ntype SheetContentProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content> & SheetContentVariantsProps;\n\nconst SheetContent = React.forwardRef<SheetContentElement, SheetContentProps>(\n ({ children, side = 'right', className, ...props }, forwardedRef) => (\n <SheetPrimitive.Portal>\n <SheetPrimitive.Overlay className=\"data-[state=closed]:animate-duration-300 data-[state=open]:animate-duration-500 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out fixed inset-0 z-50 bg-black/80\" />\n <SheetPrimitive.Content ref={forwardedRef} className={sheetContentVariants({ side, className })} {...props}>\n {children}\n <SheetPrimitive.Close\n className={buttonVariants({ size: 'icon-2xs', variant: 'ghost', className: 'absolute right-4 top-4' })}\n >\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPrimitive.Portal>\n ),\n);\n\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\ntype SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetHeader({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return (\n <header\n className={cn('flex shrink-0 flex-col gap-1.5 px-6 pb-4 pt-6 text-center sm:text-left', className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetBody\n * -------------------------------------------------------------------------- */\n\ntype SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetBody({ className, ...props }: SheetHeaderProps): React.JSX.Element {\n return <main className={cn('px-6 py-2', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\ntype SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction SheetFooter({ className, ...props }: SheetFooterProps): React.JSX.Element {\n return (\n <footer\n className={cn('flex shrink-0 flex-col-reverse gap-2 px-6 pb-6 pt-4 sm:flex-row sm:justify-end', className)}\n {...props}\n />\n );\n}\n\nSheetFooter.displayName = 'SheetFooter';\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\ntype SheetTitleElement = React.ElementRef<typeof SheetPrimitive.Title>;\ntype SheetTitleProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>;\n\nconst SheetTitle = React.forwardRef<SheetTitleElement, SheetTitleProps>(({ className, ...props }, forwardedRef) => (\n <SheetPrimitive.Title\n ref={forwardedRef}\n className={cn('text-foreground text-lg font-semibold', className)}\n {...props}\n />\n));\n\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\ntype SheetDescriptionElement = React.ElementRef<typeof SheetPrimitive.Description>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>;\n\nconst SheetDescription = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n ({ className, ...props }, forwardedRef) => (\n <SheetPrimitive.Description\n ref={forwardedRef}\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n ),\n);\n\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\ntype SheetCloseElement = React.ElementRef<typeof SheetPrimitive.Close>;\n\ninterface SheetCloseProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Close> {\n size?: ButtonVariantsProps['size'];\n variant?: ButtonVariantsProps['variant'];\n}\n\nconst SheetClose = React.forwardRef<SheetCloseElement, SheetCloseProps>(\n ({ className, size, variant = 'outline', ...props }, forwardedRef) => (\n <SheetPrimitive.Close ref={forwardedRef} className={buttonVariants({ variant, size, className })} {...props} />\n ),\n);\n\nSheetClose.displayName = SheetPrimitive.Close.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetBody,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n type SheetProps,\n type SheetTriggerProps,\n type SheetCloseProps,\n type SheetContentProps,\n type SheetHeaderProps,\n type SheetBodyProps,\n type SheetFooterProps,\n type SheetTitleProps,\n type SheetDescriptionProps,\n};\n"],"mappings":"4HAEA,UAAYA,MAAW,QACvB,UAAYC,MAAoB,yBAChC,OAAS,cAAAC,MAAkB,wBAC3B,OAAS,MAAAC,MAA6B,oBAmDhC,cAAAC,EAGE,QAAAC,MAHF,oBA1CN,IAAMC,EAAuB,OAOvBC,EAA8B,UAM9BC,EAAuBC,EAAG,CAC9B,KAAM,kOACN,SAAU,CACR,KAAM,CACJ,IAAK,iHACL,OACE,0HACF,KAAM,gIACN,MACE,kIACJ,CACF,EACA,gBAAiB,CACf,KAAM,OACR,CACF,CAAC,EAWKC,EAAqB,aACzB,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAO,QAAS,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAClDV,EAAgB,SAAf,CACC,UAAAD,EAAgB,UAAf,CAAuB,UAAU,wLAAwL,EAC1NC,EAAgB,UAAf,CAAuB,IAAKU,EAAc,UAAWP,EAAqB,CAAE,KAAAI,EAAM,UAAAC,CAAU,CAAC,EAAI,GAAGC,EAClG,UAAAH,EACDN,EAAgB,QAAf,CACC,UAAWW,EAAe,CAAE,KAAM,WAAY,QAAS,QAAS,UAAW,wBAAyB,CAAC,EAErG,UAAAZ,EAACa,EAAA,CAAW,UAAU,SAAS,EAC/Bb,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CAEJ,EAEAM,EAAa,YAA6B,UAAQ,YAQlD,SAASQ,EAAY,CAAE,UAAAL,EAAW,GAAGC,CAAM,EAAwC,CACjF,OACEV,EAAC,UACC,UAAWe,EAAG,yEAA0EN,CAAS,EAChG,GAAGC,EACN,CAEJ,CAQA,SAASM,EAAU,CAAE,UAAAP,EAAW,GAAGC,CAAM,EAAwC,CAC/E,OAAOV,EAAC,QAAK,UAAWe,EAAG,YAAaN,CAAS,EAAI,GAAGC,EAAO,CACjE,CAQA,SAASO,EAAY,CAAE,UAAAR,EAAW,GAAGC,CAAM,EAAwC,CACjF,OACEV,EAAC,UACC,UAAWe,EAAG,iFAAkFN,CAAS,EACxG,GAAGC,EACN,CAEJ,CAEAO,EAAY,YAAc,cAS1B,IAAMC,EAAmB,aAA+C,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IAChGX,EAAgB,QAAf,CACC,IAAKW,EACL,UAAWI,EAAG,wCAAyCN,CAAS,EAC/D,GAAGC,EACN,CACD,EAEDQ,EAAW,YAA6B,QAAM,YAS9C,IAAMC,EAAyB,aAC7B,CAAC,CAAE,UAAAV,EAAW,GAAGC,CAAM,EAAGC,IACxBX,EAAgB,cAAf,CACC,IAAKW,EACL,UAAWI,EAAG,gCAAiCN,CAAS,EACvD,GAAGC,EACN,CAEJ,EAEAS,EAAiB,YAA6B,cAAY,YAa1D,IAAMC,EAAmB,aACvB,CAAC,CAAE,UAAAX,EAAW,KAAAY,EAAM,QAAAC,EAAU,UAAW,GAAGZ,CAAM,EAAGC,IACnDX,EAAgB,QAAf,CAAqB,IAAKW,EAAc,UAAWC,EAAe,CAAE,QAAAU,EAAS,KAAAD,EAAM,UAAAZ,CAAU,CAAC,EAAI,GAAGC,EAAO,CAEjH,EAEAU,EAAW,YAA6B,QAAM","names":["React","SheetPrimitive","Cross2Icon","tv","jsx","jsxs","Sheet","SheetTrigger","sheetContentVariants","tv","SheetContent","children","side","className","props","forwardedRef","buttonVariants","Cross2Icon","SheetHeader","cn","SheetBody","SheetFooter","SheetTitle","SheetDescription","SheetClose","size","variant"]}