@vlrc-fe/components 1.0.0

package/dist/index12.js

@@ -0,0 +1,122 @@
+import { cn as e } from "./index3.js";
+import { CheckIcon as t, ChevronRightIcon as n, CircleIcon as r } from "lucide-react";
+import "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dropdown-menu";
+//#region src/ui/dropdown-menu.tsx
+function s({ ...e }) {
+	return /* @__PURE__ */ i(o.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function c({ ...e }) {
+	return /* @__PURE__ */ i(o.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...e
+	});
+}
+function l({ ...e }) {
+	return /* @__PURE__ */ i(o.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e
+	});
+}
+function u({ className: t, sideOffset: n = 4, ...r }) {
+	return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ i(o.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset: n,
+		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 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", t),
+		...r
+	}) });
+}
+function d({ ...e }) {
+	return /* @__PURE__ */ i(o.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
+}
+function f({ className: t, inset: n, variant: r = "default", ...a }) {
+	return /* @__PURE__ */ i(o.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": n,
+		"data-variant": r,
+		className: e("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...a
+	});
+}
+function p({ className: n, children: r, checked: s, ...c }) {
+	return /* @__PURE__ */ a(o.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		className: e("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", n),
+		checked: s,
+		...c,
+		children: [/* @__PURE__ */ i("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ i(o.ItemIndicator, { children: /* @__PURE__ */ i(t, { className: "size-4" }) })
+		}), r]
+	});
+}
+function m({ ...e }) {
+	return /* @__PURE__ */ i(o.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
+}
+function h({ className: t, children: n, ...s }) {
+	return /* @__PURE__ */ a(o.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: e("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...s,
+		children: [/* @__PURE__ */ i("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ i(o.ItemIndicator, { children: /* @__PURE__ */ i(r, { className: "size-2 fill-current" }) })
+		}), n]
+	});
+}
+function g({ className: t, inset: n, ...r }) {
+	return /* @__PURE__ */ i(o.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": n,
+		className: e("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", t),
+		...r
+	});
+}
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: e("bg-border -mx-1 my-1 h-px", t),
+		...n
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ i("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: e("text-muted-foreground ml-auto text-xs tracking-widest", t),
+		...n
+	});
+}
+function y({ ...e }) {
+	return /* @__PURE__ */ i(o.Sub, {
+		"data-slot": "dropdown-menu-sub",
+		...e
+	});
+}
+function b({ className: t, inset: r, children: s, ...c }) {
+	return /* @__PURE__ */ a(o.SubTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": r,
+		className: e("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...c,
+		children: [s, /* @__PURE__ */ i(n, { className: "ml-auto size-4" })]
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.SubContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", t),
+		...n
+	});
+}
+//#endregion
+export { s as DropdownMenu, p as DropdownMenuCheckboxItem, u as DropdownMenuContent, d as DropdownMenuGroup, f as DropdownMenuItem, g as DropdownMenuLabel, c as DropdownMenuPortal, m as DropdownMenuRadioGroup, h as DropdownMenuRadioItem, _ as DropdownMenuSeparator, v as DropdownMenuShortcut, y as DropdownMenuSub, x as DropdownMenuSubContent, b as DropdownMenuSubTrigger, l as DropdownMenuTrigger };

package/dist/index13.cjs

