@esmate/shadcn 0.0.2 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/hook-form/react.d.ts +0 -7
- package/dist/lib/hook-form/react.js +0 -10
- package/dist/styles/minimal.css +1 -0
- package/dist/styles/new-york.css +1 -1
- package/dist/{components/ui → ui}/accordion.d.ts +4 -4
- package/dist/{components/ui → ui}/accordion.js +4 -4
- package/dist/{components/ui → ui}/alert-dialog.d.ts +11 -11
- package/dist/{components/ui → ui}/alert-dialog.js +9 -9
- package/dist/{components/ui → ui}/alert.d.ts +3 -3
- package/dist/{components/ui → ui}/alert.js +4 -4
- package/dist/{components/ui → ui}/avatar.d.ts +3 -3
- package/dist/{components/ui → ui}/avatar.js +4 -4
- package/dist/{components/ui → ui}/badge.d.ts +1 -1
- package/dist/{components/ui → ui}/badge.js +2 -2
- package/dist/{components/ui → ui}/breadcrumb.d.ts +7 -7
- package/dist/{components/ui → ui}/breadcrumb.js +7 -7
- package/dist/{components/ui → ui}/button.d.ts +1 -1
- package/dist/{components/ui → ui}/button.js +2 -2
- package/dist/{components/ui → ui}/calendar.d.ts +1 -1
- package/dist/{components/ui → ui}/calendar.js +7 -7
- package/dist/{components/ui → ui}/card.d.ts +7 -7
- package/dist/{components/ui → ui}/card.js +8 -8
- package/dist/{components/ui → ui}/carousel.d.ts +5 -5
- package/dist/{components/ui → ui}/carousel.js +6 -6
- package/dist/{components/ui → ui}/chart.d.ts +4 -4
- package/dist/{components/ui → ui}/chart.js +10 -10
- package/dist/{components/ui → ui}/checkbox.d.ts +1 -1
- package/dist/{components/ui → ui}/checkbox.js +2 -2
- package/dist/{components/ui → ui}/command.d.ts +9 -9
- package/dist/{components/ui → ui}/command.js +8 -8
- package/dist/{components/ui → ui}/context-menu.d.ts +15 -15
- package/dist/{components/ui → ui}/context-menu.js +10 -10
- package/dist/{components/ui → ui}/dialog.d.ts +10 -10
- package/dist/{components/ui → ui}/dialog.js +7 -7
- package/dist/{components/ui → ui}/drawer.d.ts +10 -10
- package/dist/{components/ui → ui}/drawer.js +7 -7
- package/dist/{components/ui → ui}/dropdown-menu.d.ts +15 -15
- package/dist/{components/ui → ui}/dropdown-menu.js +10 -10
- package/dist/{components/ui → ui}/form.js +5 -5
- package/dist/{components/ui → ui}/hover-card.d.ts +3 -3
- package/dist/{components/ui → ui}/hover-card.js +2 -2
- package/dist/{components/ui → ui}/input-otp.d.ts +4 -4
- package/dist/{components/ui → ui}/input-otp.js +5 -5
- package/dist/{components/ui → ui}/input.d.ts +1 -1
- package/dist/{components/ui → ui}/input.js +2 -2
- package/dist/{components/ui → ui}/label.d.ts +1 -1
- package/dist/{components/ui → ui}/label.js +2 -2
- package/dist/{components/ui → ui}/menubar.d.ts +16 -16
- package/dist/{components/ui → ui}/menubar.js +12 -12
- package/dist/{components/ui → ui}/navigation-menu.d.ts +8 -8
- package/dist/{components/ui → ui}/navigation-menu.js +10 -10
- package/dist/{components/ui → ui}/pagination.d.ts +7 -7
- package/dist/{components/ui → ui}/pagination.js +7 -7
- package/dist/{components/ui → ui}/popover.d.ts +4 -4
- package/dist/{components/ui → ui}/popover.js +2 -2
- package/dist/{components/ui → ui}/progress.d.ts +1 -1
- package/dist/{components/ui → ui}/progress.js +2 -2
- package/dist/{components/ui → ui}/radio-group.d.ts +2 -2
- package/dist/{components/ui → ui}/radio-group.js +3 -3
- package/dist/{components/ui → ui}/resizable.d.ts +3 -3
- package/dist/{components/ui → ui}/resizable.js +3 -3
- package/dist/{components/ui → ui}/scroll-area.d.ts +2 -2
- package/dist/{components/ui → ui}/scroll-area.js +3 -3
- package/dist/{components/ui → ui}/select.d.ts +10 -10
- package/dist/{components/ui → ui}/select.js +9 -9
- package/dist/{components/ui → ui}/separator.d.ts +1 -1
- package/dist/{components/ui → ui}/separator.js +2 -2
- package/dist/{components/ui → ui}/sheet.d.ts +8 -8
- package/dist/{components/ui → ui}/sheet.js +7 -7
- package/dist/{components/ui → ui}/sidebar.d.ts +24 -33
- package/dist/{components/ui → ui}/sidebar.js +28 -28
- package/dist/ui/skeleton.js +9 -0
- package/dist/{components/ui → ui}/slider.d.ts +1 -1
- package/dist/{components/ui → ui}/slider.js +4 -4
- package/dist/{components/ui → ui}/switch.d.ts +1 -1
- package/dist/{components/ui → ui}/switch.js +3 -3
- package/dist/{components/ui → ui}/table.d.ts +8 -8
- package/dist/{components/ui → ui}/table.js +9 -9
- package/dist/{components/ui → ui}/tabs.d.ts +4 -4
- package/dist/{components/ui → ui}/tabs.js +5 -5
- package/dist/{components/ui → ui}/textarea.d.ts +1 -1
- package/dist/{components/ui → ui}/textarea.js +2 -2
- package/dist/{components/ui → ui}/toggle-group.d.ts +2 -2
- package/dist/{components/ui → ui}/toggle-group.js +3 -3
- package/dist/{components/ui → ui}/toggle.d.ts +1 -1
- package/dist/{components/ui → ui}/toggle.js +2 -2
- package/dist/{components/ui → ui}/tooltip.d.ts +4 -4
- package/dist/{components/ui → ui}/tooltip.js +2 -2
- package/package.json +10 -13
- package/dist/components/ui/aspect-ratio.d.ts +0 -3
- package/dist/components/ui/collapsible.d.ts +0 -5
- package/dist/components/ui/form.d.ts +0 -24
- package/dist/components/ui/skeleton.d.ts +0 -2
- package/dist/components/ui/skeleton.js +0 -9
- package/dist/components/ui/sonner.d.ts +0 -3
- package/dist/index.d.ts +0 -47
- package/dist/index.js +0 -47
- /package/dist/{lib/hooks.d.ts → hooks/use-zod-form.d.ts} +0 -0
- /package/dist/{lib/hooks.js → hooks/use-zod-form.js} +0 -0
- /package/dist/{components/ui → ui}/aspect-ratio.js +0 -0
- /package/dist/{components/ui → ui}/collapsible.js +0 -0
- /package/dist/{components/ui → ui}/sonner.js +0 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE_embla_carousel_react_7f67003b__ from "embla-carousel-react";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
6
6
|
import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
|
|
7
7
|
const CarouselContext = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createContext(null);
|
|
8
8
|
function useCarousel() {
|
|
@@ -76,7 +76,7 @@ function Carousel({ orientation = "horizontal", opts, setApi, plugins, className
|
|
|
76
76
|
}
|
|
77
77
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
78
78
|
onKeyDownCapture: handleKeyDown,
|
|
79
|
-
className: (0,
|
|
79
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("relative", className),
|
|
80
80
|
role: "region",
|
|
81
81
|
"aria-roledescription": "carousel",
|
|
82
82
|
"data-slot": "carousel",
|
|
@@ -90,7 +90,7 @@ function CarouselContent({ className, ...props }) {
|
|
|
90
90
|
className: "overflow-hidden",
|
|
91
91
|
"data-slot": "carousel-content"
|
|
92
92
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
93
|
-
className: (0,
|
|
93
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex", "horizontal" === orientation ? "-ml-4" : "-mt-4 flex-col", className),
|
|
94
94
|
...props
|
|
95
95
|
}));
|
|
96
96
|
}
|
|
@@ -100,7 +100,7 @@ function CarouselItem({ className, ...props }) {
|
|
|
100
100
|
role: "group",
|
|
101
101
|
"aria-roledescription": "slide",
|
|
102
102
|
"data-slot": "carousel-item",
|
|
103
|
-
className: (0,
|
|
103
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("min-w-0 shrink-0 grow-0 basis-full", "horizontal" === orientation ? "pl-4" : "pt-4", className),
|
|
104
104
|
...props
|
|
105
105
|
});
|
|
106
106
|
}
|
|
@@ -110,7 +110,7 @@ function CarouselPrevious({ className, variant = "outline", size = "icon", ...pr
|
|
|
110
110
|
"data-slot": "carousel-previous",
|
|
111
111
|
variant: variant,
|
|
112
112
|
size: size,
|
|
113
|
-
className: (0,
|
|
113
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("absolute size-8 rounded-full", "horizontal" === orientation ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
|
|
114
114
|
disabled: !canScrollPrev,
|
|
115
115
|
onClick: scrollPrev,
|
|
116
116
|
...props
|
|
@@ -124,7 +124,7 @@ function CarouselNext({ className, variant = "outline", size = "icon", ...props
|
|
|
124
124
|
"data-slot": "carousel-next",
|
|
125
125
|
variant: variant,
|
|
126
126
|
size: size,
|
|
127
|
-
className: (0,
|
|
127
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("absolute size-8 rounded-full", "horizontal" === orientation ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
|
|
128
128
|
disabled: !canScrollNext,
|
|
129
129
|
onClick: scrollNext,
|
|
130
130
|
...props
|
|
@@ -19,11 +19,11 @@ export type ChartConfig = {
|
|
|
19
19
|
declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
|
|
20
20
|
config: ChartConfig;
|
|
21
21
|
children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
22
|
-
}):
|
|
22
|
+
}): JSX.Element;
|
|
23
23
|
declare const ChartStyle: ({ id, config }: {
|
|
24
24
|
id: string;
|
|
25
25
|
config: ChartConfig;
|
|
26
|
-
}) =>
|
|
26
|
+
}) => JSX.Element | null;
|
|
27
27
|
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
28
28
|
declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
|
|
29
29
|
hideLabel?: boolean;
|
|
@@ -31,10 +31,10 @@ declare function ChartTooltipContent({ active, payload, className, indicator, hi
|
|
|
31
31
|
indicator?: "line" | "dot" | "dashed";
|
|
32
32
|
nameKey?: string;
|
|
33
33
|
labelKey?: string;
|
|
34
|
-
}):
|
|
34
|
+
}): JSX.Element | null;
|
|
35
35
|
declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
36
36
|
declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
|
|
37
37
|
hideIcon?: boolean;
|
|
38
38
|
nameKey?: string;
|
|
39
|
-
}):
|
|
39
|
+
}): JSX.Element | null;
|
|
40
40
|
export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE_recharts__ from "recharts";
|
|
4
|
-
import * as
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
5
5
|
const THEMES = {
|
|
6
6
|
light: "",
|
|
7
7
|
dark: ".dark"
|
|
@@ -22,7 +22,7 @@ function ChartContainer({ id, className, children, config, ...props }) {
|
|
|
22
22
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
23
23
|
"data-slot": "chart",
|
|
24
24
|
"data-chart": chartId,
|
|
25
|
-
className: (0,
|
|
25
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
|
|
26
26
|
...props
|
|
27
27
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(ChartStyle, {
|
|
28
28
|
id: chartId,
|
|
@@ -57,11 +57,11 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
|
|
|
57
57
|
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
58
58
|
const value = labelKey || "string" != typeof label ? null == itemConfig ? void 0 : itemConfig.label : (null == (_config_label = config[label]) ? void 0 : _config_label.label) || label;
|
|
59
59
|
if (labelFormatter) return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
60
|
-
className: (0,
|
|
60
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("font-medium", labelClassName)
|
|
61
61
|
}, labelFormatter(value, payload));
|
|
62
62
|
if (!value) return null;
|
|
63
63
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
64
|
-
className: (0,
|
|
64
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("font-medium", labelClassName)
|
|
65
65
|
}, value);
|
|
66
66
|
}, [
|
|
67
67
|
label,
|
|
@@ -75,7 +75,7 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
|
|
|
75
75
|
if (!active || !(null == payload ? void 0 : payload.length)) return null;
|
|
76
76
|
const nestLabel = 1 === payload.length && "dot" !== indicator;
|
|
77
77
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
78
|
-
className: (0,
|
|
78
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", className)
|
|
79
79
|
}, nestLabel ? null : tooltipLabel, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
80
80
|
className: "grid gap-1.5"
|
|
81
81
|
}, payload.map((item, index)=>{
|
|
@@ -84,9 +84,9 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
|
|
|
84
84
|
const indicatorColor = color || item.payload.fill || item.color;
|
|
85
85
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
86
86
|
key: item.dataKey,
|
|
87
|
-
className: (0,
|
|
87
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", "dot" === indicator && "items-center")
|
|
88
88
|
}, formatter && (null == item ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, null, (null == itemConfig ? void 0 : itemConfig.icon) ? /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(itemConfig.icon, null) : !hideIndicator && /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
89
|
-
className: (0,
|
|
89
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
|
|
90
90
|
"h-2.5 w-2.5": "dot" === indicator,
|
|
91
91
|
"w-1": "line" === indicator,
|
|
92
92
|
"w-0 border-[1.5px] border-dashed bg-transparent": "dashed" === indicator,
|
|
@@ -97,7 +97,7 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
|
|
|
97
97
|
"--color-border": indicatorColor
|
|
98
98
|
}
|
|
99
99
|
}), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
100
|
-
className: (0,
|
|
100
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center")
|
|
101
101
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
102
102
|
className: "grid gap-1.5"
|
|
103
103
|
}, nestLabel ? tooltipLabel : null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
@@ -112,13 +112,13 @@ function ChartLegendContent({ className, hideIcon = false, payload, verticalAlig
|
|
|
112
112
|
const { config } = useChart();
|
|
113
113
|
if (!(null == payload ? void 0 : payload.length)) return null;
|
|
114
114
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
115
|
-
className: (0,
|
|
115
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex items-center justify-center gap-4", "top" === verticalAlign ? "pb-3" : "pt-3", className)
|
|
116
116
|
}, payload.map((item)=>{
|
|
117
117
|
const key = `${nameKey || item.dataKey || "value"}`;
|
|
118
118
|
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
119
119
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
120
120
|
key: item.value,
|
|
121
|
-
className: (0,
|
|
121
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3")
|
|
122
122
|
}, (null == itemConfig ? void 0 : itemConfig.icon) && !hideIcon ? /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(itemConfig.icon, null) : /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
123
123
|
className: "h-2 w-2 shrink-0 rounded-[2px]",
|
|
124
124
|
style: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
3
|
-
declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>):
|
|
3
|
+
declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element;
|
|
4
4
|
export { Checkbox };
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_checkbox_76684228__ from "@radix-ui/react-checkbox";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
6
6
|
function Checkbox({ className, ...props }) {
|
|
7
7
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_checkbox_76684228__.Root, {
|
|
8
8
|
"data-slot": "checkbox",
|
|
9
|
-
className: (0,
|
|
9
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
|
|
10
10
|
...props
|
|
11
11
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_checkbox_76684228__.Indicator, {
|
|
12
12
|
"data-slot": "checkbox-indicator",
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Command as CommandPrimitive } from "cmdk";
|
|
3
3
|
import { Dialog } from "./dialog";
|
|
4
|
-
declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>):
|
|
4
|
+
declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): JSX.Element;
|
|
5
5
|
declare function CommandDialog({ title, description, children, ...props }: React.ComponentProps<typeof Dialog> & {
|
|
6
6
|
title?: string;
|
|
7
7
|
description?: string;
|
|
8
|
-
}):
|
|
9
|
-
declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>):
|
|
10
|
-
declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>):
|
|
11
|
-
declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>):
|
|
12
|
-
declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>):
|
|
13
|
-
declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>):
|
|
14
|
-
declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>):
|
|
15
|
-
declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">):
|
|
8
|
+
}): JSX.Element;
|
|
9
|
+
declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): JSX.Element;
|
|
10
|
+
declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): JSX.Element;
|
|
11
|
+
declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): JSX.Element;
|
|
12
|
+
declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): JSX.Element;
|
|
13
|
+
declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): JSX.Element;
|
|
14
|
+
declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): JSX.Element;
|
|
15
|
+
declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): JSX.Element;
|
|
16
16
|
export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE_cmdk__ from "cmdk";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
6
6
|
import * as __WEBPACK_EXTERNAL_MODULE__dialog_js_d344ec77__ from "./dialog.js";
|
|
7
7
|
function Command({ className, ...props }) {
|
|
8
8
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command, {
|
|
9
9
|
"data-slot": "command",
|
|
10
|
-
className: (0,
|
|
10
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
|
|
11
11
|
...props
|
|
12
12
|
});
|
|
13
13
|
}
|
|
@@ -28,14 +28,14 @@ function CommandInput({ className, ...props }) {
|
|
|
28
28
|
className: "size-4 shrink-0 opacity-50"
|
|
29
29
|
}), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Input, {
|
|
30
30
|
"data-slot": "command-input",
|
|
31
|
-
className: (0,
|
|
31
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
|
|
32
32
|
...props
|
|
33
33
|
}));
|
|
34
34
|
}
|
|
35
35
|
function CommandList({ className, ...props }) {
|
|
36
36
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.List, {
|
|
37
37
|
"data-slot": "command-list",
|
|
38
|
-
className: (0,
|
|
38
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
|
|
39
39
|
...props
|
|
40
40
|
});
|
|
41
41
|
}
|
|
@@ -49,28 +49,28 @@ function CommandEmpty({ ...props }) {
|
|
|
49
49
|
function CommandGroup({ className, ...props }) {
|
|
50
50
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Group, {
|
|
51
51
|
"data-slot": "command-group",
|
|
52
|
-
className: (0,
|
|
52
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
|
|
53
53
|
...props
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
56
|
function CommandSeparator({ className, ...props }) {
|
|
57
57
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Separator, {
|
|
58
58
|
"data-slot": "command-separator",
|
|
59
|
-
className: (0,
|
|
59
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-border -mx-1 h-px", className),
|
|
60
60
|
...props
|
|
61
61
|
});
|
|
62
62
|
}
|
|
63
63
|
function CommandItem({ className, ...props }) {
|
|
64
64
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Item, {
|
|
65
65
|
"data-slot": "command-item",
|
|
66
|
-
className: (0,
|
|
66
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
67
67
|
...props
|
|
68
68
|
});
|
|
69
69
|
}
|
|
70
70
|
function CommandShortcut({ className, ...props }) {
|
|
71
71
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
72
72
|
"data-slot": "command-shortcut",
|
|
73
|
-
className: (0,
|
|
73
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground ml-auto text-xs tracking-widest", className),
|
|
74
74
|
...props
|
|
75
75
|
});
|
|
76
76
|
}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
|
|
3
|
-
declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>):
|
|
4
|
-
declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>):
|
|
5
|
-
declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>):
|
|
6
|
-
declare function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>):
|
|
7
|
-
declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>):
|
|
8
|
-
declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>):
|
|
3
|
+
declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): JSX.Element;
|
|
4
|
+
declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): JSX.Element;
|
|
5
|
+
declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>): JSX.Element;
|
|
6
|
+
declare function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): JSX.Element;
|
|
7
|
+
declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): JSX.Element;
|
|
8
|
+
declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): JSX.Element;
|
|
9
9
|
declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
|
|
10
10
|
inset?: boolean;
|
|
11
|
-
}):
|
|
12
|
-
declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>):
|
|
13
|
-
declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>):
|
|
11
|
+
}): JSX.Element;
|
|
12
|
+
declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): JSX.Element;
|
|
13
|
+
declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>): JSX.Element;
|
|
14
14
|
declare function ContextMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
|
|
15
15
|
inset?: boolean;
|
|
16
16
|
variant?: "default" | "destructive";
|
|
17
|
-
}):
|
|
18
|
-
declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>):
|
|
19
|
-
declare function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>):
|
|
17
|
+
}): JSX.Element;
|
|
18
|
+
declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): JSX.Element;
|
|
19
|
+
declare function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): JSX.Element;
|
|
20
20
|
declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
|
|
21
21
|
inset?: boolean;
|
|
22
|
-
}):
|
|
23
|
-
declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>):
|
|
24
|
-
declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">):
|
|
22
|
+
}): JSX.Element;
|
|
23
|
+
declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): JSX.Element;
|
|
24
|
+
declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): JSX.Element;
|
|
25
25
|
export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__ from "@radix-ui/react-context-menu";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
6
6
|
function ContextMenu({ ...props }) {
|
|
7
7
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Root, {
|
|
8
8
|
"data-slot": "context-menu",
|
|
@@ -43,7 +43,7 @@ function ContextMenuSubTrigger({ className, inset, children, ...props }) {
|
|
|
43
43
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.SubTrigger, {
|
|
44
44
|
"data-slot": "context-menu-sub-trigger",
|
|
45
45
|
"data-inset": inset,
|
|
46
|
-
className: (0,
|
|
46
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
47
47
|
...props
|
|
48
48
|
}, children, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronRightIcon, {
|
|
49
49
|
className: "ml-auto"
|
|
@@ -52,14 +52,14 @@ function ContextMenuSubTrigger({ className, inset, children, ...props }) {
|
|
|
52
52
|
function ContextMenuSubContent({ className, ...props }) {
|
|
53
53
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.SubContent, {
|
|
54
54
|
"data-slot": "context-menu-sub-content",
|
|
55
|
-
className: (0,
|
|
55
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
|
|
56
56
|
...props
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
59
|
function ContextMenuContent({ className, ...props }) {
|
|
60
60
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Portal, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Content, {
|
|
61
61
|
"data-slot": "context-menu-content",
|
|
62
|
-
className: (0,
|
|
62
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
|
|
63
63
|
...props
|
|
64
64
|
}));
|
|
65
65
|
}
|
|
@@ -68,14 +68,14 @@ function ContextMenuItem({ className, inset, variant = "default", ...props }) {
|
|
|
68
68
|
"data-slot": "context-menu-item",
|
|
69
69
|
"data-inset": inset,
|
|
70
70
|
"data-variant": variant,
|
|
71
|
-
className: (0,
|
|
71
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
72
72
|
...props
|
|
73
73
|
});
|
|
74
74
|
}
|
|
75
75
|
function ContextMenuCheckboxItem({ className, children, checked, ...props }) {
|
|
76
76
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.CheckboxItem, {
|
|
77
77
|
"data-slot": "context-menu-checkbox-item",
|
|
78
|
-
className: (0,
|
|
78
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
79
79
|
checked: checked,
|
|
80
80
|
...props
|
|
81
81
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
@@ -87,7 +87,7 @@ function ContextMenuCheckboxItem({ className, children, checked, ...props }) {
|
|
|
87
87
|
function ContextMenuRadioItem({ className, children, ...props }) {
|
|
88
88
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.RadioItem, {
|
|
89
89
|
"data-slot": "context-menu-radio-item",
|
|
90
|
-
className: (0,
|
|
90
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
91
91
|
...props
|
|
92
92
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
93
93
|
className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
|
|
@@ -99,21 +99,21 @@ function ContextMenuLabel({ className, inset, ...props }) {
|
|
|
99
99
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Label, {
|
|
100
100
|
"data-slot": "context-menu-label",
|
|
101
101
|
"data-inset": inset,
|
|
102
|
-
className: (0,
|
|
102
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
|
|
103
103
|
...props
|
|
104
104
|
});
|
|
105
105
|
}
|
|
106
106
|
function ContextMenuSeparator({ className, ...props }) {
|
|
107
107
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Separator, {
|
|
108
108
|
"data-slot": "context-menu-separator",
|
|
109
|
-
className: (0,
|
|
109
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-border -mx-1 my-1 h-px", className),
|
|
110
110
|
...props
|
|
111
111
|
});
|
|
112
112
|
}
|
|
113
113
|
function ContextMenuShortcut({ className, ...props }) {
|
|
114
114
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
115
115
|
"data-slot": "context-menu-shortcut",
|
|
116
|
-
className: (0,
|
|
116
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground ml-auto text-xs tracking-widest", className),
|
|
117
117
|
...props
|
|
118
118
|
});
|
|
119
119
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
3
|
-
declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>):
|
|
4
|
-
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>):
|
|
5
|
-
declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>):
|
|
6
|
-
declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>):
|
|
7
|
-
declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>):
|
|
8
|
-
declare function DialogContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>):
|
|
9
|
-
declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">):
|
|
10
|
-
declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">):
|
|
11
|
-
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>):
|
|
12
|
-
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>):
|
|
3
|
+
declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
|
|
4
|
+
declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
|
|
5
|
+
declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): JSX.Element;
|
|
6
|
+
declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
|
|
7
|
+
declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): JSX.Element;
|
|
8
|
+
declare function DialogContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): JSX.Element;
|
|
9
|
+
declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
|
|
10
|
+
declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
|
|
11
|
+
declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
|
|
12
|
+
declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
|
|
13
13
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__ from "@radix-ui/react-dialog";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
6
6
|
function Dialog({ ...props }) {
|
|
7
7
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Root, {
|
|
8
8
|
"data-slot": "dialog",
|
|
@@ -30,7 +30,7 @@ function DialogClose({ ...props }) {
|
|
|
30
30
|
function DialogOverlay({ className, ...props }) {
|
|
31
31
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Overlay, {
|
|
32
32
|
"data-slot": "dialog-overlay",
|
|
33
|
-
className: (0,
|
|
33
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
|
|
34
34
|
...props
|
|
35
35
|
});
|
|
36
36
|
}
|
|
@@ -39,7 +39,7 @@ function DialogContent({ className, children, ...props }) {
|
|
|
39
39
|
"data-slot": "dialog-portal"
|
|
40
40
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(DialogOverlay, null), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Content, {
|
|
41
41
|
"data-slot": "dialog-content",
|
|
42
|
-
className: (0,
|
|
42
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
|
|
43
43
|
...props
|
|
44
44
|
}, children, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Close, {
|
|
45
45
|
className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
|
|
@@ -50,28 +50,28 @@ function DialogContent({ className, children, ...props }) {
|
|
|
50
50
|
function DialogHeader({ className, ...props }) {
|
|
51
51
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
52
52
|
"data-slot": "dialog-header",
|
|
53
|
-
className: (0,
|
|
53
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-col gap-2 text-center sm:text-left", className),
|
|
54
54
|
...props
|
|
55
55
|
});
|
|
56
56
|
}
|
|
57
57
|
function DialogFooter({ className, ...props }) {
|
|
58
58
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
59
59
|
"data-slot": "dialog-footer",
|
|
60
|
-
className: (0,
|
|
60
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
|
|
61
61
|
...props
|
|
62
62
|
});
|
|
63
63
|
}
|
|
64
64
|
function DialogTitle({ className, ...props }) {
|
|
65
65
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Title, {
|
|
66
66
|
"data-slot": "dialog-title",
|
|
67
|
-
className: (0,
|
|
67
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-lg leading-none font-semibold", className),
|
|
68
68
|
...props
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
71
|
function DialogDescription({ className, ...props }) {
|
|
72
72
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Description, {
|
|
73
73
|
"data-slot": "dialog-description",
|
|
74
|
-
className: (0,
|
|
74
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground text-sm", className),
|
|
75
75
|
...props
|
|
76
76
|
});
|
|
77
77
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Drawer as DrawerPrimitive } from "vaul";
|
|
3
|
-
declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>):
|
|
4
|
-
declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>):
|
|
5
|
-
declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>):
|
|
6
|
-
declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>):
|
|
7
|
-
declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>):
|
|
8
|
-
declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>):
|
|
9
|
-
declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">):
|
|
10
|
-
declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">):
|
|
11
|
-
declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>):
|
|
12
|
-
declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>):
|
|
3
|
+
declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): JSX.Element;
|
|
4
|
+
declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): JSX.Element;
|
|
5
|
+
declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): JSX.Element;
|
|
6
|
+
declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): JSX.Element;
|
|
7
|
+
declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): JSX.Element;
|
|
8
|
+
declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): JSX.Element;
|
|
9
|
+
declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
|
|
10
|
+
declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
|
|
11
|
+
declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): JSX.Element;
|
|
12
|
+
declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): JSX.Element;
|
|
13
13
|
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
|