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,52 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { useIsomorphicEffect } from "../hooks/use-isomorphic-effect.js";
|
|
4
|
+
import { useRef, useState } from "react";
|
|
5
|
+
import { createPortal } from "react-dom";
|
|
6
|
+
|
|
7
|
+
//#region src/components/portal/portal.tsx
|
|
8
|
+
const createPortalNode = (props) => {
|
|
9
|
+
const node = document.createElement("div");
|
|
10
|
+
node.dataset.portal = "true";
|
|
11
|
+
if (typeof props.className === "string") node.classList.add(...props.className.split(" ").filter(Boolean));
|
|
12
|
+
if (typeof props.style === "object" && props.style) Object.assign(node.style, props.style);
|
|
13
|
+
if (typeof props.id === "string") node.setAttribute("id", props.id);
|
|
14
|
+
return node;
|
|
15
|
+
};
|
|
16
|
+
const getTargetNode = ({ target, reuseTargetNode, ...others }) => {
|
|
17
|
+
if (target) {
|
|
18
|
+
if (typeof target === "string") return document.querySelector(target) ?? createPortalNode(others);
|
|
19
|
+
if ("current" in target) return target.current ?? createPortalNode(others);
|
|
20
|
+
if (target instanceof HTMLElement) return target;
|
|
21
|
+
}
|
|
22
|
+
if (reuseTargetNode) {
|
|
23
|
+
const existingNode = document.querySelector("[data-labs-shared-portal-node]");
|
|
24
|
+
if (existingNode) return existingNode;
|
|
25
|
+
const node = createPortalNode(others);
|
|
26
|
+
node.dataset.labsSharedPortalNode = "true";
|
|
27
|
+
document.body.append(node);
|
|
28
|
+
return node;
|
|
29
|
+
}
|
|
30
|
+
return createPortalNode(others);
|
|
31
|
+
};
|
|
32
|
+
const Portal = ({ children, target, reuseTargetNode = true, ...others }) => {
|
|
33
|
+
const [mounted, setMounted] = useState(false);
|
|
34
|
+
const nodeRef = useRef(null);
|
|
35
|
+
useIsomorphicEffect(() => {
|
|
36
|
+
setMounted(true);
|
|
37
|
+
nodeRef.current = getTargetNode({
|
|
38
|
+
target,
|
|
39
|
+
reuseTargetNode,
|
|
40
|
+
...others
|
|
41
|
+
});
|
|
42
|
+
if (!(target || reuseTargetNode) && nodeRef.current) document.body.append(nodeRef.current);
|
|
43
|
+
return () => {
|
|
44
|
+
if (!(target || reuseTargetNode) && nodeRef.current) nodeRef.current.remove();
|
|
45
|
+
};
|
|
46
|
+
}, [target, reuseTargetNode]);
|
|
47
|
+
if (!(mounted && nodeRef.current)) return null;
|
|
48
|
+
return createPortal(children, nodeRef.current);
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
//#endregion
|
|
52
|
+
export { Portal };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { i as ProgressIndicator, n as ProgressTrack, r as ProgressLabel, t as ProgressValue } from "../progress-value-CFlgP0nv.js";
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { Progress as Progress$1 } from "@base-ui/react/progress";
|
|
4
|
+
|
|
5
|
+
//#region src/components/progress/progress.d.ts
|
|
6
|
+
declare const Progress: {
|
|
7
|
+
({
|
|
8
|
+
className,
|
|
9
|
+
children,
|
|
10
|
+
value,
|
|
11
|
+
...props
|
|
12
|
+
}: Progress$1.Root.Props): react_jsx_runtime0.JSX.Element;
|
|
13
|
+
Indicator: ({
|
|
14
|
+
className,
|
|
15
|
+
...props
|
|
16
|
+
}: Progress$1.Indicator.Props) => react_jsx_runtime0.JSX.Element;
|
|
17
|
+
Label: ({
|
|
18
|
+
className,
|
|
19
|
+
...props
|
|
20
|
+
}: Progress$1.Label.Props) => react_jsx_runtime0.JSX.Element;
|
|
21
|
+
Track: ({
|
|
22
|
+
className,
|
|
23
|
+
...props
|
|
24
|
+
}: Progress$1.Track.Props) => react_jsx_runtime0.JSX.Element;
|
|
25
|
+
Value: ({
|
|
26
|
+
className,
|
|
27
|
+
...props
|
|
28
|
+
}: Progress$1.Value.Props) => react_jsx_runtime0.JSX.Element;
|
|
29
|
+
};
|
|
30
|
+
//#endregion
|
|
31
|
+
export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { i as ProgressIndicator, n as ProgressTrack, r as ProgressLabel, t as ProgressValue } from "../progress-value-CfCodKnX.js";
|
|
4
|
+
import { cn } from "tailwind-variants";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
import { Progress as Progress$1 } from "@base-ui/react/progress";
|
|
7
|
+
|
|
8
|
+
//#region src/components/progress/progress.tsx
|
|
9
|
+
const Progress = ({ className, children, value, ...props }) => /* @__PURE__ */ jsxs(Progress$1.Root, {
|
|
10
|
+
className: cn("flex flex-wrap gap-3", className),
|
|
11
|
+
"data-slot": "progress",
|
|
12
|
+
value,
|
|
13
|
+
...props,
|
|
14
|
+
children: [children, /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })]
|
|
15
|
+
});
|
|
16
|
+
Progress.Indicator = ProgressIndicator;
|
|
17
|
+
Progress.Label = ProgressLabel;
|
|
18
|
+
Progress.Track = ProgressTrack;
|
|
19
|
+
Progress.Value = ProgressValue;
|
|
20
|
+
|
|
21
|
+
//#endregion
|
|
22
|
+
export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { ComponentProps } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/qr-code/qr-code.d.ts
|
|
5
|
+
type QRCodeProps = ComponentProps<"div"> & {
|
|
6
|
+
data: string;
|
|
7
|
+
foreground?: string;
|
|
8
|
+
background?: string;
|
|
9
|
+
robustness?: "L" | "M" | "Q" | "H";
|
|
10
|
+
};
|
|
11
|
+
declare const QRCode: ({
|
|
12
|
+
data,
|
|
13
|
+
foreground,
|
|
14
|
+
background,
|
|
15
|
+
robustness,
|
|
16
|
+
className,
|
|
17
|
+
...props
|
|
18
|
+
}: QRCodeProps) => react_jsx_runtime0.JSX.Element | null;
|
|
19
|
+
//#endregion
|
|
20
|
+
export { QRCode, QRCodeProps };
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { cn } from "tailwind-variants";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { useEffect, useState } from "react";
|
|
6
|
+
import { formatHex, oklch } from "culori";
|
|
7
|
+
import QR from "qrcode";
|
|
8
|
+
|
|
9
|
+
//#region src/components/qr-code/qr-code.tsx
|
|
10
|
+
const oklchRegex = /oklch\(([0-9.]+)\s+([0-9.]+)\s+([0-9.]+)\)/;
|
|
11
|
+
const getOklch = (color, fallback) => {
|
|
12
|
+
const oklchMatch = color.match(oklchRegex);
|
|
13
|
+
if (!oklchMatch) return {
|
|
14
|
+
l: fallback[0],
|
|
15
|
+
c: fallback[1],
|
|
16
|
+
h: fallback[2]
|
|
17
|
+
};
|
|
18
|
+
return {
|
|
19
|
+
l: Number.parseFloat(oklchMatch[1] ?? "0"),
|
|
20
|
+
c: Number.parseFloat(oklchMatch[2] ?? "0"),
|
|
21
|
+
h: Number.parseFloat(oklchMatch[3] ?? "0")
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
const QRCode = ({ data, foreground, background, robustness = "M", className, ...props }) => {
|
|
25
|
+
const [svg, setSVG] = useState(null);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
const generateQR = async () => {
|
|
28
|
+
try {
|
|
29
|
+
const styles = getComputedStyle(document.documentElement);
|
|
30
|
+
const foregroundColor = foreground ?? (styles.getPropertyValue("--foreground") || "");
|
|
31
|
+
const backgroundColor = background ?? (styles.getPropertyValue("--background") || "");
|
|
32
|
+
const foregroundOklch = getOklch(foregroundColor, [
|
|
33
|
+
.21,
|
|
34
|
+
.006,
|
|
35
|
+
285.885
|
|
36
|
+
]);
|
|
37
|
+
const backgroundOklch = getOklch(backgroundColor, [
|
|
38
|
+
.985,
|
|
39
|
+
0,
|
|
40
|
+
0
|
|
41
|
+
]);
|
|
42
|
+
setSVG(await QR.toString(data, {
|
|
43
|
+
type: "svg",
|
|
44
|
+
color: {
|
|
45
|
+
dark: formatHex(oklch({
|
|
46
|
+
mode: "oklch",
|
|
47
|
+
...foregroundOklch
|
|
48
|
+
})),
|
|
49
|
+
light: formatHex(oklch({
|
|
50
|
+
mode: "oklch",
|
|
51
|
+
...backgroundOklch
|
|
52
|
+
}))
|
|
53
|
+
},
|
|
54
|
+
width: 200,
|
|
55
|
+
errorCorrectionLevel: robustness,
|
|
56
|
+
margin: 0
|
|
57
|
+
}));
|
|
58
|
+
} catch (error) {
|
|
59
|
+
console.error(error);
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
generateQR();
|
|
63
|
+
}, [
|
|
64
|
+
data,
|
|
65
|
+
foreground,
|
|
66
|
+
background,
|
|
67
|
+
robustness
|
|
68
|
+
]);
|
|
69
|
+
if (!svg) return null;
|
|
70
|
+
return /* @__PURE__ */ jsx("div", {
|
|
71
|
+
className: cn("size-full", "[&_svg]:size-full", className),
|
|
72
|
+
dangerouslySetInnerHTML: { __html: svg },
|
|
73
|
+
...props
|
|
74
|
+
});
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
//#endregion
|
|
78
|
+
export { QRCode };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { t as RadioGroupItem } from "../radio-group-item-09fw05Va.js";
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import * as _base_ui_react0 from "@base-ui/react";
|
|
4
|
+
import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
|
|
5
|
+
|
|
6
|
+
//#region src/components/radio-group/radio-group.d.ts
|
|
7
|
+
declare const RadioGroup: {
|
|
8
|
+
({
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}: RadioGroup$1.Props): react_jsx_runtime0.JSX.Element;
|
|
12
|
+
Item: ({
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}: _base_ui_react0.RadioRoot.Props) => react_jsx_runtime0.JSX.Element;
|
|
16
|
+
};
|
|
17
|
+
//#endregion
|
|
18
|
+
export { RadioGroup, RadioGroupItem };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { t as RadioGroupItem } from "../radio-group-item-CQjCazjw.js";
|
|
2
|
+
import { cn } from "tailwind-variants";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
|
|
5
|
+
|
|
6
|
+
//#region src/components/radio-group/radio-group.tsx
|
|
7
|
+
const RadioGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(RadioGroup$1, {
|
|
8
|
+
className: cn("grid w-full gap-2", className),
|
|
9
|
+
"data-slot": "radio-group",
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
RadioGroup.Item = RadioGroupItem;
|
|
13
|
+
|
|
14
|
+
//#endregion
|
|
15
|
+
export { RadioGroup, RadioGroupItem };
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { n as RatingStarProps, t as RatingStar } from "../rating-star-6ov3lbpn.js";
|
|
2
|
+
import * as tailwind_variants0 from "tailwind-variants";
|
|
3
|
+
import { VariantProps } from "tailwind-variants";
|
|
4
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
5
|
+
import { ComponentProps } from "react";
|
|
6
|
+
|
|
7
|
+
//#region src/components/rating/rating.d.ts
|
|
8
|
+
declare const ratingVariants: tailwind_variants0.TVReturnType<{
|
|
9
|
+
size: {
|
|
10
|
+
sm: string[];
|
|
11
|
+
md: string[];
|
|
12
|
+
lg: string[];
|
|
13
|
+
};
|
|
14
|
+
}, undefined, string[], {
|
|
15
|
+
size: {
|
|
16
|
+
sm: string[];
|
|
17
|
+
md: string[];
|
|
18
|
+
lg: string[];
|
|
19
|
+
};
|
|
20
|
+
}, undefined, tailwind_variants0.TVReturnType<{
|
|
21
|
+
size: {
|
|
22
|
+
sm: string[];
|
|
23
|
+
md: string[];
|
|
24
|
+
lg: string[];
|
|
25
|
+
};
|
|
26
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
27
|
+
declare const ratingValueVariants: tailwind_variants0.TVReturnType<{
|
|
28
|
+
size: {
|
|
29
|
+
sm: string[];
|
|
30
|
+
md: string[];
|
|
31
|
+
lg: string[];
|
|
32
|
+
};
|
|
33
|
+
}, undefined, string[], {
|
|
34
|
+
size: {
|
|
35
|
+
sm: string[];
|
|
36
|
+
md: string[];
|
|
37
|
+
lg: string[];
|
|
38
|
+
};
|
|
39
|
+
}, undefined, tailwind_variants0.TVReturnType<{
|
|
40
|
+
size: {
|
|
41
|
+
sm: string[];
|
|
42
|
+
md: string[];
|
|
43
|
+
lg: string[];
|
|
44
|
+
};
|
|
45
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
46
|
+
type RatingVariants = VariantProps<typeof ratingVariants>;
|
|
47
|
+
type RatingProps = RatingVariants & Omit<ComponentProps<"div">, "onClick"> & {
|
|
48
|
+
rating: number;
|
|
49
|
+
maxRating?: number;
|
|
50
|
+
showValue?: boolean;
|
|
51
|
+
editable?: boolean;
|
|
52
|
+
onRatingChange?: (rating: number) => void;
|
|
53
|
+
starClassName?: string;
|
|
54
|
+
};
|
|
55
|
+
declare const Rating: {
|
|
56
|
+
({
|
|
57
|
+
className,
|
|
58
|
+
size,
|
|
59
|
+
rating,
|
|
60
|
+
maxRating,
|
|
61
|
+
showValue,
|
|
62
|
+
editable,
|
|
63
|
+
onRatingChange,
|
|
64
|
+
starClassName,
|
|
65
|
+
...props
|
|
66
|
+
}: RatingProps): react_jsx_runtime0.JSX.Element;
|
|
67
|
+
Star: ({
|
|
68
|
+
className,
|
|
69
|
+
size,
|
|
70
|
+
filled,
|
|
71
|
+
halfFilled,
|
|
72
|
+
active,
|
|
73
|
+
editable,
|
|
74
|
+
starClassName,
|
|
75
|
+
onClick,
|
|
76
|
+
...props
|
|
77
|
+
}: RatingStarProps) => react_jsx_runtime0.JSX.Element;
|
|
78
|
+
};
|
|
79
|
+
//#endregion
|
|
80
|
+
export { Rating, RatingProps, RatingStar, ratingValueVariants, ratingVariants };
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { t as RatingStar } from "../rating-star-BuLQfAnZ.js";
|
|
4
|
+
import { cn, tv } from "tailwind-variants";
|
|
5
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
import { useCallback } from "react";
|
|
7
|
+
|
|
8
|
+
//#region src/components/rating/rating.tsx
|
|
9
|
+
const ratingVariants = tv({
|
|
10
|
+
base: ["inline-flex items-center gap-1"],
|
|
11
|
+
variants: { size: {
|
|
12
|
+
sm: ["gap-0.5"],
|
|
13
|
+
md: ["gap-1"],
|
|
14
|
+
lg: ["gap-1.5"]
|
|
15
|
+
} },
|
|
16
|
+
defaultVariants: { size: "md" }
|
|
17
|
+
});
|
|
18
|
+
const ratingValueVariants = tv({
|
|
19
|
+
base: ["font-medium text-sm"],
|
|
20
|
+
variants: { size: {
|
|
21
|
+
sm: ["text-xs"],
|
|
22
|
+
md: ["text-sm"],
|
|
23
|
+
lg: ["text-base"]
|
|
24
|
+
} },
|
|
25
|
+
defaultVariants: { size: "md" }
|
|
26
|
+
});
|
|
27
|
+
const Rating = ({ className, size, rating, maxRating = 5, showValue = false, editable = false, onRatingChange, starClassName, ...props }) => {
|
|
28
|
+
const handleStarClick = useCallback((e) => {
|
|
29
|
+
const value = Number(e.currentTarget.dataset.value);
|
|
30
|
+
if (editable && onRatingChange) onRatingChange(value);
|
|
31
|
+
}, [editable, onRatingChange]);
|
|
32
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
33
|
+
className: cn(ratingVariants({ size }), className),
|
|
34
|
+
"data-slot": "rating",
|
|
35
|
+
...props,
|
|
36
|
+
children: [Array.from({ length: maxRating }, (_, index) => {
|
|
37
|
+
const starValue = index + 1;
|
|
38
|
+
const isFilled = starValue <= Math.floor(rating);
|
|
39
|
+
const isHalfFilled = !isFilled && starValue - .5 <= rating && rating < starValue;
|
|
40
|
+
return /* @__PURE__ */ jsx(RatingStar, {
|
|
41
|
+
active: starValue <= rating,
|
|
42
|
+
className: starClassName,
|
|
43
|
+
"data-value": starValue,
|
|
44
|
+
editable,
|
|
45
|
+
filled: isFilled,
|
|
46
|
+
halfFilled: isHalfFilled,
|
|
47
|
+
onClick: handleStarClick,
|
|
48
|
+
size
|
|
49
|
+
}, starValue);
|
|
50
|
+
}), showValue && /* @__PURE__ */ jsx("span", {
|
|
51
|
+
className: cn(ratingValueVariants({ size }), "ml-1"),
|
|
52
|
+
children: rating.toFixed(1)
|
|
53
|
+
})]
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
Rating.Star = RatingStar;
|
|
57
|
+
|
|
58
|
+
//#endregion
|
|
59
|
+
export { Rating, RatingStar, ratingValueVariants, ratingVariants };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { n as ResizableHandle, t as ResizablePanel } from "../resizable-panel-B4lAr8Vb.js";
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { ComponentProps } from "react";
|
|
4
|
+
import * as react_resizable_panels0 from "react-resizable-panels";
|
|
5
|
+
import { Group } from "react-resizable-panels";
|
|
6
|
+
|
|
7
|
+
//#region src/components/resizable/resizable.d.ts
|
|
8
|
+
declare const ResizablePanelGroup: {
|
|
9
|
+
({
|
|
10
|
+
className,
|
|
11
|
+
...props
|
|
12
|
+
}: ComponentProps<typeof Group>): react_jsx_runtime0.JSX.Element;
|
|
13
|
+
Handle: ({
|
|
14
|
+
withHandle,
|
|
15
|
+
className,
|
|
16
|
+
...props
|
|
17
|
+
}: ComponentProps<typeof react_resizable_panels0.Separator> & {
|
|
18
|
+
withHandle?: boolean;
|
|
19
|
+
}) => react_jsx_runtime0.JSX.Element;
|
|
20
|
+
Panel: ({
|
|
21
|
+
...props
|
|
22
|
+
}: ComponentProps<typeof react_resizable_panels0.Panel>) => react_jsx_runtime0.JSX.Element;
|
|
23
|
+
};
|
|
24
|
+
//#endregion
|
|
25
|
+
export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { n as ResizableHandle, t as ResizablePanel } from "../resizable-panel-BO97wcPj.js";
|
|
4
|
+
import { cn } from "tailwind-variants";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { Group } from "react-resizable-panels";
|
|
7
|
+
|
|
8
|
+
//#region src/components/resizable/resizable.tsx
|
|
9
|
+
const ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(Group, {
|
|
10
|
+
className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
|
|
11
|
+
"data-slot": "resizable-panel-group",
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
14
|
+
ResizablePanelGroup.Handle = ResizableHandle;
|
|
15
|
+
ResizablePanelGroup.Panel = ResizablePanel;
|
|
16
|
+
|
|
17
|
+
//#endregion
|
|
18
|
+
export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { t as ScrollBar } from "../scroll-bar-vYvxEOph.js";
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
|
|
4
|
+
|
|
5
|
+
//#region src/components/scroll-area/scroll-area.d.ts
|
|
6
|
+
declare const ScrollArea: {
|
|
7
|
+
({
|
|
8
|
+
className,
|
|
9
|
+
children,
|
|
10
|
+
...props
|
|
11
|
+
}: ScrollArea$1.Root.Props): react_jsx_runtime0.JSX.Element;
|
|
12
|
+
Bar: ({
|
|
13
|
+
className,
|
|
14
|
+
orientation,
|
|
15
|
+
...props
|
|
16
|
+
}: ScrollArea$1.Scrollbar.Props) => react_jsx_runtime0.JSX.Element;
|
|
17
|
+
};
|
|
18
|
+
//#endregion
|
|
19
|
+
export { ScrollArea, ScrollBar };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { t as ScrollBar } from "../scroll-bar-BQzpb5hF.js";
|
|
2
|
+
import { cn } from "tailwind-variants";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
|
|
5
|
+
|
|
6
|
+
//#region src/components/scroll-area/scroll-area.tsx
|
|
7
|
+
const ScrollArea = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
|
|
8
|
+
className: cn("relative", className),
|
|
9
|
+
"data-slot": "scroll-area",
|
|
10
|
+
...props,
|
|
11
|
+
children: [
|
|
12
|
+
/* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
|
|
13
|
+
className: "size-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:outline-1 focus-visible:ring-[3px] focus-visible:ring-ring/50",
|
|
14
|
+
"data-slot": "scroll-area-viewport",
|
|
15
|
+
children
|
|
16
|
+
}),
|
|
17
|
+
/* @__PURE__ */ jsx(ScrollBar, {}),
|
|
18
|
+
/* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
|
|
19
|
+
]
|
|
20
|
+
});
|
|
21
|
+
ScrollArea.Bar = ScrollBar;
|
|
22
|
+
|
|
23
|
+
//#endregion
|
|
24
|
+
export { ScrollArea, ScrollBar };
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { a as SelectScrollDownButton, c as SelectGroup, i as SelectScrollUpButton, l as SelectContent, n as SelectTrigger, o as SelectLabel, r as SelectSeparator, s as SelectItem, t as SelectValue } from "../select-value-DG31IHy3.js";
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { ComponentProps } from "react";
|
|
4
|
+
import { Select as Select$1 } from "@base-ui/react/select";
|
|
5
|
+
|
|
6
|
+
//#region src/components/select/select.d.ts
|
|
7
|
+
interface SelectOption<Value> {
|
|
8
|
+
value: Value;
|
|
9
|
+
label: string;
|
|
10
|
+
}
|
|
11
|
+
type SelectProps<Value, Multiple extends boolean | undefined = false> = ComponentProps<typeof Select$1.Root<Value, Multiple>>;
|
|
12
|
+
declare const Select: {
|
|
13
|
+
<Value, Multiple extends boolean | undefined = false>({
|
|
14
|
+
...props
|
|
15
|
+
}: SelectProps<Value, Multiple>): react_jsx_runtime0.JSX.Element;
|
|
16
|
+
Content: ({
|
|
17
|
+
className,
|
|
18
|
+
children,
|
|
19
|
+
side,
|
|
20
|
+
sideOffset,
|
|
21
|
+
align,
|
|
22
|
+
alignOffset,
|
|
23
|
+
alignItemWithTrigger,
|
|
24
|
+
...props
|
|
25
|
+
}: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">) => react_jsx_runtime0.JSX.Element;
|
|
26
|
+
Group: ({
|
|
27
|
+
className,
|
|
28
|
+
...props
|
|
29
|
+
}: Select$1.Group.Props) => react_jsx_runtime0.JSX.Element;
|
|
30
|
+
Item: ({
|
|
31
|
+
className,
|
|
32
|
+
children,
|
|
33
|
+
...props
|
|
34
|
+
}: Select$1.Item.Props) => react_jsx_runtime0.JSX.Element;
|
|
35
|
+
Label: ({
|
|
36
|
+
className,
|
|
37
|
+
...props
|
|
38
|
+
}: Select$1.GroupLabel.Props) => react_jsx_runtime0.JSX.Element;
|
|
39
|
+
ScrollDownButton: ({
|
|
40
|
+
className,
|
|
41
|
+
...props
|
|
42
|
+
}: ComponentProps<typeof Select$1.ScrollDownArrow>) => react_jsx_runtime0.JSX.Element;
|
|
43
|
+
ScrollUpButton: ({
|
|
44
|
+
className,
|
|
45
|
+
...props
|
|
46
|
+
}: ComponentProps<typeof Select$1.ScrollUpArrow>) => react_jsx_runtime0.JSX.Element;
|
|
47
|
+
Separator: ({
|
|
48
|
+
className,
|
|
49
|
+
...props
|
|
50
|
+
}: Select$1.Separator.Props) => react_jsx_runtime0.JSX.Element;
|
|
51
|
+
Trigger: ({
|
|
52
|
+
className,
|
|
53
|
+
size,
|
|
54
|
+
children,
|
|
55
|
+
...props
|
|
56
|
+
}: Select$1.Trigger.Props & {
|
|
57
|
+
size?: "sm" | "default";
|
|
58
|
+
}) => react_jsx_runtime0.JSX.Element;
|
|
59
|
+
Value: ({
|
|
60
|
+
className,
|
|
61
|
+
...props
|
|
62
|
+
}: Select$1.Value.Props) => react_jsx_runtime0.JSX.Element;
|
|
63
|
+
};
|
|
64
|
+
//#endregion
|
|
65
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectOption, SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { a as SelectItem, c as SelectScrollUpButton, i as SelectLabel, l as SelectScrollDownButton, n as SelectTrigger, o as SelectGroup, r as SelectSeparator, s as SelectContent, t as SelectValue } from "../select-value-BUnWentK.js";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { Select as Select$1 } from "@base-ui/react/select";
|
|
6
|
+
|
|
7
|
+
//#region src/components/select/select.tsx
|
|
8
|
+
const Select = ({ ...props }) => /* @__PURE__ */ jsx(Select$1.Root, {
|
|
9
|
+
"data-slot": "select",
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
Select.Content = SelectContent;
|
|
13
|
+
Select.Group = SelectGroup;
|
|
14
|
+
Select.Item = SelectItem;
|
|
15
|
+
Select.Label = SelectLabel;
|
|
16
|
+
Select.ScrollDownButton = SelectScrollDownButton;
|
|
17
|
+
Select.ScrollUpButton = SelectScrollUpButton;
|
|
18
|
+
Select.Separator = SelectSeparator;
|
|
19
|
+
Select.Trigger = SelectTrigger;
|
|
20
|
+
Select.Value = SelectValue;
|
|
21
|
+
|
|
22
|
+
//#endregion
|
|
23
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
import { Separator as Separator$1 } from "@base-ui/react/separator";
|
|
3
|
+
|
|
4
|
+
//#region src/components/separator/separator.d.ts
|
|
5
|
+
type SeparatorProps = Separator$1.Props;
|
|
6
|
+
declare const Separator: ({
|
|
7
|
+
className,
|
|
8
|
+
orientation,
|
|
9
|
+
...props
|
|
10
|
+
}: SeparatorProps) => react_jsx_runtime0.JSX.Element;
|
|
11
|
+
//#endregion
|
|
12
|
+
export { Separator, SeparatorProps };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { cn } from "tailwind-variants";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Separator as Separator$1 } from "@base-ui/react/separator";
|
|
4
|
+
|
|
5
|
+
//#region src/components/separator/separator.tsx
|
|
6
|
+
const Separator = ({ className, orientation = "horizontal", ...props }) => /* @__PURE__ */ jsx(Separator$1, {
|
|
7
|
+
className: cn("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch", className),
|
|
8
|
+
"data-slot": "separator",
|
|
9
|
+
orientation,
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
//#endregion
|
|
14
|
+
export { Separator };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { a as SheetHeader, c as SheetContent, i as SheetOverlay, l as SheetClose, n as SheetTitle, o as SheetFooter, r as SheetPortal, s as SheetDescription, t as SheetTrigger } from "../sheet-trigger-CLgKANrf.js";
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import * as react from "react";
|
|
4
|
+
import { Dialog } from "@base-ui/react/dialog";
|
|
5
|
+
|
|
6
|
+
//#region src/components/sheet/sheet.d.ts
|
|
7
|
+
declare const Sheet: {
|
|
8
|
+
({
|
|
9
|
+
...props
|
|
10
|
+
}: Dialog.Root.Props): react_jsx_runtime0.JSX.Element;
|
|
11
|
+
Close: ({
|
|
12
|
+
className,
|
|
13
|
+
...props
|
|
14
|
+
}: Dialog.Close.Props) => react_jsx_runtime0.JSX.Element;
|
|
15
|
+
Content: ({
|
|
16
|
+
className,
|
|
17
|
+
children,
|
|
18
|
+
side,
|
|
19
|
+
showCloseButton,
|
|
20
|
+
...props
|
|
21
|
+
}: Dialog.Popup.Props & {
|
|
22
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
23
|
+
showCloseButton?: boolean;
|
|
24
|
+
}) => react_jsx_runtime0.JSX.Element;
|
|
25
|
+
Description: ({
|
|
26
|
+
className,
|
|
27
|
+
...props
|
|
28
|
+
}: Dialog.Description.Props) => react_jsx_runtime0.JSX.Element;
|
|
29
|
+
Footer: ({
|
|
30
|
+
className,
|
|
31
|
+
...props
|
|
32
|
+
}: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
33
|
+
Header: ({
|
|
34
|
+
className,
|
|
35
|
+
...props
|
|
36
|
+
}: react.ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
|
|
37
|
+
Overlay: ({
|
|
38
|
+
className,
|
|
39
|
+
...props
|
|
40
|
+
}: Dialog.Backdrop.Props) => react_jsx_runtime0.JSX.Element;
|
|
41
|
+
Portal: ({
|
|
42
|
+
...props
|
|
43
|
+
}: Dialog.Portal.Props) => react_jsx_runtime0.JSX.Element;
|
|
44
|
+
Title: ({
|
|
45
|
+
className,
|
|
46
|
+
...props
|
|
47
|
+
}: Dialog.Title.Props) => react_jsx_runtime0.JSX.Element;
|
|
48
|
+
Trigger: ({
|
|
49
|
+
className,
|
|
50
|
+
...props
|
|
51
|
+
}: Dialog.Trigger.Props) => react_jsx_runtime0.JSX.Element;
|
|
52
|
+
};
|
|
53
|
+
//#endregion
|
|
54
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
|
package/dist/ui/sheet.js
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
|
|
3
|
+
import { a as SheetDescription, c as SheetOverlay, i as SheetFooter, l as SheetClose, n as SheetTitle, o as SheetContent, r as SheetHeader, s as SheetPortal, t as SheetTrigger } from "../sheet-trigger-CUU7xwUn.js";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { Dialog } from "@base-ui/react/dialog";
|
|
6
|
+
|
|
7
|
+
//#region src/components/sheet/sheet.tsx
|
|
8
|
+
const Sheet = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Root, {
|
|
9
|
+
"data-slot": "sheet",
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
Sheet.Close = SheetClose;
|
|
13
|
+
Sheet.Content = SheetContent;
|
|
14
|
+
Sheet.Description = SheetDescription;
|
|
15
|
+
Sheet.Footer = SheetFooter;
|
|
16
|
+
Sheet.Header = SheetHeader;
|
|
17
|
+
Sheet.Overlay = SheetOverlay;
|
|
18
|
+
Sheet.Portal = SheetPortal;
|
|
19
|
+
Sheet.Title = SheetTitle;
|
|
20
|
+
Sheet.Trigger = SheetTrigger;
|
|
21
|
+
|
|
22
|
+
//#endregion
|
|
23
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
|