@me1a/ui 2.2.2 → 2.2.3
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 +196 -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,72 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Card is a flexible container component that can be used to group related content and actions.
|
|
5
|
-
* It provides a consistent visual style with a subtle border, shadow, and rounded corners.
|
|
6
|
-
*
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* The main card container component.
|
|
11
|
-
* Provides the base styling for the card including border, shadow, and rounded corners.
|
|
12
|
-
* * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-card--docs
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* ```tsx
|
|
16
|
-
* // Basic card
|
|
17
|
-
* <Card>
|
|
18
|
-
* <CardHeader>
|
|
19
|
-
* <CardTitle>Card Title</CardTitle>
|
|
20
|
-
* <CardDescription>Card Description</CardDescription>
|
|
21
|
-
* </CardHeader>
|
|
22
|
-
* <CardContent>
|
|
23
|
-
* <p>Card content goes here.</p>
|
|
24
|
-
* </CardContent>
|
|
25
|
-
* <CardFooter>
|
|
26
|
-
* <Button>Action</Button>
|
|
27
|
-
* </CardFooter>
|
|
28
|
-
* </Card>
|
|
29
|
-
*
|
|
30
|
-
* // Card with custom styling
|
|
31
|
-
* <Card className="bg-primary text-primary-foreground">
|
|
32
|
-
* <CardHeader>
|
|
33
|
-
* <CardTitle>Custom Styled Card</CardTitle>
|
|
34
|
-
* </CardHeader>
|
|
35
|
-
* <CardContent>
|
|
36
|
-
* <p>This card has custom background and text colors.</p>
|
|
37
|
-
* </CardContent>
|
|
38
|
-
* </Card>
|
|
39
|
-
* ```
|
|
40
|
-
*/
|
|
41
|
-
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
42
|
-
/**
|
|
43
|
-
* Header section of the card.
|
|
44
|
-
* Typically contains the card title and description.
|
|
45
|
-
* Includes padding and spacing for consistent layout.
|
|
46
|
-
*/
|
|
47
|
-
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
48
|
-
/**
|
|
49
|
-
* Title component for the card.
|
|
50
|
-
* Should be used within CardHeader.
|
|
51
|
-
* Provides consistent typography styling for card titles.
|
|
52
|
-
*/
|
|
53
|
-
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
54
|
-
/**
|
|
55
|
-
* Description component for the card.
|
|
56
|
-
* Should be used within CardHeader.
|
|
57
|
-
* Provides consistent typography styling for card descriptions.
|
|
58
|
-
*/
|
|
59
|
-
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
60
|
-
/**
|
|
61
|
-
* Main content section of the card.
|
|
62
|
-
* Includes padding and removes top padding to maintain consistent spacing with the header.
|
|
63
|
-
*/
|
|
64
|
-
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
65
|
-
/**
|
|
66
|
-
* Footer section of the card.
|
|
67
|
-
* Typically contains action buttons or additional information.
|
|
68
|
-
* Includes padding and removes top padding to maintain consistent spacing with the content.
|
|
69
|
-
*/
|
|
70
|
-
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
71
|
-
|
|
72
|
-
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
package/dist/molecules/card.d.ts
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Card is a flexible container component that can be used to group related content and actions.
|
|
5
|
-
* It provides a consistent visual style with a subtle border, shadow, and rounded corners.
|
|
6
|
-
*
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* The main card container component.
|
|
11
|
-
* Provides the base styling for the card including border, shadow, and rounded corners.
|
|
12
|
-
* * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-card--docs
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* ```tsx
|
|
16
|
-
* // Basic card
|
|
17
|
-
* <Card>
|
|
18
|
-
* <CardHeader>
|
|
19
|
-
* <CardTitle>Card Title</CardTitle>
|
|
20
|
-
* <CardDescription>Card Description</CardDescription>
|
|
21
|
-
* </CardHeader>
|
|
22
|
-
* <CardContent>
|
|
23
|
-
* <p>Card content goes here.</p>
|
|
24
|
-
* </CardContent>
|
|
25
|
-
* <CardFooter>
|
|
26
|
-
* <Button>Action</Button>
|
|
27
|
-
* </CardFooter>
|
|
28
|
-
* </Card>
|
|
29
|
-
*
|
|
30
|
-
* // Card with custom styling
|
|
31
|
-
* <Card className="bg-primary text-primary-foreground">
|
|
32
|
-
* <CardHeader>
|
|
33
|
-
* <CardTitle>Custom Styled Card</CardTitle>
|
|
34
|
-
* </CardHeader>
|
|
35
|
-
* <CardContent>
|
|
36
|
-
* <p>This card has custom background and text colors.</p>
|
|
37
|
-
* </CardContent>
|
|
38
|
-
* </Card>
|
|
39
|
-
* ```
|
|
40
|
-
*/
|
|
41
|
-
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
42
|
-
/**
|
|
43
|
-
* Header section of the card.
|
|
44
|
-
* Typically contains the card title and description.
|
|
45
|
-
* Includes padding and spacing for consistent layout.
|
|
46
|
-
*/
|
|
47
|
-
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
48
|
-
/**
|
|
49
|
-
* Title component for the card.
|
|
50
|
-
* Should be used within CardHeader.
|
|
51
|
-
* Provides consistent typography styling for card titles.
|
|
52
|
-
*/
|
|
53
|
-
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
54
|
-
/**
|
|
55
|
-
* Description component for the card.
|
|
56
|
-
* Should be used within CardHeader.
|
|
57
|
-
* Provides consistent typography styling for card descriptions.
|
|
58
|
-
*/
|
|
59
|
-
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
60
|
-
/**
|
|
61
|
-
* Main content section of the card.
|
|
62
|
-
* Includes padding and removes top padding to maintain consistent spacing with the header.
|
|
63
|
-
*/
|
|
64
|
-
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
65
|
-
/**
|
|
66
|
-
* Footer section of the card.
|
|
67
|
-
* Typically contains action buttons or additional information.
|
|
68
|
-
* Includes padding and removes top padding to maintain consistent spacing with the content.
|
|
69
|
-
*/
|
|
70
|
-
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
71
|
-
|
|
72
|
-
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
package/dist/molecules/card.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var o=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 o__namespace=/*#__PURE__*/_interopNamespace(o);function r(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var l=o__namespace.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx("div",{ref:a,className:r("rounded-lg border bg-card text-card-foreground shadow-sm",e),...t}));l.displayName="Card";var n=o__namespace.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx("div",{ref:a,className:r("flex flex-col space-y-1.5 p-6",e),...t}));n.displayName="CardHeader";var m=o__namespace.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx("h3",{ref:a,className:r("text-2xl font-semibold leading-none tracking-tight",e),...t}));m.displayName="CardTitle";var c=o__namespace.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx("p",{ref:a,className:r("text-sm text-muted-foreground",e),...t}));c.displayName="CardDescription";var f=o__namespace.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx("div",{ref:a,className:r("p-6 pt-0",e),...t}));f.displayName="CardContent";var p=o__namespace.forwardRef(({className:e,...t},a)=>jsxRuntime.jsx("div",{ref:a,className:r("flex items-center p-6 pt-0",e),...t}));p.displayName="CardFooter";exports.Card=l;exports.CardContent=f;exports.CardDescription=c;exports.CardFooter=p;exports.CardHeader=n;exports.CardTitle=m;//# sourceMappingURL=card.js.map
|
|
2
|
-
//# sourceMappingURL=card.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/molecules/card/card.tsx"],"names":["cn","inputs","twMerge","clsx","Card","o","className","props","ref","jsx","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"+eAGO,SAASA,CAAAA,CAAAA,GAAMC,EAAsB,CAC1C,OAAOC,sBAAQC,SAAKF,CAAAA,CAAM,CAAC,CAC7B,KCmCMG,CAAa,CAAAC,YAAA,CAAA,UAAA,CACjB,CAAC,CAAE,SAAA,CAAAC,EAAW,GAAGC,CAAM,EAAGC,CACxBC,GAAAA,cAAAA,CAAC,OACC,GAAKD,CAAAA,CAAAA,CACL,UAAWR,CAAG,CAAA,0DAAA,CAA4DM,CAAS,CAClF,CAAA,GAAGC,CACN,CAAA,CAEJ,EACAH,CAAK,CAAA,WAAA,CAAc,OAObM,IAAAA,CAAAA,CAAmBL,wBACvB,CAAC,CAAE,UAAAC,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GACxBC,eAAC,KAAI,CAAA,CAAA,GAAA,CAAKD,EAAK,SAAWR,CAAAA,CAAAA,CAAG,gCAAiCM,CAAS,CAAA,CAAI,GAAGC,CAAO,CAAA,CAEzF,EACAG,CAAW,CAAA,WAAA,CAAc,aAOnBC,IAAAA,CAAAA,CAAkBN,wBACtB,CAAC,CAAE,UAAAC,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GACxBC,eAAC,IACC,CAAA,CAAA,GAAA,CAAKD,CACL,CAAA,SAAA,CAAWR,EAAG,oDAAsDM,CAAAA,CAAS,EAC5E,GAAGC,CAAAA,CACN,CAEJ,EACAI,CAAAA,CAAU,YAAc,WAOxB,CAAA,IAAMC,EAAwBP,YAG5B,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,IAC1BC,cAAC,CAAA,GAAA,CAAA,CAAE,IAAKD,CAAK,CAAA,SAAA,CAAWR,EAAG,+BAAiCM,CAAAA,CAAS,EAAI,GAAGC,CAAAA,CAAO,CACpF,EACDK,CAAAA,CAAgB,YAAc,iBAM9B,CAAA,IAAMC,EAAoBR,YACxB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,EAAGC,CACxBC,GAAAA,cAAAA,CAAC,OAAI,GAAKD,CAAAA,CAAAA,CAAK,UAAWR,CAAG,CAAA,UAAA,CAAYM,CAAS,CAAI,CAAA,GAAGC,EAAO,CAEpE,EACAM,EAAY,WAAc,CAAA,aAAA,KAOpBC,CAAmB,CAAAT,YAAA,CAAA,UAAA,CACvB,CAAC,CAAE,SAAA,CAAAC,EAAW,GAAGC,CAAM,EAAGC,CACxBC,GAAAA,cAAAA,CAAC,OAAI,GAAKD,CAAAA,CAAAA,CAAK,UAAWR,CAAG,CAAA,4BAAA,CAA8BM,CAAS,CAAI,CAAA,GAAGC,EAAO,CAEtF,EACAO,EAAW,WAAc,CAAA,YAAA","file":"card.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","/**\n * Card is a flexible container component that can be used to group related content and actions.\n * It provides a consistent visual style with a subtle border, shadow, and rounded corners.\n *\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\n/**\n * The main card container component.\n * Provides the base styling for the card including border, shadow, and rounded corners.\n * * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-card--docs\n *\n * @example\n * ```tsx\n * // Basic card\n * <Card>\n * <CardHeader>\n * <CardTitle>Card Title</CardTitle>\n * <CardDescription>Card Description</CardDescription>\n * </CardHeader>\n * <CardContent>\n * <p>Card content goes here.</p>\n * </CardContent>\n * <CardFooter>\n * <Button>Action</Button>\n * </CardFooter>\n * </Card>\n *\n * // Card with custom styling\n * <Card className=\"bg-primary text-primary-foreground\">\n * <CardHeader>\n * <CardTitle>Custom Styled Card</CardTitle>\n * </CardHeader>\n * <CardContent>\n * <p>This card has custom background and text colors.</p>\n * </CardContent>\n * </Card>\n * ```\n */\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"rounded-lg border bg-card text-card-foreground shadow-sm\", className)}\n {...props}\n />\n )\n)\nCard.displayName = \"Card\"\n\n/**\n * Header section of the card.\n * Typically contains the card title and description.\n * Includes padding and spacing for consistent layout.\n */\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n )\n)\nCardHeader.displayName = \"CardHeader\"\n\n/**\n * Title component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card titles.\n */\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n ({ className, ...props }, ref) => (\n <h3\n ref={ref}\n className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)}\n {...props}\n />\n )\n)\nCardTitle.displayName = \"CardTitle\"\n\n/**\n * Description component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card descriptions.\n */\nconst CardDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n))\nCardDescription.displayName = \"CardDescription\"\n\n/**\n * Main content section of the card.\n * Includes padding and removes top padding to maintain consistent spacing with the header.\n */\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n )\n)\nCardContent.displayName = \"CardContent\"\n\n/**\n * Footer section of the card.\n * Typically contains action buttons or additional information.\n * Includes padding and removes top padding to maintain consistent spacing with the content.\n */\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n )\n)\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n"]}
|
package/dist/molecules/card.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import*as o from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function r(...e){return twMerge(clsx(e))}var l=o.forwardRef(({className:e,...t},a)=>jsx("div",{ref:a,className:r("rounded-lg border bg-card text-card-foreground shadow-sm",e),...t}));l.displayName="Card";var n=o.forwardRef(({className:e,...t},a)=>jsx("div",{ref:a,className:r("flex flex-col space-y-1.5 p-6",e),...t}));n.displayName="CardHeader";var m=o.forwardRef(({className:e,...t},a)=>jsx("h3",{ref:a,className:r("text-2xl font-semibold leading-none tracking-tight",e),...t}));m.displayName="CardTitle";var c=o.forwardRef(({className:e,...t},a)=>jsx("p",{ref:a,className:r("text-sm text-muted-foreground",e),...t}));c.displayName="CardDescription";var f=o.forwardRef(({className:e,...t},a)=>jsx("div",{ref:a,className:r("p-6 pt-0",e),...t}));f.displayName="CardContent";var p=o.forwardRef(({className:e,...t},a)=>jsx("div",{ref:a,className:r("flex items-center p-6 pt-0",e),...t}));p.displayName="CardFooter";export{l as Card,f as CardContent,c as CardDescription,p as CardFooter,n as CardHeader,m as CardTitle};//# sourceMappingURL=card.mjs.map
|
|
2
|
-
//# sourceMappingURL=card.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/molecules/card/card.tsx"],"names":["cn","inputs","twMerge","clsx","Card","className","props","ref","jsx","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"yHAGO,SAASA,CAAAA,CAAAA,GAAMC,EAAsB,CAC1C,OAAOC,QAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,KCmCMG,CAAa,CAAA,CAAA,CAAA,UAAA,CACjB,CAAC,CAAE,SAAA,CAAAC,EAAW,GAAGC,CAAM,EAAGC,CACxBC,GAAAA,GAAAA,CAAC,OACC,GAAKD,CAAAA,CAAAA,CACL,UAAWP,CAAG,CAAA,0DAAA,CAA4DK,CAAS,CAClF,CAAA,GAAGC,CACN,CAAA,CAEJ,EACAF,CAAK,CAAA,WAAA,CAAc,OAObK,IAAAA,CAAAA,CAAmB,aACvB,CAAC,CAAE,UAAAJ,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GACxBC,IAAC,KAAI,CAAA,CAAA,GAAA,CAAKD,EAAK,SAAWP,CAAAA,CAAAA,CAAG,gCAAiCK,CAAS,CAAA,CAAI,GAAGC,CAAO,CAAA,CAEzF,EACAG,CAAW,CAAA,WAAA,CAAc,aAOnBC,IAAAA,CAAAA,CAAkB,aACtB,CAAC,CAAE,UAAAL,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GACxBC,IAAC,IACC,CAAA,CAAA,GAAA,CAAKD,CACL,CAAA,SAAA,CAAWP,EAAG,oDAAsDK,CAAAA,CAAS,EAC5E,GAAGC,CAAAA,CACN,CAEJ,EACAI,CAAAA,CAAU,YAAc,WAOxB,CAAA,IAAMC,EAAwB,CAG5B,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAN,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,IAC1BC,GAAC,CAAA,GAAA,CAAA,CAAE,IAAKD,CAAK,CAAA,SAAA,CAAWP,EAAG,+BAAiCK,CAAAA,CAAS,EAAI,GAAGC,CAAAA,CAAO,CACpF,EACDK,CAAAA,CAAgB,YAAc,iBAM9B,CAAA,IAAMC,EAAoB,CACxB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAP,CAAAA,CAAAA,CAAW,GAAGC,CAAM,EAAGC,CACxBC,GAAAA,GAAAA,CAAC,OAAI,GAAKD,CAAAA,CAAAA,CAAK,UAAWP,CAAG,CAAA,UAAA,CAAYK,CAAS,CAAI,CAAA,GAAGC,EAAO,CAEpE,EACAM,EAAY,WAAc,CAAA,aAAA,KAOpBC,CAAmB,CAAA,CAAA,CAAA,UAAA,CACvB,CAAC,CAAE,SAAA,CAAAR,EAAW,GAAGC,CAAM,EAAGC,CACxBC,GAAAA,GAAAA,CAAC,OAAI,GAAKD,CAAAA,CAAAA,CAAK,UAAWP,CAAG,CAAA,4BAAA,CAA8BK,CAAS,CAAI,CAAA,GAAGC,EAAO,CAEtF,EACAO,EAAW,WAAc,CAAA,YAAA","file":"card.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","/**\n * Card is a flexible container component that can be used to group related content and actions.\n * It provides a consistent visual style with a subtle border, shadow, and rounded corners.\n *\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\n/**\n * The main card container component.\n * Provides the base styling for the card including border, shadow, and rounded corners.\n * * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-card--docs\n *\n * @example\n * ```tsx\n * // Basic card\n * <Card>\n * <CardHeader>\n * <CardTitle>Card Title</CardTitle>\n * <CardDescription>Card Description</CardDescription>\n * </CardHeader>\n * <CardContent>\n * <p>Card content goes here.</p>\n * </CardContent>\n * <CardFooter>\n * <Button>Action</Button>\n * </CardFooter>\n * </Card>\n *\n * // Card with custom styling\n * <Card className=\"bg-primary text-primary-foreground\">\n * <CardHeader>\n * <CardTitle>Custom Styled Card</CardTitle>\n * </CardHeader>\n * <CardContent>\n * <p>This card has custom background and text colors.</p>\n * </CardContent>\n * </Card>\n * ```\n */\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div\n ref={ref}\n className={cn(\"rounded-lg border bg-card text-card-foreground shadow-sm\", className)}\n {...props}\n />\n )\n)\nCard.displayName = \"Card\"\n\n/**\n * Header section of the card.\n * Typically contains the card title and description.\n * Includes padding and spacing for consistent layout.\n */\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n )\n)\nCardHeader.displayName = \"CardHeader\"\n\n/**\n * Title component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card titles.\n */\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n ({ className, ...props }, ref) => (\n <h3\n ref={ref}\n className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)}\n {...props}\n />\n )\n)\nCardTitle.displayName = \"CardTitle\"\n\n/**\n * Description component for the card.\n * Should be used within CardHeader.\n * Provides consistent typography styling for card descriptions.\n */\nconst CardDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n))\nCardDescription.displayName = \"CardDescription\"\n\n/**\n * Main content section of the card.\n * Includes padding and removes top padding to maintain consistent spacing with the header.\n */\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n )\n)\nCardContent.displayName = \"CardContent\"\n\n/**\n * Footer section of the card.\n * Typically contains action buttons or additional information.\n * Includes padding and removes top padding to maintain consistent spacing with the content.\n */\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => (\n <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n )\n)\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n"]}
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import * as React$1 from 'react';
|
|
2
|
-
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
3
|
-
import { VariantProps } from 'class-variance-authority';
|
|
4
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
-
|
|
6
|
-
declare const navigationMenuTriggerStyle: (props?: ({
|
|
7
|
-
variant?: "default" | "ghost" | "link" | "mobile" | null | undefined;
|
|
8
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
|
-
|
|
10
|
-
interface NavigationMenuProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> {
|
|
11
|
-
/**
|
|
12
|
-
* The content of the navigation menu
|
|
13
|
-
*/
|
|
14
|
-
children: React.ReactNode;
|
|
15
|
-
/**
|
|
16
|
-
* Optional className for the root element
|
|
17
|
-
*/
|
|
18
|
-
className?: string;
|
|
19
|
-
}
|
|
20
|
-
interface NavigationMenuListProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> {
|
|
21
|
-
/**
|
|
22
|
-
* Optional className for the list element
|
|
23
|
-
*/
|
|
24
|
-
className?: string;
|
|
25
|
-
}
|
|
26
|
-
interface NavigationMenuItemProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item> {
|
|
27
|
-
/**
|
|
28
|
-
* Optional className for the item element
|
|
29
|
-
*/
|
|
30
|
-
className?: string;
|
|
31
|
-
}
|
|
32
|
-
interface NavigationMenuTriggerProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>, VariantProps<typeof navigationMenuTriggerStyle> {
|
|
33
|
-
/**
|
|
34
|
-
* Optional className for the trigger element
|
|
35
|
-
*/
|
|
36
|
-
className?: string;
|
|
37
|
-
}
|
|
38
|
-
interface NavigationMenuContentProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> {
|
|
39
|
-
/**
|
|
40
|
-
* Optional className for the content element
|
|
41
|
-
*/
|
|
42
|
-
className?: string;
|
|
43
|
-
}
|
|
44
|
-
interface NavigationMenuLinkProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link> {
|
|
45
|
-
/**
|
|
46
|
-
* Optional className for the link element
|
|
47
|
-
*/
|
|
48
|
-
className?: string;
|
|
49
|
-
}
|
|
50
|
-
interface NavigationMenuViewportProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> {
|
|
51
|
-
/**
|
|
52
|
-
* Optional className for the viewport element
|
|
53
|
-
*/
|
|
54
|
-
className?: string;
|
|
55
|
-
}
|
|
56
|
-
interface NavigationMenuIndicatorProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> {
|
|
57
|
-
/**
|
|
58
|
-
* Optional className for the indicator element
|
|
59
|
-
*/
|
|
60
|
-
className?: string;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* NavigationMenu component for creating accessible navigation menus with dropdowns.
|
|
65
|
-
* Built on top of Radix UI's NavigationMenu primitive.
|
|
66
|
-
*
|
|
67
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-navigation-menu--docs
|
|
68
|
-
*
|
|
69
|
-
* @example
|
|
70
|
-
* ```
|
|
71
|
-
* <NavigationMenu>
|
|
72
|
-
* <NavigationMenuList>
|
|
73
|
-
* <NavigationMenuItem>
|
|
74
|
-
* <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>
|
|
75
|
-
* <NavigationMenuContent>
|
|
76
|
-
* <ul className="grid gap-3 p-4 md:w-[400px] lg:w-[500px]">
|
|
77
|
-
* <li className="row-span-3">
|
|
78
|
-
* <NavigationMenuLink asChild>
|
|
79
|
-
* <a className="flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md">
|
|
80
|
-
* <div className="mb-2 mt-4 text-lg font-medium">shadcn/ui</div>
|
|
81
|
-
* <p className="text-sm leading-tight text-muted-foreground">
|
|
82
|
-
* Beautifully designed components built with Radix UI and Tailwind CSS.
|
|
83
|
-
* </p>
|
|
84
|
-
* </a>
|
|
85
|
-
* </NavigationMenuLink>
|
|
86
|
-
* </li>
|
|
87
|
-
* </ul>
|
|
88
|
-
* </NavigationMenuContent>
|
|
89
|
-
* </NavigationMenuItem>
|
|
90
|
-
* </NavigationMenuList>
|
|
91
|
-
* </NavigationMenu>
|
|
92
|
-
* ```
|
|
93
|
-
*/
|
|
94
|
-
declare const NavigationMenu: React$1.ForwardRefExoticComponent<NavigationMenuProps & React$1.RefAttributes<HTMLElement>>;
|
|
95
|
-
declare const NavigationMenuList: React$1.ForwardRefExoticComponent<NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>>;
|
|
96
|
-
declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
|
|
97
|
-
declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
98
|
-
declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
99
|
-
declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
100
|
-
declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
101
|
-
declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
102
|
-
|
|
103
|
-
export { NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps };
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var r=require('react'),e=require('@radix-ui/react-navigation-menu'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),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 r__namespace=/*#__PURE__*/_interopNamespace(r);var e__namespace=/*#__PURE__*/_interopNamespace(e);function o(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var v=classVarianceAuthority.cva("group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50",{variants:{variant:{default:"text-foreground",ghost:"hover:bg-transparent hover:underline",link:"text-primary underline-offset-4 hover:underline",mobile:"w-full justify-between border-b border-border py-4 text-base font-medium"}},defaultVariants:{variant:"default"}});var u=r__namespace.forwardRef(({className:t,children:i,...a},s)=>jsxRuntime.jsxs(e__namespace.Root,{ref:s,className:o("relative z-10 flex max-w-max flex-1 items-center justify-center",t),...a,children:[i,jsxRuntime.jsx(m,{})]}));u.displayName=e__namespace.Root.displayName;var g=r__namespace.forwardRef(({className:t,...i},a)=>jsxRuntime.jsx(e__namespace.List,{ref:a,className:o("group flex flex-1 list-none items-center justify-center space-x-1",t),...i}));g.displayName=e__namespace.List.displayName;var w=e__namespace.Item,d=r__namespace.forwardRef(({className:t,children:i,variant:a,...s},N)=>jsxRuntime.jsxs(e__namespace.Trigger,{ref:N,className:o(v({variant:a}),t),...s,children:[i," ",jsxRuntime.jsx(lucideReact.ChevronDown,{className:"relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));d.displayName=e__namespace.Trigger.displayName;var p=r__namespace.forwardRef(({className:t,...i},a)=>jsxRuntime.jsx(e__namespace.Content,{ref:a,className:o("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",t),...i}));p.displayName=e__namespace.Content.displayName;var R=e__namespace.Link,m=r__namespace.forwardRef(({className:t,...i},a)=>jsxRuntime.jsx("div",{className:o("absolute left-0 top-full flex justify-center"),children:jsxRuntime.jsx(e__namespace.Viewport,{className:o("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",t),ref:a,...i})}));m.displayName=e__namespace.Viewport.displayName;var f=r__namespace.forwardRef(({className:t,...i},a)=>jsxRuntime.jsx(e__namespace.Indicator,{ref:a,className:o("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",t),...i,children:jsxRuntime.jsx("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}));f.displayName=e__namespace.Indicator.displayName;exports.NavigationMenu=u;exports.NavigationMenuContent=p;exports.NavigationMenuIndicator=f;exports.NavigationMenuItem=w;exports.NavigationMenuLink=R;exports.NavigationMenuList=g;exports.NavigationMenuTrigger=d;exports.NavigationMenuViewport=m;//# sourceMappingURL=navigation-menu.js.map
|
|
2
|
-
//# sourceMappingURL=navigation-menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/molecules/navigation-menu/navigation-menu.variants.ts","../../src/components/molecules/navigation-menu/navigation-menu.tsx"],"names":["cn","inputs","twMerge","clsx","navigationMenuTriggerStyle","cva","NavigationMenu","r","className","children","props","ref","jsxs","e","jsx","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","variant","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":"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","file":"navigation-menu.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 { cva } from \"class-variance-authority\"\n\nexport const navigationMenuTriggerStyle = cva(\n \"group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50\",\n {\n variants: {\n variant: {\n default: \"text-foreground\",\n ghost: \"hover:bg-transparent hover:underline\",\n link: \"text-primary underline-offset-4 hover:underline\",\n mobile: \"w-full justify-between border-b border-border py-4 text-base font-medium\"\n }\n },\n defaultVariants: {\n variant: \"default\"\n }\n }\n)\n","import * as React from \"react\"\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\"\nimport { ChevronDown } from \"lucide-react\"\nimport { cn } from \"@/utils/index\"\nimport { navigationMenuTriggerStyle } from \"./navigation-menu.variants\"\nimport type {\n NavigationMenuProps,\n NavigationMenuListProps,\n NavigationMenuItemProps,\n NavigationMenuTriggerProps,\n NavigationMenuContentProps,\n NavigationMenuLinkProps,\n NavigationMenuViewportProps,\n NavigationMenuIndicatorProps\n} from \"./navigation-menu.types\"\n\n/**\n * NavigationMenu component for creating accessible navigation menus with dropdowns.\n * Built on top of Radix UI's NavigationMenu primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-navigation-menu--docs\n *\n * @example\n * ```\n * <NavigationMenu>\n * <NavigationMenuList>\n * <NavigationMenuItem>\n * <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>\n * <NavigationMenuContent>\n * <ul className=\"grid gap-3 p-4 md:w-[400px] lg:w-[500px]\">\n * <li className=\"row-span-3\">\n * <NavigationMenuLink asChild>\n * <a className=\"flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md\">\n * <div className=\"mb-2 mt-4 text-lg font-medium\">shadcn/ui</div>\n * <p className=\"text-sm leading-tight text-muted-foreground\">\n * Beautifully designed components built with Radix UI and Tailwind CSS.\n * </p>\n * </a>\n * </NavigationMenuLink>\n * </li>\n * </ul>\n * </NavigationMenuContent>\n * </NavigationMenuItem>\n * </NavigationMenuList>\n * </NavigationMenu>\n * ```\n */\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n NavigationMenuProps\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n))\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n NavigationMenuListProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n />\n))\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n NavigationMenuTriggerProps\n>(({ className, children, variant, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={cn(navigationMenuTriggerStyle({ variant }), className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDown\n className=\"relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n))\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n NavigationMenuContentProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto\",\n className\n )}\n {...props}\n />\n))\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n NavigationMenuViewportProps\n>(({ className, ...props }, ref) => (\n <div className={cn(\"absolute left-0 top-full flex justify-center\")}>\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className\n )}\n ref={ref}\n {...props}\n />\n </div>\n))\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName\n\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n NavigationMenuIndicatorProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in\",\n className\n )}\n {...props}\n >\n <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n))\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/molecules/navigation-menu/navigation-menu.variants.ts","../../src/components/molecules/navigation-menu/navigation-menu.tsx"],"names":["cn","inputs","twMerge","clsx","navigationMenuTriggerStyle","cva","NavigationMenu","className","children","props","ref","jsxs","jsx","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","variant","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":"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","file":"navigation-menu.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 { cva } from \"class-variance-authority\"\n\nexport const navigationMenuTriggerStyle = cva(\n \"group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50\",\n {\n variants: {\n variant: {\n default: \"text-foreground\",\n ghost: \"hover:bg-transparent hover:underline\",\n link: \"text-primary underline-offset-4 hover:underline\",\n mobile: \"w-full justify-between border-b border-border py-4 text-base font-medium\"\n }\n },\n defaultVariants: {\n variant: \"default\"\n }\n }\n)\n","import * as React from \"react\"\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\"\nimport { ChevronDown } from \"lucide-react\"\nimport { cn } from \"@/utils/index\"\nimport { navigationMenuTriggerStyle } from \"./navigation-menu.variants\"\nimport type {\n NavigationMenuProps,\n NavigationMenuListProps,\n NavigationMenuItemProps,\n NavigationMenuTriggerProps,\n NavigationMenuContentProps,\n NavigationMenuLinkProps,\n NavigationMenuViewportProps,\n NavigationMenuIndicatorProps\n} from \"./navigation-menu.types\"\n\n/**\n * NavigationMenu component for creating accessible navigation menus with dropdowns.\n * Built on top of Radix UI's NavigationMenu primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-navigation-menu--docs\n *\n * @example\n * ```\n * <NavigationMenu>\n * <NavigationMenuList>\n * <NavigationMenuItem>\n * <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>\n * <NavigationMenuContent>\n * <ul className=\"grid gap-3 p-4 md:w-[400px] lg:w-[500px]\">\n * <li className=\"row-span-3\">\n * <NavigationMenuLink asChild>\n * <a className=\"flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md\">\n * <div className=\"mb-2 mt-4 text-lg font-medium\">shadcn/ui</div>\n * <p className=\"text-sm leading-tight text-muted-foreground\">\n * Beautifully designed components built with Radix UI and Tailwind CSS.\n * </p>\n * </a>\n * </NavigationMenuLink>\n * </li>\n * </ul>\n * </NavigationMenuContent>\n * </NavigationMenuItem>\n * </NavigationMenuList>\n * </NavigationMenu>\n * ```\n */\nconst NavigationMenu = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n NavigationMenuProps\n>(({ className, children, ...props }, ref) => (\n <NavigationMenuPrimitive.Root\n ref={ref}\n className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\n {...props}\n >\n {children}\n <NavigationMenuViewport />\n </NavigationMenuPrimitive.Root>\n))\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst NavigationMenuList = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.List>,\n NavigationMenuListProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.List\n ref={ref}\n className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\n {...props}\n />\n))\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item\n\nconst NavigationMenuTrigger = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n NavigationMenuTriggerProps\n>(({ className, children, variant, ...props }, ref) => (\n <NavigationMenuPrimitive.Trigger\n ref={ref}\n className={cn(navigationMenuTriggerStyle({ variant }), className)}\n {...props}\n >\n {children}{\" \"}\n <ChevronDown\n className=\"relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180\"\n aria-hidden=\"true\"\n />\n </NavigationMenuPrimitive.Trigger>\n))\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName\n\nconst NavigationMenuContent = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n NavigationMenuContentProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Content\n ref={ref}\n className={cn(\n \"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto\",\n className\n )}\n {...props}\n />\n))\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link\n\nconst NavigationMenuViewport = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n NavigationMenuViewportProps\n>(({ className, ...props }, ref) => (\n <div className={cn(\"absolute left-0 top-full flex justify-center\")}>\n <NavigationMenuPrimitive.Viewport\n className={cn(\n \"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]\",\n className\n )}\n ref={ref}\n {...props}\n />\n </div>\n))\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName\n\nconst NavigationMenuIndicator = React.forwardRef<\n React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n NavigationMenuIndicatorProps\n>(({ className, ...props }, ref) => (\n <NavigationMenuPrimitive.Indicator\n ref={ref}\n className={cn(\n \"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in\",\n className\n )}\n {...props}\n >\n <div className=\"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md\" />\n </NavigationMenuPrimitive.Indicator>\n))\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport\n}\n"]}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Tabs component provides a way to organize content into separate views where only one view is visible at a time.
|
|
6
|
-
* It follows the WAI-ARIA Tabs Pattern for accessibility.
|
|
7
|
-
*
|
|
8
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-tabs--docs
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Tabs defaultValue="account">
|
|
13
|
-
* <TabsList>
|
|
14
|
-
* <TabsTrigger value="account">Account</TabsTrigger>
|
|
15
|
-
* <TabsTrigger value="password">Password</TabsTrigger>
|
|
16
|
-
* </TabsList>
|
|
17
|
-
* <TabsContent value="account">
|
|
18
|
-
* <p>Account settings content</p>
|
|
19
|
-
* </TabsContent>
|
|
20
|
-
* <TabsContent value="password">
|
|
21
|
-
* <p>Password settings content</p>
|
|
22
|
-
* </TabsContent>
|
|
23
|
-
* </Tabs>
|
|
24
|
-
* ```
|
|
25
|
-
*/
|
|
26
|
-
|
|
27
|
-
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
-
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
-
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
30
|
-
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
-
|
|
32
|
-
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
package/dist/molecules/tabs.d.ts
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Tabs component provides a way to organize content into separate views where only one view is visible at a time.
|
|
6
|
-
* It follows the WAI-ARIA Tabs Pattern for accessibility.
|
|
7
|
-
*
|
|
8
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-tabs--docs
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Tabs defaultValue="account">
|
|
13
|
-
* <TabsList>
|
|
14
|
-
* <TabsTrigger value="account">Account</TabsTrigger>
|
|
15
|
-
* <TabsTrigger value="password">Password</TabsTrigger>
|
|
16
|
-
* </TabsList>
|
|
17
|
-
* <TabsContent value="account">
|
|
18
|
-
* <p>Account settings content</p>
|
|
19
|
-
* </TabsContent>
|
|
20
|
-
* <TabsContent value="password">
|
|
21
|
-
* <p>Password settings content</p>
|
|
22
|
-
* </TabsContent>
|
|
23
|
-
* </Tabs>
|
|
24
|
-
* ```
|
|
25
|
-
*/
|
|
26
|
-
|
|
27
|
-
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
-
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
29
|
-
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
30
|
-
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
-
|
|
32
|
-
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
package/dist/molecules/tabs.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var r=require('react'),e=require('@radix-ui/react-tabs'),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 T=e__namespace.Root,m=r__namespace.forwardRef(({className:t,...i},s)=>jsxRuntime.jsx(e__namespace.List,{ref:s,className:o("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",t),...i}));m.displayName=e__namespace.List.displayName;var c=r__namespace.forwardRef(({className:t,...i},s)=>jsxRuntime.jsx(e__namespace.Trigger,{ref:s,className:o("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",t),...i}));c.displayName=e__namespace.Trigger.displayName;var l=r__namespace.forwardRef(({className:t,...i},s)=>jsxRuntime.jsx(e__namespace.Content,{ref:s,className:o("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",t),...i}));l.displayName=e__namespace.Content.displayName;exports.Tabs=T;exports.TabsContent=l;exports.TabsList=m;exports.TabsTrigger=c;//# sourceMappingURL=tabs.js.map
|
|
2
|
-
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/molecules/tabs/tabs.tsx"],"names":["cn","inputs","twMerge","clsx","Tabs","e","TabsList","r","className","props","ref","jsx","TabsTrigger","TabsContent"],"mappings":"okBAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,SAAKF,CAAAA,CAAM,CAAC,CAC7B,KCqBMG,CAAqB,CAAAC,YAAA,CAAA,IAAA,CAErBC,CAAiB,CAAAC,YAAA,CAAA,UAAA,CAGrB,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC1BC,cAAe,CAAAN,YAAA,CAAA,IAAA,CAAd,CACC,GAAKK,CAAAA,CAAAA,CACL,SAAWV,CAAAA,CAAAA,CACT,4FACAQ,CAAAA,CACF,CACC,CAAA,GAAGC,CACN,CAAA,CACD,EACDH,CAAAA,CAAS,WAA4B,CAAAD,YAAA,CAAA,IAAA,CAAK,YAEpCO,IAAAA,CAAAA,CAAoBL,YAGxB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAC,EAAW,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC1BC,cAAe,CAAAN,YAAA,CAAA,OAAA,CAAd,CACC,GAAKK,CAAAA,CAAAA,CACL,SAAWV,CAAAA,CAAAA,CACT,qYACAQ,CAAAA,CACF,CACC,CAAA,GAAGC,CACN,CAAA,CACD,EACDG,CAAAA,CAAY,WAA4B,CAAAP,YAAA,CAAA,OAAA,CAAQ,YAE1CQ,IAAAA,CAAAA,CAAoBN,YAGxB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAC,CAAW,CAAA,GAAGC,CAAM,CAAA,CAAGC,CAC1BC,GAAAA,cAAAA,CAAeN,YAAd,CAAA,OAAA,CAAA,CACC,IAAKK,CACL,CAAA,SAAA,CAAWV,CACT,CAAA,iIAAA,CACAQ,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACD,EACDI,CAAY,CAAA,WAAA,CAA4BR,YAAQ,CAAA,OAAA,CAAA,WAAA","file":"tabs.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","/**\n * Tabs component provides a way to organize content into separate views where only one view is visible at a time.\n * It follows the WAI-ARIA Tabs Pattern for accessibility.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-tabs--docs\n *\n * @example\n * ```tsx\n * <Tabs defaultValue=\"account\">\n * <TabsList>\n * <TabsTrigger value=\"account\">Account</TabsTrigger>\n * <TabsTrigger value=\"password\">Password</TabsTrigger>\n * </TabsList>\n * <TabsContent value=\"account\">\n * <p>Account settings content</p>\n * </TabsContent>\n * <TabsContent value=\"password\">\n * <p>Password settings content</p>\n * </TabsContent>\n * </Tabs>\n * ```\n */\nimport * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\nimport { cn } from \"@/utils\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground\",\n className\n )}\n {...props}\n />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\",\n className\n )}\n {...props}\n />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n className\n )}\n {...props}\n />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"]}
|
package/dist/molecules/tabs.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import*as r from'react';import*as e from'@radix-ui/react-tabs';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function o(...t){return twMerge(clsx(t))}var T=e.Root,m=r.forwardRef(({className:t,...i},s)=>jsx(e.List,{ref:s,className:o("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",t),...i}));m.displayName=e.List.displayName;var c=r.forwardRef(({className:t,...i},s)=>jsx(e.Trigger,{ref:s,className:o("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",t),...i}));c.displayName=e.Trigger.displayName;var l=r.forwardRef(({className:t,...i},s)=>jsx(e.Content,{ref:s,className:o("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",t),...i}));l.displayName=e.Content.displayName;export{T as Tabs,l as TabsContent,m as TabsList,c as TabsTrigger};//# sourceMappingURL=tabs.mjs.map
|
|
2
|
-
//# sourceMappingURL=tabs.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/molecules/tabs/tabs.tsx"],"names":["cn","inputs","twMerge","clsx","Tabs","TabsList","className","props","ref","jsx","TabsTrigger","TabsContent"],"mappings":"gKAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAAA,CAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,KCqBMG,CAAqB,CAAA,CAAA,CAAA,IAAA,CAErBC,CAAiB,CAAA,CAAA,CAAA,UAAA,CAGrB,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC1BC,GAAe,CAAA,CAAA,CAAA,IAAA,CAAd,CACC,GAAKD,CAAAA,CAAAA,CACL,SAAWR,CAAAA,CAAAA,CACT,4FACAM,CAAAA,CACF,CACC,CAAA,GAAGC,CACN,CAAA,CACD,EACDF,CAAAA,CAAS,WAA4B,CAAA,CAAA,CAAA,IAAA,CAAK,YAEpCK,IAAAA,CAAAA,CAAoB,CAGxB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAJ,EAAW,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC1BC,GAAe,CAAA,CAAA,CAAA,OAAA,CAAd,CACC,GAAKD,CAAAA,CAAAA,CACL,SAAWR,CAAAA,CAAAA,CACT,qYACAM,CAAAA,CACF,CACC,CAAA,GAAGC,CACN,CAAA,CACD,EACDG,CAAAA,CAAY,WAA4B,CAAA,CAAA,CAAA,OAAA,CAAQ,YAE1CC,IAAAA,CAAAA,CAAoB,CAGxB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAA,CAAAL,CAAW,CAAA,GAAGC,CAAM,CAAA,CAAGC,CAC1BC,GAAAA,GAAAA,CAAe,CAAd,CAAA,OAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWR,CACT,CAAA,iIAAA,CACAM,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACD,EACDI,CAAY,CAAA,WAAA,CAA4B,CAAQ,CAAA,OAAA,CAAA,WAAA","file":"tabs.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","/**\n * Tabs component provides a way to organize content into separate views where only one view is visible at a time.\n * It follows the WAI-ARIA Tabs Pattern for accessibility.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-tabs--docs\n *\n * @example\n * ```tsx\n * <Tabs defaultValue=\"account\">\n * <TabsList>\n * <TabsTrigger value=\"account\">Account</TabsTrigger>\n * <TabsTrigger value=\"password\">Password</TabsTrigger>\n * </TabsList>\n * <TabsContent value=\"account\">\n * <p>Account settings content</p>\n * </TabsContent>\n * <TabsContent value=\"password\">\n * <p>Password settings content</p>\n * </TabsContent>\n * </Tabs>\n * ```\n */\nimport * as React from \"react\"\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\"\nimport { cn } from \"@/utils\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n \"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground\",\n className\n )}\n {...props}\n />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\",\n className\n )}\n {...props}\n />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n \"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n className\n )}\n {...props}\n />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"]}
|