@vlrc-fe/components 1.0.7 → 1.0.8

package/dist/index20.js

@@ -1,116 +1,69 @@
 import { cn as e } from "./index3.js";
-import { Separator as t } from "./index14.js";
+import { ChevronRight as t, MoreHorizontal as n } from "lucide-react";
 import "react";
-import { jsx as n } from "react/jsx-runtime";
-import { Slot as r } from "@radix-ui/react-slot";
-import { cva as i } from "class-variance-authority";
-//#region src/ui/item.tsx
-function a({ className: t, ...r }) {
-	return /* @__PURE__ */ n("div", {
-		role: "list",
-		"data-slot": "item-group",
-		className: e("group/item-group flex flex-col", t),
-		...r
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Slot as a } from "@radix-ui/react-slot";
+//#region src/ui/breadcrumb.tsx
+function o({ ...e }) {
+	return /* @__PURE__ */ r("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		...e
 	});
 }
-function o({ className: r, ...i }) {
-	return /* @__PURE__ */ n(t, {
-		"data-slot": "item-separator",
-		orientation: "horizontal",
-		className: e("my-0", r),
-		...i
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ r("ol", {
+		"data-slot": "breadcrumb-list",
+		className: e("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", t),
+		...n
 	});
 }
-var s = i("group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", {
-	variants: {
-		variant: {
-			default: "bg-transparent",
-			outline: "border-border",
-			muted: "bg-muted/50"
-		},
-		size: {
-			default: "p-4 gap-4 ",
-			sm: "py-3 px-4 gap-2.5"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-});
-function c({ className: t, variant: i = "default", size: a = "default", asChild: o = !1, ...c }) {
-	return /* @__PURE__ */ n(o ? r : "div", {
-		"data-slot": "item",
-		"data-variant": i,
-		"data-size": a,
-		className: e(s({
-			variant: i,
-			size: a,
-			className: t
-		})),
-		...c
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ r("li", {
+		"data-slot": "breadcrumb-item",
+		className: e("inline-flex items-center gap-1.5", t),
+		...n
 	});
 }
-var l = i("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5", {
-	variants: { variant: {
-		default: "bg-transparent",
-		icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
-		image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
-	} },
-	defaultVariants: { variant: "default" }
-});
-function u({ className: t, variant: r = "default", ...i }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "item-media",
-		"data-variant": r,
-		className: e(l({
-			variant: r,
-			className: t
-		})),
+function l({ asChild: t, className: n, ...i }) {
+	return /* @__PURE__ */ r(t ? a : "a", {
+		"data-slot": "breadcrumb-link",
+		className: e("hover:text-foreground transition-colors", n),
 		...i
 	});
 }
-function d({ className: t, ...r }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "item-content",
-		className: e("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", t),
-		...r
-	});
-}
-function f({ className: t, ...r }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "item-title",
-		className: e("flex w-fit items-center gap-2 text-sm leading-snug font-medium", t),
-		...r
-	});
-}
-function p({ className: t, ...r }) {
-	return /* @__PURE__ */ n("p", {
-		"data-slot": "item-description",
-		className: e("text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", t),
-		...r
-	});
-}
-function m({ className: t, ...r }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "item-actions",
-		className: e("flex items-center gap-2", t),
-		...r
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: e("text-foreground font-normal", t),
+		...n
 	});
 }
-function h({ className: t, ...r }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "item-header",
-		className: e("flex basis-full items-center justify-between gap-2", t),
-		...r
+function d({ children: n, className: i, ...a }) {
+	return /* @__PURE__ */ r("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: e("[&>svg]:size-3.5", i),
+		...a,
+		children: n ?? /* @__PURE__ */ r(t, {})
 	});
 }
-function g({ className: t, ...r }) {
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "item-footer",
-		className: e("flex basis-full items-center justify-between gap-2", t),
-		...r
+function f({ className: t, ...a }) {
+	return /* @__PURE__ */ i("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: e("flex size-9 items-center justify-center", t),
+		...a,
+		children: [/* @__PURE__ */ r(n, { className: "size-4" }), /* @__PURE__ */ r("span", {
+			className: "sr-only",
+			children: "More"
+		})]
 	});
 }
 //#endregion
-export { c as Item, m as ItemActions, d as ItemContent, p as ItemDescription, g as ItemFooter, a as ItemGroup, h as ItemHeader, u as ItemMedia, o as ItemSeparator, f as ItemTitle };
+export { o as Breadcrumb, f as BreadcrumbEllipsis, c as BreadcrumbItem, l as BreadcrumbLink, s as BreadcrumbList, u as BreadcrumbPage, d as BreadcrumbSeparator };

package/dist/index200.cjs

@@ -0,0 +1 @@
+const e=require("./index80.cjs"),t=require("./index85.cjs"),n=require("./index101.cjs"),r=require("./index199.cjs");let i=require("react/jsx-runtime");function a({name:a,control:o,label:s=``,size:c=`middle`,options:l=[],onChange:u,value:d,rules:f={},disabled:p=!1,optionType:m=`default`,buttonStyle:h,autoHeightMax:g,showEmpty:_=!1,hideErrorMessage:v=!1,className:y}){let{isRequired:b,processedRules:x,parseValue:S,emitChange:C,sizeClasses:w}=r.useFormRadio({rules:f,value:d,onChange:u,showEmpty:_}),T=(t,r,a)=>(0,i.jsx)(n.RadioGroup,{value:S(r),onValueChange:e=>C(a,e),disabled:p,style:g?{maxHeight:`${g}px`,overflowY:`auto`}:void 0,children:l.map(r=>(0,i.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,i.jsx)(n.RadioGroupItem,{value:String(r.value),id:`${t}-${r.value}`,disabled:p||r.disabled,className:w[c]}),(0,i.jsx)(e.Label,{htmlFor:`${t}-${r.value}`,className:`cursor-pointer font-normal`,children:r.label})]},String(r.value)))});return(0,i.jsx)(t.FormField,{control:o,name:a,rules:x,render:({field:e})=>(0,i.jsxs)(t.FormItem,{className:y,children:[s&&(0,i.jsxs)(t.FormLabel,{children:[s,b&&(0,i.jsx)(`span`,{className:`text-destructive ml-1`,children:`*`})]}),(0,i.jsx)(t.FormControl,{children:T(a,d??e.value,e.onChange)}),!v&&(0,i.jsx)(t.FormMessage,{})]})})}exports.FormRadio=a;

