@codefast/ui 0.3.11 → 0.3.12-canary.1

package/dist/components/empty.d.ts

@@ -1,44 +1,23 @@
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/empty.d.ts
-declare const emptyMediaVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  variant: {
-    default: string;
-    icon: string;
-  };
+import type { VariantProps } from "#lib/utils";
+import type { ComponentProps, JSX } from "react";
+declare const emptyMediaVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    variant: {
+        default: string;
+        icon: string[];
+    };
 }, Record<string, never>>;
 type EmptyProps = ComponentProps<"div">;
-declare function Empty({
-  className,
-  ...props
-}: EmptyProps): JSX.Element;
+declare function Empty({ className, ...props }: EmptyProps): JSX.Element;
 type EmptyHeaderProps = ComponentProps<"div">;
-declare function EmptyHeader({
-  className,
-  ...props
-}: EmptyHeaderProps): JSX.Element;
+declare function EmptyHeader({ className, ...props }: EmptyHeaderProps): JSX.Element;
 type EmptyMediaProps = ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>;
-declare function EmptyMedia({
-  className,
-  variant,
-  ...props
-}: EmptyMediaProps): JSX.Element;
+declare function EmptyMedia({ className, variant, ...props }: EmptyMediaProps): JSX.Element;
 type EmptyTitleProps = ComponentProps<"div">;
-declare function EmptyTitle({
-  className,
-  ...props
-}: EmptyTitleProps): JSX.Element;
+declare function EmptyTitle({ className, ...props }: EmptyTitleProps): JSX.Element;
 type EmptyDescriptionProps = ComponentProps<"p">;
-declare function EmptyDescription({
-  className,
-  ...props
-}: EmptyDescriptionProps): JSX.Element;
+declare function EmptyDescription({ className, ...props }: EmptyDescriptionProps): JSX.Element;
 type EmptyContentProps = ComponentProps<"div">;
-declare function EmptyContent({
-  className,
-  ...props
-}: EmptyContentProps): JSX.Element;
-//#endregion
-export { Empty, EmptyContent, type EmptyContentProps, EmptyDescription, type EmptyDescriptionProps, EmptyHeader, type EmptyHeaderProps, EmptyMedia, type EmptyMediaProps, type EmptyProps, EmptyTitle, type EmptyTitleProps, emptyMediaVariants };
+declare function EmptyContent({ className, ...props }: EmptyContentProps): JSX.Element;
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, emptyMediaVariants, EmptyTitle, };
+export type { EmptyContentProps, EmptyDescriptionProps, EmptyHeaderProps, EmptyMediaProps, EmptyProps, EmptyTitleProps, };
+//# sourceMappingURL=empty.d.ts.map

package/dist/components/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../src/components/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjD,QAAA,MAAM,kBAAkB;;QAUlB,OAAO;QACP,IAAI;;yBAQR,CAAC;AAMH,KAAK,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAc/D;AAMD,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9C,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAQ3E;AAMD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEvF,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAS9F;AAMD,KAAK,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAQzE;AAMD,KAAK,qBAAqB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAEjD,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAarF;AAMD,KAAK,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/C,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAY7E;AAMD,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,UAAU,GACX,CAAC;AAEF,YAAY,EACV,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,eAAe,GAChB,CAAC"}

package/dist/components/empty.js

@@ -1,59 +1,47 @@
-import { cn, tv } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/empty.tsx
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, tv } from "#lib/utils";
+/* -----------------------------------------------------------------------------
+ * Variants: Empty
+ * -------------------------------------------------------------------------- */
 const emptyMediaVariants = tv({
-	base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-	defaultVariants: { variant: "default" },
-	variants: { variant: {
-		default: "bg-transparent",
-		icon: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"
-	} }
+    base: [
+        "mb-2 flex shrink-0 items-center justify-center",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+    ],
+    defaultVariants: {
+        variant: "default",
+    },
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: [
+                "flex size-10 shrink-0 items-center justify-center",
+                "rounded-xl",
+                "bg-muted text-foreground",
+                "[&_svg:not([class*='size-'])]:size-6",
+            ],
+        },
+    },
 });
 function Empty({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-xl border-dashed p-6 text-center text-balance md:p-12", className),
-		"data-slot": "empty",
-		...props
-	});
+    return (_jsx("div", { className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 p-6", "rounded-xl border-dashed", "text-center text-balance", "md:p-12", className), "data-slot": "empty", ...props }));
 }
 function EmptyHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className),
-		"data-slot": "empty-header",
-		...props
-	});
+    return (_jsx("div", { className: cn("flex max-w-sm flex-col items-center gap-2", "text-center", className), "data-slot": "empty-header", ...props }));
 }
 function EmptyMedia({ className, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: emptyMediaVariants({
-			className,
-			variant
-		}),
-		"data-slot": "empty-icon",
-		"data-variant": variant,
-		...props
-	});
+    return (_jsx("div", { className: emptyMediaVariants({ className, variant }), "data-slot": "empty-icon", "data-variant": variant, ...props }));
 }
 function EmptyTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("text-lg font-medium tracking-tight", className),
