@appcorp/shadcn 2.0.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/app-sidebar.js +1 -34
- package/components/audio.js +1 -13
- package/components/dashboard.js +1 -29
- package/components/drawer-generic.js +1 -39
- package/components/enhanced-checkbox.js +1 -39
- package/components/enhanced-combobox.js +1 -271
- package/components/enhanced-drawer-footer.js +1 -30
- package/components/enhanced-drawer-header.js +1 -7
- package/components/enhanced-dropzone-impl.js +1 -218
- package/components/enhanced-dropzone.js +1 -8
- package/components/enhanced-input.js +1 -40
- package/components/enhanced-label.js +1 -22
- package/components/enhanced-radio.js +1 -15
- package/components/enhanced-select.js +1 -33
- package/components/enhanced-slider.js +1 -33
- package/components/enhanced-switch.js +1 -42
- package/components/enhanced-table-footer-action.js +1 -102
- package/components/enhanced-table-footer-page.js +1 -124
- package/components/enhanced-table-footer-pagination.js +1 -108
- package/components/enhanced-table-header-action.js +1 -32
- package/components/enhanced-table-header-search.js +1 -10
- package/components/enhanced-table.js +1 -301
- package/components/enhanced-textarea.js +1 -40
- package/components/field.js +1 -96
- package/components/image-resize-dialog.js +1 -82
- package/components/nav-main.js +1 -40
- package/components/nav-projects.js +1 -39
- package/components/nav-user.js +1 -52
- package/components/show-toast.js +1 -7
- package/components/sidebar.js +1 -257
- package/components/team-switcher.js +1 -42
- package/components/theme-provider.js +1 -112
- package/components/timeline.js +1 -13
- package/components/tooltip.js +1 -36
- package/components/ui/accordion.js +1 -37
- package/components/ui/alert-dialog.js +1 -63
- package/components/ui/alert.js +1 -41
- package/components/ui/area-chart-v1-impl.js +1 -75
- package/components/ui/area-chart-v1.js +1 -5
- package/components/ui/aspect-ratio.js +1 -4
- package/components/ui/avatar.js +1 -31
- package/components/ui/badge.js +1 -32
- package/components/ui/breadcrumb.js +1 -54
- package/components/ui/button.js +1 -44
- package/components/ui/calendar-impl.js +1 -55
- package/components/ui/calendar.js +1 -6
- package/components/ui/card.js +1 -44
- package/components/ui/carousel-impl.js +1 -117
- package/components/ui/carousel.js +1 -9
- package/components/ui/chart-impl.js +6 -161
- package/components/ui/chart.js +1 -10
- package/components/ui/checkbox.js +1 -24
- package/components/ui/collapsible.js +1 -6
- package/components/ui/combobox.js +1 -52
- package/components/ui/command-impl.js +1 -63
- package/components/ui/command.js +1 -13
- package/components/ui/context-menu.js +1 -80
- package/components/ui/dialog.js +1 -57
- package/components/ui/drawer-impl.js +1 -56
- package/components/ui/drawer.js +1 -14
- package/components/ui/dropdown-menu.js +1 -82
- package/components/ui/form.d.ts +1 -1
- package/components/ui/form.js +1 -78
- package/components/ui/hover-card.js +1 -23
- package/components/ui/input-otp-impl.js +1 -43
- package/components/ui/input-otp.js +1 -8
- package/components/ui/input.js +1 -19
- package/components/ui/label.js +1 -23
- package/components/ui/language-selector.js +1 -25
- package/components/ui/menubar.js +1 -103
- package/components/ui/navigation-menu.js +1 -59
- package/components/ui/pagination.js +1 -60
- package/components/ui/popover.js +1 -25
- package/components/ui/progress.js +1 -22
- package/components/ui/radio-group.js +1 -29
- package/components/ui/resizable-impl.js +1 -27
- package/components/ui/resizable.js +1 -7
- package/components/ui/scroll-area.js +1 -32
- package/components/ui/select.js +1 -71
- package/components/ui/separator.js +1 -21
- package/components/ui/sheet.js +1 -71
- package/components/ui/skeleton.js +1 -18
- package/components/ui/slider.js +1 -32
- package/components/ui/sonner.js +1 -28
- package/components/ui/switch.js +1 -22
- package/components/ui/table.js +1 -55
- package/components/ui/tabs.js +1 -32
- package/components/ui/textarea.js +1 -19
- package/components/ui/theme-switcher.js +1 -102
- package/components/ui/toggle.js +1 -39
- package/data/admin-dashboard.js +1 -301
- package/hooks/use-enhanced-combobox.js +1 -73
- package/hooks/use-mobile.js +1 -15
- package/hooks/use-outside-click.js +1 -19
- package/lib/themes.js +1 -147
- package/lib/toast-utils.js +1 -170
- package/lib/utils.js +1 -5
- package/package.json +2 -2
- package/utils/transform-breadcrumbs.js +1 -7
- package/utils/transform-navitems.js +1 -18
package/components/ui/dialog.js
CHANGED
|
@@ -1,57 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
import * as React from "react";
|
|
14
|
-
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
15
|
-
import { cn } from "../../lib/utils";
|
|
16
|
-
import { Cross2Icon } from "@radix-ui/react-icons";
|
|
17
|
-
const Dialog = DialogPrimitive.Root;
|
|
18
|
-
const DialogTrigger = DialogPrimitive.Trigger;
|
|
19
|
-
const DialogPortal = DialogPrimitive.Portal;
|
|
20
|
-
const DialogClose = DialogPrimitive.Close;
|
|
21
|
-
const DialogOverlay = React.forwardRef((_a, ref) => {
|
|
22
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
23
|
-
return (React.createElement(DialogPrimitive.Overlay, Object.assign({ ref: ref, className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className) }, props)));
|
|
24
|
-
});
|
|
25
|
-
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
|
|
26
|
-
const DialogContent = React.forwardRef((_a, ref) => {
|
|
27
|
-
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
28
|
-
return (React.createElement(DialogPortal, null,
|
|
29
|
-
React.createElement(DialogOverlay, null),
|
|
30
|
-
React.createElement(DialogPrimitive.Content, Object.assign({ ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className) }, props),
|
|
31
|
-
children,
|
|
32
|
-
React.createElement(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" },
|
|
33
|
-
React.createElement(Cross2Icon, { className: "h-4 w-4" }),
|
|
34
|
-
React.createElement("span", { className: "sr-only" }, "Close")))));
|
|
35
|
-
});
|
|
36
|
-
DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
37
|
-
const DialogHeader = (_a) => {
|
|
38
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
39
|
-
return (React.createElement("div", Object.assign({ className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className) }, props)));
|
|
40
|
-
};
|
|
41
|
-
DialogHeader.displayName = "DialogHeader";
|
|
42
|
-
const DialogFooter = (_a) => {
|
|
43
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
44
|
-
return (React.createElement("div", Object.assign({ className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className) }, props)));
|
|
45
|
-
};
|
|
46
|
-
DialogFooter.displayName = "DialogFooter";
|
|
47
|
-
const DialogTitle = React.forwardRef((_a, ref) => {
|
|
48
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
49
|
-
return (React.createElement(DialogPrimitive.Title, Object.assign({ ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className) }, props)));
|
|
50
|
-
});
|
|
51
|
-
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
52
|
-
const DialogDescription = React.forwardRef((_a, ref) => {
|
|
53
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
54
|
-
return (React.createElement(DialogPrimitive.Description, Object.assign({ ref: ref, className: cn("text-sm text-muted-foreground", className) }, props)));
|
|
55
|
-
});
|
|
56
|
-
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
57
|
-
export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
|
|
1
|
+
"use strict";"use client";var n=function(e,o){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var l=0,t=Object.getOwnPropertySymbols(e);l<t.length;l++)o.indexOf(t[l])<0&&Object.prototype.propertyIsEnumerable.call(e,t[l])&&(a[t[l]]=e[t[l]]);return a};import*as s from"react";import*as r from"@radix-ui/react-dialog";import{cn as i}from"../../lib/utils";import{Cross2Icon as N}from"@radix-ui/react-icons";const y=r.Root,b=r.Trigger,d=r.Portal,v=r.Close,c=s.forwardRef((e,o)=>{var{className:a}=e,t=n(e,["className"]);return s.createElement(r.Overlay,Object.assign({ref:o,className:i("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a)},t))});c.displayName=r.Overlay.displayName;const m=s.forwardRef((e,o)=>{var{className:a,children:t}=e,l=n(e,["className","children"]);return s.createElement(d,null,s.createElement(c,null),s.createElement(r.Content,Object.assign({ref:o,className:i("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",a)},l),t,s.createElement(r.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"},s.createElement(N,{className:"h-4 w-4"}),s.createElement("span",{className:"sr-only"},"Close"))))});m.displayName=r.Content.displayName;const p=e=>{var{className:o}=e,a=n(e,["className"]);return s.createElement("div",Object.assign({className:i("flex flex-col space-y-1.5 text-center sm:text-left",o)},a))};p.displayName="DialogHeader";const f=e=>{var{className:o}=e,a=n(e,["className"]);return s.createElement("div",Object.assign({className:i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",o)},a))};f.displayName="DialogFooter";const g=s.forwardRef((e,o)=>{var{className:a}=e,t=n(e,["className"]);return s.createElement(r.Title,Object.assign({ref:o,className:i("text-lg font-semibold leading-none tracking-tight",a)},t))});g.displayName=r.Title.displayName;const u=s.forwardRef((e,o)=>{var{className:a}=e,t=n(e,["className"]);return s.createElement(r.Description,Object.assign({ref:o,className:i("text-sm text-muted-foreground",a)},t))});u.displayName=r.Description.displayName;export{y as Dialog,d as DialogPortal,c as DialogOverlay,b as DialogTrigger,v as DialogClose,m as DialogContent,p as DialogHeader,f as DialogFooter,g as DialogTitle,u as DialogDescription};
|
|
@@ -1,56 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
import * as React from "react";
|
|
14
|
-
import { Drawer as DrawerPrimitive } from "vaul";
|
|
15
|
-
import { cn } from "../../lib/utils";
|
|
16
|
-
const Drawer = (_a) => {
|
|
17
|
-
var { shouldScaleBackground = true } = _a, props = __rest(_a, ["shouldScaleBackground"]);
|
|
18
|
-
return (React.createElement(DrawerPrimitive.Root, Object.assign({ shouldScaleBackground: shouldScaleBackground }, props)));
|
|
19
|
-
};
|
|
20
|
-
Drawer.displayName = "Drawer";
|
|
21
|
-
const DrawerTrigger = DrawerPrimitive.Trigger;
|
|
22
|
-
const DrawerPortal = DrawerPrimitive.Portal;
|
|
23
|
-
const DrawerClose = DrawerPrimitive.Close;
|
|
24
|
-
const DrawerOverlay = React.forwardRef((_a, ref) => {
|
|
25
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
26
|
-
return (React.createElement(DrawerPrimitive.Overlay, Object.assign({ ref: ref, className: cn("fixed inset-0 z-50 bg-black/80", className) }, props)));
|
|
27
|
-
});
|
|
28
|
-
DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
|
|
29
|
-
const DrawerContent = React.forwardRef((_a, ref) => {
|
|
30
|
-
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
31
|
-
return (React.createElement(DrawerPortal, null,
|
|
32
|
-
React.createElement(DrawerOverlay, null),
|
|
33
|
-
React.createElement(DrawerPrimitive.Content, Object.assign({ ref: ref, className: cn("fixed z-50 flex flex-col border bg-background", "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]:rounded-t-[10px]", "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]:rounded-b-[10px]", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:h-full data-[vaul-drawer-direction=left]:rounded-r-[10px]", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:h-full data-[vaul-drawer-direction=right]:rounded-l-[10px]", className) }, props), children)));
|
|
34
|
-
});
|
|
35
|
-
DrawerContent.displayName = "DrawerContent";
|
|
36
|
-
const DrawerHeader = (_a) => {
|
|
37
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
38
|
-
return (React.createElement("div", Object.assign({ className: cn("grid gap-1.5 p-4 text-center sm:text-left", className) }, props)));
|
|
39
|
-
};
|
|
40
|
-
DrawerHeader.displayName = "DrawerHeader";
|
|
41
|
-
const DrawerFooter = (_a) => {
|
|
42
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
43
|
-
return (React.createElement("div", Object.assign({ className: cn("mt-auto flex flex-col gap-2 p-4", className) }, props)));
|
|
44
|
-
};
|
|
45
|
-
DrawerFooter.displayName = "DrawerFooter";
|
|
46
|
-
const DrawerTitle = React.forwardRef((_a, ref) => {
|
|
47
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
48
|
-
return (React.createElement(DrawerPrimitive.Title, Object.assign({ ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className) }, props)));
|
|
49
|
-
});
|
|
50
|
-
DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
|
|
51
|
-
const DrawerDescription = React.forwardRef((_a, ref) => {
|
|
52
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
53
|
-
return (React.createElement(DrawerPrimitive.Description, Object.assign({ ref: ref, className: cn("text-sm text-muted-foreground", className) }, props)));
|
|
54
|
-
});
|
|
55
|
-
DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
|
|
56
|
-
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
|
|
1
|
+
"use strict";"use client";var s=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(a[r[n]]=e[r[n]]);return a};import*as o from"react";import{Drawer as l}from"vaul";import{cn as d}from"../../lib/utils";const c=e=>{var{shouldScaleBackground:t=!0}=e,a=s(e,["shouldScaleBackground"]);return o.createElement(l.Root,Object.assign({shouldScaleBackground:t},a))};c.displayName="Drawer";const v=l.Trigger,m=l.Portal,N=l.Close,i=o.forwardRef((e,t)=>{var{className:a}=e,r=s(e,["className"]);return o.createElement(l.Overlay,Object.assign({ref:t,className:d("fixed inset-0 z-50 bg-black/80",a)},r))});i.displayName=l.Overlay.displayName;const p=o.forwardRef((e,t)=>{var{className:a,children:r}=e,n=s(e,["className","children"]);return o.createElement(m,null,o.createElement(i,null),o.createElement(l.Content,Object.assign({ref:t,className:d("fixed z-50 flex flex-col border bg-background","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]:rounded-t-[10px]","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]:rounded-b-[10px]","data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:h-full data-[vaul-drawer-direction=left]:rounded-r-[10px]","data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:h-full data-[vaul-drawer-direction=right]:rounded-l-[10px]",a)},n),r))});p.displayName="DrawerContent";const u=e=>{var{className:t}=e,a=s(e,["className"]);return o.createElement("div",Object.assign({className:d("grid gap-1.5 p-4 text-center sm:text-left",t)},a))};u.displayName="DrawerHeader";const f=e=>{var{className:t}=e,a=s(e,["className"]);return o.createElement("div",Object.assign({className:d("mt-auto flex flex-col gap-2 p-4",t)},a))};f.displayName="DrawerFooter";const w=o.forwardRef((e,t)=>{var{className:a}=e,r=s(e,["className"]);return o.createElement(l.Title,Object.assign({ref:t,className:d("text-lg font-semibold leading-none tracking-tight",a)},r))});w.displayName=l.Title.displayName;const g=o.forwardRef((e,t)=>{var{className:a}=e,r=s(e,["className"]);return o.createElement(l.Description,Object.assign({ref:t,className:d("text-sm text-muted-foreground",a)},r))});g.displayName=l.Description.displayName;export{c as Drawer,m as DrawerPortal,i as DrawerOverlay,v as DrawerTrigger,N as DrawerClose,p as DrawerContent,u as DrawerHeader,f as DrawerFooter,w as DrawerTitle,g as DrawerDescription};
|
package/components/ui/drawer.js
CHANGED
|
@@ -1,14 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
const module = import("./drawer-impl");
|
|
4
|
-
const lazy = (name) => React.lazy(() => module.then((m) => ({ default: m[name] })));
|
|
5
|
-
export const Drawer = lazy("Drawer");
|
|
6
|
-
export const DrawerPortal = lazy("DrawerPortal");
|
|
7
|
-
export const DrawerOverlay = lazy("DrawerOverlay");
|
|
8
|
-
export const DrawerTrigger = lazy("DrawerTrigger");
|
|
9
|
-
export const DrawerClose = lazy("DrawerClose");
|
|
10
|
-
export const DrawerContent = lazy("DrawerContent");
|
|
11
|
-
export const DrawerHeader = lazy("DrawerHeader");
|
|
12
|
-
export const DrawerFooter = lazy("DrawerFooter");
|
|
13
|
-
export const DrawerTitle = lazy("DrawerTitle");
|
|
14
|
-
export const DrawerDescription = lazy("DrawerDescription");
|
|
1
|
+
"use strict";"use client";import*as o from"react";const a=import("./drawer-impl"),r=e=>o.lazy(()=>a.then(t=>({default:t[e]})));export const Drawer=r("Drawer"),DrawerPortal=r("DrawerPortal"),DrawerOverlay=r("DrawerOverlay"),DrawerTrigger=r("DrawerTrigger"),DrawerClose=r("DrawerClose"),DrawerContent=r("DrawerContent"),DrawerHeader=r("DrawerHeader"),DrawerFooter=r("DrawerFooter"),DrawerTitle=r("DrawerTitle"),DrawerDescription=r("DrawerDescription");
|
|
@@ -1,82 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
import * as React from "react";
|
|
14
|
-
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
15
|
-
import { cn } from "../../lib/utils";
|
|
16
|
-
import { CheckIcon, ChevronRightIcon, DotFilledIcon, } from "@radix-ui/react-icons";
|
|
17
|
-
const DropdownMenu = DropdownMenuPrimitive.Root;
|
|
18
|
-
const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
19
|
-
const DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
20
|
-
const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
21
|
-
const DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
22
|
-
const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
23
|
-
const DropdownMenuSubTrigger = React.forwardRef((_a, ref) => {
|
|
24
|
-
var { className, inset, children } = _a, props = __rest(_a, ["className", "inset", "children"]);
|
|
25
|
-
return (React.createElement(DropdownMenuPrimitive.SubTrigger, Object.assign({ ref: ref, className: cn("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className) }, props),
|
|
26
|
-
children,
|
|
27
|
-
React.createElement(ChevronRightIcon, { className: "ml-auto" })));
|
|
28
|
-
});
|
|
29
|
-
DropdownMenuSubTrigger.displayName =
|
|
30
|
-
DropdownMenuPrimitive.SubTrigger.displayName;
|
|
31
|
-
const DropdownMenuSubContent = React.forwardRef((_a, ref) => {
|
|
32
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
33
|
-
return (React.createElement(DropdownMenuPrimitive.SubContent, Object.assign({ ref: ref, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 origin-[--radix-dropdown-menu-content-transform-origin]", className) }, props)));
|
|
34
|
-
});
|
|
35
|
-
DropdownMenuSubContent.displayName =
|
|
36
|
-
DropdownMenuPrimitive.SubContent.displayName;
|
|
37
|
-
const DropdownMenuContent = React.forwardRef((_a, ref) => {
|
|
38
|
-
var { className, sideOffset = 4 } = _a, props = __rest(_a, ["className", "sideOffset"]);
|
|
39
|
-
return (React.createElement(DropdownMenuPrimitive.Portal, null,
|
|
40
|
-
React.createElement(DropdownMenuPrimitive.Content, Object.assign({ ref: ref, sideOffset: sideOffset, className: cn("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "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 origin-[--radix-dropdown-menu-content-transform-origin]", className) }, props))));
|
|
41
|
-
});
|
|
42
|
-
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
43
|
-
const DropdownMenuItem = React.forwardRef((_a, ref) => {
|
|
44
|
-
var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
|
|
45
|
-
return (React.createElement(DropdownMenuPrimitive.Item, Object.assign({ ref: ref, className: cn("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", inset && "pl-8", className) }, props)));
|
|
46
|
-
});
|
|
47
|
-
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
48
|
-
const DropdownMenuCheckboxItem = React.forwardRef((_a, ref) => {
|
|
49
|
-
var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);
|
|
50
|
-
return (React.createElement(DropdownMenuPrimitive.CheckboxItem, Object.assign({ ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked }, props),
|
|
51
|
-
React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
|
|
52
|
-
React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
|
|
53
|
-
React.createElement(CheckIcon, { className: "h-4 w-4" }))),
|
|
54
|
-
children));
|
|
55
|
-
});
|
|
56
|
-
DropdownMenuCheckboxItem.displayName =
|
|
57
|
-
DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
58
|
-
const DropdownMenuRadioItem = React.forwardRef((_a, ref) => {
|
|
59
|
-
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
60
|
-
return (React.createElement(DropdownMenuPrimitive.RadioItem, Object.assign({ ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className) }, props),
|
|
61
|
-
React.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" },
|
|
62
|
-
React.createElement(DropdownMenuPrimitive.ItemIndicator, null,
|
|
63
|
-
React.createElement(DotFilledIcon, { className: "h-2 w-2 fill-current" }))),
|
|
64
|
-
children));
|
|
65
|
-
});
|
|
66
|
-
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
67
|
-
const DropdownMenuLabel = React.forwardRef((_a, ref) => {
|
|
68
|
-
var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
|
|
69
|
-
return (React.createElement(DropdownMenuPrimitive.Label, Object.assign({ ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className) }, props)));
|
|
70
|
-
});
|
|
71
|
-
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
72
|
-
const DropdownMenuSeparator = React.forwardRef((_a, ref) => {
|
|
73
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
74
|
-
return (React.createElement(DropdownMenuPrimitive.Separator, Object.assign({ ref: ref, className: cn("-mx-1 my-1 h-px bg-muted", className) }, props)));
|
|
75
|
-
});
|
|
76
|
-
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
77
|
-
const DropdownMenuShortcut = (_a) => {
|
|
78
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
79
|
-
return (React.createElement("span", Object.assign({ className: cn("ml-auto text-xs tracking-widest opacity-60", className) }, props)));
|
|
80
|
-
};
|
|
81
|
-
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
82
|
-
export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
|
|
1
|
+
"use strict";"use client";var d=function(e,r){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,t=Object.getOwnPropertySymbols(e);s<t.length;s++)r.indexOf(t[s])<0&&Object.prototype.propertyIsEnumerable.call(e,t[s])&&(n[t[s]]=e[t[s]]);return n};import*as a from"react";import*as o from"@radix-ui/react-dropdown-menu";import{cn as i}from"../../lib/utils";import{CheckIcon as h,ChevronRightIcon as y,DotFilledIcon as v}from"@radix-ui/react-icons";const x=o.Root,O=o.Trigger,D=o.Group,E=o.Portal,I=o.Sub,M=o.RadioGroup,c=a.forwardRef((e,r)=>{var{className:n,inset:t,children:s}=e,l=d(e,["className","inset","children"]);return a.createElement(o.SubTrigger,Object.assign({ref:r,className:i("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t&&"pl-8",n)},l),s,a.createElement(y,{className:"ml-auto"}))});c.displayName=o.SubTrigger.displayName;const m=a.forwardRef((e,r)=>{var{className:n}=e,t=d(e,["className"]);return a.createElement(o.SubContent,Object.assign({ref:r,className:i("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 origin-[--radix-dropdown-menu-content-transform-origin]",n)},t))});m.displayName=o.SubContent.displayName;const p=a.forwardRef((e,r)=>{var{className:n,sideOffset:t=4}=e,s=d(e,["className","sideOffset"]);return a.createElement(o.Portal,null,a.createElement(o.Content,Object.assign({ref:r,sideOffset:t,className:i("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md","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 origin-[--radix-dropdown-menu-content-transform-origin]",n)},s)))});p.displayName=o.Content.displayName;const u=a.forwardRef((e,r)=>{var{className:n,inset:t}=e,s=d(e,["className","inset"]);return a.createElement(o.Item,Object.assign({ref:r,className:i("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",t&&"pl-8",n)},s))});u.displayName=o.Item.displayName;const f=a.forwardRef((e,r)=>{var{className:n,children:t,checked:s}=e,l=d(e,["className","children","checked"]);return a.createElement(o.CheckboxItem,Object.assign({ref:r,className:i("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",n),checked:s},l),a.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},a.createElement(o.ItemIndicator,null,a.createElement(h,{className:"h-4 w-4"}))),t)});f.displayName=o.CheckboxItem.displayName;const b=a.forwardRef((e,r)=>{var{className:n,children:t}=e,s=d(e,["className","children"]);return a.createElement(o.RadioItem,Object.assign({ref:r,className:i("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",n)},s),a.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},a.createElement(o.ItemIndicator,null,a.createElement(v,{className:"h-2 w-2 fill-current"}))),t)});b.displayName=o.RadioItem.displayName;const g=a.forwardRef((e,r)=>{var{className:n,inset:t}=e,s=d(e,["className","inset"]);return a.createElement(o.Label,Object.assign({ref:r,className:i("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",n)},s))});g.displayName=o.Label.displayName;const N=a.forwardRef((e,r)=>{var{className:n}=e,t=d(e,["className"]);return a.createElement(o.Separator,Object.assign({ref:r,className:i("-mx-1 my-1 h-px bg-muted",n)},t))});N.displayName=o.Separator.displayName;const w=e=>{var{className:r}=e,n=d(e,["className"]);return a.createElement("span",Object.assign({className:i("ml-auto text-xs tracking-widest opacity-60",r)},n))};w.displayName="DropdownMenuShortcut";export{x as DropdownMenu,O as DropdownMenuTrigger,p as DropdownMenuContent,u as DropdownMenuItem,f as DropdownMenuCheckboxItem,b as DropdownMenuRadioItem,g as DropdownMenuLabel,N as DropdownMenuSeparator,w as DropdownMenuShortcut,D as DropdownMenuGroup,E as DropdownMenuPortal,I as DropdownMenuSub,m as DropdownMenuSubContent,c as DropdownMenuSubTrigger,M as DropdownMenuRadioGroup};
|
package/components/ui/form.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
3
3
|
import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
|
|
4
|
-
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
4
|
+
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
5
5
|
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
|
|
6
6
|
declare const useFormField: () => {
|
|
7
7
|
invalid: boolean;
|
package/components/ui/form.js
CHANGED
|
@@ -1,78 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
import * as React from "react";
|
|
14
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
15
|
-
import { Controller, FormProvider, useFormContext, } from "react-hook-form";
|
|
16
|
-
import { cn } from "../../lib/utils";
|
|
17
|
-
import { Label } from "../ui/label";
|
|
18
|
-
const Form = FormProvider;
|
|
19
|
-
const FormFieldContext = React.createContext(null);
|
|
20
|
-
const FormField = (_a) => {
|
|
21
|
-
var props = __rest(_a, []);
|
|
22
|
-
return (React.createElement(FormFieldContext.Provider, { value: { name: props.name } },
|
|
23
|
-
React.createElement(Controller, Object.assign({}, props))));
|
|
24
|
-
};
|
|
25
|
-
const useFormField = () => {
|
|
26
|
-
const fieldContext = React.useContext(FormFieldContext);
|
|
27
|
-
const itemContext = React.useContext(FormItemContext);
|
|
28
|
-
const { getFieldState, formState } = useFormContext();
|
|
29
|
-
if (!fieldContext) {
|
|
30
|
-
throw new Error("useFormField should be used within <FormField>");
|
|
31
|
-
}
|
|
32
|
-
if (!itemContext) {
|
|
33
|
-
throw new Error("useFormField should be used within <FormItem>");
|
|
34
|
-
}
|
|
35
|
-
const fieldState = getFieldState(fieldContext.name, formState);
|
|
36
|
-
const { id } = itemContext;
|
|
37
|
-
return Object.assign({ id, name: fieldContext.name, formItemId: `${id}-form-item`, formDescriptionId: `${id}-form-item-description`, formMessageId: `${id}-form-item-message` }, fieldState);
|
|
38
|
-
};
|
|
39
|
-
const FormItemContext = React.createContext(null);
|
|
40
|
-
const FormItem = React.forwardRef((_a, ref) => {
|
|
41
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
42
|
-
const id = React.useId();
|
|
43
|
-
return (React.createElement(FormItemContext.Provider, { value: { id } },
|
|
44
|
-
React.createElement("div", Object.assign({ ref: ref, className: cn("space-y-2", className) }, props))));
|
|
45
|
-
});
|
|
46
|
-
FormItem.displayName = "FormItem";
|
|
47
|
-
const FormLabel = React.forwardRef((_a, ref) => {
|
|
48
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
49
|
-
const { error, formItemId } = useFormField();
|
|
50
|
-
return (React.createElement(Label, Object.assign({ ref: ref, className: cn(error && "text-destructive", className), htmlFor: formItemId }, props)));
|
|
51
|
-
});
|
|
52
|
-
FormLabel.displayName = "FormLabel";
|
|
53
|
-
const FormControl = React.forwardRef((_a, ref) => {
|
|
54
|
-
var props = __rest(_a, []);
|
|
55
|
-
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
|
|
56
|
-
return (React.createElement(Slot, Object.assign({ ref: ref, id: formItemId, "aria-describedby": !error
|
|
57
|
-
? `${formDescriptionId}`
|
|
58
|
-
: `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error }, props)));
|
|
59
|
-
});
|
|
60
|
-
FormControl.displayName = "FormControl";
|
|
61
|
-
const FormDescription = React.forwardRef((_a, ref) => {
|
|
62
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
63
|
-
const { formDescriptionId } = useFormField();
|
|
64
|
-
return (React.createElement("p", Object.assign({ ref: ref, id: formDescriptionId, className: cn("text-[0.8rem] text-muted-foreground", className) }, props)));
|
|
65
|
-
});
|
|
66
|
-
FormDescription.displayName = "FormDescription";
|
|
67
|
-
const FormMessage = React.forwardRef((_a, ref) => {
|
|
68
|
-
var _b;
|
|
69
|
-
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
70
|
-
const { error, formMessageId } = useFormField();
|
|
71
|
-
const body = error ? String((_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : "") : children;
|
|
72
|
-
if (!body) {
|
|
73
|
-
return null;
|
|
74
|
-
}
|
|
75
|
-
return (React.createElement("p", Object.assign({ ref: ref, id: formMessageId, className: cn("text-[0.8rem] font-medium text-destructive", className) }, props), body));
|
|
76
|
-
});
|
|
77
|
-
FormMessage.displayName = "FormMessage";
|
|
78
|
-
export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
|
|
1
|
+
"use strict";"use client";var i=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n};import*as s from"react";import{Slot as x}from"@radix-ui/react-slot";import{Controller as y,FormProvider as N,useFormContext as O}from"react-hook-form";import{cn as l}from"../../lib/utils";import{Label as w}from"../ui/label";const h=N,f=s.createContext(null),C=e=>{var t=i(e,[]);return s.createElement(f.Provider,{value:{name:t.name}},s.createElement(y,Object.assign({},t)))},c=()=>{const e=s.useContext(f),t=s.useContext(p),{getFieldState:n,formState:r}=O();if(!e)throw new Error("useFormField should be used within <FormField>");if(!t)throw new Error("useFormField should be used within <FormItem>");const o=n(e.name,r),{id:m}=t;return Object.assign({id:m,name:e.name,formItemId:`${m}-form-item`,formDescriptionId:`${m}-form-item-description`,formMessageId:`${m}-form-item-message`},o)},p=s.createContext(null),u=s.forwardRef((e,t)=>{var{className:n}=e,r=i(e,["className"]);const o=s.useId();return s.createElement(p.Provider,{value:{id:o}},s.createElement("div",Object.assign({ref:t,className:l("space-y-2",n)},r)))});u.displayName="FormItem";const F=s.forwardRef((e,t)=>{var{className:n}=e,r=i(e,["className"]);const{error:o,formItemId:m}=c();return s.createElement(w,Object.assign({ref:t,className:l(o&&"text-destructive",n),htmlFor:m},r))});F.displayName="FormLabel";const b=s.forwardRef((e,t)=>{var n=i(e,[]);const{error:r,formItemId:o,formDescriptionId:m,formMessageId:a}=c();return s.createElement(x,Object.assign({ref:t,id:o,"aria-describedby":r?`${m} ${a}`:`${m}`,"aria-invalid":!!r},n))});b.displayName="FormControl";const v=s.forwardRef((e,t)=>{var{className:n}=e,r=i(e,["className"]);const{formDescriptionId:o}=c();return s.createElement("p",Object.assign({ref:t,id:o,className:l("text-[0.8rem] text-muted-foreground",n)},r))});v.displayName="FormDescription";const g=s.forwardRef((e,t)=>{var n,{className:r,children:o}=e,m=i(e,["className","children"]);const{error:a,formMessageId:I}=c(),d=a?String((n=a?.message)!==null&&n!==void 0?n:""):o;return d?s.createElement("p",Object.assign({ref:t,id:I,className:l("text-[0.8rem] font-medium text-destructive",r)},m),d):null});g.displayName="FormMessage";export{c as useFormField,h as Form,u as FormItem,F as FormLabel,b as FormControl,v as FormDescription,g as FormMessage,C as FormField};
|
|
@@ -1,23 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
import * as React from "react";
|
|
14
|
-
import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
|
|
15
|
-
import { cn } from "../../lib/utils";
|
|
16
|
-
const HoverCard = HoverCardPrimitive.Root;
|
|
17
|
-
const HoverCardTrigger = HoverCardPrimitive.Trigger;
|
|
18
|
-
const HoverCardContent = React.forwardRef((_a, ref) => {
|
|
19
|
-
var { className, align = "center", sideOffset = 4 } = _a, props = __rest(_a, ["className", "align", "sideOffset"]);
|
|
20
|
-
return (React.createElement(HoverCardPrimitive.Content, Object.assign({ ref: ref, align: align, sideOffset: sideOffset, className: cn("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-hover-card-content-transform-origin]", className) }, props)));
|
|
21
|
-
});
|
|
22
|
-
HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
|
|
23
|
-
export { HoverCard, HoverCardTrigger, HoverCardContent };
|
|
1
|
+
"use strict";"use client";var f=function(e,a){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&a.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,t=Object.getOwnPropertySymbols(e);o<t.length;o++)a.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(r[t[o]]=e[t[o]]);return r};import*as i from"react";import*as n from"@radix-ui/react-hover-card";import{cn as l}from"../../lib/utils";const m=n.Root,p=n.Trigger,d=i.forwardRef((e,a)=>{var{className:r,align:t="center",sideOffset:o=4}=e,s=f(e,["className","align","sideOffset"]);return i.createElement(n.Content,Object.assign({ref:a,align:t,sideOffset:o,className:l("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 origin-[--radix-hover-card-content-transform-origin]",r)},s))});d.displayName=n.Content.displayName;export{m as HoverCard,p as HoverCardTrigger,d as HoverCardContent};
|
|
@@ -1,43 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
import * as React from "react";
|
|
14
|
-
import { OTPInput, OTPInputContext } from "input-otp";
|
|
15
|
-
import { cn } from "../../lib/utils";
|
|
16
|
-
import { MinusIcon } from "@radix-ui/react-icons";
|
|
17
|
-
const InputOTP = React.forwardRef((_a, ref) => {
|
|
18
|
-
var { className, containerClassName } = _a, props = __rest(_a, ["className", "containerClassName"]);
|
|
19
|
-
return (React.createElement(OTPInput, Object.assign({ ref: ref, containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className) }, props)));
|
|
20
|
-
});
|
|
21
|
-
InputOTP.displayName = "InputOTP";
|
|
22
|
-
const InputOTPGroup = React.forwardRef((_a, ref) => {
|
|
23
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
24
|
-
return (React.createElement("div", Object.assign({ ref: ref, className: cn("flex items-center", className) }, props)));
|
|
25
|
-
});
|
|
26
|
-
InputOTPGroup.displayName = "InputOTPGroup";
|
|
27
|
-
const InputOTPSlot = React.forwardRef((_a, ref) => {
|
|
28
|
-
var { index, className } = _a, props = __rest(_a, ["index", "className"]);
|
|
29
|
-
const inputOTPContext = React.useContext(OTPInputContext);
|
|
30
|
-
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
31
|
-
return (React.createElement("div", Object.assign({ ref: ref, className: cn("relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md", isActive && "z-10 ring-1 ring-ring", className) }, props),
|
|
32
|
-
char,
|
|
33
|
-
hasFakeCaret && (React.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" },
|
|
34
|
-
React.createElement("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" })))));
|
|
35
|
-
});
|
|
36
|
-
InputOTPSlot.displayName = "InputOTPSlot";
|
|
37
|
-
const InputOTPSeparator = React.forwardRef((_a, ref) => {
|
|
38
|
-
var props = __rest(_a, []);
|
|
39
|
-
return (React.createElement("div", Object.assign({ ref: ref, role: "separator" }, props),
|
|
40
|
-
React.createElement(MinusIcon, null)));
|
|
41
|
-
});
|
|
42
|
-
InputOTPSeparator.displayName = "InputOTPSeparator";
|
|
43
|
-
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
|
|
1
|
+
"use strict";"use client";var o=function(e,n){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,t=Object.getOwnPropertySymbols(e);s<t.length;s++)n.indexOf(t[s])<0&&Object.prototype.propertyIsEnumerable.call(e,t[s])&&(a[t[s]]=e[t[s]]);return a};import*as r from"react";import{OTPInput as b,OTPInputContext as N}from"input-otp";import{cn as l}from"../../lib/utils";import{MinusIcon as y}from"@radix-ui/react-icons";const i=r.forwardRef((e,n)=>{var{className:a,containerClassName:t}=e,s=o(e,["className","containerClassName"]);return r.createElement(b,Object.assign({ref:n,containerClassName:l("flex items-center gap-2 has-[:disabled]:opacity-50",t),className:l("disabled:cursor-not-allowed",a)},s))});i.displayName="InputOTP";const c=r.forwardRef((e,n)=>{var{className:a}=e,t=o(e,["className"]);return r.createElement("div",Object.assign({ref:n,className:l("flex items-center",a)},t))});c.displayName="InputOTPGroup";const p=r.forwardRef((e,n)=>{var{index:a,className:t}=e,s=o(e,["index","className"]);const d=r.useContext(N),{char:f,hasFakeCaret:u,isActive:O}=d.slots[a];return r.createElement("div",Object.assign({ref:n,className:l("relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",O&&"z-10 ring-1 ring-ring",t)},s),f,u&&r.createElement("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center"},r.createElement("div",{className:"h-4 w-px animate-caret-blink bg-foreground duration-1000"})))});p.displayName="InputOTPSlot";const m=r.forwardRef((e,n)=>{var a=o(e,[]);return r.createElement("div",Object.assign({ref:n,role:"separator"},a),r.createElement(y,null))});m.displayName="InputOTPSeparator";export{i as InputOTP,c as InputOTPGroup,p as InputOTPSlot,m as InputOTPSeparator};
|
|
@@ -1,8 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
const module = import("./input-otp-impl");
|
|
4
|
-
const lazy = (name) => React.lazy(() => module.then((m) => ({ default: m[name] })));
|
|
5
|
-
export const InputOTP = lazy("InputOTP");
|
|
6
|
-
export const InputOTPGroup = lazy("InputOTPGroup");
|
|
7
|
-
export const InputOTPSlot = lazy("InputOTPSlot");
|
|
8
|
-
export const InputOTPSeparator = lazy("InputOTPSeparator");
|
|
1
|
+
"use strict";"use client";import*as n from"react";const r=import("./input-otp-impl"),t=o=>n.lazy(()=>r.then(p=>({default:p[o]})));export const InputOTP=t("InputOTP"),InputOTPGroup=t("InputOTPGroup"),InputOTPSlot=t("InputOTPSlot"),InputOTPSeparator=t("InputOTPSeparator");
|
package/components/ui/input.js
CHANGED
|
@@ -1,19 +1 @@
|
|
|
1
|
-
var
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import * as React from "react";
|
|
13
|
-
import { cn } from "../../lib/utils";
|
|
14
|
-
const Input = React.forwardRef((_a, ref) => {
|
|
15
|
-
var { className, type } = _a, props = __rest(_a, ["className", "type"]);
|
|
16
|
-
return (React.createElement("input", Object.assign({ type: type, className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ref: ref }, props)));
|
|
17
|
-
});
|
|
18
|
-
Input.displayName = "Input";
|
|
19
|
-
export { Input };
|
|
1
|
+
"use strict";var i=function(t,n){var o={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&n.indexOf(e)<0&&(o[e]=t[e]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(t);r<e.length;r++)n.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(o[e[r]]=t[e[r]]);return o};import*as l from"react";import{cn as s}from"../../lib/utils";const a=l.forwardRef((t,n)=>{var{className:o,type:e}=t,r=i(t,["className","type"]);return l.createElement("input",Object.assign({type:e,className:s("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",o),ref:n},r))});a.displayName="Input";export{a as Input};
|
package/components/ui/label.js
CHANGED
|
@@ -1,23 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
import * as React from "react";
|
|
14
|
-
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
15
|
-
import { cva } from "class-variance-authority";
|
|
16
|
-
import { cn } from "../../lib/utils";
|
|
17
|
-
const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
|
|
18
|
-
const Label = React.forwardRef((_a, ref) => {
|
|
19
|
-
var { className } = _a, props = __rest(_a, ["className"]);
|
|
20
|
-
return (React.createElement(LabelPrimitive.Root, Object.assign({ ref: ref, className: cn(labelVariants(), className) }, props)));
|
|
21
|
-
});
|
|
22
|
-
Label.displayName = LabelPrimitive.Root.displayName;
|
|
23
|
-
export { Label };
|
|
1
|
+
"use strict";"use client";var i=function(t,a){var o={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&a.indexOf(e)<0&&(o[e]=t[e]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(t);r<e.length;r++)a.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(o[e[r]]=t[e[r]]);return o};import*as n from"react";import*as l from"@radix-ui/react-label";import{cva as c}from"class-variance-authority";import{cn as m}from"../../lib/utils";const p=c("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),s=n.forwardRef((t,a)=>{var{className:o}=t,e=i(t,["className"]);return n.createElement(l.Root,Object.assign({ref:a,className:m(p(),o)},e))});s.displayName=l.Root.displayName;export{s as Label};
|
|
@@ -1,25 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { Select, SelectTrigger, SelectContent, SelectItem, SelectValue, } from "./select";
|
|
4
|
-
import { cn } from "../../lib/utils";
|
|
5
|
-
const SUPPORTED_LOCALES = ["en", "es", "fr", "de"];
|
|
6
|
-
export const LanguageSelector = ({ className, value, onChange }) => {
|
|
7
|
-
const initial = React.useMemo(() => value || SUPPORTED_LOCALES[0], [value]);
|
|
8
|
-
const [selected, setSelected] = React.useState(initial);
|
|
9
|
-
React.useEffect(() => {
|
|
10
|
-
if (value)
|
|
11
|
-
setSelected(value);
|
|
12
|
-
}, [value]);
|
|
13
|
-
const handleChange = (locale) => {
|
|
14
|
-
setSelected(locale);
|
|
15
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(locale);
|
|
16
|
-
};
|
|
17
|
-
return (React.createElement(Select, { value: selected, onValueChange: handleChange },
|
|
18
|
-
React.createElement(SelectTrigger, { className: cn("w-28", className) },
|
|
19
|
-
React.createElement(SelectValue, null, selected.toUpperCase())),
|
|
20
|
-
React.createElement(SelectContent, null,
|
|
21
|
-
React.createElement(SelectItem, { value: "en" }, "English"),
|
|
22
|
-
React.createElement(SelectItem, { value: "es" }, "Espa\u00F1ol"),
|
|
23
|
-
React.createElement(SelectItem, { value: "fr" }, "Fran\u00E7ais"),
|
|
24
|
-
React.createElement(SelectItem, { value: "de" }, "Deutsch"))));
|
|
25
|
-
};
|
|
1
|
+
"use strict";"use client";import*as e from"react";import{Select as u,SelectTrigger as E,SelectContent as i,SelectItem as l,SelectValue as S}from"./select";import{cn as f}from"../../lib/utils";const d=["en","es","fr","de"];export const LanguageSelector=({className:s,value:t,onChange:n})=>{const m=e.useMemo(()=>t||d[0],[t]),[c,r]=e.useState(m);e.useEffect(()=>{t&&r(t)},[t]);const o=a=>{r(a),n?.(a)};return e.createElement(u,{value:c,onValueChange:o},e.createElement(E,{className:f("w-28",s)},e.createElement(S,null,c.toUpperCase())),e.createElement(i,null,e.createElement(l,{value:"en"},"English"),e.createElement(l,{value:"es"},"Espa\xF1ol"),e.createElement(l,{value:"fr"},"Fran\xE7ais"),e.createElement(l,{value:"de"},"Deutsch")))};
|