package/dist/index200.js

@@ -0,0 +1,161 @@
+import { Button as e } from "./index10.js";
+import { FileUploadDropzone as t, FileUploadItem as n, FileUploadItemDelete as r, FileUploadItemMetadata as i, FileUploadItemPreview as a, FileUploadItemProgress as o, FileUploadList as s, FileUploadRoot as c, useStore as l } from "./index82.js";
+import { CameraIcon as u, CloudUploadIcon as d, Trash2Icon as f } from "lucide-react";
+import { useEffect as p, useRef as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/Form/FormFileUpload/FileUpload.tsx
+function v({ onChange: e, autoUpload: t, maxFiles: n }) {
+	let r = l((e) => e), i = m(null);
+	return p(() => {
+		if (!e) return;
+		let a = Array.from(r.files.values()), o = (() => {
+			if (t) {
+				let e = a.filter((e) => e.status === "success").map((e) => e.file.uploadedUrl).filter((e) => !!e);
+				return n === 1 ? e.length > 0 ? e[e.length - 1] : null : e;
+			}
+			let e = a.map((e) => e.file);
+			return n === 1 ? e.length > 0 ? e[e.length - 1] : null : e;
+		})(), s = i.current;
+		(t ? JSON.stringify(s) === JSON.stringify(o) : Array.isArray(o) && Array.isArray(s) ? o.length === s.length && o.every((e, t) => e === s[t]) : o === s) || (i.current = o, e(o));
+	}, [
+		r,
+		t,
+		n,
+		e
+	]), null;
+}
+function y(e, t = "") {
+	let n = e.split("/").pop()?.split("?")[0] || "file", r = n.split(".").pop()?.toLowerCase(), i = r && {
+		jpg: "image/jpeg",
+		jpeg: "image/jpeg",
+		png: "image/png",
+		gif: "image/gif",
+		webp: "image/webp"
+	}[r];
+	i ||= t.includes("image") ? "image/jpeg" : "application/octet-stream";
+	let a = new File([""], n, { type: i });
+	return a.isUploadedUrl = !0, a.uploadedUrl = e, a;
+}
+function b({ value: l, onChange: p, autoUpload: m = !1, uploadFile: b, maxFiles: x = 1, maxSize: S = 1024 * 1024 * 5, accept: C = "image/*", disabled: w, className: T, variant: E = "default" }) {
+	let D = (Array.isArray(l) ? l : l ? [l] : []).map((e) => e instanceof File ? e : typeof e == "string" ? y(e, C) : e);
+	return /* @__PURE__ */ _(c, {
+		value: D,
+		maxFiles: E === "avatar" ? 1 : x,
+		maxSize: S,
+		accept: C,
+		disabled: w,
+		onUpload: async (e, t) => {
+			if (!m) {
+				e.forEach((e) => t.onSuccess(e));
+				return;
+			}
+			if (!b) {
+				console.warn("uploadFile prop is required when autoUpload is true"), e.forEach((e) => t.onError(e, /* @__PURE__ */ Error("Missing uploadFile function")));
+				return;
+			}
+			await Promise.all(e.map(async (e) => {
+				let n = e;
+				if (n.isUploadedUrl) {
+					t.onSuccess(e);
+					return;
+				}
+				try {
+					t.onProgress(e, 20), n.uploadedUrl = await b(e), t.onProgress(e, 100), t.onSuccess(e);
+				} catch (n) {
+					t.onError(e, n instanceof Error ? n : /* @__PURE__ */ Error("Upload failed"));
+				}
+			}));
+		},
+		className: T,
+		children: [/* @__PURE__ */ g(v, {
+			onChange: p,
+			autoUpload: m,
+			maxFiles: E === "avatar" ? 1 : x
+		}), E === "avatar" ? /* @__PURE__ */ _("div", {
+			className: "flex flex-col items-center gap-2",
+			children: [/* @__PURE__ */ g(t, {
+				className: "group relative size-32 cursor-pointer overflow-hidden rounded-full border-2 border-dashed border-border p-0 hover:border-primary",
+				children: D[0] ? /* @__PURE__ */ _(n, {
+					value: D[0],
+					className: "relative flex size-full flex-col rounded-none border-none p-0",
+					children: [
+						/* @__PURE__ */ g(a, {
+							className: "size-full rounded-none border-none bg-transparent",
+							render: (e) => {
+								let t = e.uploadedUrl;
+								return t ? /* @__PURE__ */ g("img", {
+									src: t,
+									alt: "Avatar",
+									className: "size-full object-cover"
+								}) : /* @__PURE__ */ g("img", {
+									src: URL.createObjectURL(e),
+									alt: "Avatar",
+									className: "size-full object-cover"
+								});
+							}
+						}),
+						/* @__PURE__ */ _("div", {
+							className: "absolute inset-0 flex flex-col items-center justify-center gap-1 bg-black/40 opacity-0 transition-opacity group-hover:opacity-100",
+							children: [/* @__PURE__ */ g(u, { className: "size-6 text-white" }), /* @__PURE__ */ g("span", {
+								className: "text-[10px] text-white",
+								children: "Đổi ảnh"
+							})]
+						}),
+						/* @__PURE__ */ g(o, {
+							variant: "fill",
+							className: "opacity-50"
+						})
+					]
+				}) : /* @__PURE__ */ _("div", {
+					className: "flex size-full flex-col items-center justify-center gap-1 bg-accent text-muted-foreground transition-colors group-hover:bg-accent/80",
+					children: [/* @__PURE__ */ g(u, { className: "size-6" }), /* @__PURE__ */ g("span", {
+						className: "text-[10px]",
+						children: "Tải lên"
+					})]
+				})
+			}), /* @__PURE__ */ g("div", {
+				className: "text-xs text-muted-foreground",
+				children: S ? `Max ${Math.round(S / (1024 * 1024))}MB` : ""
+			})]
+		}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _(t, { children: [
+			/* @__PURE__ */ g(d, { className: "h-10 w-10 text-muted-foreground" }),
+			/* @__PURE__ */ g("p", {
+				className: "text-sm font-medium",
+				children: "Drag & drop files here, or click to select"
+			}),
+			/* @__PURE__ */ _("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					x > 1 ? `Up to ${x} files` : "1 file max",
+					" ",
+					S ? `(Max ${Math.round(S / (1024 * 1024))}MB)` : ""
+				]
+			})
+		] }), /* @__PURE__ */ g(s, { children: D.map((t, s) => /* @__PURE__ */ _(n, {
+			value: t,
+			children: [
+				/* @__PURE__ */ g(a, { render: (e, t) => {
+					let n = e.uploadedUrl;
+					return n && e.type.startsWith("image/") ? /* @__PURE__ */ g("img", {
+						src: n,
+						alt: e.name,
+						className: "size-full object-cover"
+					}) : t();
+				} }),
+				/* @__PURE__ */ g(i, {}),
+				/* @__PURE__ */ g(o, { className: "absolute bottom-0 left-0 right-0 h-1 w-auto rounded-none" }),
+				/* @__PURE__ */ g(r, {
+					asChild: !0,
+					children: /* @__PURE__ */ g(e, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-destructive",
+						children: /* @__PURE__ */ g(f, { className: "h-4 w-4" })
+					})
+				})
+			]
+		}, s)) })] })]
+	});
+}
+//#endregion
+export { b as FileUpload };

