@esmate/shadcn 0.0.5 → 1.0.0

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.
Files changed (103) hide show
  1. package/README.md +230 -0
  2. package/package.json +18 -9
  3. package/dist/hooks/use-mobile.d.ts +0 -1
  4. package/dist/hooks/use-mobile.js +0 -16
  5. package/dist/hooks/use-zod-form.d.ts +0 -8
  6. package/dist/hooks/use-zod-form.js +0 -10
  7. package/dist/lib/hook-form/react.d.ts +0 -1
  8. package/dist/lib/hook-form/react.js +0 -1
  9. package/dist/lib/hook-form/resolvers.d.ts +0 -1
  10. package/dist/lib/hook-form/resolvers.js +0 -1
  11. package/dist/lib/utils.d.ts +0 -2
  12. package/dist/lib/utils.js +0 -6
  13. package/dist/lib/zod.d.ts +0 -1
  14. package/dist/lib/zod.js +0 -1
  15. package/dist/styles/minimal.css +0 -1
  16. package/dist/styles/new-york.css +0 -122
  17. package/dist/ui/accordion.d.ts +0 -7
  18. package/dist/ui/accordion.js +0 -39
  19. package/dist/ui/alert-dialog.d.ts +0 -14
  20. package/dist/ui/alert-dialog.js +0 -80
  21. package/dist/ui/alert.d.ts +0 -9
  22. package/dist/ui/alert.js +0 -39
  23. package/dist/ui/aspect-ratio.js +0 -9
  24. package/dist/ui/avatar.d.ts +0 -6
  25. package/dist/ui/avatar.js +0 -26
  26. package/dist/ui/badge.d.ts +0 -9
  27. package/dist/ui/badge.js +0 -28
  28. package/dist/ui/breadcrumb.d.ts +0 -11
  29. package/dist/ui/breadcrumb.js +0 -66
  30. package/dist/ui/button.d.ts +0 -10
  31. package/dist/ui/button.js +0 -39
  32. package/dist/ui/calendar.d.ts +0 -4
  33. package/dist/ui/calendar.js +0 -53
  34. package/dist/ui/card.d.ts +0 -9
  35. package/dist/ui/card.js +0 -52
  36. package/dist/ui/carousel.d.ts +0 -19
  37. package/dist/ui/carousel.js +0 -135
  38. package/dist/ui/chart.d.ts +0 -40
  39. package/dist/ui/chart.js +0 -138
  40. package/dist/ui/checkbox.d.ts +0 -4
  41. package/dist/ui/checkbox.js +0 -18
  42. package/dist/ui/collapsible.js +0 -21
  43. package/dist/ui/command.d.ts +0 -16
  44. package/dist/ui/command.js +0 -77
  45. package/dist/ui/context-menu.d.ts +0 -25
  46. package/dist/ui/context-menu.js +0 -120
  47. package/dist/ui/dialog.d.ts +0 -13
  48. package/dist/ui/dialog.js +0 -78
  49. package/dist/ui/drawer.d.ts +0 -13
  50. package/dist/ui/drawer.js +0 -75
  51. package/dist/ui/dropdown-menu.d.ts +0 -25
  52. package/dist/ui/dropdown-menu.js +0 -121
  53. package/dist/ui/form.js +0 -86
  54. package/dist/ui/hover-card.d.ts +0 -6
  55. package/dist/ui/hover-card.js +0 -28
  56. package/dist/ui/input-otp.d.ts +0 -11
  57. package/dist/ui/input-otp.js +0 -42
  58. package/dist/ui/input.d.ts +0 -3
  59. package/dist/ui/input.js +0 -11
  60. package/dist/ui/label.d.ts +0 -4
  61. package/dist/ui/label.js +0 -12
  62. package/dist/ui/menubar.d.ts +0 -26
  63. package/dist/ui/menubar.js +0 -131
  64. package/dist/ui/navigation-menu.d.ts +0 -14
  65. package/dist/ui/navigation-menu.js +0 -71
  66. package/dist/ui/pagination.d.ts +0 -13
  67. package/dist/ui/pagination.js +0 -71
  68. package/dist/ui/popover.d.ts +0 -7
  69. package/dist/ui/popover.js +0 -32
  70. package/dist/ui/progress.d.ts +0 -4
  71. package/dist/ui/progress.js +0 -18
  72. package/dist/ui/radio-group.d.ts +0 -5
  73. package/dist/ui/radio-group.js +0 -25
  74. package/dist/ui/resizable.d.ts +0 -8
  75. package/dist/ui/resizable.js +0 -30
  76. package/dist/ui/scroll-area.d.ts +0 -5
  77. package/dist/ui/scroll-area.js +0 -26
  78. package/dist/ui/select.d.ts +0 -15
  79. package/dist/ui/select.js +0 -89
  80. package/dist/ui/separator.d.ts +0 -4
  81. package/dist/ui/separator.js +0 -14
  82. package/dist/ui/sheet.d.ts +0 -13
  83. package/dist/ui/sheet.js +0 -78
  84. package/dist/ui/sidebar.d.ts +0 -60
  85. package/dist/ui/sidebar.js +0 -368
  86. package/dist/ui/skeleton.js +0 -9
  87. package/dist/ui/slider.d.ts +0 -4
  88. package/dist/ui/slider.js +0 -37
  89. package/dist/ui/sonner.js +0 -17
  90. package/dist/ui/switch.d.ts +0 -4
  91. package/dist/ui/switch.js +0 -15
  92. package/dist/ui/table.d.ts +0 -10
  93. package/dist/ui/table.js +0 -63
  94. package/dist/ui/tabs.d.ts +0 -7
  95. package/dist/ui/tabs.js +0 -33
  96. package/dist/ui/textarea.d.ts +0 -3
  97. package/dist/ui/textarea.js +0 -10
  98. package/dist/ui/toggle-group.d.ts +0 -7
  99. package/dist/ui/toggle-group.js +0 -37
  100. package/dist/ui/toggle.d.ts +0 -9
  101. package/dist/ui/toggle.js +0 -34
  102. package/dist/ui/tooltip.d.ts +0 -7
  103. package/dist/ui/tooltip.js +0 -34
