kuzenbo 0.0.1
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/LICENSE +21 -0
- package/README.md +185 -0
- package/dist/accordion-trigger-D5XnBMS6.d.ts +24 -0
- package/dist/accordion-trigger-TjAe8JHy.js +53 -0
- package/dist/alert-dialog-trigger-BV0BsaVU.d.ts +638 -0
- package/dist/alert-dialog-trigger-D5BRoizR.js +98 -0
- package/dist/alert-title-CISzcj0X.js +28 -0
- package/dist/alert-title-CVC9G-Xf.d.ts +22 -0
- package/dist/announcement-title-CCZuGB1O.d.ts +18 -0
- package/dist/announcement-title-CIwzt9Wl.js +18 -0
- package/dist/autocomplete-value-BhyszIrf.d.ts +111 -0
- package/dist/autocomplete-value-DNJ3sAIH.js +141 -0
- package/dist/avatar-image-BKgKyzVw.d.ts +35 -0
- package/dist/avatar-image-Bw3G-Bl6.js +45 -0
- package/dist/breadcrumb-separator-D66-B1DA.d.ts +44 -0
- package/dist/breadcrumb-separator-Do-19Uow.js +74 -0
- package/dist/button-group-text-D98w78rH.js +25 -0
- package/dist/calendar-week-number-6AXvZ4Ij.js +72 -0
- package/dist/calendar-week-number-in2gpvA_.d.ts +36 -0
- package/dist/card-title-CbRPAh3M.js +52 -0
- package/dist/card-title-DSDluDoy.d.ts +40 -0
- package/dist/carousel-previous-B_jysGv_.js +89 -0
- package/dist/chart-tooltip-content-h5oLtil-.js +144 -0
- package/dist/collapsible-trigger-DcQWODN-.js +20 -0
- package/dist/collapsible-trigger-aZF7_mPR.d.ts +15 -0
- package/dist/command-shortcut-DoWM7Mnm.js +97 -0
- package/dist/context-menu-trigger-CYBhdcpg.js +147 -0
- package/dist/context-menu-trigger-Du2vcTco.d.ts +103 -0
- package/dist/dialog-trigger-CR23tYql.js +97 -0
- package/dist/dialog-trigger-xeE4e96-.d.ts +74 -0
- package/dist/drawer-trigger-7jI4Zmqs.js +79 -0
- package/dist/drawer-trigger-H_Wv5R00.d.ts +67 -0
- package/dist/dropdown-menu-trigger-CFdruqOk.d.ts +108 -0
- package/dist/dropdown-menu-trigger-IKeAoU_a.js +152 -0
- package/dist/dropzone-context-BRX1K7nw.d.ts +45 -0
- package/dist/dropzone-status-CW-3AXuh.js +33 -0
- package/dist/emoji-picker-skin-tone-selector-Cmv-1vDO.js +117 -0
- package/dist/emoji-picker-skin-tone-selector-yMYxt4oJ.d.ts +67 -0
- package/dist/empty-title-CH3DhcfT.d.ts +53 -0
- package/dist/empty-title-CHNBH7WJ.js +53 -0
- package/dist/form-field-title-CNrq8v88.js +101 -0
- package/dist/hooks/use-isomorphic-effect.d.ts +7 -0
- package/dist/hooks/use-isomorphic-effect.js +7 -0
- package/dist/hooks/use-mobile.d.ts +4 -0
- package/dist/hooks/use-mobile.js +20 -0
- package/dist/hover-card-trigger-B9jf3FEB.js +31 -0
- package/dist/hover-card-trigger-BqVoZ7h4.d.ts +20 -0
- package/dist/index.d.ts +122 -0
- package/dist/index.js +130 -0
- package/dist/input-group-textarea-voYOV11-.js +79 -0
- package/dist/input-otp-slot-DWbXhUmU.js +45 -0
- package/dist/input-otp-slot-eVdOjx8C.d.ts +24 -0
- package/dist/item-title-BYrYJZpa.js +89 -0
- package/dist/kbd-group-CT-Xtgug.js +12 -0
- package/dist/kbd-group-D3yVrb2D.d.ts +10 -0
- package/dist/marquee-item-BGJ5NSiz.js +29 -0
- package/dist/marquee-item-DD6JuLJ4.d.ts +32 -0
- package/dist/menubar-trigger-BLg3XdRv.d.ts +104 -0
- package/dist/menubar-trigger-aKMWAxdz.js +146 -0
- package/dist/meter-value-BmxUICOA.js +37 -0
- package/dist/meter-value-DYkZLCtx.d.ts +30 -0
- package/dist/navigation-menu-trigger-Bf60DnIz.d.ts +53 -0
- package/dist/navigation-menu-trigger-D80wiliM.js +82 -0
- package/dist/number-field-scrub-area-CXSyafBE.js +80 -0
- package/dist/optional-portal-C7TpYnOc.js +15 -0
- package/dist/pagination-previous-DPZrRgiD.js +88 -0
- package/dist/pagination-previous-qJeZZTou.d.ts +45 -0
- package/dist/pill-status-CD9XXuE7.js +74 -0
- package/dist/pill-status-rg-3AMSI.d.ts +77 -0
- package/dist/popover-trigger-B9PVErig.d.ts +39 -0
- package/dist/popover-trigger-C8dP_u7N.js +52 -0
- package/dist/progress-value-CFlgP0nv.d.ts +28 -0
- package/dist/progress-value-CfCodKnX.js +37 -0
- package/dist/radio-group-item-09fw05Va.d.ts +10 -0
- package/dist/radio-group-item-CQjCazjw.js +24 -0
- package/dist/rating-star-6ov3lbpn.d.ts +57 -0
- package/dist/rating-star-BuLQfAnZ.js +110 -0
- package/dist/resizable-panel-B4lAr8Vb.d.ts +19 -0
- package/dist/resizable-panel-BO97wcPj.js +21 -0
- package/dist/scroll-bar-BQzpb5hF.js +19 -0
- package/dist/scroll-bar-vYvxEOph.d.ts +11 -0
- package/dist/select-value-BUnWentK.js +117 -0
- package/dist/select-value-DG31IHy3.d.ts +70 -0
- package/dist/sheet-trigger-CLgKANrf.d.ts +64 -0
- package/dist/sheet-trigger-CUU7xwUn.js +95 -0
- package/dist/sidebar-trigger-BCjVuIqi.js +366 -0
- package/dist/styles.css +145 -0
- package/dist/table-row-BxhKJPfE.d.ts +46 -0
- package/dist/table-row-D63xalkM.js +60 -0
- package/dist/tabs-trigger-B2mBxFgq.js +38 -0
- package/dist/tabs-trigger-BGo2XGvh.d.ts +41 -0
- package/dist/timeline-title-BH8JxX2n.js +389 -0
- package/dist/toggle-group-item-Bz_ohmnY.d.ts +53 -0
- package/dist/toggle-group-item-aggwtgam.js +34 -0
- package/dist/toolbar-separator-7CgKz2aX.d.ts +40 -0
- package/dist/toolbar-separator-Bre5OtBI.js +41 -0
- package/dist/tooltip-trigger-CrAGfaqr.d.ts +27 -0
- package/dist/tooltip-trigger-Z-aPDRog.js +37 -0
- package/dist/ui/accordion.d.ts +27 -0
- package/dist/ui/accordion.js +17 -0
- package/dist/ui/affix.d.ts +49 -0
- package/dist/ui/affix.js +57 -0
- package/dist/ui/alert-dialog.d.ts +123 -0
- package/dist/ui/alert-dialog.js +23 -0
- package/dist/ui/alert.d.ts +58 -0
- package/dist/ui/alert.js +59 -0
- package/dist/ui/announcement.d.ts +27 -0
- package/dist/ui/announcement.js +16 -0
- package/dist/ui/aspect-ratio.d.ts +13 -0
- package/dist/ui/aspect-ratio.js +13 -0
- package/dist/ui/autocomplete.d.ts +67 -0
- package/dist/ui/autocomplete.js +30 -0
- package/dist/ui/avatar.d.ts +37 -0
- package/dist/ui/avatar.js +22 -0
- package/dist/ui/badge.d.ts +54 -0
- package/dist/ui/badge.js +33 -0
- package/dist/ui/breadcrumb.d.ts +41 -0
- package/dist/ui/breadcrumb.js +20 -0
- package/dist/ui/button-group.d.ts +94 -0
- package/dist/ui/button-group.js +24 -0
- package/dist/ui/button.d.ts +91 -0
- package/dist/ui/button.js +64 -0
- package/dist/ui/calendar.d.ts +52 -0
- package/dist/ui/calendar.js +64 -0
- package/dist/ui/card.d.ts +40 -0
- package/dist/ui/card.js +20 -0
- package/dist/ui/carousel.d.ts +100 -0
- package/dist/ui/carousel.js +76 -0
- package/dist/ui/chart.d.ts +61 -0
- package/dist/ui/chart.js +34 -0
- package/dist/ui/checkbox-group.d.ts +12 -0
- package/dist/ui/checkbox-group.js +13 -0
- package/dist/ui/checkbox.d.ts +12 -0
- package/dist/ui/checkbox.js +27 -0
- package/dist/ui/collapsible.d.ts +19 -0
- package/dist/ui/collapsible.js +16 -0
- package/dist/ui/combobox.d.ts +95 -0
- package/dist/ui/combobox.js +31 -0
- package/dist/ui/command.d.ts +146 -0
- package/dist/ui/command.js +24 -0
- package/dist/ui/context-menu.d.ts +83 -0
- package/dist/ui/context-menu.js +26 -0
- package/dist/ui/country-flag.d.ts +18 -0
- package/dist/ui/country-flag.js +36 -0
- package/dist/ui/dialog.d.ts +53 -0
- package/dist/ui/dialog.js +23 -0
- package/dist/ui/drawer.d.ts +52 -0
- package/dist/ui/drawer.js +24 -0
- package/dist/ui/dropdown-menu.d.ts +88 -0
- package/dist/ui/dropdown-menu.js +26 -0
- package/dist/ui/dropzone.d.ts +233 -0
- package/dist/ui/dropzone.js +180 -0
- package/dist/ui/emoji-picker.d.ts +46 -0
- package/dist/ui/emoji-picker.js +23 -0
- package/dist/ui/empty.d.ts +50 -0
- package/dist/ui/empty.js +18 -0
- package/dist/ui/form-field.d.ts +134 -0
- package/dist/ui/form-field.js +33 -0
- package/dist/ui/google-logo.d.ts +13 -0
- package/dist/ui/google-logo.js +36 -0
- package/dist/ui/hover-card.d.ts +24 -0
- package/dist/ui/hover-card.js +16 -0
- package/dist/ui/input-group.d.ts +141 -0
- package/dist/ui/input-group.js +21 -0
- package/dist/ui/input-otp.d.ts +31 -0
- package/dist/ui/input-otp.js +19 -0
- package/dist/ui/input.d.ts +12 -0
- package/dist/ui/input.js +14 -0
- package/dist/ui/item.d.ts +158 -0
- package/dist/ui/item.js +50 -0
- package/dist/ui/kbd.d.ts +18 -0
- package/dist/ui/kbd.js +14 -0
- package/dist/ui/label.d.ts +12 -0
- package/dist/ui/label.js +15 -0
- package/dist/ui/marquee.d.ts +30 -0
- package/dist/ui/marquee.js +17 -0
- package/dist/ui/menubar.d.ts +228 -0
- package/dist/ui/menubar.js +29 -0
- package/dist/ui/meter.d.ts +29 -0
- package/dist/ui/meter.js +19 -0
- package/dist/ui/navigation-menu.d.ts +12 -0
- package/dist/ui/navigation-menu.js +15 -0
- package/dist/ui/number-field.d.ts +41 -0
- package/dist/ui/number-field.js +33 -0
- package/dist/ui/pagination.d.ts +38 -0
- package/dist/ui/pagination.js +20 -0
- package/dist/ui/pill.d.ts +49 -0
- package/dist/ui/pill.js +21 -0
- package/dist/ui/popover.d.ts +37 -0
- package/dist/ui/popover.js +19 -0
- package/dist/ui/portal.d.ts +29 -0
- package/dist/ui/portal.js +52 -0
- package/dist/ui/progress.d.ts +31 -0
- package/dist/ui/progress.js +22 -0
- package/dist/ui/qr-code.d.ts +20 -0
- package/dist/ui/qr-code.js +78 -0
- package/dist/ui/radio-group.d.ts +18 -0
- package/dist/ui/radio-group.js +15 -0
- package/dist/ui/rating.d.ts +80 -0
- package/dist/ui/rating.js +59 -0
- package/dist/ui/resizable.d.ts +25 -0
- package/dist/ui/resizable.js +18 -0
- package/dist/ui/scroll-area.d.ts +19 -0
- package/dist/ui/scroll-area.js +24 -0
- package/dist/ui/select.d.ts +65 -0
- package/dist/ui/select.js +23 -0
- package/dist/ui/separator.d.ts +12 -0
- package/dist/ui/separator.js +14 -0
- package/dist/ui/sheet.d.ts +54 -0
- package/dist/ui/sheet.js +23 -0
- package/dist/ui/sidebar.d.ts +247 -0
- package/dist/ui/sidebar.js +83 -0
- package/dist/ui/skeleton.d.ts +11 -0
- package/dist/ui/skeleton.js +12 -0
- package/dist/ui/slider.d.ts +15 -0
- package/dist/ui/slider.js +47 -0
- package/dist/ui/spacer.d.ts +18 -0
- package/dist/ui/spacer.js +25 -0
- package/dist/ui/spinner.d.ts +12 -0
- package/dist/ui/spinner.js +17 -0
- package/dist/ui/surface.d.ts +41 -0
- package/dist/ui/surface.js +31 -0
- package/dist/ui/switch.d.ts +14 -0
- package/dist/ui/switch.js +20 -0
- package/dist/ui/table.d.ts +41 -0
- package/dist/ui/table.js +34 -0
- package/dist/ui/tabs.d.ts +43 -0
- package/dist/ui/tabs.js +20 -0
- package/dist/ui/textarea.d.ts +13 -0
- package/dist/ui/textarea.js +14 -0
- package/dist/ui/theme-icon.d.ts +77 -0
- package/dist/ui/theme-icon.js +56 -0
- package/dist/ui/timeline.d.ts +96 -0
- package/dist/ui/timeline.js +88 -0
- package/dist/ui/toast.d.ts +50 -0
- package/dist/ui/toast.js +23 -0
- package/dist/ui/toggle-group.d.ts +31 -0
- package/dist/ui/toggle-group.js +31 -0
- package/dist/ui/toggle.d.ts +46 -0
- package/dist/ui/toggle.js +34 -0
- package/dist/ui/toolbar.d.ts +33 -0
- package/dist/ui/toolbar.js +19 -0
- package/dist/ui/tooltip.d.ts +29 -0
- package/dist/ui/tooltip.js +17 -0
- package/dist/ui/video-player.d.ts +48 -0
- package/dist/ui/video-player.js +37 -0
- package/dist/use-chart-BRpzPrMJ.d.ts +77 -0
- package/dist/use-combobox-anchor-2KUf_cBk.js +198 -0
- package/dist/use-combobox-anchor-ByuqnpKH.d.ts +120 -0
- package/dist/use-number-field-Dzl9JLNK.d.ts +55 -0
- package/dist/use-timeline-BRlmxoQ7.d.ts +81 -0
- package/dist/use-toast-BGG4leSx.d.ts +118 -0
- package/dist/use-toast-DjRKuQG6.js +129 -0
- package/dist/video-player-volume-range-D971L6mz.d.ts +65 -0
- package/dist/video-player-volume-range-V7x0b1-r.js +66 -0
- package/package.json +128 -0
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { ComponentProps } from "react";
|
|
3
|
+
import { Menu } from "@base-ui/react/menu";
|
|
4
|
+
|
|
5
|
+
//#region src/components/dropdown-menu/dropdown-menu-checkbox-item.d.ts
|
|
6
|
+
declare const DropdownMenuCheckboxItem: ({
|
|
7
|
+
className,
|
|
8
|
+
children,
|
|
9
|
+
checked,
|
|
10
|
+
...props
|
|
11
|
+
}: Menu.CheckboxItem.Props) => react_jsx_runtime0.JSX.Element;
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/components/dropdown-menu/dropdown-menu-content.d.ts
|
|
14
|
+
declare const DropdownMenuContent: ({
|
|
15
|
+
align,
|
|
16
|
+
alignOffset,
|
|
17
|
+
side,
|
|
18
|
+
sideOffset,
|
|
19
|
+
className,
|
|
20
|
+
...props
|
|
21
|
+
}: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => react_jsx_runtime0.JSX.Element;
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/dropdown-menu/dropdown-menu-group.d.ts
|
|
24
|
+
declare const DropdownMenuGroup: ({
|
|
25
|
+
...props
|
|
26
|
+
}: Menu.Group.Props) => react_jsx_runtime0.JSX.Element;
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/components/dropdown-menu/dropdown-menu-item.d.ts
|
|
29
|
+
declare const DropdownMenuItem: ({
|
|
30
|
+
className,
|
|
31
|
+
inset,
|
|
32
|
+
variant,
|
|
33
|
+
...props
|
|
34
|
+
}: Menu.Item.Props & {
|
|
35
|
+
inset?: boolean;
|
|
36
|
+
variant?: "default" | "destructive";
|
|
37
|
+
}) => react_jsx_runtime0.JSX.Element;
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/components/dropdown-menu/dropdown-menu-label.d.ts
|
|
40
|
+
declare const DropdownMenuLabel: ({
|
|
41
|
+
className,
|
|
42
|
+
inset,
|
|
43
|
+
...props
|
|
44
|
+
}: Menu.GroupLabel.Props & {
|
|
45
|
+
inset?: boolean;
|
|
46
|
+
}) => react_jsx_runtime0.JSX.Element;
|
|
47
|
+
//#endregion
|
|
48
|
+
//#region src/components/dropdown-menu/dropdown-menu-portal.d.ts
|
|
49
|
+
declare const DropdownMenuPortal: ({
|
|
50
|
+
...props
|
|
51
|
+
}: Menu.Portal.Props) => react_jsx_runtime0.JSX.Element;
|
|
52
|
+
//#endregion
|
|
53
|
+
//#region src/components/dropdown-menu/dropdown-menu-radio-group.d.ts
|
|
54
|
+
declare const DropdownMenuRadioGroup: ({
|
|
55
|
+
...props
|
|
56
|
+
}: Menu.RadioGroup.Props) => react_jsx_runtime0.JSX.Element;
|
|
57
|
+
//#endregion
|
|
58
|
+
//#region src/components/dropdown-menu/dropdown-menu-radio-item.d.ts
|
|
59
|
+
declare const DropdownMenuRadioItem: ({
|
|
60
|
+
className,
|
|
61
|
+
children,
|
|
62
|
+
...props
|
|
63
|
+
}: Menu.RadioItem.Props) => react_jsx_runtime0.JSX.Element;
|
|
64
|
+
//#endregion
|
|
65
|
+
//#region src/components/dropdown-menu/dropdown-menu-separator.d.ts
|
|
66
|
+
declare const DropdownMenuSeparator: ({
|
|
67
|
+
className,
|
|
68
|
+
...props
|
|
69
|
+
}: Menu.Separator.Props) => react_jsx_runtime0.JSX.Element;
|
|
70
|
+
//#endregion
|
|
71
|
+
//#region src/components/dropdown-menu/dropdown-menu-shortcut.d.ts
|
|
72
|
+
declare const DropdownMenuShortcut: ({
|
|
73
|
+
className,
|
|
74
|
+
...props
|
|
75
|
+
}: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
|
|
76
|
+
//#endregion
|
|
77
|
+
//#region src/components/dropdown-menu/dropdown-menu-sub.d.ts
|
|
78
|
+
declare const DropdownMenuSub: ({
|
|
79
|
+
...props
|
|
80
|
+
}: Menu.SubmenuRoot.Props) => react_jsx_runtime0.JSX.Element;
|
|
81
|
+
//#endregion
|
|
82
|
+
//#region src/components/dropdown-menu/dropdown-menu-sub-content.d.ts
|
|
83
|
+
declare const DropdownMenuSubContent: ({
|
|
84
|
+
align,
|
|
85
|
+
alignOffset,
|
|
86
|
+
side,
|
|
87
|
+
sideOffset,
|
|
88
|
+
className,
|
|
89
|
+
...props
|
|
90
|
+
}: ComponentProps<typeof DropdownMenuContent>) => react_jsx_runtime0.JSX.Element;
|
|
91
|
+
//#endregion
|
|
92
|
+
//#region src/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts
|
|
93
|
+
declare const DropdownMenuSubTrigger: ({
|
|
94
|
+
className,
|
|
95
|
+
inset,
|
|
96
|
+
children,
|
|
97
|
+
...props
|
|
98
|
+
}: Menu.SubmenuTrigger.Props & {
|
|
99
|
+
inset?: boolean;
|
|
100
|
+
}) => react_jsx_runtime0.JSX.Element;
|
|
101
|
+
//#endregion
|
|
102
|
+
//#region src/components/dropdown-menu/dropdown-menu-trigger.d.ts
|
|
103
|
+
declare const DropdownMenuTrigger: ({
|
|
104
|
+
className,
|
|
105
|
+
...props
|
|
106
|
+
}: Menu.Trigger.Props) => react_jsx_runtime0.JSX.Element;
|
|
107
|
+
//#endregion
|
|
108
|
+
export { DropdownMenuShortcut as a, DropdownMenuRadioGroup as c, DropdownMenuItem as d, DropdownMenuGroup as f, DropdownMenuSub as i, DropdownMenuPortal as l, DropdownMenuCheckboxItem as m, DropdownMenuSubTrigger as n, DropdownMenuSeparator as o, DropdownMenuContent as p, DropdownMenuSubContent as r, DropdownMenuRadioItem as s, DropdownMenuTrigger as t, DropdownMenuLabel as u };
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import { cn } from "tailwind-variants";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { ArrowRight01Icon, Tick02Icon } from "@hugeicons/core-free-icons";
|
|
4
|
+
import { HugeiconsIcon } from "@hugeicons/react";
|
|
5
|
+
import { Menu } from "@base-ui/react/menu";
|
|
6
|
+
|
|
7
|
+
//#region src/components/dropdown-menu/dropdown-menu-checkbox-item.tsx
|
|
8
|
+
const DropdownMenuCheckboxItem = ({ className, children, checked, ...props }) => /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
|
|
9
|
+
checked,
|
|
10
|
+
className: cn("relative flex cursor-pointer select-none items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
|
|
11
|
+
"data-slot": "dropdown-menu-checkbox-item",
|
|
12
|
+
...props,
|
|
13
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
14
|
+
className: "pointer-events-none pointer-events-none absolute right-2 flex items-center justify-center",
|
|
15
|
+
"data-slot": "dropdown-menu-checkbox-item-indicator",
|
|
16
|
+
children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
|
|
17
|
+
icon: Tick02Icon,
|
|
18
|
+
strokeWidth: 2
|
|
19
|
+
}) })
|
|
20
|
+
}), children]
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/components/dropdown-menu/dropdown-menu-content.tsx
|
|
25
|
+
const DropdownMenuContent = ({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, ...props }) => /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
|
|
26
|
+
align,
|
|
27
|
+
alignOffset,
|
|
28
|
+
className: "isolate z-50 outline-none",
|
|
29
|
+
side,
|
|
30
|
+
sideOffset,
|
|
31
|
+
children: /* @__PURE__ */ jsx(Menu.Popup, {
|
|
32
|
+
className: cn("data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-y-auto overflow-x-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-md outline-none ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-open:animate-in data-closed:overflow-hidden", className),
|
|
33
|
+
"data-slot": "dropdown-menu-content",
|
|
34
|
+
...props
|
|
35
|
+
})
|
|
36
|
+
}) });
|
|
37
|
+
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/components/dropdown-menu/dropdown-menu-group.tsx
|
|
40
|
+
const DropdownMenuGroup = ({ ...props }) => /* @__PURE__ */ jsx(Menu.Group, {
|
|
41
|
+
"data-slot": "dropdown-menu-group",
|
|
42
|
+
...props
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
//#endregion
|
|
46
|
+
//#region src/components/dropdown-menu/dropdown-menu-item.tsx
|
|
47
|
+
const DropdownMenuItem = ({ className, inset, variant = "default", ...props }) => /* @__PURE__ */ jsx(Menu.Item, {
|
|
48
|
+
className: cn("group/dropdown-menu-item relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive", className),
|
|
49
|
+
"data-inset": inset,
|
|
50
|
+
"data-slot": "dropdown-menu-item",
|
|
51
|
+
"data-variant": variant,
|
|
52
|
+
...props
|
|
53
|
+
});
|
|
54
|
+
|
|
55
|
+
//#endregion
|
|
56
|
+
//#region src/components/dropdown-menu/dropdown-menu-label.tsx
|
|
57
|
+
const DropdownMenuLabel = ({ className, inset, ...props }) => /* @__PURE__ */ jsx(Menu.GroupLabel, {
|
|
58
|
+
className: cn("px-1.5 py-1 font-medium text-muted-foreground text-xs data-[inset]:pl-8", className),
|
|
59
|
+
"data-inset": inset,
|
|
60
|
+
"data-slot": "dropdown-menu-label",
|
|
61
|
+
...props
|
|
62
|
+
});
|
|
63
|
+
|
|
64
|
+
//#endregion
|
|
65
|
+
//#region src/components/dropdown-menu/dropdown-menu-portal.tsx
|
|
66
|
+
const DropdownMenuPortal = ({ ...props }) => /* @__PURE__ */ jsx(Menu.Portal, {
|
|
67
|
+
"data-slot": "dropdown-menu-portal",
|
|
68
|
+
...props
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/components/dropdown-menu/dropdown-menu-radio-group.tsx
|
|
73
|
+
const DropdownMenuRadioGroup = ({ ...props }) => /* @__PURE__ */ jsx(Menu.RadioGroup, {
|
|
74
|
+
"data-slot": "dropdown-menu-radio-group",
|
|
75
|
+
...props
|
|
76
|
+
});
|
|
77
|
+
|
|
78
|
+
//#endregion
|
|
79
|
+
//#region src/components/dropdown-menu/dropdown-menu-radio-item.tsx
|
|
80
|
+
const DropdownMenuRadioItem = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(Menu.RadioItem, {
|
|
81
|
+
className: cn("relative flex cursor-pointer select-none items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
|
|
82
|
+
"data-slot": "dropdown-menu-radio-item",
|
|
83
|
+
...props,
|
|
84
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
85
|
+
className: "pointer-events-none pointer-events-none absolute right-2 flex items-center justify-center",
|
|
86
|
+
"data-slot": "dropdown-menu-radio-item-indicator",
|
|
87
|
+
children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
|
|
88
|
+
icon: Tick02Icon,
|
|
89
|
+
strokeWidth: 2
|
|
90
|
+
}) })
|
|
91
|
+
}), children]
|
|
92
|
+
});
|
|
93
|
+
|
|
94
|
+
//#endregion
|
|
95
|
+
//#region src/components/dropdown-menu/dropdown-menu-separator.tsx
|
|
96
|
+
const DropdownMenuSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Menu.Separator, {
|
|
97
|
+
className: cn("-mx-1 my-1 h-px bg-border", className),
|
|
98
|
+
"data-slot": "dropdown-menu-separator",
|
|
99
|
+
...props
|
|
100
|
+
});
|
|
101
|
+
|
|
102
|
+
//#endregion
|
|
103
|
+
//#region src/components/dropdown-menu/dropdown-menu-shortcut.tsx
|
|
104
|
+
const DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
|
|
105
|
+
className: cn("ml-auto text-muted-foreground text-xs tracking-widest group-focus/dropdown-menu-item:text-accent-foreground", className),
|
|
106
|
+
"data-slot": "dropdown-menu-shortcut",
|
|
107
|
+
...props
|
|
108
|
+
});
|
|
109
|
+
|
|
110
|
+
//#endregion
|
|
111
|
+
//#region src/components/dropdown-menu/dropdown-menu-sub.tsx
|
|
112
|
+
const DropdownMenuSub = ({ ...props }) => /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
|
|
113
|
+
"data-slot": "dropdown-menu-sub",
|
|
114
|
+
...props
|
|
115
|
+
});
|
|
116
|
+
|
|
117
|
+
//#endregion
|
|
118
|
+
//#region src/components/dropdown-menu/dropdown-menu-sub-content.tsx
|
|
119
|
+
const DropdownMenuSubContent = ({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }) => /* @__PURE__ */ jsx(DropdownMenuContent, {
|
|
120
|
+
align,
|
|
121
|
+
alignOffset,
|
|
122
|
+
className: cn("data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-open:animate-in", className),
|
|
123
|
+
"data-slot": "dropdown-menu-sub-content",
|
|
124
|
+
side,
|
|
125
|
+
sideOffset,
|
|
126
|
+
...props
|
|
127
|
+
});
|
|
128
|
+
|
|
129
|
+
//#endregion
|
|
130
|
+
//#region src/components/dropdown-menu/dropdown-menu-sub-trigger.tsx
|
|
131
|
+
const DropdownMenuSubTrigger = ({ className, inset, children, ...props }) => /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
|
|
132
|
+
className: cn("flex cursor-pointer select-none items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:cursor-not-allowed data-open:bg-accent data-[inset]:pl-8 data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
|
|
133
|
+
"data-inset": inset,
|
|
134
|
+
"data-slot": "dropdown-menu-sub-trigger",
|
|
135
|
+
...props,
|
|
136
|
+
children: [children, /* @__PURE__ */ jsx(HugeiconsIcon, {
|
|
137
|
+
className: "ml-auto",
|
|
138
|
+
icon: ArrowRight01Icon,
|
|
139
|
+
strokeWidth: 2
|
|
140
|
+
})]
|
|
141
|
+
});
|
|
142
|
+
|
|
143
|
+
//#endregion
|
|
144
|
+
//#region src/components/dropdown-menu/dropdown-menu-trigger.tsx
|
|
145
|
+
const DropdownMenuTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Menu.Trigger, {
|
|
146
|
+
className: cn("cursor-pointer", className),
|
|
147
|
+
"data-slot": "dropdown-menu-trigger",
|
|
148
|
+
...props
|
|
149
|
+
});
|
|
150
|
+
|
|
151
|
+
//#endregion
|
|
152
|
+
export { DropdownMenuShortcut as a, DropdownMenuRadioGroup as c, DropdownMenuItem as d, DropdownMenuGroup as f, DropdownMenuSub as i, DropdownMenuPortal as l, DropdownMenuCheckboxItem as m, DropdownMenuSubTrigger as n, DropdownMenuSeparator as o, DropdownMenuContent as p, DropdownMenuSubContent as r, DropdownMenuRadioItem as s, DropdownMenuTrigger as t, DropdownMenuLabel as u };
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as react from "react";
|
|
2
|
+
import { ComponentProps, ReactNode } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/dropzone/dropzone-status.d.ts
|
|
5
|
+
type DropzoneStatusProps = ComponentProps<"div"> & {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
};
|
|
8
|
+
declare const DropzoneAccept: {
|
|
9
|
+
({
|
|
10
|
+
children,
|
|
11
|
+
className,
|
|
12
|
+
...props
|
|
13
|
+
}: DropzoneStatusProps): react.FunctionComponentElement<any> | null;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
declare const DropzoneReject: {
|
|
17
|
+
({
|
|
18
|
+
children,
|
|
19
|
+
className,
|
|
20
|
+
...props
|
|
21
|
+
}: DropzoneStatusProps): react.FunctionComponentElement<any> | null;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
declare const DropzoneIdle: {
|
|
25
|
+
({
|
|
26
|
+
children,
|
|
27
|
+
className,
|
|
28
|
+
...props
|
|
29
|
+
}: DropzoneStatusProps): react.FunctionComponentElement<any> | null;
|
|
30
|
+
displayName: string;
|
|
31
|
+
};
|
|
32
|
+
type DropzoneAcceptProps = DropzoneStatusProps;
|
|
33
|
+
type DropzoneRejectProps = DropzoneStatusProps;
|
|
34
|
+
type DropzoneIdleProps = DropzoneStatusProps;
|
|
35
|
+
//#endregion
|
|
36
|
+
//#region src/components/dropzone/dropzone-context.d.ts
|
|
37
|
+
interface DropzoneContextValue {
|
|
38
|
+
idle: boolean;
|
|
39
|
+
accept: boolean;
|
|
40
|
+
reject: boolean;
|
|
41
|
+
}
|
|
42
|
+
declare const DropzoneContext: react.Context<DropzoneContextValue | null>;
|
|
43
|
+
declare const useDropzoneContext: () => DropzoneContextValue;
|
|
44
|
+
//#endregion
|
|
45
|
+
export { DropzoneIdle as a, DropzoneRejectProps as c, DropzoneAcceptProps as i, DropzoneStatusProps as l, useDropzoneContext as n, DropzoneIdleProps as o, DropzoneAccept as r, DropzoneReject as s, DropzoneContext as t };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { cn } from "tailwind-variants";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { cloneElement, createContext, isValidElement, useContext } from "react";
|
|
4
|
+
|
|
5
|
+
//#region src/components/dropzone/dropzone-context.tsx
|
|
6
|
+
const DropzoneContext = createContext(null);
|
|
7
|
+
const useDropzoneContext = () => {
|
|
8
|
+
const context = useContext(DropzoneContext);
|
|
9
|
+
if (!context) throw new Error("Dropzone components must be used within Dropzone");
|
|
10
|
+
return context;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
//#endregion
|
|
14
|
+
//#region src/components/dropzone/dropzone-status.tsx
|
|
15
|
+
const createDropzoneStatus = (status) => {
|
|
16
|
+
const Component = ({ children, className, ...props }) => {
|
|
17
|
+
const ctx = useDropzoneContext();
|
|
18
|
+
const _children = isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
|
|
19
|
+
if (!ctx[status]) return null;
|
|
20
|
+
return cloneElement(_children, {
|
|
21
|
+
className: cn(className, _children.props.className),
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
Component.displayName = `Dropzone${status.charAt(0).toUpperCase() + status.slice(1)}`;
|
|
26
|
+
return Component;
|
|
27
|
+
};
|
|
28
|
+
const DropzoneAccept = createDropzoneStatus("accept");
|
|
29
|
+
const DropzoneReject = createDropzoneStatus("reject");
|
|
30
|
+
const DropzoneIdle = createDropzoneStatus("idle");
|
|
31
|
+
|
|
32
|
+
//#endregion
|
|
33
|
+
export { useDropzoneContext as a, DropzoneContext as i, DropzoneIdle as n, DropzoneReject as r, DropzoneAccept as t };
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { cn } from "tailwind-variants";
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { EmojiPicker } from "frimousse";
|
|
4
|
+
|
|
5
|
+
//#region src/components/emoji-picker/emoji-picker-active-emoji.tsx
|
|
6
|
+
const EmojiPickerActiveEmoji = (props) => /* @__PURE__ */ jsx(EmojiPicker.ActiveEmoji, {
|
|
7
|
+
"data-slot": "emoji-picker-active-emoji",
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
//#endregion
|
|
12
|
+
//#region src/components/emoji-picker/emoji-picker-active-emoji-preview.tsx
|
|
13
|
+
const EmojiPickerActiveEmojiPreview = ({ emptyText = "Hover or navigate to see emoji details", ...props }) => /* @__PURE__ */ jsx(EmojiPickerActiveEmoji, {
|
|
14
|
+
...props,
|
|
15
|
+
children: ({ emoji }) => /* @__PURE__ */ jsx("div", {
|
|
16
|
+
className: cn("flex items-center gap-2 rounded-md border-t bg-popover px-3 py-2 text-sm", !emoji && "text-muted-foreground"),
|
|
17
|
+
"data-slot": "emoji-picker-active-emoji-preview",
|
|
18
|
+
children: emoji ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
|
|
19
|
+
className: "text-lg",
|
|
20
|
+
children: emoji.emoji
|
|
21
|
+
}), /* @__PURE__ */ jsx("span", { children: emoji.label })] }) : /* @__PURE__ */ jsx("span", { children: emptyText })
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
//#endregion
|
|
26
|
+
//#region src/components/emoji-picker/emoji-picker-content.tsx
|
|
27
|
+
const EmojiPickerContent = ({ className, ...props }) => /* @__PURE__ */ jsx(EmojiPicker.Viewport, {
|
|
28
|
+
className: cn("relative flex-1 outline-hidden", className),
|
|
29
|
+
"data-slot": "emoji-picker-content",
|
|
30
|
+
...props
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/components/emoji-picker/emoji-picker-empty.tsx
|
|
35
|
+
const EmojiPickerEmpty = ({ className, ...props }) => /* @__PURE__ */ jsx(EmojiPicker.Empty, {
|
|
36
|
+
className: cn("absolute inset-0 flex items-center justify-center text-muted-foreground text-sm", className),
|
|
37
|
+
"data-slot": "emoji-picker-empty",
|
|
38
|
+
...props
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
//#endregion
|
|
42
|
+
//#region src/components/emoji-picker/emoji-picker-list-category-header.tsx
|
|
43
|
+
const EmojiPickerListCategoryHeader = ({ category, ...restProps }) => /* @__PURE__ */ jsx("div", {
|
|
44
|
+
className: "bg-popover px-3 pb-1.5 font-medium text-muted-foreground text-xs",
|
|
45
|
+
"data-slot": "emoji-picker-list-category-header",
|
|
46
|
+
...restProps,
|
|
47
|
+
children: category.label
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
//#endregion
|
|
51
|
+
//#region src/components/emoji-picker/emoji-picker-list-emoji.tsx
|
|
52
|
+
const EmojiPickerListEmoji = ({ emoji, ...restProps }) => /* @__PURE__ */ jsx("button", {
|
|
53
|
+
type: "button",
|
|
54
|
+
className: "flex size-8 cursor-pointer items-center justify-center rounded-md text-lg data-active:bg-accent",
|
|
55
|
+
"data-slot": "emoji-picker-list-emoji",
|
|
56
|
+
...restProps,
|
|
57
|
+
children: emoji.emoji
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
//#endregion
|
|
61
|
+
//#region src/components/emoji-picker/emoji-picker-list-row.tsx
|
|
62
|
+
const EmojiPickerListRow = ({ children, ...restProps }) => /* @__PURE__ */ jsx("div", {
|
|
63
|
+
className: "scroll-my-1.5 px-1.5",
|
|
64
|
+
"data-slot": "emoji-picker-list-row",
|
|
65
|
+
...restProps,
|
|
66
|
+
children
|
|
67
|
+
});
|
|
68
|
+
|
|
69
|
+
//#endregion
|
|
70
|
+
//#region src/components/emoji-picker/emoji-picker-list.tsx
|
|
71
|
+
const EmojiPickerList = ({ className, ...props }) => /* @__PURE__ */ jsx(EmojiPicker.List, {
|
|
72
|
+
className: cn("select-none pb-2", className),
|
|
73
|
+
components: {
|
|
74
|
+
CategoryHeader: EmojiPickerListCategoryHeader,
|
|
75
|
+
Row: EmojiPickerListRow,
|
|
76
|
+
Emoji: EmojiPickerListEmoji
|
|
77
|
+
},
|
|
78
|
+
"data-slot": "emoji-picker-list",
|
|
79
|
+
...props
|
|
80
|
+
});
|
|
81
|
+
|
|
82
|
+
//#endregion
|
|
83
|
+
//#region src/components/emoji-picker/emoji-picker-loading.tsx
|
|
84
|
+
const EmojiPickerLoading = ({ className, ...props }) => /* @__PURE__ */ jsx(EmojiPicker.Loading, {
|
|
85
|
+
className: cn("absolute inset-0 flex items-center justify-center text-muted-foreground text-sm", className),
|
|
86
|
+
"data-slot": "emoji-picker-loading",
|
|
87
|
+
...props
|
|
88
|
+
});
|
|
89
|
+
|
|
90
|
+
//#endregion
|
|
91
|
+
//#region src/components/emoji-picker/emoji-picker-search.tsx
|
|
92
|
+
const EmojiPickerSearch = ({ className, wrapperClassName, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
93
|
+
className: cn("p-2", wrapperClassName),
|
|
94
|
+
"data-slot": "emoji-picker-search-wrapper",
|
|
95
|
+
children: /* @__PURE__ */ jsx(EmojiPicker.Search, {
|
|
96
|
+
className: cn("z-50 flex h-9 w-full min-w-0 rounded-md border bg-input px-3 py-1 text-base shadow-xs outline-none transition-[color,box-shadow,border-color] selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/50", className),
|
|
97
|
+
...props
|
|
98
|
+
})
|
|
99
|
+
});
|
|
100
|
+
|
|
101
|
+
//#endregion
|
|
102
|
+
//#region src/components/emoji-picker/emoji-picker-skin-tone.tsx
|
|
103
|
+
const EmojiPickerSkinTone = (props) => /* @__PURE__ */ jsx(EmojiPicker.SkinTone, {
|
|
104
|
+
"data-slot": "emoji-picker-skin-tone",
|
|
105
|
+
...props
|
|
106
|
+
});
|
|
107
|
+
|
|
108
|
+
//#endregion
|
|
109
|
+
//#region src/components/emoji-picker/emoji-picker-skin-tone-selector.tsx
|
|
110
|
+
const EmojiPickerSkinToneSelector = ({ className, ...props }) => /* @__PURE__ */ jsx(EmojiPicker.SkinToneSelector, {
|
|
111
|
+
className: cn("mx-2 mb-1.5 size-8 rounded-md bg-popover text-lg hover:bg-accent", className),
|
|
112
|
+
"data-slot": "emoji-picker-skin-tone-selector",
|
|
113
|
+
...props
|
|
114
|
+
});
|
|
115
|
+
|
|
116
|
+
//#endregion
|
|
117
|
+
export { EmojiPickerList as a, EmojiPickerActiveEmojiPreview as c, EmojiPickerLoading as i, EmojiPickerActiveEmoji as l, EmojiPickerSkinTone as n, EmojiPickerEmpty as o, EmojiPickerSearch as r, EmojiPickerContent as s, EmojiPickerSkinToneSelector as t };
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { ComponentProps } from "react";
|
|
3
|
+
import { EmojiPicker } from "frimousse";
|
|
4
|
+
|
|
5
|
+
//#region src/components/emoji-picker/emoji-picker-active-emoji.d.ts
|
|
6
|
+
type EmojiPickerActiveEmojiProps = ComponentProps<typeof EmojiPicker.ActiveEmoji>;
|
|
7
|
+
declare const EmojiPickerActiveEmoji: (props: EmojiPickerActiveEmojiProps) => react_jsx_runtime0.JSX.Element;
|
|
8
|
+
//#endregion
|
|
9
|
+
//#region src/components/emoji-picker/emoji-picker-active-emoji-preview.d.ts
|
|
10
|
+
type EmojiPickerActiveEmojiPreviewProps = Omit<ComponentProps<typeof EmojiPickerActiveEmoji>, "children"> & {
|
|
11
|
+
emptyText?: string;
|
|
12
|
+
};
|
|
13
|
+
declare const EmojiPickerActiveEmojiPreview: ({
|
|
14
|
+
emptyText,
|
|
15
|
+
...props
|
|
16
|
+
}: EmojiPickerActiveEmojiPreviewProps) => react_jsx_runtime0.JSX.Element;
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/emoji-picker/emoji-picker-content.d.ts
|
|
19
|
+
type EmojiPickerContentProps = ComponentProps<typeof EmojiPicker.Viewport>;
|
|
20
|
+
declare const EmojiPickerContent: ({
|
|
21
|
+
className,
|
|
22
|
+
...props
|
|
23
|
+
}: EmojiPickerContentProps) => react_jsx_runtime0.JSX.Element;
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region src/components/emoji-picker/emoji-picker-empty.d.ts
|
|
26
|
+
type EmojiPickerEmptyProps = ComponentProps<typeof EmojiPicker.Empty>;
|
|
27
|
+
declare const EmojiPickerEmpty: ({
|
|
28
|
+
className,
|
|
29
|
+
...props
|
|
30
|
+
}: EmojiPickerEmptyProps) => react_jsx_runtime0.JSX.Element;
|
|
31
|
+
//#endregion
|
|
32
|
+
//#region src/components/emoji-picker/emoji-picker-list.d.ts
|
|
33
|
+
type EmojiPickerListProps = ComponentProps<typeof EmojiPicker.List>;
|
|
34
|
+
declare const EmojiPickerList: ({
|
|
35
|
+
className,
|
|
36
|
+
...props
|
|
37
|
+
}: EmojiPickerListProps) => react_jsx_runtime0.JSX.Element;
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/components/emoji-picker/emoji-picker-loading.d.ts
|
|
40
|
+
type EmojiPickerLoadingProps = ComponentProps<typeof EmojiPicker.Loading>;
|
|
41
|
+
declare const EmojiPickerLoading: ({
|
|
42
|
+
className,
|
|
43
|
+
...props
|
|
44
|
+
}: EmojiPickerLoadingProps) => react_jsx_runtime0.JSX.Element;
|
|
45
|
+
//#endregion
|
|
46
|
+
//#region src/components/emoji-picker/emoji-picker-search.d.ts
|
|
47
|
+
type EmojiPickerSearchProps = ComponentProps<typeof EmojiPicker.Search> & {
|
|
48
|
+
wrapperClassName?: string;
|
|
49
|
+
};
|
|
50
|
+
declare const EmojiPickerSearch: ({
|
|
51
|
+
className,
|
|
52
|
+
wrapperClassName,
|
|
53
|
+
...props
|
|
54
|
+
}: EmojiPickerSearchProps) => react_jsx_runtime0.JSX.Element;
|
|
55
|
+
//#endregion
|
|
56
|
+
//#region src/components/emoji-picker/emoji-picker-skin-tone.d.ts
|
|
57
|
+
type EmojiPickerSkinToneProps = ComponentProps<typeof EmojiPicker.SkinTone>;
|
|
58
|
+
declare const EmojiPickerSkinTone: (props: EmojiPickerSkinToneProps) => react_jsx_runtime0.JSX.Element;
|
|
59
|
+
//#endregion
|
|
60
|
+
//#region src/components/emoji-picker/emoji-picker-skin-tone-selector.d.ts
|
|
61
|
+
type EmojiPickerSkinToneSelectorProps = ComponentProps<typeof EmojiPicker.SkinToneSelector>;
|
|
62
|
+
declare const EmojiPickerSkinToneSelector: ({
|
|
63
|
+
className,
|
|
64
|
+
...props
|
|
65
|
+
}: EmojiPickerSkinToneSelectorProps) => react_jsx_runtime0.JSX.Element;
|
|
66
|
+
//#endregion
|
|
67
|
+
export { EmojiPickerActiveEmoji as _, EmojiPickerSearch as a, EmojiPickerLoadingProps as c, EmojiPickerEmpty as d, EmojiPickerEmptyProps as f, EmojiPickerActiveEmojiPreviewProps as g, EmojiPickerActiveEmojiPreview as h, EmojiPickerSkinToneProps as i, EmojiPickerList as l, EmojiPickerContentProps as m, EmojiPickerSkinToneSelectorProps as n, EmojiPickerSearchProps as o, EmojiPickerContent as p, EmojiPickerSkinTone as r, EmojiPickerLoading as s, EmojiPickerSkinToneSelector as t, EmojiPickerListProps as u, EmojiPickerActiveEmojiProps as v };
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import * as tailwind_variants0 from "tailwind-variants";
|
|
2
|
+
import { VariantProps } from "tailwind-variants";
|
|
3
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
+
import { ComponentProps } from "react";
|
|
5
|
+
|
|
6
|
+
//#region src/components/empty/empty-content.d.ts
|
|
7
|
+
declare const EmptyContent: ({
|
|
8
|
+
className,
|
|
9
|
+
...props
|
|
10
|
+
}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
11
|
+
//#endregion
|
|
12
|
+
//#region src/components/empty/empty-description.d.ts
|
|
13
|
+
declare const EmptyDescription: ({
|
|
14
|
+
className,
|
|
15
|
+
...props
|
|
16
|
+
}: ComponentProps<"p">) => react_jsx_runtime0.JSX.Element;
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/empty/empty-header.d.ts
|
|
19
|
+
declare const EmptyHeader: ({
|
|
20
|
+
className,
|
|
21
|
+
...props
|
|
22
|
+
}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/components/empty/empty-media.d.ts
|
|
25
|
+
declare const emptyMediaVariants: tailwind_variants0.TVReturnType<{
|
|
26
|
+
variant: {
|
|
27
|
+
default: string;
|
|
28
|
+
icon: string;
|
|
29
|
+
};
|
|
30
|
+
}, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
|
|
31
|
+
variant: {
|
|
32
|
+
default: string;
|
|
33
|
+
icon: string;
|
|
34
|
+
};
|
|
35
|
+
}, undefined, tailwind_variants0.TVReturnType<{
|
|
36
|
+
variant: {
|
|
37
|
+
default: string;
|
|
38
|
+
icon: string;
|
|
39
|
+
};
|
|
40
|
+
}, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
|
|
41
|
+
declare const EmptyMedia: ({
|
|
42
|
+
className,
|
|
43
|
+
variant,
|
|
44
|
+
...props
|
|
45
|
+
}: ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>) => react_jsx_runtime0.JSX.Element;
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/components/empty/empty-title.d.ts
|
|
48
|
+
declare const EmptyTitle: ({
|
|
49
|
+
className,
|
|
50
|
+
...props
|
|
51
|
+
}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
52
|
+
//#endregion
|
|
53
|
+
export { EmptyContent as a, EmptyDescription as i, EmptyMedia as n, EmptyHeader as r, EmptyTitle as t };
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { cn, tv } from "tailwind-variants";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/components/empty/empty-content.tsx
|
|
5
|
+
const EmptyContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
6
|
+
className: cn("flex w-full min-w-0 max-w-sm flex-col items-center gap-2.5 text-balance text-sm", className),
|
|
7
|
+
"data-slot": "empty-content",
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
//#endregion
|
|
12
|
+
//#region src/components/empty/empty-description.tsx
|
|
13
|
+
const EmptyDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
14
|
+
className: cn("text-muted-foreground text-sm/relaxed [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
|
|
15
|
+
"data-slot": "empty-description",
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region src/components/empty/empty-header.tsx
|
|
21
|
+
const EmptyHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
22
|
+
className: cn("flex max-w-sm flex-col items-center gap-2", className),
|
|
23
|
+
"data-slot": "empty-header",
|
|
24
|
+
...props
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/components/empty/empty-media.tsx
|
|
29
|
+
const emptyMediaVariants = tv({
|
|
30
|
+
base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
31
|
+
variants: { variant: {
|
|
32
|
+
default: "bg-transparent",
|
|
33
|
+
icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
|
|
34
|
+
} },
|
|
35
|
+
defaultVariants: { variant: "default" }
|
|
36
|
+
});
|
|
37
|
+
const EmptyMedia = ({ className, variant = "default", ...props }) => /* @__PURE__ */ jsx("div", {
|
|
38
|
+
className: cn(emptyMediaVariants({ variant }), className),
|
|
39
|
+
"data-slot": "empty-icon",
|
|
40
|
+
"data-variant": variant,
|
|
41
|
+
...props
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
//#endregion
|
|
45
|
+
//#region src/components/empty/empty-title.tsx
|
|
46
|
+
const EmptyTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
47
|
+
className: cn("font-medium text-sm tracking-tight", className),
|
|
48
|
+
"data-slot": "empty-title",
|
|
49
|
+
...props
|
|
50
|
+
});
|
|
51
|
+
|
|
52
|
+
//#endregion
|
|
53
|
+
export { EmptyContent as a, EmptyDescription as i, EmptyMedia as n, EmptyHeader as r, EmptyTitle as t };
|