package/dist/index201.cjs

@@ -0,0 +1 @@
+const e=require("./index11.cjs"),t=require("./index83.cjs");let n=require("lucide-react"),r=require("react"),i=require("react/jsx-runtime");function a({onChange:e,autoUpload:n,maxFiles:i}){let a=t.useStore(e=>e),o=(0,r.useRef)(null);return(0,r.useEffect)(()=>{if(!e)return;let t=Array.from(a.files.values()),r=(()=>{if(n){let e=t.filter(e=>e.status===`success`).map(e=>e.file.uploadedUrl).filter(e=>!!e);return i===1?e.length>0?e[e.length-1]:null:e}let e=t.map(e=>e.file);return i===1?e.length>0?e[e.length-1]:null:e})(),s=o.current;(n?JSON.stringify(s)===JSON.stringify(r):Array.isArray(r)&&Array.isArray(s)?r.length===s.length&&r.every((e,t)=>e===s[t]):r===s)||(o.current=r,e(r))},[a,n,i,e]),null}function o(e,t=``){let n=e.split(`/`).pop()?.split(`?`)[0]||`file`,r=n.split(`.`).pop()?.toLowerCase(),i=r&&{jpg:`image/jpeg`,jpeg:`image/jpeg`,png:`image/png`,gif:`image/gif`,webp:`image/webp`}[r];i||=t.includes(`image`)?`image/jpeg`:`application/octet-stream`;let a=new File([``],n,{type:i});return a.isUploadedUrl=!0,a.uploadedUrl=e,a}function s({value:r,onChange:s,autoUpload:c=!1,uploadFile:l,maxFiles:u=1,maxSize:d=1024*1024*5,accept:f=`image/*`,disabled:p,className:m,variant:h=`default`}){let g=(Array.isArray(r)?r:r?[r]:[]).map(e=>e instanceof File?e:typeof e==`string`?o(e,f):e);return(0,i.jsxs)(t.FileUploadRoot,{value:g,maxFiles:h===`avatar`?1:u,maxSize:d,accept:f,disabled:p,onUpload:async(e,t)=>{if(!c){e.forEach(e=>t.onSuccess(e));return}if(!l){console.warn(`uploadFile prop is required when autoUpload is true`),e.forEach(e=>t.onError(e,Error(`Missing uploadFile function`)));return}await Promise.all(e.map(async e=>{let n=e;if(n.isUploadedUrl){t.onSuccess(e);return}try{t.onProgress(e,20),n.uploadedUrl=await l(e),t.onProgress(e,100),t.onSuccess(e)}catch(n){t.onError(e,n instanceof Error?n:Error(`Upload failed`))}}))},className:m,children:[(0,i.jsx)(a,{onChange:s,autoUpload:c,maxFiles:h===`avatar`?1:u}),h===`avatar`?(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(t.FileUploadDropzone,{className:`group relative size-32 cursor-pointer overflow-hidden rounded-full border-2 border-dashed border-border p-0 hover:border-primary`,children:g[0]?(0,i.jsxs)(t.FileUploadItem,{value:g[0],className:`relative flex size-full flex-col rounded-none border-none p-0`,children:[(0,i.jsx)(t.FileUploadItemPreview,{className:`size-full rounded-none border-none bg-transparent`,render:e=>{let t=e.uploadedUrl;return t?(0,i.jsx)(`img`,{src:t,alt:`Avatar`,className:`size-full object-cover`}):(0,i.jsx)(`img`,{src:URL.createObjectURL(e),alt:`Avatar`,className:`size-full object-cover`})}}),(0,i.jsxs)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center gap-1 bg-black/40 opacity-0 transition-opacity group-hover:opacity-100`,children:[(0,i.jsx)(n.CameraIcon,{className:`size-6 text-white`}),(0,i.jsx)(`span`,{className:`text-[10px] text-white`,children:`Đổi ảnh`})]}),(0,i.jsx)(t.FileUploadItemProgress,{variant:`fill`,className:`opacity-50`})]}):(0,i.jsxs)(`div`,{className:`flex size-full flex-col items-center justify-center gap-1 bg-accent text-muted-foreground transition-colors group-hover:bg-accent/80`,children:[(0,i.jsx)(n.CameraIcon,{className:`size-6`}),(0,i.jsx)(`span`,{className:`text-[10px]`,children:`Tải lên`})]})}),(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:d?`Max ${Math.round(d/(1024*1024))}MB`:``})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.FileUploadDropzone,{children:[(0,i.jsx)(n.CloudUploadIcon,{className:`h-10 w-10 text-muted-foreground`}),(0,i.jsx)(`p`,{className:`text-sm font-medium`,children:`Drag & drop files here, or click to select`}),(0,i.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[u>1?`Up to ${u} files`:`1 file max`,` `,d?`(Max ${Math.round(d/(1024*1024))}MB)`:``]})]}),(0,i.jsx)(t.FileUploadList,{children:g.map((r,a)=>(0,i.jsxs)(t.FileUploadItem,{value:r,children:[(0,i.jsx)(t.FileUploadItemPreview,{render:(e,t)=>{let n=e.uploadedUrl;return n&&e.type.startsWith(`image/`)?(0,i.jsx)(`img`,{src:n,alt:e.name,className:`size-full object-cover`}):t()}}),(0,i.jsx)(t.FileUploadItemMetadata,{}),(0,i.jsx)(t.FileUploadItemProgress,{className:`absolute bottom-0 left-0 right-0 h-1 w-auto rounded-none`}),(0,i.jsx)(t.FileUploadItemDelete,{asChild:!0,children:(0,i.jsx)(e.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,i.jsx)(n.Trash2Icon,{className:`h-4 w-4`})})})]},a))})]})]})}exports.FileUpload=s;

package/dist/index201.js

@@ -0,0 +1,16 @@
+import { FormBase as e } from "./index135.js";
+import { FileUpload as t } from "./index200.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/Form/FormFileUpload/index.tsx
+var r = (r) => /* @__PURE__ */ n(e, {
+	...r,
+	children: ({ onChange: e, value: i, disabled: a }) => /* @__PURE__ */ n(t, {
+		...r,
+		value: i,
+		onChange: e,
+		disabled: a || r.disabled,
+		className: r.className
+	})
+});
+//#endregion
+export { r as default };

package/dist/index202.cjs

@@ -0,0 +1 @@
+const e=require("./index136.cjs"),t=require("./index201.cjs");let n=require("react/jsx-runtime");var r=r=>(0,n.jsx)(e.FormBase,{...r,children:({onChange:e,value:i,disabled:a})=>(0,n.jsx)(t.FileUpload,{...r,value:i,onChange:e,disabled:a||r.disabled,className:r.className})});exports.default=r;

package/dist/index21.cjs

@@ -1 +1 @@
-const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index15.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-slot"),o=require("class-variance-authority");function s({className:e,...n}){return(0,i.jsx)(`div`,{role:`list`,"data-slot":`item-group`,className:t.cn(`group/item-group flex flex-col`,e),...n})}function c({className:e,...r}){return(0,i.jsx)(n.Separator,{"data-slot":`item-separator`,orientation:`horizontal`,className:t.cn(`my-0`,e),...r})}var l=(0,o.cva)(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted/50`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function u({className:e,variant:n=`default`,size:r=`default`,asChild:o=!1,...s}){return(0,i.jsx)(o?a.Slot:`div`,{"data-slot":`item`,"data-variant":n,"data-size":r,className:t.cn(l({variant:n,size:r,className:e})),...s})}var d=(0,o.cva)(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}});function f({className:e,variant:n=`default`,...r}){return(0,i.jsx)(`div`,{"data-slot":`item-media`,"data-variant":n,className:t.cn(d({variant:n,className:e})),...r})}function p({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-content`,className:t.cn(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,e),...n})}function m({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-title`,className:t.cn(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,e),...n})}function h({className:e,...n}){return(0,i.jsx)(`p`,{"data-slot":`item-description`,className:t.cn(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function g({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-actions`,className:t.cn(`flex items-center gap-2`,e),...n})}function _({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-header`,className:t.cn(`flex basis-full items-center justify-between gap-2`,e),...n})}function v({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`item-footer`,className:t.cn(`flex basis-full items-center justify-between gap-2`,e),...n})}exports.Item=u,exports.ItemActions=g,exports.ItemContent=p,exports.ItemDescription=h,exports.ItemFooter=v,exports.ItemGroup=s,exports.ItemHeader=_,exports.ItemMedia=f,exports.ItemSeparator=c,exports.ItemTitle=m;
+const e=require("./index2.cjs"),t=require("./index4.cjs");let n=require("lucide-react"),r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-slot");function o({...e}){return(0,i.jsx)(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,...e})}function s({className:e,...n}){return(0,i.jsx)(`ol`,{"data-slot":`breadcrumb-list`,className:t.cn(`text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5`,e),...n})}function c({className:e,...n}){return(0,i.jsx)(`li`,{"data-slot":`breadcrumb-item`,className:t.cn(`inline-flex items-center gap-1.5`,e),...n})}function l({asChild:e,className:n,...r}){return(0,i.jsx)(e?a.Slot:`a`,{"data-slot":`breadcrumb-link`,className:t.cn(`hover:text-foreground transition-colors`,n),...r})}function u({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`breadcrumb-page`,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:t.cn(`text-foreground font-normal`,e),...n})}function d({children:e,className:r,...a}){return(0,i.jsx)(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:t.cn(`[&>svg]:size-3.5`,r),...a,children:e??(0,i.jsx)(n.ChevronRight,{})})}function f({className:e,...r}){return(0,i.jsxs)(`span`,{"data-slot":`breadcrumb-ellipsis`,role:`presentation`,"aria-hidden":`true`,className:t.cn(`flex size-9 items-center justify-center`,e),...r,children:[(0,i.jsx)(n.MoreHorizontal,{className:`size-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`More`})]})}exports.Breadcrumb=o,exports.BreadcrumbEllipsis=f,exports.BreadcrumbItem=c,exports.BreadcrumbLink=l,exports.BreadcrumbList=s,exports.BreadcrumbPage=u,exports.BreadcrumbSeparator=d;

package/dist/index21.js

@@ -1,35 +1,88 @@
 "use client";
 import { cn as e } from "./index3.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-import * as n from "@radix-ui/react-popover";
-//#region src/ui/popover.tsx
-function r({ ...e }) {
-	return /* @__PURE__ */ t(n.Root, {
-		"data-slot": "popover",
-		...e
+import { Button as t, buttonVariants as n } from "./index10.js";
+import { ChevronDownIcon as r, ChevronLeftIcon as i, ChevronRightIcon as a } from "lucide-react";
+import * as o from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
+//#region src/ui/calendar.tsx
+function u({ className: t, classNames: o, showOutsideDays: u = !0, captionLayout: f = "label", buttonVariant: p = "ghost", formatters: m, components: h, ...g }) {
+	let _ = l();
+	return /* @__PURE__ */ s(c, {
+		showOutsideDays: u,
+		className: e("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, t),
+		captionLayout: f,
+		formatters: {
+			formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
+			...m
+		},
+		classNames: {
+			root: e("w-fit", _.root),
+			months: e("flex gap-4 flex-col md:flex-row relative", _.months),
+			month: e("flex flex-col w-full gap-4", _.month),
+			nav: e("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", _.nav),
+			button_previous: e(n({ variant: p }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", _.button_previous),
+			button_next: e(n({ variant: p }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", _.button_next),
+			month_caption: e("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", _.month_caption),
+			dropdowns: e("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", _.dropdowns),
+			dropdown_root: e("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", _.dropdown_root),
+			dropdown: e("absolute bg-popover inset-0 opacity-0", _.dropdown),
+			caption_label: e("select-none font-medium", f === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", _.caption_label),
+			weekdays: e("flex", _.weekdays),
+			weekday: e("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", _.weekday),
+			week: e("flex w-full mt-2", _.week),
+			week_number_header: e("select-none w-(--cell-size)", _.week_number_header),
+			week_number: e("text-[0.8rem] select-none text-muted-foreground", _.week_number),
+			day: e("relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", g.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md", _.day),
+			range_start: e("rounded-l-md bg-accent", _.range_start),
+			range_middle: e("rounded-none", _.range_middle),
+			range_end: e("rounded-r-md bg-accent", _.range_end),
+			today: e("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", _.today),
+			outside: e("text-muted-foreground aria-selected:text-muted-foreground", _.outside),
+			disabled: e("text-muted-foreground opacity-50", _.disabled),
+			hidden: e("invisible", _.hidden),
+			...o
+		},
+		components: {
+			Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ s("div", {
+				"data-slot": "calendar",
+				ref: n,
+				className: e(t),
+				...r
+			}),
+			Chevron: ({ className: t, orientation: n, ...o }) => s(n === "left" ? i : n === "right" ? a : r, {
+				className: e("size-4", t),
+				...o
+			}),
+			DayButton: d,
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ s("td", {
+				...t,
+				children: /* @__PURE__ */ s("div", {
+					className: "flex size-(--cell-size) items-center justify-center text-center",
+					children: e
+				})
+			}),
+			...h
+		},
+		...g
 	});
 }
-function i({ ...e }) {
-	return /* @__PURE__ */ t(n.Trigger, {
-		"data-slot": "popover-trigger",
-		...e
-	});
-}
-function a({ className: r, align: i = "center", sideOffset: a = 4, ...o }) {
-	return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Content, {
-		"data-slot": "popover-content",
-		align: i,
-		sideOffset: a,
-		className: e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", r),
-		...o
-	}) });
-}
-function o({ ...e }) {
-	return /* @__PURE__ */ t(n.Anchor, {
-		"data-slot": "popover-anchor",
-		...e
+function d({ className: n, day: r, modifiers: i, ...a }) {
+	let c = l(), u = o.useRef(null);
+	return o.useEffect(() => {
+		i.focused && u.current?.focus();
+	}, [i.focused]), /* @__PURE__ */ s(t, {
+		ref: u,
+		variant: "ghost",
+		size: "icon",
+		"data-day": r.date.toLocaleDateString(),
+		"data-selected-single": i.selected && !i.range_start && !i.range_end && !i.range_middle,
+		"data-range-start": i.range_start,
+		"data-range-end": i.range_end,
+		"data-range-middle": i.range_middle,
+		className: e("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", c.day, n),
+		...a
 	});
 }
 //#endregion
-export { r as Popover, o as PopoverAnchor, a as PopoverContent, i as PopoverTrigger };
+export { u as Calendar, d as CalendarDayButton };

package/dist/index22.cjs

@@ -1 +1 @@
-"use client";const e=require("./index2.cjs"),t=require("./index4.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-popover");i=e.__toESM(i,1);function a({...e}){return(0,r.jsx)(i.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:n=`center`,sideOffset:a=4,...o}){return(0,r.jsx)(i.Portal,{children:(0,r.jsx)(i.Content,{"data-slot":`popover-content`,align:n,sideOffset:a,className:t.cn(`bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden`,e),...o})})}function c({...e}){return(0,r.jsx)(i.Anchor,{"data-slot":`popover-anchor`,...e})}exports.Popover=a,exports.PopoverAnchor=c,exports.PopoverContent=s,exports.PopoverTrigger=o;
+"use client";const e=require("./index2.cjs"),t=require("./index4.cjs"),n=require("./index11.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("react-day-picker");function s({className:e,classNames:i,showOutsideDays:s=!0,captionLayout:l=`label`,buttonVariant:u=`ghost`,formatters:d,components:f,...p}){let m=(0,o.getDefaultClassNames)();return(0,a.jsx)(o.DayPicker,{showOutsideDays:s,className:t.cn(`bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,e),captionLayout:l,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...d},classNames:{root:t.cn(`w-fit`,m.root),months:t.cn(`flex gap-4 flex-col md:flex-row relative`,m.months),month:t.cn(`flex flex-col w-full gap-4`,m.month),nav:t.cn(`flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between`,m.nav),button_previous:t.cn(n.buttonVariants({variant:u}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,m.button_previous),button_next:t.cn(n.buttonVariants({variant:u}),`size-(--cell-size) aria-disabled:opacity-50 p-0 select-none`,m.button_next),month_caption:t.cn(`flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,m.month_caption),dropdowns:t.cn(`w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5`,m.dropdowns),dropdown_root:t.cn(`relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md`,m.dropdown_root),dropdown:t.cn(`absolute bg-popover inset-0 opacity-0`,m.dropdown),caption_label:t.cn(`select-none font-medium`,l===`label`?`text-sm`:`rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5`,m.caption_label),weekdays:t.cn(`flex`,m.weekdays),weekday:t.cn(`text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none`,m.weekday),week:t.cn(`flex w-full mt-2`,m.week),week_number_header:t.cn(`select-none w-(--cell-size)`,m.week_number_header),week_number:t.cn(`text-[0.8rem] select-none text-muted-foreground`,m.week_number),day:t.cn(`relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none`,p.showWeekNumber?`[&:nth-child(2)[data-selected=true]_button]:rounded-l-md`:`[&:first-child[data-selected=true]_button]:rounded-l-md`,m.day),range_start:t.cn(`rounded-l-md bg-accent`,m.range_start),range_middle:t.cn(`rounded-none`,m.range_middle),range_end:t.cn(`rounded-r-md bg-accent`,m.range_end),today:t.cn(`bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none`,m.today),outside:t.cn(`text-muted-foreground aria-selected:text-muted-foreground`,m.outside),disabled:t.cn(`text-muted-foreground opacity-50`,m.disabled),hidden:t.cn(`invisible`,m.hidden),...i},components:{Root:({className:e,rootRef:n,...r})=>(0,a.jsx)(`div`,{"data-slot":`calendar`,ref:n,className:t.cn(e),...r}),Chevron:({className:e,orientation:n,...i})=>n===`left`?(0,a.jsx)(r.ChevronLeftIcon,{className:t.cn(`size-4`,e),...i}):n===`right`?(0,a.jsx)(r.ChevronRightIcon,{className:t.cn(`size-4`,e),...i}):(0,a.jsx)(r.ChevronDownIcon,{className:t.cn(`size-4`,e),...i}),DayButton:c,WeekNumber:({children:e,...t})=>(0,a.jsx)(`td`,{...t,children:(0,a.jsx)(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})}),...f},...p})}function c({className:e,day:r,modifiers:s,...c}){let l=(0,o.getDefaultClassNames)(),u=i.useRef(null);return i.useEffect(()=>{s.focused&&u.current?.focus()},[s.focused]),(0,a.jsx)(n.Button,{ref:u,variant:`ghost`,size:`icon`,"data-day":r.date.toLocaleDateString(),"data-selected-single":s.selected&&!s.range_start&&!s.range_end&&!s.range_middle,"data-range-start":s.range_start,"data-range-end":s.range_end,"data-range-middle":s.range_middle,className:t.cn(`data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70`,l.day,e),...c})}exports.Calendar=s,exports.CalendarDayButton=c;

package/dist/index22.js

@@ -1,18 +1,68 @@
-import * as e from "react";
+import { cn as e } from "./index3.js";
+import "react";
 import { jsx as t } from "react/jsx-runtime";
-//#region src/ui/progress.tsx
-var n = e.forwardRef(({ className: e = "", value: n = 0, ...r }, i) => {
-	let a = Math.min(Math.max(n, 0), 100);
+import { cva as n } from "class-variance-authority";
+//#region src/ui/card.tsx
+var r = n("bg-card text-card-foreground flex flex-col rounded-xl border shadow-sm", {
+	variants: { variant: {
+		default: "gap-6 py-6",
+		glass: "gap-6 py-6 bg-card/80 backdrop-blur-sm dark:bg-card/40 dark:border-white/10",
+		"glass-strong": "gap-6 py-6 bg-card/60 backdrop-blur-md dark:bg-card/60 dark:backdrop-blur-md dark:border dark:border-white/10",
+		elevated: "gap-6 py-6 border-0 shadow-lg hover:-translate-y-1 hover:shadow-xl transition-all",
+		"elevated-glass": "gap-6 py-6 border-0 shadow-lg hover:-translate-y-2 hover:shadow-xl transition-all dark:bg-card/60 dark:backdrop-blur-md dark:border dark:border-white/10",
+		auth: "w-full max-w-md mx-auto bg-card/80 dark:bg-card/60 backdrop-blur-xl backdrop-saturate-150 border-border/60 dark:border-white/10 rounded-2xl shadow-2xl shadow-primary/10 dark:shadow-black/30"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function i({ className: n, variant: i, ...a }) {
 	return /* @__PURE__ */ t("div", {
-		ref: i,
-		className: `relative h-4 w-full overflow-hidden rounded-full bg-slate-200 dark:bg-slate-700 ${e}`,
-		...r,
-		children: /* @__PURE__ */ t("div", {
-			className: "h-full w-full bg-blue-500 dark:bg-blue-600 transition-all",
-			style: { width: `${a}%` }
-		})
+		"data-slot": "card",
+		"data-variant": i,
+		className: e(r({ variant: i }), n),
+		...a
 	});
-});
-n.displayName = "Progress";
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-header",
+		className: e("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-title",
+		className: e("leading-none font-semibold", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-description",
+		className: e("text-muted-foreground text-sm", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-action",
+		className: e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n),
+		...r
+	});
+}
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-content",
+		className: e("px-6", n),
+		...r
+	});
+}
+function u({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-footer",
+		className: e("flex items-center px-6 [.border-t]:pt-6", n),
+		...r
+	});
+}
 //#endregion
-export { n as Progress };
+export { i as Card, c as CardAction, l as CardContent, s as CardDescription, u as CardFooter, a as CardHeader, o as CardTitle, r as cardVariants };

package/dist/index23.cjs

@@ -1 +1 @@
-const e=require("./index2.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");var r=t.forwardRef(({className:e=``,value:t=0,...r},i)=>{let a=Math.min(Math.max(t,0),100);return(0,n.jsx)(`div`,{ref:i,className:`relative h-4 w-full overflow-hidden rounded-full bg-slate-200 dark:bg-slate-700 ${e}`,...r,children:(0,n.jsx)(`div`,{className:`h-full w-full bg-blue-500 dark:bg-blue-600 transition-all`,style:{width:`${a}%`}})})});r.displayName=`Progress`,exports.Progress=r;
+const e=require("./index2.cjs"),t=require("./index4.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=(0,require("class-variance-authority").cva)(`bg-card text-card-foreground flex flex-col rounded-xl border shadow-sm`,{variants:{variant:{default:`gap-6 py-6`,glass:`gap-6 py-6 bg-card/80 backdrop-blur-sm dark:bg-card/40 dark:border-white/10`,"glass-strong":`gap-6 py-6 bg-card/60 backdrop-blur-md dark:bg-card/60 dark:backdrop-blur-md dark:border dark:border-white/10`,elevated:`gap-6 py-6 border-0 shadow-lg hover:-translate-y-1 hover:shadow-xl transition-all`,"elevated-glass":`gap-6 py-6 border-0 shadow-lg hover:-translate-y-2 hover:shadow-xl transition-all dark:bg-card/60 dark:backdrop-blur-md dark:border dark:border-white/10`,auth:`w-full max-w-md mx-auto bg-card/80 dark:bg-card/60 backdrop-blur-xl backdrop-saturate-150 border-border/60 dark:border-white/10 rounded-2xl shadow-2xl shadow-primary/10 dark:shadow-black/30`}},defaultVariants:{variant:`default`}});function a({className:e,variant:n,...a}){return(0,r.jsx)(`div`,{"data-slot":`card`,"data-variant":n,className:t.cn(i({variant:n}),e),...a})}function o({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-header`,className:t.cn(`@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-title`,className:t.cn(`leading-none font-semibold`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-description`,className:t.cn(`text-muted-foreground text-sm`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-action`,className:t.cn(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-content`,className:t.cn(`px-6`,e),...n})}function d({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-footer`,className:t.cn(`flex items-center px-6 [.border-t]:pt-6`,e),...n})}exports.Card=a,exports.CardAction=l,exports.CardContent=u,exports.CardDescription=c,exports.CardFooter=d,exports.CardHeader=o,exports.CardTitle=s,exports.cardVariants=i;