jaci-ui 0.1.0

package/dist/components/field/field.cjs

@@ -0,0 +1,127 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_field = require("../../styled-system/recipes/field.cjs");
+const require_form = require("../form/form.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_field = require("@base-ui/react/field");
+//#region src/components/field/field.tsx
+const FieldContext = (0, react.createContext)({
+	errors: [],
+	insideField: false,
+	invalid: false,
+	name: void 0
+});
+function normalizeErrors(errors) {
+	if (errors === void 0 || errors === null || errors === false) return [];
+	return Array.isArray(errors) ? errors : [errors];
+}
+function renderErrors(errors) {
+	if (errors.length <= 1) return errors[0];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", { children: errors.map((error, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: error }, typeof error === "string" ? error : index)) });
+}
+const Field = (0, react.forwardRef)(function Field({ actionsRef, children, className, dirty, disabled = false, errors: directErrors, invalid: invalidProp = false, name, touched, validate, validationDebounceTime, validationMode, ...props }, ref) {
+	const { errors: formErrors } = (0, react.useContext)(require_form.JaciFormContext);
+	const formError = name ? formErrors[name] : void 0;
+	const errors = directErrors === void 0 ? normalizeErrors(formError) : normalizeErrors(directErrors);
+	const invalid = invalidProp || errors.length > 0;
+	const styles = require_field.field({ invalid });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldContext.Provider, {
+		value: {
+			errors,
+			insideField: true,
+			invalid,
+			name
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Root, {
+			...props,
+			ref,
+			actionsRef,
+			className: require_cx.cx(styles.root, className),
+			"data-invalid": invalid || void 0,
+			"data-jaci-component": "field",
+			"data-slot": "field",
+			disabled,
+			dirty,
+			invalid,
+			name,
+			touched,
+			validate,
+			validationDebounceTime,
+			validationMode,
+			children
+		})
+	});
+});
+const FieldLabel = (0, react.forwardRef)(function FieldLabel({ children, className, htmlFor, ...props }, ref) {
+	const { insideField, invalid } = (0, react.useContext)(FieldContext);
+	const labelProps = {
+		...props,
+		className: require_cx.cx(require_field.field({ invalid }).label, className),
+		"data-slot": "field-label",
+		htmlFor
+	};
+	if (!insideField) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+		...labelProps,
+		ref,
+		htmlFor,
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Label, {
+		...labelProps,
+		ref,
+		children
+	});
+});
+const FieldDescription = (0, react.forwardRef)(function FieldDescription({ className, ...props }, ref) {
+	const { insideField, invalid } = (0, react.useContext)(FieldContext);
+	const descriptionProps = {
+		...props,
+		className: require_cx.cx(require_field.field({ invalid }).description, className),
+		"data-slot": "field-description"
+	};
+	if (!insideField) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		...descriptionProps,
+		ref
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Description, {
+		...descriptionProps,
+		ref
+	});
+});
+const FieldError = (0, react.forwardRef)(function FieldError({ children, className, match, ...props }, ref) {
+	const { errors, insideField, invalid } = (0, react.useContext)(FieldContext);
+	const content = children ?? renderErrors(errors);
+	if (!insideField) {
+		if (content === void 0 || content === null || content === false) return null;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			...props,
+			ref,
+			className: require_cx.cx(require_field.field({ invalid }).error, className),
+			"data-slot": "field-error",
+			role: "alert",
+			children: content
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Error, {
+		...props,
+		ref,
+		className: require_cx.cx(require_field.field({ invalid }).error, className),
+		"data-slot": "field-error",
+		match: match ?? (invalid ? true : void 0),
+		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {}),
+		role: "alert",
+		children: content
+	});
+});
+function useFieldState() {
+	return (0, react.useContext)(FieldContext);
+}
+//#endregion
+exports.Field = Field;
+exports.FieldDescription = FieldDescription;
+exports.FieldError = FieldError;
+exports.FieldLabel = FieldLabel;
+exports.useFieldState = useFieldState;
+
+//# sourceMappingURL=field.cjs.map

