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,45 @@
|
|
|
1
|
+
import { cn } from "tailwind-variants";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { MinusSignIcon } from "@hugeicons/core-free-icons";
|
|
4
|
+
import { HugeiconsIcon } from "@hugeicons/react";
|
|
5
|
+
import { useContext } from "react";
|
|
6
|
+
import { OTPInputContext } from "input-otp";
|
|
7
|
+
|
|
8
|
+
//#region src/components/input-otp/input-otp-group.tsx
|
|
9
|
+
const InputOTPGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
10
|
+
className: cn("flex items-center rounded-md has-aria-invalid:border-destructive has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40", className),
|
|
11
|
+
"data-slot": "input-otp-group",
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region src/components/input-otp/input-otp-separator.tsx
|
|
17
|
+
const InputOTPSeparator = ({ ...props }) => /* @__PURE__ */ jsx("div", {
|
|
18
|
+
className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
|
|
19
|
+
"data-slot": "input-otp-separator",
|
|
20
|
+
role: "separator",
|
|
21
|
+
...props,
|
|
22
|
+
children: /* @__PURE__ */ jsx(HugeiconsIcon, {
|
|
23
|
+
icon: MinusSignIcon,
|
|
24
|
+
strokeWidth: 2
|
|
25
|
+
})
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/input-otp/input-otp-slot.tsx
|
|
30
|
+
const InputOTPSlot = ({ index, className, ...props }) => {
|
|
31
|
+
const { char, hasFakeCaret, isActive } = useContext(OTPInputContext)?.slots[index] ?? {};
|
|
32
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
33
|
+
className: cn("relative flex size-9 items-center justify-center border-input border-y border-r text-sm shadow-xs outline-none transition-all first:rounded-l-md first:border-l last:rounded-r-md aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40", className),
|
|
34
|
+
"data-active": isActive,
|
|
35
|
+
"data-slot": "input-otp-slot",
|
|
36
|
+
...props,
|
|
37
|
+
children: [char, hasFakeCaret && /* @__PURE__ */ jsx("div", {
|
|
38
|
+
className: "pointer-events-none absolute inset-0 flex items-center justify-center",
|
|
39
|
+
children: /* @__PURE__ */ jsx("div", { className: "h-4 h-4 w-px w-px animate-caret-blink bg-foreground bg-foreground duration-1000" })
|
|
40
|
+
})]
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
//#endregion
|
|
45
|
+
export { InputOTPSeparator as n, InputOTPGroup as r, InputOTPSlot as t };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { ComponentProps } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/input-otp/input-otp-group.d.ts
|
|
5
|
+
declare const InputOTPGroup: ({
|
|
6
|
+
className,
|
|
7
|
+
...props
|
|
8
|
+
}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
9
|
+
//#endregion
|
|
10
|
+
//#region src/components/input-otp/input-otp-separator.d.ts
|
|
11
|
+
declare const InputOTPSeparator: ({
|
|
12
|
+
...props
|
|
13
|
+
}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/input-otp/input-otp-slot.d.ts
|
|
16
|
+
declare const InputOTPSlot: ({
|
|
17
|
+
index,
|
|
18
|
+
className,
|
|
19
|
+
...props
|
|
20
|
+
}: ComponentProps<"div"> & {
|
|
21
|
+
index: number;
|
|
22
|
+
}) => react_jsx_runtime0.JSX.Element;
|
|
23
|
+
//#endregion
|
|
24
|
+
export { InputOTPSeparator as n, InputOTPGroup as r, InputOTPSlot as t };
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { Separator } from "./ui/separator.js";
|
|
2
|
+
import { cn, tv } from "tailwind-variants";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
//#region src/components/item/item-actions.tsx
|
|
6
|
+
const ItemActions = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
7
|
+
className: cn("flex items-center gap-2", className),
|
|
8
|
+
"data-slot": "item-actions",
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/components/item/item-content.tsx
|
|
14
|
+
const ItemContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
15
|
+
className: cn("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className),
|
|
16
|
+
"data-slot": "item-content",
|
|
17
|
+
...props
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
//#endregion
|
|
21
|
+
//#region src/components/item/item-description.tsx
|
|
22
|
+
const ItemDescription = ({ className, ...props }) => /* @__PURE__ */ jsx("p", {
|
|
23
|
+
className: cn("line-clamp-2 text-left font-normal text-muted-foreground text-sm leading-normal group-data-[size=xs]/item:text-xs [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
|
|
24
|
+
"data-slot": "item-description",
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/item/item-footer.tsx
|
|
30
|
+
const ItemFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
31
|
+
className: cn("flex basis-full items-center justify-between gap-2", className),
|
|
32
|
+
"data-slot": "item-footer",
|
|
33
|
+
...props
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region src/components/item/item-group.tsx
|
|
38
|
+
const ItemGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
39
|
+
className: cn("group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2", className),
|
|
40
|
+
"data-slot": "item-group",
|
|
41
|
+
role: "list",
|
|
42
|
+
...props
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
//#endregion
|
|
46
|
+
//#region src/components/item/item-header.tsx
|
|
47
|
+
const ItemHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
48
|
+
className: cn("flex basis-full items-center justify-between gap-2", className),
|
|
49
|
+
"data-slot": "item-header",
|
|
50
|
+
...props
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
//#endregion
|
|
54
|
+
//#region src/components/item/item-media.tsx
|
|
55
|
+
const itemMediaVariants = tv({
|
|
56
|
+
base: "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
|
|
57
|
+
variants: { variant: {
|
|
58
|
+
default: "bg-transparent",
|
|
59
|
+
icon: "[&_svg:not([class*='size-'])]:size-4",
|
|
60
|
+
image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
|
|
61
|
+
} },
|
|
62
|
+
defaultVariants: { variant: "default" }
|
|
63
|
+
});
|
|
64
|
+
const ItemMedia = ({ className, variant = "default", ...props }) => /* @__PURE__ */ jsx("div", {
|
|
65
|
+
className: cn(itemMediaVariants({ variant }), className),
|
|
66
|
+
"data-slot": "item-media",
|
|
67
|
+
"data-variant": variant,
|
|
68
|
+
...props
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/components/item/item-separator.tsx
|
|
73
|
+
const ItemSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Separator, {
|
|
74
|
+
className: cn("my-2", className),
|
|
75
|
+
"data-slot": "item-separator",
|
|
76
|
+
orientation: "horizontal",
|
|
77
|
+
...props
|
|
78
|
+
});
|
|
79
|
+
|
|
80
|
+
//#endregion
|
|
81
|
+
//#region src/components/item/item-title.tsx
|
|
82
|
+
const ItemTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
83
|
+
className: cn("line-clamp-1 flex w-fit items-center gap-2 font-medium text-sm leading-snug underline-offset-4", className),
|
|
84
|
+
"data-slot": "item-title",
|
|
85
|
+
...props
|
|
86
|
+
});
|
|
87
|
+
|
|
88
|
+
//#endregion
|
|
89
|
+
export { ItemGroup as a, ItemContent as c, ItemHeader as i, ItemActions as l, ItemSeparator as n, ItemFooter as o, ItemMedia as r, ItemDescription as s, ItemTitle as t };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { cn } from "tailwind-variants";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/components/kbd/kbd-group.tsx
|
|
5
|
+
const KbdGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("kbd", {
|
|
6
|
+
className: cn("inline-flex items-center gap-1", className),
|
|
7
|
+
"data-slot": "kbd-group",
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
//#endregion
|
|
12
|
+
export { KbdGroup as t };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { ComponentProps } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/kbd/kbd-group.d.ts
|
|
5
|
+
declare const KbdGroup: ({
|
|
6
|
+
className,
|
|
7
|
+
...props
|
|
8
|
+
}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
9
|
+
//#endregion
|
|
10
|
+
export { KbdGroup as t };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { cn } from "tailwind-variants";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import FastMarquee from "react-fast-marquee";
|
|
4
|
+
|
|
5
|
+
//#region src/components/marquee/marquee-content.tsx
|
|
6
|
+
const MarqueeContent = ({ loop = 0, autoFill = true, pauseOnHover = true, className, ...props }) => /* @__PURE__ */ jsx(FastMarquee, {
|
|
7
|
+
autoFill,
|
|
8
|
+
className: cn("py-0.5", className),
|
|
9
|
+
loop,
|
|
10
|
+
pauseOnHover,
|
|
11
|
+
...props
|
|
12
|
+
});
|
|
13
|
+
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/marquee/marquee-fade.tsx
|
|
16
|
+
const MarqueeFade = ({ className, side, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
17
|
+
className: cn("absolute top-0 bottom-0 z-10 h-full w-24 from-background to-transparent", side === "left" ? "left-0 bg-linear-to-r" : "right-0 bg-linear-to-l", className),
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/components/marquee/marquee-item.tsx
|
|
23
|
+
const MarqueeItem = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
24
|
+
className: cn("mx-2 shrink-0 object-contain", className),
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
//#endregion
|
|
29
|
+
export { MarqueeFade as n, MarqueeContent as r, MarqueeItem as t };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { ComponentProps } from "react";
|
|
3
|
+
import { MarqueeProps } from "react-fast-marquee";
|
|
4
|
+
|
|
5
|
+
//#region src/components/marquee/marquee-content.d.ts
|
|
6
|
+
type MarqueeContentProps = MarqueeProps;
|
|
7
|
+
declare const MarqueeContent: ({
|
|
8
|
+
loop,
|
|
9
|
+
autoFill,
|
|
10
|
+
pauseOnHover,
|
|
11
|
+
className,
|
|
12
|
+
...props
|
|
13
|
+
}: MarqueeContentProps) => react_jsx_runtime0.JSX.Element;
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/marquee/marquee-fade.d.ts
|
|
16
|
+
type MarqueeFadeProps = ComponentProps<"div"> & {
|
|
17
|
+
side: "left" | "right";
|
|
18
|
+
};
|
|
19
|
+
declare const MarqueeFade: ({
|
|
20
|
+
className,
|
|
21
|
+
side,
|
|
22
|
+
...props
|
|
23
|
+
}: MarqueeFadeProps) => react_jsx_runtime0.JSX.Element;
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region src/components/marquee/marquee-item.d.ts
|
|
26
|
+
type MarqueeItemProps = ComponentProps<"div">;
|
|
27
|
+
declare const MarqueeItem: ({
|
|
28
|
+
className,
|
|
29
|
+
...props
|
|
30
|
+
}: MarqueeItemProps) => react_jsx_runtime0.JSX.Element;
|
|
31
|
+
//#endregion
|
|
32
|
+
export { MarqueeContent as a, MarqueeFadeProps as i, MarqueeItemProps as n, MarqueeContentProps as o, MarqueeFade as r, MarqueeItem as t };
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { a as DropdownMenuShortcut, c as DropdownMenuRadioGroup, d as DropdownMenuItem, f as DropdownMenuGroup, i as DropdownMenuSub, l as DropdownMenuPortal, n as DropdownMenuSubTrigger, o as DropdownMenuSeparator, p as DropdownMenuContent, r as DropdownMenuSubContent, t as DropdownMenuTrigger, u as DropdownMenuLabel } from "./dropdown-menu-trigger-CFdruqOk.js";
|
|
2
|
+
import { DropdownMenu } from "./ui/dropdown-menu.js";
|
|
3
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
+
import { ComponentProps } from "react";
|
|
5
|
+
import { Menu } from "@base-ui/react/menu";
|
|
6
|
+
|
|
7
|
+
//#region src/components/menubar/menubar-checkbox-item.d.ts
|
|
8
|
+
declare const MenubarCheckboxItem: ({
|
|
9
|
+
className,
|
|
10
|
+
children,
|
|
11
|
+
checked,
|
|
12
|
+
...props
|
|
13
|
+
}: Menu.CheckboxItem.Props) => react_jsx_runtime0.JSX.Element;
|
|
14
|
+
//#endregion
|
|
15
|
+
//#region src/components/menubar/menubar-content.d.ts
|
|
16
|
+
declare const MenubarContent: ({
|
|
17
|
+
className,
|
|
18
|
+
align,
|
|
19
|
+
alignOffset,
|
|
20
|
+
sideOffset,
|
|
21
|
+
...props
|
|
22
|
+
}: ComponentProps<typeof DropdownMenuContent>) => react_jsx_runtime0.JSX.Element;
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/components/menubar/menubar-group.d.ts
|
|
25
|
+
declare const MenubarGroup: ({
|
|
26
|
+
...props
|
|
27
|
+
}: ComponentProps<typeof DropdownMenuGroup>) => react_jsx_runtime0.JSX.Element;
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/menubar/menubar-item.d.ts
|
|
30
|
+
declare const MenubarItem: ({
|
|
31
|
+
className,
|
|
32
|
+
inset,
|
|
33
|
+
variant,
|
|
34
|
+
...props
|
|
35
|
+
}: ComponentProps<typeof DropdownMenuItem>) => react_jsx_runtime0.JSX.Element;
|
|
36
|
+
//#endregion
|
|
37
|
+
//#region src/components/menubar/menubar-label.d.ts
|
|
38
|
+
declare const MenubarLabel: ({
|
|
39
|
+
className,
|
|
40
|
+
inset,
|
|
41
|
+
...props
|
|
42
|
+
}: ComponentProps<typeof DropdownMenuLabel>) => react_jsx_runtime0.JSX.Element;
|
|
43
|
+
//#endregion
|
|
44
|
+
//#region src/components/menubar/menubar-menu.d.ts
|
|
45
|
+
declare const MenubarMenu: ({
|
|
46
|
+
...props
|
|
47
|
+
}: ComponentProps<typeof DropdownMenu>) => react_jsx_runtime0.JSX.Element;
|
|
48
|
+
//#endregion
|
|
49
|
+
//#region src/components/menubar/menubar-portal.d.ts
|
|
50
|
+
declare const MenubarPortal: ({
|
|
51
|
+
...props
|
|
52
|
+
}: ComponentProps<typeof DropdownMenuPortal>) => react_jsx_runtime0.JSX.Element;
|
|
53
|
+
//#endregion
|
|
54
|
+
//#region src/components/menubar/menubar-radio-group.d.ts
|
|
55
|
+
declare const MenubarRadioGroup: ({
|
|
56
|
+
...props
|
|
57
|
+
}: ComponentProps<typeof DropdownMenuRadioGroup>) => react_jsx_runtime0.JSX.Element;
|
|
58
|
+
//#endregion
|
|
59
|
+
//#region src/components/menubar/menubar-radio-item.d.ts
|
|
60
|
+
declare const MenubarRadioItem: ({
|
|
61
|
+
className,
|
|
62
|
+
children,
|
|
63
|
+
...props
|
|
64
|
+
}: Menu.RadioItem.Props) => react_jsx_runtime0.JSX.Element;
|
|
65
|
+
//#endregion
|
|
66
|
+
//#region src/components/menubar/menubar-separator.d.ts
|
|
67
|
+
declare const MenubarSeparator: ({
|
|
68
|
+
className,
|
|
69
|
+
...props
|
|
70
|
+
}: ComponentProps<typeof DropdownMenuSeparator>) => react_jsx_runtime0.JSX.Element;
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/components/menubar/menubar-shortcut.d.ts
|
|
73
|
+
declare const MenubarShortcut: ({
|
|
74
|
+
className,
|
|
75
|
+
...props
|
|
76
|
+
}: ComponentProps<typeof DropdownMenuShortcut>) => react_jsx_runtime0.JSX.Element;
|
|
77
|
+
//#endregion
|
|
78
|
+
//#region src/components/menubar/menubar-sub.d.ts
|
|
79
|
+
declare const MenubarSub: ({
|
|
80
|
+
...props
|
|
81
|
+
}: ComponentProps<typeof DropdownMenuSub>) => react_jsx_runtime0.JSX.Element;
|
|
82
|
+
//#endregion
|
|
83
|
+
//#region src/components/menubar/menubar-sub-content.d.ts
|
|
84
|
+
declare const MenubarSubContent: ({
|
|
85
|
+
className,
|
|
86
|
+
...props
|
|
87
|
+
}: ComponentProps<typeof DropdownMenuSubContent>) => react_jsx_runtime0.JSX.Element;
|
|
88
|
+
//#endregion
|
|
89
|
+
//#region src/components/menubar/menubar-sub-trigger.d.ts
|
|
90
|
+
declare const MenubarSubTrigger: ({
|
|
91
|
+
className,
|
|
92
|
+
inset,
|
|
93
|
+
...props
|
|
94
|
+
}: ComponentProps<typeof DropdownMenuSubTrigger> & {
|
|
95
|
+
inset?: boolean;
|
|
96
|
+
}) => react_jsx_runtime0.JSX.Element;
|
|
97
|
+
//#endregion
|
|
98
|
+
//#region src/components/menubar/menubar-trigger.d.ts
|
|
99
|
+
declare const MenubarTrigger: ({
|
|
100
|
+
className,
|
|
101
|
+
...props
|
|
102
|
+
}: ComponentProps<typeof DropdownMenuTrigger>) => react_jsx_runtime0.JSX.Element;
|
|
103
|
+
//#endregion
|
|
104
|
+
export { MenubarShortcut as a, MenubarRadioGroup as c, MenubarLabel as d, MenubarItem as f, MenubarCheckboxItem as h, MenubarSub as i, MenubarPortal as l, MenubarContent as m, MenubarSubTrigger as n, MenubarSeparator as o, MenubarGroup as p, MenubarSubContent as r, MenubarRadioItem as s, MenubarTrigger as t, MenubarMenu as u };
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import { a as DropdownMenuShortcut, c as DropdownMenuRadioGroup, d as DropdownMenuItem, f as DropdownMenuGroup, i as DropdownMenuSub, l as DropdownMenuPortal, n as DropdownMenuSubTrigger, o as DropdownMenuSeparator, p as DropdownMenuContent, r as DropdownMenuSubContent, t as DropdownMenuTrigger, u as DropdownMenuLabel } from "./dropdown-menu-trigger-IKeAoU_a.js";
|
|
2
|
+
import { DropdownMenu } from "./ui/dropdown-menu.js";
|
|
3
|
+
import { cn } from "tailwind-variants";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import { Tick02Icon } from "@hugeicons/core-free-icons";
|
|
6
|
+
import { HugeiconsIcon } from "@hugeicons/react";
|
|
7
|
+
import { Menu } from "@base-ui/react/menu";
|
|
8
|
+
|
|
9
|
+
//#region src/components/menubar/menubar-checkbox-item.tsx
|
|
10
|
+
const MenubarCheckboxItem = ({ className, children, checked, ...props }) => /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
|
|
11
|
+
checked,
|
|
12
|
+
className: cn("relative flex cursor-pointer select-none items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 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 data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
|
|
13
|
+
"data-slot": "menubar-checkbox-item",
|
|
14
|
+
...props,
|
|
15
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
16
|
+
className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
|
|
17
|
+
children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
|
|
18
|
+
icon: Tick02Icon,
|
|
19
|
+
strokeWidth: 2
|
|
20
|
+
}) })
|
|
21
|
+
}), children]
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
//#endregion
|
|
25
|
+
//#region src/components/menubar/menubar-content.tsx
|
|
26
|
+
const MenubarContent = ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) => /* @__PURE__ */ jsx(DropdownMenuContent, {
|
|
27
|
+
align,
|
|
28
|
+
alignOffset,
|
|
29
|
+
className: cn("data-open:fade-in-0 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 min-w-36 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-open:animate-in", className),
|
|
30
|
+
"data-slot": "menubar-content",
|
|
31
|
+
sideOffset,
|
|
32
|
+
...props
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
//#endregion
|
|
36
|
+
//#region src/components/menubar/menubar-group.tsx
|
|
37
|
+
const MenubarGroup = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuGroup, {
|
|
38
|
+
"data-slot": "menubar-group",
|
|
39
|
+
...props
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region src/components/menubar/menubar-item.tsx
|
|
44
|
+
const MenubarItem = ({ className, inset, variant = "default", ...props }) => /* @__PURE__ */ jsx(DropdownMenuItem, {
|
|
45
|
+
className: cn("data-[variant=destructive]:*:[svg]:!text-destructive group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground 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", className),
|
|
46
|
+
"data-inset": inset,
|
|
47
|
+
"data-slot": "menubar-item",
|
|
48
|
+
"data-variant": variant,
|
|
49
|
+
...props
|
|
50
|
+
});
|
|
51
|
+
|
|
52
|
+
//#endregion
|
|
53
|
+
//#region src/components/menubar/menubar-label.tsx
|
|
54
|
+
const MenubarLabel = ({ className, inset, ...props }) => /* @__PURE__ */ jsx(DropdownMenuLabel, {
|
|
55
|
+
className: cn("px-1.5 py-1 font-medium text-sm data-[inset]:pl-8", className),
|
|
56
|
+
"data-inset": inset,
|
|
57
|
+
"data-slot": "menubar-label",
|
|
58
|
+
...props
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
//#endregion
|
|
62
|
+
//#region src/components/menubar/menubar-menu.tsx
|
|
63
|
+
const MenubarMenu = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenu, {
|
|
64
|
+
"data-slot": "menubar-menu",
|
|
65
|
+
...props
|
|
66
|
+
});
|
|
67
|
+
|
|
68
|
+
//#endregion
|
|
69
|
+
//#region src/components/menubar/menubar-portal.tsx
|
|
70
|
+
const MenubarPortal = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuPortal, {
|
|
71
|
+
"data-slot": "menubar-portal",
|
|
72
|
+
...props
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
//#endregion
|
|
76
|
+
//#region src/components/menubar/menubar-radio-group.tsx
|
|
77
|
+
const MenubarRadioGroup = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
|
|
78
|
+
"data-slot": "menubar-radio-group",
|
|
79
|
+
...props
|
|
80
|
+
});
|
|
81
|
+
|
|
82
|
+
//#endregion
|
|
83
|
+
//#region src/components/menubar/menubar-radio-item.tsx
|
|
84
|
+
const MenubarRadioItem = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(Menu.RadioItem, {
|
|
85
|
+
className: cn("relative flex cursor-pointer select-none items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 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),
|
|
86
|
+
"data-slot": "menubar-radio-item",
|
|
87
|
+
...props,
|
|
88
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
89
|
+
className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
|
|
90
|
+
children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(HugeiconsIcon, {
|
|
91
|
+
icon: Tick02Icon,
|
|
92
|
+
strokeWidth: 2
|
|
93
|
+
}) })
|
|
94
|
+
}), children]
|
|
95
|
+
});
|
|
96
|
+
|
|
97
|
+
//#endregion
|
|
98
|
+
//#region src/components/menubar/menubar-separator.tsx
|
|
99
|
+
const MenubarSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(DropdownMenuSeparator, {
|
|
100
|
+
className: cn("-mx-1 my-1 h-px bg-border", className),
|
|
101
|
+
"data-slot": "menubar-separator",
|
|
102
|
+
...props
|
|
103
|
+
});
|
|
104
|
+
|
|
105
|
+
//#endregion
|
|
106
|
+
//#region src/components/menubar/menubar-shortcut.tsx
|
|
107
|
+
const MenubarShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx(DropdownMenuShortcut, {
|
|
108
|
+
className: cn("ml-auto text-muted-foreground text-xs tracking-widest group-focus/menubar-item:text-accent-foreground", className),
|
|
109
|
+
"data-slot": "menubar-shortcut",
|
|
110
|
+
...props
|
|
111
|
+
});
|
|
112
|
+
|
|
113
|
+
//#endregion
|
|
114
|
+
//#region src/components/menubar/menubar-sub.tsx
|
|
115
|
+
const MenubarSub = ({ ...props }) => /* @__PURE__ */ jsx(DropdownMenuSub, {
|
|
116
|
+
"data-slot": "menubar-sub",
|
|
117
|
+
...props
|
|
118
|
+
});
|
|
119
|
+
|
|
120
|
+
//#endregion
|
|
121
|
+
//#region src/components/menubar/menubar-sub-content.tsx
|
|
122
|
+
const MenubarSubContent = ({ className, ...props }) => /* @__PURE__ */ jsx(DropdownMenuSubContent, {
|
|
123
|
+
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 min-w-32 rounded-lg 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),
|
|
124
|
+
"data-slot": "menubar-sub-content",
|
|
125
|
+
...props
|
|
126
|
+
});
|
|
127
|
+
|
|
128
|
+
//#endregion
|
|
129
|
+
//#region src/components/menubar/menubar-sub-trigger.tsx
|
|
130
|
+
const MenubarSubTrigger = ({ className, inset, ...props }) => /* @__PURE__ */ jsx(DropdownMenuSubTrigger, {
|
|
131
|
+
className: cn("gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-[inset]:pl-8 data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4", className),
|
|
132
|
+
"data-inset": inset,
|
|
133
|
+
"data-slot": "menubar-sub-trigger",
|
|
134
|
+
...props
|
|
135
|
+
});
|
|
136
|
+
|
|
137
|
+
//#endregion
|
|
138
|
+
//#region src/components/menubar/menubar-trigger.tsx
|
|
139
|
+
const MenubarTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(DropdownMenuTrigger, {
|
|
140
|
+
className: cn("flex cursor-pointer select-none items-center rounded-sm px-1.5 py-px font-medium text-sm outline-hidden hover:bg-muted aria-expanded:bg-muted", className),
|
|
141
|
+
"data-slot": "menubar-trigger",
|
|
142
|
+
...props
|
|
143
|
+
});
|
|
144
|
+
|
|
145
|
+
//#endregion
|
|
146
|
+
export { MenubarShortcut as a, MenubarRadioGroup as c, MenubarLabel as d, MenubarItem as f, MenubarCheckboxItem as h, MenubarSub as i, MenubarPortal as l, MenubarContent as m, MenubarSubTrigger as n, MenubarSeparator as o, MenubarGroup as p, MenubarSubContent as r, MenubarRadioItem as s, MenubarTrigger as t, MenubarMenu as u };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { cn } from "tailwind-variants";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Meter } from "@base-ui/react/meter";
|
|
4
|
+
|
|
5
|
+
//#region src/components/meter/meter-indicator.tsx
|
|
6
|
+
const MeterIndicator = (props) => /* @__PURE__ */ jsx(Meter.Indicator, {
|
|
7
|
+
className: "bg-primary",
|
|
8
|
+
"data-slot": "meter-indicator",
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
|
|
12
|
+
//#endregion
|
|
13
|
+
//#region src/components/meter/meter-label.tsx
|
|
14
|
+
const MeterLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Meter.Label, {
|
|
15
|
+
className: cn("font-medium text-sm", className),
|
|
16
|
+
"data-slot": "meter-label",
|
|
17
|
+
...props
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
//#endregion
|
|
21
|
+
//#region src/components/meter/meter-track.tsx
|
|
22
|
+
const MeterTrack = ({ className, ...props }) => /* @__PURE__ */ jsx(Meter.Track, {
|
|
23
|
+
className: cn("h-2 w-full overflow-hidden rounded-xs bg-primary/20", className),
|
|
24
|
+
"data-slot": "meter-track",
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/meter/meter-value.tsx
|
|
30
|
+
const MeterValue = ({ className, ...props }) => /* @__PURE__ */ jsx(Meter.Value, {
|
|
31
|
+
className: cn("text-sm", className),
|
|
32
|
+
"data-slot": "meter-value",
|
|
33
|
+
...props
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
//#endregion
|
|
37
|
+
export { MeterIndicator as i, MeterTrack as n, MeterLabel as r, MeterValue as t };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { ComponentProps } from "react";
|
|
3
|
+
import { Meter } from "@base-ui/react/meter";
|
|
4
|
+
|
|
5
|
+
//#region src/components/meter/meter-indicator.d.ts
|
|
6
|
+
type MeterIndicatorProps = ComponentProps<typeof Meter.Indicator>;
|
|
7
|
+
declare const MeterIndicator: (props: MeterIndicatorProps) => react_jsx_runtime0.JSX.Element;
|
|
8
|
+
//#endregion
|
|
9
|
+
//#region src/components/meter/meter-label.d.ts
|
|
10
|
+
type MeterLabelProps = ComponentProps<typeof Meter.Label>;
|
|
11
|
+
declare const MeterLabel: ({
|
|
12
|
+
className,
|
|
13
|
+
...props
|
|
14
|
+
}: MeterLabelProps) => react_jsx_runtime0.JSX.Element;
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region src/components/meter/meter-track.d.ts
|
|
17
|
+
type MeterTrackProps = ComponentProps<typeof Meter.Track>;
|
|
18
|
+
declare const MeterTrack: ({
|
|
19
|
+
className,
|
|
20
|
+
...props
|
|
21
|
+
}: MeterTrackProps) => react_jsx_runtime0.JSX.Element;
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/meter/meter-value.d.ts
|
|
24
|
+
type MeterValueProps = ComponentProps<typeof Meter.Value>;
|
|
25
|
+
declare const MeterValue: ({
|
|
26
|
+
className,
|
|
27
|
+
...props
|
|
28
|
+
}: MeterValueProps) => react_jsx_runtime0.JSX.Element;
|
|
29
|
+
//#endregion
|
|
30
|
+
export { MeterLabel as a, MeterIndicatorProps as c, MeterTrackProps as i, MeterValueProps as n, MeterLabelProps as o, MeterTrack as r, MeterIndicator as s, MeterValue as t };
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import "tailwind-variants";
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { ComponentProps } from "react";
|
|
4
|
+
import { NavigationMenu } from "@base-ui/react/navigation-menu";
|
|
5
|
+
|
|
6
|
+
//#region src/components/navigation-menu/navigation-menu-content.d.ts
|
|
7
|
+
declare const NavigationMenuContent: ({
|
|
8
|
+
className,
|
|
9
|
+
...props
|
|
10
|
+
}: NavigationMenu.Content.Props) => react_jsx_runtime0.JSX.Element;
|
|
11
|
+
//#endregion
|
|
12
|
+
//#region src/components/navigation-menu/navigation-menu-indicator.d.ts
|
|
13
|
+
declare const NavigationMenuIndicator: ({
|
|
14
|
+
className,
|
|
15
|
+
...props
|
|
16
|
+
}: ComponentProps<typeof NavigationMenu.Icon>) => react_jsx_runtime0.JSX.Element;
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region src/components/navigation-menu/navigation-menu-item.d.ts
|
|
19
|
+
declare const NavigationMenuItem: ({
|
|
20
|
+
className,
|
|
21
|
+
...props
|
|
22
|
+
}: ComponentProps<typeof NavigationMenu.Item>) => react_jsx_runtime0.JSX.Element;
|
|
23
|
+
//#endregion
|
|
24
|
+
//#region src/components/navigation-menu/navigation-menu-link.d.ts
|
|
25
|
+
declare const NavigationMenuLink: ({
|
|
26
|
+
className,
|
|
27
|
+
...props
|
|
28
|
+
}: NavigationMenu.Link.Props) => react_jsx_runtime0.JSX.Element;
|
|
29
|
+
//#endregion
|
|
30
|
+
//#region src/components/navigation-menu/navigation-menu-list.d.ts
|
|
31
|
+
declare const NavigationMenuList: ({
|
|
32
|
+
className,
|
|
33
|
+
...props
|
|
34
|
+
}: ComponentProps<typeof NavigationMenu.List>) => react_jsx_runtime0.JSX.Element;
|
|
35
|
+
//#endregion
|
|
36
|
+
//#region src/components/navigation-menu/navigation-menu-positioner.d.ts
|
|
37
|
+
declare const NavigationMenuPositioner: ({
|
|
38
|
+
className,
|
|
39
|
+
side,
|
|
40
|
+
sideOffset,
|
|
41
|
+
align,
|
|
42
|
+
alignOffset,
|
|
43
|
+
...props
|
|
44
|
+
}: NavigationMenu.Positioner.Props) => react_jsx_runtime0.JSX.Element;
|
|
45
|
+
//#endregion
|
|
46
|
+
//#region src/components/navigation-menu/navigation-menu-trigger.d.ts
|
|
47
|
+
declare const NavigationMenuTrigger: ({
|
|
48
|
+
className,
|
|
49
|
+
children,
|
|
50
|
+
...props
|
|
51
|
+
}: NavigationMenu.Trigger.Props) => react_jsx_runtime0.JSX.Element;
|
|
52
|
+
//#endregion
|
|
53
|
+
export { NavigationMenuItem as a, NavigationMenuLink as i, NavigationMenuPositioner as n, NavigationMenuIndicator as o, NavigationMenuList as r, NavigationMenuContent as s, NavigationMenuTrigger as t };
|