@me1a/ui 2.2.0 → 2.2.2
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.d.mts +94 -0
- package/dist/atoms/accordion.d.ts +94 -0
- package/dist/atoms/accordion.js +2 -0
- package/dist/atoms/accordion.js.map +1 -0
- package/dist/atoms/accordion.mjs +2 -0
- package/dist/atoms/accordion.mjs.map +1 -0
- package/dist/atoms/avatar.d.mts +34 -0
- package/dist/atoms/avatar.d.ts +34 -0
- package/dist/atoms/avatar.js +2 -0
- package/dist/atoms/avatar.js.map +1 -0
- package/dist/atoms/avatar.mjs +2 -0
- package/dist/atoms/avatar.mjs.map +1 -0
- package/dist/atoms/badge.d.mts +40 -0
- package/dist/atoms/badge.d.ts +40 -0
- package/dist/atoms/badge.js +2 -0
- package/dist/atoms/badge.js.map +1 -0
- package/dist/atoms/badge.mjs +2 -0
- package/dist/atoms/badge.mjs.map +1 -0
- package/dist/atoms/box.d.mts +50 -0
- package/dist/atoms/box.d.ts +50 -0
- package/dist/atoms/box.js +2 -0
- package/dist/atoms/box.js.map +1 -0
- package/dist/atoms/box.mjs +2 -0
- package/dist/atoms/box.mjs.map +1 -0
- package/dist/atoms/breadcrumb.d.mts +35 -0
- package/dist/atoms/breadcrumb.d.ts +35 -0
- package/dist/atoms/breadcrumb.js +2 -0
- package/dist/atoms/breadcrumb.js.map +1 -0
- package/dist/atoms/breadcrumb.mjs +2 -0
- package/dist/atoms/breadcrumb.mjs.map +1 -0
- package/dist/{tooltip-B4jzaurK.d.mts → atoms/button.d.mts} +1 -23
- package/dist/{tooltip-B4jzaurK.d.ts → atoms/button.d.ts} +1 -23
- package/dist/atoms/button.js +2 -0
- package/dist/atoms/button.js.map +1 -0
- package/dist/atoms/button.mjs +2 -0
- package/dist/atoms/button.mjs.map +1 -0
- package/dist/atoms/checkbox.d.mts +21 -0
- package/dist/atoms/checkbox.d.ts +21 -0
- package/dist/atoms/checkbox.js +2 -0
- package/dist/atoms/checkbox.js.map +1 -0
- package/dist/atoms/checkbox.mjs +2 -0
- package/dist/atoms/checkbox.mjs.map +1 -0
- package/dist/atoms/collapsible.d.mts +26 -0
- package/dist/atoms/collapsible.d.ts +26 -0
- package/dist/atoms/collapsible.js +2 -0
- package/dist/atoms/collapsible.js.map +1 -0
- package/dist/atoms/collapsible.mjs +2 -0
- package/dist/atoms/collapsible.mjs.map +1 -0
- package/dist/atoms/command.d.mts +122 -0
- package/dist/atoms/command.d.ts +122 -0
- package/dist/atoms/command.js +2 -0
- package/dist/atoms/command.js.map +1 -0
- package/dist/atoms/command.mjs +2 -0
- package/dist/atoms/command.mjs.map +1 -0
- package/dist/atoms/container.js +2 -0
- package/dist/atoms/container.js.map +1 -0
- package/dist/atoms/container.mjs +2 -0
- package/dist/atoms/container.mjs.map +1 -0
- package/dist/atoms/dialog.d.mts +35 -0
- package/dist/atoms/dialog.d.ts +35 -0
- package/dist/atoms/dialog.js +2 -0
- package/dist/atoms/dialog.js.map +1 -0
- package/dist/atoms/dialog.mjs +2 -0
- package/dist/atoms/dialog.mjs.map +1 -0
- package/dist/atoms/input.d.mts +12 -0
- package/dist/atoms/input.d.ts +12 -0
- package/dist/atoms/input.js +2 -0
- package/dist/atoms/input.js.map +1 -0
- package/dist/atoms/input.mjs +2 -0
- package/dist/atoms/input.mjs.map +1 -0
- package/dist/atoms/label.d.mts +18 -0
- package/dist/atoms/label.d.ts +18 -0
- package/dist/atoms/label.js +2 -0
- package/dist/atoms/label.js.map +1 -0
- package/dist/atoms/label.mjs +2 -0
- package/dist/atoms/label.mjs.map +1 -0
- package/dist/atoms/page-loader.d.mts +29 -0
- package/dist/atoms/page-loader.d.ts +29 -0
- package/dist/atoms/page-loader.js +2 -0
- package/dist/atoms/page-loader.js.map +1 -0
- package/dist/atoms/page-loader.mjs +2 -0
- package/dist/atoms/page-loader.mjs.map +1 -0
- package/dist/atoms/pagination.d.mts +105 -0
- package/dist/atoms/pagination.d.ts +105 -0
- package/dist/atoms/pagination.js +2 -0
- package/dist/atoms/pagination.js.map +1 -0
- package/dist/atoms/pagination.mjs +2 -0
- package/dist/atoms/pagination.mjs.map +1 -0
- package/dist/atoms/popover.d.mts +30 -0
- package/dist/atoms/popover.d.ts +30 -0
- package/dist/atoms/popover.js +2 -0
- package/dist/atoms/popover.js.map +1 -0
- package/dist/atoms/popover.mjs +2 -0
- package/dist/atoms/popover.mjs.map +1 -0
- package/dist/{checkbox-DxgDKaHx.d.mts → atoms/radio-group.d.mts} +4 -50
- package/dist/{checkbox-DxgDKaHx.d.ts → atoms/radio-group.d.ts} +4 -50
- package/dist/atoms/radio-group.js +2 -0
- package/dist/atoms/radio-group.js.map +1 -0
- package/dist/atoms/radio-group.mjs +2 -0
- package/dist/atoms/radio-group.mjs.map +1 -0
- package/dist/atoms/resizable.d.mts +53 -0
- package/dist/atoms/resizable.d.ts +53 -0
- package/dist/atoms/resizable.js +2 -0
- package/dist/atoms/resizable.js.map +1 -0
- package/dist/atoms/resizable.mjs +2 -0
- package/dist/atoms/resizable.mjs.map +1 -0
- package/dist/atoms/separator.d.mts +13 -0
- package/dist/atoms/separator.d.ts +13 -0
- package/dist/atoms/separator.js +2 -0
- package/dist/atoms/separator.js.map +1 -0
- package/dist/atoms/separator.mjs +2 -0
- package/dist/atoms/separator.mjs.map +1 -0
- package/dist/atoms/sheet.d.mts +42 -0
- package/dist/atoms/sheet.d.ts +42 -0
- package/dist/atoms/sheet.js +2 -0
- package/dist/atoms/sheet.js.map +1 -0
- package/dist/atoms/sheet.mjs +2 -0
- package/dist/atoms/sheet.mjs.map +1 -0
- package/dist/atoms/skeleton.js +2 -0
- package/dist/atoms/skeleton.js.map +1 -0
- package/dist/atoms/skeleton.mjs +2 -0
- package/dist/atoms/skeleton.mjs.map +1 -0
- package/dist/atoms/stack.d.mts +121 -0
- package/dist/atoms/stack.d.ts +121 -0
- package/dist/atoms/stack.js +2 -0
- package/dist/atoms/stack.js.map +1 -0
- package/dist/atoms/stack.mjs +2 -0
- package/dist/atoms/stack.mjs.map +1 -0
- package/dist/atoms/switch.d.mts +21 -0
- package/dist/atoms/switch.d.ts +21 -0
- package/dist/atoms/switch.js +2 -0
- package/dist/atoms/switch.js.map +1 -0
- package/dist/atoms/switch.mjs +2 -0
- package/dist/atoms/switch.mjs.map +1 -0
- package/dist/atoms/table.d.mts +53 -0
- package/dist/atoms/table.d.ts +53 -0
- package/dist/atoms/table.js +2 -0
- package/dist/atoms/table.js.map +1 -0
- package/dist/atoms/table.mjs +2 -0
- package/dist/atoms/table.mjs.map +1 -0
- package/dist/atoms/text-field.d.mts +65 -0
- package/dist/atoms/text-field.d.ts +65 -0
- package/dist/atoms/text-field.js +2 -0
- package/dist/atoms/text-field.js.map +1 -0
- package/dist/atoms/text-field.mjs +2 -0
- package/dist/atoms/text-field.mjs.map +1 -0
- package/dist/atoms/textarea.js +2 -0
- package/dist/atoms/textarea.js.map +1 -0
- package/dist/atoms/textarea.mjs +2 -0
- package/dist/atoms/textarea.mjs.map +1 -0
- package/dist/{toast-2xT7L1tJ.d.mts → atoms/toast.d.mts} +1 -1
- package/dist/{toast-2xT7L1tJ.d.ts → atoms/toast.d.ts} +1 -1
- package/dist/atoms/toast.js +2 -0
- package/dist/atoms/toast.js.map +1 -0
- package/dist/atoms/toast.mjs +2 -0
- package/dist/atoms/toast.mjs.map +1 -0
- package/dist/atoms/toaster.d.mts +26 -0
- package/dist/atoms/toaster.d.ts +26 -0
- package/dist/atoms/toaster.js +2 -0
- package/dist/atoms/toaster.js.map +1 -0
- package/dist/atoms/toaster.mjs +2 -0
- package/dist/atoms/toaster.mjs.map +1 -0
- package/dist/atoms/tooltip.d.mts +25 -0
- package/dist/atoms/tooltip.d.ts +25 -0
- package/dist/atoms/tooltip.js +2 -0
- package/dist/atoms/tooltip.js.map +1 -0
- package/dist/atoms/tooltip.mjs +2 -0
- package/dist/atoms/tooltip.mjs.map +1 -0
- package/dist/atoms/typography.d.mts +24 -0
- package/dist/atoms/typography.d.ts +24 -0
- package/dist/atoms/typography.js +2 -0
- package/dist/atoms/typography.js.map +1 -0
- package/dist/atoms/typography.mjs +2 -0
- package/dist/atoms/typography.mjs.map +1 -0
- package/dist/atoms.d.mts +213 -27
- package/dist/atoms.d.ts +213 -27
- package/dist/atoms.js +2 -0
- package/dist/atoms.js.map +1 -0
- package/dist/atoms.mjs +2 -0
- package/dist/atoms.mjs.map +1 -0
- package/dist/hooks.d.mts +10 -4
- package/dist/hooks.d.ts +10 -4
- package/dist/hooks.js +2 -0
- package/dist/hooks.js.map +1 -0
- package/dist/hooks.mjs +2 -0
- package/dist/hooks.mjs.map +1 -0
- package/dist/index.d.mts +2619 -30
- package/dist/index.d.ts +2619 -30
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +2 -0
- package/dist/index.mjs.map +1 -0
- package/dist/molecules/card.d.mts +72 -0
- package/dist/molecules/card.d.ts +72 -0
- package/dist/molecules/card.js +2 -0
- package/dist/molecules/card.js.map +1 -0
- package/dist/molecules/card.mjs +2 -0
- package/dist/molecules/card.mjs.map +1 -0
- package/dist/molecules/navigation-menu.d.mts +103 -0
- package/dist/molecules/navigation-menu.d.ts +103 -0
- package/dist/molecules/navigation-menu.js +2 -0
- package/dist/molecules/navigation-menu.js.map +1 -0
- package/dist/molecules/navigation-menu.mjs +2 -0
- package/dist/molecules/navigation-menu.mjs.map +1 -0
- package/dist/molecules/tabs.d.mts +32 -0
- package/dist/molecules/tabs.d.ts +32 -0
- package/dist/molecules/tabs.js +2 -0
- package/dist/molecules/tabs.js.map +1 -0
- package/dist/molecules/tabs.mjs +2 -0
- package/dist/molecules/tabs.mjs.map +1 -0
- package/dist/molecules.d.mts +1 -1
- package/dist/molecules.d.ts +1 -1
- package/dist/molecules.js +2 -0
- package/dist/molecules.js.map +1 -0
- package/dist/molecules.mjs +2 -0
- package/dist/molecules.mjs.map +1 -0
- package/dist/organisms/drawer.d.mts +63 -0
- package/dist/organisms/drawer.d.ts +63 -0
- package/dist/organisms/drawer.js +2 -0
- package/dist/organisms/drawer.js.map +1 -0
- package/dist/organisms/drawer.mjs +2 -0
- package/dist/organisms/drawer.mjs.map +1 -0
- package/dist/organisms/dropdown-menu.d.mts +335 -0
- package/dist/organisms/dropdown-menu.d.ts +335 -0
- package/dist/organisms/dropdown-menu.js +2 -0
- package/dist/organisms/dropdown-menu.js.map +1 -0
- package/dist/organisms/dropdown-menu.mjs +2 -0
- package/dist/organisms/dropdown-menu.mjs.map +1 -0
- package/dist/organisms/sidebar.d.mts +328 -0
- package/dist/organisms/sidebar.d.ts +328 -0
- package/dist/organisms/sidebar.js +2 -0
- package/dist/organisms/sidebar.js.map +1 -0
- package/dist/organisms/sidebar.mjs +2 -0
- package/dist/organisms/sidebar.mjs.map +1 -0
- package/dist/organisms.d.mts +56 -12
- package/dist/organisms.d.ts +56 -12
- package/dist/organisms.js +2 -0
- package/dist/organisms.js.map +1 -0
- package/dist/organisms.mjs +2 -0
- package/dist/organisms.mjs.map +1 -0
- package/dist/rhf/form.d.mts +96 -0
- package/dist/rhf/form.d.ts +96 -0
- package/dist/rhf/form.js +2 -0
- package/dist/rhf/form.js.map +1 -0
- package/dist/rhf/form.mjs +2 -0
- package/dist/rhf/form.mjs.map +1 -0
- package/dist/rhf/rhf-checkbox.d.mts +57 -0
- package/dist/rhf/rhf-checkbox.d.ts +57 -0
- package/dist/rhf/rhf-checkbox.js +2 -0
- package/dist/rhf/rhf-checkbox.js.map +1 -0
- package/dist/rhf/rhf-checkbox.mjs +2 -0
- package/dist/rhf/rhf-checkbox.mjs.map +1 -0
- package/dist/rhf/rhf-multi-select.d.mts +84 -0
- package/dist/rhf/rhf-multi-select.d.ts +84 -0
- package/dist/rhf/rhf-multi-select.js +2 -0
- package/dist/rhf/rhf-multi-select.js.map +1 -0
- package/dist/rhf/rhf-multi-select.mjs +2 -0
- package/dist/rhf/rhf-multi-select.mjs.map +1 -0
- package/dist/rhf/rhf-radio-button-group.d.mts +73 -0
- package/dist/rhf/rhf-radio-button-group.d.ts +73 -0
- package/dist/rhf/rhf-radio-button-group.js +2 -0
- package/dist/rhf/rhf-radio-button-group.js.map +1 -0
- package/dist/rhf/rhf-radio-button-group.mjs +2 -0
- package/dist/rhf/rhf-radio-button-group.mjs.map +1 -0
- package/dist/rhf/rhf-radio-group.d.mts +103 -0
- package/dist/rhf/rhf-radio-group.d.ts +103 -0
- package/dist/rhf/rhf-radio-group.js +2 -0
- package/dist/rhf/rhf-radio-group.js.map +1 -0
- package/dist/rhf/rhf-radio-group.mjs +2 -0
- package/dist/rhf/rhf-radio-group.mjs.map +1 -0
- package/dist/rhf/rhf-select.d.mts +80 -0
- package/dist/rhf/rhf-select.d.ts +80 -0
- package/dist/rhf/rhf-select.js +2 -0
- package/dist/rhf/rhf-select.js.map +1 -0
- package/dist/rhf/rhf-select.mjs +2 -0
- package/dist/rhf/rhf-select.mjs.map +1 -0
- package/dist/rhf/rhf-switch.d.mts +57 -0
- package/dist/rhf/rhf-switch.d.ts +57 -0
- package/dist/rhf/rhf-switch.js +2 -0
- package/dist/rhf/rhf-switch.js.map +1 -0
- package/dist/rhf/rhf-switch.mjs +2 -0
- package/dist/rhf/rhf-switch.mjs.map +1 -0
- package/dist/rhf/rhf-textarea.d.mts +66 -0
- package/dist/rhf/rhf-textarea.d.ts +66 -0
- package/dist/rhf/rhf-textarea.js +2 -0
- package/dist/rhf/rhf-textarea.js.map +1 -0
- package/dist/rhf/rhf-textarea.mjs +2 -0
- package/dist/rhf/rhf-textarea.mjs.map +1 -0
- package/dist/rhf.d.mts +213 -7
- package/dist/rhf.d.ts +213 -7
- package/dist/rhf.js +2 -0
- package/dist/rhf.js.map +1 -0
- package/dist/rhf.mjs +2 -0
- package/dist/rhf.mjs.map +1 -0
- package/dist/types.js +2 -0
- package/dist/{types.cjs.js.map → types.js.map} +1 -1
- package/dist/types.mjs +2 -0
- package/dist/{types.esm.js.map → types.mjs.map} +1 -1
- package/dist/{chunk-SL2ZUI4G.cjs.js → utils.js} +2 -2
- package/dist/utils.js.map +1 -0
- package/dist/utils.mjs +2 -0
- package/dist/utils.mjs.map +1 -0
- package/package.json +241 -15
- package/dist/atoms.cjs.js +0 -2
- package/dist/atoms.cjs.js.map +0 -1
- package/dist/atoms.esm.js +0 -2
- package/dist/atoms.esm.js.map +0 -1
- package/dist/chunk-23T2PH5G.esm.js +0 -2
- package/dist/chunk-23T2PH5G.esm.js.map +0 -1
- package/dist/chunk-2QG3QTSW.cjs.js +0 -2
- package/dist/chunk-2QG3QTSW.cjs.js.map +0 -1
- package/dist/chunk-C26U3FL4.esm.js +0 -2
- package/dist/chunk-C26U3FL4.esm.js.map +0 -1
- package/dist/chunk-DTM5LZHM.cjs.js +0 -2
- package/dist/chunk-DTM5LZHM.cjs.js.map +0 -1
- package/dist/chunk-HW32JE75.cjs.js +0 -2
- package/dist/chunk-HW32JE75.cjs.js.map +0 -1
- package/dist/chunk-J5A6PILI.cjs.js +0 -2
- package/dist/chunk-J5A6PILI.cjs.js.map +0 -1
- package/dist/chunk-JIRS6MWF.cjs.js +0 -2
- package/dist/chunk-JIRS6MWF.cjs.js.map +0 -1
- package/dist/chunk-JKTYFZ5M.esm.js +0 -2
- package/dist/chunk-JKTYFZ5M.esm.js.map +0 -1
- package/dist/chunk-JUZG25DH.esm.js +0 -2
- package/dist/chunk-JUZG25DH.esm.js.map +0 -1
- package/dist/chunk-KOYJODOP.cjs.js +0 -2
- package/dist/chunk-KOYJODOP.cjs.js.map +0 -1
- package/dist/chunk-M4S5YZ56.esm.js +0 -2
- package/dist/chunk-M4S5YZ56.esm.js.map +0 -1
- package/dist/chunk-MOYOCJW6.esm.js +0 -2
- package/dist/chunk-MOYOCJW6.esm.js.map +0 -1
- package/dist/chunk-MVWMLXLL.cjs.js +0 -2
- package/dist/chunk-MVWMLXLL.cjs.js.map +0 -1
- package/dist/chunk-Q76IMLQ3.esm.js +0 -2
- package/dist/chunk-Q76IMLQ3.esm.js.map +0 -1
- package/dist/chunk-SL2ZUI4G.cjs.js.map +0 -1
- package/dist/chunk-STRDPP3B.esm.js +0 -2
- package/dist/chunk-STRDPP3B.esm.js.map +0 -1
- package/dist/chunk-U4NMIMU7.esm.js +0 -2
- package/dist/chunk-U4NMIMU7.esm.js.map +0 -1
- package/dist/chunk-UK47BFA3.cjs.js +0 -2
- package/dist/chunk-UK47BFA3.cjs.js.map +0 -1
- package/dist/chunk-WJNYKJP6.cjs.js +0 -2
- package/dist/chunk-WJNYKJP6.cjs.js.map +0 -1
- package/dist/chunk-YEZB7AOJ.esm.js +0 -2
- package/dist/chunk-YEZB7AOJ.esm.js.map +0 -1
- package/dist/hooks.cjs.js +0 -2
- package/dist/hooks.cjs.js.map +0 -1
- package/dist/hooks.esm.js +0 -2
- package/dist/hooks.esm.js.map +0 -1
- package/dist/index.cjs.js +0 -2
- package/dist/index.cjs.js.map +0 -1
- package/dist/index.esm.js +0 -2
- package/dist/index.esm.js.map +0 -1
- package/dist/molecules.cjs.js +0 -2
- package/dist/molecules.cjs.js.map +0 -1
- package/dist/molecules.esm.js +0 -2
- package/dist/molecules.esm.js.map +0 -1
- package/dist/organisms.cjs.js +0 -2
- package/dist/organisms.cjs.js.map +0 -1
- package/dist/organisms.esm.js +0 -2
- package/dist/organisms.esm.js.map +0 -1
- package/dist/rhf.cjs.js +0 -2
- package/dist/rhf.cjs.js.map +0 -1
- package/dist/rhf.esm.js +0 -2
- package/dist/rhf.esm.js.map +0 -1
- package/dist/types.cjs.js +0 -2
- package/dist/types.d.mts +0 -2
- package/dist/types.d.ts +0 -2
- package/dist/types.esm.js +0 -2
- package/dist/utils.cjs.js +0 -2
- package/dist/utils.cjs.js.map +0 -1
- package/dist/utils.d.mts +0 -5
- package/dist/utils.d.ts +0 -5
- package/dist/utils.esm.js +0 -2
- package/dist/utils.esm.js.map +0 -1
|
@@ -0,0 +1,35 @@
|
|
|
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 };
|
|
@@ -0,0 +1,35 @@
|
|
|
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 };
|
|
@@ -0,0 +1,2 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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":"6jBAGO,SAASA,CAAMC,CAAAA,GAAAA,CAAAA,CAAsB,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CCgCA,IAAMG,CAAmB,CAAAC,YAAA,CAAA,UAAA,CAAyC,CAAC,CAAE,GAAGC,CAAM,CAAGC,CAAAA,CAAAA,GAC/EC,cAAC,CAAA,KAAA,CAAA,CAAI,GAAKD,CAAAA,CAAAA,CAAK,YAAW,CAAA,YAAA,CAAc,GAAGD,CAAAA,CAAO,CACnD,EACDF,CAAW,CAAA,WAAA,CAAc,YAEzB,CAAA,IAAMK,CAAuB,CAAAJ,YAAA,CAAA,UAAA,CAC3B,CAAC,CAAE,SAAA,CAAAK,CAAW,CAAA,GAAGJ,CAAM,CAAA,CAAGC,CACxBC,GAAAA,cAAAA,CAAC,IACC,CAAA,CAAA,GAAA,CAAKD,CACL,CAAA,SAAA,CAAWP,CACT,CAAA,0FAAA,CACAU,CACF,CAAA,CACC,GAAGJ,CAAAA,CACN,CAEJ,EACAG,CAAe,CAAA,WAAA,CAAc,gBAE7B,CAAA,IAAME,CAAuB,CAAAN,YAAA,CAAA,UAAA,CAC3B,CAAC,CAAE,SAAAK,CAAAA,CAAAA,CAAW,GAAGJ,CAAM,CAAGC,CAAAA,CAAAA,GACxBC,cAAC,CAAA,IAAA,CAAA,CAAG,GAAKD,CAAAA,CAAAA,CAAK,SAAWP,CAAAA,CAAAA,CAAG,kCAAoCU,CAAAA,CAAS,CAAI,CAAA,GAAGJ,CAAO,CAAA,CAE3F,EACAK,CAAAA,CAAe,WAAc,CAAA,gBAAA,CAEvBC,IAAAA,CAAAA,CAAuBP,YAC3B,CAAA,UAAA,CAAA,CAAC,CAAE,OAAA,CAAAQ,CAAS,CAAA,SAAA,CAAAH,CAAW,CAAA,GAAGJ,CAAM,CAAA,CAAGC,IAI/BC,cAHWK,CAAAA,CAAAA,CAAUC,cAAO,CAAA,GAAA,CAG3B,CACC,GAAA,CAAKP,CACL,CAAA,SAAA,CAAWP,CAAG,CAAA,yCAAA,CAA2CU,CAAS,CAAA,CACjE,GAAGJ,CAAAA,CACN,CAGN,EACAM,CAAe,CAAA,WAAA,CAAc,gBAE7B,CAAA,IAAMG,CAAuB,CAAAV,YAAA,CAAA,UAAA,CAC3B,CAAC,CAAE,SAAAK,CAAAA,CAAAA,CAAW,GAAGJ,CAAM,CAAGC,CAAAA,CAAAA,GACxBC,cAAC,CAAA,MAAA,CAAA,CACC,GAAKD,CAAAA,CAAAA,CACL,IAAK,CAAA,MAAA,CACL,eAAc,CAAA,MAAA,CACd,cAAa,CAAA,MAAA,CACb,SAAWP,CAAAA,CAAAA,CAAG,6BAA+BU,CAAAA,CAAS,CACrD,CAAA,GAAGJ,CACN,CAAA,CAEJ,EACAS,CAAAA,CAAe,WAAc,CAAA,gBAAA,CAEvBC,IAAAA,CAAAA,CAAsB,CAAC,CAAE,QAAAC,CAAAA,CAAAA,CAAU,SAAAP,CAAAA,CAAAA,CAAW,GAAGJ,CAAM,IAC3DE,cAAC,CAAA,IAAA,CAAA,CACC,IAAK,CAAA,cAAA,CACL,aAAY,CAAA,MAAA,CACZ,SAAWR,CAAAA,CAAAA,CAAG,6BAA+BU,CAAAA,CAAS,CACrD,CAAA,GAAGJ,CAEH,CAAA,QAAA,CAAAW,CAAYT,EAAAA,cAAAA,CAACU,wBAAA,CAAA,EAAa,CAC7B,CAAA,EAEFF,CAAoB,CAAA,WAAA,CAAc,qBAElC,CAAA,IAAMG,CAAqB,CAAA,CAAC,CAAE,SAAA,CAAAT,CAAW,CAAA,GAAGJ,CAAM,CAAA,GAChDc,eAAC,CAAA,MAAA,CAAA,CACC,IAAK,CAAA,cAAA,CACL,aAAY,CAAA,MAAA,CACZ,SAAWpB,CAAAA,CAAAA,CAAG,0CAA4CU,CAAAA,CAAS,CAClE,CAAA,GAAGJ,CAEJ,CAAA,QAAA,CAAA,CAAAE,cAACa,CAAAA,0BAAAA,CAAA,CAAe,SAAA,CAAU,SAAU,CAAA,CAAA,CACpCb,cAAC,CAAA,MAAA,CAAA,CAAK,SAAU,CAAA,SAAA,CAAU,QAAI,CAAA,MAAA,CAAA,CAAA,CAAA,CAChC,EAEFW,CAAAA,CAAmB,WAAc,CAAA,oBAAA","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"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as o from'react';import {Slot}from'@radix-ui/react-slot';import {ChevronRight,MoreHorizontal}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';function m(...r){return twMerge(clsx(r))}var t=o.forwardRef(({...r},e)=>jsx("nav",{ref:e,"aria-label":"breadcrumb",...r}));t.displayName="Breadcrumb";var c=o.forwardRef(({className:r,...e},a)=>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.forwardRef(({className:r,...e},a)=>jsx("li",{ref:a,className:m("inline-flex items-center gap-1.5",r),...e}));p.displayName="BreadcrumbItem";var d=o.forwardRef(({asChild:r,className:e,...a},u)=>jsx(r?Slot:"a",{ref:u,className:m("transition-colors hover:text-foreground",e),...a}));d.displayName="BreadcrumbLink";var i=o.forwardRef(({className:r,...e},a)=>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})=>jsx("li",{role:"presentation","aria-hidden":"true",className:m("[&>svg]:w-3.5 [&>svg]:h-3.5",e),...a,children:r??jsx(ChevronRight,{})});l.displayName="BreadcrumbSeparator";var n=({className:r,...e})=>jsxs("span",{role:"presentation","aria-hidden":"true",className:m("flex h-9 w-9 items-center justify-center",r),...e,children:[jsx(MoreHorizontal,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"More"})]});n.displayName="BreadcrumbEllipsis";export{t as Breadcrumb,n as BreadcrumbEllipsis,p as BreadcrumbItem,d as BreadcrumbLink,c as BreadcrumbList,i as BreadcrumbPage,l as BreadcrumbSeparator};//# sourceMappingURL=breadcrumb.mjs.map
|
|
2
|
+
//# sourceMappingURL=breadcrumb.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
|
-
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
5
4
|
|
|
6
5
|
/**
|
|
7
6
|
* Props interface for the Button component.
|
|
@@ -80,25 +79,4 @@ declare const buttonVariants: (props?: ({
|
|
|
80
79
|
*/
|
|
81
80
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
82
81
|
|
|
83
|
-
|
|
84
|
-
* TooltipProvider component for creating accessible tooltips.
|
|
85
|
-
* Built on top of Radix UI's Tooltip primitive.
|
|
86
|
-
*
|
|
87
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-tooltip--docs
|
|
88
|
-
*
|
|
89
|
-
* @example
|
|
90
|
-
* ```tsx
|
|
91
|
-
* <TooltipProvider>
|
|
92
|
-
* <Tooltip>
|
|
93
|
-
* <TooltipTrigger>Hover me</TooltipTrigger>
|
|
94
|
-
* <TooltipContent>Tooltip content</TooltipContent>
|
|
95
|
-
* </Tooltip>
|
|
96
|
-
* </TooltipProvider>
|
|
97
|
-
* ```
|
|
98
|
-
*/
|
|
99
|
-
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
100
|
-
declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
|
|
101
|
-
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
102
|
-
declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
103
|
-
|
|
104
|
-
export { Button as B, Tooltip as T, type ButtonProps as a, buttonVariants as b, TooltipTrigger as c, TooltipContent as d, TooltipProvider as e };
|
|
82
|
+
export { Button, type ButtonProps, buttonVariants };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
|
-
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
5
4
|
|
|
6
5
|
/**
|
|
7
6
|
* Props interface for the Button component.
|
|
@@ -80,25 +79,4 @@ declare const buttonVariants: (props?: ({
|
|
|
80
79
|
*/
|
|
81
80
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
82
81
|
|
|
83
|
-
|
|
84
|
-
* TooltipProvider component for creating accessible tooltips.
|
|
85
|
-
* Built on top of Radix UI's Tooltip primitive.
|
|
86
|
-
*
|
|
87
|
-
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-tooltip--docs
|
|
88
|
-
*
|
|
89
|
-
* @example
|
|
90
|
-
* ```tsx
|
|
91
|
-
* <TooltipProvider>
|
|
92
|
-
* <Tooltip>
|
|
93
|
-
* <TooltipTrigger>Hover me</TooltipTrigger>
|
|
94
|
-
* <TooltipContent>Tooltip content</TooltipContent>
|
|
95
|
-
* </Tooltip>
|
|
96
|
-
* </TooltipProvider>
|
|
97
|
-
* ```
|
|
98
|
-
*/
|
|
99
|
-
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
100
|
-
declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
|
|
101
|
-
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
102
|
-
declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
103
|
-
|
|
104
|
-
export { Button as B, Tooltip as T, type ButtonProps as a, buttonVariants as b, TooltipTrigger as c, TooltipContent as d, TooltipProvider as e };
|
|
82
|
+
export { Button, type ButtonProps, buttonVariants };
|
|
@@ -0,0 +1,2 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as y from'react';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Loader2}from'lucide-react';import {jsx,jsxs}from'react/jsx-runtime';function i(...t){return twMerge(clsx(t))}var v=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.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?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?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}):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&&jsx(Loader2,{className:"mr-2 h-4 w-4 animate-spin",role:"status","aria-label":"Loading","aria-hidden":"true"}),!r&&m&&jsx("span",{className:"mr-2","aria-hidden":"true",children:m}),o,!r&&c&&jsx("span",{className:"ml-2","aria-hidden":"true",children:c})]})});N.displayName="Button";export{N as Button,v as buttonVariants};//# sourceMappingURL=button.mjs.map
|
|
2
|
+
//# sourceMappingURL=button.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,21 @@
|
|
|
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 };
|
|
@@ -0,0 +1,21 @@
|
|
|
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 };
|
|
@@ -0,0 +1,2 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as i from'react';import*as e from'@radix-ui/react-checkbox';import {Check}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx}from'react/jsx-runtime';function o(...r){return twMerge(clsx(r))}var c=i.forwardRef(({className:r,...a},s)=>jsx(e.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:jsx(e.Indicator,{className:o("flex items-center justify-center text-current"),"aria-hidden":"true",children:jsx(Check,{className:"h-4 w-4"})})}));c.displayName=e.Root.displayName;export{c as Checkbox};//# sourceMappingURL=checkbox.mjs.map
|
|
2
|
+
//# sourceMappingURL=checkbox.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,26 @@
|
|
|
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 };
|
|
@@ -0,0 +1,26 @@
|
|
|
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 };
|
|
@@ -0,0 +1,2 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import*as e from'@radix-ui/react-collapsible';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {forwardRef}from'react';import {jsx}from'react/jsx-runtime';function i(...o){return twMerge(clsx(o))}var v=e.Root,p=forwardRef(({className:o,...t},l)=>jsx(e.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=forwardRef(({className:o,...t},l)=>jsx(e.Content,{ref:l,className:i("overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",o),...t}));m.displayName="CollapsibleContent";export{v as Collapsible,m as CollapsibleContent,p as CollapsibleTrigger};//# sourceMappingURL=collapsible.mjs.map
|
|
2
|
+
//# sourceMappingURL=collapsible.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { ComponentPropsWithoutRef, ElementRef } from 'react';
|
|
4
|
+
import { DialogProps } from '@radix-ui/react-dialog';
|
|
5
|
+
import { Command as Command$1 } from 'cmdk';
|
|
6
|
+
|
|
7
|
+
type CommandProps = ComponentPropsWithoutRef<typeof Command$1>;
|
|
8
|
+
type CommandRef = ElementRef<typeof Command$1>;
|
|
9
|
+
type CommandDialogProps = DialogProps;
|
|
10
|
+
type CommandInputProps = ComponentPropsWithoutRef<typeof Command$1.Input>;
|
|
11
|
+
type CommandInputRef = ElementRef<typeof Command$1.Input>;
|
|
12
|
+
type CommandListProps = ComponentPropsWithoutRef<typeof Command$1.List>;
|
|
13
|
+
type CommandListRef = ElementRef<typeof Command$1.List>;
|
|
14
|
+
type CommandEmptyProps = ComponentPropsWithoutRef<typeof Command$1.Empty>;
|
|
15
|
+
type CommandEmptyRef = ElementRef<typeof Command$1.Empty>;
|
|
16
|
+
type CommandGroupProps = ComponentPropsWithoutRef<typeof Command$1.Group>;
|
|
17
|
+
type CommandGroupRef = ElementRef<typeof Command$1.Group>;
|
|
18
|
+
type CommandSeparatorProps = ComponentPropsWithoutRef<typeof Command$1.Separator>;
|
|
19
|
+
type CommandSeparatorRef = ElementRef<typeof Command$1.Separator>;
|
|
20
|
+
type CommandItemProps = ComponentPropsWithoutRef<typeof Command$1.Item>;
|
|
21
|
+
type CommandItemRef = ElementRef<typeof Command$1.Item>;
|
|
22
|
+
type CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Command component that provides a command palette interface.
|
|
26
|
+
* Built on top of cmdk and Radix UI's Dialog primitive.
|
|
27
|
+
*
|
|
28
|
+
* @url https://sergii-melnykov.github.io/ui/?path=/docs/atoms-command--docs
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* ```tsx
|
|
32
|
+
* <Command>
|
|
33
|
+
* <CommandInput placeholder="Search..." />
|
|
34
|
+
* <CommandList>
|
|
35
|
+
* <CommandEmpty>No results found.</CommandEmpty>
|
|
36
|
+
* <CommandGroup heading="Suggestions">
|
|
37
|
+
* <CommandItem>Calendar</CommandItem>
|
|
38
|
+
* <CommandItem>Search</CommandItem>
|
|
39
|
+
* </CommandGroup>
|
|
40
|
+
* </CommandList>
|
|
41
|
+
* </Command>
|
|
42
|
+
* ```
|
|
43
|
+
*/
|
|
44
|
+
declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
45
|
+
children?: React.ReactNode;
|
|
46
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
47
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
48
|
+
} & {
|
|
49
|
+
asChild?: boolean;
|
|
50
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
51
|
+
label?: string;
|
|
52
|
+
shouldFilter?: boolean;
|
|
53
|
+
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
54
|
+
defaultValue?: string;
|
|
55
|
+
value?: string;
|
|
56
|
+
onValueChange?: (value: string) => void;
|
|
57
|
+
loop?: boolean;
|
|
58
|
+
disablePointerSelection?: boolean;
|
|
59
|
+
vimBindings?: boolean;
|
|
60
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
61
|
+
declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
|
|
62
|
+
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
63
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
64
|
+
} & {
|
|
65
|
+
asChild?: boolean;
|
|
66
|
+
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
|
|
67
|
+
value?: string;
|
|
68
|
+
onValueChange?: (search: string) => void;
|
|
69
|
+
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
70
|
+
declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
71
|
+
children?: React.ReactNode;
|
|
72
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
73
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
74
|
+
} & {
|
|
75
|
+
asChild?: boolean;
|
|
76
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
77
|
+
label?: string;
|
|
78
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
79
|
+
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
80
|
+
children?: React.ReactNode;
|
|
81
|
+
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
82
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
83
|
+
} & {
|
|
84
|
+
asChild?: boolean;
|
|
85
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
86
|
+
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
87
|
+
children?: React.ReactNode;
|
|
88
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
89
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
90
|
+
} & {
|
|
91
|
+
asChild?: boolean;
|
|
92
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
|
|
93
|
+
heading?: React.ReactNode;
|
|
94
|
+
value?: string;
|
|
95
|
+
forceMount?: boolean;
|
|
96
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
97
|
+
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
98
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
99
|
+
} & {
|
|
100
|
+
asChild?: boolean;
|
|
101
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
|
|
102
|
+
alwaysRender?: boolean;
|
|
103
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
104
|
+
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
105
|
+
children?: React.ReactNode;
|
|
106
|
+
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
107
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
108
|
+
} & {
|
|
109
|
+
asChild?: boolean;
|
|
110
|
+
}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
|
|
111
|
+
disabled?: boolean;
|
|
112
|
+
onSelect?: (value: string) => void;
|
|
113
|
+
value?: string;
|
|
114
|
+
keywords?: string[];
|
|
115
|
+
forceMount?: boolean;
|
|
116
|
+
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
117
|
+
declare const CommandShortcut: {
|
|
118
|
+
({ className, ...props }: CommandShortcutProps): react_jsx_runtime.JSX.Element;
|
|
119
|
+
displayName: string;
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
export { Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, type CommandEmptyRef, CommandGroup, type CommandGroupProps, type CommandGroupRef, CommandInput, type CommandInputProps, type CommandInputRef, CommandItem, type CommandItemProps, type CommandItemRef, CommandList, type CommandListProps, type CommandListRef, type CommandProps, type CommandRef, CommandSeparator, type CommandSeparatorProps, type CommandSeparatorRef, CommandShortcut, type CommandShortcutProps };
|