package/dist/components/field/field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.cjs","names":["JaciFormContext","field","BaseField","cx"],"sources":["../../../src/components/field/field.tsx"],"sourcesContent":["\"use client\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode, Ref } from \"react\";\nimport type { FieldRoot as BaseFieldRoot } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { field } from \"../../styled-system/recipes\";\nimport { JaciFormContext } from \"../form\";\n\nexport type FieldValidationMode = \"onSubmit\" | \"onBlur\" | \"onChange\";\n\ninterface FieldContextValue {\n  errors: ReactNode[];\n  insideField: boolean;\n  invalid: boolean;\n  name: string | undefined;\n}\n\nconst FieldContext = createContext<FieldContextValue>({\n  errors: [],\n  insideField: false,\n  invalid: false,\n  name: undefined,\n});\n\nfunction normalizeErrors(errors: ReactNode | ReactNode[] | undefined): ReactNode[] {\n  if (errors === undefined || errors === null || errors === false) {\n    return [];\n  }\n\n  return Array.isArray(errors) ? errors : [errors];\n}\n\nfunction renderErrors(errors: ReactNode[]) {\n  if (errors.length <= 1) {\n    return errors[0];\n  }\n\n  return (\n    <ul>\n      {errors.map((error, index) => (\n        <li key={typeof error === \"string\" ? error : index}>{error}</li>\n      ))}\n    </ul>\n  );\n}\n\nexport interface FieldProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Field name used to resolve errors supplied to the parent Form. */\n  name?: string;\n  /** Direct error content, useful outside a Form or with custom validation. */\n  errors?: ReactNode | ReactNode[];\n  /** Disables the field and its Base UI validation state. */\n  disabled?: boolean;\n  /** Native/Base UI validation callback. */\n  validate?: BaseFieldRoot.Props[\"validate\"];\n  /** Validation timing used by the parent Form. */\n  validationMode?: FieldValidationMode;\n  /** Debounce duration for `validationMode=\"onChange\"`. */\n  validationDebounceTime?: number;\n  /** Controlled dirty/touched state for integrations with external form state. */\n  dirty?: boolean;\n  touched?: boolean;\n  /** Imperative field validation actions. */\n  actionsRef?: BaseFieldRoot.Props[\"actionsRef\"];\n  children?: ReactNode;\n}\n\nexport interface FieldLabelProps extends ComponentPropsWithoutRef<\"label\"> {\n  htmlFor: string;\n}\n\nexport const Field = forwardRef<HTMLDivElement, FieldProps>(function Field(\n  {\n    actionsRef,\n    children,\n    className,\n    dirty,\n    disabled = false,\n    errors: directErrors,\n    invalid: invalidProp = false,\n    name,\n    touched,\n    validate,\n    validationDebounceTime,\n    validationMode,\n    ...props\n  },\n  ref,\n) {\n  const { errors: formErrors } = useContext(JaciFormContext);\n  const formError = name ? formErrors[name] : undefined;\n  const errors =\n    directErrors === undefined ? normalizeErrors(formError) : normalizeErrors(directErrors);\n  const invalid = invalidProp || errors.length > 0;\n  const styles = field({ invalid });\n\n  return (\n    <FieldContext.Provider value={{ errors, insideField: true, invalid, name }}>\n      <BaseField.Root\n        {...props}\n        ref={ref}\n        actionsRef={actionsRef}\n        className={cx(styles.root, className)}\n        data-invalid={invalid || undefined}\n        data-jaci-component=\"field\"\n        data-slot=\"field\"\n        disabled={disabled}\n        dirty={dirty}\n        invalid={invalid}\n        name={name}\n        touched={touched}\n        validate={validate}\n        validationDebounceTime={validationDebounceTime}\n        validationMode={validationMode}\n      >\n        {children}\n      </BaseField.Root>\n    </FieldContext.Provider>\n  );\n});\n\nexport const FieldLabel = forwardRef<HTMLLabelElement, FieldLabelProps>(function FieldLabel(\n  { children, className, htmlFor, ...props },\n  ref,\n) {\n  const { insideField, invalid } = useContext(FieldContext);\n\n  const labelProps = {\n    ...props,\n    className: cx(field({ invalid }).label, className),\n    \"data-slot\": \"field-label\",\n    htmlFor,\n  };\n\n  if (!insideField) {\n    return (\n      <label {...labelProps} ref={ref} htmlFor={htmlFor}>\n        {children}\n      </label>\n    );\n  }\n\n  return (\n    <BaseField.Label {...labelProps} ref={ref as Ref<HTMLElement>}>\n      {children}\n    </BaseField.Label>\n  );\n});\n\nexport const FieldDescription = forwardRef<HTMLParagraphElement, ComponentPropsWithoutRef<\"p\">>(\n  function FieldDescription({ className, ...props }, ref) {\n    const { insideField, invalid } = useContext(FieldContext);\n    const descriptionProps = {\n      ...props,\n      className: cx(field({ invalid }).description, className),\n      \"data-slot\": \"field-description\",\n    };\n\n    if (!insideField) {\n      return <p {...descriptionProps} ref={ref} />;\n    }\n\n    return <BaseField.Description {...descriptionProps} ref={ref} />;\n  },\n);\n\nexport interface FieldErrorProps extends Omit<ComponentPropsWithoutRef<\"p\">, \"children\"> {\n  children?: ReactNode;\n  match?: boolean | keyof ValidityState;\n}\n\nexport const FieldError = forwardRef<HTMLParagraphElement, FieldErrorProps>(function FieldError(\n  { children, className, match, ...props },\n  ref,\n) {\n  const { errors, insideField, invalid } = useContext(FieldContext);\n  const content = children ?? renderErrors(errors);\n\n  if (!insideField) {\n    if (content === undefined || content === null || content === false) {\n      return null;\n    }\n\n    return (\n      <p\n        {...props}\n        ref={ref}\n        className={cx(field({ invalid }).error, className)}\n        data-slot=\"field-error\"\n        role=\"alert\"\n      >\n        {content}\n      </p>\n    );\n  }\n\n  return (\n    <BaseField.Error\n      {...props}\n      ref={ref as Ref<HTMLDivElement>}\n      className={cx(field({ invalid }).error, className)}\n      data-slot=\"field-error\"\n      match={match ?? (invalid ? true : undefined)}\n      render={<p />}\n      role=\"alert\"\n    >\n      {content}\n    </BaseField.Error>\n  );\n});\n\nexport function useFieldState() {\n  return useContext(FieldContext);\n}\n"],"mappings":"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"}

package/dist/components/field/field.d.cts