-		"data-slot": "empty-title",
-		...props
-	});
+    return (_jsx("div", { className: cn("text-lg font-medium tracking-tight", className), "data-slot": "empty-title", ...props }));
 }
 function EmptyDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("p", {
-		className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
-		"data-slot": "empty-description",
-		...props
-	});
+    return (_jsx("p", { className: cn("text-sm/relaxed text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4", "[&>a:hover]:text-primary", className), "data-slot": "empty-description", ...props }));
 }
 function EmptyContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className),
-		"data-slot": "empty-content",
-		...props
-	});
+    return (_jsx("div", { className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4", "text-sm text-balance", className), "data-slot": "empty-content", ...props }));
 }
-//#endregion
-export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, emptyMediaVariants, EmptyTitle, };

package/dist/components/field.d.ts

@@ -1,79 +1,42 @@
-import { Label } from "./label.js";
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/field.d.ts
-declare const fieldVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  orientation: {
-    horizontal: string;
-    responsive: string;
-    vertical: string;
-  };
+import type { VariantProps } from "#lib/utils";
+import type { ComponentProps, JSX } from "react";
+import { Label } from "#components/label";
+declare const fieldVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    orientation: {
+        horizontal: string[];
+        responsive: string[];
+        vertical: string[];
+    };
 }, Record<string, never>>;
 type FieldSetProps = ComponentProps<"fieldset">;
-declare function FieldSet({
-  className,
-  ...props
-}: FieldSetProps): JSX.Element;
+declare function FieldSet({ className, ...props }: FieldSetProps): JSX.Element;
 type FieldLegendProps = ComponentProps<"legend"> & {
-  variant?: "label" | "legend";
+    variant?: "label" | "legend";
 };
-declare function FieldLegend({
-  className,
-  variant,
-  ...props
-}: FieldLegendProps): JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): JSX.Element;
 type FieldGroupProps = ComponentProps<"div">;
-declare function FieldGroup({
-  className,
-  ...props
-}: FieldGroupProps): JSX.Element;
+declare function FieldGroup({ className, ...props }: FieldGroupProps): JSX.Element;
 type FieldProps = ComponentProps<"div"> & VariantProps<typeof fieldVariants>;
-declare function Field({
-  className,
-  orientation,
-  ...props
-}: FieldProps): JSX.Element;
+declare function Field({ className, orientation, ...props }: FieldProps): JSX.Element;
 type FieldContentProps = ComponentProps<"div">;
-declare function FieldContent({
-  className,
-  ...props
-}: FieldContentProps): JSX.Element;
+declare function FieldContent({ className, ...props }: FieldContentProps): JSX.Element;
 type FieldLabelProps = ComponentProps<typeof Label>;
-declare function FieldLabel({
-  className,
-  ...props
-}: FieldLabelProps): JSX.Element;
+declare function FieldLabel({ className, ...props }: FieldLabelProps): JSX.Element;
 type FieldTitleProps = ComponentProps<"div">;
-declare function FieldTitle({
-  className,
-  ...props
-}: FieldTitleProps): JSX.Element;
+declare function FieldTitle({ className, ...props }: FieldTitleProps): JSX.Element;
 type FieldDescriptionProps = ComponentProps<"p">;