@@ -0,0 +1 @@
+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-dropdown-menu");a=e.__toESM(a,1);function o({...e}){return(0,i.jsx)(a.Root,{"data-slot":`dropdown-menu`,...e})}function s({...e}){return(0,i.jsx)(a.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function c({...e}){return(0,i.jsx)(a.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function l({className:e,sideOffset:n=4,...r}){return(0,i.jsx)(a.Portal,{children:(0,i.jsx)(a.Content,{"data-slot":`dropdown-menu-content`,sideOffset:n,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 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md`,e),...r})})}function u({...e}){return(0,i.jsx)(a.Group,{"data-slot":`dropdown-menu-group`,...e})}function d({className:e,inset:n,variant:r=`default`,...o}){return(0,i.jsx)(a.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":r,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o})}function f({className:e,children:r,checked:o,...s}){return(0,i.jsxs)(a.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),checked:o,...s,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,i.jsx)(a.ItemIndicator,{children:(0,i.jsx)(n.CheckIcon,{className:`size-4`})})}),r]})}function p({...e}){return(0,i.jsx)(a.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function m({className:e,children:r,...o}){return(0,i.jsxs)(a.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:t.cn(`focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...o,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute left-2 flex size-3.5 items-center justify-center`,children:(0,i.jsx)(a.ItemIndicator,{children:(0,i.jsx)(n.CircleIcon,{className:`size-2 fill-current`})})}),r]})}function h({className:e,inset:n,...r}){return(0,i.jsx)(a.Label,{"data-slot":`dropdown-menu-label`,"data-inset":n,className:t.cn(`px-2 py-1.5 text-sm font-medium data-[inset]:pl-8`,e),...r})}function g({className:e,...n}){return(0,i.jsx)(a.Separator,{"data-slot":`dropdown-menu-separator`,className:t.cn(`bg-border -mx-1 my-1 h-px`,e),...n})}function _({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t.cn(`text-muted-foreground ml-auto text-xs tracking-widest`,e),...n})}function v({...e}){return(0,i.jsx)(a.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function y({className:e,inset:r,children:o,...s}){return(0,i.jsxs)(a.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":r,className:t.cn(`focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,e),...s,children:[o,(0,i.jsx)(n.ChevronRightIcon,{className:`ml-auto size-4`})]})}function b({className:e,...n}){return(0,i.jsx)(a.SubContent,{"data-slot":`dropdown-menu-sub-content`,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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg`,e),...n})}exports.DropdownMenu=o,exports.DropdownMenuCheckboxItem=f,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=u,exports.DropdownMenuItem=d,exports.DropdownMenuLabel=h,exports.DropdownMenuPortal=s,exports.DropdownMenuRadioGroup=p,exports.DropdownMenuRadioItem=m,exports.DropdownMenuSeparator=g,exports.DropdownMenuShortcut=_,exports.DropdownMenuSub=v,exports.DropdownMenuSubContent=b,exports.DropdownMenuSubTrigger=y,exports.DropdownMenuTrigger=c;

package/dist/index13.js

@@ -0,0 +1,14 @@
+import { cn as e } from "./index3.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-label";
+//#region src/ui/label.tsx
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "label",
+		className: e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", r),
+		...i
+	});
+}
+//#endregion
+export { r as Label };

package/dist/index14.cjs

@@ -0,0 +1 @@
+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-label");i=e.__toESM(i,1);function a({className:e,...n}){return(0,r.jsx)(i.Root,{"data-slot":`label`,className:t.cn(`flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,e),...n})}exports.Label=a;

package/dist/index14.js

@@ -0,0 +1,16 @@
+import { cn as e } from "./index3.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-separator";
+//#region src/ui/separator.tsx
+function r({ className: r, orientation: i = "horizontal", decorative: a = !0, ...o }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "separator",
+		decorative: a,
+		orientation: i,
+		className: e("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", r),
+		...o
+	});
+}
+//#endregion
+export { r as Separator };

package/dist/index15.cjs

@@ -0,0 +1 @@
+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-separator");i=e.__toESM(i,1);function a({className:e,orientation:n=`horizontal`,decorative:a=!0,...o}){return(0,r.jsx)(i.Root,{"data-slot":`separator`,decorative:a,orientation:n,className:t.cn(`bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,e),...o})}exports.Separator=a;

package/dist/index15.js

@@ -0,0 +1,115 @@
+import { cn as e } from "./index3.js";
+import { Label as t } from "./index13.js";
+import { Separator as n } from "./index14.js";
+import { useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { cva as o } from "class-variance-authority";
+//#region src/ui/field.tsx
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ i("fieldset", {
+		"data-slot": "field-set",
+		className: e("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", t),
+		...n
+	});
+}
+function c({ className: t, variant: n = "legend", ...r }) {
+	return /* @__PURE__ */ i("legend", {
+		"data-slot": "field-legend",
+		"data-variant": n,
+		className: e("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", t),
+		...r
+	});
+}
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "field-group",
+		className: e("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", t),
+		...n
+	});
+}
+var u = o("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+	variants: { orientation: {
+		vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+		horizontal: [
+			"flex-row items-center",
+			"[&>[data-slot=field-label]]:flex-auto",
+			"has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+		],
+		responsive: [
+			"flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+			"@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+			"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+		]
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+function d({ className: t, orientation: n = "vertical", ...r }) {
+	return /* @__PURE__ */ i("div", {
+		role: "group",
+		"data-slot": "field",
+		"data-orientation": n,
+		className: e(u({ orientation: n }), t),
+		...r
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "field-content",
+		className: e("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", t),
+		...n
+	});
+}
+function p({ className: n, ...r }) {
+	return /* @__PURE__ */ i(t, {
+		"data-slot": "field-label",
+		className: e("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", n),
+		...r
+	});
+}
+function m({ className: t, ...n }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "field-label",
+		className: e("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", t),
+		...n
+	});
+}
+function h({ className: t, ...n }) {
+	return /* @__PURE__ */ i("p", {
+		"data-slot": "field-description",
+		className: e("text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", t),
+		...n
+	});
+}
+function g({ children: t, className: r, ...o }) {
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "field-separator",
+		"data-content": !!t,
+		className: e("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", r),
+		...o,
+		children: [/* @__PURE__ */ i(n, { className: "absolute inset-0 top-1/2" }), t && /* @__PURE__ */ i("span", {
+			className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+			"data-slot": "field-separator-content",
+			children: t
+		})]
+	});
+}
+function _({ className: t, children: n, errors: a, ...o }) {
+	let s = r(() => {
+		if (n) return n;
+		if (!a?.length) return null;
+		let e = [...new Map(a.map((e) => [e?.message, e])).values()];
+		return e?.length == 1 ? e[0]?.message : /* @__PURE__ */ i("ul", {
+			className: "ml-4 flex list-disc flex-col gap-1",
+			children: e.map((e, t) => e?.message && /* @__PURE__ */ i("li", { children: e.message }, t))
+		});
+	}, [n, a]);
+	return s ? /* @__PURE__ */ i("div", {
+		role: "alert",
+		"data-slot": "field-error",
+		className: e("text-destructive text-sm font-normal", t),
+		...o,
+		children: s
+	}) : null;
+}
+//#endregion
+export { d as Field, f as FieldContent, h as FieldDescription, _ as FieldError, l as FieldGroup, p as FieldLabel, c as FieldLegend, g as FieldSeparator, s as FieldSet, m as FieldTitle };