@@ -0,0 +1,47 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { FieldRoot } from "@base-ui/react/field";
+//#region src/components/field/field.d.ts
+type FieldValidationMode = "onSubmit" | "onBlur" | "onChange";
+interface FieldContextValue {
+  errors: ReactNode[];
+  insideField: boolean;
+  invalid: boolean;
+  name: string | undefined;
+}
+interface FieldProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+  /** Marks the field invalid when an external validator owns its state. */
+  invalid?: boolean;
+  /** Field name used to resolve errors supplied to the parent Form. */
+  name?: string;
+  /** Direct error content, useful outside a Form or with custom validation. */
+  errors?: ReactNode | ReactNode[];
+  /** Disables the field and its Base UI validation state. */
+  disabled?: boolean;
+  /** Native/Base UI validation callback. */
+  validate?: FieldRoot.Props["validate"];
+  /** Validation timing used by the parent Form. */
+  validationMode?: FieldValidationMode;
+  /** Debounce duration for `validationMode="onChange"`. */
+  validationDebounceTime?: number;
+  /** Controlled dirty/touched state for integrations with external form state. */
+  dirty?: boolean;
+  touched?: boolean;
+  /** Imperative field validation actions. */
+  actionsRef?: FieldRoot.Props["actionsRef"];
+  children?: ReactNode;
+}
+interface FieldLabelProps extends ComponentPropsWithoutRef<"label"> {
+  htmlFor: string;
+}
+declare const Field$1: import("react").ForwardRefExoticComponent<FieldProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const FieldLabel: import("react").ForwardRefExoticComponent<FieldLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+declare const FieldDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+interface FieldErrorProps extends Omit<ComponentPropsWithoutRef<"p">, "children"> {
+  children?: ReactNode;
+  match?: boolean | keyof ValidityState;
+}
+declare const FieldError: import("react").ForwardRefExoticComponent<FieldErrorProps & import("react").RefAttributes<HTMLParagraphElement>>;
+declare function useFieldState(): FieldContextValue;
+//#endregion
+export { Field$1 as Field, FieldDescription, FieldError, FieldErrorProps, FieldLabel, FieldLabelProps, FieldProps, FieldValidationMode, useFieldState };
+//# sourceMappingURL=field.d.cts.map

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

@@ -0,0 +1,47 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { FieldRoot } from "@base-ui/react/field";
+//#region src/components/field/field.d.ts
+type FieldValidationMode = "onSubmit" | "onBlur" | "onChange";
+interface FieldContextValue {
+  errors: ReactNode[];
+  insideField: boolean;
+  invalid: boolean;
+  name: string | undefined;
+}
+interface FieldProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+  /** Marks the field invalid when an external validator owns its state. */
+  invalid?: boolean;
+  /** Field name used to resolve errors supplied to the parent Form. */
+  name?: string;
+  /** Direct error content, useful outside a Form or with custom validation. */
+  errors?: ReactNode | ReactNode[];
+  /** Disables the field and its Base UI validation state. */
+  disabled?: boolean;
+  /** Native/Base UI validation callback. */
+  validate?: FieldRoot.Props["validate"];
+  /** Validation timing used by the parent Form. */
+  validationMode?: FieldValidationMode;
+  /** Debounce duration for `validationMode="onChange"`. */
+  validationDebounceTime?: number;
+  /** Controlled dirty/touched state for integrations with external form state. */
+  dirty?: boolean;
+  touched?: boolean;
+  /** Imperative field validation actions. */
+  actionsRef?: FieldRoot.Props["actionsRef"];
+  children?: ReactNode;
+}
+interface FieldLabelProps extends ComponentPropsWithoutRef<"label"> {
+  htmlFor: string;
+}
+declare const Field$1: import("react").ForwardRefExoticComponent<FieldProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const FieldLabel: import("react").ForwardRefExoticComponent<FieldLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+declare const FieldDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+interface FieldErrorProps extends Omit<ComponentPropsWithoutRef<"p">, "children"> {
+  children?: ReactNode;
+  match?: boolean | keyof ValidityState;
+}
+declare const FieldError: import("react").ForwardRefExoticComponent<FieldErrorProps & import("react").RefAttributes<HTMLParagraphElement>>;
+declare function useFieldState(): FieldContextValue;
+//#endregion
+export { Field$1 as Field, FieldDescription, FieldError, FieldErrorProps, FieldLabel, FieldLabelProps, FieldProps, FieldValidationMode, useFieldState };
+//# sourceMappingURL=field.d.ts.map

package/dist/components/field/field.js

