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,54 @@
|
|
|
1
|
+
import * as tailwind_variants0 from "tailwind-variants";
|
|
2
|
+
import { VariantProps } from "tailwind-variants";
|
|
3
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
4
|
+
import * as react from "react";
|
|
5
|
+
|
|
6
|
+
//#region src/components/badge/badge.d.ts
|
|
7
|
+
declare const badgeVariants: tailwind_variants0.TVReturnType<{
|
|
8
|
+
variant: {
|
|
9
|
+
default: string;
|
|
10
|
+
secondary: string;
|
|
11
|
+
destructive: string;
|
|
12
|
+
outline: string;
|
|
13
|
+
ghost: string;
|
|
14
|
+
link: string;
|
|
15
|
+
success: string[];
|
|
16
|
+
warning: string[];
|
|
17
|
+
info: string[];
|
|
18
|
+
danger: string[];
|
|
19
|
+
};
|
|
20
|
+
}, undefined, "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-4xl border border-transparent px-2 py-0.5 font-medium text-xs transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
|
|
21
|
+
variant: {
|
|
22
|
+
default: string;
|
|
23
|
+
secondary: string;
|
|
24
|
+
destructive: string;
|
|
25
|
+
outline: string;
|
|
26
|
+
ghost: string;
|
|
27
|
+
link: string;
|
|
28
|
+
success: string[];
|
|
29
|
+
warning: string[];
|
|
30
|
+
info: string[];
|
|
31
|
+
danger: string[];
|
|
32
|
+
};
|
|
33
|
+
}, undefined, tailwind_variants0.TVReturnType<{
|
|
34
|
+
variant: {
|
|
35
|
+
default: string;
|
|
36
|
+
secondary: string;
|
|
37
|
+
destructive: string;
|
|
38
|
+
outline: string;
|
|
39
|
+
ghost: string;
|
|
40
|
+
link: string;
|
|
41
|
+
success: string[];
|
|
42
|
+
warning: string[];
|
|
43
|
+
info: string[];
|
|
44
|
+
danger: string[];
|
|
45
|
+
};
|
|
46
|
+
}, undefined, "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-4xl border border-transparent px-2 py-0.5 font-medium text-xs transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", unknown, unknown, undefined>>;
|
|
47
|
+
declare const Badge: ({
|
|
48
|
+
className,
|
|
49
|
+
variant,
|
|
50
|
+
render,
|
|
51
|
+
...props
|
|
52
|
+
}: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
53
|
+
//#endregion
|
|
54
|
+
export { Badge, badgeVariants };
|
package/dist/ui/badge.js
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { cn, tv } from "tailwind-variants";
|
|
2
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
3
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
4
|
+
|
|
5
|
+
//#region src/components/badge/badge.tsx
|
|
6
|
+
const badgeVariants = tv({
|
|
7
|
+
base: "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-4xl border border-transparent px-2 py-0.5 font-medium text-xs transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
|
|
8
|
+
variants: { variant: {
|
|
9
|
+
default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
|
|
10
|
+
secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
|
|
11
|
+
destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
|
|
12
|
+
outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
|
|
13
|
+
ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
|
|
14
|
+
link: "text-primary underline-offset-4 hover:underline",
|
|
15
|
+
success: ["border-success-border/50", "bg-success text-success-foreground"],
|
|
16
|
+
warning: ["border-warning-border/50", "bg-warning text-warning-foreground"],
|
|
17
|
+
info: ["border-info-border/50", "bg-info text-info-foreground"],
|
|
18
|
+
danger: ["border-danger-border/50", "bg-danger text-danger-foreground"]
|
|
19
|
+
} },
|
|
20
|
+
defaultVariants: { variant: "default" }
|
|
21
|
+
});
|
|
22
|
+
const Badge = ({ className, variant = "default", render, ...props }) => useRender({
|
|
23
|
+
defaultTagName: "span",
|
|
24
|
+
props: mergeProps({ className: cn(badgeVariants({ variant }), className) }, props),
|
|
25
|
+
render,
|
|
26
|
+
state: {
|
|
27
|
+
slot: "badge",
|
|
28
|
+
variant
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
//#endregion
|
|
33
|
+
export { Badge, badgeVariants };
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { a as BreadcrumbItem, i as BreadcrumbLink, n as BreadcrumbPage, o as BreadcrumbEllipsis, r as BreadcrumbList, t as BreadcrumbSeparator } from "../breadcrumb-separator-D66-B1DA.js";
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import * as react from "react";
|
|
4
|
+
import { ComponentProps } from "react";
|
|
5
|
+
import * as _base_ui_react0 from "@base-ui/react";
|
|
6
|
+
|
|
7
|
+
//#region src/components/breadcrumb/breadcrumb.d.ts
|
|
8
|
+
declare const Breadcrumb: {
|
|
9
|
+
({
|
|
10
|
+
className,
|
|
11
|
+
...props
|
|
12
|
+
}: ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
|
|
13
|
+
Ellipsis: ({
|
|
14
|
+
className,
|
|
15
|
+
...props
|
|
16
|
+
}: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
|
|
17
|
+
Item: ({
|
|
18
|
+
className,
|
|
19
|
+
...props
|
|
20
|
+
}: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
|
|
21
|
+
Link: ({
|
|
22
|
+
className,
|
|
23
|
+
render,
|
|
24
|
+
...props
|
|
25
|
+
}: _base_ui_react0.useRender.ComponentProps<"a">) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
26
|
+
List: ({
|
|
27
|
+
className,
|
|
28
|
+
...props
|
|
29
|
+
}: ComponentProps<"ol">) => react_jsx_runtime0.JSX.Element;
|
|
30
|
+
Page: ({
|
|
31
|
+
className,
|
|
32
|
+
...props
|
|
33
|
+
}: ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
|
|
34
|
+
Separator: ({
|
|
35
|
+
children,
|
|
36
|
+
className,
|
|
37
|
+
...props
|
|
38
|
+
}: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
|
|
39
|
+
};
|
|
40
|
+
//#endregion
|
|
41
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { a as BreadcrumbItem, i as BreadcrumbLink, n as BreadcrumbPage, o as BreadcrumbEllipsis, r as BreadcrumbList, t as BreadcrumbSeparator } from "../breadcrumb-separator-Do-19Uow.js";
|
|
2
|
+
import { cn } from "tailwind-variants";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
//#region src/components/breadcrumb/breadcrumb.tsx
|
|
6
|
+
const Breadcrumb = ({ className, ...props }) => /* @__PURE__ */ jsx("nav", {
|
|
7
|
+
"aria-label": "breadcrumb",
|
|
8
|
+
className: cn(className),
|
|
9
|
+
"data-slot": "breadcrumb",
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
Breadcrumb.Ellipsis = BreadcrumbEllipsis;
|
|
13
|
+
Breadcrumb.Item = BreadcrumbItem;
|
|
14
|
+
Breadcrumb.Link = BreadcrumbLink;
|
|
15
|
+
Breadcrumb.List = BreadcrumbList;
|
|
16
|
+
Breadcrumb.Page = BreadcrumbPage;
|
|
17
|
+
Breadcrumb.Separator = BreadcrumbSeparator;
|
|
18
|
+
|
|
19
|
+
//#endregion
|
|
20
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import "../accordion-trigger-D5XnBMS6.js";
|
|
2
|
+
import "../alert-title-CVC9G-Xf.js";
|
|
3
|
+
import "../announcement-title-CCZuGB1O.js";
|
|
4
|
+
import "../autocomplete-value-BhyszIrf.js";
|
|
5
|
+
import "../avatar-image-BKgKyzVw.js";
|
|
6
|
+
import "../breadcrumb-separator-D66-B1DA.js";
|
|
7
|
+
import { SeparatorProps } from "./separator.js";
|
|
8
|
+
import { bt as ButtonGroupSeparator, yt as ButtonGroupText } from "../alert-dialog-trigger-BV0BsaVU.js";
|
|
9
|
+
import "../calendar-week-number-in2gpvA_.js";
|
|
10
|
+
import "../card-title-DSDluDoy.js";
|
|
11
|
+
import "../use-chart-BRpzPrMJ.js";
|
|
12
|
+
import "../collapsible-trigger-aZF7_mPR.js";
|
|
13
|
+
import "../use-combobox-anchor-ByuqnpKH.js";
|
|
14
|
+
import "../dialog-trigger-xeE4e96-.js";
|
|
15
|
+
import "../context-menu-trigger-Du2vcTco.js";
|
|
16
|
+
import "../drawer-trigger-H_Wv5R00.js";
|
|
17
|
+
import "../dropdown-menu-trigger-CFdruqOk.js";
|
|
18
|
+
import "../dropzone-context-BRX1K7nw.js";
|
|
19
|
+
import "../emoji-picker-skin-tone-selector-yMYxt4oJ.js";
|
|
20
|
+
import "../empty-title-CH3DhcfT.js";
|
|
21
|
+
import "../hover-card-trigger-BqVoZ7h4.js";
|
|
22
|
+
import "../input-otp-slot-eVdOjx8C.js";
|
|
23
|
+
import "../kbd-group-D3yVrb2D.js";
|
|
24
|
+
import "../marquee-item-DD6JuLJ4.js";
|
|
25
|
+
import "../menubar-trigger-BLg3XdRv.js";
|
|
26
|
+
import "../meter-value-DYkZLCtx.js";
|
|
27
|
+
import "../navigation-menu-trigger-Bf60DnIz.js";
|
|
28
|
+
import "../use-number-field-Dzl9JLNK.js";
|
|
29
|
+
import "../pagination-previous-qJeZZTou.js";
|
|
30
|
+
import "../pill-status-rg-3AMSI.js";
|
|
31
|
+
import "../popover-trigger-B9PVErig.js";
|
|
32
|
+
import "../progress-value-CFlgP0nv.js";
|
|
33
|
+
import "../radio-group-item-09fw05Va.js";
|
|
34
|
+
import "../rating-star-6ov3lbpn.js";
|
|
35
|
+
import "../resizable-panel-B4lAr8Vb.js";
|
|
36
|
+
import "../scroll-bar-vYvxEOph.js";
|
|
37
|
+
import "../select-value-DG31IHy3.js";
|
|
38
|
+
import "../sheet-trigger-CLgKANrf.js";
|
|
39
|
+
import "../tooltip-trigger-CrAGfaqr.js";
|
|
40
|
+
import "../table-row-BxhKJPfE.js";
|
|
41
|
+
import "../tabs-trigger-BGo2XGvh.js";
|
|
42
|
+
import "../use-timeline-BRlmxoQ7.js";
|
|
43
|
+
import "../use-toast-BGG4leSx.js";
|
|
44
|
+
import "../toggle-group-item-Bz_ohmnY.js";
|
|
45
|
+
import "../toolbar-separator-7CgKz2aX.js";
|
|
46
|
+
import "../video-player-volume-range-D971L6mz.js";
|
|
47
|
+
import "../index.js";
|
|
48
|
+
import * as tailwind_variants0 from "tailwind-variants";
|
|
49
|
+
import { VariantProps } from "tailwind-variants";
|
|
50
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
51
|
+
import * as react from "react";
|
|
52
|
+
import { ComponentProps } from "react";
|
|
53
|
+
import * as _base_ui_react0 from "@base-ui/react";
|
|
54
|
+
|
|
55
|
+
//#region src/components/button-group/button-group.d.ts
|
|
56
|
+
declare const buttonGroupVariants: tailwind_variants0.TVReturnType<{
|
|
57
|
+
orientation: {
|
|
58
|
+
horizontal: string;
|
|
59
|
+
vertical: string;
|
|
60
|
+
};
|
|
61
|
+
}, undefined, "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
|
|
62
|
+
orientation: {
|
|
63
|
+
horizontal: string;
|
|
64
|
+
vertical: string;
|
|
65
|
+
};
|
|
66
|
+
}, undefined, tailwind_variants0.TVReturnType<{
|
|
67
|
+
orientation: {
|
|
68
|
+
horizontal: string;
|
|
69
|
+
vertical: string;
|
|
70
|
+
};
|
|
71
|
+
}, undefined, "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", unknown, unknown, undefined>>;
|
|
72
|
+
declare const ButtonGroup: {
|
|
73
|
+
({
|
|
74
|
+
className,
|
|
75
|
+
orientation,
|
|
76
|
+
...props
|
|
77
|
+
}: ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime0.JSX.Element;
|
|
78
|
+
Separator: ({
|
|
79
|
+
className,
|
|
80
|
+
orientation,
|
|
81
|
+
...props
|
|
82
|
+
}: ComponentProps<({
|
|
83
|
+
className,
|
|
84
|
+
orientation,
|
|
85
|
+
...props
|
|
86
|
+
}: SeparatorProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
|
|
87
|
+
Text: ({
|
|
88
|
+
className,
|
|
89
|
+
render,
|
|
90
|
+
...props
|
|
91
|
+
}: _base_ui_react0.useRender.ComponentProps<"div">) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
92
|
+
};
|
|
93
|
+
//#endregion
|
|
94
|
+
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { n as ButtonGroupSeparator, t as ButtonGroupText } from "../button-group-text-D98w78rH.js";
|
|
2
|
+
import { cn, tv } from "tailwind-variants";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
//#region src/components/button-group/button-group.tsx
|
|
6
|
+
const buttonGroupVariants = tv({
|
|
7
|
+
base: "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
|
|
8
|
+
variants: { orientation: {
|
|
9
|
+
horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
|
|
10
|
+
vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
|
|
11
|
+
} },
|
|
12
|
+
defaultVariants: { orientation: "horizontal" }
|
|
13
|
+
});
|
|
14
|
+
const ButtonGroup = ({ className, orientation, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
15
|
+
className: cn(buttonGroupVariants({ orientation }), className),
|
|
16
|
+
"data-orientation": orientation,
|
|
17
|
+
"data-slot": "button-group",
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
20
|
+
ButtonGroup.Separator = ButtonGroupSeparator;
|
|
21
|
+
ButtonGroup.Text = ButtonGroupText;
|
|
22
|
+
|
|
23
|
+
//#endregion
|
|
24
|
+
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
|
|
@@ -0,0 +1,91 @@
|
|
|
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
|
+
import { Button as Button$1 } from "@base-ui/react/button";
|
|
6
|
+
|
|
7
|
+
//#region src/components/button/button.d.ts
|
|
8
|
+
declare const buttonVariants: tailwind_variants0.TVReturnType<{
|
|
9
|
+
variant: {
|
|
10
|
+
default: string;
|
|
11
|
+
outline: string;
|
|
12
|
+
secondary: string;
|
|
13
|
+
ghost: string;
|
|
14
|
+
destructive: string;
|
|
15
|
+
link: string;
|
|
16
|
+
};
|
|
17
|
+
size: {
|
|
18
|
+
default: string;
|
|
19
|
+
xs: string;
|
|
20
|
+
sm: string;
|
|
21
|
+
lg: string;
|
|
22
|
+
xl: string;
|
|
23
|
+
xxl: string;
|
|
24
|
+
icon: string;
|
|
25
|
+
"icon-xs": string;
|
|
26
|
+
"icon-sm": string;
|
|
27
|
+
"icon-lg": string;
|
|
28
|
+
"icon-xl": string;
|
|
29
|
+
"icon-xxl": string;
|
|
30
|
+
};
|
|
31
|
+
}, undefined, "group/button inline-flex shrink-0 cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md border border-transparent bg-clip-padding font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
|
|
32
|
+
variant: {
|
|
33
|
+
default: string;
|
|
34
|
+
outline: string;
|
|
35
|
+
secondary: string;
|
|
36
|
+
ghost: string;
|
|
37
|
+
destructive: string;
|
|
38
|
+
link: string;
|
|
39
|
+
};
|
|
40
|
+
size: {
|
|
41
|
+
default: string;
|
|
42
|
+
xs: string;
|
|
43
|
+
sm: string;
|
|
44
|
+
lg: string;
|
|
45
|
+
xl: string;
|
|
46
|
+
xxl: string;
|
|
47
|
+
icon: string;
|
|
48
|
+
"icon-xs": string;
|
|
49
|
+
"icon-sm": string;
|
|
50
|
+
"icon-lg": string;
|
|
51
|
+
"icon-xl": string;
|
|
52
|
+
"icon-xxl": string;
|
|
53
|
+
};
|
|
54
|
+
}, undefined, tailwind_variants0.TVReturnType<{
|
|
55
|
+
variant: {
|
|
56
|
+
default: string;
|
|
57
|
+
outline: string;
|
|
58
|
+
secondary: string;
|
|
59
|
+
ghost: string;
|
|
60
|
+
destructive: string;
|
|
61
|
+
link: string;
|
|
62
|
+
};
|
|
63
|
+
size: {
|
|
64
|
+
default: string;
|
|
65
|
+
xs: string;
|
|
66
|
+
sm: string;
|
|
67
|
+
lg: string;
|
|
68
|
+
xl: string;
|
|
69
|
+
xxl: string;
|
|
70
|
+
icon: string;
|
|
71
|
+
"icon-xs": string;
|
|
72
|
+
"icon-sm": string;
|
|
73
|
+
"icon-lg": string;
|
|
74
|
+
"icon-xl": string;
|
|
75
|
+
"icon-xxl": string;
|
|
76
|
+
};
|
|
77
|
+
}, undefined, "group/button inline-flex shrink-0 cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md border border-transparent bg-clip-padding font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
|
|
78
|
+
type ButtonProps = ComponentProps<typeof Button$1> & VariantProps<typeof buttonVariants> & {
|
|
79
|
+
isLoading?: boolean;
|
|
80
|
+
};
|
|
81
|
+
declare const Button: ({
|
|
82
|
+
className,
|
|
83
|
+
variant,
|
|
84
|
+
size,
|
|
85
|
+
isLoading,
|
|
86
|
+
children,
|
|
87
|
+
disabled,
|
|
88
|
+
...props
|
|
89
|
+
}: ButtonProps) => react_jsx_runtime0.JSX.Element;
|
|
90
|
+
//#endregion
|
|
91
|
+
export { Button, ButtonProps, buttonVariants };
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { Spinner } from "./spinner.js";
|
|
2
|
+
import { cn, tv } from "tailwind-variants";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
import { Button as Button$1 } from "@base-ui/react/button";
|
|
5
|
+
|
|
6
|
+
//#region src/components/button/button.tsx
|
|
7
|
+
const buttonVariants = tv({
|
|
8
|
+
base: "group/button inline-flex shrink-0 cursor-pointer select-none items-center justify-center whitespace-nowrap rounded-md border border-transparent bg-clip-padding font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
9
|
+
variants: {
|
|
10
|
+
variant: {
|
|
11
|
+
default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
|
|
12
|
+
outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-card dark:hover:bg-muted",
|
|
13
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
|
|
14
|
+
ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
|
|
15
|
+
destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 dark:hover:bg-destructive/30",
|
|
16
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
17
|
+
},
|
|
18
|
+
size: {
|
|
19
|
+
default: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
|
|
20
|
+
xs: "h-6 gap-1 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),8px)] px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
|
|
21
|
+
sm: "h-8 gap-1 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),10px)] px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
|
|
22
|
+
lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
|
|
23
|
+
xl: "h-11 gap-2 px-4 text-base has-data-[icon=inline-end]:pr-3.5 has-data-[icon=inline-start]:pl-3.5 [&_svg:not([class*='size-'])]:size-5",
|
|
24
|
+
xxl: "h-14 gap-2.5 px-5 text-lg has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 [&_svg:not([class*='size-'])]:size-6",
|
|
25
|
+
icon: "size-9",
|
|
26
|
+
"icon-xs": "size-6 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),10px)] [&_svg:not([class*='size-'])]:size-3",
|
|
27
|
+
"icon-sm": "size-8 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),10px)]",
|
|
28
|
+
"icon-lg": "size-10",
|
|
29
|
+
"icon-xl": "size-11 [&_svg:not([class*='size-'])]:size-5",
|
|
30
|
+
"icon-xxl": "size-14 [&_svg:not([class*='size-'])]:size-6"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
variant: "default",
|
|
35
|
+
size: "default"
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
const ButtonContent = ({ children, isLoading }) => /* @__PURE__ */ jsxs("span", {
|
|
39
|
+
className: "relative inline-flex items-center justify-center",
|
|
40
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
41
|
+
className: cn("inline-flex items-center justify-center gap-2 transition-all duration-200", isLoading ? "pointer-events-none -translate-y-full opacity-0" : "translate-y-0 opacity-100"),
|
|
42
|
+
children
|
|
43
|
+
}), /* @__PURE__ */ jsx("span", {
|
|
44
|
+
className: cn("absolute inset-0 inline-flex items-center justify-center transition-all duration-200", isLoading ? "translate-y-0 opacity-100" : "pointer-events-none -translate-y-full opacity-0"),
|
|
45
|
+
children: /* @__PURE__ */ jsx(Spinner, { className: "size-4" })
|
|
46
|
+
})]
|
|
47
|
+
});
|
|
48
|
+
const Button = ({ className, variant = "default", size = "default", isLoading, children, disabled, ...props }) => /* @__PURE__ */ jsx(Button$1, {
|
|
49
|
+
className: cn(buttonVariants({
|
|
50
|
+
variant,
|
|
51
|
+
size
|
|
52
|
+
}), className),
|
|
53
|
+
"data-loading": isLoading,
|
|
54
|
+
"data-slot": "button",
|
|
55
|
+
disabled: disabled || isLoading,
|
|
56
|
+
...props,
|
|
57
|
+
children: /* @__PURE__ */ jsx(ButtonContent, {
|
|
58
|
+
isLoading,
|
|
59
|
+
children
|
|
60
|
+
})
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
//#endregion
|
|
64
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { Button } from "./button.js";
|
|
2
|
+
import { i as CalendarChevron, n as CalendarRoot, r as CalendarDayButton, t as CalendarWeekNumber } from "../calendar-week-number-in2gpvA_.js";
|
|
3
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
+
import * as react from "react";
|
|
5
|
+
import { ComponentProps } from "react";
|
|
6
|
+
import * as react_day_picker0 from "react-day-picker";
|
|
7
|
+
import { DayPicker } from "react-day-picker";
|
|
8
|
+
|
|
9
|
+
//#region src/components/calendar/calendar.d.ts
|
|
10
|
+
declare const Calendar: {
|
|
11
|
+
({
|
|
12
|
+
className,
|
|
13
|
+
classNames,
|
|
14
|
+
showOutsideDays,
|
|
15
|
+
captionLayout,
|
|
16
|
+
buttonVariant,
|
|
17
|
+
formatters,
|
|
18
|
+
components,
|
|
19
|
+
...props
|
|
20
|
+
}: ComponentProps<typeof DayPicker> & {
|
|
21
|
+
buttonVariant?: ComponentProps<typeof Button>["variant"];
|
|
22
|
+
}): react_jsx_runtime0.JSX.Element;
|
|
23
|
+
Chevron: ({
|
|
24
|
+
className,
|
|
25
|
+
orientation,
|
|
26
|
+
...props
|
|
27
|
+
}: {
|
|
28
|
+
className?: string;
|
|
29
|
+
size?: number;
|
|
30
|
+
disabled?: boolean;
|
|
31
|
+
orientation?: "up" | "down" | "left" | "right";
|
|
32
|
+
}) => react_jsx_runtime0.JSX.Element;
|
|
33
|
+
DayButton: ({
|
|
34
|
+
className,
|
|
35
|
+
day,
|
|
36
|
+
modifiers,
|
|
37
|
+
...props
|
|
38
|
+
}: ComponentProps<typeof react_day_picker0.DayButton>) => react_jsx_runtime0.JSX.Element;
|
|
39
|
+
Root: ({
|
|
40
|
+
className,
|
|
41
|
+
rootRef,
|
|
42
|
+
...props
|
|
43
|
+
}: {
|
|
44
|
+
rootRef?: react.Ref<HTMLDivElement>;
|
|
45
|
+
} & react.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime0.JSX.Element;
|
|
46
|
+
WeekNumber: ({
|
|
47
|
+
children,
|
|
48
|
+
...props
|
|
49
|
+
}: react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>) => react_jsx_runtime0.JSX.Element;
|
|
50
|
+
};
|
|
51
|
+
//#endregion
|
|
52
|
+
export { Calendar, CalendarChevron, CalendarDayButton, CalendarRoot, CalendarWeekNumber };
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { buttonVariants } from "./button.js";
|
|
4
|
+
import { i as CalendarChevron, n as CalendarRoot, r as CalendarDayButton, t as CalendarWeekNumber } from "../calendar-week-number-6AXvZ4Ij.js";
|
|
5
|
+
import { cn } from "tailwind-variants";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
import { DayPicker, getDefaultClassNames } from "react-day-picker";
|
|
8
|
+
|
|
9
|
+
//#region src/components/calendar/calendar.tsx
|
|
10
|
+
const Calendar = ({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) => {
|
|
11
|
+
const defaultClassNames = getDefaultClassNames();
|
|
12
|
+
return /* @__PURE__ */ jsx(DayPicker, {
|
|
13
|
+
captionLayout,
|
|
14
|
+
className: cn("group/calendar bg-background p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
|
|
15
|
+
classNames: {
|
|
16
|
+
root: cn("w-fit", defaultClassNames.root),
|
|
17
|
+
months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
|
|
18
|
+
month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
|
|
19
|
+
nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
|
|
20
|
+
button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_previous),
|
|
21
|
+
button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_next),
|
|
22
|
+
month_caption: cn("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", defaultClassNames.month_caption),
|
|
23
|
+
dropdowns: cn("flex h-(--cell-size) w-full items-center justify-center gap-1.5 font-medium text-sm", defaultClassNames.dropdowns),
|
|
24
|
+
dropdown_root: cn("cn-calendar-dropdown-root relative rounded-(--cell-radius)", defaultClassNames.dropdown_root),
|
|
25
|
+
dropdown: cn("absolute inset-0 bg-popover opacity-0", defaultClassNames.dropdown),
|
|
26
|
+
caption_label: cn("select-none font-medium", captionLayout === "label" ? "text-sm" : "cn-calendar-caption-label flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", defaultClassNames.caption_label),
|
|
27
|
+
table: "w-full border-collapse",
|
|
28
|
+
weekdays: cn("flex", defaultClassNames.weekdays),
|
|
29
|
+
weekday: cn("flex-1 select-none rounded-(--cell-radius) font-normal text-[0.8rem] text-muted-foreground", defaultClassNames.weekday),
|
|
30
|
+
week: cn("mt-2 flex w-full", defaultClassNames.week),
|
|
31
|
+
week_number_header: cn("w-(--cell-size) select-none", defaultClassNames.week_number_header),
|
|
32
|
+
week_number: cn("select-none text-[0.8rem] text-muted-foreground", defaultClassNames.week_number),
|
|
33
|
+
day: cn("group/day relative aspect-square h-full w-full select-none rounded-(--cell-radius) p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", defaultClassNames.day),
|
|
34
|
+
range_start: cn("relative isolate -z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted", defaultClassNames.range_start),
|
|
35
|
+
range_middle: cn("rounded-none", defaultClassNames.range_middle),
|
|
36
|
+
range_end: cn("relative isolate -z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:w-4 after:bg-muted", defaultClassNames.range_end),
|
|
37
|
+
today: cn("rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none", defaultClassNames.today),
|
|
38
|
+
outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
|
|
39
|
+
disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
|
|
40
|
+
hidden: cn("invisible", defaultClassNames.hidden),
|
|
41
|
+
...classNames
|
|
42
|
+
},
|
|
43
|
+
components: {
|
|
44
|
+
Root: CalendarRoot,
|
|
45
|
+
Chevron: CalendarChevron,
|
|
46
|
+
DayButton: CalendarDayButton,
|
|
47
|
+
WeekNumber: CalendarWeekNumber,
|
|
48
|
+
...components
|
|
49
|
+
},
|
|
50
|
+
formatters: {
|
|
51
|
+
formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
|
|
52
|
+
...formatters
|
|
53
|
+
},
|
|
54
|
+
showOutsideDays,
|
|
55
|
+
...props
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
Calendar.Chevron = CalendarChevron;
|
|
59
|
+
Calendar.DayButton = CalendarDayButton;
|
|
60
|
+
Calendar.Root = CalendarRoot;
|
|
61
|
+
Calendar.WeekNumber = CalendarWeekNumber;
|
|
62
|
+
|
|
63
|
+
//#endregion
|
|
64
|
+
export { Calendar, CalendarChevron, CalendarDayButton, CalendarRoot, CalendarWeekNumber };
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { a as CardContent, i as CardDescription, n as CardHeader, o as CardAction, r as CardFooter, t as CardTitle } from "../card-title-DSDluDoy.js";
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { ComponentProps } from "react";
|
|
4
|
+
|
|
5
|
+
//#region src/components/card/card.d.ts
|
|
6
|
+
declare const Card: {
|
|
7
|
+
({
|
|
8
|
+
className,
|
|
9
|
+
size,
|
|
10
|
+
...props
|
|
11
|
+
}: ComponentProps<"div"> & {
|
|
12
|
+
size?: "default" | "sm";
|
|
13
|
+
}): react_jsx_runtime0.JSX.Element;
|
|
14
|
+
Action: ({
|
|
15
|
+
className,
|
|
16
|
+
...props
|
|
17
|
+
}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
18
|
+
Content: ({
|
|
19
|
+
className,
|
|
20
|
+
...props
|
|
21
|
+
}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
22
|
+
Description: ({
|
|
23
|
+
className,
|
|
24
|
+
...props
|
|
25
|
+
}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
26
|
+
Footer: ({
|
|
27
|
+
className,
|
|
28
|
+
...props
|
|
29
|
+
}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
30
|
+
Header: ({
|
|
31
|
+
className,
|
|
32
|
+
...props
|
|
33
|
+
}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
34
|
+
Title: ({
|
|
35
|
+
className,
|
|
36
|
+
...props
|
|
37
|
+
}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
38
|
+
};
|
|
39
|
+
//#endregion
|
|
40
|
+
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
package/dist/ui/card.js
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { a as CardContent, i as CardDescription, n as CardHeader, o as CardAction, r as CardFooter, t as CardTitle } from "../card-title-CbRPAh3M.js";
|
|
2
|
+
import { cn } from "tailwind-variants";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
//#region src/components/card/card.tsx
|
|
6
|
+
const Card = ({ className, size = "default", ...props }) => /* @__PURE__ */ jsx("div", {
|
|
7
|
+
className: cn("group/card flex flex-col gap-5 overflow-hidden rounded-xl border border-border bg-card py-5 text-card-foreground text-sm shadow-xs has-[>img:first-child]:pt-0 has-data-[slot=card-footer]:pb-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
|
|
8
|
+
"data-size": size,
|
|
9
|
+
"data-slot": "card",
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
Card.Action = CardAction;
|
|
13
|
+
Card.Content = CardContent;
|
|
14
|
+
Card.Description = CardDescription;
|
|
15
|
+
Card.Footer = CardFooter;
|
|
16
|
+
Card.Header = CardHeader;
|
|
17
|
+
Card.Title = CardTitle;
|
|
18
|
+
|
|
19
|
+
//#endregion
|
|
20
|
+
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|