@codefast/ui 0.0.9 → 0.0.11
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/accordion.d.mts +7 -7
- package/dist/accordion.d.ts +7 -7
- package/dist/accordion.js +42 -32
- package/dist/accordion.js.map +1 -1
- package/dist/accordion.mjs +42 -32
- package/dist/accordion.mjs.map +1 -1
- package/dist/alert-dialog.d.mts +12 -12
- package/dist/alert-dialog.d.ts +12 -12
- package/dist/alert-dialog.js +47 -75
- package/dist/alert-dialog.js.map +1 -1
- package/dist/alert-dialog.mjs +47 -75
- package/dist/alert-dialog.mjs.map +1 -1
- package/dist/alert.js +5 -30
- package/dist/alert.js.map +1 -1
- package/dist/alert.mjs +5 -30
- package/dist/alert.mjs.map +1 -1
- package/dist/aspect-ratio.d.mts +1 -1
- package/dist/aspect-ratio.d.ts +1 -1
- package/dist/aspect-ratio.js.map +1 -1
- package/dist/aspect-ratio.mjs.map +1 -1
- package/dist/avatar.d.mts +6 -6
- package/dist/avatar.d.ts +6 -6
- package/dist/avatar.js +3 -16
- package/dist/avatar.js.map +1 -1
- package/dist/avatar.mjs +3 -16
- package/dist/avatar.mjs.map +1 -1
- package/dist/badge.js +1 -5
- package/dist/badge.js.map +1 -1
- package/dist/badge.mjs +1 -5
- package/dist/badge.mjs.map +1 -1
- package/dist/blockquote.js +4 -6
- package/dist/blockquote.js.map +1 -1
- package/dist/blockquote.mjs +4 -6
- package/dist/blockquote.mjs.map +1 -1
- package/dist/box.js +4 -6
- package/dist/box.js.map +1 -1
- package/dist/box.mjs +4 -6
- package/dist/box.mjs.map +1 -1
- package/dist/breadcrumb.js +30 -67
- package/dist/breadcrumb.js.map +1 -1
- package/dist/breadcrumb.mjs +30 -67
- package/dist/breadcrumb.mjs.map +1 -1
- package/dist/button.d.mts +1 -0
- package/dist/button.d.ts +1 -0
- package/dist/button.js +3 -2
- package/dist/button.mjs +2 -1
- package/dist/calendar.js +7 -19
- package/dist/calendar.js.map +1 -1
- package/dist/calendar.mjs +6 -18
- package/dist/calendar.mjs.map +1 -1
- package/dist/card.js +8 -55
- package/dist/card.js.map +1 -1
- package/dist/card.mjs +8 -55
- package/dist/card.mjs.map +1 -1
- package/dist/carousel.js +58 -64
- package/dist/carousel.js.map +1 -1
- package/dist/carousel.mjs +57 -63
- package/dist/carousel.mjs.map +1 -1
- package/dist/checkbox-cards.d.mts +15 -0
- package/dist/checkbox-cards.d.ts +15 -0
- package/dist/checkbox-cards.js +56 -0
- package/dist/checkbox-cards.js.map +1 -0
- package/dist/checkbox-cards.mjs +56 -0
- package/dist/checkbox-cards.mjs.map +1 -0
- package/dist/checkbox-group.d.mts +13 -0
- package/dist/checkbox-group.d.ts +13 -0
- package/dist/checkbox-group.js +44 -0
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox-group.mjs +44 -0
- package/dist/checkbox-group.mjs.map +1 -0
- package/dist/checkbox-group.primitive.d.mts +38 -0
- package/dist/checkbox-group.primitive.d.ts +38 -0
- package/dist/checkbox-group.primitive.js +19 -0
- package/dist/checkbox-group.primitive.js.map +1 -0
- package/dist/checkbox-group.primitive.mjs +19 -0
- package/dist/checkbox-group.primitive.mjs.map +1 -0
- package/dist/checkbox.d.mts +2 -2
- package/dist/checkbox.d.ts +2 -2
- package/dist/checkbox.js +5 -1
- package/dist/checkbox.js.map +1 -1
- package/dist/checkbox.mjs +5 -1
- package/dist/checkbox.mjs.map +1 -1
- package/dist/chunk-3ZZ3SRTJ.js +148 -0
- package/dist/chunk-3ZZ3SRTJ.js.map +1 -0
- package/dist/{chunk-MJDKD2K4.mjs → chunk-6J6VPUBP.mjs} +9 -10
- package/dist/chunk-6J6VPUBP.mjs.map +1 -0
- package/dist/{chunk-PKB2G726.js → chunk-7S4DOWLB.js} +9 -10
- package/dist/chunk-7S4DOWLB.js.map +1 -0
- package/dist/{chunk-JOJW7BBY.js → chunk-BWCO2ZQQ.js} +29 -8
- package/dist/chunk-BWCO2ZQQ.js.map +1 -0
- package/dist/chunk-EWS3N4OZ.mjs +148 -0
- package/dist/chunk-EWS3N4OZ.mjs.map +1 -0
- package/dist/{chunk-PIU627A3.mjs → chunk-FGI3JA75.mjs} +1 -1
- package/dist/chunk-FGI3JA75.mjs.map +1 -0
- package/dist/{chunk-GRKABVK4.js → chunk-IVYGBU4G.js} +1 -1
- package/dist/chunk-IVYGBU4G.js.map +1 -0
- package/dist/chunk-IXEJO7ZP.js +86 -0
- package/dist/chunk-IXEJO7ZP.js.map +1 -0
- package/dist/chunk-JULVZPCS.mjs +120 -0
- package/dist/chunk-JULVZPCS.mjs.map +1 -0
- package/dist/chunk-LNSEYAPJ.js +121 -0
- package/dist/chunk-LNSEYAPJ.js.map +1 -0
- package/dist/chunk-MDSPK3M6.js +54 -0
- package/dist/chunk-MDSPK3M6.js.map +1 -0
- package/dist/chunk-MOJNV3XZ.js +120 -0
- package/dist/chunk-MOJNV3XZ.js.map +1 -0
- package/dist/chunk-OK63Q6EJ.mjs +121 -0
- package/dist/chunk-OK63Q6EJ.mjs.map +1 -0
- package/dist/chunk-V2254PQL.mjs +54 -0
- package/dist/chunk-V2254PQL.mjs.map +1 -0
- package/dist/chunk-WFXEFJRB.mjs +77 -0
- package/dist/chunk-WFXEFJRB.mjs.map +1 -0
- package/dist/chunk-XCKLBP2V.mjs +86 -0
- package/dist/chunk-XCKLBP2V.mjs.map +1 -0
- package/dist/code.js +4 -6
- package/dist/code.js.map +1 -1
- package/dist/code.mjs +4 -6
- package/dist/code.mjs.map +1 -1
- package/dist/collapsible.d.mts +3 -3
- package/dist/collapsible.d.ts +3 -3
- package/dist/collapsible.js.map +1 -1
- package/dist/collapsible.mjs.map +1 -1
- package/dist/command.d.mts +11 -10
- package/dist/command.d.ts +11 -10
- package/dist/command.js +10 -44
- package/dist/command.js.map +1 -1
- package/dist/command.mjs +10 -44
- package/dist/command.mjs.map +1 -1
- package/dist/container.js +4 -6
- package/dist/container.js.map +1 -1
- package/dist/container.mjs +4 -6
- package/dist/container.mjs.map +1 -1
- package/dist/context-menu.d.mts +18 -18
- package/dist/context-menu.d.ts +18 -18
- package/dist/context-menu.js +108 -124
- package/dist/context-menu.js.map +1 -1
- package/dist/context-menu.mjs +109 -125
- package/dist/context-menu.mjs.map +1 -1
- package/dist/data-table.d.mts +1 -1
- package/dist/data-table.d.ts +1 -1
- package/dist/data-table.js +131 -149
- package/dist/data-table.js.map +1 -1
- package/dist/data-table.mjs +120 -138
- package/dist/data-table.mjs.map +1 -1
- package/dist/dialog.d.mts +9 -9
- package/dist/dialog.d.ts +9 -9
- package/dist/dialog.js +2 -2
- package/dist/dialog.mjs +1 -1
- package/dist/drawer.d.mts +2 -2
- package/dist/drawer.d.ts +2 -2
- package/dist/drawer.js +30 -63
- package/dist/drawer.js.map +1 -1
- package/dist/drawer.mjs +30 -63
- package/dist/drawer.mjs.map +1 -1
- package/dist/dropdown-menu.d.mts +16 -16
- package/dist/dropdown-menu.d.ts +16 -16
- package/dist/dropdown-menu.js +2 -2
- package/dist/dropdown-menu.mjs +1 -1
- package/dist/em.js +4 -6
- package/dist/em.js.map +1 -1
- package/dist/em.mjs +4 -6
- package/dist/em.mjs.map +1 -1
- package/dist/form.js +23 -54
- package/dist/form.js.map +1 -1
- package/dist/form.mjs +23 -54
- package/dist/form.mjs.map +1 -1
- package/dist/heading.js +4 -6
- package/dist/heading.js.map +1 -1
- package/dist/heading.mjs +4 -6
- package/dist/heading.mjs.map +1 -1
- package/dist/hover-card.d.mts +4 -4
- package/dist/hover-card.d.ts +4 -4
- package/dist/hover-card.js +15 -13
- package/dist/hover-card.js.map +1 -1
- package/dist/hover-card.mjs +15 -13
- package/dist/hover-card.mjs.map +1 -1
- package/dist/input-otp.js +32 -37
- package/dist/input-otp.js.map +1 -1
- package/dist/input-otp.mjs +32 -37
- package/dist/input-otp.mjs.map +1 -1
- package/dist/input.js +10 -14
- package/dist/input.js.map +1 -1
- package/dist/input.mjs +10 -14
- package/dist/input.mjs.map +1 -1
- package/dist/kbd.js +14 -16
- package/dist/kbd.js.map +1 -1
- package/dist/kbd.mjs +14 -16
- package/dist/kbd.mjs.map +1 -1
- package/dist/label.d.mts +2 -2
- package/dist/label.d.ts +2 -2
- package/dist/label.js +2 -2
- package/dist/label.mjs +1 -1
- package/dist/menubar.d.mts +21 -21
- package/dist/menubar.d.ts +21 -21
- package/dist/menubar.js +73 -93
- package/dist/menubar.js.map +1 -1
- package/dist/menubar.mjs +74 -94
- package/dist/menubar.mjs.map +1 -1
- package/dist/navigation-menu.d.mts +16 -16
- package/dist/navigation-menu.d.ts +16 -16
- package/dist/navigation-menu.js +89 -93
- package/dist/navigation-menu.js.map +1 -1
- package/dist/navigation-menu.mjs +89 -93
- package/dist/navigation-menu.mjs.map +1 -1
- package/dist/pagination.js +19 -58
- package/dist/pagination.js.map +1 -1
- package/dist/pagination.mjs +19 -58
- package/dist/pagination.mjs.map +1 -1
- package/dist/popover.d.mts +7 -7
- package/dist/popover.d.ts +7 -7
- package/dist/popover.js +16 -21
- package/dist/popover.js.map +1 -1
- package/dist/popover.mjs +16 -21
- package/dist/popover.mjs.map +1 -1
- package/dist/pre.js +4 -6
- package/dist/pre.js.map +1 -1
- package/dist/pre.mjs +4 -6
- package/dist/pre.mjs.map +1 -1
- package/dist/progress.d.mts +2 -2
- package/dist/progress.d.ts +2 -2
- package/dist/progress.js +1 -4
- package/dist/progress.js.map +1 -1
- package/dist/progress.mjs +1 -4
- package/dist/progress.mjs.map +1 -1
- package/dist/quote.js +4 -6
- package/dist/quote.js.map +1 -1
- package/dist/quote.mjs +4 -6
- package/dist/quote.mjs.map +1 -1
- package/dist/radio-cards.d.mts +9 -0
- package/dist/radio-cards.d.ts +9 -0
- package/dist/radio-cards.js +36 -0
- package/dist/radio-cards.js.map +1 -0
- package/dist/radio-cards.mjs +36 -0
- package/dist/radio-cards.mjs.map +1 -0
- package/dist/radio-group.d.mts +4 -4
- package/dist/radio-group.d.ts +4 -4
- package/dist/radio-group.js +3 -9
- package/dist/radio-group.js.map +1 -1
- package/dist/radio-group.mjs +3 -9
- package/dist/radio-group.mjs.map +1 -1
- package/dist/radio.d.mts +8 -0
- package/dist/radio.d.ts +8 -0
- package/dist/radio.js +35 -0
- package/dist/radio.js.map +1 -0
- package/dist/radio.mjs +35 -0
- package/dist/radio.mjs.map +1 -0
- package/dist/resizable.d.mts +2 -2
- package/dist/resizable.d.ts +2 -2
- package/dist/resizable.js +3 -5
- package/dist/resizable.js.map +1 -1
- package/dist/resizable.mjs +3 -5
- package/dist/resizable.mjs.map +1 -1
- package/dist/scroll-area.d.mts +4 -4
- package/dist/scroll-area.d.ts +4 -4
- package/dist/scroll-area.js +23 -29
- package/dist/scroll-area.js.map +1 -1
- package/dist/scroll-area.mjs +23 -29
- package/dist/scroll-area.mjs.map +1 -1
- package/dist/section.js +4 -6
- package/dist/section.js.map +1 -1
- package/dist/section.mjs +4 -6
- package/dist/section.mjs.map +1 -1
- package/dist/segmented.d.mts +22 -0
- package/dist/segmented.d.ts +22 -0
- package/dist/segmented.js +126 -0
- package/dist/segmented.js.map +1 -0
- package/dist/segmented.mjs +126 -0
- package/dist/segmented.mjs.map +1 -0
- package/dist/select.d.mts +17 -17
- package/dist/select.d.ts +17 -17
- package/dist/select.js +2 -2
- package/dist/select.mjs +1 -1
- package/dist/separator.d.mts +2 -2
- package/dist/separator.d.ts +2 -2
- package/dist/separator.js +1 -5
- package/dist/separator.js.map +1 -1
- package/dist/separator.mjs +1 -5
- package/dist/separator.mjs.map +1 -1
- package/dist/sheet.d.mts +9 -9
- package/dist/sheet.d.ts +9 -9
- package/dist/sheet.js +35 -76
- package/dist/sheet.js.map +1 -1
- package/dist/sheet.mjs +35 -76
- package/dist/sheet.mjs.map +1 -1
- package/dist/skeleton.js +1 -7
- package/dist/skeleton.js.map +1 -1
- package/dist/skeleton.mjs +1 -7
- package/dist/skeleton.mjs.map +1 -1
- package/dist/slider.d.mts +2 -2
- package/dist/slider.d.ts +2 -2
- package/dist/slider.js +10 -5
- package/dist/slider.js.map +1 -1
- package/dist/slider.mjs +10 -5
- package/dist/slider.mjs.map +1 -1
- package/dist/sonner.js +1 -6
- package/dist/sonner.js.map +1 -1
- package/dist/sonner.mjs +1 -6
- package/dist/sonner.mjs.map +1 -1
- package/dist/spinner.d.mts +8 -0
- package/dist/spinner.d.ts +8 -0
- package/dist/spinner.js +8 -0
- package/dist/spinner.js.map +1 -0
- package/dist/spinner.mjs +8 -0
- package/dist/spinner.mjs.map +1 -0
- package/dist/strong.js +4 -6
- package/dist/strong.js.map +1 -1
- package/dist/strong.mjs +4 -6
- package/dist/strong.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/switch.d.mts +2 -2
- package/dist/switch.d.ts +2 -2
- package/dist/switch.js +2 -1
- package/dist/switch.js.map +1 -1
- package/dist/switch.mjs +2 -1
- package/dist/switch.mjs.map +1 -1
- package/dist/table.js +22 -80
- package/dist/table.js.map +1 -1
- package/dist/table.mjs +22 -80
- package/dist/table.mjs.map +1 -1
- package/dist/tabs.d.mts +7 -7
- package/dist/tabs.d.ts +7 -7
- package/dist/tabs.js +4 -2
- package/dist/tabs.js.map +1 -1
- package/dist/tabs.mjs +4 -2
- package/dist/tabs.mjs.map +1 -1
- package/dist/text.js +4 -6
- package/dist/text.js.map +1 -1
- package/dist/text.mjs +4 -6
- package/dist/text.mjs.map +1 -1
- package/dist/textarea.js +14 -15
- package/dist/textarea.js.map +1 -1
- package/dist/textarea.mjs +14 -15
- package/dist/textarea.mjs.map +1 -1
- package/dist/toggle-group.d.mts +2 -2
- package/dist/toggle-group.d.ts +2 -2
- package/dist/toggle-group.js +41 -34
- package/dist/toggle-group.js.map +1 -1
- package/dist/toggle-group.mjs +40 -33
- package/dist/toggle-group.mjs.map +1 -1
- package/dist/toggle.d.mts +2 -2
- package/dist/toggle.d.ts +2 -2
- package/dist/toggle.js +2 -2
- package/dist/toggle.mjs +1 -1
- package/dist/tooltip.d.mts +7 -7
- package/dist/tooltip.d.ts +7 -7
- package/dist/tooltip.js +15 -20
- package/dist/tooltip.js.map +1 -1
- package/dist/tooltip.mjs +15 -20
- package/dist/tooltip.mjs.map +1 -1
- package/package.json +43 -6
- package/src/accordion.tsx +53 -43
- package/src/alert-dialog.tsx +73 -92
- package/src/alert.tsx +24 -41
- package/src/aspect-ratio.tsx +2 -1
- package/src/avatar.tsx +19 -36
- package/src/badge.tsx +3 -7
- package/src/blockquote.tsx +9 -8
- package/src/box.tsx +7 -6
- package/src/breadcrumb.tsx +54 -63
- package/src/button.tsx +42 -16
- package/src/calendar.tsx +6 -22
- package/src/card.tsx +40 -56
- package/src/carousel.tsx +95 -81
- package/src/checkbox-cards.tsx +68 -0
- package/src/checkbox-group.primitive.tsx +199 -0
- package/src/checkbox-group.tsx +57 -0
- package/src/checkbox.tsx +10 -6
- package/src/code.tsx +8 -6
- package/src/collapsible.tsx +4 -3
- package/src/command.tsx +53 -90
- package/src/container.tsx +8 -6
- package/src/context-menu.tsx +163 -175
- package/src/data-table.tsx +26 -43
- package/src/dialog.tsx +58 -77
- package/src/drawer.tsx +48 -78
- package/src/dropdown-menu.tsx +143 -154
- package/src/em.tsx +8 -6
- package/src/form.tsx +61 -86
- package/src/heading.tsx +8 -6
- package/src/hover-card.tsx +22 -20
- package/src/input-otp.tsx +50 -48
- package/src/input.tsx +14 -15
- package/src/kbd.tsx +18 -16
- package/src/label.tsx +5 -5
- package/src/menubar.tsx +133 -149
- package/src/navigation-menu.tsx +110 -114
- package/src/pagination.tsx +26 -48
- package/src/popover.tsx +29 -31
- package/src/pre.tsx +8 -6
- package/src/progress.tsx +6 -9
- package/src/quote.tsx +8 -6
- package/src/radio-cards.tsx +50 -0
- package/src/radio-group.tsx +14 -24
- package/src/radio.tsx +44 -0
- package/src/resizable.tsx +5 -7
- package/src/scroll-area.tsx +29 -40
- package/src/section.tsx +8 -6
- package/src/segmented.tsx +176 -0
- package/src/select.tsx +106 -115
- package/src/separator.tsx +7 -14
- package/src/sheet.tsx +50 -76
- package/src/skeleton.tsx +2 -6
- package/src/slider.tsx +12 -10
- package/src/sonner.tsx +3 -7
- package/src/spinner.tsx +71 -0
- package/src/strong.tsx +8 -6
- package/src/switch.tsx +7 -6
- package/src/table.tsx +60 -82
- package/src/tabs.tsx +20 -18
- package/src/text.tsx +8 -8
- package/src/textarea.tsx +16 -14
- package/src/toggle-group.tsx +59 -58
- package/src/toggle.tsx +14 -13
- package/src/tooltip.tsx +28 -30
- package/dist/chunk-3BDLWZ3W.js +0 -158
- package/dist/chunk-3BDLWZ3W.js.map +0 -1
- package/dist/chunk-43YGVOCO.js +0 -135
- package/dist/chunk-43YGVOCO.js.map +0 -1
- package/dist/chunk-AJLEALVP.mjs +0 -112
- package/dist/chunk-AJLEALVP.mjs.map +0 -1
- package/dist/chunk-D6NQEMTJ.js +0 -112
- package/dist/chunk-D6NQEMTJ.js.map +0 -1
- package/dist/chunk-FATZHRHR.mjs +0 -56
- package/dist/chunk-FATZHRHR.mjs.map +0 -1
- package/dist/chunk-GRKABVK4.js.map +0 -1
- package/dist/chunk-JOJW7BBY.js.map +0 -1
- package/dist/chunk-KV4VL2ZF.mjs +0 -135
- package/dist/chunk-KV4VL2ZF.mjs.map +0 -1
- package/dist/chunk-MJDKD2K4.mjs.map +0 -1
- package/dist/chunk-NCEN3XBK.mjs +0 -158
- package/dist/chunk-NCEN3XBK.mjs.map +0 -1
- package/dist/chunk-PIU627A3.mjs.map +0 -1
- package/dist/chunk-PKB2G726.js.map +0 -1
package/dist/command.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { DialogProps } from '@radix-ui/react-dialog';
|
|
3
2
|
import { Command as Command$1 } from 'cmdk';
|
|
3
|
+
import { Dialog } from './dialog.js';
|
|
4
|
+
import '@radix-ui/react-dialog';
|
|
4
5
|
|
|
5
6
|
type CommandProps = React.ComponentPropsWithoutRef<typeof Command$1>;
|
|
6
7
|
declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
@@ -9,7 +10,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
|
9
10
|
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
10
11
|
} & {
|
|
11
12
|
asChild?: boolean | undefined;
|
|
12
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
13
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
13
14
|
label?: string | undefined;
|
|
14
15
|
shouldFilter?: boolean | undefined;
|
|
15
16
|
filter?: ((value: string, search: string, keywords?: string[] | undefined) => number) | undefined;
|
|
@@ -20,14 +21,14 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
|
20
21
|
disablePointerSelection?: boolean | undefined;
|
|
21
22
|
vimBindings?: boolean | undefined;
|
|
22
23
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
-
type CommandDialogProps =
|
|
24
|
+
type CommandDialogProps = React.ComponentProps<typeof Dialog>;
|
|
24
25
|
declare function CommandDialog({ children, ...props }: CommandDialogProps): React.JSX.Element;
|
|
25
26
|
type CommandInputProps = React.ComponentPropsWithoutRef<typeof Command$1.Input>;
|
|
26
27
|
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
27
28
|
ref?: React.Ref<HTMLInputElement> | undefined;
|
|
28
29
|
} & {
|
|
29
30
|
asChild?: boolean | undefined;
|
|
30
|
-
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "
|
|
31
|
+
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
|
|
31
32
|
value?: string | undefined;
|
|
32
33
|
onValueChange?: ((search: string) => void) | undefined;
|
|
33
34
|
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -38,7 +39,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
|
38
39
|
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
39
40
|
} & {
|
|
40
41
|
asChild?: boolean | undefined;
|
|
41
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
42
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
42
43
|
label?: string | undefined;
|
|
43
44
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
44
45
|
type CommandEmptyProps = React.ComponentPropsWithoutRef<typeof Command$1.Empty>;
|
|
@@ -48,7 +49,7 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
|
48
49
|
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
49
50
|
} & {
|
|
50
51
|
asChild?: boolean | undefined;
|
|
51
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
52
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
52
53
|
type CommandGroupProps = React.ComponentPropsWithoutRef<typeof Command$1.Group>;
|
|
53
54
|
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
54
55
|
children?: React.ReactNode;
|
|
@@ -56,7 +57,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
|
56
57
|
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
57
58
|
} & {
|
|
58
59
|
asChild?: boolean | undefined;
|
|
59
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
60
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
|
|
60
61
|
heading?: React.ReactNode;
|
|
61
62
|
value?: string | undefined;
|
|
62
63
|
forceMount?: boolean | undefined;
|
|
@@ -66,7 +67,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
|
|
|
66
67
|
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
67
68
|
} & {
|
|
68
69
|
asChild?: boolean | undefined;
|
|
69
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
70
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
70
71
|
alwaysRender?: boolean | undefined;
|
|
71
72
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
72
73
|
type CommandItemProps = React.ComponentPropsWithoutRef<typeof Command$1.Item>;
|
|
@@ -76,7 +77,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
|
76
77
|
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
77
78
|
} & {
|
|
78
79
|
asChild?: boolean | undefined;
|
|
79
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
80
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
|
|
80
81
|
disabled?: boolean | undefined;
|
|
81
82
|
onSelect?: ((value: string) => void) | undefined;
|
|
82
83
|
value?: string | undefined;
|
|
@@ -90,7 +91,7 @@ declare const CommandLoading: React.ForwardRefExoticComponent<Omit<{
|
|
|
90
91
|
ref?: React.Ref<HTMLDivElement> | undefined;
|
|
91
92
|
} & {
|
|
92
93
|
asChild?: boolean | undefined;
|
|
93
|
-
}, "key" | keyof React.HTMLAttributes<HTMLDivElement
|
|
94
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
94
95
|
progress?: number | undefined;
|
|
95
96
|
label?: string | undefined;
|
|
96
97
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
package/dist/command.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _chunkIXEJO7ZPjs = require('./chunk-IXEJO7ZP.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
@@ -24,11 +24,8 @@ var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
|
24
24
|
}
|
|
25
25
|
));
|
|
26
26
|
Command.displayName = _cmdk.Command.displayName;
|
|
27
|
-
function CommandDialog({
|
|
28
|
-
children,
|
|
29
|
-
...props
|
|
30
|
-
}) {
|
|
31
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD6NQEMTJjs.Dialog, { ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD6NQEMTJjs.DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5", children }) }) });
|
|
27
|
+
function CommandDialog({ children, ...props }) {
|
|
28
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXEJO7ZPjs.Dialog, { ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIXEJO7ZPjs.DialogContent, { className: "p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground focus:outline-none [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5", children }) }) });
|
|
32
29
|
}
|
|
33
30
|
var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
34
31
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.MagnifyingGlassIcon, { className: "size-4 shrink-0 opacity-50" }),
|
|
@@ -54,14 +51,7 @@ var CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
|
|
|
54
51
|
}
|
|
55
52
|
));
|
|
56
53
|
CommandList.displayName = _cmdk.Command.List.displayName;
|
|
57
|
-
var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
58
|
-
_cmdk.Command.Empty,
|
|
59
|
-
{
|
|
60
|
-
ref,
|
|
61
|
-
className: "py-6 text-center text-sm",
|
|
62
|
-
...props
|
|
63
|
-
}
|
|
64
|
-
));
|
|
54
|
+
var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
|
|
65
55
|
CommandEmpty.displayName = _cmdk.Command.Empty.displayName;
|
|
66
56
|
var CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
67
57
|
_cmdk.Command.Group,
|
|
@@ -75,14 +65,9 @@ var CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
75
65
|
}
|
|
76
66
|
));
|
|
77
67
|
CommandGroup.displayName = _cmdk.Command.Group.displayName;
|
|
78
|
-
var CommandSeparator = React.forwardRef(
|
|
79
|
-
_cmdk.Command.Separator,
|
|
80
|
-
|
|
81
|
-
ref,
|
|
82
|
-
className: _chunkG3NP7M2Njs.cn.call(void 0, "bg-border -mx-1 h-px", className),
|
|
83
|
-
...props
|
|
84
|
-
}
|
|
85
|
-
));
|
|
68
|
+
var CommandSeparator = React.forwardRef(
|
|
69
|
+
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command.Separator, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "bg-border -mx-1 h-px", className), ...props })
|
|
70
|
+
);
|
|
86
71
|
CommandSeparator.displayName = _cmdk.Command.Separator.displayName;
|
|
87
72
|
var CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
88
73
|
_cmdk.Command.Item,
|
|
@@ -96,29 +81,10 @@ var CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
|
|
|
96
81
|
}
|
|
97
82
|
));
|
|
98
83
|
CommandItem.displayName = _cmdk.Command.Item.displayName;
|
|
99
|
-
var CommandLoading = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
100
|
-
_cmdk.Command.Loading,
|
|
101
|
-
{
|
|
102
|
-
ref,
|
|
103
|
-
className: _chunkG3NP7M2Njs.cn.call(void 0, "flex justify-center p-2", className),
|
|
104
|
-
...props
|
|
105
|
-
}
|
|
106
|
-
));
|
|
84
|
+
var CommandLoading = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command.Loading, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "flex justify-center p-2", className), ...props }));
|
|
107
85
|
CommandLoading.displayName = _cmdk.Command.Loading.displayName;
|
|
108
|
-
function CommandShortcut({
|
|
109
|
-
className,
|
|
110
|
-
...props
|
|
111
|
-
}) {
|
|
112
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
113
|
-
"span",
|
|
114
|
-
{
|
|
115
|
-
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
116
|
-
"text-muted-foreground ml-auto text-xs tracking-widest",
|
|
117
|
-
className
|
|
118
|
-
),
|
|
119
|
-
...props
|
|
120
|
-
}
|
|
121
|
-
);
|
|
86
|
+
function CommandShortcut({ className, ...props }) {
|
|
87
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkG3NP7M2Njs.cn.call(void 0, "text-muted-foreground ml-auto text-xs tracking-widest", className), ...props });
|
|
122
88
|
}
|
|
123
89
|
|
|
124
90
|
|
package/dist/command.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/command.tsx"],"names":[],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AAEvB,SAAS,2BAA2B;AACpC,SAAS,WAAW,wBAAwB;AAa1C,cA0CA,YA1CA;AAJF,IAAM,UAAgB,iBAGpB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,QAAQ,cAAc,iBAAiB;AAOvC,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAA0C;AACxC,SACE,oBAAC,UAAQ,GAAG,OACV,8BAAC,iBAAc,WAAU,uBACvB,8BAAC,WAAQ,WAAU,4TAChB,UACH,GACF,GACF;AAEJ;AASA,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,qBAAC,SAAI,WAAU,yCAAwC,sBAAmB,IACxE;AAAA,sBAAC,uBAAoB,WAAU,8BAA6B;AAAA,EAC5D;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,GACF,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AASlD,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,mDAAmD,SAAS;AAAA,IACzE,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,iBAAiB,KAAK;AAShD,IAAM,eAAqB,iBAGzB,CAAC,OAAO,QACR;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAU;AAAA,IACT,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AASlD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AASlD,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,wBAAwB,SAAS;AAAA,IAC9C,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAc,iBAAiB,UAAU;AAS1D,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,iBAAiB,KAAK;AAShD,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,2BAA2B,SAAS;AAAA,IACjD,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAAc,iBAAiB,QAAQ;AAOtD,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,GAAG;AACL,GAA4C;AAC1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\nimport { MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { cn } from \"./utils\";\nimport { Dialog, DialogContent } from \"./dialog\";\n\n/* -----------------------------------------------------------------------------\n * Component: Command\n * -------------------------------------------------------------------------- */\n\ntype CommandProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;\nconst Command = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n CommandProps\n>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n className,\n )}\n {...props}\n />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandDialog\n * -------------------------------------------------------------------------- */\n\ntype CommandDialogProps = DialogProps;\nfunction CommandDialog({\n children,\n ...props\n}: CommandDialogProps): React.JSX.Element {\n return (\n <Dialog {...props}>\n <DialogContent className=\"overflow-hidden p-0\">\n <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandInput\n * -------------------------------------------------------------------------- */\n\ntype CommandInputProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.Input\n>;\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n CommandInputProps\n>(({ className, ...props }, ref) => (\n <div className=\"flex items-center gap-2 border-b px-3\" cmdk-input-wrapper=\"\">\n <MagnifyingGlassIcon className=\"size-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent text-sm focus:outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n </div>\n));\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandList\n * -------------------------------------------------------------------------- */\n\ntype CommandListProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.List\n>;\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n CommandListProps\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n {...props}\n />\n));\nCommandList.displayName = CommandPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandEmpty\n * -------------------------------------------------------------------------- */\n\ntype CommandEmptyProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.Empty\n>;\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n CommandEmptyProps\n>((props, ref) => (\n <CommandPrimitive.Empty\n ref={ref}\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n));\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandGroup\n * -------------------------------------------------------------------------- */\n\ntype CommandGroupProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.Group\n>;\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n CommandGroupProps\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n className,\n )}\n {...props}\n />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandSeparator\n * -------------------------------------------------------------------------- */\n\ntype CommandSeparatorProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.Separator\n>;\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n CommandSeparatorProps\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn(\"bg-border -mx-1 h-px\", className)}\n {...props}\n />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandItem\n * -------------------------------------------------------------------------- */\n\ntype CommandItemProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.Item\n>;\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n CommandItemProps\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandLoading\n * -------------------------------------------------------------------------- */\n\ntype CommandLoadingProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.Loading\n>;\nconst CommandLoading = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Loading>,\n CommandLoadingProps\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Loading\n ref={ref}\n className={cn(\"flex justify-center p-2\", className)}\n {...props}\n />\n));\nCommandLoading.displayName = CommandPrimitive.Loading.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandShortcut\n * -------------------------------------------------------------------------- */\n\ntype CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;\nfunction CommandShortcut({\n className,\n ...props\n}: CommandShortcutProps): React.JSX.Element {\n return (\n <span\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandLoading,\n CommandShortcut,\n CommandSeparator,\n type CommandProps,\n type CommandDialogProps,\n type CommandInputProps,\n type CommandListProps,\n type CommandEmptyProps,\n type CommandGroupProps,\n type CommandItemProps,\n type CommandLoadingProps,\n type CommandShortcutProps,\n type CommandSeparatorProps,\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/command.tsx"],"names":[],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,2BAA2B;AACpC,SAAS,WAAW,wBAAwB;AAY1C,cAsCA,YAtCA;AADF,IAAM,UAAgB,iBAAyC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACvF;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,QAAQ,cAAc,iBAAiB;AAQvC,SAAS,cAAc,EAAE,UAAU,GAAG,MAAM,GAA0C;AACpF,SACE,oBAAC,UAAQ,GAAG,OACV,8BAAC,iBAAc,WAAU,OACvB,8BAAC,WAAQ,WAAU,+UAChB,UACH,GACF,GACF;AAEJ;AASA,IAAM,eAAqB,iBAAmD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACtG,qBAAC,SAAI,WAAU,yCAAwC,sBAAmB,IACxE;AAAA,sBAAC,uBAAoB,WAAU,8BAA6B;AAAA,EAC5D;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,GACF,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AASlD,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,mDAAmD,SAAS;AAAA,IACzE,GAAG;AAAA;AACN,CACD;AAED,YAAY,cAAc,iBAAiB,KAAK;AAShD,IAAM,eAAqB,iBAAmD,CAAC,OAAO,QACpF,oBAAC,iBAAiB,OAAjB,EAAuB,KAAU,WAAU,4BAA4B,GAAG,OAAO,CACnF;AAED,aAAa,cAAc,iBAAiB,MAAM;AASlD,IAAM,eAAqB,iBAAmD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACtG;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AASlD,IAAM,mBAAyB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,iBAAiB,WAAjB,EAA2B,KAAU,WAAW,GAAG,wBAAwB,SAAS,GAAI,GAAG,OAAO;AAEvG;AAEA,iBAAiB,cAAc,iBAAiB,UAAU;AAS1D,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,YAAY,cAAc,iBAAiB,KAAK;AAShD,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC5G,oBAAC,iBAAiB,SAAjB,EAAyB,KAAU,WAAW,GAAG,2BAA2B,SAAS,GAAI,GAAG,OAAO,CACrG;AAED,eAAe,cAAc,iBAAiB,QAAQ;AAQtD,SAAS,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAA4C;AACzF,SAAO,oBAAC,UAAK,WAAW,GAAG,yDAAyD,SAAS,GAAI,GAAG,OAAO;AAC7G","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { cn } from \"./utils\";\nimport { Dialog, DialogContent } from \"./dialog\";\n\n/* -----------------------------------------------------------------------------\n * Component: Command\n * -------------------------------------------------------------------------- */\n\ntype CommandElement = React.ElementRef<typeof CommandPrimitive>;\ntype CommandProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;\n\nconst Command = React.forwardRef<CommandElement, CommandProps>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n className,\n )}\n {...props}\n />\n));\n\nCommand.displayName = CommandPrimitive.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandDialog\n * -------------------------------------------------------------------------- */\n\ntype CommandDialogProps = React.ComponentProps<typeof Dialog>;\n\nfunction CommandDialog({ children, ...props }: CommandDialogProps): React.JSX.Element {\n return (\n <Dialog {...props}>\n <DialogContent className=\"p-0\">\n <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground focus:outline-none [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandInput\n * -------------------------------------------------------------------------- */\n\ntype CommandInputElement = React.ElementRef<typeof CommandPrimitive.Input>;\ntype CommandInputProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>;\n\nconst CommandInput = React.forwardRef<CommandInputElement, CommandInputProps>(({ className, ...props }, ref) => (\n <div className=\"flex items-center gap-2 border-b px-3\" cmdk-input-wrapper=\"\">\n <MagnifyingGlassIcon className=\"size-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent text-sm focus:outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n </div>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandList\n * -------------------------------------------------------------------------- */\n\ntype CommandListElement = React.ElementRef<typeof CommandPrimitive.List>;\ntype CommandListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>;\n\nconst CommandList = React.forwardRef<CommandListElement, CommandListProps>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n {...props}\n />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandEmpty\n * -------------------------------------------------------------------------- */\n\ntype CommandEmptyElement = React.ElementRef<typeof CommandPrimitive.Empty>;\ntype CommandEmptyProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>;\n\nconst CommandEmpty = React.forwardRef<CommandEmptyElement, CommandEmptyProps>((props, ref) => (\n <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandGroup\n * -------------------------------------------------------------------------- */\n\ntype CommandGroupElement = React.ElementRef<typeof CommandPrimitive.Group>;\ntype CommandGroupProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>;\n\nconst CommandGroup = React.forwardRef<CommandGroupElement, CommandGroupProps>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n className,\n )}\n {...props}\n />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandSeparator\n * -------------------------------------------------------------------------- */\n\ntype CommandSeparatorElement = React.ElementRef<typeof CommandPrimitive.Separator>;\ntype CommandSeparatorProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>;\n\nconst CommandSeparator = React.forwardRef<CommandSeparatorElement, CommandSeparatorProps>(\n ({ className, ...props }, ref) => (\n <CommandPrimitive.Separator ref={ref} className={cn(\"bg-border -mx-1 h-px\", className)} {...props} />\n ),\n);\n\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandItem\n * -------------------------------------------------------------------------- */\n\ntype CommandItemElement = React.ElementRef<typeof CommandPrimitive.Item>;\ntype CommandItemProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>;\n\nconst CommandItem = React.forwardRef<CommandItemElement, CommandItemProps>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandLoading\n * -------------------------------------------------------------------------- */\n\ntype CommandLoadingElement = React.ElementRef<typeof CommandPrimitive.Loading>;\ntype CommandLoadingProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Loading>;\n\nconst CommandLoading = React.forwardRef<CommandLoadingElement, CommandLoadingProps>(({ className, ...props }, ref) => (\n <CommandPrimitive.Loading ref={ref} className={cn(\"flex justify-center p-2\", className)} {...props} />\n));\n\nCommandLoading.displayName = CommandPrimitive.Loading.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandShortcut\n * -------------------------------------------------------------------------- */\n\ntype CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction CommandShortcut({ className, ...props }: CommandShortcutProps): React.JSX.Element {\n return <span className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandLoading,\n CommandShortcut,\n CommandSeparator,\n type CommandProps,\n type CommandDialogProps,\n type CommandInputProps,\n type CommandListProps,\n type CommandEmptyProps,\n type CommandGroupProps,\n type CommandItemProps,\n type CommandLoadingProps,\n type CommandShortcutProps,\n type CommandSeparatorProps,\n};\n"]}
|
package/dist/command.mjs
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Dialog,
|
|
4
4
|
DialogContent
|
|
5
|
-
} from "./chunk-
|
|
5
|
+
} from "./chunk-XCKLBP2V.mjs";
|
|
6
6
|
import {
|
|
7
7
|
cn
|
|
8
8
|
} from "./chunk-UG3URV2Z.mjs";
|
|
@@ -24,11 +24,8 @@ var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
|
24
24
|
}
|
|
25
25
|
));
|
|
26
26
|
Command.displayName = CommandPrimitive.displayName;
|
|
27
|
-
function CommandDialog({
|
|
28
|
-
children,
|
|
29
|
-
...props
|
|
30
|
-
}) {
|
|
31
|
-
return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5", children }) }) });
|
|
27
|
+
function CommandDialog({ children, ...props }) {
|
|
28
|
+
return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "p-0", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground focus:outline-none [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5", children }) }) });
|
|
32
29
|
}
|
|
33
30
|
var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
34
31
|
/* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "size-4 shrink-0 opacity-50" }),
|
|
@@ -54,14 +51,7 @@ var CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
|
|
|
54
51
|
}
|
|
55
52
|
));
|
|
56
53
|
CommandList.displayName = CommandPrimitive.List.displayName;
|
|
57
|
-
var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
|
|
58
|
-
CommandPrimitive.Empty,
|
|
59
|
-
{
|
|
60
|
-
ref,
|
|
61
|
-
className: "py-6 text-center text-sm",
|
|
62
|
-
...props
|
|
63
|
-
}
|
|
64
|
-
));
|
|
54
|
+
var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
|
|
65
55
|
CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
|
|
66
56
|
var CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
67
57
|
CommandPrimitive.Group,
|
|
@@ -75,14 +65,9 @@ var CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
75
65
|
}
|
|
76
66
|
));
|
|
77
67
|
CommandGroup.displayName = CommandPrimitive.Group.displayName;
|
|
78
|
-
var CommandSeparator = React.forwardRef(
|
|
79
|
-
CommandPrimitive.Separator,
|
|
80
|
-
|
|
81
|
-
ref,
|
|
82
|
-
className: cn("bg-border -mx-1 h-px", className),
|
|
83
|
-
...props
|
|
84
|
-
}
|
|
85
|
-
));
|
|
68
|
+
var CommandSeparator = React.forwardRef(
|
|
69
|
+
({ className, ...props }, ref) => /* @__PURE__ */ jsx(CommandPrimitive.Separator, { ref, className: cn("bg-border -mx-1 h-px", className), ...props })
|
|
70
|
+
);
|
|
86
71
|
CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
|
|
87
72
|
var CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
88
73
|
CommandPrimitive.Item,
|
|
@@ -96,29 +81,10 @@ var CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
|
|
|
96
81
|
}
|
|
97
82
|
));
|
|
98
83
|
CommandItem.displayName = CommandPrimitive.Item.displayName;
|
|
99
|
-
var CommandLoading = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
100
|
-
CommandPrimitive.Loading,
|
|
101
|
-
{
|
|
102
|
-
ref,
|
|
103
|
-
className: cn("flex justify-center p-2", className),
|
|
104
|
-
...props
|
|
105
|
-
}
|
|
106
|
-
));
|
|
84
|
+
var CommandLoading = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(CommandPrimitive.Loading, { ref, className: cn("flex justify-center p-2", className), ...props }));
|
|
107
85
|
CommandLoading.displayName = CommandPrimitive.Loading.displayName;
|
|
108
|
-
function CommandShortcut({
|
|
109
|
-
className,
|
|
110
|
-
...props
|
|
111
|
-
}) {
|
|
112
|
-
return /* @__PURE__ */ jsx(
|
|
113
|
-
"span",
|
|
114
|
-
{
|
|
115
|
-
className: cn(
|
|
116
|
-
"text-muted-foreground ml-auto text-xs tracking-widest",
|
|
117
|
-
className
|
|
118
|
-
),
|
|
119
|
-
...props
|
|
120
|
-
}
|
|
121
|
-
);
|
|
86
|
+
function CommandShortcut({ className, ...props }) {
|
|
87
|
+
return /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className), ...props });
|
|
122
88
|
}
|
|
123
89
|
export {
|
|
124
90
|
Command,
|
package/dist/command.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/command.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { type DialogProps } from \"@radix-ui/react-dialog\";\nimport { MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { cn } from \"./utils\";\nimport { Dialog, DialogContent } from \"./dialog\";\n\n/* -----------------------------------------------------------------------------\n * Component: Command\n * -------------------------------------------------------------------------- */\n\ntype CommandProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;\nconst Command = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n CommandProps\n>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n className,\n )}\n {...props}\n />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandDialog\n * -------------------------------------------------------------------------- */\n\ntype CommandDialogProps = DialogProps;\nfunction CommandDialog({\n children,\n ...props\n}: CommandDialogProps): React.JSX.Element {\n return (\n <Dialog {...props}>\n <DialogContent className=\"overflow-hidden p-0\">\n <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandInput\n * -------------------------------------------------------------------------- */\n\ntype CommandInputProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.Input\n>;\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n CommandInputProps\n>(({ className, ...props }, ref) => (\n <div className=\"flex items-center gap-2 border-b px-3\" cmdk-input-wrapper=\"\">\n <MagnifyingGlassIcon className=\"size-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent text-sm focus:outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n </div>\n));\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandList\n * -------------------------------------------------------------------------- */\n\ntype CommandListProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.List\n>;\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n CommandListProps\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n {...props}\n />\n));\nCommandList.displayName = CommandPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandEmpty\n * -------------------------------------------------------------------------- */\n\ntype CommandEmptyProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.Empty\n>;\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n CommandEmptyProps\n>((props, ref) => (\n <CommandPrimitive.Empty\n ref={ref}\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n));\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandGroup\n * -------------------------------------------------------------------------- */\n\ntype CommandGroupProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.Group\n>;\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n CommandGroupProps\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n className,\n )}\n {...props}\n />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandSeparator\n * -------------------------------------------------------------------------- */\n\ntype CommandSeparatorProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.Separator\n>;\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n CommandSeparatorProps\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn(\"bg-border -mx-1 h-px\", className)}\n {...props}\n />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandItem\n * -------------------------------------------------------------------------- */\n\ntype CommandItemProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.Item\n>;\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n CommandItemProps\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandLoading\n * -------------------------------------------------------------------------- */\n\ntype CommandLoadingProps = React.ComponentPropsWithoutRef<\n typeof CommandPrimitive.Loading\n>;\nconst CommandLoading = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Loading>,\n CommandLoadingProps\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Loading\n ref={ref}\n className={cn(\"flex justify-center p-2\", className)}\n {...props}\n />\n));\nCommandLoading.displayName = CommandPrimitive.Loading.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandShortcut\n * -------------------------------------------------------------------------- */\n\ntype CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;\nfunction CommandShortcut({\n className,\n ...props\n}: CommandShortcutProps): React.JSX.Element {\n return (\n <span\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandLoading,\n CommandShortcut,\n CommandSeparator,\n type CommandProps,\n type CommandDialogProps,\n type CommandInputProps,\n type CommandListProps,\n type CommandEmptyProps,\n type CommandGroupProps,\n type CommandItemProps,\n type CommandLoadingProps,\n type CommandShortcutProps,\n type CommandSeparatorProps,\n};\n"],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AAEvB,SAAS,2BAA2B;AACpC,SAAS,WAAW,wBAAwB;AAa1C,cA0CA,YA1CA;AAJF,IAAM,UAAgB,iBAGpB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,QAAQ,cAAc,iBAAiB;AAOvC,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAA0C;AACxC,SACE,oBAAC,UAAQ,GAAG,OACV,8BAAC,iBAAc,WAAU,uBACvB,8BAAC,WAAQ,WAAU,4TAChB,UACH,GACF,GACF;AAEJ;AASA,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,qBAAC,SAAI,WAAU,yCAAwC,sBAAmB,IACxE;AAAA,sBAAC,uBAAoB,WAAU,8BAA6B;AAAA,EAC5D;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,GACF,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AASlD,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,mDAAmD,SAAS;AAAA,IACzE,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,iBAAiB,KAAK;AAShD,IAAM,eAAqB,iBAGzB,CAAC,OAAO,QACR;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAU;AAAA,IACT,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AASlD,IAAM,eAAqB,iBAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,aAAa,cAAc,iBAAiB,MAAM;AASlD,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,wBAAwB,SAAS;AAAA,IAC9C,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAc,iBAAiB,UAAU;AAS1D,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc,iBAAiB,KAAK;AAShD,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,2BAA2B,SAAS;AAAA,IACjD,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAAc,iBAAiB,QAAQ;AAOtD,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,GAAG;AACL,GAA4C;AAC1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/command.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { MagnifyingGlassIcon } from \"@radix-ui/react-icons\";\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport { cn } from \"./utils\";\nimport { Dialog, DialogContent } from \"./dialog\";\n\n/* -----------------------------------------------------------------------------\n * Component: Command\n * -------------------------------------------------------------------------- */\n\ntype CommandElement = React.ElementRef<typeof CommandPrimitive>;\ntype CommandProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive>;\n\nconst Command = React.forwardRef<CommandElement, CommandProps>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n className,\n )}\n {...props}\n />\n));\n\nCommand.displayName = CommandPrimitive.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandDialog\n * -------------------------------------------------------------------------- */\n\ntype CommandDialogProps = React.ComponentProps<typeof Dialog>;\n\nfunction CommandDialog({ children, ...props }: CommandDialogProps): React.JSX.Element {\n return (\n <Dialog {...props}>\n <DialogContent className=\"p-0\">\n <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground focus:outline-none [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: CommandInput\n * -------------------------------------------------------------------------- */\n\ntype CommandInputElement = React.ElementRef<typeof CommandPrimitive.Input>;\ntype CommandInputProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>;\n\nconst CommandInput = React.forwardRef<CommandInputElement, CommandInputProps>(({ className, ...props }, ref) => (\n <div className=\"flex items-center gap-2 border-b px-3\" cmdk-input-wrapper=\"\">\n <MagnifyingGlassIcon className=\"size-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent text-sm focus:outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n </div>\n));\n\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandList\n * -------------------------------------------------------------------------- */\n\ntype CommandListElement = React.ElementRef<typeof CommandPrimitive.List>;\ntype CommandListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>;\n\nconst CommandList = React.forwardRef<CommandListElement, CommandListProps>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n {...props}\n />\n));\n\nCommandList.displayName = CommandPrimitive.List.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandEmpty\n * -------------------------------------------------------------------------- */\n\ntype CommandEmptyElement = React.ElementRef<typeof CommandPrimitive.Empty>;\ntype CommandEmptyProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>;\n\nconst CommandEmpty = React.forwardRef<CommandEmptyElement, CommandEmptyProps>((props, ref) => (\n <CommandPrimitive.Empty ref={ref} className=\"py-6 text-center text-sm\" {...props} />\n));\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandGroup\n * -------------------------------------------------------------------------- */\n\ntype CommandGroupElement = React.ElementRef<typeof CommandPrimitive.Group>;\ntype CommandGroupProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>;\n\nconst CommandGroup = React.forwardRef<CommandGroupElement, CommandGroupProps>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n className,\n )}\n {...props}\n />\n));\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandSeparator\n * -------------------------------------------------------------------------- */\n\ntype CommandSeparatorElement = React.ElementRef<typeof CommandPrimitive.Separator>;\ntype CommandSeparatorProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>;\n\nconst CommandSeparator = React.forwardRef<CommandSeparatorElement, CommandSeparatorProps>(\n ({ className, ...props }, ref) => (\n <CommandPrimitive.Separator ref={ref} className={cn(\"bg-border -mx-1 h-px\", className)} {...props} />\n ),\n);\n\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandItem\n * -------------------------------------------------------------------------- */\n\ntype CommandItemElement = React.ElementRef<typeof CommandPrimitive.Item>;\ntype CommandItemProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>;\n\nconst CommandItem = React.forwardRef<CommandItemElement, CommandItemProps>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n />\n));\n\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandLoading\n * -------------------------------------------------------------------------- */\n\ntype CommandLoadingElement = React.ElementRef<typeof CommandPrimitive.Loading>;\ntype CommandLoadingProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Loading>;\n\nconst CommandLoading = React.forwardRef<CommandLoadingElement, CommandLoadingProps>(({ className, ...props }, ref) => (\n <CommandPrimitive.Loading ref={ref} className={cn(\"flex justify-center p-2\", className)} {...props} />\n));\n\nCommandLoading.displayName = CommandPrimitive.Loading.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: CommandShortcut\n * -------------------------------------------------------------------------- */\n\ntype CommandShortcutProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction CommandShortcut({ className, ...props }: CommandShortcutProps): React.JSX.Element {\n return <span className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandLoading,\n CommandShortcut,\n CommandSeparator,\n type CommandProps,\n type CommandDialogProps,\n type CommandInputProps,\n type CommandListProps,\n type CommandEmptyProps,\n type CommandGroupProps,\n type CommandItemProps,\n type CommandLoadingProps,\n type CommandShortcutProps,\n type CommandSeparatorProps,\n};\n"],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,2BAA2B;AACpC,SAAS,WAAW,wBAAwB;AAY1C,cAsCA,YAtCA;AADF,IAAM,UAAgB,iBAAyC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACvF;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,QAAQ,cAAc,iBAAiB;AAQvC,SAAS,cAAc,EAAE,UAAU,GAAG,MAAM,GAA0C;AACpF,SACE,oBAAC,UAAQ,GAAG,OACV,8BAAC,iBAAc,WAAU,OACvB,8BAAC,WAAQ,WAAU,+UAChB,UACH,GACF,GACF;AAEJ;AASA,IAAM,eAAqB,iBAAmD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACtG,qBAAC,SAAI,WAAU,yCAAwC,sBAAmB,IACxE;AAAA,sBAAC,uBAAoB,WAAU,8BAA6B;AAAA,EAC5D;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAAA,GACF,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AASlD,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,mDAAmD,SAAS;AAAA,IACzE,GAAG;AAAA;AACN,CACD;AAED,YAAY,cAAc,iBAAiB,KAAK;AAShD,IAAM,eAAqB,iBAAmD,CAAC,OAAO,QACpF,oBAAC,iBAAiB,OAAjB,EAAuB,KAAU,WAAU,4BAA4B,GAAG,OAAO,CACnF;AAED,aAAa,cAAc,iBAAiB,MAAM;AASlD,IAAM,eAAqB,iBAAmD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACtG;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,aAAa,cAAc,iBAAiB,MAAM;AASlD,IAAM,mBAAyB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,iBAAiB,WAAjB,EAA2B,KAAU,WAAW,GAAG,wBAAwB,SAAS,GAAI,GAAG,OAAO;AAEvG;AAEA,iBAAiB,cAAc,iBAAiB,UAAU;AAS1D,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG;AAAA,EAAC,iBAAiB;AAAA,EAAjB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,YAAY,cAAc,iBAAiB,KAAK;AAShD,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC5G,oBAAC,iBAAiB,SAAjB,EAAyB,KAAU,WAAW,GAAG,2BAA2B,SAAS,GAAI,GAAG,OAAO,CACrG;AAED,eAAe,cAAc,iBAAiB,QAAQ;AAQtD,SAAS,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAA4C;AACzF,SAAO,oBAAC,UAAK,WAAW,GAAG,yDAAyD,SAAS,GAAI,GAAG,OAAO;AAC7G;","names":[]}
|
package/dist/container.js
CHANGED
|
@@ -6,12 +6,10 @@ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
|
6
6
|
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
7
7
|
var _reactslot = require('@radix-ui/react-slot');
|
|
8
8
|
var _jsxruntime = require('react/jsx-runtime');
|
|
9
|
-
var Container = React.forwardRef(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
);
|
|
9
|
+
var Container = React.forwardRef(({ className, asChild, ...props }, ref) => {
|
|
10
|
+
const Component = asChild ? _reactslot.Slot : "div";
|
|
11
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "container", className), ...props });
|
|
12
|
+
});
|
|
15
13
|
Container.displayName = "Container";
|
|
16
14
|
|
|
17
15
|
|
package/dist/container.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/container.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;
|
|
1
|
+
{"version":3,"sources":["../src/container.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAgBZ;AAHT,IAAM,YAAkB,iBAA6C,CAAC,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9G,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,oBAAC,aAAU,KAAU,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OAAO;AAChF,CAAC;AAED,UAAU,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Container\n * -------------------------------------------------------------------------- */\n\ntype ContainerElement = HTMLDivElement;\n\ninterface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n asChild?: boolean;\n}\n\nconst Container = React.forwardRef<ContainerElement, ContainerProps>(({ className, asChild, ...props }, ref) => {\n const Component = asChild ? Slot : \"div\";\n\n return <Component ref={ref} className={cn(\"container\", className)} {...props} />;\n});\n\nContainer.displayName = \"Container\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Container, type ContainerProps };\n"]}
|
package/dist/container.mjs
CHANGED
|
@@ -6,12 +6,10 @@ import {
|
|
|
6
6
|
import * as React from "react";
|
|
7
7
|
import { Slot } from "@radix-ui/react-slot";
|
|
8
8
|
import { jsx } from "react/jsx-runtime";
|
|
9
|
-
var Container = React.forwardRef(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
);
|
|
9
|
+
var Container = React.forwardRef(({ className, asChild, ...props }, ref) => {
|
|
10
|
+
const Component = asChild ? Slot : "div";
|
|
11
|
+
return /* @__PURE__ */ jsx(Component, { ref, className: cn("container", className), ...props });
|
|
12
|
+
});
|
|
15
13
|
Container.displayName = "Container";
|
|
16
14
|
export {
|
|
17
15
|
Container
|
package/dist/container.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/container.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Container\n * -------------------------------------------------------------------------- */\n\ninterface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n asChild?: boolean;\n}\nconst Container = React.forwardRef<
|
|
1
|
+
{"version":3,"sources":["../src/container.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Container\n * -------------------------------------------------------------------------- */\n\ntype ContainerElement = HTMLDivElement;\n\ninterface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n asChild?: boolean;\n}\n\nconst Container = React.forwardRef<ContainerElement, ContainerProps>(({ className, asChild, ...props }, ref) => {\n const Component = asChild ? Slot : \"div\";\n\n return <Component ref={ref} className={cn(\"container\", className)} {...props} />;\n});\n\nContainer.displayName = \"Container\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Container, type ContainerProps };\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAgBZ;AAHT,IAAM,YAAkB,iBAA6C,CAAC,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9G,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,oBAAC,aAAU,KAAU,WAAW,GAAG,aAAa,SAAS,GAAI,GAAG,OAAO;AAChF,CAAC;AAED,UAAU,cAAc;","names":[]}
|
package/dist/context-menu.d.mts
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
3
3
|
|
|
4
|
-
type ContextMenuProps = ContextMenuPrimitive.
|
|
4
|
+
type ContextMenuProps = React.ComponentProps<typeof ContextMenuPrimitive.Root>;
|
|
5
5
|
declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
|
|
6
|
-
type ContextMenuTriggerProps = ContextMenuPrimitive.
|
|
6
|
+
type ContextMenuTriggerProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Trigger>;
|
|
7
7
|
declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
|
|
8
|
-
type ContextMenuGroupProps = ContextMenuPrimitive.
|
|
8
|
+
type ContextMenuGroupProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Group>;
|
|
9
9
|
declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
type ContextMenuSubProps = ContextMenuPrimitive.
|
|
10
|
+
type ContextMenuSubProps = React.ComponentProps<typeof ContextMenuPrimitive.Sub>;
|
|
11
11
|
declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
|
|
12
|
-
type ContextMenuRadioGroupProps = ContextMenuPrimitive.
|
|
12
|
+
type ContextMenuRadioGroupProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioGroup>;
|
|
13
13
|
declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
-
interface ContextMenuSubTriggerProps extends ContextMenuPrimitive.
|
|
14
|
+
interface ContextMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> {
|
|
15
15
|
inset?: boolean;
|
|
16
16
|
}
|
|
17
17
|
declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
-
type ContextMenuSubContentProps = ContextMenuPrimitive.
|
|
19
|
-
declare const ContextMenuSubContent: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
-
type ContextMenuContentProps = ContextMenuPrimitive.
|
|
21
|
-
declare const ContextMenuContent: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
-
interface ContextMenuItemProps extends ContextMenuPrimitive.
|
|
18
|
+
type ContextMenuSubContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>;
|
|
19
|
+
declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
type ContextMenuContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>;
|
|
21
|
+
declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
interface ContextMenuItemProps extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> {
|
|
23
23
|
inset?: boolean;
|
|
24
24
|
}
|
|
25
25
|
declare const ContextMenuItem: React.ForwardRefExoticComponent<ContextMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
-
type ContextMenuCheckboxItemProps = ContextMenuPrimitive.
|
|
27
|
-
declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
-
type ContextMenuRadioItemProps = ContextMenuPrimitive.
|
|
29
|
-
declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
-
interface ContextMenuLabelProps extends ContextMenuPrimitive.
|
|
26
|
+
type ContextMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>;
|
|
27
|
+
declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
type ContextMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>;
|
|
29
|
+
declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
interface ContextMenuLabelProps extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> {
|
|
31
31
|
inset?: boolean;
|
|
32
32
|
}
|
|
33
33
|
declare const ContextMenuLabel: React.ForwardRefExoticComponent<ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
-
type ContextMenuSeparatorProps = ContextMenuPrimitive.
|
|
35
|
-
declare const ContextMenuSeparator: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
+
type ContextMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>;
|
|
35
|
+
declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
36
36
|
type ContextMenuShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
37
37
|
declare function ContextMenuShortcut({ className, ...props }: ContextMenuShortcutProps): React.JSX.Element;
|
|
38
38
|
type ContextMenuArrowProps = ContextMenuPrimitive.ContextMenuArrowProps;
|
package/dist/context-menu.d.ts
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
3
3
|
|
|
4
|
-
type ContextMenuProps = ContextMenuPrimitive.
|
|
4
|
+
type ContextMenuProps = React.ComponentProps<typeof ContextMenuPrimitive.Root>;
|
|
5
5
|
declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
|
|
6
|
-
type ContextMenuTriggerProps = ContextMenuPrimitive.
|
|
6
|
+
type ContextMenuTriggerProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Trigger>;
|
|
7
7
|
declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
|
|
8
|
-
type ContextMenuGroupProps = ContextMenuPrimitive.
|
|
8
|
+
type ContextMenuGroupProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Group>;
|
|
9
9
|
declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
type ContextMenuSubProps = ContextMenuPrimitive.
|
|
10
|
+
type ContextMenuSubProps = React.ComponentProps<typeof ContextMenuPrimitive.Sub>;
|
|
11
11
|
declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
|
|
12
|
-
type ContextMenuRadioGroupProps = ContextMenuPrimitive.
|
|
12
|
+
type ContextMenuRadioGroupProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioGroup>;
|
|
13
13
|
declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
-
interface ContextMenuSubTriggerProps extends ContextMenuPrimitive.
|
|
14
|
+
interface ContextMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> {
|
|
15
15
|
inset?: boolean;
|
|
16
16
|
}
|
|
17
17
|
declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
-
type ContextMenuSubContentProps = ContextMenuPrimitive.
|
|
19
|
-
declare const ContextMenuSubContent: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
-
type ContextMenuContentProps = ContextMenuPrimitive.
|
|
21
|
-
declare const ContextMenuContent: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
-
interface ContextMenuItemProps extends ContextMenuPrimitive.
|
|
18
|
+
type ContextMenuSubContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>;
|
|
19
|
+
declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
type ContextMenuContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>;
|
|
21
|
+
declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
interface ContextMenuItemProps extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> {
|
|
23
23
|
inset?: boolean;
|
|
24
24
|
}
|
|
25
25
|
declare const ContextMenuItem: React.ForwardRefExoticComponent<ContextMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
-
type ContextMenuCheckboxItemProps = ContextMenuPrimitive.
|
|
27
|
-
declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
-
type ContextMenuRadioItemProps = ContextMenuPrimitive.
|
|
29
|
-
declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
-
interface ContextMenuLabelProps extends ContextMenuPrimitive.
|
|
26
|
+
type ContextMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>;
|
|
27
|
+
declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
type ContextMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>;
|
|
29
|
+
declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
interface ContextMenuLabelProps extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> {
|
|
31
31
|
inset?: boolean;
|
|
32
32
|
}
|
|
33
33
|
declare const ContextMenuLabel: React.ForwardRefExoticComponent<ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
-
type ContextMenuSeparatorProps = ContextMenuPrimitive.
|
|
35
|
-
declare const ContextMenuSeparator: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
+
type ContextMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>;
|
|
35
|
+
declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
36
36
|
type ContextMenuShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
37
37
|
declare function ContextMenuShortcut({ className, ...props }: ContextMenuShortcutProps): React.JSX.Element;
|
|
38
38
|
type ContextMenuArrowProps = ContextMenuPrimitive.ContextMenuArrowProps;
|