@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
package/dist/molecules.d.mts
DELETED
|
@@ -1,201 +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
|
-
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Card is a flexible container component that can be used to group related content and actions.
|
|
9
|
-
* It provides a consistent visual style with a subtle border, shadow, and rounded corners.
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* The main card container component.
|
|
15
|
-
* Provides the base styling for the card including border, shadow, and rounded corners.
|
|
16
|
-
* * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-card--docs
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* // Basic card
|
|
21
|
-
* <Card>
|
|
22
|
-
* <CardHeader>
|
|
23
|
-
* <CardTitle>Card Title</CardTitle>
|
|
24
|
-
* <CardDescription>Card Description</CardDescription>
|
|
25
|
-
* </CardHeader>
|
|
26
|
-
* <CardContent>
|
|
27
|
-
* <p>Card content goes here.</p>
|
|
28
|
-
* </CardContent>
|
|
29
|
-
* <CardFooter>
|
|
30
|
-
* <Button>Action</Button>
|
|
31
|
-
* </CardFooter>
|
|
32
|
-
* </Card>
|
|
33
|
-
*
|
|
34
|
-
* // Card with custom styling
|
|
35
|
-
* <Card className="bg-primary text-primary-foreground">
|
|
36
|
-
* <CardHeader>
|
|
37
|
-
* <CardTitle>Custom Styled Card</CardTitle>
|
|
38
|
-
* </CardHeader>
|
|
39
|
-
* <CardContent>
|
|
40
|
-
* <p>This card has custom background and text colors.</p>
|
|
41
|
-
* </CardContent>
|
|
42
|
-
* </Card>
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
46
|
-
/**
|
|
47
|
-
* Header section of the card.
|
|
48
|
-
* Typically contains the card title and description.
|
|
49
|
-
* Includes padding and spacing for consistent layout.
|
|
50
|
-
*/
|
|
51
|
-
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
52
|
-
/**
|
|
53
|
-
* Title component for the card.
|
|
54
|
-
* Should be used within CardHeader.
|
|
55
|
-
* Provides consistent typography styling for card titles.
|
|
56
|
-
*/
|
|
57
|
-
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
58
|
-
/**
|
|
59
|
-
* Description component for the card.
|
|
60
|
-
* Should be used within CardHeader.
|
|
61
|
-
* Provides consistent typography styling for card descriptions.
|
|
62
|
-
*/
|
|
63
|
-
declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
64
|
-
/**
|
|
65
|
-
* Main content section of the card.
|
|
66
|
-
* Includes padding and removes top padding to maintain consistent spacing with the header.
|
|
67
|
-
*/
|
|
68
|
-
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
69
|
-
/**
|
|
70
|
-
* Footer section of the card.
|
|
71
|
-
* Typically contains action buttons or additional information.
|
|
72
|
-
* Includes padding and removes top padding to maintain consistent spacing with the content.
|
|
73
|
-
*/
|
|
74
|
-
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
75
|
-
|
|
76
|
-
declare const navigationMenuTriggerStyle: (props?: ({
|
|
77
|
-
variant?: "default" | "link" | "ghost" | "mobile" | null | undefined;
|
|
78
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
79
|
-
|
|
80
|
-
interface NavigationMenuProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> {
|
|
81
|
-
/**
|
|
82
|
-
* The content of the navigation menu
|
|
83
|
-
*/
|
|
84
|
-
children: React.ReactNode;
|
|
85
|
-
/**
|
|
86
|
-
* Optional className for the root element
|
|
87
|
-
*/
|
|
88
|
-
className?: string;
|
|
89
|
-
}
|
|
90
|
-
interface NavigationMenuListProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> {
|
|
91
|
-
/**
|
|
92
|
-
* Optional className for the list element
|
|
93
|
-
*/
|
|
94
|
-
className?: string;
|
|
95
|
-
}
|
|
96
|
-
interface NavigationMenuItemProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item> {
|
|
97
|
-
/**
|
|
98
|
-
* Optional className for the item element
|
|
99
|
-
*/
|
|
100
|
-
className?: string;
|
|
101
|
-
}
|
|
102
|
-
interface NavigationMenuTriggerProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>, VariantProps<typeof navigationMenuTriggerStyle> {
|
|
103
|
-
/**
|
|
104
|
-
* Optional className for the trigger element
|
|
105
|
-
*/
|
|
106
|
-
className?: string;
|
|
107
|
-
}
|
|
108
|
-
interface NavigationMenuContentProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> {
|
|
109
|
-
/**
|
|
110
|
-
* Optional className for the content element
|
|
111
|
-
*/
|
|
112
|
-
className?: string;
|
|
113
|
-
}
|
|
114
|
-
interface NavigationMenuLinkProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link> {
|
|
115
|
-
/**
|
|
116
|
-
* Optional className for the link element
|
|
117
|
-
*/
|
|
118
|
-
className?: string;
|
|
119
|
-
}
|
|
120
|
-
interface NavigationMenuViewportProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> {
|
|
121
|
-
/**
|
|
122
|
-
* Optional className for the viewport element
|
|
123
|
-
*/
|
|
124
|
-
className?: string;
|
|
125
|
-
}
|
|
126
|
-
interface NavigationMenuIndicatorProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> {
|
|
127
|
-
/**
|
|
128
|
-
* Optional className for the indicator element
|
|
129
|
-
*/
|
|
130
|
-
className?: string;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
/**
|
|
134
|
-
* NavigationMenu component for creating accessible navigation menus with dropdowns.
|
|
135
|
-
* Built on top of Radix UI's NavigationMenu primitive.
|
|
136
|
-
*
|
|
137
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-navigation-menu--docs
|
|
138
|
-
*
|
|
139
|
-
* @example
|
|
140
|
-
* ```
|
|
141
|
-
* <NavigationMenu>
|
|
142
|
-
* <NavigationMenuList>
|
|
143
|
-
* <NavigationMenuItem>
|
|
144
|
-
* <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>
|
|
145
|
-
* <NavigationMenuContent>
|
|
146
|
-
* <ul className="grid gap-3 p-4 md:w-[400px] lg:w-[500px]">
|
|
147
|
-
* <li className="row-span-3">
|
|
148
|
-
* <NavigationMenuLink asChild>
|
|
149
|
-
* <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">
|
|
150
|
-
* <div className="mb-2 mt-4 text-lg font-medium">shadcn/ui</div>
|
|
151
|
-
* <p className="text-sm leading-tight text-muted-foreground">
|
|
152
|
-
* Beautifully designed components built with Radix UI and Tailwind CSS.
|
|
153
|
-
* </p>
|
|
154
|
-
* </a>
|
|
155
|
-
* </NavigationMenuLink>
|
|
156
|
-
* </li>
|
|
157
|
-
* </ul>
|
|
158
|
-
* </NavigationMenuContent>
|
|
159
|
-
* </NavigationMenuItem>
|
|
160
|
-
* </NavigationMenuList>
|
|
161
|
-
* </NavigationMenu>
|
|
162
|
-
* ```
|
|
163
|
-
*/
|
|
164
|
-
declare const NavigationMenu: React$1.ForwardRefExoticComponent<NavigationMenuProps & React$1.RefAttributes<HTMLElement>>;
|
|
165
|
-
declare const NavigationMenuList: React$1.ForwardRefExoticComponent<NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>>;
|
|
166
|
-
declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
|
|
167
|
-
declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
168
|
-
declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
169
|
-
declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
170
|
-
declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
171
|
-
declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
172
|
-
|
|
173
|
-
/**
|
|
174
|
-
* Tabs component provides a way to organize content into separate views where only one view is visible at a time.
|
|
175
|
-
* It follows the WAI-ARIA Tabs Pattern for accessibility.
|
|
176
|
-
*
|
|
177
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-tabs--docs
|
|
178
|
-
*
|
|
179
|
-
* @example
|
|
180
|
-
* ```tsx
|
|
181
|
-
* <Tabs defaultValue="account">
|
|
182
|
-
* <TabsList>
|
|
183
|
-
* <TabsTrigger value="account">Account</TabsTrigger>
|
|
184
|
-
* <TabsTrigger value="password">Password</TabsTrigger>
|
|
185
|
-
* </TabsList>
|
|
186
|
-
* <TabsContent value="account">
|
|
187
|
-
* <p>Account settings content</p>
|
|
188
|
-
* </TabsContent>
|
|
189
|
-
* <TabsContent value="password">
|
|
190
|
-
* <p>Password settings content</p>
|
|
191
|
-
* </TabsContent>
|
|
192
|
-
* </Tabs>
|
|
193
|
-
* ```
|
|
194
|
-
*/
|
|
195
|
-
|
|
196
|
-
declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
197
|
-
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
198
|
-
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
199
|
-
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
200
|
-
|
|
201
|
-
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, Tabs, TabsContent, TabsList, TabsTrigger };
|
package/dist/molecules.d.ts
DELETED
|
@@ -1,201 +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
|
-
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Card is a flexible container component that can be used to group related content and actions.
|
|
9
|
-
* It provides a consistent visual style with a subtle border, shadow, and rounded corners.
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* The main card container component.
|
|
15
|
-
* Provides the base styling for the card including border, shadow, and rounded corners.
|
|
16
|
-
* * @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-card--docs
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* // Basic card
|
|
21
|
-
* <Card>
|
|
22
|
-
* <CardHeader>
|
|
23
|
-
* <CardTitle>Card Title</CardTitle>
|
|
24
|
-
* <CardDescription>Card Description</CardDescription>
|
|
25
|
-
* </CardHeader>
|
|
26
|
-
* <CardContent>
|
|
27
|
-
* <p>Card content goes here.</p>
|
|
28
|
-
* </CardContent>
|
|
29
|
-
* <CardFooter>
|
|
30
|
-
* <Button>Action</Button>
|
|
31
|
-
* </CardFooter>
|
|
32
|
-
* </Card>
|
|
33
|
-
*
|
|
34
|
-
* // Card with custom styling
|
|
35
|
-
* <Card className="bg-primary text-primary-foreground">
|
|
36
|
-
* <CardHeader>
|
|
37
|
-
* <CardTitle>Custom Styled Card</CardTitle>
|
|
38
|
-
* </CardHeader>
|
|
39
|
-
* <CardContent>
|
|
40
|
-
* <p>This card has custom background and text colors.</p>
|
|
41
|
-
* </CardContent>
|
|
42
|
-
* </Card>
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
46
|
-
/**
|
|
47
|
-
* Header section of the card.
|
|
48
|
-
* Typically contains the card title and description.
|
|
49
|
-
* Includes padding and spacing for consistent layout.
|
|
50
|
-
*/
|
|
51
|
-
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
52
|
-
/**
|
|
53
|
-
* Title component for the card.
|
|
54
|
-
* Should be used within CardHeader.
|
|
55
|
-
* Provides consistent typography styling for card titles.
|
|
56
|
-
*/
|
|
57
|
-
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
58
|
-
/**
|
|
59
|
-
* Description component for the card.
|
|
60
|
-
* Should be used within CardHeader.
|
|
61
|
-
* Provides consistent typography styling for card descriptions.
|
|
62
|
-
*/
|
|
63
|
-
declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
64
|
-
/**
|
|
65
|
-
* Main content section of the card.
|
|
66
|
-
* Includes padding and removes top padding to maintain consistent spacing with the header.
|
|
67
|
-
*/
|
|
68
|
-
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
69
|
-
/**
|
|
70
|
-
* Footer section of the card.
|
|
71
|
-
* Typically contains action buttons or additional information.
|
|
72
|
-
* Includes padding and removes top padding to maintain consistent spacing with the content.
|
|
73
|
-
*/
|
|
74
|
-
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
75
|
-
|
|
76
|
-
declare const navigationMenuTriggerStyle: (props?: ({
|
|
77
|
-
variant?: "default" | "link" | "ghost" | "mobile" | null | undefined;
|
|
78
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
79
|
-
|
|
80
|
-
interface NavigationMenuProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> {
|
|
81
|
-
/**
|
|
82
|
-
* The content of the navigation menu
|
|
83
|
-
*/
|
|
84
|
-
children: React.ReactNode;
|
|
85
|
-
/**
|
|
86
|
-
* Optional className for the root element
|
|
87
|
-
*/
|
|
88
|
-
className?: string;
|
|
89
|
-
}
|
|
90
|
-
interface NavigationMenuListProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> {
|
|
91
|
-
/**
|
|
92
|
-
* Optional className for the list element
|
|
93
|
-
*/
|
|
94
|
-
className?: string;
|
|
95
|
-
}
|
|
96
|
-
interface NavigationMenuItemProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item> {
|
|
97
|
-
/**
|
|
98
|
-
* Optional className for the item element
|
|
99
|
-
*/
|
|
100
|
-
className?: string;
|
|
101
|
-
}
|
|
102
|
-
interface NavigationMenuTriggerProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>, VariantProps<typeof navigationMenuTriggerStyle> {
|
|
103
|
-
/**
|
|
104
|
-
* Optional className for the trigger element
|
|
105
|
-
*/
|
|
106
|
-
className?: string;
|
|
107
|
-
}
|
|
108
|
-
interface NavigationMenuContentProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> {
|
|
109
|
-
/**
|
|
110
|
-
* Optional className for the content element
|
|
111
|
-
*/
|
|
112
|
-
className?: string;
|
|
113
|
-
}
|
|
114
|
-
interface NavigationMenuLinkProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link> {
|
|
115
|
-
/**
|
|
116
|
-
* Optional className for the link element
|
|
117
|
-
*/
|
|
118
|
-
className?: string;
|
|
119
|
-
}
|
|
120
|
-
interface NavigationMenuViewportProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> {
|
|
121
|
-
/**
|
|
122
|
-
* Optional className for the viewport element
|
|
123
|
-
*/
|
|
124
|
-
className?: string;
|
|
125
|
-
}
|
|
126
|
-
interface NavigationMenuIndicatorProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> {
|
|
127
|
-
/**
|
|
128
|
-
* Optional className for the indicator element
|
|
129
|
-
*/
|
|
130
|
-
className?: string;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
/**
|
|
134
|
-
* NavigationMenu component for creating accessible navigation menus with dropdowns.
|
|
135
|
-
* Built on top of Radix UI's NavigationMenu primitive.
|
|
136
|
-
*
|
|
137
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-navigation-menu--docs
|
|
138
|
-
*
|
|
139
|
-
* @example
|
|
140
|
-
* ```
|
|
141
|
-
* <NavigationMenu>
|
|
142
|
-
* <NavigationMenuList>
|
|
143
|
-
* <NavigationMenuItem>
|
|
144
|
-
* <NavigationMenuTrigger>Getting Started</NavigationMenuTrigger>
|
|
145
|
-
* <NavigationMenuContent>
|
|
146
|
-
* <ul className="grid gap-3 p-4 md:w-[400px] lg:w-[500px]">
|
|
147
|
-
* <li className="row-span-3">
|
|
148
|
-
* <NavigationMenuLink asChild>
|
|
149
|
-
* <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">
|
|
150
|
-
* <div className="mb-2 mt-4 text-lg font-medium">shadcn/ui</div>
|
|
151
|
-
* <p className="text-sm leading-tight text-muted-foreground">
|
|
152
|
-
* Beautifully designed components built with Radix UI and Tailwind CSS.
|
|
153
|
-
* </p>
|
|
154
|
-
* </a>
|
|
155
|
-
* </NavigationMenuLink>
|
|
156
|
-
* </li>
|
|
157
|
-
* </ul>
|
|
158
|
-
* </NavigationMenuContent>
|
|
159
|
-
* </NavigationMenuItem>
|
|
160
|
-
* </NavigationMenuList>
|
|
161
|
-
* </NavigationMenu>
|
|
162
|
-
* ```
|
|
163
|
-
*/
|
|
164
|
-
declare const NavigationMenu: React$1.ForwardRefExoticComponent<NavigationMenuProps & React$1.RefAttributes<HTMLElement>>;
|
|
165
|
-
declare const NavigationMenuList: React$1.ForwardRefExoticComponent<NavigationMenuListProps & React$1.RefAttributes<HTMLUListElement>>;
|
|
166
|
-
declare const NavigationMenuItem: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React$1.RefAttributes<HTMLLIElement>>;
|
|
167
|
-
declare const NavigationMenuTrigger: React$1.ForwardRefExoticComponent<NavigationMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
168
|
-
declare const NavigationMenuContent: React$1.ForwardRefExoticComponent<NavigationMenuContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
169
|
-
declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
170
|
-
declare const NavigationMenuViewport: React$1.ForwardRefExoticComponent<NavigationMenuViewportProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
171
|
-
declare const NavigationMenuIndicator: React$1.ForwardRefExoticComponent<NavigationMenuIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
172
|
-
|
|
173
|
-
/**
|
|
174
|
-
* Tabs component provides a way to organize content into separate views where only one view is visible at a time.
|
|
175
|
-
* It follows the WAI-ARIA Tabs Pattern for accessibility.
|
|
176
|
-
*
|
|
177
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/molecules-tabs--docs
|
|
178
|
-
*
|
|
179
|
-
* @example
|
|
180
|
-
* ```tsx
|
|
181
|
-
* <Tabs defaultValue="account">
|
|
182
|
-
* <TabsList>
|
|
183
|
-
* <TabsTrigger value="account">Account</TabsTrigger>
|
|
184
|
-
* <TabsTrigger value="password">Password</TabsTrigger>
|
|
185
|
-
* </TabsList>
|
|
186
|
-
* <TabsContent value="account">
|
|
187
|
-
* <p>Account settings content</p>
|
|
188
|
-
* </TabsContent>
|
|
189
|
-
* <TabsContent value="password">
|
|
190
|
-
* <p>Password settings content</p>
|
|
191
|
-
* </TabsContent>
|
|
192
|
-
* </Tabs>
|
|
193
|
-
* ```
|
|
194
|
-
*/
|
|
195
|
-
|
|
196
|
-
declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
197
|
-
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
198
|
-
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
199
|
-
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
200
|
-
|
|
201
|
-
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, Tabs, TabsContent, TabsList, TabsTrigger };
|
package/dist/molecules.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var s=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),a=require('@radix-ui/react-navigation-menu'),lucideReact=require('lucide-react'),classVarianceAuthority=require('class-variance-authority'),n=require('@radix-ui/react-tabs');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 s__namespace=/*#__PURE__*/_interopNamespace(s);var a__namespace=/*#__PURE__*/_interopNamespace(a);var n__namespace=/*#__PURE__*/_interopNamespace(n);function o(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var w=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx("div",{ref:i,className:o("rounded-lg border bg-card text-card-foreground shadow-sm",e),...t}));w.displayName="Card";var x=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx("div",{ref:i,className:o("flex flex-col space-y-1.5 p-6",e),...t}));x.displayName="CardHeader";var h=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx("h3",{ref:i,className:o("text-2xl font-semibold leading-none tracking-tight",e),...t}));h.displayName="CardTitle";var L=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx("p",{ref:i,className:o("text-sm text-muted-foreground",e),...t}));L.displayName="CardDescription";var C=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx("div",{ref:i,className:o("p-6 pt-0",e),...t}));C.displayName="CardContent";var E=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx("div",{ref:i,className:o("flex items-center p-6 pt-0",e),...t}));E.displayName="CardFooter";var u=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 p=s__namespace.forwardRef(({className:e,children:t,...i},v)=>jsxRuntime.jsxs(a__namespace.Root,{ref:v,className:o("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...i,children:[t,jsxRuntime.jsx(l,{})]}));p.displayName=a__namespace.Root.displayName;var c=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(a__namespace.List,{ref:i,className:o("group flex flex-1 list-none items-center justify-center space-x-1",e),...t}));c.displayName=a__namespace.List.displayName;var k=a__namespace.Item,N=s__namespace.forwardRef(({className:e,children:t,variant:i,...v},P)=>jsxRuntime.jsxs(a__namespace.Trigger,{ref:P,className:o(u({variant:i}),e),...v,children:[t," ",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"})]}));N.displayName=a__namespace.Trigger.displayName;var M=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(a__namespace.Content,{ref:i,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",e),...t}));M.displayName=a__namespace.Content.displayName;var D=a__namespace.Link,l=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx("div",{className:o("absolute left-0 top-full flex justify-center"),children:jsxRuntime.jsx(a__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)]",e),ref:i,...t})}));l.displayName=a__namespace.Viewport.displayName;var R=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(a__namespace.Indicator,{ref:i,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",e),...t,children:jsxRuntime.jsx("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}));R.displayName=a__namespace.Indicator.displayName;var te=n__namespace.Root,V=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(n__namespace.List,{ref:i,className:o("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",e),...t}));V.displayName=n__namespace.List.displayName;var A=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(n__namespace.Trigger,{ref:i,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",e),...t}));A.displayName=n__namespace.Trigger.displayName;var j=s__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(n__namespace.Content,{ref:i,className:o("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e),...t}));j.displayName=n__namespace.Content.displayName;exports.Card=w;exports.CardContent=C;exports.CardDescription=L;exports.CardFooter=E;exports.CardHeader=x;exports.CardTitle=h;exports.NavigationMenu=p;exports.NavigationMenuContent=M;exports.NavigationMenuIndicator=R;exports.NavigationMenuItem=k;exports.NavigationMenuLink=D;exports.NavigationMenuList=c;exports.NavigationMenuTrigger=N;exports.NavigationMenuViewport=l;exports.Tabs=te;exports.TabsContent=j;exports.TabsList=V;exports.TabsTrigger=A;//# sourceMappingURL=molecules.js.map
|
|
2
|
-
//# sourceMappingURL=molecules.js.map
|
package/dist/molecules.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utils/cn.ts","../src/components/molecules/card/card.tsx","../src/components/molecules/navigation-menu/navigation-menu.tsx","../src/components/molecules/navigation-menu/navigation-menu.variants.ts","../src/components/molecules/tabs/tabs.tsx"],"names":["cn","inputs","twMerge","clsx","Card","s","className","props","ref","jsx","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","navigationMenuTriggerStyle","cva","NavigationMenu","m","children","jsxs","a","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","variant","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator","Tabs","n","TabsList","f","TabsTrigger","TabsContent"],"mappings":"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","file":"molecules.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","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","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","/**\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.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import*as s from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';import*as a from'@radix-ui/react-navigation-menu';import {ChevronDown}from'lucide-react';import {cva}from'class-variance-authority';import*as n from'@radix-ui/react-tabs';function o(...e){return twMerge(clsx(e))}var w=s.forwardRef(({className:e,...t},i)=>jsx("div",{ref:i,className:o("rounded-lg border bg-card text-card-foreground shadow-sm",e),...t}));w.displayName="Card";var x=s.forwardRef(({className:e,...t},i)=>jsx("div",{ref:i,className:o("flex flex-col space-y-1.5 p-6",e),...t}));x.displayName="CardHeader";var h=s.forwardRef(({className:e,...t},i)=>jsx("h3",{ref:i,className:o("text-2xl font-semibold leading-none tracking-tight",e),...t}));h.displayName="CardTitle";var L=s.forwardRef(({className:e,...t},i)=>jsx("p",{ref:i,className:o("text-sm text-muted-foreground",e),...t}));L.displayName="CardDescription";var C=s.forwardRef(({className:e,...t},i)=>jsx("div",{ref:i,className:o("p-6 pt-0",e),...t}));C.displayName="CardContent";var E=s.forwardRef(({className:e,...t},i)=>jsx("div",{ref:i,className:o("flex items-center p-6 pt-0",e),...t}));E.displayName="CardFooter";var u=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 p=s.forwardRef(({className:e,children:t,...i},v)=>jsxs(a.Root,{ref:v,className:o("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...i,children:[t,jsx(l,{})]}));p.displayName=a.Root.displayName;var c=s.forwardRef(({className:e,...t},i)=>jsx(a.List,{ref:i,className:o("group flex flex-1 list-none items-center justify-center space-x-1",e),...t}));c.displayName=a.List.displayName;var k=a.Item,N=s.forwardRef(({className:e,children:t,variant:i,...v},P)=>jsxs(a.Trigger,{ref:P,className:o(u({variant:i}),e),...v,children:[t," ",jsx(ChevronDown,{className:"relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));N.displayName=a.Trigger.displayName;var M=s.forwardRef(({className:e,...t},i)=>jsx(a.Content,{ref:i,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",e),...t}));M.displayName=a.Content.displayName;var D=a.Link,l=s.forwardRef(({className:e,...t},i)=>jsx("div",{className:o("absolute left-0 top-full flex justify-center"),children:jsx(a.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)]",e),ref:i,...t})}));l.displayName=a.Viewport.displayName;var R=s.forwardRef(({className:e,...t},i)=>jsx(a.Indicator,{ref:i,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",e),...t,children:jsx("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}));R.displayName=a.Indicator.displayName;var te=n.Root,V=s.forwardRef(({className:e,...t},i)=>jsx(n.List,{ref:i,className:o("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",e),...t}));V.displayName=n.List.displayName;var A=s.forwardRef(({className:e,...t},i)=>jsx(n.Trigger,{ref:i,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",e),...t}));A.displayName=n.Trigger.displayName;var j=s.forwardRef(({className:e,...t},i)=>jsx(n.Content,{ref:i,className:o("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e),...t}));j.displayName=n.Content.displayName;export{w as Card,C as CardContent,L as CardDescription,E as CardFooter,x as CardHeader,h as CardTitle,p as NavigationMenu,M as NavigationMenuContent,R as NavigationMenuIndicator,k as NavigationMenuItem,D as NavigationMenuLink,c as NavigationMenuList,N as NavigationMenuTrigger,l as NavigationMenuViewport,te as Tabs,j as TabsContent,V as TabsList,A as TabsTrigger};//# sourceMappingURL=molecules.mjs.map
|
|
2
|
-
//# sourceMappingURL=molecules.mjs.map
|
package/dist/molecules.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utils/cn.ts","../src/components/molecules/card/card.tsx","../src/components/molecules/navigation-menu/navigation-menu.tsx","../src/components/molecules/navigation-menu/navigation-menu.variants.ts","../src/components/molecules/tabs/tabs.tsx"],"names":["cn","inputs","twMerge","clsx","Card","className","props","ref","jsx","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","navigationMenuTriggerStyle","cva","NavigationMenu","m","children","jsxs","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","variant","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator","Tabs","TabsList","f","TabsTrigger","TabsContent"],"mappings":"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","file":"molecules.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","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","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","/**\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"]}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import * as vaul from 'vaul';
|
|
2
|
-
import { Drawer as Drawer$1 } from 'vaul';
|
|
3
|
-
import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
|
|
4
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
-
import * as React from 'react';
|
|
6
|
-
|
|
7
|
-
declare const Drawer: {
|
|
8
|
-
({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
|
|
9
|
-
displayName: string;
|
|
10
|
-
};
|
|
11
|
-
/**
|
|
12
|
-
* The trigger element that opens the drawer.
|
|
13
|
-
* Should be used with the `asChild` prop to wrap your own trigger element.
|
|
14
|
-
*/
|
|
15
|
-
declare const DrawerTrigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
16
|
-
/**
|
|
17
|
-
* Portal component that renders the drawer content outside the DOM hierarchy.
|
|
18
|
-
* This ensures proper stacking context and accessibility.
|
|
19
|
-
*/
|
|
20
|
-
declare const DrawerPortal: typeof vaul.Portal;
|
|
21
|
-
/**
|
|
22
|
-
* Close button component for the drawer.
|
|
23
|
-
* Should be used with the `asChild` prop to wrap your own close button.
|
|
24
|
-
*/
|
|
25
|
-
declare const DrawerClose: React.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
26
|
-
/**
|
|
27
|
-
* Overlay component that appears behind the drawer.
|
|
28
|
-
* Provides a semi-transparent backdrop and handles click-outside behavior.
|
|
29
|
-
*/
|
|
30
|
-
declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
-
/**
|
|
32
|
-
* The main content container for the drawer.
|
|
33
|
-
* Includes the handle bar at the top and manages the slide-up animation.
|
|
34
|
-
*/
|
|
35
|
-
declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
-
/**
|
|
37
|
-
* Header section of the drawer.
|
|
38
|
-
* Typically contains the title and description.
|
|
39
|
-
*/
|
|
40
|
-
declare const DrawerHeader: {
|
|
41
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
42
|
-
displayName: string;
|
|
43
|
-
};
|
|
44
|
-
/**
|
|
45
|
-
* Footer section of the drawer.
|
|
46
|
-
* Typically contains action buttons.
|
|
47
|
-
*/
|
|
48
|
-
declare const DrawerFooter: {
|
|
49
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
50
|
-
displayName: string;
|
|
51
|
-
};
|
|
52
|
-
/**
|
|
53
|
-
* Title component for the drawer.
|
|
54
|
-
* Should be used within DrawerHeader.
|
|
55
|
-
*/
|
|
56
|
-
declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
57
|
-
/**
|
|
58
|
-
* Description component for the drawer.
|
|
59
|
-
* Should be used within DrawerHeader.
|
|
60
|
-
*/
|
|
61
|
-
declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<_radix_ui_react_dialog.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
62
|
-
|
|
63
|
-
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
|
package/dist/organisms/drawer.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),n=require('react'),vaul=require('vaul'),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 n__namespace=/*#__PURE__*/_interopNamespace(n);function a(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var f=({shouldScaleBackground:e=true,...t})=>jsxRuntime.jsx(vaul.Drawer.Root,{shouldScaleBackground:e,...t});f.displayName="Drawer";var b=vaul.Drawer.Trigger,d=vaul.Drawer.Portal,h=vaul.Drawer.Close,s=n__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(vaul.Drawer.Overlay,{ref:i,className:a("fixed inset-0 z-50 bg-black/80",e),...t}));s.displayName=vaul.Drawer.Overlay.displayName;var D=n__namespace.forwardRef(({className:e,children:t,...i},l)=>jsxRuntime.jsxs(d,{children:[jsxRuntime.jsx(s,{}),jsxRuntime.jsxs(vaul.Drawer.Content,{ref:l,className:a("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",e),...i,children:[jsxRuntime.jsx("div",{className:"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"}),t]})]}));D.displayName="DrawerContent";var w=({className:e,...t})=>jsxRuntime.jsx("div",{className:a("grid gap-1.5 p-4 text-center sm:text-left",e),...t});w.displayName="DrawerHeader";var R=({className:e,...t})=>jsxRuntime.jsx("div",{className:a("mt-auto flex flex-col gap-2 p-4",e),...t});R.displayName="DrawerFooter";var y=n__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(vaul.Drawer.Title,{ref:i,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));y.displayName=vaul.Drawer.Title.displayName;var u=n__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(vaul.Drawer.Description,{ref:i,className:a("text-sm text-muted-foreground",e),...t}));u.displayName=vaul.Drawer.Description.displayName;exports.Drawer=f;exports.DrawerClose=h;exports.DrawerContent=D;exports.DrawerDescription=u;exports.DrawerFooter=R;exports.DrawerHeader=w;exports.DrawerOverlay=s;exports.DrawerPortal=d;exports.DrawerTitle=y;exports.DrawerTrigger=b;//# sourceMappingURL=drawer.js.map
|
|
2
|
-
//# sourceMappingURL=drawer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/organisms/drawer/drawer.tsx"],"names":["cn","inputs","twMerge","clsx","Drawer","shouldScaleBackground","props","jsx","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","n","className","ref","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":"ogBAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,UAAKF,CAAM,CAAC,CAC7B,CCyBA,IAAMG,CAAS,CAAA,CAAC,CACd,qBAAA,CAAAC,CAAwB,CAAA,IAAA,CACxB,GAAGC,CACL,CACEC,GAAAA,cAAAA,CAACC,WAAgB,CAAA,IAAA,CAAhB,CAAqB,qBAAA,CAAuBH,CAAwB,CAAA,GAAGC,CAAO,CAAA,EAEjFF,CAAO,CAAA,WAAA,CAAc,QAMrB,CAAA,IAAMK,CAAgBD,CAAAA,WAAAA,CAAgB,OAMhCE,CAAAA,CAAAA,CAAeF,WAAgB,CAAA,MAAA,CAM/BG,EAAcH,WAAgB,CAAA,KAAA,CAM9BI,CAAsB,CAAAC,YAAA,CAAA,UAAA,CAG1B,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGR,CAAM,CAAGS,CAAAA,CAAAA,GAC1BR,cAACC,CAAAA,WAAAA,CAAgB,OAAhB,CAAA,CACC,GAAKO,CAAAA,CAAAA,CACL,SAAWf,CAAAA,CAAAA,CAAG,gCAAkCc,CAAAA,CAAS,CACxD,CAAA,GAAGR,CACN,CAAA,CACD,EACDM,CAAAA,CAAc,WAAcJ,CAAAA,WAAAA,CAAgB,QAAQ,WAMpD,CAAA,IAAMQ,CAAsB,CAAAH,YAAA,CAAA,UAAA,CAG1B,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,QAAAG,CAAAA,CAAAA,CAAU,GAAGX,CAAM,CAAGS,CAAAA,CAAAA,GACpCG,eAACR,CAAAA,CAAAA,CAAA,CACC,QAAA,CAAA,CAAAH,cAACK,CAAAA,CAAAA,CAAA,EAAc,CAAA,CACfM,eAACV,CAAAA,WAAAA,CAAgB,OAAhB,CAAA,CACC,GAAKO,CAAAA,CAAAA,CACL,SAAWf,CAAAA,CAAAA,CACT,iGACAc,CACF,CAAA,CACC,GAAGR,CAAAA,CAEJ,QAAAC,CAAAA,CAAAA,cAAAA,CAAC,KAAI,CAAA,CAAA,SAAA,CAAU,kDAAmD,CAAA,CAAA,CACjEU,CACH,CAAA,CAAA,CAAA,CAAA,CACF,CACD,EACDD,CAAc,CAAA,WAAA,CAAc,eAM5B,CAAA,IAAMG,CAAe,CAAA,CAAC,CAAE,SAAA,CAAAL,CAAW,CAAA,GAAGR,CAAM,CAAA,GAC1CC,cAAC,CAAA,KAAA,CAAA,CAAI,SAAWP,CAAAA,CAAAA,CAAG,4CAA6Cc,CAAS,CAAA,CAAI,GAAGR,CAAAA,CAAO,EAEzFa,CAAAA,CAAa,WAAc,CAAA,cAAA,CAMrBC,IAAAA,CAAAA,CAAe,CAAC,CAAE,SAAAN,CAAAA,CAAAA,CAAW,GAAGR,CAAM,CAC1CC,GAAAA,cAAAA,CAAC,KAAI,CAAA,CAAA,SAAA,CAAWP,CAAG,CAAA,iCAAA,CAAmCc,CAAS,CAAA,CAAI,GAAGR,CAAAA,CAAO,EAE/Ec,CAAAA,CAAa,WAAc,CAAA,cAAA,KAMrBC,CAAoB,CAAAR,YAAA,CAAA,UAAA,CAGxB,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGR,CAAM,CAAGS,CAAAA,CAAAA,GAC1BR,cAACC,CAAAA,WAAAA,CAAgB,KAAhB,CAAA,CACC,GAAKO,CAAAA,CAAAA,CACL,SAAWf,CAAAA,CAAAA,CAAG,mDAAqDc,CAAAA,CAAS,CAC3E,CAAA,GAAGR,CACN,CAAA,CACD,EACDe,CAAAA,CAAY,WAAcb,CAAAA,WAAAA,CAAgB,KAAM,CAAA,WAAA,KAM1Cc,CAA0B,CAAAT,YAAA,CAAA,UAAA,CAG9B,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGR,CAAM,CAAGS,CAAAA,CAAAA,GAC1BR,cAACC,CAAAA,WAAAA,CAAgB,WAAhB,CAAA,CACC,GAAKO,CAAAA,CAAAA,CACL,SAAWf,CAAAA,CAAAA,CAAG,+BAAiCc,CAAAA,CAAS,CACvD,CAAA,GAAGR,CACN,CAAA,CACD,EACDgB,CAAAA,CAAkB,WAAcd,CAAAA,WAAAA,CAAgB,WAAY,CAAA,WAAA","file":"drawer.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 * Drawer is a slide-out panel component that appears from the bottom of the screen.\n * It's built on top of Vaul and provides a smooth, accessible drawer experience.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-drawer--docs\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Drawer>\n * <DrawerTrigger>\n * <Button>Open Drawer</Button>\n * </DrawerTrigger>\n * <DrawerContent>\n * <DrawerHeader>\n * <DrawerTitle>Title</DrawerTitle>\n * <DrawerDescription>Description</DrawerDescription>\n * </DrawerHeader>\n * <div>Content</div>\n * <DrawerFooter>\n * <Button>Save</Button>\n * </DrawerFooter>\n * </DrawerContent>\n * </Drawer>\n * ```\n */\nimport { cn } from \"@/utils\"\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nconst Drawer = ({\n shouldScaleBackground = true,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />\n)\nDrawer.displayName = \"Drawer\"\n\n/**\n * The trigger element that opens the drawer.\n * Should be used with the `asChild` prop to wrap your own trigger element.\n */\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\n/**\n * Portal component that renders the drawer content outside the DOM hierarchy.\n * This ensures proper stacking context and accessibility.\n */\nconst DrawerPortal = DrawerPrimitive.Portal\n\n/**\n * Close button component for the drawer.\n * Should be used with the `asChild` prop to wrap your own close button.\n */\nconst DrawerClose = DrawerPrimitive.Close\n\n/**\n * Overlay component that appears behind the drawer.\n * Provides a semi-transparent backdrop and handles click-outside behavior.\n */\nconst DrawerOverlay = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Overlay\n ref={ref}\n className={cn(\"fixed inset-0 z-50 bg-black/80\", className)}\n {...props}\n />\n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\n/**\n * The main content container for the drawer.\n * Includes the handle bar at the top and manages the slide-up animation.\n */\nconst DrawerContent = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DrawerPortal>\n <DrawerOverlay />\n <DrawerPrimitive.Content\n ref={ref}\n className={cn(\n \"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n className\n )}\n {...props}\n >\n <div className=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n))\nDrawerContent.displayName = \"DrawerContent\"\n\n/**\n * Header section of the drawer.\n * Typically contains the title and description.\n */\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)} {...props} />\n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\n/**\n * Footer section of the drawer.\n * Typically contains action buttons.\n */\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)} {...props} />\n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\n/**\n * Title component for the drawer.\n * Should be used within DrawerHeader.\n */\nconst DrawerTitle = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Title\n ref={ref}\n className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n {...props}\n />\n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\n/**\n * Description component for the drawer.\n * Should be used within DrawerHeader.\n */\nconst DrawerDescription = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription\n}\n"]}
|