-declare function FieldDescription({
-  className,
-  ...props
-}: FieldDescriptionProps): JSX.Element;
+declare function FieldDescription({ className, ...props }: FieldDescriptionProps): JSX.Element;
 type FieldSeparatorProps = ComponentProps<"div"> & {
-  children?: ComponentProps<"span">["children"];
+    children?: ComponentProps<"span">["children"];
 };
-declare function FieldSeparator({
-  children,
-  className,
-  ...props
-}: FieldSeparatorProps): JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): JSX.Element;
 interface FieldErrorMessage {
-  message?: string;
+    message?: string;
 }
 interface FieldErrorProps extends ComponentProps<"div"> {
-  errors?: (FieldErrorMessage | undefined)[];
+    errors?: (FieldErrorMessage | undefined)[];
 }
-declare function FieldError({
-  children,
-  className,
-  errors,
-  ...props
-}: FieldErrorProps): JSX.Element | null;
-//#endregion
-export { Field, FieldContent, type FieldContentProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, FieldLabel, type FieldLabelProps, FieldLegend, type FieldLegendProps, type FieldProps, FieldSeparator, type FieldSeparatorProps, FieldSet, type FieldSetProps, FieldTitle, type FieldTitleProps, fieldVariants };
+declare function FieldError({ children, className, errors, ...props }: FieldErrorProps): JSX.Element | null;
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants, };
+export type { FieldContentProps, FieldDescriptionProps, FieldErrorProps, FieldGroupProps, FieldLabelProps, FieldLegendProps, FieldProps, FieldSeparatorProps, FieldSetProps, FieldTitleProps, };
+//# sourceMappingURL=field.d.ts.map

package/dist/components/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/components/field.tsx"],"names":[],"mappings":"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"}

package/dist/components/field.js

@@ -1,114 +1,85 @@
 "use client";
-import { Separator } from "./separator.js";
-import { Label } from "./label.js";
-import { cn, tv } from "@codefast/tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn, tv } from "#lib/utils";
 import { useMemo } from "react";
-//#region src/components/field.tsx
+import { Label } from "#components/label";
+import { Separator } from "#components/separator";
+/* -----------------------------------------------------------------------------
+ * Variants: Field
+ * -------------------------------------------------------------------------- */
 const fieldVariants = tv({
-	base: "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
-	defaultVariants: { orientation: "vertical" },
-	variants: { orientation: {
-		horizontal: cn("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: cn("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"),
-		vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto"
-	} }
+    base: ["group/field flex w-full gap-3", "data-[invalid=true]:text-destructive"],
+    defaultVariants: {
+        orientation: "vertical",
+    },
+    variants: {
+        orientation: {
+            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",
+                "@md/field-group:flex-row @md/field-group:items-center",
+                "@md/field-group:has-[>[data-slot=field-content]]:items-start",
+                "[&>*]:w-full",
+                "@md/field-group:[&>*]:w-auto",
+                "[&>.sr-only]:w-auto",
+                "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+                "@md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            ],
+            vertical: ["flex-col", "[&>*]:w-full", "[&>.sr-only]:w-auto"],
+        },
+    },
 });
 function FieldSet({ className, ...props }) {
-	return /* @__PURE__ */ jsx("fieldset", {
-		className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
-		"data-slot": "field-set",
-		...props
-	});
+    return (_jsx("fieldset", { className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3", "has-[>[data-slot=radio-group]]:gap-3", className), "data-slot": "field-set", ...props }));
 }
 function FieldLegend({ className, variant = "legend", ...props }) {
-	return /* @__PURE__ */ jsx("legend", {
-		className: cn("mb-3 text-base font-medium", "data-[variant=label]:text-sm", className),
-		"data-slot": "field-legend",
-		"data-variant": variant,
-		...props
-	});
+    return (_jsx("legend", { className: cn("mb-3", "text-base font-medium", "data-[variant=label]:text-sm", className), "data-slot": "field-legend", "data-variant": variant, ...props }));
 }
 function FieldGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: 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", className),
-		"data-slot": "field-group",
-		...props
-	});
+    return (_jsx("div", { className: 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", className), "data-slot": "field-group", ...props }));
 }
 function Field({ className, orientation = "vertical", ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: fieldVariants({
-			className,
-			orientation
-		}),
-		"data-orientation": orientation,
-		"data-slot": "field",
-		role: "group",
-		...props
-	});
+    return (_jsx("div", { className: fieldVariants({ className, orientation }), "data-orientation": orientation, "data-slot": "field", role: "group", ...props }));
 }
 function FieldContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className),
-		"data-slot": "field-content",
-		...props
-	});
+    return (_jsx("div", { className: cn("group/field-content flex flex-1 flex-col gap-1.5", "leading-snug", className), "data-slot": "field-content", ...props }));
 }
 function FieldLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(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]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10", className),