@@ -0,0 +1,123 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { field } from "../../styled-system/recipes/field.js";
+import { JaciFormContext } from "../form/form.js";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Field } from "@base-ui/react/field";
+//#region src/components/field/field.tsx
+const FieldContext = createContext({
+	errors: [],
+	insideField: false,
+	invalid: false,
+	name: void 0
+});
+function normalizeErrors(errors) {
+	if (errors === void 0 || errors === null || errors === false) return [];
+	return Array.isArray(errors) ? errors : [errors];
+}
+function renderErrors(errors) {
+	if (errors.length <= 1) return errors[0];
+	return /* @__PURE__ */ jsx("ul", { children: errors.map((error, index) => /* @__PURE__ */ jsx("li", { children: error }, typeof error === "string" ? error : index)) });
+}
+const Field$1 = forwardRef(function Field$2({ actionsRef, children, className, dirty, disabled = false, errors: directErrors, invalid: invalidProp = false, name, touched, validate, validationDebounceTime, validationMode, ...props }, ref) {
+	const { errors: formErrors } = useContext(JaciFormContext);
+	const formError = name ? formErrors[name] : void 0;
+	const errors = directErrors === void 0 ? normalizeErrors(formError) : normalizeErrors(directErrors);
+	const invalid = invalidProp || errors.length > 0;
+	const styles = field({ invalid });
+	return /* @__PURE__ */ jsx(FieldContext.Provider, {
+		value: {
+			errors,
+			insideField: true,
+			invalid,
+			name
+		},
+		children: /* @__PURE__ */ jsx(Field.Root, {
+			...props,
+			ref,
+			actionsRef,
+			className: cx(styles.root, className),
+			"data-invalid": invalid || void 0,
+			"data-jaci-component": "field",
+			"data-slot": "field",
+			disabled,
+			dirty,
+			invalid,
+			name,
+			touched,
+			validate,
+			validationDebounceTime,
+			validationMode,
+			children
+		})
+	});
+});
+const FieldLabel = forwardRef(function FieldLabel({ children, className, htmlFor, ...props }, ref) {
+	const { insideField, invalid } = useContext(FieldContext);
+	const labelProps = {
+		...props,
+		className: cx(field({ invalid }).label, className),
+		"data-slot": "field-label",
+		htmlFor
+	};
+	if (!insideField) return /* @__PURE__ */ jsx("label", {
+		...labelProps,
+		ref,
+		htmlFor,
+		children
+	});
+	return /* @__PURE__ */ jsx(Field.Label, {
+		...labelProps,
+		ref,
+		children
+	});
+});
+const FieldDescription = forwardRef(function FieldDescription({ className, ...props }, ref) {
+	const { insideField, invalid } = useContext(FieldContext);
+	const descriptionProps = {
+		...props,
+		className: cx(field({ invalid }).description, className),
+		"data-slot": "field-description"
+	};
+	if (!insideField) return /* @__PURE__ */ jsx("p", {
+		...descriptionProps,
+		ref
+	});
+	return /* @__PURE__ */ jsx(Field.Description, {
+		...descriptionProps,
+		ref
+	});
+});
+const FieldError = forwardRef(function FieldError({ children, className, match, ...props }, ref) {
+	const { errors, insideField, invalid } = useContext(FieldContext);
+	const content = children ?? renderErrors(errors);
+	if (!insideField) {
+		if (content === void 0 || content === null || content === false) return null;
+		return /* @__PURE__ */ jsx("p", {
+			...props,
+			ref,
+			className: cx(field({ invalid }).error, className),
+			"data-slot": "field-error",
+			role: "alert",
+			children: content
+		});
+	}
+	return /* @__PURE__ */ jsx(Field.Error, {
+		...props,
+		ref,
+		className: cx(field({ invalid }).error, className),
+		"data-slot": "field-error",
+		match: match ?? (invalid ? true : void 0),
+		render: /* @__PURE__ */ jsx("p", {}),
+		role: "alert",
+		children: content
+	});
+});
+function useFieldState() {
+	return useContext(FieldContext);
+}
+//#endregion
+export { Field$1 as Field, FieldDescription, FieldError, FieldLabel, useFieldState };
+
+//# sourceMappingURL=field.js.map

