@me1a/ui 2.2.2 → 2.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{atoms/accordion.mjs → accordion/index.mjs} +2 -2
- package/dist/accordion/index.mjs.map +1 -0
- package/dist/{atoms/avatar.mjs → avatar/index.mjs} +2 -2
- package/dist/avatar/index.mjs.map +1 -0
- package/dist/{atoms/badge.d.mts → badge/index.d.mts} +9 -8
- package/dist/{atoms/badge.mjs → badge/index.mjs} +2 -2
- package/dist/{atoms/badge.mjs.map → badge/index.mjs.map} +1 -1
- package/dist/{atoms/box.mjs → box/index.mjs} +2 -2
- package/dist/box/index.mjs.map +1 -0
- package/dist/{atoms/breadcrumb.mjs → breadcrumb/index.mjs} +2 -2
- package/dist/breadcrumb/index.mjs.map +1 -0
- package/dist/{atoms/button.d.mts → button/index.d.mts} +2 -2
- package/dist/{atoms/button.mjs → button/index.mjs} +2 -2
- package/dist/button/index.mjs.map +1 -0
- package/dist/card/index.d.mts +127 -0
- package/dist/card/index.mjs +2 -0
- package/dist/card/index.mjs.map +1 -0
- package/dist/{atoms/checkbox.mjs → checkbox/index.mjs} +2 -2
- package/dist/checkbox/index.mjs.map +1 -0
- package/dist/{atoms/collapsible.mjs → collapsible/index.mjs} +2 -2
- package/dist/collapsible/index.mjs.map +1 -0
- package/dist/{atoms/command.mjs → command/index.mjs} +2 -2
- package/dist/command/index.mjs.map +1 -0
- package/dist/container/index.d.mts +33 -0
- package/dist/{atoms/container.mjs → container/index.mjs} +2 -2
- package/dist/container/index.mjs.map +1 -0
- package/dist/{atoms/dialog.mjs → dialog/index.mjs} +2 -2
- package/dist/dialog/index.mjs.map +1 -0
- package/dist/{organisms/drawer.mjs → drawer/index.mjs} +2 -2
- package/dist/drawer/index.mjs.map +1 -0
- package/dist/{organisms/dropdown-menu.d.mts → dropdown-menu/index.d.mts} +2 -2
- package/dist/{organisms/dropdown-menu.mjs → dropdown-menu/index.mjs} +2 -2
- package/dist/dropdown-menu/index.mjs.map +1 -0
- package/dist/{rhf/form.mjs → form/index.mjs} +2 -2
- package/dist/form/index.mjs.map +1 -0
- package/dist/{hooks.d.mts → hooks/index.d.mts} +2 -2
- package/dist/{hooks.mjs → hooks/index.mjs} +2 -2
- package/dist/{hooks.js.map → hooks/index.mjs.map} +1 -1
- package/dist/index.d.mts +159 -39
- package/dist/index.mjs +47 -2
- package/dist/index.mjs.map +1 -1
- package/dist/{atoms/input.mjs → input/index.mjs} +2 -2
- package/dist/{atoms/input.mjs.map → input/index.mjs.map} +1 -1
- package/dist/{atoms/label.d.mts → label/index.d.mts} +2 -2
- package/dist/{atoms/label.mjs → label/index.mjs} +2 -2
- package/dist/{atoms/label.mjs.map → label/index.mjs.map} +1 -1
- package/dist/{molecules/navigation-menu.d.mts → navigation-menu/index.d.mts} +21 -20
- package/dist/{molecules/navigation-menu.mjs → navigation-menu/index.mjs} +2 -2
- package/dist/navigation-menu/index.mjs.map +1 -0
- package/dist/{atoms/page-loader.d.mts → page-loader/index.d.mts} +2 -2
- package/dist/{atoms/page-loader.mjs → page-loader/index.mjs} +2 -2
- package/dist/page-loader/index.mjs.map +1 -0
- package/dist/{atoms/pagination.d.mts → pagination/index.d.mts} +2 -2
- package/dist/{atoms/pagination.mjs → pagination/index.mjs} +2 -2
- package/dist/pagination/index.mjs.map +1 -0
- package/dist/{atoms/popover.mjs → popover/index.mjs} +2 -2
- package/dist/popover/index.mjs.map +1 -0
- package/dist/{atoms/radio-group.d.mts → radio-group/index.d.mts} +2 -2
- package/dist/{atoms/radio-group.mjs → radio-group/index.mjs} +2 -2
- package/dist/radio-group/index.mjs.map +1 -0
- package/dist/{atoms/resizable.mjs → resizable/index.mjs} +2 -2
- package/dist/resizable/index.mjs.map +1 -0
- package/dist/{rhf/rhf-checkbox.mjs → rhf-checkbox/index.mjs} +2 -2
- package/dist/rhf-checkbox/index.mjs.map +1 -0
- package/dist/{rhf/rhf-multi-select.mjs → rhf-multi-select/index.mjs} +2 -2
- package/dist/rhf-multi-select/index.mjs.map +1 -0
- package/dist/{rhf/rhf-radio-button-group.mjs → rhf-radio-button-group/index.mjs} +2 -2
- package/dist/rhf-radio-button-group/index.mjs.map +1 -0
- package/dist/{rhf/rhf-radio-group.mjs → rhf-radio-group/index.mjs} +2 -2
- package/dist/rhf-radio-group/index.mjs.map +1 -0
- package/dist/{rhf/rhf-select.mjs → rhf-select/index.mjs} +2 -2
- package/dist/rhf-select/index.mjs.map +1 -0
- package/dist/{rhf/rhf-switch.mjs → rhf-switch/index.mjs} +2 -2
- package/dist/rhf-switch/index.mjs.map +1 -0
- package/dist/{rhf/rhf-textarea.mjs → rhf-textarea/index.mjs} +2 -2
- package/dist/rhf-textarea/index.mjs.map +1 -0
- package/dist/{atoms/separator.mjs → separator/index.mjs} +2 -2
- package/dist/separator/index.mjs.map +1 -0
- package/dist/{atoms/sheet.d.mts → sheet/index.d.mts} +2 -2
- package/dist/{atoms/sheet.mjs → sheet/index.mjs} +2 -2
- package/dist/{atoms/sheet.mjs.map → sheet/index.mjs.map} +1 -1
- package/dist/{organisms/sidebar.d.mts → sidebar/index.d.mts} +4 -4
- package/dist/{organisms/sidebar.mjs → sidebar/index.mjs} +2 -2
- package/dist/sidebar/index.mjs.map +1 -0
- package/dist/skeleton/index.d.mts +17 -0
- package/dist/skeleton/index.mjs +2 -0
- package/dist/skeleton/index.mjs.map +1 -0
- package/dist/{atoms/stack.mjs → stack/index.mjs} +2 -2
- package/dist/{atoms/stack.mjs.map → stack/index.mjs.map} +1 -1
- package/dist/{atoms/switch.mjs → switch/index.mjs} +2 -2
- package/dist/switch/index.mjs.map +1 -0
- package/dist/{atoms/table.mjs → table/index.mjs} +2 -2
- package/dist/{atoms/table.mjs.map → table/index.mjs.map} +1 -1
- package/dist/tabs/index.d.mts +97 -0
- package/dist/tabs/index.mjs +2 -0
- package/dist/tabs/index.mjs.map +1 -0
- package/dist/{atoms/text-field.d.mts → text-field/index.d.mts} +2 -2
- package/dist/{atoms/text-field.mjs → text-field/index.mjs} +2 -2
- package/dist/text-field/index.mjs.map +1 -0
- package/dist/textarea/index.d.mts +24 -0
- package/dist/{atoms/textarea.mjs → textarea/index.mjs} +2 -2
- package/dist/textarea/index.mjs.map +1 -0
- package/dist/{atoms/toast.d.mts → toast/index.d.mts} +2 -2
- package/dist/{atoms/toast.mjs → toast/index.mjs} +2 -2
- package/dist/{atoms/toast.mjs.map → toast/index.mjs.map} +1 -1
- package/dist/{atoms/toaster.mjs → toaster/index.mjs} +2 -2
- package/dist/toaster/index.mjs.map +1 -0
- package/dist/{atoms/tooltip.mjs → tooltip/index.mjs} +2 -2
- package/dist/tooltip/index.mjs.map +1 -0
- package/dist/types/index.d.mts +2 -0
- package/dist/types/index.mjs +2 -0
- package/dist/types/index.mjs.map +1 -0
- package/dist/{atoms/typography.d.mts → typography/index.d.mts} +2 -2
- package/dist/{atoms/typography.mjs → typography/index.mjs} +2 -2
- package/dist/typography/index.mjs.map +1 -0
- package/dist/utils/index.d.mts +5 -0
- package/dist/{utils.mjs → utils/index.mjs} +2 -2
- package/dist/utils/index.mjs.map +1 -0
- package/package.json +197 -257
- package/dist/atoms/accordion.d.ts +0 -94
- package/dist/atoms/accordion.js +0 -2
- package/dist/atoms/accordion.js.map +0 -1
- package/dist/atoms/accordion.mjs.map +0 -1
- package/dist/atoms/avatar.d.ts +0 -34
- package/dist/atoms/avatar.js +0 -2
- package/dist/atoms/avatar.js.map +0 -1
- package/dist/atoms/avatar.mjs.map +0 -1
- package/dist/atoms/badge.d.ts +0 -40
- package/dist/atoms/badge.js +0 -2
- package/dist/atoms/badge.js.map +0 -1
- package/dist/atoms/box.d.ts +0 -50
- package/dist/atoms/box.js +0 -2
- package/dist/atoms/box.js.map +0 -1
- package/dist/atoms/box.mjs.map +0 -1
- package/dist/atoms/breadcrumb.d.ts +0 -35
- package/dist/atoms/breadcrumb.js +0 -2
- package/dist/atoms/breadcrumb.js.map +0 -1
- package/dist/atoms/breadcrumb.mjs.map +0 -1
- package/dist/atoms/button.d.ts +0 -82
- package/dist/atoms/button.js +0 -2
- package/dist/atoms/button.js.map +0 -1
- package/dist/atoms/button.mjs.map +0 -1
- package/dist/atoms/checkbox.d.ts +0 -21
- package/dist/atoms/checkbox.js +0 -2
- package/dist/atoms/checkbox.js.map +0 -1
- package/dist/atoms/checkbox.mjs.map +0 -1
- package/dist/atoms/collapsible.d.ts +0 -26
- package/dist/atoms/collapsible.js +0 -2
- package/dist/atoms/collapsible.js.map +0 -1
- package/dist/atoms/collapsible.mjs.map +0 -1
- package/dist/atoms/command.d.ts +0 -122
- package/dist/atoms/command.js +0 -2
- package/dist/atoms/command.js.map +0 -1
- package/dist/atoms/command.mjs.map +0 -1
- package/dist/atoms/container.js +0 -2
- package/dist/atoms/container.js.map +0 -1
- package/dist/atoms/container.mjs.map +0 -1
- package/dist/atoms/dialog.d.ts +0 -35
- package/dist/atoms/dialog.js +0 -2
- package/dist/atoms/dialog.js.map +0 -1
- package/dist/atoms/dialog.mjs.map +0 -1
- package/dist/atoms/input.d.ts +0 -12
- package/dist/atoms/input.js +0 -2
- package/dist/atoms/input.js.map +0 -1
- package/dist/atoms/label.d.ts +0 -18
- package/dist/atoms/label.js +0 -2
- package/dist/atoms/label.js.map +0 -1
- package/dist/atoms/page-loader.d.ts +0 -29
- package/dist/atoms/page-loader.js +0 -2
- package/dist/atoms/page-loader.js.map +0 -1
- package/dist/atoms/page-loader.mjs.map +0 -1
- package/dist/atoms/pagination.d.ts +0 -105
- package/dist/atoms/pagination.js +0 -2
- package/dist/atoms/pagination.js.map +0 -1
- package/dist/atoms/pagination.mjs.map +0 -1
- package/dist/atoms/popover.d.ts +0 -30
- package/dist/atoms/popover.js +0 -2
- package/dist/atoms/popover.js.map +0 -1
- package/dist/atoms/popover.mjs.map +0 -1
- package/dist/atoms/radio-group.d.ts +0 -62
- package/dist/atoms/radio-group.js +0 -2
- package/dist/atoms/radio-group.js.map +0 -1
- package/dist/atoms/radio-group.mjs.map +0 -1
- package/dist/atoms/resizable.d.ts +0 -53
- package/dist/atoms/resizable.js +0 -2
- package/dist/atoms/resizable.js.map +0 -1
- package/dist/atoms/resizable.mjs.map +0 -1
- package/dist/atoms/separator.d.ts +0 -13
- package/dist/atoms/separator.js +0 -2
- package/dist/atoms/separator.js.map +0 -1
- package/dist/atoms/separator.mjs.map +0 -1
- package/dist/atoms/sheet.d.ts +0 -42
- package/dist/atoms/sheet.js +0 -2
- package/dist/atoms/sheet.js.map +0 -1
- package/dist/atoms/skeleton.js +0 -2
- package/dist/atoms/skeleton.js.map +0 -1
- package/dist/atoms/skeleton.mjs +0 -2
- package/dist/atoms/skeleton.mjs.map +0 -1
- package/dist/atoms/stack.d.ts +0 -121
- package/dist/atoms/stack.js +0 -2
- package/dist/atoms/stack.js.map +0 -1
- package/dist/atoms/switch.d.ts +0 -21
- package/dist/atoms/switch.js +0 -2
- package/dist/atoms/switch.js.map +0 -1
- package/dist/atoms/switch.mjs.map +0 -1
- package/dist/atoms/table.d.ts +0 -53
- package/dist/atoms/table.js +0 -2
- package/dist/atoms/table.js.map +0 -1
- package/dist/atoms/text-field.d.ts +0 -65
- package/dist/atoms/text-field.js +0 -2
- package/dist/atoms/text-field.js.map +0 -1
- package/dist/atoms/text-field.mjs.map +0 -1
- package/dist/atoms/textarea.js +0 -2
- package/dist/atoms/textarea.js.map +0 -1
- package/dist/atoms/textarea.mjs.map +0 -1
- package/dist/atoms/toast.d.ts +0 -18
- package/dist/atoms/toast.js +0 -2
- package/dist/atoms/toast.js.map +0 -1
- package/dist/atoms/toaster.d.ts +0 -26
- package/dist/atoms/toaster.js +0 -2
- package/dist/atoms/toaster.js.map +0 -1
- package/dist/atoms/toaster.mjs.map +0 -1
- package/dist/atoms/tooltip.d.ts +0 -25
- package/dist/atoms/tooltip.js +0 -2
- package/dist/atoms/tooltip.js.map +0 -1
- package/dist/atoms/tooltip.mjs.map +0 -1
- package/dist/atoms/typography.d.ts +0 -24
- package/dist/atoms/typography.js +0 -2
- package/dist/atoms/typography.js.map +0 -1
- package/dist/atoms/typography.mjs.map +0 -1
- package/dist/atoms.d.mts +0 -1237
- package/dist/atoms.d.ts +0 -1237
- package/dist/atoms.js +0 -2
- package/dist/atoms.js.map +0 -1
- package/dist/atoms.mjs +0 -2
- package/dist/atoms.mjs.map +0 -1
- package/dist/hooks.d.ts +0 -57
- package/dist/hooks.js +0 -2
- package/dist/hooks.mjs.map +0 -1
- package/dist/index.d.ts +0 -2619
- package/dist/index.js +0 -2
- package/dist/index.js.map +0 -1
- package/dist/molecules/card.d.mts +0 -72
- package/dist/molecules/card.d.ts +0 -72
- package/dist/molecules/card.js +0 -2
- package/dist/molecules/card.js.map +0 -1
- package/dist/molecules/card.mjs +0 -2
- package/dist/molecules/card.mjs.map +0 -1
- package/dist/molecules/navigation-menu.d.ts +0 -103
- package/dist/molecules/navigation-menu.js +0 -2
- package/dist/molecules/navigation-menu.js.map +0 -1
- package/dist/molecules/navigation-menu.mjs.map +0 -1
- package/dist/molecules/tabs.d.mts +0 -32
- package/dist/molecules/tabs.d.ts +0 -32
- package/dist/molecules/tabs.js +0 -2
- package/dist/molecules/tabs.js.map +0 -1
- package/dist/molecules/tabs.mjs +0 -2
- package/dist/molecules/tabs.mjs.map +0 -1
- package/dist/molecules.d.mts +0 -201
- package/dist/molecules.d.ts +0 -201
- package/dist/molecules.js +0 -2
- package/dist/molecules.js.map +0 -1
- package/dist/molecules.mjs +0 -2
- package/dist/molecules.mjs.map +0 -1
- package/dist/organisms/drawer.d.ts +0 -63
- package/dist/organisms/drawer.js +0 -2
- package/dist/organisms/drawer.js.map +0 -1
- package/dist/organisms/drawer.mjs.map +0 -1
- package/dist/organisms/dropdown-menu.d.ts +0 -335
- package/dist/organisms/dropdown-menu.js +0 -2
- package/dist/organisms/dropdown-menu.js.map +0 -1
- package/dist/organisms/dropdown-menu.mjs.map +0 -1
- package/dist/organisms/sidebar.d.ts +0 -328
- package/dist/organisms/sidebar.js +0 -2
- package/dist/organisms/sidebar.js.map +0 -1
- package/dist/organisms/sidebar.mjs.map +0 -1
- package/dist/organisms.d.mts +0 -717
- package/dist/organisms.d.ts +0 -717
- package/dist/organisms.js +0 -2
- package/dist/organisms.js.map +0 -1
- package/dist/organisms.mjs +0 -2
- package/dist/organisms.mjs.map +0 -1
- package/dist/rhf/form.d.ts +0 -96
- package/dist/rhf/form.js +0 -2
- package/dist/rhf/form.js.map +0 -1
- package/dist/rhf/form.mjs.map +0 -1
- package/dist/rhf/rhf-checkbox.d.ts +0 -57
- package/dist/rhf/rhf-checkbox.js +0 -2
- package/dist/rhf/rhf-checkbox.js.map +0 -1
- package/dist/rhf/rhf-checkbox.mjs.map +0 -1
- package/dist/rhf/rhf-multi-select.d.ts +0 -84
- package/dist/rhf/rhf-multi-select.js +0 -2
- package/dist/rhf/rhf-multi-select.js.map +0 -1
- package/dist/rhf/rhf-multi-select.mjs.map +0 -1
- package/dist/rhf/rhf-radio-button-group.d.ts +0 -73
- package/dist/rhf/rhf-radio-button-group.js +0 -2
- package/dist/rhf/rhf-radio-button-group.js.map +0 -1
- package/dist/rhf/rhf-radio-button-group.mjs.map +0 -1
- package/dist/rhf/rhf-radio-group.d.ts +0 -103
- package/dist/rhf/rhf-radio-group.js +0 -2
- package/dist/rhf/rhf-radio-group.js.map +0 -1
- package/dist/rhf/rhf-radio-group.mjs.map +0 -1
- package/dist/rhf/rhf-select.d.ts +0 -80
- package/dist/rhf/rhf-select.js +0 -2
- package/dist/rhf/rhf-select.js.map +0 -1
- package/dist/rhf/rhf-select.mjs.map +0 -1
- package/dist/rhf/rhf-switch.d.ts +0 -57
- package/dist/rhf/rhf-switch.js +0 -2
- package/dist/rhf/rhf-switch.js.map +0 -1
- package/dist/rhf/rhf-switch.mjs.map +0 -1
- package/dist/rhf/rhf-textarea.d.ts +0 -66
- package/dist/rhf/rhf-textarea.js +0 -2
- package/dist/rhf/rhf-textarea.js.map +0 -1
- package/dist/rhf/rhf-textarea.mjs.map +0 -1
- package/dist/rhf.d.mts +0 -614
- package/dist/rhf.d.ts +0 -614
- package/dist/rhf.js +0 -2
- package/dist/rhf.js.map +0 -1
- package/dist/rhf.mjs +0 -2
- package/dist/rhf.mjs.map +0 -1
- package/dist/types.js +0 -2
- package/dist/types.js.map +0 -1
- package/dist/types.mjs +0 -2
- package/dist/types.mjs.map +0 -1
- package/dist/utils.js +0 -2
- package/dist/utils.js.map +0 -1
- package/dist/utils.mjs.map +0 -1
- /package/dist/{atoms/accordion.d.mts → accordion/index.d.mts} +0 -0
- /package/dist/{atoms/avatar.d.mts → avatar/index.d.mts} +0 -0
- /package/dist/{atoms/box.d.mts → box/index.d.mts} +0 -0
- /package/dist/{atoms/breadcrumb.d.mts → breadcrumb/index.d.mts} +0 -0
- /package/dist/{atoms/checkbox.d.mts → checkbox/index.d.mts} +0 -0
- /package/dist/{atoms/collapsible.d.mts → collapsible/index.d.mts} +0 -0
- /package/dist/{atoms/command.d.mts → command/index.d.mts} +0 -0
- /package/dist/{atoms/dialog.d.mts → dialog/index.d.mts} +0 -0
- /package/dist/{organisms/drawer.d.mts → drawer/index.d.mts} +0 -0
- /package/dist/{rhf/form.d.mts → form/index.d.mts} +0 -0
- /package/dist/{atoms/input.d.mts → input/index.d.mts} +0 -0
- /package/dist/{atoms/popover.d.mts → popover/index.d.mts} +0 -0
- /package/dist/{atoms/resizable.d.mts → resizable/index.d.mts} +0 -0
- /package/dist/{rhf/rhf-checkbox.d.mts → rhf-checkbox/index.d.mts} +0 -0
- /package/dist/{rhf/rhf-multi-select.d.mts → rhf-multi-select/index.d.mts} +0 -0
- /package/dist/{rhf/rhf-radio-button-group.d.mts → rhf-radio-button-group/index.d.mts} +0 -0
- /package/dist/{rhf/rhf-radio-group.d.mts → rhf-radio-group/index.d.mts} +0 -0
- /package/dist/{rhf/rhf-select.d.mts → rhf-select/index.d.mts} +0 -0
- /package/dist/{rhf/rhf-switch.d.mts → rhf-switch/index.d.mts} +0 -0
- /package/dist/{rhf/rhf-textarea.d.mts → rhf-textarea/index.d.mts} +0 -0
- /package/dist/{atoms/separator.d.mts → separator/index.d.mts} +0 -0
- /package/dist/{atoms/stack.d.mts → stack/index.d.mts} +0 -0
- /package/dist/{atoms/switch.d.mts → switch/index.d.mts} +0 -0
- /package/dist/{atoms/table.d.mts → table/index.d.mts} +0 -0
- /package/dist/{atoms/toaster.d.mts → toaster/index.d.mts} +0 -0
- /package/dist/{atoms/tooltip.d.mts → tooltip/index.d.mts} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/button/button.tsx","../../src/components/atoms/pagination/pagination.tsx"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Button","N","className","variant","size","asChild","startIcon","endIcon","loading","disabled","children","type","ariaLabel","props","ref","Comp","Slot","isDisabled","buttonAriaLabel","handleKeyDown","event","jsx","jsxs","Loader2","Pagination","PaginationContent","g","PaginationItem","PaginationLink","isActive","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":"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","file":"pagination.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { Loader2 } from \"lucide-react\"\nimport { ButtonProps } from \"./button.types\"\n\n/**\n * Button variant styles using class-variance-authority.\n * Defines the visual styles for different button variants and sizes.\n * Follows WCAG 2.1 Level AA guidelines for accessibility.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"lg\">Click me</Button>\n * ```\n */\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n destructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n outline:\n \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n secondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\"\n } as const,\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 rounded-md px-3 text-xs\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9\"\n } as const\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n }\n)\n\n/**\n * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.\n * Built on top of Radix UI's Slot primitive for maximum flexibility.\n * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-button--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Destructive button with small size\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n *\n * // As a link\n * <Button variant=\"link\" asChild>\n * <a href=\"/about\">About</a>\n * </Button>\n *\n * // With icons\n * <Button startIcon={<Icon />}>With Start Icon</Button>\n * <Button endIcon={<Icon />}>With End Icon</Button>\n *\n * // Loading state\n * <Button loading>Loading</Button>\n * ```\n *\n * @param {ButtonProps} props - The component props\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref\n * @returns {JSX.Element} A button element\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant,\n size,\n asChild = false,\n startIcon,\n endIcon,\n loading = false,\n disabled,\n children,\n type = \"button\",\n \"aria-label\": ariaLabel,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n const isDisabled = disabled || loading\n const buttonAriaLabel = ariaLabel || (typeof children === \"string\" ? children : undefined)\n\n // Handle keyboard interaction\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault()\n if (!isDisabled && props.onClick) {\n props.onClick(event as unknown as React.MouseEvent<HTMLButtonElement>)\n }\n }\n }\n\n if (asChild) {\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={isDisabled}\n type={type}\n aria-label={buttonAriaLabel}\n aria-disabled={isDisabled}\n {...props}\n >\n {children}\n </Comp>\n )\n }\n\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={isDisabled}\n type={type}\n aria-label={buttonAriaLabel}\n aria-disabled={isDisabled}\n onKeyDown={handleKeyDown}\n {...props}\n >\n {loading && (\n <Loader2\n className=\"mr-2 h-4 w-4 animate-spin\"\n role=\"status\"\n aria-label=\"Loading\"\n aria-hidden=\"true\"\n />\n )}\n {!loading && startIcon && (\n <span className=\"mr-2\" aria-hidden=\"true\">\n {startIcon}\n </span>\n )}\n {children}\n {!loading && endIcon && (\n <span className=\"ml-2\" aria-hidden=\"true\">\n {endIcon}\n </span>\n )}\n </Comp>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import * as React from \"react\"\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport { ButtonProps, buttonVariants } from \"@/components/atoms/button\"\n\n/**\n * Pagination component that provides navigation controls for paginated content.\n * Built on top of shadcn/ui's button component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-pagination--docs\n *\n * @example\n * ```tsx\n * <Pagination>\n * <PaginationContent>\n * <PaginationItem>\n * <PaginationPrevious href=\"#\" />\n * </PaginationItem>\n * <PaginationItem>\n * <PaginationLink href=\"#\" isActive>1</PaginationLink>\n * </PaginationItem>\n * <PaginationItem>\n * <PaginationEllipsis />\n * </PaginationItem>\n * <PaginationItem>\n * <PaginationNext href=\"#\" />\n * </PaginationItem>\n * </PaginationContent>\n * </Pagination>\n * ```\n */\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n)\nPagination.displayName = \"Pagination\"\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n ({ className, ...props }, ref) => (\n <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n )\n)\nPaginationContent.displayName = \"PaginationContent\"\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n ({ className, ...props }, ref) => <li ref={ref} className={cn(\"\", className)} {...props} />\n)\nPaginationItem.displayName = \"PaginationItem\"\n\ntype PaginationLinkProps = {\n isActive?: boolean\n} & Pick<ButtonProps, \"size\"> &\n React.ComponentProps<\"a\">\n\nconst PaginationLink = ({\n className,\n isActive,\n size = \"icon\",\n children,\n ...props\n}: PaginationLinkProps) => (\n <a\n aria-current={isActive ? \"page\" : undefined}\n className={cn(\n buttonVariants({\n variant: isActive ? \"outline\" : \"ghost\",\n size\n }),\n className\n )}\n {...props}\n >\n {children}\n </a>\n)\nPaginationLink.displayName = \"PaginationLink\"\n\nconst PaginationPrevious = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"gap-1 pl-2.5\", className)}\n {...props}\n >\n <ChevronLeft className=\"h-4 w-4\" />\n <span>Previous</span>\n </PaginationLink>\n)\nPaginationPrevious.displayName = \"PaginationPrevious\"\n\nconst PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"gap-1 pr-2.5\", className)}\n {...props}\n >\n <span>Next</span>\n <ChevronRight className=\"h-4 w-4\" />\n </PaginationLink>\n)\nPaginationNext.displayName = \"PaginationNext\"\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n <span\n aria-hidden\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n)\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/button/button.tsx","../../src/components/atoms/pagination/pagination.tsx"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Button","N","className","variant","size","asChild","startIcon","endIcon","loading","disabled","children","type","ariaLabel","props","ref","Comp","Slot","isDisabled","buttonAriaLabel","handleKeyDown","event","jsx","jsxs","Loader2","Pagination","PaginationContent","PaginationItem","PaginationLink","isActive","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":"4RAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAAA,CAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,CCYA,IAAMG,CAAiBC,CAAAA,GAAAA,CACrB,wRACA,CAAA,CACE,QAAU,CAAA,CACR,OAAS,CAAA,CACP,OAAS,CAAA,+DAAA,CACT,WAAa,CAAA,8EAAA,CACb,OACE,CAAA,0FAAA,CACF,SAAW,CAAA,wEAAA,CACX,KAAO,CAAA,8CAAA,CACP,IAAM,CAAA,iDACR,CACA,CAAA,IAAA,CAAM,CACJ,OAAA,CAAS,eACT,CAAA,EAAA,CAAI,6BACJ,CAAA,EAAA,CAAI,sBACJ,CAAA,IAAA,CAAM,SACR,CACF,CACA,CAAA,eAAA,CAAiB,CACf,OAAA,CAAS,SACT,CAAA,IAAA,CAAM,SACR,CACF,CACF,CAAA,CAmCMC,CAAe,CAAAC,CAAA,CAAA,UAAA,CACnB,CACE,CACE,SAAAC,CAAAA,CAAAA,CACA,OAAAC,CAAAA,CAAAA,CACA,IAAAC,CAAAA,CAAAA,CACA,OAAAC,CAAAA,CAAAA,CAAU,KACV,CAAA,SAAA,CAAAC,CACA,CAAA,OAAA,CAAAC,CACA,CAAA,OAAA,CAAAC,CAAU,CAAA,KAAA,CACV,QAAAC,CAAAA,CAAAA,CACA,QAAAC,CAAAA,CAAAA,CACA,IAAAC,CAAAA,CAAAA,CAAO,QACP,CAAA,YAAA,CAAcC,CACd,CAAA,GAAGC,CACL,CAAA,CACAC,CACG,GAAA,CACH,IAAMC,CAAAA,CAAOV,CAAUW,CAAAA,IAAAA,CAAO,QACxBC,CAAAA,CAAAA,CAAaR,CAAYD,EAAAA,CAAAA,CACzBU,CAAkBN,CAAAA,CAAAA,GAAc,OAAOF,CAAAA,EAAa,QAAWA,CAAAA,CAAAA,CAAW,MAG1ES,CAAAA,CAAAA,CAAAA,CAAiBC,CAA+B,EAAA,CAAA,CAChDA,CAAM,CAAA,GAAA,GAAQ,OAAWA,EAAAA,CAAAA,CAAM,GAAQ,GAAA,GAAA,IACzCA,CAAM,CAAA,cAAA,EACF,CAAA,CAACH,CAAcJ,EAAAA,CAAAA,CAAM,OACvBA,EAAAA,CAAAA,CAAM,OAAQO,CAAAA,CAAuD,CAG3E,EAAA,CAAA,CAEA,OAAIf,CAAAA,CAEAgB,GAACN,CAAAA,CAAAA,CAAA,CACC,SAAA,CAAWrB,CAAGI,CAAAA,CAAAA,CAAe,CAAE,OAAA,CAAAK,CAAS,CAAA,IAAA,CAAAC,CAAM,CAAA,SAAA,CAAAF,CAAU,CAAC,CAAC,CAAA,CAC1D,GAAKY,CAAAA,CAAAA,CACL,QAAUG,CAAAA,CAAAA,CACV,IAAMN,CAAAA,CAAAA,CACN,YAAYO,CAAAA,CAAAA,CACZ,eAAeD,CAAAA,CAAAA,CACd,GAAGJ,CAAAA,CAEH,QAAAH,CAAAA,CAAAA,CACH,CAKFY,CAAAA,IAAAA,CAACP,CAAA,CAAA,CACC,SAAWrB,CAAAA,CAAAA,CAAGI,CAAe,CAAA,CAAE,OAAAK,CAAAA,CAAAA,CAAS,IAAAC,CAAAA,CAAAA,CAAM,SAAAF,CAAAA,CAAU,CAAC,CAAC,CAC1D,CAAA,GAAA,CAAKY,CACL,CAAA,QAAA,CAAUG,CACV,CAAA,IAAA,CAAMN,CACN,CAAA,YAAA,CAAYO,CACZ,CAAA,eAAA,CAAeD,CACf,CAAA,SAAA,CAAWE,CACV,CAAA,GAAGN,CAEH,CAAA,QAAA,CAAA,CAAAL,CACCa,EAAAA,GAAAA,CAACE,OAAA,CAAA,CACC,SAAU,CAAA,2BAAA,CACV,IAAK,CAAA,QAAA,CACL,YAAW,CAAA,SAAA,CACX,aAAY,CAAA,MAAA,CACd,CAED,CAAA,CAACf,CAAWF,EAAAA,CAAAA,EACXe,GAAC,CAAA,MAAA,CAAA,CAAK,SAAU,CAAA,MAAA,CAAO,aAAY,CAAA,MAAA,CAChC,QAAAf,CAAAA,CAAAA,CACH,CAEDI,CAAAA,CAAAA,CACA,CAACF,CAAWD,EAAAA,CAAAA,EACXc,GAAC,CAAA,MAAA,CAAA,CAAK,SAAU,CAAA,MAAA,CAAO,aAAY,CAAA,MAAA,CAChC,QAAAd,CAAAA,CAAAA,CACH,CAEJ,CAAA,CAAA,CAEJ,CACF,CAAA,CACAP,CAAO,CAAA,WAAA,CAAc,QC9HnB,CADIwB,IAAAA,CAAAA,CAAa,CAAC,CAAE,SAAAtB,CAAAA,CAAAA,CAAW,GAAGW,CAAM,CACxCQ,GAAAA,GAAAA,CAAC,KACC,CAAA,CAAA,IAAA,CAAK,YACL,CAAA,YAAA,CAAW,YACX,CAAA,SAAA,CAAW3B,CAAG,CAAA,oCAAA,CAAsCQ,CAAS,CAAA,CAC5D,GAAGW,CAAAA,CACN,EAEFW,CAAAA,CAAW,WAAc,CAAA,YAAA,CAEnBC,IAAAA,CAAAA,CAA0B,CAC9B,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAvB,CAAW,CAAA,GAAGW,CAAM,CAAA,CAAGC,CACxBO,GAAAA,GAAAA,CAAC,IAAG,CAAA,CAAA,GAAA,CAAKP,CAAK,CAAA,SAAA,CAAWpB,CAAG,CAAA,kCAAA,CAAoCQ,CAAS,CAAA,CAAI,GAAGW,CAAAA,CAAO,CAE3F,EACAY,CAAkB,CAAA,WAAA,CAAc,mBAEhC,CAAA,IAAMC,CAAuB,CAAA,CAAA,CAAA,UAAA,CAC3B,CAAC,CAAE,SAAAxB,CAAAA,CAAAA,CAAW,GAAGW,CAAM,CAAGC,CAAAA,CAAAA,GAAQO,GAAC,CAAA,IAAA,CAAA,CAAG,GAAKP,CAAAA,CAAAA,CAAK,SAAWpB,CAAAA,CAAAA,CAAG,EAAIQ,CAAAA,CAAS,CAAI,CAAA,GAAGW,CAAO,CAAA,CAC3F,EACAa,CAAAA,CAAe,WAAc,CAAA,gBAAA,CAOvBC,IAAAA,CAAAA,CAAiB,CAAC,CACtB,SAAAzB,CAAAA,CAAAA,CACA,QAAA0B,CAAAA,CAAAA,CACA,IAAAxB,CAAAA,CAAAA,CAAO,MACP,CAAA,QAAA,CAAAM,CACA,CAAA,GAAGG,CACL,CAAA,GACEQ,GAAC,CAAA,GAAA,CAAA,CACC,cAAcO,CAAAA,CAAAA,CAAW,MAAS,CAAA,MAAA,CAClC,SAAWlC,CAAAA,CAAAA,CACTI,CAAe,CAAA,CACb,OAAS8B,CAAAA,CAAAA,CAAW,SAAY,CAAA,OAAA,CAChC,IAAAxB,CAAAA,CACF,CAAC,CAAA,CACDF,CACF,CAAA,CACC,GAAGW,CAAAA,CAEH,QAAAH,CAAAA,CAAAA,CACH,EAEFiB,CAAAA,CAAe,WAAc,CAAA,gBAAA,CAEvBE,IAAAA,CAAAA,CAAqB,CAAC,CAC1B,SAAA3B,CAAAA,CAAAA,CACA,GAAGW,CACL,CACES,GAAAA,IAAAA,CAACK,CAAA,CAAA,CACC,YAAW,CAAA,qBAAA,CACX,IAAK,CAAA,SAAA,CACL,SAAWjC,CAAAA,CAAAA,CAAG,cAAgBQ,CAAAA,CAAS,CACtC,CAAA,GAAGW,CAEJ,CAAA,QAAA,CAAA,CAAAQ,GAACS,CAAAA,WAAAA,CAAA,CAAY,SAAA,CAAU,SAAU,CAAA,CAAA,CACjCT,GAAC,CAAA,MAAA,CAAA,CAAK,QAAQ,CAAA,UAAA,CAAA,CAAA,CAAA,CAChB,EAEFQ,CAAAA,CAAmB,WAAc,CAAA,oBAAA,CAE3BE,IAAAA,CAAAA,CAAiB,CAAC,CAAE,SAAA7B,CAAAA,CAAAA,CAAW,GAAGW,CAAM,CAC5CS,GAAAA,IAAAA,CAACK,CAAA,CAAA,CACC,YAAW,CAAA,iBAAA,CACX,IAAK,CAAA,SAAA,CACL,SAAWjC,CAAAA,CAAAA,CAAG,cAAgBQ,CAAAA,CAAS,CACtC,CAAA,GAAGW,CAEJ,CAAA,QAAA,CAAA,CAAAQ,GAAC,CAAA,MAAA,CAAA,CAAK,QAAI,CAAA,MAAA,CAAA,CAAA,CACVA,GAACW,CAAAA,YAAAA,CAAA,CAAa,SAAA,CAAU,SAAU,CAAA,CAAA,CAAA,CACpC,EAEFD,CAAAA,CAAe,WAAc,CAAA,gBAAA,CAEvBE,IAAAA,CAAAA,CAAqB,CAAC,CAAE,SAAA/B,CAAAA,CAAAA,CAAW,GAAGW,CAAM,CAChDS,GAAAA,IAAAA,CAAC,MACC,CAAA,CAAA,aAAA,CAAW,IACX,CAAA,SAAA,CAAW5B,CAAG,CAAA,0CAAA,CAA4CQ,CAAS,CAAA,CAClE,GAAGW,CAAAA,CAEJ,QAAAQ,CAAAA,CAAAA,GAAAA,CAACa,cAAA,CAAA,CAAe,SAAU,CAAA,SAAA,CAAU,CACpCb,CAAAA,GAAAA,CAAC,MAAK,CAAA,CAAA,SAAA,CAAU,SAAU,CAAA,QAAA,CAAA,YAAA,CAAU,CACtC,CAAA,CAAA,EAEFY,EAAmB,WAAc,CAAA,oBAAA","file":"pagination.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { Loader2 } from \"lucide-react\"\nimport { ButtonProps } from \"./button.types\"\n\n/**\n * Button variant styles using class-variance-authority.\n * Defines the visual styles for different button variants and sizes.\n * Follows WCAG 2.1 Level AA guidelines for accessibility.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"lg\">Click me</Button>\n * ```\n */\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n destructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n outline:\n \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n secondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\"\n } as const,\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 rounded-md px-3 text-xs\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9\"\n } as const\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n }\n)\n\n/**\n * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.\n * Built on top of Radix UI's Slot primitive for maximum flexibility.\n * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-button--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Destructive button with small size\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n *\n * // As a link\n * <Button variant=\"link\" asChild>\n * <a href=\"/about\">About</a>\n * </Button>\n *\n * // With icons\n * <Button startIcon={<Icon />}>With Start Icon</Button>\n * <Button endIcon={<Icon />}>With End Icon</Button>\n *\n * // Loading state\n * <Button loading>Loading</Button>\n * ```\n *\n * @param {ButtonProps} props - The component props\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref\n * @returns {JSX.Element} A button element\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant,\n size,\n asChild = false,\n startIcon,\n endIcon,\n loading = false,\n disabled,\n children,\n type = \"button\",\n \"aria-label\": ariaLabel,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n const isDisabled = disabled || loading\n const buttonAriaLabel = ariaLabel || (typeof children === \"string\" ? children : undefined)\n\n // Handle keyboard interaction\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault()\n if (!isDisabled && props.onClick) {\n props.onClick(event as unknown as React.MouseEvent<HTMLButtonElement>)\n }\n }\n }\n\n if (asChild) {\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={isDisabled}\n type={type}\n aria-label={buttonAriaLabel}\n aria-disabled={isDisabled}\n {...props}\n >\n {children}\n </Comp>\n )\n }\n\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={isDisabled}\n type={type}\n aria-label={buttonAriaLabel}\n aria-disabled={isDisabled}\n onKeyDown={handleKeyDown}\n {...props}\n >\n {loading && (\n <Loader2\n className=\"mr-2 h-4 w-4 animate-spin\"\n role=\"status\"\n aria-label=\"Loading\"\n aria-hidden=\"true\"\n />\n )}\n {!loading && startIcon && (\n <span className=\"mr-2\" aria-hidden=\"true\">\n {startIcon}\n </span>\n )}\n {children}\n {!loading && endIcon && (\n <span className=\"ml-2\" aria-hidden=\"true\">\n {endIcon}\n </span>\n )}\n </Comp>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import * as React from \"react\"\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport { ButtonProps, buttonVariants } from \"@/components/atoms/button\"\n\n/**\n * Pagination component that provides navigation controls for paginated content.\n * Built on top of shadcn/ui's button component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-pagination--docs\n *\n * @example\n * ```tsx\n * <Pagination>\n * <PaginationContent>\n * <PaginationItem>\n * <PaginationPrevious href=\"#\" />\n * </PaginationItem>\n * <PaginationItem>\n * <PaginationLink href=\"#\" isActive>1</PaginationLink>\n * </PaginationItem>\n * <PaginationItem>\n * <PaginationEllipsis />\n * </PaginationItem>\n * <PaginationItem>\n * <PaginationNext href=\"#\" />\n * </PaginationItem>\n * </PaginationContent>\n * </Pagination>\n * ```\n */\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n)\nPagination.displayName = \"Pagination\"\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n ({ className, ...props }, ref) => (\n <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n )\n)\nPaginationContent.displayName = \"PaginationContent\"\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n ({ className, ...props }, ref) => <li ref={ref} className={cn(\"\", className)} {...props} />\n)\nPaginationItem.displayName = \"PaginationItem\"\n\ntype PaginationLinkProps = {\n isActive?: boolean\n} & Pick<ButtonProps, \"size\"> &\n React.ComponentProps<\"a\">\n\nconst PaginationLink = ({\n className,\n isActive,\n size = \"icon\",\n children,\n ...props\n}: PaginationLinkProps) => (\n <a\n aria-current={isActive ? \"page\" : undefined}\n className={cn(\n buttonVariants({\n variant: isActive ? \"outline\" : \"ghost\",\n size\n }),\n className\n )}\n {...props}\n >\n {children}\n </a>\n)\nPaginationLink.displayName = \"PaginationLink\"\n\nconst PaginationPrevious = ({\n className,\n ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size=\"default\"\n className={cn(\"gap-1 pl-2.5\", className)}\n {...props}\n >\n <ChevronLeft className=\"h-4 w-4\" />\n <span>Previous</span>\n </PaginationLink>\n)\nPaginationPrevious.displayName = \"PaginationPrevious\"\n\nconst PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (\n <PaginationLink\n aria-label=\"Go to next page\"\n size=\"default\"\n className={cn(\"gap-1 pr-2.5\", className)}\n {...props}\n >\n <span>Next</span>\n <ChevronRight className=\"h-4 w-4\" />\n </PaginationLink>\n)\nPaginationNext.displayName = \"PaginationNext\"\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n <span\n aria-hidden\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More pages</span>\n </span>\n)\nPaginationEllipsis.displayName = \"PaginationEllipsis\"\n\nexport {\n Pagination,\n PaginationContent,\n PaginationLink,\n PaginationItem,\n PaginationPrevious,\n PaginationNext,\n PaginationEllipsis\n}\n"]}
|
package/dist/atoms/popover.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Popover component that displays content in a floating panel.
|
|
6
|
-
* Built on top of Radix UI's Popover primitive.
|
|
7
|
-
*
|
|
8
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-popover--docs
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Popover>
|
|
13
|
-
* <PopoverTrigger>Open Popover</PopoverTrigger>
|
|
14
|
-
* <PopoverContent>
|
|
15
|
-
* <p>Popover content goes here</p>
|
|
16
|
-
* </PopoverContent>
|
|
17
|
-
* </Popover>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
21
|
-
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
-
declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
-
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
-
|
|
25
|
-
type PopoverProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>;
|
|
26
|
-
type PopoverTriggerProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;
|
|
27
|
-
type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;
|
|
28
|
-
type PopoverAnchorProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor>;
|
|
29
|
-
|
|
30
|
-
export { Popover, PopoverAnchor, type PopoverAnchorProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps };
|
package/dist/atoms/popover.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var i=require('react'),o=require('@radix-ui/react-popover'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var i__namespace=/*#__PURE__*/_interopNamespace(i);var o__namespace=/*#__PURE__*/_interopNamespace(o);function t(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var C=o__namespace.Root,R=o__namespace.Trigger,x=o__namespace.Anchor,f=i__namespace.forwardRef(({className:e,align:a="center",sideOffset:n=4,...p},m)=>jsxRuntime.jsx(o__namespace.Portal,{children:jsxRuntime.jsx(o__namespace.Content,{ref:m,align:a,sideOffset:n,className:t("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",e),...p})}));f.displayName=o__namespace.Content.displayName;exports.Popover=C;exports.PopoverAnchor=x;exports.PopoverContent=f;exports.PopoverTrigger=R;//# sourceMappingURL=popover.js.map
|
|
2
|
-
//# sourceMappingURL=popover.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/popover/popover.tsx"],"names":["cn","inputs","twMerge","clsx","Popover","o","PopoverTrigger","PopoverAnchor","PopoverContent","i","className","align","sideOffset","props","ref","jsx"],"mappings":"ukBAGO,SAASA,KAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,UAAKF,CAAM,CAAC,CAC7B,CCgBMG,IAAAA,CAAAA,CAA2BC,kBAE3BC,CAAkC,CAAAD,YAAA,CAAA,OAAA,CAElCE,CAAiC,CAAAF,YAAA,CAAA,MAAA,CAEjCG,EAAuBC,YAG3B,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAC,EAAW,KAAAC,CAAAA,CAAAA,CAAQ,QAAU,CAAA,UAAA,CAAAC,EAAa,CAAG,CAAA,GAAGC,CAAM,CAAA,CAAGC,IAC5DC,cAAkB,CAAAV,YAAA,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAU,eAAkBV,YAAjB,CAAA,OAAA,CAAA,CACC,GAAKS,CAAAA,CAAAA,CACL,MAAOH,CACP,CAAA,UAAA,CAAYC,CACZ,CAAA,SAAA,CAAWZ,EACT,8dACAU,CAAAA,CACF,CACC,CAAA,GAAGG,EACN,CACF,CAAA,CACD,EACDL,CAAAA,CAAe,YAA+BH,YAAQ,CAAA,OAAA,CAAA,WAAA","file":"popover.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Popover component that displays content in a floating panel.\n * Built on top of Radix UI's Popover primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-popover--docs\n *\n * @example\n * ```tsx\n * <Popover>\n * <PopoverTrigger>Open Popover</PopoverTrigger>\n * <PopoverContent>\n * <p>Popover content goes here</p>\n * </PopoverContent>\n * </Popover>\n * ```\n */\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/popover/popover.tsx"],"names":["cn","inputs","twMerge","clsx","Popover","PopoverTrigger","PopoverAnchor","PopoverContent","className","align","sideOffset","props","ref","jsx"],"mappings":"mKAGO,SAASA,KAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAAA,CAAQC,KAAKF,CAAM,CAAC,CAC7B,CCgBMG,IAAAA,CAAAA,CAA2B,OAE3BC,CAAkC,CAAA,CAAA,CAAA,OAAA,CAElCC,CAAiC,CAAA,CAAA,CAAA,MAAA,CAEjCC,EAAuB,CAG3B,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAC,EAAW,KAAAC,CAAAA,CAAAA,CAAQ,QAAU,CAAA,UAAA,CAAAC,EAAa,CAAG,CAAA,GAAGC,CAAM,CAAA,CAAGC,IAC5DC,GAAkB,CAAA,CAAA,CAAA,MAAA,CAAjB,CACC,QAAA,CAAAA,IAAkB,CAAjB,CAAA,OAAA,CAAA,CACC,GAAKD,CAAAA,CAAAA,CACL,MAAOH,CACP,CAAA,UAAA,CAAYC,CACZ,CAAA,SAAA,CAAWV,EACT,8dACAQ,CAAAA,CACF,CACC,CAAA,GAAGG,EACN,CACF,CAAA,CACD,EACDJ,CAAAA,CAAe,YAA+B,CAAQ,CAAA,OAAA,CAAA,WAAA","file":"popover.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Popover component that displays content in a floating panel.\n * Built on top of Radix UI's Popover primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-popover--docs\n *\n * @example\n * ```tsx\n * <Popover>\n * <PopoverTrigger>Open Popover</PopoverTrigger>\n * <PopoverContent>\n * <p>Popover content goes here</p>\n * </PopoverContent>\n * </Popover>\n * ```\n */\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverAnchor = PopoverPrimitive.Anchor\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]\",\n className\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
4
|
-
import { VariantProps } from 'class-variance-authority';
|
|
5
|
-
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
6
|
-
|
|
7
|
-
declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
8
|
-
interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* RadioGroup component that allows users to select a single option from a list.
|
|
13
|
-
* Built on top of Radix UI's RadioGroup primitive.
|
|
14
|
-
*
|
|
15
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-radio-group--docs
|
|
16
|
-
*
|
|
17
|
-
* @example
|
|
18
|
-
* ```tsx
|
|
19
|
-
* <RadioGroup defaultValue="option-1">
|
|
20
|
-
* <RadioGroupItem value="option-1">Option 1</RadioGroupItem>
|
|
21
|
-
* <RadioGroupItem value="option-2">Option 2</RadioGroupItem>
|
|
22
|
-
* </RadioGroup>
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
-
/**
|
|
27
|
-
* RadioGroupItem component that represents a single option in a RadioGroup.
|
|
28
|
-
* Built on top of Radix UI's RadioGroupItem primitive.
|
|
29
|
-
*
|
|
30
|
-
* @example
|
|
31
|
-
* ```tsx
|
|
32
|
-
* <RadioGroupItem value="option-1">Option 1</RadioGroupItem>
|
|
33
|
-
* ```
|
|
34
|
-
*/
|
|
35
|
-
declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
36
|
-
/**
|
|
37
|
-
* RadioItemContainer component that provides a container for radio group items with proper spacing and layout.
|
|
38
|
-
*
|
|
39
|
-
* @example
|
|
40
|
-
* ```tsx
|
|
41
|
-
* <RadioItemContainer>
|
|
42
|
-
* <RadioGroupItem value="option-1">Option 1</RadioGroupItem>
|
|
43
|
-
* <RadioGroupItem value="option-2">Option 2</RadioGroupItem>
|
|
44
|
-
* </RadioItemContainer>
|
|
45
|
-
* ```
|
|
46
|
-
*/
|
|
47
|
-
declare const RadioItemContainer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
48
|
-
/**
|
|
49
|
-
* RadioItemLabel component that provides a label for individual radio items.
|
|
50
|
-
* Built on top of the Label component.
|
|
51
|
-
*
|
|
52
|
-
* @example
|
|
53
|
-
* ```tsx
|
|
54
|
-
* <RadioItemLabel>Select an option</RadioItemLabel>
|
|
55
|
-
* ```
|
|
56
|
-
*/
|
|
57
|
-
declare const RadioItemLabel: React.ForwardRefExoticComponent<Omit<LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
|
|
58
|
-
|
|
59
|
-
type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
|
|
60
|
-
type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
|
|
61
|
-
|
|
62
|
-
export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RadioItemContainer, RadioItemLabel };
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var m=require('react'),i=require('@radix-ui/react-radio-group'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),s=require('@radix-ui/react-label'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var m__namespace=/*#__PURE__*/_interopNamespace(m);var i__namespace=/*#__PURE__*/_interopNamespace(i);var s__namespace=/*#__PURE__*/_interopNamespace(s);function r(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var y=classVarianceAuthority.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),p=m__namespace.forwardRef(({className:e,...o},t)=>jsxRuntime.jsx(s__namespace.Root,{ref:t,className:r(y(),e),...o}));p.displayName=s__namespace.Root.displayName;var d=m__namespace.forwardRef(({className:e,...o},t)=>jsxRuntime.jsx(i__namespace.Root,{className:r("grid gap-3",e),...o,ref:t}));d.displayName=i__namespace.Root.displayName;var n=m__namespace.forwardRef(({className:e,...o},t)=>jsxRuntime.jsx(i__namespace.Item,{ref:t,className:r("aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",e),...o,children:jsxRuntime.jsx(i__namespace.Indicator,{className:"flex items-center justify-center",children:jsxRuntime.jsx(lucideReact.Circle,{className:"h-3.5 w-3.5 fill-primary"})})}));n.displayName=i__namespace.Item.displayName;var R=m__namespace.forwardRef(({className:e,...o},t)=>jsxRuntime.jsx("div",{ref:t,className:r("flex items-center gap-2",e),...o}));R.displayName="RadioItemContainer";var f=m__namespace.forwardRef(({className:e,...o},t)=>jsxRuntime.jsx(p,{ref:t,className:r("text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70",e),...o}));f.displayName="RadioItemLabel";exports.RadioGroup=d;exports.RadioGroupItem=n;exports.RadioItemContainer=R;exports.RadioItemLabel=f;//# sourceMappingURL=radio-group.js.map
|
|
2
|
-
//# sourceMappingURL=radio-group.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/label/label.tsx","../../src/components/atoms/radio-group/radio-group.tsx"],"names":["cn","inputs","twMerge","clsx","labelVariants","cva","Label","l","className","props","ref","jsx","s","RadioGroup","m","i","RadioGroupItem","Circle","RadioItemContainer","RadioItemLabel"],"mappings":"gwBAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,UAAKF,CAAM,CAAC,CAC7B,CCCA,IAAMG,EAAgBC,0BACpB,CAAA,4FACF,CAaMC,CAAAA,CAAAA,CAAcC,YAClB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,IACxBC,cAAgB,CAAAC,YAAA,CAAA,IAAA,CAAf,CAAoB,GAAA,CAAKF,CAAK,CAAA,SAAA,CAAWV,EAAGI,CAAc,EAAA,CAAGI,CAAS,CAAI,CAAA,GAAGC,EAAO,CAEzF,CAAA,CACAH,CAAM,CAAA,WAAA,CAA6BM,YAAK,CAAA,IAAA,CAAA,WAAA,KCLlCC,CAAmB,CAAAC,YAAA,CAAA,UAAA,CAGvB,CAAC,CAAE,SAAA,CAAAN,CAAW,CAAA,GAAGC,CAAM,CAAA,CAAGC,IACnBC,cAAqB,CAAAI,YAAA,CAAA,IAAA,CAApB,CAAyB,SAAWf,CAAAA,CAAAA,CAAG,aAAcQ,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,GAAKC,CAAAA,CAAAA,CAAK,CAC/F,EACDG,CAAAA,CAAW,YAAkCE,YAAK,CAAA,IAAA,CAAA,WAAA,KAW5CC,CAAuB,CAAAF,YAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAAN,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,IAExBC,cAAqB,CAAAI,YAAA,CAAA,IAAA,CAApB,CACC,GAAKL,CAAAA,CAAAA,CACL,SAAWV,CAAAA,CAAAA,CACT,8LACAQ,CAAAA,CACF,EACC,GAAGC,CAAAA,CAEJ,SAAAE,cAAqB,CAAAI,YAAA,CAAA,SAAA,CAApB,CAA8B,SAAU,CAAA,kCAAA,CACvC,QAAAJ,CAAAA,cAAAA,CAACM,kBAAA,CAAA,CAAO,UAAU,0BAA2B,CAAA,CAAA,CAC/C,EACF,CAEH,EACDD,EAAe,WAAkC,CAAAD,YAAA,CAAA,IAAA,CAAK,WAatD,CAAA,IAAMG,CAA2B,CAAAJ,YAAA,CAAA,UAAA,CAC/B,CAAC,CAAE,SAAA,CAAAN,EAAW,GAAGC,CAAM,EAAGC,CACjBC,GAAAA,cAAAA,CAAC,KAAI,CAAA,CAAA,GAAA,CAAKD,CAAK,CAAA,SAAA,CAAWV,EAAG,yBAA2BQ,CAAAA,CAAS,EAAI,GAAGC,CAAAA,CAAO,CAE1F,EACAS,CAAAA,CAAmB,WAAc,CAAA,oBAAA,CAW3BC,IAAAA,CAAAA,CAAuBL,wBAG3B,CAAC,CAAE,UAAAN,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAExBC,cAACL,CAAAA,CAAAA,CAAA,CACC,GAAA,CAAKI,EACL,SAAWV,CAAAA,CAAAA,CACT,4GACAQ,CACF,CAAA,CACC,GAAGC,CACN,CAAA,CAEH,EACDU,CAAAA,CAAe,WAAc,CAAA,gBAAA","file":"radio-group.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/index\"\n\nconst labelVariants = cva(\n \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nexport interface LabelProps\n extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,\n VariantProps<typeof labelVariants> {}\n\n/**\n * Label component for creating accessible labels.\n * Built on top of Radix UI's Label primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs\n *\n */\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n ({ className, ...props }, ref) => (\n <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n )\n)\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n","import * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { Circle } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\nimport { Label } from \"@/components/atoms/label\"\n\n/**\n * RadioGroup component that allows users to select a single option from a list.\n * Built on top of Radix UI's RadioGroup primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-radio-group--docs\n *\n * @example\n * ```tsx\n * <RadioGroup defaultValue=\"option-1\">\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioGroup>\n * ```\n */\nconst RadioGroup = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n return <RadioGroupPrimitive.Root className={cn(\"grid gap-3\", className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\n/**\n * RadioGroupItem component that represents a single option in a RadioGroup.\n * Built on top of Radix UI's RadioGroupItem primitive.\n *\n * @example\n * ```tsx\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * ```\n */\nconst RadioGroupItem = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n <Circle className=\"h-3.5 w-3.5 fill-primary\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\n/**\n * RadioItemContainer component that provides a container for radio group items with proper spacing and layout.\n *\n * @example\n * ```tsx\n * <RadioItemContainer>\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioItemContainer>\n * ```\n */\nconst RadioItemContainer = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n return <div ref={ref} className={cn(\"flex items-center gap-2\", className)} {...props} />\n }\n)\nRadioItemContainer.displayName = \"RadioItemContainer\"\n\n/**\n * RadioItemLabel component that provides a label for individual radio items.\n * Built on top of the Label component.\n *\n * @example\n * ```tsx\n * <RadioItemLabel>Select an option</RadioItemLabel>\n * ```\n */\nconst RadioItemLabel = React.forwardRef<\n React.ElementRef<typeof Label>,\n React.ComponentPropsWithoutRef<typeof Label>\n>(({ className, ...props }, ref) => {\n return (\n <Label\n ref={ref}\n className={cn(\n \"text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n className\n )}\n {...props}\n />\n )\n})\nRadioItemLabel.displayName = \"RadioItemLabel\"\n\nexport { RadioGroup, RadioGroupItem, RadioItemContainer, RadioItemLabel }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/label/label.tsx","../../src/components/atoms/radio-group/radio-group.tsx"],"names":["cn","inputs","twMerge","clsx","labelVariants","cva","Label","l","className","props","ref","jsx","RadioGroup","RadioGroupItem","Circle","RadioItemContainer","RadioItemLabel"],"mappings":"4RAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAAA,CAAQC,KAAKF,CAAM,CAAC,CAC7B,CCCA,IAAMG,EAAgBC,GACpB,CAAA,4FACF,CAaMC,CAAAA,CAAAA,CAAcC,CAClB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,IACxBC,GAAgB,CAAA,CAAA,CAAA,IAAA,CAAf,CAAoB,GAAA,CAAKD,CAAK,CAAA,SAAA,CAAWV,EAAGI,CAAc,EAAA,CAAGI,CAAS,CAAI,CAAA,GAAGC,EAAO,CAEzF,CAAA,CACAH,CAAM,CAAA,WAAA,CAA6B,CAAK,CAAA,IAAA,CAAA,WAAA,KCLlCM,CAAmB,CAAA,CAAA,CAAA,UAAA,CAGvB,CAAC,CAAE,SAAA,CAAAJ,CAAW,CAAA,GAAGC,CAAM,CAAA,CAAGC,IACnBC,GAAqB,CAAA,CAAA,CAAA,IAAA,CAApB,CAAyB,SAAWX,CAAAA,CAAAA,CAAG,aAAcQ,CAAS,CAAA,CAAI,GAAGC,CAAAA,CAAO,GAAKC,CAAAA,CAAAA,CAAK,CAC/F,EACDE,CAAAA,CAAW,YAAkC,CAAK,CAAA,IAAA,CAAA,WAAA,KAW5CC,CAAuB,CAAA,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAAL,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,IAExBC,GAAqB,CAAA,CAAA,CAAA,IAAA,CAApB,CACC,GAAKD,CAAAA,CAAAA,CACL,SAAWV,CAAAA,CAAAA,CACT,8LACAQ,CAAAA,CACF,EACC,GAAGC,CAAAA,CAEJ,SAAAE,GAAqB,CAAA,CAAA,CAAA,SAAA,CAApB,CAA8B,SAAU,CAAA,kCAAA,CACvC,QAAAA,CAAAA,GAAAA,CAACG,MAAA,CAAA,CAAO,UAAU,0BAA2B,CAAA,CAAA,CAC/C,EACF,CAEH,EACDD,EAAe,WAAkC,CAAA,CAAA,CAAA,IAAA,CAAK,WAatD,CAAA,IAAME,CAA2B,CAAA,CAAA,CAAA,UAAA,CAC/B,CAAC,CAAE,SAAA,CAAAP,EAAW,GAAGC,CAAM,EAAGC,CACjBC,GAAAA,GAAAA,CAAC,KAAI,CAAA,CAAA,GAAA,CAAKD,CAAK,CAAA,SAAA,CAAWV,EAAG,yBAA2BQ,CAAAA,CAAS,EAAI,GAAGC,CAAAA,CAAO,CAE1F,EACAM,CAAAA,CAAmB,WAAc,CAAA,oBAAA,CAW3BC,IAAAA,CAAAA,CAAuB,aAG3B,CAAC,CAAE,UAAAR,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAExBC,GAACL,CAAAA,CAAAA,CAAA,CACC,GAAA,CAAKI,EACL,SAAWV,CAAAA,CAAAA,CACT,4GACAQ,CACF,CAAA,CACC,GAAGC,CACN,CAAA,CAEH,EACDO,CAAAA,CAAe,WAAc,CAAA,gBAAA","file":"radio-group.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils/index\"\n\nconst labelVariants = cva(\n \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n)\n\nexport interface LabelProps\n extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,\n VariantProps<typeof labelVariants> {}\n\n/**\n * Label component for creating accessible labels.\n * Built on top of Radix UI's Label primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-label--docs\n *\n */\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n ({ className, ...props }, ref) => (\n <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />\n )\n)\nLabel.displayName = LabelPrimitive.Root.displayName\n\nexport { Label }\n","import * as React from \"react\"\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport { Circle } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\nimport { Label } from \"@/components/atoms/label\"\n\n/**\n * RadioGroup component that allows users to select a single option from a list.\n * Built on top of Radix UI's RadioGroup primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-radio-group--docs\n *\n * @example\n * ```tsx\n * <RadioGroup defaultValue=\"option-1\">\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioGroup>\n * ```\n */\nconst RadioGroup = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n return <RadioGroupPrimitive.Root className={cn(\"grid gap-3\", className)} {...props} ref={ref} />\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\n/**\n * RadioGroupItem component that represents a single option in a RadioGroup.\n * Built on top of Radix UI's RadioGroupItem primitive.\n *\n * @example\n * ```tsx\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * ```\n */\nconst RadioGroupItem = React.forwardRef<\n React.ElementRef<typeof RadioGroupPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n return (\n <RadioGroupPrimitive.Item\n ref={ref}\n className={cn(\n \"aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n <Circle className=\"h-3.5 w-3.5 fill-primary\" />\n </RadioGroupPrimitive.Indicator>\n </RadioGroupPrimitive.Item>\n )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\n/**\n * RadioItemContainer component that provides a container for radio group items with proper spacing and layout.\n *\n * @example\n * ```tsx\n * <RadioItemContainer>\n * <RadioGroupItem value=\"option-1\">Option 1</RadioGroupItem>\n * <RadioGroupItem value=\"option-2\">Option 2</RadioGroupItem>\n * </RadioItemContainer>\n * ```\n */\nconst RadioItemContainer = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n return <div ref={ref} className={cn(\"flex items-center gap-2\", className)} {...props} />\n }\n)\nRadioItemContainer.displayName = \"RadioItemContainer\"\n\n/**\n * RadioItemLabel component that provides a label for individual radio items.\n * Built on top of the Label component.\n *\n * @example\n * ```tsx\n * <RadioItemLabel>Select an option</RadioItemLabel>\n * ```\n */\nconst RadioItemLabel = React.forwardRef<\n React.ElementRef<typeof Label>,\n React.ComponentPropsWithoutRef<typeof Label>\n>(({ className, ...props }, ref) => {\n return (\n <Label\n ref={ref}\n className={cn(\n \"text-sm font-medium leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n className\n )}\n {...props}\n />\n )\n})\nRadioItemLabel.displayName = \"RadioItemLabel\"\n\nexport { RadioGroup, RadioGroupItem, RadioItemContainer, RadioItemLabel }\n"]}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { ComponentProps } from 'react';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Resizable component that provides resizable panel functionality.
|
|
8
|
-
* Built on top of react-resizable-panels.
|
|
9
|
-
*
|
|
10
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-resizable--docs
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```tsx
|
|
14
|
-
* <ResizablePanelGroup>
|
|
15
|
-
* <ResizablePanel defaultSize={20}>
|
|
16
|
-
* <div>Left Panel</div>
|
|
17
|
-
* </ResizablePanel>
|
|
18
|
-
* <ResizableHandle withHandle />
|
|
19
|
-
* <ResizablePanel defaultSize={80}>
|
|
20
|
-
* <div>Right Panel</div>
|
|
21
|
-
* </ResizablePanel>
|
|
22
|
-
* </ResizablePanelGroup>
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
declare const ResizablePanelGroup: ({ className, ...props }: ComponentProps<typeof ResizablePrimitive.PanelGroup>) => react_jsx_runtime.JSX.Element;
|
|
26
|
-
declare const ResizablePanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLObjectElement | HTMLElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
|
|
27
|
-
className?: string;
|
|
28
|
-
collapsedSize?: number | undefined;
|
|
29
|
-
collapsible?: boolean | undefined;
|
|
30
|
-
defaultSize?: number | undefined;
|
|
31
|
-
id?: string;
|
|
32
|
-
maxSize?: number | undefined;
|
|
33
|
-
minSize?: number | undefined;
|
|
34
|
-
onCollapse?: ResizablePrimitive.PanelOnCollapse;
|
|
35
|
-
onExpand?: ResizablePrimitive.PanelOnExpand;
|
|
36
|
-
onResize?: ResizablePrimitive.PanelOnResize;
|
|
37
|
-
order?: number;
|
|
38
|
-
style?: object;
|
|
39
|
-
tagName?: keyof HTMLElementTagNameMap | undefined;
|
|
40
|
-
} & {
|
|
41
|
-
children?: react.ReactNode | undefined;
|
|
42
|
-
} & react.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
|
|
43
|
-
declare const ResizableHandle: ({ withHandle, className, ...props }: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
|
|
44
|
-
withHandle?: boolean;
|
|
45
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
46
|
-
|
|
47
|
-
type ResizablePanelGroupProps = ComponentProps<typeof ResizablePrimitive.PanelGroup>;
|
|
48
|
-
type ResizablePanelProps = ComponentProps<typeof ResizablePrimitive.Panel>;
|
|
49
|
-
type ResizableHandleProps = ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
|
|
50
|
-
withHandle?: boolean;
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
export { ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps };
|
package/dist/atoms/resizable.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var lucideReact=require('lucide-react'),e=require('react-resizable-panels'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__namespace=/*#__PURE__*/_interopNamespace(e);function i(...a){return tailwindMerge.twMerge(clsx.clsx(a))}var p=({className:a,...t})=>jsxRuntime.jsx(e__namespace.PanelGroup,{className:i("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",a),...t}),c=e__namespace.Panel,f=({withHandle:a,className:t,...l})=>jsxRuntime.jsx(e__namespace.PanelResizeHandle,{className:i("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",t),...l,children:a&&jsxRuntime.jsx("div",{className:"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border",children:jsxRuntime.jsx(lucideReact.GripVertical,{className:"h-2.5 w-2.5"})})});exports.ResizableHandle=f;exports.ResizablePanel=c;exports.ResizablePanelGroup=p;//# sourceMappingURL=resizable.js.map
|
|
2
|
-
//# sourceMappingURL=resizable.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/resizable/resizable.tsx"],"names":["cn","inputs","twMerge","clsx","ResizablePanelGroup","className","props","jsx","e","ResizablePanel","ResizableHandle","withHandle","GripVertical"],"mappings":"oiBAGO,SAASA,CAAAA,CAAAA,GAAMC,EAAsB,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CCqBMG,IAAAA,CAAAA,CAAsB,CAAC,CAC3B,UAAAC,CACA,CAAA,GAAGC,CACL,CACEC,GAAAA,cAAAA,CAAoBC,wBAAnB,CACC,SAAA,CAAWR,CAAG,CAAA,mEAAA,CAAqEK,CAAS,CAC3F,CAAA,GAAGC,EACN,CAGIG,CAAAA,CAAAA,CAAoCD,mBAEpCE,CAAkB,CAAA,CAAC,CACvB,UAAA,CAAAC,EACA,SAAAN,CAAAA,CAAAA,CACA,GAAGC,CACL,CAAA,GAGEC,eAAoBC,YAAnB,CAAA,iBAAA,CAAA,CACC,SAAWR,CAAAA,CAAAA,CACT,0oBACAK,CACF,CAAA,CACC,GAAGC,CAEH,CAAA,QAAA,CAAAK,GACCJ,cAAC,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,2EAAA,CACb,SAAAA,cAACK,CAAAA,wBAAAA,CAAA,CAAa,SAAU,CAAA,aAAA,CAAc,EACxC,CAEJ,CAAA","file":"resizable.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","\"use client\"\n\nimport { GripVertical } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\nimport { cn } from \"@/utils/index\"\nimport { ComponentProps } from \"react\"\n\n/**\n * Resizable component that provides resizable panel functionality.\n * Built on top of react-resizable-panels.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-resizable--docs\n *\n * @example\n * ```tsx\n * <ResizablePanelGroup>\n * <ResizablePanel defaultSize={20}>\n * <div>Left Panel</div>\n * </ResizablePanel>\n * <ResizableHandle withHandle />\n * <ResizablePanel defaultSize={80}>\n * <div>Right Panel</div>\n * </ResizablePanel>\n * </ResizablePanelGroup>\n * ```\n */\nconst ResizablePanelGroup = ({\n className,\n ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n <ResizablePrimitive.PanelGroup\n className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\n {...props}\n />\n)\n\nconst ResizablePanel = ResizablePrimitive.Panel\n\nconst ResizableHandle = ({\n withHandle,\n className,\n ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n withHandle?: boolean\n}) => (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className\n )}\n {...props}\n >\n {withHandle && (\n <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n <GripVertical className=\"h-2.5 w-2.5\" />\n </div>\n )}\n </ResizablePrimitive.PanelResizeHandle>\n)\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/resizable/resizable.tsx"],"names":["cn","inputs","twMerge","clsx","ResizablePanelGroup","className","props","jsx","ResizablePanel","ResizableHandle","withHandle","GripVertical"],"mappings":"kLAGO,SAASA,CAAAA,CAAAA,GAAMC,EAAsB,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCqBMG,IAAAA,CAAAA,CAAsB,CAAC,CAC3B,UAAAC,CACA,CAAA,GAAGC,CACL,CACEC,GAAAA,GAAAA,CAAoB,aAAnB,CACC,SAAA,CAAWP,CAAG,CAAA,mEAAA,CAAqEK,CAAS,CAC3F,CAAA,GAAGC,EACN,CAGIE,CAAAA,CAAAA,CAAoC,QAEpCC,CAAkB,CAAA,CAAC,CACvB,UAAA,CAAAC,EACA,SAAAL,CAAAA,CAAAA,CACA,GAAGC,CACL,CAAA,GAGEC,IAAoB,CAAnB,CAAA,iBAAA,CAAA,CACC,SAAWP,CAAAA,CAAAA,CACT,0oBACAK,CACF,CAAA,CACC,GAAGC,CAEH,CAAA,QAAA,CAAAI,GACCH,GAAC,CAAA,KAAA,CAAA,CAAI,SAAU,CAAA,2EAAA,CACb,SAAAA,GAACI,CAAAA,YAAAA,CAAA,CAAa,SAAU,CAAA,aAAA,CAAc,EACxC,CAEJ,CAAA","file":"resizable.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","\"use client\"\n\nimport { GripVertical } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\nimport { cn } from \"@/utils/index\"\nimport { ComponentProps } from \"react\"\n\n/**\n * Resizable component that provides resizable panel functionality.\n * Built on top of react-resizable-panels.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-resizable--docs\n *\n * @example\n * ```tsx\n * <ResizablePanelGroup>\n * <ResizablePanel defaultSize={20}>\n * <div>Left Panel</div>\n * </ResizablePanel>\n * <ResizableHandle withHandle />\n * <ResizablePanel defaultSize={80}>\n * <div>Right Panel</div>\n * </ResizablePanel>\n * </ResizablePanelGroup>\n * ```\n */\nconst ResizablePanelGroup = ({\n className,\n ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n <ResizablePrimitive.PanelGroup\n className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\n {...props}\n />\n)\n\nconst ResizablePanel = ResizablePrimitive.Panel\n\nconst ResizableHandle = ({\n withHandle,\n className,\n ...props\n}: ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n withHandle?: boolean\n}) => (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className\n )}\n {...props}\n >\n {withHandle && (\n <div className=\"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border\">\n <GripVertical className=\"h-2.5 w-2.5\" />\n </div>\n )}\n </ResizablePrimitive.PanelResizeHandle>\n)\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n"]}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Separator component for creating horizontal or vertical dividers.
|
|
6
|
-
* Built on top of Radix UI's Separator primitive.
|
|
7
|
-
*
|
|
8
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-separator--docs
|
|
9
|
-
*
|
|
10
|
-
*/
|
|
11
|
-
declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
|
|
13
|
-
export { Separator };
|
package/dist/atoms/separator.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var a=require('react'),t=require('@radix-ui/react-separator'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var a__namespace=/*#__PURE__*/_interopNamespace(a);var t__namespace=/*#__PURE__*/_interopNamespace(t);function r(...o){return tailwindMerge.twMerge(clsx.clsx(o))}var s=a__namespace.forwardRef(({className:o,orientation:e="horizontal",decorative:i=true,...p},m)=>jsxRuntime.jsx(t__namespace.Root,{ref:m,decorative:i,orientation:e,className:r("shrink-0 bg-border",e==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",o),...p}));s.displayName=t__namespace.Root.displayName;exports.Separator=s;//# sourceMappingURL=separator.js.map
|
|
2
|
-
//# sourceMappingURL=separator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/separator/separator.tsx"],"names":["cn","inputs","twMerge","clsx","Separator","a","className","orientation","decorative","props","ref","jsx","t"],"mappings":"ykBAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CCOMG,IAAAA,CAAAA,CAAkBC,YAGtB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,WAAAC,CAAAA,CAAAA,CAAc,YAAc,CAAA,UAAA,CAAAC,CAAa,CAAA,IAAA,CAAM,GAAGC,CAAM,CAAA,CAAGC,CACzEC,GAAAA,cAAAA,CAAoBC,YAAnB,CAAA,IAAA,CAAA,CACC,GAAKF,CAAAA,CAAAA,CACL,WAAYF,CACZ,CAAA,WAAA,CAAaD,CACb,CAAA,SAAA,CAAWP,CACT,CAAA,oBAAA,CACAO,CAAgB,GAAA,YAAA,CAAe,iBAAmB,gBAClDD,CAAAA,CACF,CACC,CAAA,GAAGG,CACN,CAAA,CACD,EACDL,CAAAA,CAAU,YAAiCQ,YAAK,CAAA,IAAA,CAAA,WAAA","file":"separator.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Separator component for creating horizontal or vertical dividers.\n * Built on top of Radix UI's Separator primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-separator--docs\n *\n */\nconst Separator = React.forwardRef<\n React.ElementRef<typeof SeparatorPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n <SeparatorPrimitive.Root\n ref={ref}\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"shrink-0 bg-border\",\n orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n className\n )}\n {...props}\n />\n))\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/separator/separator.tsx"],"names":["cn","inputs","twMerge","clsx","Separator","className","orientation","decorative","props","ref","jsx"],"mappings":"qKAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCOMG,IAAAA,CAAAA,CAAkB,CAGtB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,WAAAC,CAAAA,CAAAA,CAAc,YAAc,CAAA,UAAA,CAAAC,CAAa,CAAA,IAAA,CAAM,GAAGC,CAAM,CAAA,CAAGC,CACzEC,GAAAA,GAAAA,CAAoB,CAAnB,CAAA,IAAA,CAAA,CACC,GAAKD,CAAAA,CAAAA,CACL,WAAYF,CACZ,CAAA,WAAA,CAAaD,CACb,CAAA,SAAA,CAAWN,CACT,CAAA,oBAAA,CACAM,CAAgB,GAAA,YAAA,CAAe,iBAAmB,gBAClDD,CAAAA,CACF,CACC,CAAA,GAAGG,CACN,CAAA,CACD,EACDJ,CAAAA,CAAU,YAAiC,CAAK,CAAA,IAAA,CAAA,WAAA","file":"separator.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Separator component for creating horizontal or vertical dividers.\n * Built on top of Radix UI's Separator primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-separator--docs\n *\n */\nconst Separator = React.forwardRef<\n React.ElementRef<typeof SeparatorPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n <SeparatorPrimitive.Root\n ref={ref}\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"shrink-0 bg-border\",\n orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n className\n )}\n {...props}\n />\n))\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n"]}
|
package/dist/atoms/sheet.d.ts
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import * as SheetPrimitive from '@radix-ui/react-dialog';
|
|
5
|
-
import { VariantProps } from 'class-variance-authority';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Sheet component for creating accessible sheets with overlay and content.
|
|
9
|
-
* Built on top of Radix UI's Sheet primitive.
|
|
10
|
-
*
|
|
11
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-sheet--docs
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```tsx
|
|
15
|
-
* <Sheet>
|
|
16
|
-
* <SheetTrigger>Open Sheet</SheetTrigger>
|
|
17
|
-
* <SheetContent>Sheet Content</SheetContent>
|
|
18
|
-
* </Sheet>
|
|
19
|
-
*/
|
|
20
|
-
declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
|
|
21
|
-
declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
22
|
-
declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
23
|
-
declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
|
|
24
|
-
declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
-
declare const sheetVariants: (props?: ({
|
|
26
|
-
side?: "top" | "bottom" | "left" | "right" | null | undefined;
|
|
27
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
28
|
-
interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
29
|
-
}
|
|
30
|
-
declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
-
declare const SheetHeader: {
|
|
32
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
33
|
-
displayName: string;
|
|
34
|
-
};
|
|
35
|
-
declare const SheetFooter: {
|
|
36
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
37
|
-
displayName: string;
|
|
38
|
-
};
|
|
39
|
-
declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
40
|
-
declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
41
|
-
|
|
42
|
-
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
|
package/dist/atoms/sheet.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var r=require('react'),e=require('@radix-ui/react-dialog'),classVarianceAuthority=require('class-variance-authority'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var r__namespace=/*#__PURE__*/_interopNamespace(r);var e__namespace=/*#__PURE__*/_interopNamespace(e);function o(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var E=e__namespace.Root,H=e__namespace.Trigger,M=e__namespace.Close,S=e__namespace.Portal,m=r__namespace.forwardRef(({className:t,...i},s)=>jsxRuntime.jsx(e__namespace.Overlay,{className:o("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...i,ref:s}));m.displayName=e__namespace.Overlay.displayName;var v=classVarianceAuthority.cva("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),u=r__namespace.forwardRef(({side:t="right",className:i,children:s,...l},d)=>jsxRuntime.jsxs(S,{children:[jsxRuntime.jsx(m,{}),jsxRuntime.jsxs(e__namespace.Content,{ref:d,className:o(v({side:t}),i),...l,children:[jsxRuntime.jsxs(e__namespace.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",children:[jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]}),s]})]}));u.displayName=e__namespace.Content.displayName;var y=({className:t,...i})=>jsxRuntime.jsx("div",{className:o("flex flex-col space-y-2 text-center sm:text-left",t),...i});y.displayName="SheetHeader";var P=({className:t,...i})=>jsxRuntime.jsx("div",{className:o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...i});P.displayName="SheetFooter";var R=r__namespace.forwardRef(({className:t,...i},s)=>jsxRuntime.jsx(e__namespace.Title,{ref:s,className:o("text-lg font-semibold text-foreground",t),...i}));R.displayName=e__namespace.Title.displayName;var g=r__namespace.forwardRef(({className:t,...i},s)=>jsxRuntime.jsx(e__namespace.Description,{ref:s,className:o("text-sm text-muted-foreground",t),...i}));g.displayName=e__namespace.Description.displayName;exports.Sheet=E;exports.SheetClose=M;exports.SheetContent=u;exports.SheetDescription=g;exports.SheetFooter=P;exports.SheetHeader=y;exports.SheetOverlay=m;exports.SheetPortal=S;exports.SheetTitle=R;exports.SheetTrigger=H;//# sourceMappingURL=sheet.js.map
|
|
2
|
-
//# sourceMappingURL=sheet.js.map
|
package/dist/atoms/sheet.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/sheet/sheet.tsx"],"names":["cn","inputs","twMerge","clsx","Sheet","e","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","r","className","props","ref","jsx","sheetVariants","cva","SheetContent","side","children","jsxs","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"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","file":"sheet.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\n\n/**\n * Sheet component for creating accessible sheets with overlay and content.\n * Built on top of Radix UI's Sheet primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-sheet--docs\n *\n * @example\n * ```tsx\n * <Sheet>\n * <SheetTrigger>Open Sheet</SheetTrigger>\n * <SheetContent>Sheet Content</SheetContent>\n * </Sheet>\n */\nconst Sheet = SheetPrimitive.Root\n\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Overlay\n className={cn(\n \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n className\n )}\n {...props}\n ref={ref}\n />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n {\n variants: {\n side: {\n top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n bottom:\n \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n right:\n \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\"\n }\n },\n defaultVariants: {\n side: \"right\"\n }\n }\n)\n\ninterface SheetContentProps\n extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Content>,\n SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\n <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\n <X className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n {children}\n </SheetPrimitive.Content>\n </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />\n)\nSheetHeader.displayName = \"SheetHeader\"\n\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n {...props}\n />\n)\nSheetFooter.displayName = \"SheetFooter\"\n\nconst SheetTitle = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold text-foreground\", className)}\n {...props}\n />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n Sheet,\n SheetPortal,\n SheetOverlay,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription\n}\n"]}
|
package/dist/atoms/skeleton.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function r(...e){return tailwindMerge.twMerge(clsx.clsx(e))}function c({className:e,...t}){return jsxRuntime.jsx("div",{className:r("animate-pulse rounded-md bg-primary/10",e),...t})}exports.Skeleton=c;//# sourceMappingURL=skeleton.js.map
|
|
2
|
-
//# sourceMappingURL=skeleton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/skeleton/skeleton.tsx"],"names":["cn","inputs","twMerge","clsx","Skeleton","className","props","jsx"],"mappings":"sHAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CCQA,SAASG,EAAS,CAAE,SAAA,CAAAC,EAAW,GAAGC,CAAM,EAAyC,CAC/E,OAAOC,cAAC,CAAA,KAAA,CAAA,CAAI,UAAWP,CAAG,CAAA,wCAAA,CAA0CK,CAAS,CAAI,CAAA,GAAGC,EAAO,CAC7F","file":"skeleton.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import { cn } from \"@/utils/index\"\n\n/**\n * Skeleton component for creating a loading state.\n * Built on top of shadcn/ui's Skeleton component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-skeleton--docs\n *\n * @example\n * ```tsx\n * <Skeleton className=\"w-10 h-10\" />\n * ```\n */\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n return <div className={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...props} />\n}\n\nexport { Skeleton }\n"]}
|
package/dist/atoms/skeleton.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function r(...e){return twMerge(clsx(e))}function c({className:e,...t}){return jsx("div",{className:r("animate-pulse rounded-md bg-primary/10",e),...t})}export{c as Skeleton};//# sourceMappingURL=skeleton.mjs.map
|
|
2
|
-
//# sourceMappingURL=skeleton.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/skeleton/skeleton.tsx"],"names":["cn","inputs","twMerge","clsx","Skeleton","className","props","jsx"],"mappings":"iGAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCQA,SAASG,EAAS,CAAE,SAAA,CAAAC,EAAW,GAAGC,CAAM,EAAyC,CAC/E,OAAOC,GAAC,CAAA,KAAA,CAAA,CAAI,UAAWP,CAAG,CAAA,wCAAA,CAA0CK,CAAS,CAAI,CAAA,GAAGC,EAAO,CAC7F","file":"skeleton.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import { cn } from \"@/utils/index\"\n\n/**\n * Skeleton component for creating a loading state.\n * Built on top of shadcn/ui's Skeleton component.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-skeleton--docs\n *\n * @example\n * ```tsx\n * <Skeleton className=\"w-10 h-10\" />\n * ```\n */\nfunction Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {\n return <div className={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...props} />\n}\n\nexport { Skeleton }\n"]}
|
package/dist/atoms/stack.d.ts
DELETED
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Stack is a layout component that arranges its children in a vertical or horizontal stack
|
|
5
|
-
* with consistent spacing between items. It's built on top of Flexbox and provides
|
|
6
|
-
* a simple way to create consistent layouts.
|
|
7
|
-
*
|
|
8
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-stack--docs
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* // Basic vertical stack
|
|
13
|
-
* <Stack>
|
|
14
|
-
* <div>Item 1</div>
|
|
15
|
-
* <div>Item 2</div>
|
|
16
|
-
* <div>Item 3</div>
|
|
17
|
-
* </Stack>
|
|
18
|
-
*
|
|
19
|
-
* // Horizontal stack with custom spacing
|
|
20
|
-
* <Stack direction="horizontal" spacing="lg">
|
|
21
|
-
* <div>Item 1</div>
|
|
22
|
-
* <div>Item 2</div>
|
|
23
|
-
* </Stack>
|
|
24
|
-
*
|
|
25
|
-
* // Centered stack with wrapping
|
|
26
|
-
* <Stack direction="horizontal" center wrap>
|
|
27
|
-
* <div>Item 1</div>
|
|
28
|
-
* <div>Item 2</div>
|
|
29
|
-
* <div>Item 3</div>
|
|
30
|
-
* </Stack>
|
|
31
|
-
*
|
|
32
|
-
* // Stack with custom alignment
|
|
33
|
-
* <Stack align="center" justify="between">
|
|
34
|
-
* <div>Left</div>
|
|
35
|
-
* <div>Center</div>
|
|
36
|
-
* <div>Right</div>
|
|
37
|
-
* </Stack>
|
|
38
|
-
*
|
|
39
|
-
* // Stack with custom dimensions
|
|
40
|
-
* <Stack width="100%" height="200px">
|
|
41
|
-
* <div>Full width, fixed height stack</div>
|
|
42
|
-
* </Stack>
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
|
|
46
|
-
interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
47
|
-
/**
|
|
48
|
-
* The direction in which to stack the items.
|
|
49
|
-
* - "vertical": Items are stacked top to bottom
|
|
50
|
-
* - "horizontal": Items are stacked left to right
|
|
51
|
-
*
|
|
52
|
-
* @default "vertical"
|
|
53
|
-
*/
|
|
54
|
-
direction?: "vertical" | "horizontal";
|
|
55
|
-
/**
|
|
56
|
-
* The spacing between items in the stack.
|
|
57
|
-
* - "none": 0px
|
|
58
|
-
* - "xs": 0.25rem (4px)
|
|
59
|
-
* - "sm": 0.5rem (8px)
|
|
60
|
-
* - "md": 1rem (16px)
|
|
61
|
-
* - "lg": 1.5rem (24px)
|
|
62
|
-
* - "xl": 2rem (32px)
|
|
63
|
-
*
|
|
64
|
-
* @default "md"
|
|
65
|
-
*/
|
|
66
|
-
spacing?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
67
|
-
/**
|
|
68
|
-
* Whether to allow items to wrap to the next line when they don't fit.
|
|
69
|
-
* Only applies to horizontal stacks.
|
|
70
|
-
*
|
|
71
|
-
* @default false
|
|
72
|
-
*/
|
|
73
|
-
wrap?: boolean;
|
|
74
|
-
/**
|
|
75
|
-
* Whether to center items both horizontally and vertically.
|
|
76
|
-
* This is a shorthand for setting both align and justify to "center".
|
|
77
|
-
*
|
|
78
|
-
* @default false
|
|
79
|
-
*/
|
|
80
|
-
center?: boolean;
|
|
81
|
-
/**
|
|
82
|
-
* How to justify items along the main axis.
|
|
83
|
-
* - "start": Items are packed toward the start
|
|
84
|
-
* - "end": Items are packed toward the end
|
|
85
|
-
* - "center": Items are centered
|
|
86
|
-
* - "between": Items are evenly distributed with first item at start and last at end
|
|
87
|
-
* - "around": Items are evenly distributed with equal space around them
|
|
88
|
-
* - "evenly": Items are distributed so that the spacing between any two items is equal
|
|
89
|
-
*
|
|
90
|
-
* @default undefined
|
|
91
|
-
*/
|
|
92
|
-
justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
|
|
93
|
-
/**
|
|
94
|
-
* How to align items along the cross axis.
|
|
95
|
-
* - "start": Items are aligned at the start
|
|
96
|
-
* - "end": Items are aligned at the end
|
|
97
|
-
* - "center": Items are centered
|
|
98
|
-
* - "stretch": Items are stretched to fill the container
|
|
99
|
-
* - "baseline": Items are aligned at their baselines
|
|
100
|
-
*
|
|
101
|
-
* @default undefined
|
|
102
|
-
*/
|
|
103
|
-
align?: "start" | "end" | "center" | "stretch" | "baseline";
|
|
104
|
-
/**
|
|
105
|
-
* The width of the stack container.
|
|
106
|
-
* Can be any valid CSS width value (e.g., "100%", "200px", "50vw").
|
|
107
|
-
*
|
|
108
|
-
* @default undefined
|
|
109
|
-
*/
|
|
110
|
-
width?: string;
|
|
111
|
-
/**
|
|
112
|
-
* The height of the stack container.
|
|
113
|
-
* Can be any valid CSS height value (e.g., "100%", "200px", "50vh").
|
|
114
|
-
*
|
|
115
|
-
* @default undefined
|
|
116
|
-
*/
|
|
117
|
-
height?: string;
|
|
118
|
-
}
|
|
119
|
-
declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
|
|
120
|
-
|
|
121
|
-
export { Stack, type StackProps };
|
package/dist/atoms/stack.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var a=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var a__namespace=/*#__PURE__*/_interopNamespace(a);function s(...n){return tailwindMerge.twMerge(clsx.clsx(n))}var b=a__namespace.forwardRef(({className:n,direction:o="vertical",spacing:t="md",wrap:l=false,center:c=false,justify:e,align:r,width:m,height:i,style:f,...d},p)=>jsxRuntime.jsx("div",{ref:p,className:s("flex",o==="vertical"?"flex-col":"flex-row",{"gap-0":t==="none","gap-1":t==="xs","gap-2":t==="sm","gap-4":t==="md","gap-6":t==="lg","gap-8":t==="xl"},l&&"flex-wrap",c&&"items-center justify-center",e&&{"justify-start":e==="start","justify-end":e==="end","justify-center":e==="center","justify-between":e==="between","justify-around":e==="around","justify-evenly":e==="evenly"},r&&{"items-start":r==="start","items-end":r==="end","items-center":r==="center","items-stretch":r==="stretch","items-baseline":r==="baseline"},n),style:{width:m,height:i,...f},...d}));b.displayName="Stack";exports.Stack=b;//# sourceMappingURL=stack.js.map
|
|
2
|
-
//# sourceMappingURL=stack.js.map
|