-		"data-slot": "field-label",
-		...props
-	});
+    return (_jsx(Label, { className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug", "group-data-disabled/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border", "has-data-checked:border-primary has-data-checked:bg-primary/5", "dark:has-data-checked:bg-primary/10", "[&>*]:data-[slot=field]:p-4", className), "data-slot": "field-label", ...props }));
 }
 function FieldTitle({ className, ...props }) {
-	return /* @__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
-	});
+    return (_jsx("div", { className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", "group-data-disabled/field:opacity-50", className), "data-slot": "field-label", ...props }));
 }
 function FieldDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("p", {
-		className: cn("text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
-		"data-slot": "field-description",
-		...props
-	});
+    return (_jsx("p", { className: cn("text-sm leading-normal font-normal text-muted-foreground", "group-has-data-[orientation=horizontal]/field:text-balance", "last:mt-0", "nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4", "[&>a:hover]:text-primary", "[[data-variant=legend]+&]:-mt-1.5", className), "data-slot": "field-description", ...props }));
 }
 function FieldSeparator({ children, className, ...props }) {
-	const hasContent = Boolean(children);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
-		"data-content": hasContent,
-		"data-slot": "field-separator",
-		...props,
-		children: [/* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }), hasContent ? /* @__PURE__ */ jsx("span", {
-			className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
-			"data-slot": "field-separator-content",
-			children
-		}) : null]
-	});
+    const hasContent = Boolean(children);
+    return (_jsxs("div", { className: cn("relative", "-my-2 h-5 text-sm", "group-data-[variant=outline]/field-group:-mb-2", className), "data-content": hasContent, "data-slot": "field-separator", ...props, children: [_jsx(Separator, { className: cn("absolute", "inset-0 top-1/2") }), hasContent ? (_jsx("span", { className: cn("relative block", "mx-auto w-fit px-2", "bg-background text-muted-foreground"), "data-slot": "field-separator-content", children: children })) : null] }));
 }
 function FieldError({ children, className, errors, ...props }) {
-	const fallbackContent = useMemo(() => {
-		if (!errors?.length) return null;
-		const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
-		if (uniqueErrors.length === 1) return uniqueErrors[0]?.message ?? null;
-		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) : null)
-		});
-	}, [errors]);
-	const content = children ?? fallbackContent;
-	if (content === null || content === void 0 || content === false) return null;
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("text-sm font-normal text-destructive", className),
-		"data-slot": "field-error",
-		role: "alert",
-		...props,
-		children: content
-	});
+    const fallbackContent = useMemo(() => {
+        if (!errors?.length) {
+            return null;
+        }
+        const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
+        if (uniqueErrors.length === 1) {
+            return uniqueErrors[0]?.message ?? null;
+        }
+        return (_jsx("ul", { className: cn("flex flex-col gap-1", "ml-4", "list-disc"), children: uniqueErrors.map((error) => error?.message ? _jsx("li", { children: error.message }, error.message) : null) }));
+    }, [errors]);
+    const content = children ?? fallbackContent;
+    if (content === null || content === undefined || content === false) {
+        return null;
+    }
+    return (_jsx("div", { className: cn("text-sm font-normal text-destructive", className), "data-slot": "field-error", role: "alert", ...props, children: content }));
 }
-//#endregion
-export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants, };

package/dist/components/form.d.ts