package/dist/ui/chart.js DELETED
@@ -1,138 +0,0 @@
1
- "use client"
2
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
- import * as __WEBPACK_EXTERNAL_MODULE_recharts__ from "recharts";
4
- import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
5
- const THEMES = {
6
- light: "",
7
- dark: ".dark"
8
- };
9
- const ChartContext = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createContext(null);
10
- function useChart() {
11
- const context = __WEBPACK_EXTERNAL_MODULE_react__.useContext(ChartContext);
12
- if (!context) throw new Error("useChart must be used within a <ChartContainer />");
13
- return context;
14
- }
15
- function ChartContainer({ id, className, children, config, ...props }) {
16
- const uniqueId = __WEBPACK_EXTERNAL_MODULE_react__.useId();
17
- const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
18
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(ChartContext.Provider, {
19
- value: {
20
- config
21
- }
22
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
23
- "data-slot": "chart",
24
- "data-chart": chartId,
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
- ...props
27
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(ChartStyle, {
28
- id: chartId,
29
- config: config
30
- }), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_recharts__.ResponsiveContainer, null, children)));
31
- }
32
- const ChartStyle = ({ id, config })=>{
33
- const colorConfig = Object.entries(config).filter(([, config])=>config.theme || config.color);
34
- if (!colorConfig.length) return null;
35
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("style", {
36
- dangerouslySetInnerHTML: {
37
- __html: Object.entries(THEMES).map(([theme, prefix])=>`
38
- ${prefix} [data-chart=${id}] {
39
- ${colorConfig.map(([key, itemConfig])=>{
40
- var _itemConfig_theme;
41
- const color = (null == (_itemConfig_theme = itemConfig.theme) ? void 0 : _itemConfig_theme[theme]) || itemConfig.color;
42
- return color ? ` --color-${key}: ${color};` : null;
43
- }).join("\n")}
44
- }
45
- `).join("\n")
46
- }
47
- });
48
- };
49
- const ChartTooltip = __WEBPACK_EXTERNAL_MODULE_recharts__.Tooltip;
50
- function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey }) {
51
- const { config } = useChart();
52
- const tooltipLabel = __WEBPACK_EXTERNAL_MODULE_react__.useMemo(()=>{
53
- var _config_label;
54
- if (hideLabel || !(null == payload ? void 0 : payload.length)) return null;
55
- const [item] = payload;
56
- const key = `${labelKey || (null == item ? void 0 : item.dataKey) || (null == item ? void 0 : item.name) || "value"}`;
57
- const itemConfig = getPayloadConfigFromPayload(config, item, key);
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
- if (labelFormatter) return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
60
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("font-medium", labelClassName)
61
- }, labelFormatter(value, payload));
62
- if (!value) return null;
63
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
64
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("font-medium", labelClassName)
65
- }, value);
66
- }, [
67
- label,
68
- labelFormatter,
69
- payload,
70
- hideLabel,
71
- labelClassName,
72
- config,
73
- labelKey
74
- ]);
75
- if (!active || !(null == payload ? void 0 : payload.length)) return null;
76
- const nestLabel = 1 === payload.length && "dot" !== indicator;
77
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
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
- }, nestLabel ? null : tooltipLabel, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
80
- className: "grid gap-1.5"
81
- }, payload.map((item, index)=>{
82
- const key = `${nameKey || item.name || item.dataKey || "value"}`;
83
- const itemConfig = getPayloadConfigFromPayload(config, item, key);
84
- const indicatorColor = color || item.payload.fill || item.color;
85
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
86
- key: item.dataKey,
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
- }, 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, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
90
- "h-2.5 w-2.5": "dot" === indicator,
91
- "w-1": "line" === indicator,
92
- "w-0 border-[1.5px] border-dashed bg-transparent": "dashed" === indicator,
93
- "my-0.5": nestLabel && "dashed" === indicator
94
- }),
95
- style: {
96
- "--color-bg": indicatorColor,
97
- "--color-border": indicatorColor
98
- }
99
- }), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
100
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center")
101
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
102
- className: "grid gap-1.5"
103
- }, nestLabel ? tooltipLabel : null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
104
- className: "text-muted-foreground"
105
- }, (null == itemConfig ? void 0 : itemConfig.label) || item.name)), item.value && /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
106
- className: "text-foreground font-mono font-medium tabular-nums"
107
- }, item.value.toLocaleString()))));
108
- })));
109
- }
110
- const ChartLegend = __WEBPACK_EXTERNAL_MODULE_recharts__.Legend;
111
- function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }) {
112
- const { config } = useChart();
113
- if (!(null == payload ? void 0 : payload.length)) return null;
114
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
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
- }, payload.map((item)=>{
117
- const key = `${nameKey || item.dataKey || "value"}`;
118
- const itemConfig = getPayloadConfigFromPayload(config, item, key);
119
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
120
- key: item.value,
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
- }, (null == itemConfig ? void 0 : itemConfig.icon) && !hideIcon ? /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(itemConfig.icon, null) : /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
123
- className: "h-2 w-2 shrink-0 rounded-[2px]",
124
- style: {
125
- backgroundColor: item.color
126
- }
127
- }), null == itemConfig ? void 0 : itemConfig.label);
128
- }));
129
- }
130
- function getPayloadConfigFromPayload(config, payload, key) {
131
- if ("object" != typeof payload || null === payload) return;
132
- const payloadPayload = "payload" in payload && "object" == typeof payload.payload && null !== payload.payload ? payload.payload : void 0;
133
- let configLabelKey = key;
134
- if (key in payload && "string" == typeof payload[key]) configLabelKey = payload[key];
135
- else if (payloadPayload && key in payloadPayload && "string" == typeof payloadPayload[key]) configLabelKey = payloadPayload[key];
136
- return configLabelKey in config ? config[configLabelKey] : config[key];
137
- }
138
- export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
@@ -1,4 +0,0 @@
1
- import * as React from "react";
2
- import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
3
- declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): JSX.Element;
4
- export { Checkbox };
@@ -1,18 +0,0 @@
1
- "use client"
2
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
- import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_checkbox_76684228__ from "@radix-ui/react-checkbox";
4
- import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
5
- import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
6
- function Checkbox({ className, ...props }) {
7
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_checkbox_76684228__.Root, {
8
- "data-slot": "checkbox",
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
- ...props
11
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_checkbox_76684228__.Indicator, {
12
- "data-slot": "checkbox-indicator",
13
- className: "flex items-center justify-center text-current transition-none"
14
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.CheckIcon, {
15
- className: "size-3.5"
16
- })));
17
- }
18
- export { Checkbox };
@@ -1,21 +0,0 @@
1
- "use client"
2
- import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_collapsible_4615ddd5__ from "@radix-ui/react-collapsible";
3
- function Collapsible({ ...props }) {
4
- return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_collapsible_4615ddd5__.Root, {
5
- "data-slot": "collapsible",
6
- ...props
7
- });
8
- }
9
- function CollapsibleTrigger({ ...props }) {
10
- return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_collapsible_4615ddd5__.CollapsibleTrigger, {
11
- "data-slot": "collapsible-trigger",
12
- ...props
13
- });
14
- }
15
- function CollapsibleContent({ ...props }) {
16
- return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_collapsible_4615ddd5__.CollapsibleContent, {
17
- "data-slot": "collapsible-content",
18
- ...props
19
- });
20
- }
21
- export { Collapsible, CollapsibleContent, CollapsibleTrigger };
@@ -1,16 +0,0 @@
1
- import * as React from "react";
2
- import { Command as CommandPrimitive } from "cmdk";
3
- import { Dialog } from "./dialog";
4
- declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): JSX.Element;
5
- declare function CommandDialog({ title, description, children, ...props }: React.ComponentProps<typeof Dialog> & {
6
- title?: string;
7
- description?: string;
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
- export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
@@ -1,77 +0,0 @@
1
- "use client"
2
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
- import * as __WEBPACK_EXTERNAL_MODULE_cmdk__ from "cmdk";
4
- import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
5
- import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
6
- import * as __WEBPACK_EXTERNAL_MODULE__dialog_js_d344ec77__ from "./dialog.js";
7
- function Command({ className, ...props }) {
8
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command, {
9
- "data-slot": "command",
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
- ...props
12
- });
13
- }
14
- function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, ...props }) {
15
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__dialog_js_d344ec77__.Dialog, props, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__dialog_js_d344ec77__.DialogHeader, {
16
- className: "sr-only"
17
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__dialog_js_d344ec77__.DialogTitle, null, title), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__dialog_js_d344ec77__.DialogDescription, null, description)), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__dialog_js_d344ec77__.DialogContent, {
18
- className: "overflow-hidden p-0"
19
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(Command, {
20
- className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"
21
- }, children)));
22
- }
23
- function CommandInput({ className, ...props }) {
24
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
25
- "data-slot": "command-input-wrapper",
26
- className: "flex h-9 items-center gap-2 border-b px-3"
27
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.SearchIcon, {
28
- className: "size-4 shrink-0 opacity-50"
29
- }), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Input, {
30
- "data-slot": "command-input",
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
- ...props
33
- }));
34
- }
35
- function CommandList({ className, ...props }) {
36
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.List, {
37
- "data-slot": "command-list",
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
- ...props
40
- });
41
- }
42
- function CommandEmpty({ ...props }) {
43
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Empty, {
44
- "data-slot": "command-empty",
45
- className: "py-6 text-center text-sm",
46
- ...props
47
- });
48
- }
49
- function CommandGroup({ className, ...props }) {
50
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Group, {
51
- "data-slot": "command-group",
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
- ...props
54
- });
55
- }
56
- function CommandSeparator({ className, ...props }) {
57
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Separator, {
58
- "data-slot": "command-separator",
59
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-border -mx-1 h-px", className),
60
- ...props
61
- });
62
- }
63
- function CommandItem({ className, ...props }) {
64
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_cmdk__.Command.Item, {
65
- "data-slot": "command-item",
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
- ...props
68
- });
69
- }
70
- function CommandShortcut({ className, ...props }) {
71
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
72
- "data-slot": "command-shortcut",
73
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground ml-auto text-xs tracking-widest", className),
74
- ...props
75
- });
76
- }
77
- export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
@@ -1,25 +0,0 @@
1
- import * as React from "react";
2
- import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
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
- declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
10
- inset?: boolean;
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
- declare function ContextMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
15
- inset?: boolean;
16
- variant?: "default" | "destructive";
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
- declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
21
- inset?: boolean;
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
- export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
@@ -1,120 +0,0 @@
1
- "use client"
2
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
- import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__ from "@radix-ui/react-context-menu";
4
- import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
5
- import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
6
- function ContextMenu({ ...props }) {
7
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Root, {
8
- "data-slot": "context-menu",
9
- ...props
10
- });
11
- }
12
- function ContextMenuTrigger({ ...props }) {
13
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Trigger, {
14
- "data-slot": "context-menu-trigger",
15
- ...props
16
- });
17
- }
18
- function ContextMenuGroup({ ...props }) {
19
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Group, {
20
- "data-slot": "context-menu-group",
21
- ...props
22
- });
23
- }
24
- function ContextMenuPortal({ ...props }) {
25
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Portal, {
26
- "data-slot": "context-menu-portal",
27
- ...props
28
- });
29
- }
30
- function ContextMenuSub({ ...props }) {
31
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Sub, {
32
- "data-slot": "context-menu-sub",
33
- ...props
34
- });
35
- }
36
- function ContextMenuRadioGroup({ ...props }) {
37
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.RadioGroup, {
38
- "data-slot": "context-menu-radio-group",
39
- ...props
40
- });
41
- }
42
- function ContextMenuSubTrigger({ className, inset, children, ...props }) {
43
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.SubTrigger, {
44
- "data-slot": "context-menu-sub-trigger",
45
- "data-inset": inset,
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
- ...props
48
- }, children, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronRightIcon, {
49
- className: "ml-auto"
50
- }));
51
- }
52
- function ContextMenuSubContent({ className, ...props }) {
53
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.SubContent, {
54
- "data-slot": "context-menu-sub-content",
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
- ...props
57
- });
58
- }
59
- function ContextMenuContent({ className, ...props }) {
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
- "data-slot": "context-menu-content",
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
- ...props
64
- }));
65
- }
66
- function ContextMenuItem({ className, inset, variant = "default", ...props }) {
67
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Item, {
68
- "data-slot": "context-menu-item",
69
- "data-inset": inset,
70
- "data-variant": variant,
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
- ...props
73
- });
74
- }
75
- function ContextMenuCheckboxItem({ className, children, checked, ...props }) {
76
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.CheckboxItem, {
77
- "data-slot": "context-menu-checkbox-item",
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
- checked: checked,
80
- ...props
81
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
82
- className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
83
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.ItemIndicator, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.CheckIcon, {
84
- className: "size-4"
85
- }))), children);
86
- }
87
- function ContextMenuRadioItem({ className, children, ...props }) {
88
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.RadioItem, {
89
- "data-slot": "context-menu-radio-item",
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
- ...props
92
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
93
- className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
94
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.ItemIndicator, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.CircleIcon, {
95
- className: "size-2 fill-current"
96
- }))), children);
97
- }
98
- function ContextMenuLabel({ className, inset, ...props }) {
99
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Label, {
100
- "data-slot": "context-menu-label",
101
- "data-inset": inset,
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
- ...props
104
- });
105
- }
106
- function ContextMenuSeparator({ className, ...props }) {
107
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_context_menu_293d36e3__.Separator, {
108
- "data-slot": "context-menu-separator",
109
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-border -mx-1 my-1 h-px", className),
110
- ...props
111
- });
112
- }
113
- function ContextMenuShortcut({ className, ...props }) {
114
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
115
- "data-slot": "context-menu-shortcut",
116
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground ml-auto text-xs tracking-widest", className),
117
- ...props
118
- });
119
- }
120
- export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
@@ -1,13 +0,0 @@
1
- import * as React from "react";
2
- import * as DialogPrimitive from "@radix-ui/react-dialog";
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
- export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
package/dist/ui/dialog.js DELETED
@@ -1,78 +0,0 @@
1
- "use client"
2
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
- import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__ from "@radix-ui/react-dialog";
4
- import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
5
- import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
6
- function Dialog({ ...props }) {
7
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Root, {
8
- "data-slot": "dialog",
9
- ...props
10
- });
11
- }
12
- function DialogTrigger({ ...props }) {
13
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Trigger, {
14
- "data-slot": "dialog-trigger",
15
- ...props
16
- });
17
- }
18
- function DialogPortal({ ...props }) {
19
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Portal, {
20
- "data-slot": "dialog-portal",
21
- ...props
22
- });
23
- }
24
- function DialogClose({ ...props }) {
25
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Close, {
26
- "data-slot": "dialog-close",
27
- ...props
28
- });
29
- }
30
- function DialogOverlay({ className, ...props }) {
31
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Overlay, {
32
- "data-slot": "dialog-overlay",
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
- ...props
35
- });
36
- }
37
- function DialogContent({ className, children, ...props }) {
38
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(DialogPortal, {
39
- "data-slot": "dialog-portal"
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
- "data-slot": "dialog-content",
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
- ...props
44
- }, children, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Close, {
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"
46
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.XIcon, null), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
47
- className: "sr-only"
48
- }, "Close"))));
49
- }
50
- function DialogHeader({ className, ...props }) {
51
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
52
- "data-slot": "dialog-header",
53
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-col gap-2 text-center sm:text-left", className),
54
- ...props
55
- });
56
- }
57
- function DialogFooter({ className, ...props }) {
58
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
59
- "data-slot": "dialog-footer",
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
- ...props
62
- });
63
- }
64
- function DialogTitle({ className, ...props }) {
65
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Title, {
66
- "data-slot": "dialog-title",
67
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-lg leading-none font-semibold", className),
68
- ...props
69
- });
70
- }
71
- function DialogDescription({ className, ...props }) {
72
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_dialog_6b867f3d__.Description, {
73
- "data-slot": "dialog-description",
74
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground text-sm", className),
75
- ...props
76
- });
77
- }
78
- export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
@@ -1,13 +0,0 @@
1
- import * as React from "react";
2
- import { Drawer as DrawerPrimitive } from "vaul";
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
- export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
package/dist/ui/drawer.js DELETED
@@ -1,75 +0,0 @@
1
- "use client"
2
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
- import * as __WEBPACK_EXTERNAL_MODULE_vaul__ from "vaul";
4
- import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
5
- function Drawer({ ...props }) {
6
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_vaul__.Drawer.Root, {
7
- "data-slot": "drawer",
8
- ...props
9
- });
10
- }
11
- function DrawerTrigger({ ...props }) {
12
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_vaul__.Drawer.Trigger, {
13
- "data-slot": "drawer-trigger",
14
- ...props
15
- });
16
- }
17
- function DrawerPortal({ ...props }) {
18
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_vaul__.Drawer.Portal, {
19
- "data-slot": "drawer-portal",
20
- ...props
21
- });
22
- }
23
- function DrawerClose({ ...props }) {
24
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_vaul__.Drawer.Close, {
25
- "data-slot": "drawer-close",
26
- ...props
27
- });
28
- }
29
- function DrawerOverlay({ className, ...props }) {
30
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_vaul__.Drawer.Overlay, {
31
- "data-slot": "drawer-overlay",
32
- 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),
33
- ...props
34
- });
35
- }
36
- function DrawerContent({ className, children, ...props }) {
37
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(DrawerPortal, {
38
- "data-slot": "drawer-portal"
39
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(DrawerOverlay, null), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_vaul__.Drawer.Content, {
40
- "data-slot": "drawer-content",
41
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className),
42
- ...props
43
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
44
- className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
45
- }), children));
46
- }
47
- function DrawerHeader({ className, ...props }) {
48
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
49
- "data-slot": "drawer-header",
50
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-col gap-1.5 p-4", className),
51
- ...props
52
- });
53
- }
54
- function DrawerFooter({ className, ...props }) {
55
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
56
- "data-slot": "drawer-footer",
57
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("mt-auto flex flex-col gap-2 p-4", className),
58
- ...props
59
- });
60
- }
61
- function DrawerTitle({ className, ...props }) {
62
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_vaul__.Drawer.Title, {
63
- "data-slot": "drawer-title",
64
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-foreground font-semibold", className),
65
- ...props
66
- });
67
- }
68
- function DrawerDescription({ className, ...props }) {
69
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_vaul__.Drawer.Description, {
70
- "data-slot": "drawer-description",
71
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground text-sm", className),
72
- ...props
73
- });
74
- }
75
- export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };