@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/form-field.d.ts

@@ -1,61 +1,94 @@
-import "./accordion-trigger-B51W3Rdg.js";
-import "./alert-title-W1oau4D6.js";
-import { B as FormFieldSeparator, G as FormFieldDescription, H as FormFieldLabel, K as FormFieldContent, R as FormFieldTitle, U as FormFieldGroup, V as FormFieldLegend, W as FormFieldError, z as FormFieldSet } from "./use-sidebar-CYBPR0ue.js";
-import "./announcement-title-3cikJ44S.js";
-import "./autocomplete-value-DUN1Jprs.js";
-import "./avatar-image-DPunh5Hd.js";
-import "./breadcrumb-separator-C6zfQJ5p.js";
-import "./card-title-Dk0akcFR.js";
-import "./collapsible-trigger-DjL8pGgf.js";
-import "./use-combobox-anchor-DKwvfnFx.js";
-import "./dialog-trigger-B5HeOikl.js";
-import "./context-menu-trigger-DHPhlnvV.js";
-import "./drawer-viewport-DejmWgmc.js";
-import "./dropdown-menu-trigger-DEdnOFwc.js";
-import "./dropzone-context-DNiJThhB.js";
-import "./emoji-picker-skin-tone-selector-amzh0Wk6.js";
-import "./empty-title-CcQlXOlP.js";
-import { LabelProps } from "./label.js";
-import "./hover-card-trigger-CRzFaoL4.js";
-import "./input-otp-slot-B19cyjk_.js";
-import "./kbd-group-PUw0yaIv.js";
-import "./marquee-item-BCswidMf.js";
-import "./menubar-trigger-Gx-lmpr9.js";
-import "./meter-value-FRDEI8VE.js";
-import "./navigation-menu-trigger-ryYftbUl.js";
-import "./number-field-scrub-area-cursor-BIS4ObSL.js";
-import "./pagination-previous-NpFopV3e.js";
-import "./pill-status-BS75xd9Z.js";
-import "./popover-trigger-C8pR26Xp.js";
-import "./progress-value-BGhNh_xb.js";
-import "./radio-group-item-DCXseC2o.js";
-import "./rating-star-CxVJUZmc.js";
-import "./resizable-panel-D4Brid-G.js";
-import "./scroll-bar-L-sXig2v.js";
-import "./select-value-D8pFrPKG.js";
-import "./sheet-trigger-B_N_tXmj.js";
-import "./tooltip-trigger-B43yfWhK.js";
-import "./table-row-BSEIkZEJ.js";
-import "./tabs-trigger-ChutNdGI.js";
-import "./use-timeline-Dcj9DR0I.js";
-import "./toggle-group-item-CrPxpOF5.js";
-import "./toolbar-separator-DbkRIfIA.js";
-import "./typography-ul-Dy8wQB_p.js";
-import "./index.js";
+import { s as Field, t as Fieldset } from "./fieldset-BvbNkZWm.js";
 import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
-import * as react from "react";
-import { ComponentProps } from "react";
+import { ComponentProps, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
+//#region src/ui/form-field/form-field-content.d.ts
+type FormFieldContentProps = ComponentProps<typeof Field.Item>;
+declare const FormFieldContent: ({
+  className,
+  ...props
+}: FormFieldContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/form-field/form-field-description.d.ts
+type FormFieldDescriptionProps = ComponentProps<typeof Field.Description>;
+declare const FormFieldDescription: ({
+  className,
+  ...props
+}: FormFieldDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/form-field/form-field-error.d.ts
+type FormFieldErrorProps = ComponentProps<typeof Field.Error> & {
+  errors?: ({
+    message?: string;
+  } | undefined)[];
+};
+declare const FormFieldError: ({
+  className,
+  children,
+  errors,
+  match,
+  ...props
+}: FormFieldErrorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/form-field/form-field-group.d.ts
+type FormFieldGroupProps = ComponentProps<"div">;
+declare const FormFieldGroup: ({
+  className,
+  ...props
+}: FormFieldGroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/form-field/form-field-label.d.ts
+type FormFieldLabelProps = ComponentProps<typeof Field.Label>;
+declare const FormFieldLabel: ({
+  className,
+  ...props
+}: FormFieldLabelProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/form-field/form-field-legend.d.ts
+type FormFieldLegendProps = ComponentProps<typeof Fieldset.Legend> & {
+  variant?: "legend" | "label";
+};
+declare const FormFieldLegend: ({
+  className,
+  variant,
+  ...props
+}: FormFieldLegendProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/form-field/form-field-separator.d.ts
+type FormFieldSeparatorProps = ComponentProps<"div"> & {
+  children?: ReactNode;
+};
+declare const FormFieldSeparator: ({
+  children,
+  className,
+  ...props
+}: FormFieldSeparatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/form-field/form-field-set.d.ts
+type FormFieldSetProps = ComponentProps<typeof Fieldset.Root>;
+declare const FormFieldSet: ({
+  className,
+  ...props
+}: FormFieldSetProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/form-field/form-field-title.d.ts
+type FormFieldTitleProps = ComponentProps<"div">;
+declare const FormFieldTitle: ({
+  className,
+  ...props
+}: FormFieldTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/ui/form-field/form-field.d.ts
+type FormFieldProps = ComponentProps<typeof Field.Root> & VariantProps<typeof fieldVariants>;
 declare const fieldVariants: tailwind_variants0.TVReturnType<{
   orientation: {
     vertical: string;
     horizontal: string;
     responsive: string;
   };
-}, undefined, "group/field flex w-full gap-3 data-[invalid=true]:text-danger", {
+}, undefined, "group/field flex w-full gap-3 data-[invalid]:text-danger-foreground data-[invalid=true]:text-danger-foreground", {
   orientation: {
     vertical: string;
     horizontal: string;
@@ -67,66 +100,56 @@ declare const fieldVariants: tailwind_variants0.TVReturnType<{
     horizontal: string;
     responsive: string;
   };
-}, undefined, "group/field flex w-full gap-3 data-[invalid=true]:text-danger", unknown, unknown, undefined>>;
+}, undefined, "group/field flex w-full gap-3 data-[invalid]:text-danger-foreground data-[invalid=true]:text-danger-foreground", unknown, unknown, undefined>>;
 declare const FormField: {
   ({
     className,
     orientation,
+    role,
     ...props
-  }: ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime0.JSX.Element;
+  }: FormFieldProps): react_jsx_runtime0.JSX.Element;
   Content: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: FormFieldContentProps) => react_jsx_runtime0.JSX.Element;
   Description: ({
     className,
     ...props
-  }: ComponentProps<"p">) => react_jsx_runtime0.JSX.Element;
+  }: FormFieldDescriptionProps) => react_jsx_runtime0.JSX.Element;
   Error: ({
     className,
     children,
     errors,
+    match,
     ...props
-  }: ComponentProps<"div"> & {
-    errors?: ({
-      message?: string;
-    } | undefined)[];
-  }) => react_jsx_runtime0.JSX.Element | null;
+  }: FormFieldErrorProps) => react_jsx_runtime0.JSX.Element;
   Group: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: FormFieldGroupProps) => react_jsx_runtime0.JSX.Element;
   Label: ({
     className,
     ...props
-  }: ComponentProps<({
-    className,
-    htmlFor,
-    ...props
-  }: LabelProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+  }: FormFieldLabelProps) => react_jsx_runtime0.JSX.Element;
   Legend: ({
     className,
     variant,
     ...props
-  }: ComponentProps<"legend"> & {
-    variant?: "legend" | "label";
-  }) => react_jsx_runtime0.JSX.Element;
+  }: FormFieldLegendProps) => react_jsx_runtime0.JSX.Element;
   Separator: ({
     children,
     className,
     ...props
-  }: ComponentProps<"div"> & {
-    children?: react.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }: FormFieldSeparatorProps) => react_jsx_runtime0.JSX.Element;
   Set: ({
     className,
     ...props
-  }: ComponentProps<"fieldset">) => react_jsx_runtime0.JSX.Element;
+  }: FormFieldSetProps) => react_jsx_runtime0.JSX.Element;
   Title: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: FormFieldTitleProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { FormField, FormFieldContent, FormFieldDescription, FormFieldError, FormFieldGroup, FormFieldLabel, FormFieldLegend, FormFieldSeparator, FormFieldSet, FormFieldTitle, fieldVariants };
+export { FormField, FormFieldContent, type FormFieldContentProps, FormFieldDescription, type FormFieldDescriptionProps, FormFieldError, type FormFieldErrorProps, FormFieldGroup, type FormFieldGroupProps, FormFieldLabel, type FormFieldLabelProps, FormFieldLegend, type FormFieldLegendProps, FormFieldProps, FormFieldSeparator, type FormFieldSeparatorProps, FormFieldSet, type FormFieldSetProps, FormFieldTitle, type FormFieldTitleProps, fieldVariants };
 //# sourceMappingURL=form-field.d.ts.map

package/dist/form-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.d.ts","names":[],"sources":["../src/ui/form-field/form-field.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAcM,aAAA,EAcJ,kBAAA,CAdiB,YAAA;;;;;;;;;;;;cAcjB,kBAAA,CAAA,YAAA;;;;;;;cAEI,SAAA;EAAA;;;;KAIH,cAAA,UAAwB,YAAA,QAAoB,aAAA,IAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA5BpC,SAAA;EAAA"}
+{"version":3,"file":"form-field.d.ts","names":[],"sources":["../src/ui/form-field/form-field-content.tsx","../src/ui/form-field/form-field-description.tsx","../src/ui/form-field/form-field-error.tsx","../src/ui/form-field/form-field-group.tsx","../src/ui/form-field/form-field-label.tsx","../src/ui/form-field/form-field-legend.tsx","../src/ui/form-field/form-field-separator.tsx","../src/ui/form-field/form-field-set.tsx","../src/ui/form-field/form-field-title.tsx","../src/ui/form-field/form-field.tsx"],"mappings":";;;;;;;KAKY,qBAAA,GAAwB,cAAA,QAAsB,KAAA,CAAM,IAAA;AAAA,cAE1D,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF5D,yBAAA,GAA4B,cAAA,QAC/B,KAAA,CAAM,WAAA;AAAA,cAGT,oBAAA;EAAwB,SAAA;EAAA,GAAA;AAAA,GAG3B,yBAAA,KAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCNhB,mBAAA,GAAsB,cAAA,QAAsB,KAAA,CAAM,KAAA;EAC5D,MAAA;IAAY,OAAA;EAAA;AAAA;AAAA,cAGR,cAAA;EAAkB,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,GAMrB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCbV,mBAAA,GAAsB,cAAA;AAAA,cAE5B,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAxD,mBAAA,GAAsB,cAAA,QAAsB,KAAA,CAAM,KAAA;AAAA,cAExD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFxD,oBAAA,GAAuB,cAAA,QAAsB,QAAA,CAAS,MAAA;EAChE,OAAA;AAAA;AAAA,cAGI,eAAA;EAAmB,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAItB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCRX,uBAAA,GAA0B,cAAA;EACpC,QAAA,GAAW,SAAA;AAAA;AAAA,cAGP,kBAAA;EAAsB,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAIzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCRd,iBAAA,GAAoB,cAAA,QAAsB,QAAA,CAAS,IAAA;AAAA,cAEzD,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCJpD,mBAAA,GAAsB,cAAA;AAAA,cAE5B,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCSxD,cAAA,GAAiB,cAAA,QAAsB,KAAA,CAAM,IAAA,IACvD,YAAA,QAAoB,aAAA;AAAA,cAEhB,aAAA,EAcJ,kBAAA,CAdiB,YAAA;;;;;;;;;;;;cAcjB,kBAAA,CAAA,YAAA;;;;;;;cAEI,SAAA;EAAA;;;;;KAKH,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/form-field.js

@@ -1,22 +1,124 @@
-import { a as FormFieldLabel, c as FormFieldDescription, i as FormFieldLegend, l as FormFieldContent, n as FormFieldSet, o as FormFieldGroup, r as FormFieldSeparator, s as FormFieldError, t as FormFieldTitle } from "./form-field-title-KqTd5is7.js";
+import { Separator } from "./separator.js";
+import { i as Field, t as Fieldset } from "./fieldset-fXftcr4b.js";
 import { cn, tv } from "tailwind-variants";
-import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 
+//#region src/ui/form-field/form-field-content.tsx
+const FormFieldContent = ({ className, ...props }) => /* @__PURE__ */ jsx(Field.Item, {
+	className: cn("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", className),
+	"data-slot": "field-content",
+	...props
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-description.tsx
+const FormFieldDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(Field.Description, {
+	className: cn("text-left text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground", className),
+	"data-slot": "field-description",
+	...props
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-error.tsx
+const FormFieldError = ({ className, children, errors, match, ...props }) => {
+	const content = useMemo(() => {
+		if (children) return children;
+		if (!errors?.length) return null;
+		const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
+		if (uniqueErrors?.length === 1) return uniqueErrors[0]?.message;
+		return /* @__PURE__ */ jsx("ul", {
+			className: "ml-4 flex list-disc flex-col gap-1",
+			children: uniqueErrors.map((error) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, error.message))
+		});
+	}, [children, errors]);
+	if (!content) return /* @__PURE__ */ jsx(Field.Error, {
+		className: cn("text-sm font-normal text-danger-foreground", className),
+		"data-slot": "field-error",
+		match,
+		role: "alert",
+		...props
+	});
+	return /* @__PURE__ */ jsx(Field.Error, {
+		className: cn("text-sm font-normal text-danger-foreground", className),
+		"data-slot": "field-error",
+		match: match ?? true,
+		role: "alert",
+		...props,
+		children: content
+	});
+};
+
+//#endregion
+//#region src/ui/form-field/form-field-group.tsx
+const FormFieldGroup = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className),
+	"data-slot": "field-group",
+	...props
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-label.tsx
+const FormFieldLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Field.Label, {
+	className: 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-control]]:w-full has-[>[data-slot=field-control]]:flex-col", className),
+	"data-slot": "field-label",
+	...props
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-legend.tsx
+const FormFieldLegend = ({ className, variant = "legend", ...props }) => /* @__PURE__ */ jsx(Fieldset.Legend, {
+	className: cn("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className),
+	"data-slot": "field-legend",
+	"data-variant": variant,
+	...props
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-separator.tsx
+const FormFieldSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsxs("div", {
+	className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
+	"data-content": !!children,
+	"data-slot": "field-separator",
+	...props,
+	children: [/* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && /* @__PURE__ */ jsx("span", {
+		className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+		"data-slot": "field-separator-content",
+		children
+	})]
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-set.tsx
+const FormFieldSet = ({ className, ...props }) => /* @__PURE__ */ jsx(Fieldset.Root, {
+	className: cn("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
+	"data-slot": "field-set",
+	...props
+});
+
+//#endregion
+//#region src/ui/form-field/form-field-title.tsx
+const FormFieldTitle = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className),
+	"data-slot": "field-label",
+	...props
+});
+
+//#endregion
 //#region src/ui/form-field/form-field.tsx
 const fieldVariants = tv({
-	base: "group/field flex w-full gap-3 data-[invalid=true]:text-danger",
+	base: "group/field flex w-full gap-3 data-[invalid]:text-danger-foreground data-[invalid=true]:text-danger-foreground",
 	variants: { orientation: {
 		vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
-		horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-		responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+		horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-item]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-item]]:[&>[role=checkbox],[role=radio]]:mt-px",
+		responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-item]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px @md/field-group:has-[>[data-slot=field-item]]:[&>[role=checkbox],[role=radio]]:mt-px"
 	} },
 	defaultVariants: { orientation: "vertical" }
 });
-const FormField = ({ className, orientation = "vertical", ...props }) => /* @__PURE__ */ jsx("div", {
+const FormField = ({ className, orientation = "vertical", role = "group", ...props }) => /* @__PURE__ */ jsx(Field.Root, {
 	className: cn(fieldVariants({ orientation }), className),
 	"data-orientation": orientation,
-	"data-slot": "field",
-	role: "group",
+	role,
 	...props
 });
 FormField.Content = FormFieldContent;

package/dist/form-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.js","names":[],"sources":["../src/ui/form-field/form-field.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { FormFieldContent } from \"./form-field-content\";\nimport { FormFieldDescription } from \"./form-field-description\";\nimport { FormFieldError } from \"./form-field-error\";\nimport { FormFieldGroup } from \"./form-field-group\";\nimport { FormFieldLabel } from \"./form-field-label\";\nimport { FormFieldLegend } from \"./form-field-legend\";\nimport { FormFieldSeparator } from \"./form-field-separator\";\nimport { FormFieldSet } from \"./form-field-set\";\nimport { FormFieldTitle } from \"./form-field-title\";\n\nconst fieldVariants = tv({\n  base: \"group/field flex w-full gap-3 data-[invalid=true]:text-danger\",\n  variants: {\n    orientation: {\n      vertical: \"flex-col *:w-full [&>.sr-only]:w-auto\",\n      horizontal:\n        \"flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n      responsive:\n        \"flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n});\n\nconst FormField = ({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: ComponentProps<\"div\"> & VariantProps<typeof fieldVariants>) => (\n  <div\n    className={cn(fieldVariants({ orientation }), className)}\n    data-orientation={orientation}\n    data-slot=\"field\"\n    role=\"group\"\n    {...props}\n  />\n);\n\nFormField.Content = FormFieldContent;\nFormField.Description = FormFieldDescription;\nFormField.Error = FormFieldError;\nFormField.Group = FormFieldGroup;\nFormField.Label = FormFieldLabel;\nFormField.Legend = FormFieldLegend;\nFormField.Separator = FormFieldSeparator;\nFormField.Set = FormFieldSet;\nFormField.Title = FormFieldTitle;\n\nexport {\n  FormField,\n  fieldVariants,\n  FormFieldContent,\n  FormFieldDescription,\n  FormFieldError,\n  FormFieldGroup,\n  FormFieldLabel,\n  FormFieldLegend,\n  FormFieldSeparator,\n  FormFieldSet,\n  FormFieldTitle,\n};\n"],"mappings":";;;;;AAcA,MAAM,gBAAgB,GAAG;CACvB,MAAM;CACN,UAAU,EACR,aAAa;EACX,UAAU;EACV,YACE;EACF,YACE;EACH,EACF;CACD,iBAAiB,EACf,aAAa,YACd;CACF,CAAC;AAEF,MAAM,aAAa,EACjB,WACA,cAAc,YACd,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,cAAc,EAAE,aAAa,CAAC,EAAE,UAAU;CACxD,oBAAkB;CAClB,aAAU;CACV,MAAK;CACL,GAAI;EACJ;AAGJ,UAAU,UAAU;AACpB,UAAU,cAAc;AACxB,UAAU,QAAQ;AAClB,UAAU,QAAQ;AAClB,UAAU,QAAQ;AAClB,UAAU,SAAS;AACnB,UAAU,YAAY;AACtB,UAAU,MAAM;AAChB,UAAU,QAAQ"}
+{"version":3,"file":"form-field.js","names":[],"sources":["../src/ui/form-field/form-field-content.tsx","../src/ui/form-field/form-field-description.tsx","../src/ui/form-field/form-field-error.tsx","../src/ui/form-field/form-field-group.tsx","../src/ui/form-field/form-field-label.tsx","../src/ui/form-field/form-field-legend.tsx","../src/ui/form-field/form-field-separator.tsx","../src/ui/form-field/form-field-set.tsx","../src/ui/form-field/form-field-title.tsx","../src/ui/form-field/form-field.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Field } from \"../field/field\";\nexport type FormFieldContentProps = ComponentProps<typeof Field.Item>;\n\nconst FormFieldContent = ({ className, ...props }: FormFieldContentProps) => (\n  <Field.Item\n    className={cn(\n      \"group/field-content flex flex-1 flex-col gap-0.5 leading-snug\",\n      className\n    )}\n    data-slot=\"field-content\"\n    {...props}\n  />\n);\n\nexport { FormFieldContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Field } from \"../field/field\";\nexport type FormFieldDescriptionProps = ComponentProps<\n  typeof Field.Description\n>;\n\nconst FormFieldDescription = ({\n  className,\n  ...props\n}: FormFieldDescriptionProps) => (\n  <Field.Description\n    className={cn(\n      \"text-left text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5\",\n      \"last:mt-0 nth-last-2:-mt-1\",\n      \"[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground\",\n      className\n    )}\n    data-slot=\"field-description\"\n    {...props}\n  />\n);\n\nexport { FormFieldDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Field } from \"../field/field\";\nexport type FormFieldErrorProps = ComponentProps<typeof Field.Error> & {\n  errors?: ({ message?: string } | undefined)[];\n};\n\nconst FormFieldError = ({\n  className,\n  children,\n  errors,\n  match,\n  ...props\n}: FormFieldErrorProps) => {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map((error) => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error) =>\n            error?.message && <li key={error.message}>{error.message}</li>\n        )}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return (\n      <Field.Error\n        className={cn(\"text-sm font-normal text-danger-foreground\", className)}\n        data-slot=\"field-error\"\n        match={match}\n        role=\"alert\"\n        {...props}\n      />\n    );\n  }\n\n  return (\n    <Field.Error\n      className={cn(\"text-sm font-normal text-danger-foreground\", className)}\n      data-slot=\"field-error\"\n      match={match ?? true}\n      role=\"alert\"\n      {...props}\n    >\n      {content}\n    </Field.Error>\n  );\n};\n\nexport { FormFieldError };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type FormFieldGroupProps = ComponentProps<\"div\">;\n\nconst FormFieldGroup = ({ className, ...props }: FormFieldGroupProps) => (\n  <div\n    className={cn(\n      \"group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4\",\n      className\n    )}\n    data-slot=\"field-group\"\n    {...props}\n  />\n);\n\nexport { FormFieldGroup };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Field } from \"../field/field\";\nexport type FormFieldLabelProps = ComponentProps<typeof Field.Label>;\n\nconst FormFieldLabel = ({ className, ...props }: FormFieldLabelProps) => (\n  <Field.Label\n    className={cn(\n      \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50\",\n      \"has-[>[data-slot=field-control]]:w-full has-[>[data-slot=field-control]]:flex-col\",\n      className\n    )}\n    data-slot=\"field-label\"\n    {...props}\n  />\n);\n\nexport { FormFieldLabel };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Fieldset } from \"../fieldset/fieldset\";\nexport type FormFieldLegendProps = ComponentProps<typeof Fieldset.Legend> & {\n  variant?: \"legend\" | \"label\";\n};\n\nconst FormFieldLegend = ({\n  className,\n  variant = \"legend\",\n  ...props\n}: FormFieldLegendProps) => (\n  <Fieldset.Legend\n    className={cn(\n      \"mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n      className\n    )}\n    data-slot=\"field-legend\"\n    data-variant={variant}\n    {...props}\n  />\n);\n\nexport { FormFieldLegend };\n","import type { ComponentProps, ReactNode } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Separator } from \"../separator/separator\";\nexport type FormFieldSeparatorProps = ComponentProps<\"div\"> & {\n  children?: ReactNode;\n};\n\nconst FormFieldSeparator = ({\n  children,\n  className,\n  ...props\n}: FormFieldSeparatorProps) => (\n  <div\n    className={cn(\n      \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\",\n      className\n    )}\n    data-content={!!children}\n    data-slot=\"field-separator\"\n    {...props}\n  >\n    <Separator className=\"absolute inset-0 top-1/2\" />\n    {children && (\n      <span\n        className=\"relative mx-auto block w-fit bg-background px-2 text-muted-foreground\"\n        data-slot=\"field-separator-content\"\n      >\n        {children}\n      </span>\n    )}\n  </div>\n);\n\nexport { FormFieldSeparator };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Fieldset } from \"../fieldset/fieldset\";\nexport type FormFieldSetProps = ComponentProps<typeof Fieldset.Root>;\n\nconst FormFieldSet = ({ className, ...props }: FormFieldSetProps) => (\n  <Fieldset.Root\n    className={cn(\n      \"flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n      className\n    )}\n    data-slot=\"field-set\"\n    {...props}\n  />\n);\n\nexport { FormFieldSet };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type FormFieldTitleProps = ComponentProps<\"div\">;\n\nconst FormFieldTitle = ({ className, ...props }: FormFieldTitleProps) => (\n  <div\n    className={cn(\n      \"flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50\",\n      className\n    )}\n    data-slot=\"field-label\"\n    {...props}\n  />\n);\n\nexport { FormFieldTitle };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { Field } from \"../field/field\";\nimport { FormFieldContent } from \"./form-field-content\";\nimport { FormFieldDescription } from \"./form-field-description\";\nimport { FormFieldError } from \"./form-field-error\";\nimport { FormFieldGroup } from \"./form-field-group\";\nimport { FormFieldLabel } from \"./form-field-label\";\nimport { FormFieldLegend } from \"./form-field-legend\";\nimport { FormFieldSeparator } from \"./form-field-separator\";\nimport { FormFieldSet } from \"./form-field-set\";\nimport { FormFieldTitle } from \"./form-field-title\";\nexport type FormFieldProps = ComponentProps<typeof Field.Root> &\n  VariantProps<typeof fieldVariants>;\n\nconst fieldVariants = tv({\n  base: \"group/field flex w-full gap-3 data-[invalid]:text-danger-foreground data-[invalid=true]:text-danger-foreground\",\n  variants: {\n    orientation: {\n      vertical: \"flex-col *:w-full [&>.sr-only]:w-auto\",\n      horizontal:\n        \"flex-row items-center has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-item]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px has-[>[data-slot=field-item]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n      responsive:\n        \"flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-item]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px @md/field-group:has-[>[data-slot=field-item]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n});\n\nconst FormField = ({\n  className,\n  orientation = \"vertical\",\n  role = \"group\",\n  ...props\n}: FormFieldProps) => (\n  <Field.Root\n    className={cn(fieldVariants({ orientation }), className)}\n    data-orientation={orientation}\n    role={role}\n    {...props}\n  />\n);\n\nFormField.Content = FormFieldContent;\nFormField.Description = FormFieldDescription;\nFormField.Error = FormFieldError;\nFormField.Group = FormFieldGroup;\nFormField.Label = FormFieldLabel;\nFormField.Legend = FormFieldLegend;\nFormField.Separator = FormFieldSeparator;\nFormField.Set = FormFieldSet;\nFormField.Title = FormFieldTitle;\n\nexport {\n  FormField,\n  fieldVariants,\n  FormFieldContent,\n  FormFieldDescription,\n  FormFieldError,\n  FormFieldGroup,\n  FormFieldLabel,\n  FormFieldLegend,\n  FormFieldSeparator,\n  FormFieldSet,\n  FormFieldTitle,\n};\n\nexport type { FormFieldContentProps } from \"./form-field-content\";\nexport type { FormFieldDescriptionProps } from \"./form-field-description\";\nexport type { FormFieldErrorProps } from \"./form-field-error\";\nexport type { FormFieldGroupProps } from \"./form-field-group\";\nexport type { FormFieldLabelProps } from \"./form-field-label\";\nexport type { FormFieldLegendProps } from \"./form-field-legend\";\nexport type { FormFieldSeparatorProps } from \"./form-field-separator\";\nexport type { FormFieldSetProps } from \"./form-field-set\";\nexport type { FormFieldTitleProps } from \"./form-field-title\";\n"],"mappings":";;;;;;;AAOA,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAAC,MAAM;CACL,WAAW,GACT,iEACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACNJ,MAAM,wBAAwB,EAC5B,WACA,GAAG,YAEH,oBAAC,MAAM;CACL,WAAW,GACT,qKACA,8BACA,gFACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACZJ,MAAM,kBAAkB,EACtB,WACA,UACA,QACA,OACA,GAAG,YACsB;CACzB,MAAM,UAAU,cAAc;AAC5B,MAAI,SACF,QAAO;AAGT,MAAI,CAAC,QAAQ,OACX,QAAO;EAGT,MAAM,eAAe,CACnB,GAAG,IAAI,IAAI,OAAO,KAAK,UAAU,CAAC,OAAO,SAAS,MAAM,CAAC,CAAC,CAAC,QAAQ,CACpE;AAED,MAAI,cAAc,WAAW,EAC3B,QAAO,aAAa,IAAI;AAG1B,SACE,oBAAC;GAAG,WAAU;aACX,aAAa,KACX,UACC,OAAO,WAAW,oBAAC,kBAAwB,MAAM,WAAtB,MAAM,QAA6B,CACjE;IACE;IAEN,CAAC,UAAU,OAAO,CAAC;AAEtB,KAAI,CAAC,QACH,QACE,oBAAC,MAAM;EACL,WAAW,GAAG,8CAA8C,UAAU;EACtE,aAAU;EACH;EACP,MAAK;EACL,GAAI;GACJ;AAIN,QACE,oBAAC,MAAM;EACL,WAAW,GAAG,8CAA8C,UAAU;EACtE,aAAU;EACV,OAAO,SAAS;EAChB,MAAK;EACL,GAAI;YAEH;GACW;;;;;AC5DlB,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAAC;CACC,WAAW,GACT,0IACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACNJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAAC,MAAM;CACL,WAAW,GACT,gHACA,qFACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACPJ,MAAM,mBAAmB,EACvB,WACA,UAAU,UACV,GAAG,YAEH,oBAAC,SAAS;CACR,WAAW,GACT,mFACA,UACD;CACD,aAAU;CACV,gBAAc;CACd,GAAI;EACJ;;;;ACbJ,MAAM,sBAAsB,EAC1B,UACA,WACA,GAAG,YAEH,qBAAC;CACC,WAAW,GACT,6EACA,UACD;CACD,gBAAc,CAAC,CAAC;CAChB,aAAU;CACV,GAAI;YAEJ,oBAAC,aAAU,WAAU,6BAA6B,EACjD,YACC,oBAAC;EACC,WAAU;EACV,aAAU;EAET;GACI;EAEL;;;;ACzBR,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC,SAAS;CACR,WAAW,GACT,oGACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACVJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAAC;CACC,WAAW,GACT,8GACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACIJ,MAAM,gBAAgB,GAAG;CACvB,MAAM;CACN,UAAU,EACR,aAAa;EACX,UAAU;EACV,YACE;EACF,YACE;EACH,EACF;CACD,iBAAiB,EACf,aAAa,YACd;CACF,CAAC;AAEF,MAAM,aAAa,EACjB,WACA,cAAc,YACd,OAAO,SACP,GAAG,YAEH,oBAAC,MAAM;CACL,WAAW,GAAG,cAAc,EAAE,aAAa,CAAC,EAAE,UAAU;CACxD,oBAAkB;CACZ;CACN,GAAI;EACJ;AAGJ,UAAU,UAAU;AACpB,UAAU,cAAc;AACxB,UAAU,QAAQ;AAClB,UAAU,QAAQ;AAClB,UAAU,QAAQ;AAClB,UAAU,SAAS;AACnB,UAAU,YAAY;AACtB,UAAU,MAAM;AAChB,UAAU,QAAQ"}