@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/atoms/avatar.d.ts
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import * as React$1 from 'react';
|
|
2
|
-
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Avatar component that displays a user's profile picture or fallback.
|
|
6
|
-
* Built on top of Radix UI's Avatar primitive.
|
|
7
|
-
*
|
|
8
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-avatar--docs
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Avatar>
|
|
13
|
-
* <AvatarImage src="/path/to/image.jpg" alt="User avatar" />
|
|
14
|
-
* <AvatarFallback>JD</AvatarFallback>
|
|
15
|
-
* </Avatar>
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
19
|
-
/**
|
|
20
|
-
* AvatarImage component that displays the user's profile picture.
|
|
21
|
-
* Falls back to AvatarFallback if the image fails to load.
|
|
22
|
-
*/
|
|
23
|
-
declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
|
|
24
|
-
/**
|
|
25
|
-
* AvatarFallback component that displays when the image fails to load.
|
|
26
|
-
* Typically shows the user's initials or a placeholder icon.
|
|
27
|
-
*/
|
|
28
|
-
declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
29
|
-
|
|
30
|
-
type AvatarProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>;
|
|
31
|
-
type AvatarImageProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>;
|
|
32
|
-
type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>;
|
|
33
|
-
|
|
34
|
-
export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };
|
package/dist/atoms/avatar.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var o=require('react'),a=require('@radix-ui/react-avatar'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var o__namespace=/*#__PURE__*/_interopNamespace(o);var a__namespace=/*#__PURE__*/_interopNamespace(a);function l(...r){return tailwindMerge.twMerge(clsx.clsx(r))}var m=o__namespace.forwardRef(({className:r,...e},t)=>jsxRuntime.jsx(a__namespace.Root,{ref:t,className:l("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",r),...e}));m.displayName=a__namespace.Root.displayName;var v=o__namespace.forwardRef(({className:r,...e},t)=>jsxRuntime.jsx(a__namespace.Image,{ref:t,className:l("aspect-square h-full w-full",r),...e}));v.displayName=a__namespace.Image.displayName;var s=o__namespace.forwardRef(({className:r,...e},t)=>jsxRuntime.jsx(a__namespace.Fallback,{ref:t,className:l("flex h-full w-full items-center justify-center rounded-full bg-muted",r),...e}));s.displayName=a__namespace.Fallback.displayName;exports.Avatar=m;exports.AvatarFallback=s;exports.AvatarImage=v;//# sourceMappingURL=avatar.js.map
|
|
2
|
-
//# sourceMappingURL=avatar.js.map
|
package/dist/atoms/avatar.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/avatar/avatar.tsx"],"names":["cn","inputs","twMerge","clsx","Avatar","o","className","props","ref","jsx","a","AvatarImage","AvatarFallback"],"mappings":"skBAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,SAAKF,CAAAA,CAAM,CAAC,CAC7B,KCcMG,CAAe,CAAAC,YAAA,CAAA,UAAA,CACnB,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CACxBC,GAAAA,cAAAA,CAAiBC,YAAhB,CAAA,IAAA,CAAA,CACC,IAAKF,CACL,CAAA,SAAA,CAAWR,CAAG,CAAA,+DAAA,CAAiEM,CAAS,CAAA,CACvF,GAAGC,CAAAA,CACN,CAEJ,EACAH,CAAO,CAAA,WAAA,CAA8BM,YAAK,CAAA,IAAA,CAAA,WAAA,KAMpCC,CAAoB,CAAAN,YAAA,CAAA,UAAA,CAGxB,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAC1BC,GAAAA,cAAAA,CAAiBC,YAAhB,CAAA,KAAA,CAAA,CACC,IAAKF,CACL,CAAA,SAAA,CAAWR,CAAG,CAAA,6BAAA,CAA+BM,CAAS,CAAA,CACrD,GAAGC,CAAAA,CACN,CACD,EACDI,CAAY,CAAA,WAAA,CAA8BD,YAAM,CAAA,KAAA,CAAA,WAAA,KAM1CE,CAAuB,CAAAP,YAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAC1BC,GAAAA,cAAAA,CAAiBC,YAAhB,CAAA,QAAA,CAAA,CACC,IAAKF,CACL,CAAA,SAAA,CAAWR,CACT,CAAA,sEAAA,CACAM,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACD,EACDK,CAAe,CAAA,WAAA,CAA8BF,YAAS,CAAA,QAAA,CAAA,WAAA","file":"avatar.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\nimport { cn } from \"@/utils/index\"\nimport type { AvatarProps, AvatarImageProps, AvatarFallbackProps } from \"./avatar.types\"\n\n/**\n * Avatar component that displays a user's profile picture or fallback.\n * Built on top of Radix UI's Avatar primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-avatar--docs\n *\n * @example\n * ```tsx\n * <Avatar>\n * <AvatarImage src=\"/path/to/image.jpg\" alt=\"User avatar\" />\n * <AvatarFallback>JD</AvatarFallback>\n * </Avatar>\n * ```\n */\nconst Avatar = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Root>, AvatarProps>(\n ({ className, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn(\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\", className)}\n {...props}\n />\n )\n)\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\n/**\n * AvatarImage component that displays the user's profile picture.\n * Falls back to AvatarFallback if the image fails to load.\n */\nconst AvatarImage = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Image>,\n AvatarImageProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image\n ref={ref}\n className={cn(\"aspect-square h-full w-full\", className)}\n {...props}\n />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\n/**\n * AvatarFallback component that displays when the image fails to load.\n * Typically shows the user's initials or a placeholder icon.\n */\nconst AvatarFallback = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Fallback>,\n AvatarFallbackProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn(\n \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n className\n )}\n {...props}\n />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/avatar/avatar.tsx"],"names":["cn","inputs","twMerge","clsx","Avatar","className","props","ref","jsx","AvatarImage","AvatarFallback"],"mappings":"kKAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAAA,CAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,KCcMG,CAAe,CAAA,CAAA,CAAA,UAAA,CACnB,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CACxBC,GAAAA,GAAAA,CAAiB,CAAhB,CAAA,IAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWP,CAAG,CAAA,+DAAA,CAAiEK,CAAS,CAAA,CACvF,GAAGC,CAAAA,CACN,CAEJ,EACAF,CAAO,CAAA,WAAA,CAA8B,CAAK,CAAA,IAAA,CAAA,WAAA,KAMpCK,CAAoB,CAAA,CAAA,CAAA,UAAA,CAGxB,CAAC,CAAE,SAAAJ,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAC1BC,GAAAA,GAAAA,CAAiB,CAAhB,CAAA,KAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWP,CAAG,CAAA,6BAAA,CAA+BK,CAAS,CAAA,CACrD,GAAGC,CAAAA,CACN,CACD,EACDG,CAAY,CAAA,WAAA,CAA8B,CAAM,CAAA,KAAA,CAAA,WAAA,KAM1CC,CAAuB,CAAA,CAAA,CAAA,UAAA,CAG3B,CAAC,CAAE,SAAAL,CAAAA,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAC1BC,GAAAA,GAAAA,CAAiB,CAAhB,CAAA,QAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWP,CACT,CAAA,sEAAA,CACAK,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACD,EACDI,CAAe,CAAA,WAAA,CAA8B,CAAS,CAAA,QAAA,CAAA,WAAA","file":"avatar.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\nimport { cn } from \"@/utils/index\"\nimport type { AvatarProps, AvatarImageProps, AvatarFallbackProps } from \"./avatar.types\"\n\n/**\n * Avatar component that displays a user's profile picture or fallback.\n * Built on top of Radix UI's Avatar primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-avatar--docs\n *\n * @example\n * ```tsx\n * <Avatar>\n * <AvatarImage src=\"/path/to/image.jpg\" alt=\"User avatar\" />\n * <AvatarFallback>JD</AvatarFallback>\n * </Avatar>\n * ```\n */\nconst Avatar = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Root>, AvatarProps>(\n ({ className, ...props }, ref) => (\n <AvatarPrimitive.Root\n ref={ref}\n className={cn(\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\", className)}\n {...props}\n />\n )\n)\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\n/**\n * AvatarImage component that displays the user's profile picture.\n * Falls back to AvatarFallback if the image fails to load.\n */\nconst AvatarImage = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Image>,\n AvatarImageProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Image\n ref={ref}\n className={cn(\"aspect-square h-full w-full\", className)}\n {...props}\n />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\n/**\n * AvatarFallback component that displays when the image fails to load.\n * Typically shows the user's initials or a placeholder icon.\n */\nconst AvatarFallback = React.forwardRef<\n React.ElementRef<typeof AvatarPrimitive.Fallback>,\n AvatarFallbackProps\n>(({ className, ...props }, ref) => (\n <AvatarPrimitive.Fallback\n ref={ref}\n className={cn(\n \"flex h-full w-full items-center justify-center rounded-full bg-muted\",\n className\n )}\n {...props}\n />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n"]}
|
package/dist/atoms/badge.d.ts
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import * as React$1 from 'react';
|
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
|
3
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
|
-
|
|
5
|
-
declare const badgeVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | null | undefined;
|
|
7
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
8
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
|
-
|
|
10
|
-
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
11
|
-
/**
|
|
12
|
-
* The content to display inside the badge
|
|
13
|
-
*/
|
|
14
|
-
children: React.ReactNode;
|
|
15
|
-
/**
|
|
16
|
-
* Optional icon to display before the badge content
|
|
17
|
-
*/
|
|
18
|
-
icon?: React.ReactNode;
|
|
19
|
-
/**
|
|
20
|
-
* Optional icon to display after the badge content
|
|
21
|
-
*/
|
|
22
|
-
iconAfter?: React.ReactNode;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* Badge component for displaying status, counts, or labels.
|
|
27
|
-
* Supports various variants, sizes, and optional icons.
|
|
28
|
-
*
|
|
29
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-badge--docs
|
|
30
|
-
*
|
|
31
|
-
* @example
|
|
32
|
-
* ```tsx
|
|
33
|
-
* <Badge variant="success">Active</Badge>
|
|
34
|
-
* <Badge variant="warning" icon={<AlertIcon />}>Warning</Badge>
|
|
35
|
-
* <Badge variant="info" size="lg" iconAfter={<ArrowIcon />}>New</Badge>
|
|
36
|
-
* ```
|
|
37
|
-
*/
|
|
38
|
-
declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
39
|
-
|
|
40
|
-
export { Badge, type BadgeProps, badgeVariants };
|
package/dist/atoms/badge.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var n=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var n__namespace=/*#__PURE__*/_interopNamespace(n);function r(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var t=classVarianceAuthority.cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",outline:"text-foreground",success:"border-transparent bg-green-500 text-white hover:bg-green-500/80",warning:"border-transparent bg-yellow-500 text-white hover:bg-yellow-500/80",info:"border-transparent bg-blue-500 text-white hover:bg-blue-500/80"},size:{default:"h-5",sm:"h-4 text-[10px]",lg:"h-6 text-sm"}},defaultVariants:{variant:"default",size:"default"}});var d=n__namespace.forwardRef(({className:e,variant:i,size:p,icon:a,iconAfter:o,children:g,...f},l)=>jsxRuntime.jsxs("div",{ref:l,className:r(t({variant:i,size:p}),e),...f,children:[a&&jsxRuntime.jsx("span",{className:"mr-1",children:a}),g,o&&jsxRuntime.jsx("span",{className:"ml-1",children:o})]}));d.displayName="Badge";exports.Badge=d;exports.badgeVariants=t;//# sourceMappingURL=badge.js.map
|
|
2
|
-
//# sourceMappingURL=badge.js.map
|
package/dist/atoms/badge.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/badge/badge.variants.ts","../../src/components/atoms/badge/badge.tsx"],"names":["cn","inputs","twMerge","clsx","badgeVariants","cva","Badge","n","className","variant","size","icon","iconAfter","children","props","ref","jsxs","jsx"],"mappings":"0iBAGO,SAASA,CAAAA,CAAAA,GAAMC,EAAsB,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CCHaG,IAAAA,CAAAA,CAAgBC,0BAC3B,CAAA,wKAAA,CACA,CACE,QAAU,CAAA,CACR,OAAS,CAAA,CACP,OAAS,CAAA,2EAAA,CACT,SACE,CAAA,iFAAA,CACF,WACE,CAAA,uFAAA,CACF,OAAS,CAAA,iBAAA,CACT,OAAS,CAAA,kEAAA,CACT,OAAS,CAAA,oEAAA,CACT,KAAM,gEACR,CAAA,CACA,IAAM,CAAA,CACJ,OAAS,CAAA,KAAA,CACT,EAAI,CAAA,iBAAA,CACJ,GAAI,aACN,CACF,CACA,CAAA,eAAA,CAAiB,CACf,OAAA,CAAS,SACT,CAAA,IAAA,CAAM,SACR,CACF,CACF,ECVA,IAAMC,CAAc,CAAAC,YAAA,CAAA,UAAA,CAClB,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,QAAAC,CAAS,CAAA,IAAA,CAAAC,CAAM,CAAA,IAAA,CAAAC,CAAM,CAAA,SAAA,CAAAC,CAAW,CAAA,QAAA,CAAAC,CAAU,CAAA,GAAGC,CAAM,CAAA,CAAGC,CAEhEC,GAAAA,eAAAA,CAAC,KAAI,CAAA,CAAA,GAAA,CAAKD,EAAK,SAAWf,CAAAA,CAAAA,CAAGI,CAAc,CAAA,CAAE,OAAAK,CAAAA,CAAAA,CAAS,IAAAC,CAAAA,CAAK,CAAC,CAAA,CAAGF,CAAS,CAAA,CAAI,GAAGM,CAAAA,CAC5E,QAAAH,CAAAA,CAAAA,CAAAA,EAAQM,eAAC,MAAK,CAAA,CAAA,SAAA,CAAU,MAAQ,CAAA,QAAA,CAAAN,CAAK,CAAA,CAAA,CACrCE,CACAD,CAAAA,CAAAA,EAAaK,eAAC,MAAK,CAAA,CAAA,SAAA,CAAU,MAAQ,CAAA,QAAA,CAAAL,CAAU,CAAA,CAAA,CAAA,CAClD,CAGN,EAEAN,EAAM,WAAc,CAAA,OAAA","file":"badge.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import { cva } from \"class-variance-authority\"\n\nexport const badgeVariants = cva(\n \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n {\n variants: {\n variant: {\n default: \"border-transparent bg-primary text-primary-foreground hover:bg-primary/80\",\n secondary:\n \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n destructive:\n \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\n outline: \"text-foreground\",\n success: \"border-transparent bg-green-500 text-white hover:bg-green-500/80\",\n warning: \"border-transparent bg-yellow-500 text-white hover:bg-yellow-500/80\",\n info: \"border-transparent bg-blue-500 text-white hover:bg-blue-500/80\"\n },\n size: {\n default: \"h-5\",\n sm: \"h-4 text-[10px]\",\n lg: \"h-6 text-sm\"\n }\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n }\n)\n","import * as React from \"react\"\nimport { cn } from \"@/utils/index\"\nimport { badgeVariants } from \"./badge.variants\"\nimport type { BadgeProps } from \"./badge.types\"\n\n/**\n * Badge component for displaying status, counts, or labels.\n * Supports various variants, sizes, and optional icons.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-badge--docs\n *\n * @example\n * ```tsx\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\" icon={<AlertIcon />}>Warning</Badge>\n * <Badge variant=\"info\" size=\"lg\" iconAfter={<ArrowIcon />}>New</Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(\n ({ className, variant, size, icon, iconAfter, children, ...props }, ref) => {\n return (\n <div ref={ref} className={cn(badgeVariants({ variant, size }), className)} {...props}>\n {icon && <span className=\"mr-1\">{icon}</span>}\n {children}\n {iconAfter && <span className=\"ml-1\">{iconAfter}</span>}\n </div>\n )\n }\n)\n\nBadge.displayName = \"Badge\"\n\nexport { Badge, badgeVariants }\n"]}
|
package/dist/atoms/box.d.ts
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Box is a fundamental layout component that serves as a building block for other components.
|
|
5
|
-
* It's a polymorphic component that can render as different HTML elements while maintaining
|
|
6
|
-
* consistent styling and behavior.
|
|
7
|
-
*
|
|
8
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-box--docs
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* // Basic usage
|
|
13
|
-
* <Box>Content</Box>
|
|
14
|
-
*
|
|
15
|
-
* // As a different element
|
|
16
|
-
* <Box as="section">Section content</Box>
|
|
17
|
-
*
|
|
18
|
-
* // With custom className
|
|
19
|
-
* <Box className="bg-primary text-white p-4">Styled content</Box>
|
|
20
|
-
*
|
|
21
|
-
* // With custom dimensions
|
|
22
|
-
* <Box width="100px" height="200px">Fixed size content</Box>
|
|
23
|
-
* <Box width="50%" height="auto">Responsive content</Box>
|
|
24
|
-
* ```
|
|
25
|
-
*/
|
|
26
|
-
|
|
27
|
-
type BoxComponent = "div" | "span" | "section" | "article" | "main" | "aside" | "header" | "footer" | "nav";
|
|
28
|
-
type DimensionValue = string | number;
|
|
29
|
-
interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
30
|
-
/**
|
|
31
|
-
* The HTML element to render the Box as.
|
|
32
|
-
* This allows for semantic HTML while maintaining consistent styling.
|
|
33
|
-
*
|
|
34
|
-
* @default "div"
|
|
35
|
-
*/
|
|
36
|
-
as?: BoxComponent;
|
|
37
|
-
/**
|
|
38
|
-
* The width of the Box component.
|
|
39
|
-
* Can be a number (interpreted as pixels) or a string (e.g., "100%", "50px", "10rem").
|
|
40
|
-
*/
|
|
41
|
-
width?: DimensionValue;
|
|
42
|
-
/**
|
|
43
|
-
* The height of the Box component.
|
|
44
|
-
* Can be a number (interpreted as pixels) or a string (e.g., "100%", "50px", "10rem").
|
|
45
|
-
*/
|
|
46
|
-
height?: DimensionValue;
|
|
47
|
-
}
|
|
48
|
-
declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
|
|
49
|
-
|
|
50
|
-
export { Box, type BoxProps };
|
package/dist/atoms/box.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var r=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var r__namespace=/*#__PURE__*/_interopNamespace(r);function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var x=r__namespace.forwardRef(({as:e="div",className:s,width:o,height:t,style:a,...i},m)=>{let p={width:typeof o=="number"?`${o}px`:o,height:typeof t=="number"?`${t}px`:t,...a};return jsxRuntime.jsx(e,{ref:m,className:n(s),style:p,...i})});x.displayName="Box";exports.Box=x;//# sourceMappingURL=box.js.map
|
|
2
|
-
//# sourceMappingURL=box.js.map
|
package/dist/atoms/box.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/box/box.tsx"],"names":["cn","inputs","twMerge","clsx","Box","r","Component","className","width","height","style","props","ref","dimensionStyles","jsx"],"mappings":"+eAGO,SAASA,KAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CCwDA,IAAMG,EAAYC,YAChB,CAAA,UAAA,CAAA,CAAC,CAAE,EAAIC,CAAAA,CAAAA,CAAY,KAAO,CAAA,SAAA,CAAAC,EAAW,KAAAC,CAAAA,CAAAA,CAAO,OAAAC,CAAQ,CAAA,KAAA,CAAAC,EAAO,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAAQ,CAC7E,IAAMC,CAAAA,CAAkB,CACtB,KAAO,CAAA,OAAOL,GAAU,QAAW,CAAA,CAAA,EAAGA,CAAK,CAAA,EAAA,CAAA,CAAOA,EAClD,MAAQ,CAAA,OAAOC,GAAW,QAAW,CAAA,CAAA,EAAGA,CAAM,CAAOA,EAAAA,CAAAA,CAAAA,CAAAA,CACrD,GAAGC,CACL,EAEA,OAAOI,cAAAA,CAACR,EAAA,CAAU,GAAA,CAAKM,EAAK,SAAWZ,CAAAA,CAAAA,CAAGO,CAAS,CAAG,CAAA,KAAA,CAAOM,EAAkB,GAAGF,CAAAA,CAAO,CAC3F,CACF,EAEAP,EAAI,WAAc,CAAA,KAAA","file":"box.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 * Box is a fundamental layout component that serves as a building block for other components.\n * It's a polymorphic component that can render as different HTML elements while maintaining\n * consistent styling and behavior.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-box--docs\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Box>Content</Box>\n *\n * // As a different element\n * <Box as=\"section\">Section content</Box>\n *\n * // With custom className\n * <Box className=\"bg-primary text-white p-4\">Styled content</Box>\n *\n * // With custom dimensions\n * <Box width=\"100px\" height=\"200px\">Fixed size content</Box>\n * <Box width=\"50%\" height=\"auto\">Responsive content</Box>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\ntype BoxComponent =\n | \"div\"\n | \"span\"\n | \"section\"\n | \"article\"\n | \"main\"\n | \"aside\"\n | \"header\"\n | \"footer\"\n | \"nav\"\n\ntype DimensionValue = string | number\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The HTML element to render the Box as.\n * This allows for semantic HTML while maintaining consistent styling.\n *\n * @default \"div\"\n */\n as?: BoxComponent\n\n /**\n * The width of the Box component.\n * Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\", \"10rem\").\n */\n width?: DimensionValue\n\n /**\n * The height of the Box component.\n * Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\", \"10rem\").\n */\n height?: DimensionValue\n}\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n ({ as: Component = \"div\", className, width, height, style, ...props }, ref) => {\n const dimensionStyles = {\n width: typeof width === \"number\" ? `${width}px` : width,\n height: typeof height === \"number\" ? `${height}px` : height,\n ...style\n }\n\n return <Component ref={ref} className={cn(className)} style={dimensionStyles} {...props} />\n }\n)\n\nBox.displayName = \"Box\"\n\nexport { Box }\n"]}
|
package/dist/atoms/box.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/box/box.tsx"],"names":["cn","inputs","twMerge","clsx","Box","Component","className","width","height","style","props","ref","dimensionStyles","jsx"],"mappings":"yHAGO,SAASA,KAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCwDA,IAAMG,EAAY,CAChB,CAAA,UAAA,CAAA,CAAC,CAAE,EAAIC,CAAAA,CAAAA,CAAY,KAAO,CAAA,SAAA,CAAAC,EAAW,KAAAC,CAAAA,CAAAA,CAAO,OAAAC,CAAQ,CAAA,KAAA,CAAAC,EAAO,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAAQ,CAC7E,IAAMC,CAAAA,CAAkB,CACtB,KAAO,CAAA,OAAOL,GAAU,QAAW,CAAA,CAAA,EAAGA,CAAK,CAAA,EAAA,CAAA,CAAOA,EAClD,MAAQ,CAAA,OAAOC,GAAW,QAAW,CAAA,CAAA,EAAGA,CAAM,CAAOA,EAAAA,CAAAA,CAAAA,CAAAA,CACrD,GAAGC,CACL,EAEA,OAAOI,GAAAA,CAACR,EAAA,CAAU,GAAA,CAAKM,EAAK,SAAWX,CAAAA,CAAAA,CAAGM,CAAS,CAAG,CAAA,KAAA,CAAOM,EAAkB,GAAGF,CAAAA,CAAO,CAC3F,CACF,EAEAN,EAAI,WAAc,CAAA,KAAA","file":"box.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 * Box is a fundamental layout component that serves as a building block for other components.\n * It's a polymorphic component that can render as different HTML elements while maintaining\n * consistent styling and behavior.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-box--docs\n *\n * @example\n * ```tsx\n * // Basic usage\n * <Box>Content</Box>\n *\n * // As a different element\n * <Box as=\"section\">Section content</Box>\n *\n * // With custom className\n * <Box className=\"bg-primary text-white p-4\">Styled content</Box>\n *\n * // With custom dimensions\n * <Box width=\"100px\" height=\"200px\">Fixed size content</Box>\n * <Box width=\"50%\" height=\"auto\">Responsive content</Box>\n * ```\n */\nimport * as React from \"react\"\nimport { cn } from \"@/utils\"\n\ntype BoxComponent =\n | \"div\"\n | \"span\"\n | \"section\"\n | \"article\"\n | \"main\"\n | \"aside\"\n | \"header\"\n | \"footer\"\n | \"nav\"\n\ntype DimensionValue = string | number\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * The HTML element to render the Box as.\n * This allows for semantic HTML while maintaining consistent styling.\n *\n * @default \"div\"\n */\n as?: BoxComponent\n\n /**\n * The width of the Box component.\n * Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\", \"10rem\").\n */\n width?: DimensionValue\n\n /**\n * The height of the Box component.\n * Can be a number (interpreted as pixels) or a string (e.g., \"100%\", \"50px\", \"10rem\").\n */\n height?: DimensionValue\n}\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n ({ as: Component = \"div\", className, width, height, style, ...props }, ref) => {\n const dimensionStyles = {\n width: typeof width === \"number\" ? `${width}px` : width,\n height: typeof height === \"number\" ? `${height}px` : height,\n ...style\n }\n\n return <Component ref={ref} className={cn(className)} style={dimensionStyles} {...props} />\n }\n)\n\nBox.displayName = \"Box\"\n\nexport { Box }\n"]}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
|
|
4
|
-
interface BreadcrumbProps extends React.ComponentPropsWithoutRef<"nav"> {
|
|
5
|
-
separator?: React.ReactNode;
|
|
6
|
-
}
|
|
7
|
-
interface BreadcrumbListProps extends React.ComponentPropsWithoutRef<"ol"> {
|
|
8
|
-
}
|
|
9
|
-
interface BreadcrumbItemProps extends React.ComponentPropsWithoutRef<"li"> {
|
|
10
|
-
}
|
|
11
|
-
interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<"a"> {
|
|
12
|
-
asChild?: boolean;
|
|
13
|
-
}
|
|
14
|
-
interface BreadcrumbPageProps extends React.ComponentPropsWithoutRef<"span"> {
|
|
15
|
-
}
|
|
16
|
-
interface BreadcrumbSeparatorProps extends React.ComponentProps<"li"> {
|
|
17
|
-
}
|
|
18
|
-
interface BreadcrumbEllipsisProps extends React.ComponentProps<"span"> {
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
|
|
22
|
-
declare const BreadcrumbList: React.ForwardRefExoticComponent<BreadcrumbListProps & React.RefAttributes<HTMLOListElement>>;
|
|
23
|
-
declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
24
|
-
declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
25
|
-
declare const BreadcrumbPage: React.ForwardRefExoticComponent<BreadcrumbPageProps & React.RefAttributes<HTMLSpanElement>>;
|
|
26
|
-
declare const BreadcrumbSeparator: {
|
|
27
|
-
({ children, className, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
|
|
28
|
-
displayName: string;
|
|
29
|
-
};
|
|
30
|
-
declare const BreadcrumbEllipsis: {
|
|
31
|
-
({ className, ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
|
|
32
|
-
displayName: string;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };
|
package/dist/atoms/breadcrumb.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var o=require('react'),reactSlot=require('@radix-ui/react-slot'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var o__namespace=/*#__PURE__*/_interopNamespace(o);function m(...r){return tailwindMerge.twMerge(clsx.clsx(r))}var t=o__namespace.forwardRef(({...r},e)=>jsxRuntime.jsx("nav",{ref:e,"aria-label":"breadcrumb",...r}));t.displayName="Breadcrumb";var c=o__namespace.forwardRef(({className:r,...e},a)=>jsxRuntime.jsx("ol",{ref:a,className:m("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",r),...e}));c.displayName="BreadcrumbList";var p=o__namespace.forwardRef(({className:r,...e},a)=>jsxRuntime.jsx("li",{ref:a,className:m("inline-flex items-center gap-1.5",r),...e}));p.displayName="BreadcrumbItem";var d=o__namespace.forwardRef(({asChild:r,className:e,...a},u)=>jsxRuntime.jsx(r?reactSlot.Slot:"a",{ref:u,className:m("transition-colors hover:text-foreground",e),...a}));d.displayName="BreadcrumbLink";var i=o__namespace.forwardRef(({className:r,...e},a)=>jsxRuntime.jsx("span",{ref:a,role:"link","aria-disabled":"true","aria-current":"page",className:m("font-normal text-foreground",r),...e}));i.displayName="BreadcrumbPage";var l=({children:r,className:e,...a})=>jsxRuntime.jsx("li",{role:"presentation","aria-hidden":"true",className:m("[&>svg]:w-3.5 [&>svg]:h-3.5",e),...a,children:r??jsxRuntime.jsx(lucideReact.ChevronRight,{})});l.displayName="BreadcrumbSeparator";var n=({className:r,...e})=>jsxRuntime.jsxs("span",{role:"presentation","aria-hidden":"true",className:m("flex h-9 w-9 items-center justify-center",r),...e,children:[jsxRuntime.jsx(lucideReact.MoreHorizontal,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"More"})]});n.displayName="BreadcrumbEllipsis";exports.Breadcrumb=t;exports.BreadcrumbEllipsis=n;exports.BreadcrumbItem=p;exports.BreadcrumbLink=d;exports.BreadcrumbList=c;exports.BreadcrumbPage=i;exports.BreadcrumbSeparator=l;//# sourceMappingURL=breadcrumb.js.map
|
|
2
|
-
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/breadcrumb/breadcrumb.tsx"],"names":["cn","inputs","twMerge","clsx","Breadcrumb","o","props","ref","jsx","BreadcrumbList","className","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":"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","file":"breadcrumb.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 * Breadcrumb component that displays the current page's location within a navigational hierarchy.\n * Built on top of Radix UI's Slot primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-breadcrumb--docs\n *\n * @example\n * ```tsx\n * <Breadcrumb>\n * <BreadcrumbList>\n * <BreadcrumbItem>\n * <BreadcrumbLink href=\"/\">Home</BreadcrumbLink>\n * </BreadcrumbItem>\n * <BreadcrumbSeparator />\n * <BreadcrumbItem>\n * <BreadcrumbPage>Current Page</BreadcrumbPage>\n * </BreadcrumbItem>\n * </BreadcrumbList>\n * </Breadcrumb>\n * ```\n */\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport {\n BreadcrumbProps,\n BreadcrumbListProps,\n BreadcrumbItemProps,\n BreadcrumbLinkProps,\n BreadcrumbPageProps,\n BreadcrumbSeparatorProps,\n BreadcrumbEllipsisProps\n} from \"./breadcrumb.types\"\n\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(({ ...props }, ref) => (\n <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n))\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(\n ({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\n className\n )}\n {...props}\n />\n )\n)\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(\n ({ className, ...props }, ref) => (\n <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\n )\n)\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nconst BreadcrumbLink = React.forwardRef<HTMLAnchorElement, BreadcrumbLinkProps>(\n ({ asChild, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n ref={ref}\n className={cn(\"transition-colors hover:text-foreground\", className)}\n {...props}\n />\n )\n }\n)\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, BreadcrumbPageProps>(\n ({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn(\"font-normal text-foreground\", className)}\n {...props}\n />\n )\n)\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({ children, className, ...props }: BreadcrumbSeparatorProps) => (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\n {...props}\n >\n {children ?? <ChevronRight />}\n </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({ className, ...props }: BreadcrumbEllipsisProps) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\"\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/breadcrumb/breadcrumb.tsx"],"names":["cn","inputs","twMerge","clsx","Breadcrumb","props","ref","jsx","BreadcrumbList","className","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","MoreHorizontal"],"mappings":"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","file":"breadcrumb.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 * Breadcrumb component that displays the current page's location within a navigational hierarchy.\n * Built on top of Radix UI's Slot primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-breadcrumb--docs\n *\n * @example\n * ```tsx\n * <Breadcrumb>\n * <BreadcrumbList>\n * <BreadcrumbItem>\n * <BreadcrumbLink href=\"/\">Home</BreadcrumbLink>\n * </BreadcrumbItem>\n * <BreadcrumbSeparator />\n * <BreadcrumbItem>\n * <BreadcrumbPage>Current Page</BreadcrumbPage>\n * </BreadcrumbItem>\n * </BreadcrumbList>\n * </Breadcrumb>\n * ```\n */\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport {\n BreadcrumbProps,\n BreadcrumbListProps,\n BreadcrumbItemProps,\n BreadcrumbLinkProps,\n BreadcrumbPageProps,\n BreadcrumbSeparatorProps,\n BreadcrumbEllipsisProps\n} from \"./breadcrumb.types\"\n\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(({ ...props }, ref) => (\n <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n))\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(\n ({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5\",\n className\n )}\n {...props}\n />\n )\n)\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(\n ({ className, ...props }, ref) => (\n <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\n )\n)\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nconst BreadcrumbLink = React.forwardRef<HTMLAnchorElement, BreadcrumbLinkProps>(\n ({ asChild, className, ...props }, ref) => {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n ref={ref}\n className={cn(\"transition-colors hover:text-foreground\", className)}\n {...props}\n />\n )\n }\n)\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, BreadcrumbPageProps>(\n ({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn(\"font-normal text-foreground\", className)}\n {...props}\n />\n )\n)\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({ children, className, ...props }: BreadcrumbSeparatorProps) => (\n <li\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"[&>svg]:w-3.5 [&>svg]:h-3.5\", className)}\n {...props}\n >\n {children ?? <ChevronRight />}\n </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({ className, ...props }: BreadcrumbEllipsisProps) => (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\"\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis\n}\n"]}
|
package/dist/atoms/button.d.ts
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { VariantProps } from 'class-variance-authority';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Props interface for the Button component.
|
|
7
|
-
* Extends the native button HTML attributes and adds support for variants and asChild prop.
|
|
8
|
-
* Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
|
|
9
|
-
*
|
|
10
|
-
* @interface ButtonProps
|
|
11
|
-
* @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
|
|
12
|
-
* @extends {VariantProps<typeof buttonVariants>}
|
|
13
|
-
*
|
|
14
|
-
* @property {boolean} [asChild] - When true, renders the button as a child component using Radix UI's Slot.
|
|
15
|
-
* @property {ButtonVariant} [variant] - The visual style variant of the button.
|
|
16
|
-
* @property {ButtonSize} [size] - The size variant of the button.
|
|
17
|
-
* @property {string} [className] - Additional CSS classes to apply to the button.
|
|
18
|
-
* @property {React.ReactNode} [startIcon] - Icon to display before the button text.
|
|
19
|
-
* @property {React.ReactNode} [endIcon] - Icon to display after the button text.
|
|
20
|
-
* @property {boolean} [loading] - Whether the button is in a loading state.
|
|
21
|
-
* @property {string} [type] - The type of button (button, submit, reset). Defaults to "button".
|
|
22
|
-
* @property {string} [aria-label] - Accessible label for the button. Falls back to button text if not provided.
|
|
23
|
-
*/
|
|
24
|
-
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
25
|
-
asChild?: boolean;
|
|
26
|
-
startIcon?: React.ReactNode;
|
|
27
|
-
endIcon?: React.ReactNode;
|
|
28
|
-
loading?: boolean;
|
|
29
|
-
type?: "button" | "submit" | "reset";
|
|
30
|
-
"aria-label"?: string;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* Button variant styles using class-variance-authority.
|
|
35
|
-
* Defines the visual styles for different button variants and sizes.
|
|
36
|
-
* Follows WCAG 2.1 Level AA guidelines for accessibility.
|
|
37
|
-
*
|
|
38
|
-
* @example
|
|
39
|
-
* ```tsx
|
|
40
|
-
* <Button variant="primary" size="lg">Click me</Button>
|
|
41
|
-
* ```
|
|
42
|
-
*/
|
|
43
|
-
declare const buttonVariants: (props?: ({
|
|
44
|
-
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
45
|
-
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
46
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
47
|
-
/**
|
|
48
|
-
* A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.
|
|
49
|
-
* Built on top of Radix UI's Slot primitive for maximum flexibility.
|
|
50
|
-
* Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
|
|
51
|
-
*
|
|
52
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-button--docs
|
|
53
|
-
*
|
|
54
|
-
* @component
|
|
55
|
-
* @example
|
|
56
|
-
* ```tsx
|
|
57
|
-
* // Default button
|
|
58
|
-
* <Button>Click me</Button>
|
|
59
|
-
*
|
|
60
|
-
* // Destructive button with small size
|
|
61
|
-
* <Button variant="destructive" size="sm">Delete</Button>
|
|
62
|
-
*
|
|
63
|
-
* // As a link
|
|
64
|
-
* <Button variant="link" asChild>
|
|
65
|
-
* <a href="/about">About</a>
|
|
66
|
-
* </Button>
|
|
67
|
-
*
|
|
68
|
-
* // With icons
|
|
69
|
-
* <Button startIcon={<Icon />}>With Start Icon</Button>
|
|
70
|
-
* <Button endIcon={<Icon />}>With End Icon</Button>
|
|
71
|
-
*
|
|
72
|
-
* // Loading state
|
|
73
|
-
* <Button loading>Loading</Button>
|
|
74
|
-
* ```
|
|
75
|
-
*
|
|
76
|
-
* @param {ButtonProps} props - The component props
|
|
77
|
-
* @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref
|
|
78
|
-
* @returns {JSX.Element} A button element
|
|
79
|
-
*/
|
|
80
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
81
|
-
|
|
82
|
-
export { Button, type ButtonProps, buttonVariants };
|
package/dist/atoms/button.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var y=require('react'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),lucideReact=require('lucide-react'),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 y__namespace=/*#__PURE__*/_interopNamespace(y);function i(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var v=classVarianceAuthority.cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),N=y__namespace.forwardRef(({className:t,variant:d,size:u,asChild:l=false,startIcon:m,endIcon:c,loading:r=false,disabled:h,children:o,type:f="button","aria-label":x,...a},b)=>{let p=l?reactSlot.Slot:"button",e=h||r,g=x||(typeof o=="string"?o:void 0),w=n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),!e&&a.onClick&&a.onClick(n));};return l?jsxRuntime.jsx(p,{className:i(v({variant:d,size:u,className:t})),ref:b,disabled:e,type:f,"aria-label":g,"aria-disabled":e,...a,children:o}):jsxRuntime.jsxs(p,{className:i(v({variant:d,size:u,className:t})),ref:b,disabled:e,type:f,"aria-label":g,"aria-disabled":e,onKeyDown:w,...a,children:[r&&jsxRuntime.jsx(lucideReact.Loader2,{className:"mr-2 h-4 w-4 animate-spin",role:"status","aria-label":"Loading","aria-hidden":"true"}),!r&&m&&jsxRuntime.jsx("span",{className:"mr-2","aria-hidden":"true",children:m}),o,!r&&c&&jsxRuntime.jsx("span",{className:"ml-2","aria-hidden":"true",children:c})]})});N.displayName="Button";exports.Button=N;exports.buttonVariants=v;//# sourceMappingURL=button.js.map
|
|
2
|
-
//# sourceMappingURL=button.js.map
|
package/dist/atoms/button.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/button/button.tsx"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Button","y","className","variant","size","asChild","startIcon","endIcon","loading","disabled","children","type","ariaLabel","props","ref","Comp","Slot","isDisabled","buttonAriaLabel","handleKeyDown","event","jsx","jsxs","Loader2"],"mappings":"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","file":"button.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { Loader2 } from \"lucide-react\"\nimport { ButtonProps } from \"./button.types\"\n\n/**\n * Button variant styles using class-variance-authority.\n * Defines the visual styles for different button variants and sizes.\n * Follows WCAG 2.1 Level AA guidelines for accessibility.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"lg\">Click me</Button>\n * ```\n */\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n destructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n outline:\n \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n secondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\"\n } as const,\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 rounded-md px-3 text-xs\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9\"\n } as const\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n }\n)\n\n/**\n * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.\n * Built on top of Radix UI's Slot primitive for maximum flexibility.\n * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-button--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Destructive button with small size\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n *\n * // As a link\n * <Button variant=\"link\" asChild>\n * <a href=\"/about\">About</a>\n * </Button>\n *\n * // With icons\n * <Button startIcon={<Icon />}>With Start Icon</Button>\n * <Button endIcon={<Icon />}>With End Icon</Button>\n *\n * // Loading state\n * <Button loading>Loading</Button>\n * ```\n *\n * @param {ButtonProps} props - The component props\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref\n * @returns {JSX.Element} A button element\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant,\n size,\n asChild = false,\n startIcon,\n endIcon,\n loading = false,\n disabled,\n children,\n type = \"button\",\n \"aria-label\": ariaLabel,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n const isDisabled = disabled || loading\n const buttonAriaLabel = ariaLabel || (typeof children === \"string\" ? children : undefined)\n\n // Handle keyboard interaction\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault()\n if (!isDisabled && props.onClick) {\n props.onClick(event as unknown as React.MouseEvent<HTMLButtonElement>)\n }\n }\n }\n\n if (asChild) {\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={isDisabled}\n type={type}\n aria-label={buttonAriaLabel}\n aria-disabled={isDisabled}\n {...props}\n >\n {children}\n </Comp>\n )\n }\n\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={isDisabled}\n type={type}\n aria-label={buttonAriaLabel}\n aria-disabled={isDisabled}\n onKeyDown={handleKeyDown}\n {...props}\n >\n {loading && (\n <Loader2\n className=\"mr-2 h-4 w-4 animate-spin\"\n role=\"status\"\n aria-label=\"Loading\"\n aria-hidden=\"true\"\n />\n )}\n {!loading && startIcon && (\n <span className=\"mr-2\" aria-hidden=\"true\">\n {startIcon}\n </span>\n )}\n {children}\n {!loading && endIcon && (\n <span className=\"ml-2\" aria-hidden=\"true\">\n {endIcon}\n </span>\n )}\n </Comp>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/button/button.tsx"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Button","className","variant","size","asChild","startIcon","endIcon","loading","disabled","children","type","ariaLabel","props","ref","Comp","Slot","isDisabled","buttonAriaLabel","handleKeyDown","event","jsx","jsxs","Loader2"],"mappings":"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","file":"button.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { cn } from \"@/utils/cn\"\nimport { Loader2 } from \"lucide-react\"\nimport { ButtonProps } from \"./button.types\"\n\n/**\n * Button variant styles using class-variance-authority.\n * Defines the visual styles for different button variants and sizes.\n * Follows WCAG 2.1 Level AA guidelines for accessibility.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"lg\">Click me</Button>\n * ```\n */\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n destructive: \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n outline:\n \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n secondary: \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\"\n } as const,\n size: {\n default: \"h-9 px-4 py-2\",\n sm: \"h-8 rounded-md px-3 text-xs\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9\"\n } as const\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\"\n }\n }\n)\n\n/**\n * A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.\n * Built on top of Radix UI's Slot primitive for maximum flexibility.\n * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-button--docs\n *\n * @component\n * @example\n * ```tsx\n * // Default button\n * <Button>Click me</Button>\n *\n * // Destructive button with small size\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n *\n * // As a link\n * <Button variant=\"link\" asChild>\n * <a href=\"/about\">About</a>\n * </Button>\n *\n * // With icons\n * <Button startIcon={<Icon />}>With Start Icon</Button>\n * <Button endIcon={<Icon />}>With End Icon</Button>\n *\n * // Loading state\n * <Button loading>Loading</Button>\n * ```\n *\n * @param {ButtonProps} props - The component props\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref\n * @returns {JSX.Element} A button element\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n variant,\n size,\n asChild = false,\n startIcon,\n endIcon,\n loading = false,\n disabled,\n children,\n type = \"button\",\n \"aria-label\": ariaLabel,\n ...props\n },\n ref\n ) => {\n const Comp = asChild ? Slot : \"button\"\n const isDisabled = disabled || loading\n const buttonAriaLabel = ariaLabel || (typeof children === \"string\" ? children : undefined)\n\n // Handle keyboard interaction\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault()\n if (!isDisabled && props.onClick) {\n props.onClick(event as unknown as React.MouseEvent<HTMLButtonElement>)\n }\n }\n }\n\n if (asChild) {\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={isDisabled}\n type={type}\n aria-label={buttonAriaLabel}\n aria-disabled={isDisabled}\n {...props}\n >\n {children}\n </Comp>\n )\n }\n\n return (\n <Comp\n className={cn(buttonVariants({ variant, size, className }))}\n ref={ref}\n disabled={isDisabled}\n type={type}\n aria-label={buttonAriaLabel}\n aria-disabled={isDisabled}\n onKeyDown={handleKeyDown}\n {...props}\n >\n {loading && (\n <Loader2\n className=\"mr-2 h-4 w-4 animate-spin\"\n role=\"status\"\n aria-label=\"Loading\"\n aria-hidden=\"true\"\n />\n )}\n {!loading && startIcon && (\n <span className=\"mr-2\" aria-hidden=\"true\">\n {startIcon}\n </span>\n )}\n {children}\n {!loading && endIcon && (\n <span className=\"ml-2\" aria-hidden=\"true\">\n {endIcon}\n </span>\n )}\n </Comp>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"]}
|
package/dist/atoms/checkbox.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Checkbox component built on top of Radix UI's Checkbox primitive.
|
|
6
|
-
* Provides a customizable checkbox input with proper accessibility and keyboard navigation.
|
|
7
|
-
*
|
|
8
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-checkbox--docs
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Checkbox id="terms" name="terms" />
|
|
13
|
-
* <label htmlFor="terms">Accept terms and conditions</label>
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
18
|
-
|
|
19
|
-
type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
|
|
20
|
-
|
|
21
|
-
export { Checkbox, type CheckboxProps };
|
package/dist/atoms/checkbox.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var i=require('react'),e=require('@radix-ui/react-checkbox'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var i__namespace=/*#__PURE__*/_interopNamespace(i);var e__namespace=/*#__PURE__*/_interopNamespace(e);function o(...r){return tailwindMerge.twMerge(clsx.clsx(r))}var c=i__namespace.forwardRef(({className:r,...a},s)=>jsxRuntime.jsx(e__namespace.Root,{ref:s,className:o("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",r),...a,children:jsxRuntime.jsx(e__namespace.Indicator,{className:o("flex items-center justify-center text-current"),"aria-hidden":"true",children:jsxRuntime.jsx(lucideReact.Check,{className:"h-4 w-4"})})}));c.displayName=e__namespace.Root.displayName;exports.Checkbox=c;//# sourceMappingURL=checkbox.js.map
|
|
2
|
-
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/checkbox/checkbox.tsx"],"names":["cn","inputs","twMerge","clsx","Checkbox","i","className","props","ref","jsx","e","Check"],"mappings":"4mBAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,qBAAAA,CAAQC,SAAKF,CAAAA,CAAM,CAAC,CAC7B,CCcMG,IAAAA,CAAAA,CAAiBC,YACrB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,EAAGC,CACxBC,GAAAA,cAAAA,CAAmBC,YAAlB,CAAA,IAAA,CAAA,CACC,IAAKF,CACL,CAAA,SAAA,CAAWR,CACT,CAAA,oQAAA,CACAM,CACF,CACC,CAAA,GAAGC,CAEJ,CAAA,QAAA,CAAAE,eAAmBC,YAAlB,CAAA,SAAA,CAAA,CACC,SAAWV,CAAAA,CAAAA,CAAG,+CAA+C,CAC7D,CAAA,aAAA,CAAY,MAEZ,CAAA,QAAA,CAAAS,eAACE,iBAAA,CAAA,CAAM,SAAU,CAAA,SAAA,CAAU,EAC7B,CACF,CAAA,CAEJ,EACAP,CAAAA,CAAS,YAAgCM,YAAK,CAAA,IAAA,CAAA,WAAA","file":"checkbox.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 * Checkbox component built on top of Radix UI's Checkbox primitive.\n * Provides a customizable checkbox input with proper accessibility and keyboard navigation.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-checkbox--docs\n *\n * @example\n * ```tsx\n * <Checkbox id=\"terms\" name=\"terms\" />\n * <label htmlFor=\"terms\">Accept terms and conditions</label>\n * ```\n */\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport type { CheckboxProps } from \"./checkbox.types\"\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n ({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n \"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n className={cn(\"flex items-center justify-center text-current\")}\n aria-hidden=\"true\"\n >\n <Check className=\"h-4 w-4\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n)\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/checkbox/checkbox.tsx"],"names":["cn","inputs","twMerge","clsx","Checkbox","className","props","ref","jsx","Check"],"mappings":"qMAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,OAAAA,CAAQC,IAAKF,CAAAA,CAAM,CAAC,CAC7B,CCcMG,IAAAA,CAAAA,CAAiB,CACrB,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAC,CAAAA,CAAAA,CAAW,GAAGC,CAAM,EAAGC,CACxBC,GAAAA,GAAAA,CAAmB,CAAlB,CAAA,IAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWP,CACT,CAAA,oQAAA,CACAK,CACF,CACC,CAAA,GAAGC,CAEJ,CAAA,QAAA,CAAAE,IAAmB,CAAlB,CAAA,SAAA,CAAA,CACC,SAAWR,CAAAA,CAAAA,CAAG,+CAA+C,CAC7D,CAAA,aAAA,CAAY,MAEZ,CAAA,QAAA,CAAAQ,IAACC,KAAA,CAAA,CAAM,SAAU,CAAA,SAAA,CAAU,EAC7B,CACF,CAAA,CAEJ,EACAL,CAAAA,CAAS,YAAgC,CAAK,CAAA,IAAA,CAAA,WAAA","file":"checkbox.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 * Checkbox component built on top of Radix UI's Checkbox primitive.\n * Provides a customizable checkbox input with proper accessibility and keyboard navigation.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-checkbox--docs\n *\n * @example\n * ```tsx\n * <Checkbox id=\"terms\" name=\"terms\" />\n * <label htmlFor=\"terms\">Accept terms and conditions</label>\n * ```\n */\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { Check } from \"lucide-react\"\n\nimport { cn } from \"@/utils/index\"\nimport type { CheckboxProps } from \"./checkbox.types\"\n\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\n ({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n \"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n className={cn(\"flex items-center justify-center text-current\")}\n aria-hidden=\"true\"\n >\n <Check className=\"h-4 w-4\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n)\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"]}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Collapsible component that allows content to be expanded and collapsed.
|
|
6
|
-
* Built on top of Radix UI's Collapsible primitive.
|
|
7
|
-
*
|
|
8
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-collapsible--docs
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Collapsible>
|
|
13
|
-
* <CollapsibleTrigger>Toggle</CollapsibleTrigger>
|
|
14
|
-
* <CollapsibleContent>Content</CollapsibleContent>
|
|
15
|
-
* </Collapsible>
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
-
declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
20
|
-
declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
-
|
|
22
|
-
type CollapsibleProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;
|
|
23
|
-
type CollapsibleTriggerProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>;
|
|
24
|
-
type CollapsibleContentProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>;
|
|
25
|
-
|
|
26
|
-
export { Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var e=require('@radix-ui/react-collapsible'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),react=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__namespace=/*#__PURE__*/_interopNamespace(e);function i(...o){return tailwindMerge.twMerge(clsx.clsx(o))}var v=e__namespace.Root,p=react.forwardRef(({className:o,...t},l)=>jsxRuntime.jsx(e__namespace.Trigger,{ref:l,className:i("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",o),...t}));p.displayName="CollapsibleTrigger";var m=react.forwardRef(({className:o,...t},l)=>jsxRuntime.jsx(e__namespace.Content,{ref:l,className:i("overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",o),...t}));m.displayName="CollapsibleContent";exports.Collapsible=v;exports.CollapsibleContent=m;exports.CollapsibleTrigger=p;//# sourceMappingURL=collapsible.js.map
|
|
2
|
-
//# sourceMappingURL=collapsible.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/collapsible/collapsible.tsx"],"names":["cn","inputs","twMerge","clsx","Collapsible","e","CollapsibleTrigger","forwardRef","className","props","ref","jsx","CollapsibleContent"],"mappings":"4hBAGO,SAASA,KAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,KCcMG,CAAmC,CAAAC,YAAA,CAAA,IAAA,CAEnCC,CAAqBC,CAAAA,gBAAAA,CAGzB,CAAC,CAAE,SAAA,CAAAC,EAAW,GAAGC,CAAM,EAAGC,CAC1BC,GAAAA,cAAAA,CAAsBN,YAArB,CAAA,OAAA,CAAA,CACC,IAAKK,CACL,CAAA,SAAA,CAAWV,EACT,mTACAQ,CAAAA,CACF,EACC,GAAGC,CAAAA,CACN,CACD,EACDH,EAAmB,WAAc,CAAA,oBAAA,KAE3BM,CAAqBL,CAAAA,gBAAAA,CAGzB,CAAC,CAAE,SAAA,CAAAC,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC1BC,eAAsBN,YAArB,CAAA,OAAA,CAAA,CACC,IAAKK,CACL,CAAA,SAAA,CAAWV,CACT,CAAA,uGAAA,CACAQ,CACF,CACC,CAAA,GAAGC,EACN,CACD,EACDG,EAAmB,WAAc,CAAA,oBAAA","file":"collapsible.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\nimport { cn } from \"@/utils\"\nimport { forwardRef } from \"react\"\n\n/**\n * Collapsible component that allows content to be expanded and collapsed.\n * Built on top of Radix UI's Collapsible primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-collapsible--docs\n *\n * @example\n * ```tsx\n * <Collapsible>\n * <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n * <CollapsibleContent>Content</CollapsibleContent>\n * </Collapsible>\n * ```\n */\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n className\n )}\n {...props}\n />\n))\nCollapsibleTrigger.displayName = \"CollapsibleTrigger\"\n\nconst CollapsibleContent = forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.Content\n ref={ref}\n className={cn(\n \"overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down\",\n className\n )}\n {...props}\n />\n))\nCollapsibleContent.displayName = \"CollapsibleContent\"\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/atoms/collapsible/collapsible.tsx"],"names":["cn","inputs","twMerge","clsx","Collapsible","CollapsibleTrigger","forwardRef","className","props","ref","jsx","CollapsibleContent"],"mappings":"8KAGO,SAASA,KAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,KCcMG,CAAmC,CAAA,CAAA,CAAA,IAAA,CAEnCC,CAAqBC,CAAAA,UAAAA,CAGzB,CAAC,CAAE,SAAA,CAAAC,EAAW,GAAGC,CAAM,EAAGC,CAC1BC,GAAAA,GAAAA,CAAsB,CAArB,CAAA,OAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWT,EACT,mTACAO,CAAAA,CACF,EACC,GAAGC,CAAAA,CACN,CACD,EACDH,EAAmB,WAAc,CAAA,oBAAA,KAE3BM,CAAqBL,CAAAA,UAAAA,CAGzB,CAAC,CAAE,SAAA,CAAAC,CAAW,CAAA,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC1BC,IAAsB,CAArB,CAAA,OAAA,CAAA,CACC,IAAKD,CACL,CAAA,SAAA,CAAWT,CACT,CAAA,uGAAA,CACAO,CACF,CACC,CAAA,GAAGC,EACN,CACD,EACDG,EAAmB,WAAc,CAAA,oBAAA","file":"collapsible.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\nimport { cn } from \"@/utils\"\nimport { forwardRef } from \"react\"\n\n/**\n * Collapsible component that allows content to be expanded and collapsed.\n * Built on top of Radix UI's Collapsible primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-collapsible--docs\n *\n * @example\n * ```tsx\n * <Collapsible>\n * <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n * <CollapsibleContent>Content</CollapsibleContent>\n * </Collapsible>\n * ```\n */\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.Trigger\n ref={ref}\n className={cn(\n \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n className\n )}\n {...props}\n />\n))\nCollapsibleTrigger.displayName = \"CollapsibleTrigger\"\n\nconst CollapsibleContent = forwardRef<\n React.ElementRef<typeof CollapsiblePrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>\n>(({ className, ...props }, ref) => (\n <CollapsiblePrimitive.Content\n ref={ref}\n className={cn(\n \"overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down\",\n className\n )}\n {...props}\n />\n))\nCollapsibleContent.displayName = \"CollapsibleContent\"\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"]}
|