package/dist/components/field/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":["Field","BaseField"],"sources":["../../../src/components/field/field.tsx"],"sourcesContent":["\"use client\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode, Ref } from \"react\";\nimport type { FieldRoot as BaseFieldRoot } from \"@base-ui/react/field\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { field } from \"../../styled-system/recipes\";\nimport { JaciFormContext } from \"../form\";\n\nexport type FieldValidationMode = \"onSubmit\" | \"onBlur\" | \"onChange\";\n\ninterface FieldContextValue {\n  errors: ReactNode[];\n  insideField: boolean;\n  invalid: boolean;\n  name: string | undefined;\n}\n\nconst FieldContext = createContext<FieldContextValue>({\n  errors: [],\n  insideField: false,\n  invalid: false,\n  name: undefined,\n});\n\nfunction normalizeErrors(errors: ReactNode | ReactNode[] | undefined): ReactNode[] {\n  if (errors === undefined || errors === null || errors === false) {\n    return [];\n  }\n\n  return Array.isArray(errors) ? errors : [errors];\n}\n\nfunction renderErrors(errors: ReactNode[]) {\n  if (errors.length <= 1) {\n    return errors[0];\n  }\n\n  return (\n    <ul>\n      {errors.map((error, index) => (\n        <li key={typeof error === \"string\" ? error : index}>{error}</li>\n      ))}\n    </ul>\n  );\n}\n\nexport interface FieldProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** Marks the field invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Field name used to resolve errors supplied to the parent Form. */\n  name?: string;\n  /** Direct error content, useful outside a Form or with custom validation. */\n  errors?: ReactNode | ReactNode[];\n  /** Disables the field and its Base UI validation state. */\n  disabled?: boolean;\n  /** Native/Base UI validation callback. */\n  validate?: BaseFieldRoot.Props[\"validate\"];\n  /** Validation timing used by the parent Form. */\n  validationMode?: FieldValidationMode;\n  /** Debounce duration for `validationMode=\"onChange\"`. */\n  validationDebounceTime?: number;\n  /** Controlled dirty/touched state for integrations with external form state. */\n  dirty?: boolean;\n  touched?: boolean;\n  /** Imperative field validation actions. */\n  actionsRef?: BaseFieldRoot.Props[\"actionsRef\"];\n  children?: ReactNode;\n}\n\nexport interface FieldLabelProps extends ComponentPropsWithoutRef<\"label\"> {\n  htmlFor: string;\n}\n\nexport const Field = forwardRef<HTMLDivElement, FieldProps>(function Field(\n  {\n    actionsRef,\n    children,\n    className,\n    dirty,\n    disabled = false,\n    errors: directErrors,\n    invalid: invalidProp = false,\n    name,\n    touched,\n    validate,\n    validationDebounceTime,\n    validationMode,\n    ...props\n  },\n  ref,\n) {\n  const { errors: formErrors } = useContext(JaciFormContext);\n  const formError = name ? formErrors[name] : undefined;\n  const errors =\n    directErrors === undefined ? normalizeErrors(formError) : normalizeErrors(directErrors);\n  const invalid = invalidProp || errors.length > 0;\n  const styles = field({ invalid });\n\n  return (\n    <FieldContext.Provider value={{ errors, insideField: true, invalid, name }}>\n      <BaseField.Root\n        {...props}\n        ref={ref}\n        actionsRef={actionsRef}\n        className={cx(styles.root, className)}\n        data-invalid={invalid || undefined}\n        data-jaci-component=\"field\"\n        data-slot=\"field\"\n        disabled={disabled}\n        dirty={dirty}\n        invalid={invalid}\n        name={name}\n        touched={touched}\n        validate={validate}\n        validationDebounceTime={validationDebounceTime}\n        validationMode={validationMode}\n      >\n        {children}\n      </BaseField.Root>\n    </FieldContext.Provider>\n  );\n});\n\nexport const FieldLabel = forwardRef<HTMLLabelElement, FieldLabelProps>(function FieldLabel(\n  { children, className, htmlFor, ...props },\n  ref,\n) {\n  const { insideField, invalid } = useContext(FieldContext);\n\n  const labelProps = {\n    ...props,\n    className: cx(field({ invalid }).label, className),\n    \"data-slot\": \"field-label\",\n    htmlFor,\n  };\n\n  if (!insideField) {\n    return (\n      <label {...labelProps} ref={ref} htmlFor={htmlFor}>\n        {children}\n      </label>\n    );\n  }\n\n  return (\n    <BaseField.Label {...labelProps} ref={ref as Ref<HTMLElement>}>\n      {children}\n    </BaseField.Label>\n  );\n});\n\nexport const FieldDescription = forwardRef<HTMLParagraphElement, ComponentPropsWithoutRef<\"p\">>(\n  function FieldDescription({ className, ...props }, ref) {\n    const { insideField, invalid } = useContext(FieldContext);\n    const descriptionProps = {\n      ...props,\n      className: cx(field({ invalid }).description, className),\n      \"data-slot\": \"field-description\",\n    };\n\n    if (!insideField) {\n      return <p {...descriptionProps} ref={ref} />;\n    }\n\n    return <BaseField.Description {...descriptionProps} ref={ref} />;\n  },\n);\n\nexport interface FieldErrorProps extends Omit<ComponentPropsWithoutRef<\"p\">, \"children\"> {\n  children?: ReactNode;\n  match?: boolean | keyof ValidityState;\n}\n\nexport const FieldError = forwardRef<HTMLParagraphElement, FieldErrorProps>(function FieldError(\n  { children, className, match, ...props },\n  ref,\n) {\n  const { errors, insideField, invalid } = useContext(FieldContext);\n  const content = children ?? renderErrors(errors);\n\n  if (!insideField) {\n    if (content === undefined || content === null || content === false) {\n      return null;\n    }\n\n    return (\n      <p\n        {...props}\n        ref={ref}\n        className={cx(field({ invalid }).error, className)}\n        data-slot=\"field-error\"\n        role=\"alert\"\n      >\n        {content}\n      </p>\n    );\n  }\n\n  return (\n    <BaseField.Error\n      {...props}\n      ref={ref as Ref<HTMLDivElement>}\n      className={cx(field({ invalid }).error, className)}\n      data-slot=\"field-error\"\n      match={match ?? (invalid ? true : undefined)}\n      render={<p />}\n      role=\"alert\"\n    >\n      {content}\n    </BaseField.Error>\n  );\n});\n\nexport function useFieldState() {\n  return useContext(FieldContext);\n}\n"],"mappings":"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"}

package/dist/components/field/index.d.cts

@@ -0,0 +1,2 @@
+import { Field, FieldDescription, FieldError, FieldErrorProps, FieldLabel, FieldLabelProps, FieldProps, FieldValidationMode, useFieldState } from "./field.cjs";
+export { Field, FieldDescription, FieldError, type FieldErrorProps, FieldLabel, type FieldLabelProps, type FieldProps, type FieldValidationMode, useFieldState };

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

@@ -0,0 +1,2 @@
+import { Field, FieldDescription, FieldError, FieldErrorProps, FieldLabel, FieldLabelProps, FieldProps, FieldValidationMode, useFieldState } from "./field.js";
+export { Field, FieldDescription, FieldError, type FieldErrorProps, FieldLabel, type FieldLabelProps, type FieldProps, type FieldValidationMode, useFieldState };

package/dist/components/fieldset/fieldset.cjs

