@esmate/shadcn 0.0.1 → 0.0.3
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.js +5 -5
- package/dist/{components/ui → ui}/alert-dialog.js +9 -9
- package/dist/{components/ui → ui}/alert.js +7 -7
- package/dist/{components/ui → ui}/avatar.js +4 -4
- package/dist/ui/badge.js +28 -0
- package/dist/{components/ui → ui}/breadcrumb.js +7 -7
- package/dist/ui/button.js +39 -0
- package/dist/ui/calendar.js +53 -0
- package/dist/{components/ui → ui}/card.js +8 -8
- package/dist/{components/ui → ui}/carousel.js +6 -6
- package/dist/{components/ui → ui}/chart.js +12 -12
- package/dist/ui/checkbox.js +18 -0
- package/dist/{components/ui → ui}/command.js +9 -9
- package/dist/{components/ui → ui}/context-menu.js +10 -10
- package/dist/{components/ui → ui}/dialog.js +8 -8
- package/dist/{components/ui → ui}/drawer.js +8 -8
- 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.js +2 -2
- package/dist/{components/ui → ui}/input-otp.js +6 -6
- package/dist/ui/input.js +11 -0
- package/dist/{components/ui → ui}/label.js +2 -2
- package/dist/{components/ui → ui}/menubar.js +12 -12
- package/dist/{components/ui → ui}/navigation-menu.js +13 -13
- package/dist/{components/ui → ui}/pagination.js +7 -7
- package/dist/{components/ui → ui}/popover.js +2 -2
- package/dist/{components/ui → ui}/progress.js +3 -3
- package/dist/{components/ui → ui}/radio-group.js +3 -3
- package/dist/{components/ui → ui}/resizable.js +4 -4
- package/dist/{components/ui → ui}/scroll-area.js +5 -5
- package/dist/{components/ui → ui}/select.js +9 -9
- package/dist/{components/ui → ui}/separator.js +2 -2
- package/dist/{components/ui → ui}/sheet.js +8 -8
- package/dist/{components/ui → ui}/sidebar.js +29 -29
- package/dist/ui/skeleton.js +9 -0
- package/dist/{components/ui → ui}/slider.js +5 -5
- package/dist/ui/switch.js +15 -0
- package/dist/{components/ui → ui}/table.js +9 -9
- package/dist/ui/tabs.js +33 -0
- package/dist/ui/textarea.js +10 -0
- package/dist/{components/ui → ui}/toggle-group.js +3 -3
- package/dist/ui/toggle.js +34 -0
- package/dist/{components/ui → ui}/tooltip.js +3 -3
- package/package.json +17 -17
- package/dist/components/ui/badge.js +0 -28
- package/dist/components/ui/button.js +0 -39
- package/dist/components/ui/calendar.js +0 -53
- package/dist/components/ui/checkbox.js +0 -18
- package/dist/components/ui/input.js +0 -11
- package/dist/components/ui/skeleton.js +0 -9
- package/dist/components/ui/switch.js +0 -15
- package/dist/components/ui/tabs.js +0 -33
- package/dist/components/ui/textarea.js +0 -10
- package/dist/components/ui/toggle.js +0 -34
- 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}/accordion.d.ts +0 -0
- /package/dist/{components/ui → ui}/alert-dialog.d.ts +0 -0
- /package/dist/{components/ui → ui}/alert.d.ts +0 -0
- /package/dist/{components/ui → ui}/aspect-ratio.d.ts +0 -0
- /package/dist/{components/ui → ui}/aspect-ratio.js +0 -0
- /package/dist/{components/ui → ui}/avatar.d.ts +0 -0
- /package/dist/{components/ui → ui}/badge.d.ts +0 -0
- /package/dist/{components/ui → ui}/breadcrumb.d.ts +0 -0
- /package/dist/{components/ui → ui}/button.d.ts +0 -0
- /package/dist/{components/ui → ui}/calendar.d.ts +0 -0
- /package/dist/{components/ui → ui}/card.d.ts +0 -0
- /package/dist/{components/ui → ui}/carousel.d.ts +0 -0
- /package/dist/{components/ui → ui}/chart.d.ts +0 -0
- /package/dist/{components/ui → ui}/checkbox.d.ts +0 -0
- /package/dist/{components/ui → ui}/collapsible.d.ts +0 -0
- /package/dist/{components/ui → ui}/collapsible.js +0 -0
- /package/dist/{components/ui → ui}/command.d.ts +0 -0
- /package/dist/{components/ui → ui}/context-menu.d.ts +0 -0
- /package/dist/{components/ui → ui}/dialog.d.ts +0 -0
- /package/dist/{components/ui → ui}/drawer.d.ts +0 -0
- /package/dist/{components/ui → ui}/dropdown-menu.d.ts +0 -0
- /package/dist/{components/ui → ui}/form.d.ts +0 -0
- /package/dist/{components/ui → ui}/hover-card.d.ts +0 -0
- /package/dist/{components/ui → ui}/input-otp.d.ts +0 -0
- /package/dist/{components/ui → ui}/input.d.ts +0 -0
- /package/dist/{components/ui → ui}/label.d.ts +0 -0
- /package/dist/{components/ui → ui}/menubar.d.ts +0 -0
- /package/dist/{components/ui → ui}/navigation-menu.d.ts +0 -0
- /package/dist/{components/ui → ui}/pagination.d.ts +0 -0
- /package/dist/{components/ui → ui}/popover.d.ts +0 -0
- /package/dist/{components/ui → ui}/progress.d.ts +0 -0
- /package/dist/{components/ui → ui}/radio-group.d.ts +0 -0
- /package/dist/{components/ui → ui}/resizable.d.ts +0 -0
- /package/dist/{components/ui → ui}/scroll-area.d.ts +0 -0
- /package/dist/{components/ui → ui}/select.d.ts +0 -0
- /package/dist/{components/ui → ui}/separator.d.ts +0 -0
- /package/dist/{components/ui → ui}/sheet.d.ts +0 -0
- /package/dist/{components/ui → ui}/sidebar.d.ts +0 -0
- /package/dist/{components/ui → ui}/skeleton.d.ts +0 -0
- /package/dist/{components/ui → ui}/slider.d.ts +0 -0
- /package/dist/{components/ui → ui}/sonner.d.ts +0 -0
- /package/dist/{components/ui → ui}/sonner.js +0 -0
- /package/dist/{components/ui → ui}/switch.d.ts +0 -0
- /package/dist/{components/ui → ui}/table.d.ts +0 -0
- /package/dist/{components/ui → ui}/tabs.d.ts +0 -0
- /package/dist/{components/ui → ui}/textarea.d.ts +0 -0
- /package/dist/{components/ui → ui}/toggle-group.d.ts +0 -0
- /package/dist/{components/ui → ui}/toggle.d.ts +0 -0
- /package/dist/{components/ui → ui}/tooltip.d.ts +0 -0
|
@@ -3,8 +3,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
|
|
5
5
|
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
6
|
-
import * as
|
|
7
|
-
import * as
|
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__hooks_use_mobile_js_7eed1184__ from "../hooks/use-mobile.js";
|
|
7
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
8
8
|
import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
|
|
9
9
|
import * as __WEBPACK_EXTERNAL_MODULE__input_js_53f4619d__ from "./input.js";
|
|
10
10
|
import * as __WEBPACK_EXTERNAL_MODULE__separator_js_5c835db5__ from "./separator.js";
|
|
@@ -24,7 +24,7 @@ function useSidebar() {
|
|
|
24
24
|
return context;
|
|
25
25
|
}
|
|
26
26
|
function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
|
|
27
|
-
const isMobile = (0,
|
|
27
|
+
const isMobile = (0, __WEBPACK_EXTERNAL_MODULE__hooks_use_mobile_js_7eed1184__.useIsMobile)();
|
|
28
28
|
const [openMobile, setOpenMobile] = __WEBPACK_EXTERNAL_MODULE_react__.useState(false);
|
|
29
29
|
const [_open, _setOpen] = __WEBPACK_EXTERNAL_MODULE_react__.useState(defaultOpen);
|
|
30
30
|
const open = openProp ?? _open;
|
|
@@ -83,7 +83,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
|
|
|
83
83
|
"--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
|
|
84
84
|
...style
|
|
85
85
|
},
|
|
86
|
-
className: (0,
|
|
86
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className),
|
|
87
87
|
...props
|
|
88
88
|
}, children)));
|
|
89
89
|
}
|
|
@@ -91,7 +91,7 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
|
|
|
91
91
|
const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
|
|
92
92
|
if ("none" === collapsible) return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
93
93
|
"data-slot": "sidebar",
|
|
94
|
-
className: (0,
|
|
94
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", className),
|
|
95
95
|
...props
|
|
96
96
|
}, children);
|
|
97
97
|
if (isMobile) return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__sheet_js_74439a1c__.Sheet, {
|
|
@@ -121,10 +121,10 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
|
|
|
121
121
|
"data-slot": "sidebar"
|
|
122
122
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
123
123
|
"data-slot": "sidebar-gap",
|
|
124
|
-
className: (0,
|
|
124
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", "floating" === variant || "inset" === variant ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
|
|
125
125
|
}), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
126
126
|
"data-slot": "sidebar-container",
|
|
127
|
-
className: (0,
|
|
127
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", "left" === side ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", "floating" === variant || "inset" === variant ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
|
|
128
128
|
...props
|
|
129
129
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
130
130
|
"data-sidebar": "sidebar",
|
|
@@ -139,7 +139,7 @@ function SidebarTrigger({ className, onClick, ...props }) {
|
|
|
139
139
|
"data-slot": "sidebar-trigger",
|
|
140
140
|
variant: "ghost",
|
|
141
141
|
size: "icon",
|
|
142
|
-
className: (0,
|
|
142
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("size-7", className),
|
|
143
143
|
onClick: (event)=>{
|
|
144
144
|
null == onClick || onClick(event);
|
|
145
145
|
toggleSidebar();
|
|
@@ -158,14 +158,14 @@ function SidebarRail({ className, ...props }) {
|
|
|
158
158
|
tabIndex: -1,
|
|
159
159
|
onClick: toggleSidebar,
|
|
160
160
|
title: "Toggle Sidebar",
|
|
161
|
-
className: (0,
|
|
161
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
|
|
162
162
|
...props
|
|
163
163
|
});
|
|
164
164
|
}
|
|
165
165
|
function SidebarInset({ className, ...props }) {
|
|
166
166
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("main", {
|
|
167
167
|
"data-slot": "sidebar-inset",
|
|
168
|
-
className: (0,
|
|
168
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-background relative flex w-full flex-1 flex-col", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className),
|
|
169
169
|
...props
|
|
170
170
|
});
|
|
171
171
|
}
|
|
@@ -173,7 +173,7 @@ function SidebarInput({ className, ...props }) {
|
|
|
173
173
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__input_js_53f4619d__.Input, {
|
|
174
174
|
"data-slot": "sidebar-input",
|
|
175
175
|
"data-sidebar": "input",
|
|
176
|
-
className: (0,
|
|
176
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-background h-8 w-full shadow-none", className),
|
|
177
177
|
...props
|
|
178
178
|
});
|
|
179
179
|
}
|
|
@@ -181,7 +181,7 @@ function SidebarHeader({ className, ...props }) {
|
|
|
181
181
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
182
182
|
"data-slot": "sidebar-header",
|
|
183
183
|
"data-sidebar": "header",
|
|
184
|
-
className: (0,
|
|
184
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-col gap-2 p-2", className),
|
|
185
185
|
...props
|
|
186
186
|
});
|
|
187
187
|
}
|
|
@@ -189,7 +189,7 @@ function SidebarFooter({ className, ...props }) {
|
|
|
189
189
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
190
190
|
"data-slot": "sidebar-footer",
|
|
191
191
|
"data-sidebar": "footer",
|
|
192
|
-
className: (0,
|
|
192
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-col gap-2 p-2", className),
|
|
193
193
|
...props
|
|
194
194
|
});
|
|
195
195
|
}
|
|
@@ -197,7 +197,7 @@ function SidebarSeparator({ className, ...props }) {
|
|
|
197
197
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__separator_js_5c835db5__.Separator, {
|
|
198
198
|
"data-slot": "sidebar-separator",
|
|
199
199
|
"data-sidebar": "separator",
|
|
200
|
-
className: (0,
|
|
200
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-sidebar-border mx-2 w-auto", className),
|
|
201
201
|
...props
|
|
202
202
|
});
|
|
203
203
|
}
|
|
@@ -205,7 +205,7 @@ function SidebarContent({ className, ...props }) {
|
|
|
205
205
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
206
206
|
"data-slot": "sidebar-content",
|
|
207
207
|
"data-sidebar": "content",
|
|
208
|
-
className: (0,
|
|
208
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className),
|
|
209
209
|
...props
|
|
210
210
|
});
|
|
211
211
|
}
|
|
@@ -213,7 +213,7 @@ function SidebarGroup({ className, ...props }) {
|
|
|
213
213
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
214
214
|
"data-slot": "sidebar-group",
|
|
215
215
|
"data-sidebar": "group",
|
|
216
|
-
className: (0,
|
|
216
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("relative flex w-full min-w-0 flex-col p-2", className),
|
|
217
217
|
...props
|
|
218
218
|
});
|
|
219
219
|
}
|
|
@@ -222,7 +222,7 @@ function SidebarGroupLabel({ className, asChild = false, ...props }) {
|
|
|
222
222
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(Comp, {
|
|
223
223
|
"data-slot": "sidebar-group-label",
|
|
224
224
|
"data-sidebar": "group-label",
|
|
225
|
-
className: (0,
|
|
225
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className),
|
|
226
226
|
...props
|
|
227
227
|
});
|
|
228
228
|
}
|
|
@@ -231,7 +231,7 @@ function SidebarGroupAction({ className, asChild = false, ...props }) {
|
|
|
231
231
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(Comp, {
|
|
232
232
|
"data-slot": "sidebar-group-action",
|
|
233
233
|
"data-sidebar": "group-action",
|
|
234
|
-
className: (0,
|
|
234
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", className),
|
|
235
235
|
...props
|
|
236
236
|
});
|
|
237
237
|
}
|
|
@@ -239,7 +239,7 @@ function SidebarGroupContent({ className, ...props }) {
|
|
|
239
239
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
240
240
|
"data-slot": "sidebar-group-content",
|
|
241
241
|
"data-sidebar": "group-content",
|
|
242
|
-
className: (0,
|
|
242
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("w-full text-sm", className),
|
|
243
243
|
...props
|
|
244
244
|
});
|
|
245
245
|
}
|
|
@@ -247,7 +247,7 @@ function SidebarMenu({ className, ...props }) {
|
|
|
247
247
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("ul", {
|
|
248
248
|
"data-slot": "sidebar-menu",
|
|
249
249
|
"data-sidebar": "menu",
|
|
250
|
-
className: (0,
|
|
250
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex w-full min-w-0 flex-col gap-1", className),
|
|
251
251
|
...props
|
|
252
252
|
});
|
|
253
253
|
}
|
|
@@ -255,7 +255,7 @@ function SidebarMenuItem({ className, ...props }) {
|
|
|
255
255
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("li", {
|
|
256
256
|
"data-slot": "sidebar-menu-item",
|
|
257
257
|
"data-sidebar": "menu-item",
|
|
258
|
-
className: (0,
|
|
258
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("group/menu-item relative", className),
|
|
259
259
|
...props
|
|
260
260
|
});
|
|
261
261
|
}
|
|
@@ -263,7 +263,7 @@ const sidebarMenuButtonVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_a
|
|
|
263
263
|
variants: {
|
|
264
264
|
variant: {
|
|
265
265
|
default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
|
|
266
|
-
outline: "bg-
|
|
266
|
+
outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
|
|
267
267
|
},
|
|
268
268
|
size: {
|
|
269
269
|
default: "h-8 text-sm",
|
|
@@ -284,7 +284,7 @@ function SidebarMenuButton({ asChild = false, isActive = false, variant = "defau
|
|
|
284
284
|
"data-sidebar": "menu-button",
|
|
285
285
|
"data-size": size,
|
|
286
286
|
"data-active": isActive,
|
|
287
|
-
className: (0,
|
|
287
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)(sidebarMenuButtonVariants({
|
|
288
288
|
variant,
|
|
289
289
|
size
|
|
290
290
|
}), className),
|
|
@@ -308,7 +308,7 @@ function SidebarMenuAction({ className, asChild = false, showOnHover = false, ..
|
|
|
308
308
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(Comp, {
|
|
309
309
|
"data-slot": "sidebar-menu-action",
|
|
310
310
|
"data-sidebar": "menu-action",
|
|
311
|
-
className: (0,
|
|
311
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", className),
|
|
312
312
|
...props
|
|
313
313
|
});
|
|
314
314
|
}
|
|
@@ -316,7 +316,7 @@ function SidebarMenuBadge({ className, ...props }) {
|
|
|
316
316
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
317
317
|
"data-slot": "sidebar-menu-badge",
|
|
318
318
|
"data-sidebar": "menu-badge",
|
|
319
|
-
className: (0,
|
|
319
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className),
|
|
320
320
|
...props
|
|
321
321
|
});
|
|
322
322
|
}
|
|
@@ -325,7 +325,7 @@ function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
|
|
|
325
325
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
326
326
|
"data-slot": "sidebar-menu-skeleton",
|
|
327
327
|
"data-sidebar": "menu-skeleton",
|
|
328
|
-
className: (0,
|
|
328
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex h-8 items-center gap-2 rounded-md px-2", className),
|
|
329
329
|
...props
|
|
330
330
|
}, showIcon && /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__skeleton_js_fad59023__.Skeleton, {
|
|
331
331
|
className: "size-4 rounded-md",
|
|
@@ -342,7 +342,7 @@ function SidebarMenuSub({ className, ...props }) {
|
|
|
342
342
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("ul", {
|
|
343
343
|
"data-slot": "sidebar-menu-sub",
|
|
344
344
|
"data-sidebar": "menu-sub",
|
|
345
|
-
className: (0,
|
|
345
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", className),
|
|
346
346
|
...props
|
|
347
347
|
});
|
|
348
348
|
}
|
|
@@ -350,7 +350,7 @@ function SidebarMenuSubItem({ className, ...props }) {
|
|
|
350
350
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("li", {
|
|
351
351
|
"data-slot": "sidebar-menu-sub-item",
|
|
352
352
|
"data-sidebar": "menu-sub-item",
|
|
353
|
-
className: (0,
|
|
353
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("group/menu-sub-item relative", className),
|
|
354
354
|
...props
|
|
355
355
|
});
|
|
356
356
|
}
|
|
@@ -361,7 +361,7 @@ function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false,
|
|
|
361
361
|
"data-sidebar": "menu-sub-button",
|
|
362
362
|
"data-size": size,
|
|
363
363
|
"data-active": isActive,
|
|
364
|
-
className: (0,
|
|
364
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", "sm" === size && "text-xs", "md" === size && "text-sm", "group-data-[collapsible=icon]:hidden", className),
|
|
365
365
|
...props
|
|
366
366
|
});
|
|
367
367
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
2
|
+
function Skeleton({ className, ...props }) {
|
|
3
|
+
return /*#__PURE__*/ React.createElement("div", {
|
|
4
|
+
"data-slot": "skeleton",
|
|
5
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-accent animate-pulse rounded-md", className),
|
|
6
|
+
...props
|
|
7
|
+
});
|
|
8
|
+
}
|
|
9
|
+
export { Skeleton };
|
|
@@ -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__radix_ui_react_slider_67d82a63__ from "@radix-ui/react-slider";
|
|
4
|
-
import * as
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
5
5
|
function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
|
|
6
6
|
const _values = __WEBPACK_EXTERNAL_MODULE_react__.useMemo(()=>Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [
|
|
7
7
|
min,
|
|
@@ -18,20 +18,20 @@ function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }
|
|
|
18
18
|
value: value,
|
|
19
19
|
min: min,
|
|
20
20
|
max: max,
|
|
21
|
-
className: (0,
|
|
21
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
|
|
22
22
|
...props
|
|
23
23
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_slider_67d82a63__.Track, {
|
|
24
24
|
"data-slot": "slider-track",
|
|
25
|
-
className: (0,
|
|
25
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5")
|
|
26
26
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_slider_67d82a63__.Range, {
|
|
27
27
|
"data-slot": "slider-range",
|
|
28
|
-
className: (0,
|
|
28
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
|
|
29
29
|
})), Array.from({
|
|
30
30
|
length: _values.length
|
|
31
31
|
}, (_, index)=>/*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_slider_67d82a63__.Thumb, {
|
|
32
32
|
"data-slot": "slider-thumb",
|
|
33
33
|
key: index,
|
|
34
|
-
className: "border-
|
|
34
|
+
className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
|
|
35
35
|
})));
|
|
36
36
|
}
|
|
37
37
|
export { Slider };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__ from "@radix-ui/react-switch";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
5
|
+
function Switch({ className, ...props }) {
|
|
6
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Root, {
|
|
7
|
+
"data-slot": "switch",
|
|
8
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
|
|
9
|
+
...props
|
|
10
|
+
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Thumb, {
|
|
11
|
+
"data-slot": "switch-thumb",
|
|
12
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
|
|
13
|
+
}));
|
|
14
|
+
}
|
|
15
|
+
export { Switch };
|
|
@@ -1,62 +1,62 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
-
import * as
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
4
4
|
function Table({ className, ...props }) {
|
|
5
5
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
6
6
|
"data-slot": "table-container",
|
|
7
7
|
className: "relative w-full overflow-x-auto"
|
|
8
8
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("table", {
|
|
9
9
|
"data-slot": "table",
|
|
10
|
-
className: (0,
|
|
10
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("w-full caption-bottom text-sm", className),
|
|
11
11
|
...props
|
|
12
12
|
}));
|
|
13
13
|
}
|
|
14
14
|
function TableHeader({ className, ...props }) {
|
|
15
15
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("thead", {
|
|
16
16
|
"data-slot": "table-header",
|
|
17
|
-
className: (0,
|
|
17
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("[&_tr]:border-b", className),
|
|
18
18
|
...props
|
|
19
19
|
});
|
|
20
20
|
}
|
|
21
21
|
function TableBody({ className, ...props }) {
|
|
22
22
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("tbody", {
|
|
23
23
|
"data-slot": "table-body",
|
|
24
|
-
className: (0,
|
|
24
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("[&_tr:last-child]:border-0", className),
|
|
25
25
|
...props
|
|
26
26
|
});
|
|
27
27
|
}
|
|
28
28
|
function TableFooter({ className, ...props }) {
|
|
29
29
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("tfoot", {
|
|
30
30
|
"data-slot": "table-footer",
|
|
31
|
-
className: (0,
|
|
31
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
|
|
32
32
|
...props
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
35
|
function TableRow({ className, ...props }) {
|
|
36
36
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("tr", {
|
|
37
37
|
"data-slot": "table-row",
|
|
38
|
-
className: (0,
|
|
38
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
|
|
39
39
|
...props
|
|
40
40
|
});
|
|
41
41
|
}
|
|
42
42
|
function TableHead({ className, ...props }) {
|
|
43
43
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("th", {
|
|
44
44
|
"data-slot": "table-head",
|
|
45
|
-
className: (0,
|
|
45
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
|
|
46
46
|
...props
|
|
47
47
|
});
|
|
48
48
|
}
|
|
49
49
|
function TableCell({ className, ...props }) {
|
|
50
50
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("td", {
|
|
51
51
|
"data-slot": "table-cell",
|
|
52
|
-
className: (0,
|
|
52
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
|
|
53
53
|
...props
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
56
|
function TableCaption({ className, ...props }) {
|
|
57
57
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("caption", {
|
|
58
58
|
"data-slot": "table-caption",
|
|
59
|
-
className: (0,
|
|
59
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground mt-4 text-sm", className),
|
|
60
60
|
...props
|
|
61
61
|
});
|
|
62
62
|
}
|
package/dist/ui/tabs.js
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__ from "@radix-ui/react-tabs";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
5
|
+
function Tabs({ className, ...props }) {
|
|
6
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__.Root, {
|
|
7
|
+
"data-slot": "tabs",
|
|
8
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-col gap-2", className),
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
function TabsList({ className, ...props }) {
|
|
13
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__.List, {
|
|
14
|
+
"data-slot": "tabs-list",
|
|
15
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className),
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
function TabsTrigger({ className, ...props }) {
|
|
20
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__.Trigger, {
|
|
21
|
+
"data-slot": "tabs-trigger",
|
|
22
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
23
|
+
...props
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
function TabsContent({ className, ...props }) {
|
|
27
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tabs_7bf5a77b__.Content, {
|
|
28
|
+
"data-slot": "tabs-content",
|
|
29
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex-1 outline-none", className),
|
|
30
|
+
...props
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
3
|
+
function Textarea({ className, ...props }) {
|
|
4
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("textarea", {
|
|
5
|
+
"data-slot": "textarea",
|
|
6
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
|
|
7
|
+
...props
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
export { Textarea };
|
|
@@ -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__radix_ui_react_toggle_group_4f42c91c__ from "@radix-ui/react-toggle-group";
|
|
4
|
-
import * as
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
5
5
|
import * as __WEBPACK_EXTERNAL_MODULE__toggle_js_10734c63__ from "./toggle.js";
|
|
6
6
|
const ToggleGroupContext = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createContext({
|
|
7
7
|
size: "default",
|
|
@@ -12,7 +12,7 @@ function ToggleGroup({ className, variant, size, children, ...props }) {
|
|
|
12
12
|
"data-slot": "toggle-group",
|
|
13
13
|
"data-variant": variant,
|
|
14
14
|
"data-size": size,
|
|
15
|
-
className: (0,
|
|
15
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className),
|
|
16
16
|
...props
|
|
17
17
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(ToggleGroupContext.Provider, {
|
|
18
18
|
value: {
|
|
@@ -27,7 +27,7 @@ function ToggleGroupItem({ className, children, variant, size, ...props }) {
|
|
|
27
27
|
"data-slot": "toggle-group-item",
|
|
28
28
|
"data-variant": context.variant || variant,
|
|
29
29
|
"data-size": context.size || size,
|
|
30
|
-
className: (0,
|
|
30
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)((0, __WEBPACK_EXTERNAL_MODULE__toggle_js_10734c63__.toggleVariants)({
|
|
31
31
|
variant: context.variant || variant,
|
|
32
32
|
size: context.size || size
|
|
33
33
|
}), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", className),
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_5760592b__ from "@radix-ui/react-toggle";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
6
|
+
const toggleVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
default: "bg-transparent",
|
|
10
|
+
outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
|
|
11
|
+
},
|
|
12
|
+
size: {
|
|
13
|
+
default: "h-9 px-2 min-w-9",
|
|
14
|
+
sm: "h-8 px-1.5 min-w-8",
|
|
15
|
+
lg: "h-10 px-2.5 min-w-10"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
variant: "default",
|
|
20
|
+
size: "default"
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
function Toggle({ className, variant, size, ...props }) {
|
|
24
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_5760592b__.Root, {
|
|
25
|
+
"data-slot": "toggle",
|
|
26
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)(toggleVariants({
|
|
27
|
+
variant,
|
|
28
|
+
size,
|
|
29
|
+
className
|
|
30
|
+
})),
|
|
31
|
+
...props
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
export { Toggle, toggleVariants };
|
|
@@ -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__radix_ui_react_tooltip_22b80323__ from "@radix-ui/react-tooltip";
|
|
4
|
-
import * as
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
5
5
|
function TooltipProvider({ delayDuration = 0, ...props }) {
|
|
6
6
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Provider, {
|
|
7
7
|
"data-slot": "tooltip-provider",
|
|
@@ -25,10 +25,10 @@ function TooltipContent({ className, sideOffset = 0, children, ...props }) {
|
|
|
25
25
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Portal, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Content, {
|
|
26
26
|
"data-slot": "tooltip-content",
|
|
27
27
|
sideOffset: sideOffset,
|
|
28
|
-
className: (0,
|
|
28
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className),
|
|
29
29
|
...props
|
|
30
30
|
}, children, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Arrow, {
|
|
31
|
-
className: "bg-
|
|
31
|
+
className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"
|
|
32
32
|
})));
|
|
33
33
|
}
|
|
34
34
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@esmate/shadcn",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -8,22 +8,27 @@
|
|
|
8
8
|
"url": "git+https://github.com/viendinhcom/esmate.git"
|
|
9
9
|
},
|
|
10
10
|
"exports": {
|
|
11
|
-
"
|
|
12
|
-
"import": "./dist/
|
|
13
|
-
"types": "./dist/
|
|
11
|
+
"./ui/*": {
|
|
12
|
+
"import": "./dist/ui/*.js",
|
|
13
|
+
"types": "./dist/ui/*.d.ts"
|
|
14
|
+
},
|
|
15
|
+
"./hooks/*": {
|
|
16
|
+
"import": "./dist/hooks/*.js",
|
|
17
|
+
"types": "./dist/hooks/*.d.ts"
|
|
14
18
|
},
|
|
15
19
|
"./styles/*.css": {
|
|
16
20
|
"style": "./dist/styles/*.css"
|
|
17
21
|
},
|
|
18
|
-
"
|
|
19
|
-
"import": "./dist/lib
|
|
20
|
-
"types": "./dist/lib
|
|
21
|
-
},
|
|
22
|
-
"./hook-form/*": {
|
|
23
|
-
"import": "./dist/lib/hook-form/*.js",
|
|
24
|
-
"types": "./dist/lib/hook-form/*.d.ts"
|
|
22
|
+
"./**/*": {
|
|
23
|
+
"import": "./dist/lib/**/*.js",
|
|
24
|
+
"types": "./dist/lib/**/*.d.ts"
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
|
+
"scripts": {
|
|
28
|
+
"build": "rslib build",
|
|
29
|
+
"dev": "rslib build --watch",
|
|
30
|
+
"shadcn": "tsx shadcn.ts"
|
|
31
|
+
},
|
|
27
32
|
"dependencies": {
|
|
28
33
|
"@hookform/resolvers": "^5.0.1",
|
|
29
34
|
"@radix-ui/react-accordion": "^1.2.11",
|
|
@@ -87,10 +92,5 @@
|
|
|
87
92
|
],
|
|
88
93
|
"publishConfig": {
|
|
89
94
|
"access": "public"
|
|
90
|
-
},
|
|
91
|
-
"scripts": {
|
|
92
|
-
"build": "rslib build",
|
|
93
|
-
"dev": "rslib build --watch",
|
|
94
|
-
"shadcn": "tsx shadcn.ts"
|
|
95
95
|
}
|
|
96
|
-
}
|
|
96
|
+
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
|
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
|
|
4
|
-
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
|
|
5
|
-
const badgeVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("inline-flex items-center justify-center rounded-md border border-neutral-200 px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 transition-[color,box-shadow] overflow-hidden dark:border-neutral-800 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900", {
|
|
6
|
-
variants: {
|
|
7
|
-
variant: {
|
|
8
|
-
default: "border-transparent bg-neutral-900 text-neutral-50 [a&]:hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:[a&]:hover:bg-neutral-50/90",
|
|
9
|
-
secondary: "border-transparent bg-neutral-100 text-neutral-900 [a&]:hover:bg-neutral-100/90 dark:bg-neutral-800 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800/90",
|
|
10
|
-
destructive: "border-transparent bg-red-500 text-white [a&]:hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-500/60 dark:bg-red-900 dark:[a&]:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40 dark:dark:bg-red-900/60",
|
|
11
|
-
outline: "text-neutral-950 [a&]:hover:bg-neutral-100 [a&]:hover:text-neutral-900 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800 dark:[a&]:hover:text-neutral-50"
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
defaultVariants: {
|
|
15
|
-
variant: "default"
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
function Badge({ className, variant, asChild = false, ...props }) {
|
|
19
|
-
const Comp = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : "span";
|
|
20
|
-
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(Comp, {
|
|
21
|
-
"data-slot": "badge",
|
|
22
|
-
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)(badgeVariants({
|
|
23
|
-
variant
|
|
24
|
-
}), className),
|
|
25
|
-
...props
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
export { Badge, badgeVariants };
|