@@ -1,48 +1,27 @@
+import type { Scope } from "@radix-ui/react-context";
+import type * as LabelPrimitive from "@radix-ui/react-label";
+import type { ComponentProps, JSX, ReactNode } from "react";
+import type { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 import { Slot } from "@radix-ui/react-slot";
-import { ComponentProps, JSX, ReactNode } from "react";
-import * as _$_radix_ui_react_context0 from "@radix-ui/react-context";
-import { Scope } from "@radix-ui/react-context";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import * as _$react_hook_form0 from "react-hook-form";
-import { ControllerProps, FieldPath, FieldValues, FormProvider } from "react-hook-form";
-
-//#region src/components/form.d.ts
+import { FormProvider } from "react-hook-form";
 type FormProps = ComponentProps<typeof FormProvider>;
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: _$react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 type ScopedProps<P> = P & {
-  __scopeFormField?: Scope;
+    __scopeFormField?: Scope;
 };
-declare const createFormFieldScope: _$_radix_ui_react_context0.CreateScope;
+declare const createFormFieldScope: import("@radix-ui/react-context").CreateScope;
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
 declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(formFieldProps: ScopedProps<FormFieldProps<TFieldValues, TName>>): JSX.Element;
 type FormItemProps = ComponentProps<"div">;
-declare function FormItem({
-  __scopeFormField,
-  className,
-  ...props
-}: ScopedProps<FormItemProps>): JSX.Element;
+declare function FormItem({ __scopeFormField, className, ...props }: ScopedProps<FormItemProps>): JSX.Element;
 type FormLabelProps = ComponentProps<typeof LabelPrimitive.Root>;
-declare function FormLabel({
-  __scopeFormField,
-  ...props
-}: ScopedProps<FormLabelProps>): JSX.Element;
+declare function FormLabel({ __scopeFormField, ...props }: ScopedProps<FormLabelProps>): JSX.Element;
 type FormControlProps = ComponentProps<typeof Slot>;
-declare function FormControl({
-  __scopeFormField,
-  ...props
-}: ScopedProps<FormControlProps>): JSX.Element;
+declare function FormControl({ __scopeFormField, ...props }: ScopedProps<FormControlProps>): JSX.Element;
 type FormDescriptionProps = ComponentProps<"p">;
-declare function FormDescription({
-  __scopeFormField,
-  className,
-  ...props
-}: ScopedProps<FormDescriptionProps>): JSX.Element;
+declare function FormDescription({ __scopeFormField, className, ...props }: ScopedProps<FormDescriptionProps>): JSX.Element;
 type FormMessageProps = ComponentProps<"p">;
-declare function FormMessage({
-  __scopeFormField,
-  children,
-  className,
-  ...props
-}: ScopedProps<FormMessageProps>): ReactNode;
-//#endregion
-export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, createFormFieldScope };
+declare function FormMessage({ __scopeFormField, children, className, ...props }: ScopedProps<FormMessageProps>): ReactNode;
+export type { FormControlProps, FormDescriptionProps, FormFieldProps, FormItemProps, FormLabelProps, FormMessageProps, FormProps, };
+export { createFormFieldScope, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, };
+//# sourceMappingURL=form.d.ts.map

package/dist/components/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/components/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAc,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI3F,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAc,YAAY,EAAgC,MAAM,iBAAiB,CAAC;AAQzF,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAErD,QAAA,MAAM,IAAI,4MAAe,CAAC;AAQ1B,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEvD,QAAA,MAA+B,oBAAoB,+CAAuC,CAAC;AA+C3F,KAAK,cAAc,CACjB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,IAC7D,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAEzC,iBAAS,SAAS,CAChB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAAc,EAAE,WAAW,CAAC,cAAc,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAQ/E;AAmBD,KAAK,aAAa,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3C,iBAAS,QAAQ,CAAC,EAChB,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,aAAa,CAAC,GAAG,GAAG,CAAC,OAAO,CAQ1C;AAQD,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAEjE,iBAAS,SAAS,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,CAAC,cAAc,CAAC,GAAG,GAAG,CAAC,OAAO,CAW3F;AAQD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEpD,iBAAS,WAAW,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,GAAG,CAAC,OAAO,CAe/F;AAMD,KAAK,oBAAoB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAEhD,iBAAS,eAAe,CAAC,EACvB,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,oBAAoB,CAAC,GAAG,GAAG,CAAC,OAAO,CAWjD;AAQD,KAAK,gBAAgB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AAE5C,iBAAS,WAAW,CAAC,EACnB,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAsB3C;AAMD,YAAY,EACV,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,SAAS,GACV,CAAC;AACF,OAAO,EACL,oBAAoB,EACpB,IAAI,EACJ,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,GACZ,CAAC"}