@@ -0,0 +1,48 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_fieldset = require("../../styled-system/recipes/fieldset.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_fieldset = require("@base-ui/react/fieldset");
+//#region src/components/fieldset/fieldset.tsx
+const FieldsetRoot = (0, react.forwardRef)(function FieldsetRoot({ children, className, disabled = false, ...props }, ref) {
+	const styles = require_fieldset.fieldset({ disabled });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_fieldset.Fieldset.Root, {
+		...props,
+		ref,
+		className: require_cx.cx(styles.root, className),
+		"data-disabled": disabled || void 0,
+		"data-jaci-component": "fieldset",
+		"data-slot": "fieldset",
+		disabled,
+		children
+	});
+});
+const FieldsetLegend = (0, react.forwardRef)(function FieldsetLegend({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_fieldset.Fieldset.Legend, {
+		...props,
+		ref,
+		className: require_cx.cx(require_fieldset.fieldset().legend, className),
+		"data-slot": "fieldset-legend"
+	});
+});
+const FieldsetDescription = (0, react.forwardRef)(function FieldsetDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		...props,
+		ref,
+		className: require_cx.cx(require_fieldset.fieldset().description, className),
+		"data-slot": "fieldset-description"
+	});
+});
+const Fieldset = {
+	Root: FieldsetRoot,
+	Legend: FieldsetLegend,
+	Description: FieldsetDescription
+};
+//#endregion
+exports.Fieldset = Fieldset;
+exports.FieldsetDescription = FieldsetDescription;
+exports.FieldsetLegend = FieldsetLegend;
+exports.FieldsetRoot = FieldsetRoot;
+
+//# sourceMappingURL=fieldset.cjs.map

package/dist/components/fieldset/fieldset.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.cjs","names":["fieldset","BaseFieldset","cx"],"sources":["../../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["\"use client\";\n\nimport { Fieldset as BaseFieldset } from \"@base-ui/react/fieldset\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { fieldset } from \"../../styled-system/recipes\";\n\nexport interface FieldsetRootProps extends ComponentPropsWithoutRef<\"fieldset\"> {\n  children?: ReactNode;\n}\n\nexport const FieldsetRoot = forwardRef<HTMLFieldSetElement, FieldsetRootProps>(\n  function FieldsetRoot({ children, className, disabled = false, ...props }, ref) {\n    const styles = fieldset({ disabled });\n\n    return (\n      <BaseFieldset.Root\n        {...props}\n        ref={ref as Ref<HTMLElement>}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"fieldset\"\n        data-slot=\"fieldset\"\n        disabled={disabled}\n      >\n        {children}\n      </BaseFieldset.Root>\n    );\n  },\n);\n\nexport type FieldsetLegendProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const FieldsetLegend = forwardRef<HTMLDivElement, FieldsetLegendProps>(\n  function FieldsetLegend({ className, ...props }, ref) {\n    return (\n      <BaseFieldset.Legend\n        {...props}\n        ref={ref}\n        className={cx(fieldset().legend, className)}\n        data-slot=\"fieldset-legend\"\n      />\n    );\n  },\n);\n\nexport const FieldsetDescription = forwardRef<HTMLParagraphElement, ComponentPropsWithoutRef<\"p\">>(\n  function FieldsetDescription({ className, ...props }, ref) {\n    return (\n      <p\n        {...props}\n        ref={ref}\n        className={cx(fieldset().description, className)}\n        data-slot=\"fieldset-description\"\n      />\n    );\n  },\n);\n\nexport const Fieldset = {\n  Root: FieldsetRoot,\n  Legend: FieldsetLegend,\n  Description: FieldsetDescription,\n};\n"],"mappings":";;;;;;;AAaA,MAAa,gBAAA,GAAA,MAAA,WAAA,CACX,SAAS,aAAa,EAAE,UAAU,WAAW,WAAW,OAAO,GAAG,SAAS,KAAK;CAC9E,MAAM,SAASA,iBAAAA,SAAS,EAAE,SAAS,CAAC;CAEpC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,SAAa,MAAd;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,iBAAe,YAAY,KAAA;EAC3B,uBAAoB;EACpB,aAAU;EACA;EAET;CACgB,CAAA;AAEvB,CACF;AAIA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,wBAAAA,SAAa,QAAd;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGF,iBAAAA,SAAS,CAAC,CAAC,QAAQ,SAAS;EAC1C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,uBAAA,GAAA,MAAA,WAAA,CACX,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,GAAI;EACC;EACL,WAAWE,WAAAA,GAAGF,iBAAAA,SAAS,CAAC,CAAC,aAAa,SAAS;EAC/C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,WAAW;CACtB,MAAM;CACN,QAAQ;CACR,aAAa;AACf"}

package/dist/components/fieldset/fieldset.d.cts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/fieldset/fieldset.d.ts
+interface FieldsetRootProps extends ComponentPropsWithoutRef<"fieldset"> {
+  children?: ReactNode;
+}
+declare const FieldsetRoot: import("react").ForwardRefExoticComponent<FieldsetRootProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+type FieldsetLegendProps = ComponentPropsWithoutRef<"div">;
+declare const FieldsetLegend: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const FieldsetDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const Fieldset: {
+  Root: import("react").ForwardRefExoticComponent<FieldsetRootProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+  Legend: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+};
+//#endregion
+export { Fieldset, FieldsetDescription, FieldsetLegend, FieldsetLegendProps, FieldsetRoot, FieldsetRootProps };
+//# sourceMappingURL=fieldset.d.cts.map

package/dist/components/fieldset/fieldset.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/fieldset/fieldset.d.ts
+interface FieldsetRootProps extends ComponentPropsWithoutRef<"fieldset"> {
+  children?: ReactNode;
+}
+declare const FieldsetRoot: import("react").ForwardRefExoticComponent<FieldsetRootProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+type FieldsetLegendProps = ComponentPropsWithoutRef<"div">;
+declare const FieldsetLegend: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const FieldsetDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const Fieldset: {
+  Root: import("react").ForwardRefExoticComponent<FieldsetRootProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+  Legend: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+};
+//#endregion
+export { Fieldset, FieldsetDescription, FieldsetLegend, FieldsetLegendProps, FieldsetRoot, FieldsetRootProps };
+//# sourceMappingURL=fieldset.d.ts.map

package/dist/components/fieldset/fieldset.js

@@ -0,0 +1,45 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { fieldset } from "../../styled-system/recipes/fieldset.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Fieldset } from "@base-ui/react/fieldset";
+//#region src/components/fieldset/fieldset.tsx
+const FieldsetRoot = forwardRef(function FieldsetRoot({ children, className, disabled = false, ...props }, ref) {
+	const styles = fieldset({ disabled });
+	return /* @__PURE__ */ jsx(Fieldset.Root, {
+		...props,
+		ref,
+		className: cx(styles.root, className),
+		"data-disabled": disabled || void 0,
+		"data-jaci-component": "fieldset",
+		"data-slot": "fieldset",
+		disabled,
+		children
+	});
+});
+const FieldsetLegend = forwardRef(function FieldsetLegend({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Fieldset.Legend, {
+		...props,
+		ref,
+		className: cx(fieldset().legend, className),
+		"data-slot": "fieldset-legend"
+	});
+});
+const FieldsetDescription = forwardRef(function FieldsetDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("p", {
+		...props,
+		ref,
+		className: cx(fieldset().description, className),
+		"data-slot": "fieldset-description"
+	});
+});
+const Fieldset$1 = {
+	Root: FieldsetRoot,
+	Legend: FieldsetLegend,
+	Description: FieldsetDescription
+};
+//#endregion
+export { Fieldset$1 as Fieldset, FieldsetDescription, FieldsetLegend, FieldsetRoot };
+
+//# sourceMappingURL=fieldset.js.map

package/dist/components/fieldset/fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.js","names":["BaseFieldset","Fieldset"],"sources":["../../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["\"use client\";\n\nimport { Fieldset as BaseFieldset } from \"@base-ui/react/fieldset\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode, Ref } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { fieldset } from \"../../styled-system/recipes\";\n\nexport interface FieldsetRootProps extends ComponentPropsWithoutRef<\"fieldset\"> {\n  children?: ReactNode;\n}\n\nexport const FieldsetRoot = forwardRef<HTMLFieldSetElement, FieldsetRootProps>(\n  function FieldsetRoot({ children, className, disabled = false, ...props }, ref) {\n    const styles = fieldset({ disabled });\n\n    return (\n      <BaseFieldset.Root\n        {...props}\n        ref={ref as Ref<HTMLElement>}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"fieldset\"\n        data-slot=\"fieldset\"\n        disabled={disabled}\n      >\n        {children}\n      </BaseFieldset.Root>\n    );\n  },\n);\n\nexport type FieldsetLegendProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const FieldsetLegend = forwardRef<HTMLDivElement, FieldsetLegendProps>(\n  function FieldsetLegend({ className, ...props }, ref) {\n    return (\n      <BaseFieldset.Legend\n        {...props}\n        ref={ref}\n        className={cx(fieldset().legend, className)}\n        data-slot=\"fieldset-legend\"\n      />\n    );\n  },\n);\n\nexport const FieldsetDescription = forwardRef<HTMLParagraphElement, ComponentPropsWithoutRef<\"p\">>(\n  function FieldsetDescription({ className, ...props }, ref) {\n    return (\n      <p\n        {...props}\n        ref={ref}\n        className={cx(fieldset().description, className)}\n        data-slot=\"fieldset-description\"\n      />\n    );\n  },\n);\n\nexport const Fieldset = {\n  Root: FieldsetRoot,\n  Legend: FieldsetLegend,\n  Description: FieldsetDescription,\n};\n"],"mappings":";;;;;;;AAaA,MAAa,eAAe,WAC1B,SAAS,aAAa,EAAE,UAAU,WAAW,WAAW,OAAO,GAAG,SAAS,KAAK;CAC9E,MAAM,SAAS,SAAS,EAAE,SAAS,CAAC;CAEpC,OACE,oBAACA,SAAa,MAAd;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,iBAAe,YAAY,KAAA;EAC3B,uBAAoB;EACpB,aAAU;EACA;EAET;CACgB,CAAA;AAEvB,CACF;AAIA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACA,SAAa,QAAd;EACE,GAAI;EACC;EACL,WAAW,GAAG,SAAS,CAAC,CAAC,QAAQ,SAAS;EAC1C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,OACE,oBAAC,KAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,SAAS,CAAC,CAAC,aAAa,SAAS;EAC/C,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAaC,aAAW;CACtB,MAAM;CACN,QAAQ;CACR,aAAa;AACf"}

package/dist/components/fieldset/index.d.cts

@@ -0,0 +1,2 @@
+import { Fieldset, FieldsetDescription, FieldsetLegend, FieldsetLegendProps, FieldsetRoot, FieldsetRootProps } from "./fieldset.cjs";
+export { Fieldset, FieldsetDescription, FieldsetLegend, type FieldsetLegendProps, FieldsetRoot, type FieldsetRootProps };

package/dist/components/fieldset/index.d.ts

@@ -0,0 +1,2 @@
+import { Fieldset, FieldsetDescription, FieldsetLegend, FieldsetLegendProps, FieldsetRoot, FieldsetRootProps } from "./fieldset.js";
+export { Fieldset, FieldsetDescription, FieldsetLegend, type FieldsetLegendProps, FieldsetRoot, type FieldsetRootProps };

package/dist/components/form/form.cjs