package/dist/index16.cjs

@@ -0,0 +1 @@
+const e=require("./index4.cjs"),t=require("./index14.cjs"),n=require("./index15.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("class-variance-authority");function o({className:t,...n}){return(0,i.jsx)(`fieldset`,{"data-slot":`field-set`,className:e.cn(`flex flex-col gap-6`,`has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,t),...n})}function s({className:t,variant:n=`legend`,...r}){return(0,i.jsx)(`legend`,{"data-slot":`field-legend`,"data-variant":n,className:e.cn(`mb-3 font-medium`,`data-[variant=legend]:text-base`,`data-[variant=label]:text-sm`,t),...r})}function c({className:t,...n}){return(0,i.jsx)(`div`,{"data-slot":`field-group`,className:e.cn(`group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4`,t),...n})}var l=(0,a.cva)(`group/field flex w-full gap-3 data-[invalid=true]:text-destructive`,{variants:{orientation:{vertical:[`flex-col [&>*]:w-full [&>.sr-only]:w-auto`],horizontal:[`flex-row items-center`,`[&>[data-slot=field-label]]:flex-auto`,`has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`],responsive:[`flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto`,`@md/field-group:[&>[data-slot=field-label]]:flex-auto`,`@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`]}},defaultVariants:{orientation:`vertical`}});function u({className:t,orientation:n=`vertical`,...r}){return(0,i.jsx)(`div`,{role:`group`,"data-slot":`field`,"data-orientation":n,className:e.cn(l({orientation:n}),t),...r})}function d({className:t,...n}){return(0,i.jsx)(`div`,{"data-slot":`field-content`,className:e.cn(`group/field-content flex flex-1 flex-col gap-1.5 leading-snug`,t),...n})}function f({className:n,...r}){return(0,i.jsx)(t.Label,{"data-slot":`field-label`,className:e.cn(`group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4`,`has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10`,n),...r})}function p({className:t,...n}){return(0,i.jsx)(`div`,{"data-slot":`field-label`,className:e.cn(`flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50`,t),...n})}function m({className:t,...n}){return(0,i.jsx)(`p`,{"data-slot":`field-description`,className:e.cn(`text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,t),...n})}function h({children:t,className:r,...a}){return(0,i.jsxs)(`div`,{"data-slot":`field-separator`,"data-content":!!t,className:e.cn(`relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2`,r),...a,children:[(0,i.jsx)(n.Separator,{className:`absolute inset-0 top-1/2`}),t&&(0,i.jsx)(`span`,{className:`bg-background text-muted-foreground relative mx-auto block w-fit px-2`,"data-slot":`field-separator-content`,children:t})]})}function g({className:t,children:n,errors:a,...o}){let s=(0,r.useMemo)(()=>{if(n)return n;if(!a?.length)return null;let e=[...new Map(a.map(e=>[e?.message,e])).values()];return e?.length==1?e[0]?.message:(0,i.jsx)(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map((e,t)=>e?.message&&(0,i.jsx)(`li`,{children:e.message},t))})},[n,a]);return s?(0,i.jsx)(`div`,{role:`alert`,"data-slot":`field-error`,className:e.cn(`text-destructive text-sm font-normal`,t),...o,children:s}):null}exports.Field=u,exports.FieldContent=d,exports.FieldDescription=m,exports.FieldError=g,exports.FieldGroup=c,exports.FieldLabel=f,exports.FieldLegend=s,exports.FieldSeparator=h,exports.FieldSet=o,exports.FieldTitle=p;