@@ -0,0 +1,27 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_form = require("../../styled-system/recipes/form.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_form = require("@base-ui/react/form");
+//#region src/components/form/form.tsx
+const JaciFormContext = (0, react.createContext)({ errors: {} });
+const Form = (0, react.forwardRef)(function Form({ children, className, errors, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JaciFormContext.Provider, {
+		value: { errors: errors ?? {} },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_form.Form, {
+			...props,
+			ref,
+			className: require_cx.cx(require_form.form(), className),
+			"data-jaci-component": "form",
+			"data-slot": "form",
+			errors,
+			children
+		})
+	});
+});
+//#endregion
+exports.Form = Form;
+exports.JaciFormContext = JaciFormContext;
+
+//# sourceMappingURL=form.cjs.map

package/dist/components/form/form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.cjs","names":["BaseForm","cx","form"],"sources":["../../../src/components/form/form.tsx"],"sourcesContent":["\"use client\";\n\nimport { Form as BaseForm } from \"@base-ui/react/form\";\nimport { createContext, forwardRef } from \"react\";\nimport type { ReactElement, ReactNode, RefAttributes } from \"react\";\nimport type { FormProps as BaseFormProps } from \"@base-ui/react/form\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { form } from \"../../styled-system/recipes\";\n\nexport type FormErrors = Record<string, string | string[]>;\n\ninterface JaciFormContextValue {\n  errors: FormErrors;\n}\n\nexport const JaciFormContext = createContext<JaciFormContextValue>({ errors: {} });\n\nexport interface FormProps<FormValues extends Record<string, unknown> = Record<string, unknown>>\n  extends Omit<BaseFormProps<FormValues>, \"children\" | \"errors\" | \"className\"> {\n  className?: string;\n  /** External errors keyed by each field's `name`. */\n  errors?: FormErrors;\n  children?: ReactNode;\n}\n\nconst FormRoot = forwardRef<HTMLFormElement, FormProps>(function Form(\n  { children, className, errors, ...props },\n  ref,\n) {\n  return (\n    <JaciFormContext.Provider value={{ errors: errors ?? {} }}>\n      <BaseForm\n        {...props}\n        ref={ref}\n        className={cx(form(), className)}\n        data-jaci-component=\"form\"\n        data-slot=\"form\"\n        errors={errors}\n      >\n        {children}\n      </BaseForm>\n    </JaciFormContext.Provider>\n  );\n});\n\nexport const Form = FormRoot as <\n  FormValues extends Record<string, unknown> = Record<string, unknown>,\n>(\n  props: FormProps<FormValues> & RefAttributes<HTMLFormElement>,\n) => ReactElement | null;\n"],"mappings":";;;;;;;AAgBA,MAAa,mBAAA,GAAA,MAAA,cAAA,CAAsD,EAAE,QAAQ,CAAC,EAAE,CAAC;AA8BjF,MAAa,QApBP,GAAA,MAAA,WAAA,CAAkD,SAAS,KAC/D,EAAE,UAAU,WAAW,QAAQ,GAAG,SAClC,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAgB,UAAjB;EAA0B,OAAO,EAAE,QAAQ,UAAU,CAAC,EAAE;YACtD,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,MAAD;GACE,GAAI;GACC;GACL,WAAWC,WAAAA,GAAGC,aAAAA,KAAK,GAAG,SAAS;GAC/B,uBAAoB;GACpB,aAAU;GACF;GAEP;EACO,CAAA;CACc,CAAA;AAE9B,CAEoB"}

package/dist/components/form/form.d.cts

@@ -0,0 +1,18 @@
+import { ReactElement, ReactNode, RefAttributes } from "react";
+import { FormProps } from "@base-ui/react/form";
+//#region src/components/form/form.d.ts
+type FormErrors = Record<string, string | string[]>;
+interface JaciFormContextValue {
+  errors: FormErrors;
+}
+declare const JaciFormContext: import("react").Context<JaciFormContextValue>;
+interface FormProps$1<FormValues extends Record<string, unknown> = Record<string, unknown>> extends Omit<FormProps<FormValues>, "children" | "errors" | "className"> {
+  className?: string;
+  /** External errors keyed by each field's `name`. */
+  errors?: FormErrors;
+  children?: ReactNode;
+}
+declare const Form: <FormValues extends Record<string, unknown> = Record<string, unknown>>(props: FormProps$1<FormValues> & RefAttributes<HTMLFormElement>) => ReactElement | null;
+//#endregion
+export { Form, FormErrors, FormProps$1 as FormProps, JaciFormContext };
+//# sourceMappingURL=form.d.cts.map

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

@@ -0,0 +1,18 @@
+import { ReactElement, ReactNode, RefAttributes } from "react";
+import { FormProps } from "@base-ui/react/form";
+//#region src/components/form/form.d.ts
+type FormErrors = Record<string, string | string[]>;
+interface JaciFormContextValue {
+  errors: FormErrors;
+}
+declare const JaciFormContext: import("react").Context<JaciFormContextValue>;
+interface FormProps$1<FormValues extends Record<string, unknown> = Record<string, unknown>> extends Omit<FormProps<FormValues>, "children" | "errors" | "className"> {
+  className?: string;
+  /** External errors keyed by each field's `name`. */
+  errors?: FormErrors;
+  children?: ReactNode;
+}
+declare const Form$1: <FormValues extends Record<string, unknown> = Record<string, unknown>>(props: FormProps$1<FormValues> & RefAttributes<HTMLFormElement>) => ReactElement | null;
+//#endregion
+export { Form$1 as Form, FormErrors, FormProps$1 as FormProps, JaciFormContext };
+//# sourceMappingURL=form.d.ts.map