@fuf-stack/uniform 1.22.5 → 1.22.7

package/dist/FieldCard-CAHnM8C0.cjs

@@ -1,243 +0,0 @@
-require("./FormContext-DsmS_mkO.cjs");
-const require_FieldValidationError = require("./FieldValidationError-BQcvvU9i.cjs");
-const require_useFormContext = require("./useFormContext-CrXwNYiB.cjs");
-const require_hooks_useUniformField_index = require("./hooks/useUniformField/index.cjs");
-let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
-let _fuf_stack_pixels = require("@fuf-stack/pixels");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _fuf_stack_pixel_motion = require("@fuf-stack/pixel-motion");
-//#region src/FieldCard/subcomponents/FieldCardValidationError.tsx
-/**
-* Renders validation errors in the footer of a FieldCard component.
-*
-* This component handles displaying field-level validation errors with proper
-* accessibility attributes and animates them in/out using Framer Motion.
-*
-* Note: Object-level errors (_errors) are always shown when they exist,
-* but the danger styling is controlled by the parent FieldCard based on
-* whether child fields have been touched.
-*/
-const FieldCardValidationError = ({ className = void 0, error = void 0, errorTextClassName = void 0, name }) => {
-	const { getErrorMessageProps, getHelperWrapperProps, testId } = require_hooks_useUniformField_index.useUniformField({ name });
-	const disableAnimation = (0, _fuf_stack_pixel_motion.useReducedMotion)();
-	const hasErrors = !!error?._errors;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fuf_stack_pixel_motion.AnimatePresence, {
-		initial: !disableAnimation,
-		children: hasErrors ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fuf_stack_pixel_motion.motion.div, {
-			exit: disableAnimation ? void 0 : {
-				opacity: 0,
-				height: 0
-			},
-			initial: disableAnimation ? false : {
-				height: 0,
-				opacity: 0
-			},
-			style: { overflow: "hidden" },
-			transition: {
-				duration: .4,
-				ease: "circOut"
-			},
-			animate: disableAnimation ? void 0 : {
-				opacity: 1,
-				height: "auto"
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				...getHelperWrapperProps(),
-				className: (0, _fuf_stack_pixel_utils.cn)(getHelperWrapperProps()?.className, className),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					...getErrorMessageProps(),
-					className: (0, _fuf_stack_pixel_utils.cn)(getErrorMessageProps()?.className, errorTextClassName),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FieldValidationError.FieldValidationError, {
-						error: error._errors,
-						testId
-					})
-				})
-			})
-		}, "field-card-errors") : null
-	});
-};
-//#endregion
-//#region src/FieldCard/FieldCard.tsx
-/**
-* Recursively checks if any child field has an error (regardless of touched state).
-* Returns true if at least one child has an error.
-*/
-const hasAnyChildErrors = (errors) => {
-	if (!errors) return false;
-	return Object.keys(errors).filter((key) => {
-		return key !== "_errors";
-	}).some((key) => {
-		const errorValue = errors[key];
-		if (errorValue === void 0) return false;
-		if (Array.isArray(errorValue)) return true;
-		if (typeof errorValue === "object" && errorValue !== null) return hasAnyChildErrors(errorValue);
-		return false;
-	});
-};
-/**
-* Recursively checks if any child field is touched.
-* Returns true if at least one child is touched.
-*/
-const hasAnyChildTouched = (touched) => {
-	if (!touched) return false;
-	return Object.keys(touched).filter((key) => {
-		return key !== "_errors";
-	}).some((key) => {
-		const touchedValue = touched[key];
-		if (touchedValue === void 0) return false;
-		if (touchedValue === true) return true;
-		if (typeof touchedValue === "object" && touchedValue !== null) return hasAnyChildTouched(touchedValue);
-		return false;
-	});
-};
-/**
-* Recursively checks if any child field with an error is also touched.
-* Returns true if at least one touched child has an error.
-*/
-const hasVisibleChildErrors = (errors, touched) => {
-	if (!errors || !touched) return false;
-	return Object.keys(errors).filter((key) => {
-		return key !== "_errors";
-	}).some((key) => {
-		const errorValue = errors[key];
-		const touchedValue = touched[key];
-		if (errorValue === void 0 || touchedValue === void 0) return false;
-		if (Array.isArray(errorValue)) return !!touchedValue;
-		if (typeof errorValue === "object" && errorValue !== null) return hasVisibleChildErrors(errorValue, touchedValue);
-		return false;
-	});
-};
-const fieldCardVariants = (0, _fuf_stack_pixel_utils.tv)({
-	slots: {
-		/** base class for the field card wrapper */
-		base: ["overflow-hidden rounded-small border bg-content1", "transition-colors duration-150 motion-reduce:transition-none"],
-		/** class for the label/header */
-		label: [
-			"pointer-events-auto! static! z-auto! block! w-full!",
-			"translate-x-0! translate-y-0! transform-none!",
-			"rounded-t-small border-b p-3 font-semibold text-medium",
-			"transition-colors duration-150 motion-reduce:transition-none"
-		],
-		/** class for the content */
-		content: ["p-3", "grid gap-4"],
-		/** class for the error footer wrapper */
-		errorFooter: [
-			"border-t",
-			"block px-3 pb-2 pt-1",
-			"transition-colors duration-150 motion-reduce:transition-none"
-		],
-		/** class for the error text (empty base, color controlled by variant) */
-		errorText: []
-	},
-	variants: { invalid: {
-		true: {
-			base: "border-danger-200",
-			label: "border-danger-200 text-danger",
-			errorFooter: "border-danger-200",
-			errorText: "!text-danger text-tiny"
-		},
-		false: {
-			base: "border-divider",
-			label: "border-divider text-foreground",
-			errorFooter: "border-divider",
-			errorText: "!text-foreground-500 text-tiny"
-		}
-	} },
-	defaultVariants: { invalid: false }
-});
-/**
-* FieldCard component - A card-styled container with label header and error footer
-*
-* Displays form field content in a card layout with:
-* - Label/title in the header
-* - Content in the body
-* - Validation errors in the footer
-* - Danger outline when validation errors exist
-*/
-const FieldCard = ({ children, className: _className = void 0, name, ...uniformFieldProps }) => {
-	const { error, getLabelProps, label } = require_hooks_useUniformField_index.useUniformField({
-		name,
-		...uniformFieldProps
-	});
-	const { control, formState: { touchedFields, submitCount }, validation } = require_useFormContext.useFormContext();
-	const validationInstance = validation?.baseInstance ?? validation?.instance;
-	const registeredFields = Array.from(control._names?.mount ?? []);
-	const childFieldPrefix = `${name}.`;
-	const isRequired = validationInstance ? registeredFields.filter((f) => {
-		return f.startsWith(childFieldPrefix);
-	}).some((f) => {
-		return require_useFormContext.checkFieldIsRequired(validationInstance, f.split(".").filter((k) => {
-			return k !== "";
-		}));
-	}) : false;
-	const getNestedValue = (obj, path) => {
-		if (!obj) return;
-		const keys = path.split(".");
-		let current = obj;
-		keys.every((key) => {
-			if (current && typeof current === "object") {
-				current = current[key];
-				return true;
-			}
-			current = void 0;
-			return false;
-		});
-		return current;
-	};
-	const fieldTouched = getNestedValue(touchedFields, name);
-	const hasObjectErrors = !!error?._errors;
-	const errorRecord = error;
-	const hasChildErrors = hasAnyChildErrors(errorRecord);
-	const isAnyChildTouched = hasAnyChildTouched(fieldTouched);
-	const className = (0, _fuf_stack_pixel_utils.variantsToClassNames)(fieldCardVariants({ invalid: (0, _fuf_stack_pixels.useDebounce)(hasChildErrors && (hasVisibleChildErrors(errorRecord, fieldTouched) || submitCount > 0) || hasObjectErrors && !hasChildErrors && (isAnyChildTouched || submitCount > 0), 200) }), _className, "base");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: className.base,
-		children: [
-			label ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				...getLabelProps(),
-				"aria-level": 3,
-				className: className.label,
-				role: "heading",
-				children: [label, isRequired ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					"aria-hidden": "true",
-					className: "ml-0.5 text-danger",
-					children: "*"
-				}) : null]
-			}) : null,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: className.content,
-				children
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldCardValidationError, {
-				className: className.errorFooter,
-				error,
-				errorTextClassName: className.errorText,
-				name
-			})
-		]
-	});
-};
-//#endregion
-//#region src/FieldCard/index.ts
-var FieldCard_default = FieldCard;
-//#endregion
-Object.defineProperty(exports, "FieldCard", {
-	enumerable: true,
-	get: function() {
-		return FieldCard;
-	}
-});
-Object.defineProperty(exports, "FieldCard_default", {
-	enumerable: true,
-	get: function() {
-		return FieldCard_default;
-	}
-});
-Object.defineProperty(exports, "fieldCardVariants", {
-	enumerable: true,
-	get: function() {
-		return fieldCardVariants;
-	}
-});
-
-//# sourceMappingURL=FieldCard-CAHnM8C0.cjs.map

package/dist/FieldCard-CAHnM8C0.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldCard-CAHnM8C0.cjs","names":["useUniformField","AnimatePresence","motion","FieldValidationError","useUniformField","useFormContext","checkFieldIsRequired"],"sources":["../src/FieldCard/subcomponents/FieldCardValidationError.tsx","../src/FieldCard/FieldCard.tsx","../src/FieldCard/index.ts"],"sourcesContent":["import type { FieldError } from 'react-hook-form';\n\nimport {\n  AnimatePresence,\n  motion,\n  useReducedMotion,\n} from '@fuf-stack/pixel-motion';\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../../hooks/useUniformField';\nimport FieldValidationError from '../../partials/FieldValidationError/FieldValidationError';\n\nexport interface FieldCardValidationErrorProps {\n  /** CSS class name for the error footer wrapper */\n  className?: string;\n  /** Error object from parent FieldCard (passed directly to avoid duplicate hook calls) */\n  error?: FieldError[] | undefined;\n  /** CSS class name for the error text (controls color based on invalid state) */\n  errorTextClassName?: string;\n  /** Field name */\n  name: string;\n}\n\n/**\n * Renders validation errors in the footer of a FieldCard component.\n *\n * This component handles displaying field-level validation errors with proper\n * accessibility attributes and animates them in/out using Framer Motion.\n *\n * Note: Object-level errors (_errors) are always shown when they exist,\n * but the danger styling is controlled by the parent FieldCard based on\n * whether child fields have been touched.\n */\nconst FieldCardValidationError = ({\n  className = undefined,\n  error = undefined,\n  errorTextClassName = undefined,\n  name,\n}: FieldCardValidationErrorProps) => {\n  const { getErrorMessageProps, getHelperWrapperProps, testId } =\n    useUniformField({\n      name,\n    });\n\n  // disable all animation if user prefers reduced motion\n  const disableAnimation = useReducedMotion();\n\n  // Always show object-level errors (_errors) when they exist\n  // @ts-expect-error - error._errors exists but not typed\n  const hasErrors = !!error?._errors;\n\n  return (\n    <AnimatePresence initial={!disableAnimation}>\n      {hasErrors ? (\n        <motion.div\n          key=\"field-card-errors\"\n          exit={disableAnimation ? undefined : { opacity: 0, height: 0 }}\n          initial={disableAnimation ? false : { height: 0, opacity: 0 }}\n          style={{ overflow: 'hidden' }}\n          transition={{ duration: 0.4, ease: 'circOut' }}\n          animate={\n            disableAnimation ? undefined : { opacity: 1, height: 'auto' }\n          }\n        >\n          <div\n            {...getHelperWrapperProps()}\n            className={cn(getHelperWrapperProps()?.className, className)}\n          >\n            <div\n              {...getErrorMessageProps()}\n              className={cn(\n                getErrorMessageProps()?.className,\n                errorTextClassName,\n              )}\n            >\n              <FieldValidationError\n                // @ts-expect-error - error._errors exists but not typed\n                error={error._errors}\n                testId={testId}\n              />\n            </div>\n          </div>\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n};\n\nexport default FieldCardValidationError;\n","import type { TVClassName } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport { useDebounce } from '@fuf-stack/pixels';\n\nimport { checkFieldIsRequired, useFormContext } from '../hooks/useFormContext';\nimport { useUniformField } from '../hooks/useUniformField';\nimport FieldCardValidationError from './subcomponents/FieldCardValidationError';\n\n/**\n * Recursively checks if any child field has an error (regardless of touched state).\n * Returns true if at least one child has an error.\n */\nexport const hasAnyChildErrors = (\n  errors: Record<string, unknown> | undefined,\n): boolean => {\n  if (!errors) {\n    return false;\n  }\n\n  return Object.keys(errors)\n    .filter((key) => {\n      return key !== '_errors';\n    })\n    .some((key) => {\n      const errorValue = errors[key];\n      if (errorValue === undefined) {\n        return false;\n      }\n      // If errorValue is an array, it's a leaf field error\n      if (Array.isArray(errorValue)) {\n        return true;\n      }\n      // Recursively check nested objects\n      if (typeof errorValue === 'object' && errorValue !== null) {\n        return hasAnyChildErrors(errorValue as Record<string, unknown>);\n      }\n      return false;\n    });\n};\n\n/**\n * Recursively checks if any child field is touched.\n * Returns true if at least one child is touched.\n */\nexport const hasAnyChildTouched = (\n  touched: Record<string, unknown> | undefined,\n): boolean => {\n  if (!touched) {\n    return false;\n  }\n\n  return Object.keys(touched)\n    .filter((key) => {\n      return key !== '_errors';\n    })\n    .some((key) => {\n      const touchedValue = touched[key];\n      if (touchedValue === undefined) {\n        return false;\n      }\n      // If touchedValue is truthy (boolean true), field is touched\n      if (touchedValue === true) {\n        return true;\n      }\n      // Recursively check nested objects\n      if (typeof touchedValue === 'object' && touchedValue !== null) {\n        return hasAnyChildTouched(touchedValue as Record<string, unknown>);\n      }\n      return false;\n    });\n};\n\n/**\n * Recursively checks if any child field with an error is also touched.\n * Returns true if at least one touched child has an error.\n */\nexport const hasVisibleChildErrors = (\n  errors: Record<string, unknown> | undefined,\n  touched: Record<string, unknown> | undefined,\n): boolean => {\n  if (!errors || !touched) {\n    return false;\n  }\n\n  return Object.keys(errors)\n    .filter((key) => {\n      // Skip object-level errors (_errors) - those are handled separately\n      return key !== '_errors';\n    })\n    .some((key) => {\n      const errorValue = errors[key];\n      const touchedValue = touched[key];\n\n      // If this key doesn't exist in both errors and touched, skip\n      if (errorValue === undefined || touchedValue === undefined) {\n        return false;\n      }\n\n      // If errorValue is an array, it's a leaf field error\n      if (Array.isArray(errorValue)) {\n        // touchedValue being truthy means the field is touched\n        return !!touchedValue;\n      }\n\n      // Recursively check nested objects\n      if (typeof errorValue === 'object' && errorValue !== null) {\n        return hasVisibleChildErrors(\n          errorValue as Record<string, unknown>,\n          touchedValue as Record<string, unknown>,\n        );\n      }\n\n      return false;\n    });\n};\n\nexport const fieldCardVariants = tv({\n  slots: {\n    /** base class for the field card wrapper */\n    base: [\n      // base styles\n      'overflow-hidden rounded-small border bg-content1',\n      // animate border color change, respect reduced motion\n      'transition-colors duration-150 motion-reduce:transition-none',\n    ],\n    /** class for the label/header */\n    label: [\n      // override HeroUI label positioning and display\n      'pointer-events-auto! static! z-auto! block! w-full!',\n      // reset any transforms or translations\n      'translate-x-0! translate-y-0! transform-none!',\n      // card header styling - use text-medium (16px) for proper header size\n      'rounded-t-small border-b p-3 font-semibold text-medium',\n      // animate border and text color change, respect reduced motion\n      'transition-colors duration-150 motion-reduce:transition-none',\n    ],\n    /** class for the content */\n    content: [\n      // same as p-3 of Card component\n      'p-3',\n      // default grid for form components (see Grid component)\n      'grid gap-4',\n    ],\n    /** class for the error footer wrapper */\n    errorFooter: [\n      'border-t',\n      // force helper to be visible and add padding (pt-1 to compensate for inner content's top padding)\n      'block px-3 pb-2 pt-1',\n      // animate border color change, respect reduced motion\n      'transition-colors duration-150 motion-reduce:transition-none',\n    ],\n    /** class for the error text (empty base, color controlled by variant) */\n    errorText: [],\n  },\n  variants: {\n    invalid: {\n      true: {\n        base: 'border-danger-200',\n        label: 'border-danger-200 text-danger',\n        errorFooter: 'border-danger-200',\n        errorText: '!text-danger text-tiny',\n      },\n      false: {\n        base: 'border-divider',\n        label: 'border-divider text-foreground',\n        errorFooter: 'border-divider',\n        errorText: '!text-foreground-500 text-tiny',\n      },\n    },\n  },\n  defaultVariants: {\n    invalid: false,\n  },\n});\n\ntype ClassName = TVClassName<typeof fieldCardVariants>;\n\nexport interface FieldCardProps {\n  /** Content to render inside the card */\n  children: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Label content for the card header */\n  label: ReactNode;\n  /** Field name for validation */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * FieldCard component - A card-styled container with label header and error footer\n *\n * Displays form field content in a card layout with:\n * - Label/title in the header\n * - Content in the body\n * - Validation errors in the footer\n * - Danger outline when validation errors exist\n */\nconst FieldCard = ({\n  children,\n  className: _className = undefined,\n  name,\n  ...uniformFieldProps\n}: FieldCardProps) => {\n  const { error, getLabelProps, label } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  const {\n    control,\n    formState: { touchedFields, submitCount },\n    validation,\n  } = useFormContext();\n\n  // Check if any registered child field is required\n  const validationInstance = validation?.baseInstance ?? validation?.instance;\n  const registeredFields: string[] = Array.from(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (control as any)._names?.mount ?? [],\n  );\n  const childFieldPrefix = `${name}.`;\n  const isRequired = validationInstance\n    ? registeredFields\n        .filter((f) => {\n          return f.startsWith(childFieldPrefix);\n        })\n        .some((f) => {\n          return checkFieldIsRequired(\n            validationInstance,\n            f.split('.').filter((k) => {\n              return k !== '';\n            }),\n          );\n        })\n    : false;\n\n  // Get touched state for this field's children by traversing the path\n  const getNestedValue = (\n    obj: Record<string, unknown> | undefined,\n    path: string,\n  ): Record<string, unknown> | undefined => {\n    if (!obj) {\n      return undefined;\n    }\n    const keys = path.split('.');\n    let current: unknown = obj;\n    keys.every((key) => {\n      if (current && typeof current === 'object') {\n        current = (current as Record<string, unknown>)[key];\n        return true;\n      }\n      current = undefined;\n      return false;\n    });\n    return current as Record<string, unknown> | undefined;\n  };\n\n  const fieldTouched = getNestedValue(\n    touchedFields as Record<string, unknown>,\n    name,\n  );\n\n  // Check for object-level errors (_errors)\n  // @ts-expect-error - error._errors exists but not typed\n  const hasObjectErrors = !!error?._errors;\n\n  const errorRecord = error as unknown as Record<string, unknown>;\n\n  // Check if any child field has errors (regardless of touched state)\n  const hasChildErrors = hasAnyChildErrors(errorRecord);\n  // Check if any child field is touched\n  const isAnyChildTouched = hasAnyChildTouched(fieldTouched);\n\n  // Show invalid styling (danger border/header/error text) when:\n  // 1. Any child field has an error AND (it's touched OR form was submitted), OR\n  // 2. Object-level _errors exists AND no child errors AND (any child touched OR submitted)\n  const rawShowInvalid =\n    (hasChildErrors &&\n      (hasVisibleChildErrors(errorRecord, fieldTouched) || submitCount > 0)) ||\n    (hasObjectErrors &&\n      !hasChildErrors &&\n      (isAnyChildTouched || submitCount > 0));\n\n  // Debounce to prevent flickering during rapid state changes\n  const showInvalid = useDebounce(rawShowInvalid, 200);\n\n  // className from slots\n  const variants = fieldCardVariants({ invalid: showInvalid });\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <div className={className.base}>\n      {/* card header with label */}\n      {label ? (\n        <div\n          {...getLabelProps()}\n          aria-level={3}\n          // Override getLabelProps className to use our own invalid styling based on hasErrors,\n          // not HeroUI's which is based on any child field being invalid\n          className={className.label}\n          role=\"heading\"\n        >\n          {label}\n          {/* Manual asterisk: getLabelProps uses schema-required for the object itself,\n              but FieldCard needs asterisk based on whether any CHILD field is required */}\n          {isRequired ? (\n            <span aria-hidden=\"true\" className=\"ml-0.5 text-danger\">\n              *\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      {/* card content */}\n      <div className={className.content}>{children}</div>\n\n      {/* card footer with validation errors - always show _errors, but danger styling controlled by showInvalid */}\n      <FieldCardValidationError\n        className={className.errorFooter}\n        error={error}\n        errorTextClassName={className.errorText}\n        name={name}\n      />\n    </div>\n  );\n};\n\nexport default FieldCard;\n","import FieldCard from './FieldCard';\n\nexport type { FieldCardProps } from './FieldCard';\n\nexport { fieldCardVariants } from './FieldCard';\n\nexport { FieldCard };\n\nexport default FieldCard;\n"],"mappings":"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"}

package/dist/FieldCard-Cg31ce9J.js

@@ -1,225 +0,0 @@
-import { n as FieldValidationError } from "./FieldValidationError-ktTyyyip.js";
-import { n as useFormContext, t as checkFieldIsRequired } from "./useFormContext-CT8H8xIe.js";
-import { useUniformField } from "./hooks/useUniformField/index.js";
-import { cn, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { useDebounce } from "@fuf-stack/pixels";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { AnimatePresence, motion, useReducedMotion } from "@fuf-stack/pixel-motion";
-//#region src/FieldCard/subcomponents/FieldCardValidationError.tsx
-/**
-* Renders validation errors in the footer of a FieldCard component.
-*
-* This component handles displaying field-level validation errors with proper
-* accessibility attributes and animates them in/out using Framer Motion.
-*
-* Note: Object-level errors (_errors) are always shown when they exist,
-* but the danger styling is controlled by the parent FieldCard based on
-* whether child fields have been touched.
-*/
-const FieldCardValidationError = ({ className = void 0, error = void 0, errorTextClassName = void 0, name }) => {
-	const { getErrorMessageProps, getHelperWrapperProps, testId } = useUniformField({ name });
-	const disableAnimation = useReducedMotion();
-	const hasErrors = !!error?._errors;
-	return /* @__PURE__ */ jsx(AnimatePresence, {
-		initial: !disableAnimation,
-		children: hasErrors ? /* @__PURE__ */ jsx(motion.div, {
-			exit: disableAnimation ? void 0 : {
-				opacity: 0,
-				height: 0
-			},
-			initial: disableAnimation ? false : {
-				height: 0,
-				opacity: 0
-			},
-			style: { overflow: "hidden" },
-			transition: {
-				duration: .4,
-				ease: "circOut"
-			},
-			animate: disableAnimation ? void 0 : {
-				opacity: 1,
-				height: "auto"
-			},
-			children: /* @__PURE__ */ jsx("div", {
-				...getHelperWrapperProps(),
-				className: cn(getHelperWrapperProps()?.className, className),
-				children: /* @__PURE__ */ jsx("div", {
-					...getErrorMessageProps(),
-					className: cn(getErrorMessageProps()?.className, errorTextClassName),
-					children: /* @__PURE__ */ jsx(FieldValidationError, {
-						error: error._errors,
-						testId
-					})
-				})
-			})
-		}, "field-card-errors") : null
-	});
-};
-//#endregion
-//#region src/FieldCard/FieldCard.tsx
-/**
-* Recursively checks if any child field has an error (regardless of touched state).
-* Returns true if at least one child has an error.
-*/
-const hasAnyChildErrors = (errors) => {
-	if (!errors) return false;
-	return Object.keys(errors).filter((key) => {
-		return key !== "_errors";
-	}).some((key) => {
-		const errorValue = errors[key];
-		if (errorValue === void 0) return false;
-		if (Array.isArray(errorValue)) return true;
-		if (typeof errorValue === "object" && errorValue !== null) return hasAnyChildErrors(errorValue);
-		return false;
-	});
-};
-/**
-* Recursively checks if any child field is touched.
-* Returns true if at least one child is touched.
-*/
-const hasAnyChildTouched = (touched) => {
-	if (!touched) return false;
-	return Object.keys(touched).filter((key) => {
-		return key !== "_errors";
-	}).some((key) => {
-		const touchedValue = touched[key];
-		if (touchedValue === void 0) return false;
-		if (touchedValue === true) return true;
-		if (typeof touchedValue === "object" && touchedValue !== null) return hasAnyChildTouched(touchedValue);
-		return false;
-	});
-};
-/**
-* Recursively checks if any child field with an error is also touched.
-* Returns true if at least one touched child has an error.
-*/
-const hasVisibleChildErrors = (errors, touched) => {
-	if (!errors || !touched) return false;
-	return Object.keys(errors).filter((key) => {
-		return key !== "_errors";
-	}).some((key) => {
-		const errorValue = errors[key];
-		const touchedValue = touched[key];
-		if (errorValue === void 0 || touchedValue === void 0) return false;
-		if (Array.isArray(errorValue)) return !!touchedValue;
-		if (typeof errorValue === "object" && errorValue !== null) return hasVisibleChildErrors(errorValue, touchedValue);
-		return false;
-	});
-};
-const fieldCardVariants = tv({
-	slots: {
-		/** base class for the field card wrapper */
-		base: ["overflow-hidden rounded-small border bg-content1", "transition-colors duration-150 motion-reduce:transition-none"],
-		/** class for the label/header */
-		label: [
-			"pointer-events-auto! static! z-auto! block! w-full!",
-			"translate-x-0! translate-y-0! transform-none!",
-			"rounded-t-small border-b p-3 font-semibold text-medium",
-			"transition-colors duration-150 motion-reduce:transition-none"
-		],
-		/** class for the content */
-		content: ["p-3", "grid gap-4"],
-		/** class for the error footer wrapper */
-		errorFooter: [
-			"border-t",
-			"block px-3 pb-2 pt-1",
-			"transition-colors duration-150 motion-reduce:transition-none"
-		],
-		/** class for the error text (empty base, color controlled by variant) */
-		errorText: []
-	},
-	variants: { invalid: {
-		true: {
-			base: "border-danger-200",
-			label: "border-danger-200 text-danger",
-			errorFooter: "border-danger-200",
-			errorText: "!text-danger text-tiny"
-		},
-		false: {
-			base: "border-divider",
-			label: "border-divider text-foreground",
-			errorFooter: "border-divider",
-			errorText: "!text-foreground-500 text-tiny"
-		}
-	} },
-	defaultVariants: { invalid: false }
-});
-/**
-* FieldCard component - A card-styled container with label header and error footer
-*
-* Displays form field content in a card layout with:
-* - Label/title in the header
-* - Content in the body
-* - Validation errors in the footer
-* - Danger outline when validation errors exist
-*/
-const FieldCard = ({ children, className: _className = void 0, name, ...uniformFieldProps }) => {
-	const { error, getLabelProps, label } = useUniformField({
-		name,
-		...uniformFieldProps
-	});
-	const { control, formState: { touchedFields, submitCount }, validation } = useFormContext();
-	const validationInstance = validation?.baseInstance ?? validation?.instance;
-	const registeredFields = Array.from(control._names?.mount ?? []);
-	const childFieldPrefix = `${name}.`;
-	const isRequired = validationInstance ? registeredFields.filter((f) => {
-		return f.startsWith(childFieldPrefix);
-	}).some((f) => {
-		return checkFieldIsRequired(validationInstance, f.split(".").filter((k) => {
-			return k !== "";
-		}));
-	}) : false;
-	const getNestedValue = (obj, path) => {
-		if (!obj) return;
-		const keys = path.split(".");
-		let current = obj;
-		keys.every((key) => {
-			if (current && typeof current === "object") {
-				current = current[key];
-				return true;
-			}
-			current = void 0;
-			return false;
-		});
-		return current;
-	};
-	const fieldTouched = getNestedValue(touchedFields, name);
-	const hasObjectErrors = !!error?._errors;
-	const errorRecord = error;
-	const hasChildErrors = hasAnyChildErrors(errorRecord);
-	const isAnyChildTouched = hasAnyChildTouched(fieldTouched);
-	const className = variantsToClassNames(fieldCardVariants({ invalid: useDebounce(hasChildErrors && (hasVisibleChildErrors(errorRecord, fieldTouched) || submitCount > 0) || hasObjectErrors && !hasChildErrors && (isAnyChildTouched || submitCount > 0), 200) }), _className, "base");
-	return /* @__PURE__ */ jsxs("div", {
-		className: className.base,
-		children: [
-			label ? /* @__PURE__ */ jsxs("div", {
-				...getLabelProps(),
-				"aria-level": 3,
-				className: className.label,
-				role: "heading",
-				children: [label, isRequired ? /* @__PURE__ */ jsx("span", {
-					"aria-hidden": "true",
-					className: "ml-0.5 text-danger",
-					children: "*"
-				}) : null]
-			}) : null,
-			/* @__PURE__ */ jsx("div", {
-				className: className.content,
-				children
-			}),
-			/* @__PURE__ */ jsx(FieldCardValidationError, {
-				className: className.errorFooter,
-				error,
-				errorTextClassName: className.errorText,
-				name
-			})
-		]
-	});
-};
-//#endregion
-//#region src/FieldCard/index.ts
-var FieldCard_default = FieldCard;
-//#endregion
-export { FieldCard as n, fieldCardVariants as r, FieldCard_default as t };
-
-//# sourceMappingURL=FieldCard-Cg31ce9J.js.map

package/dist/FieldCard-Cg31ce9J.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldCard-Cg31ce9J.js","names":[],"sources":["../src/FieldCard/subcomponents/FieldCardValidationError.tsx","../src/FieldCard/FieldCard.tsx","../src/FieldCard/index.ts"],"sourcesContent":["import type { FieldError } from 'react-hook-form';\n\nimport {\n  AnimatePresence,\n  motion,\n  useReducedMotion,\n} from '@fuf-stack/pixel-motion';\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../../hooks/useUniformField';\nimport FieldValidationError from '../../partials/FieldValidationError/FieldValidationError';\n\nexport interface FieldCardValidationErrorProps {\n  /** CSS class name for the error footer wrapper */\n  className?: string;\n  /** Error object from parent FieldCard (passed directly to avoid duplicate hook calls) */\n  error?: FieldError[] | undefined;\n  /** CSS class name for the error text (controls color based on invalid state) */\n  errorTextClassName?: string;\n  /** Field name */\n  name: string;\n}\n\n/**\n * Renders validation errors in the footer of a FieldCard component.\n *\n * This component handles displaying field-level validation errors with proper\n * accessibility attributes and animates them in/out using Framer Motion.\n *\n * Note: Object-level errors (_errors) are always shown when they exist,\n * but the danger styling is controlled by the parent FieldCard based on\n * whether child fields have been touched.\n */\nconst FieldCardValidationError = ({\n  className = undefined,\n  error = undefined,\n  errorTextClassName = undefined,\n  name,\n}: FieldCardValidationErrorProps) => {\n  const { getErrorMessageProps, getHelperWrapperProps, testId } =\n    useUniformField({\n      name,\n    });\n\n  // disable all animation if user prefers reduced motion\n  const disableAnimation = useReducedMotion();\n\n  // Always show object-level errors (_errors) when they exist\n  // @ts-expect-error - error._errors exists but not typed\n  const hasErrors = !!error?._errors;\n\n  return (\n    <AnimatePresence initial={!disableAnimation}>\n      {hasErrors ? (\n        <motion.div\n          key=\"field-card-errors\"\n          exit={disableAnimation ? undefined : { opacity: 0, height: 0 }}\n          initial={disableAnimation ? false : { height: 0, opacity: 0 }}\n          style={{ overflow: 'hidden' }}\n          transition={{ duration: 0.4, ease: 'circOut' }}\n          animate={\n            disableAnimation ? undefined : { opacity: 1, height: 'auto' }\n          }\n        >\n          <div\n            {...getHelperWrapperProps()}\n            className={cn(getHelperWrapperProps()?.className, className)}\n          >\n            <div\n              {...getErrorMessageProps()}\n              className={cn(\n                getErrorMessageProps()?.className,\n                errorTextClassName,\n              )}\n            >\n              <FieldValidationError\n                // @ts-expect-error - error._errors exists but not typed\n                error={error._errors}\n                testId={testId}\n              />\n            </div>\n          </div>\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n};\n\nexport default FieldCardValidationError;\n","import type { TVClassName } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport { useDebounce } from '@fuf-stack/pixels';\n\nimport { checkFieldIsRequired, useFormContext } from '../hooks/useFormContext';\nimport { useUniformField } from '../hooks/useUniformField';\nimport FieldCardValidationError from './subcomponents/FieldCardValidationError';\n\n/**\n * Recursively checks if any child field has an error (regardless of touched state).\n * Returns true if at least one child has an error.\n */\nexport const hasAnyChildErrors = (\n  errors: Record<string, unknown> | undefined,\n): boolean => {\n  if (!errors) {\n    return false;\n  }\n\n  return Object.keys(errors)\n    .filter((key) => {\n      return key !== '_errors';\n    })\n    .some((key) => {\n      const errorValue = errors[key];\n      if (errorValue === undefined) {\n        return false;\n      }\n      // If errorValue is an array, it's a leaf field error\n      if (Array.isArray(errorValue)) {\n        return true;\n      }\n      // Recursively check nested objects\n      if (typeof errorValue === 'object' && errorValue !== null) {\n        return hasAnyChildErrors(errorValue as Record<string, unknown>);\n      }\n      return false;\n    });\n};\n\n/**\n * Recursively checks if any child field is touched.\n * Returns true if at least one child is touched.\n */\nexport const hasAnyChildTouched = (\n  touched: Record<string, unknown> | undefined,\n): boolean => {\n  if (!touched) {\n    return false;\n  }\n\n  return Object.keys(touched)\n    .filter((key) => {\n      return key !== '_errors';\n    })\n    .some((key) => {\n      const touchedValue = touched[key];\n      if (touchedValue === undefined) {\n        return false;\n      }\n      // If touchedValue is truthy (boolean true), field is touched\n      if (touchedValue === true) {\n        return true;\n      }\n      // Recursively check nested objects\n      if (typeof touchedValue === 'object' && touchedValue !== null) {\n        return hasAnyChildTouched(touchedValue as Record<string, unknown>);\n      }\n      return false;\n    });\n};\n\n/**\n * Recursively checks if any child field with an error is also touched.\n * Returns true if at least one touched child has an error.\n */\nexport const hasVisibleChildErrors = (\n  errors: Record<string, unknown> | undefined,\n  touched: Record<string, unknown> | undefined,\n): boolean => {\n  if (!errors || !touched) {\n    return false;\n  }\n\n  return Object.keys(errors)\n    .filter((key) => {\n      // Skip object-level errors (_errors) - those are handled separately\n      return key !== '_errors';\n    })\n    .some((key) => {\n      const errorValue = errors[key];\n      const touchedValue = touched[key];\n\n      // If this key doesn't exist in both errors and touched, skip\n      if (errorValue === undefined || touchedValue === undefined) {\n        return false;\n      }\n\n      // If errorValue is an array, it's a leaf field error\n      if (Array.isArray(errorValue)) {\n        // touchedValue being truthy means the field is touched\n        return !!touchedValue;\n      }\n\n      // Recursively check nested objects\n      if (typeof errorValue === 'object' && errorValue !== null) {\n        return hasVisibleChildErrors(\n          errorValue as Record<string, unknown>,\n          touchedValue as Record<string, unknown>,\n        );\n      }\n\n      return false;\n    });\n};\n\nexport const fieldCardVariants = tv({\n  slots: {\n    /** base class for the field card wrapper */\n    base: [\n      // base styles\n      'overflow-hidden rounded-small border bg-content1',\n      // animate border color change, respect reduced motion\n      'transition-colors duration-150 motion-reduce:transition-none',\n    ],\n    /** class for the label/header */\n    label: [\n      // override HeroUI label positioning and display\n      'pointer-events-auto! static! z-auto! block! w-full!',\n      // reset any transforms or translations\n      'translate-x-0! translate-y-0! transform-none!',\n      // card header styling - use text-medium (16px) for proper header size\n      'rounded-t-small border-b p-3 font-semibold text-medium',\n      // animate border and text color change, respect reduced motion\n      'transition-colors duration-150 motion-reduce:transition-none',\n    ],\n    /** class for the content */\n    content: [\n      // same as p-3 of Card component\n      'p-3',\n      // default grid for form components (see Grid component)\n      'grid gap-4',\n    ],\n    /** class for the error footer wrapper */\n    errorFooter: [\n      'border-t',\n      // force helper to be visible and add padding (pt-1 to compensate for inner content's top padding)\n      'block px-3 pb-2 pt-1',\n      // animate border color change, respect reduced motion\n      'transition-colors duration-150 motion-reduce:transition-none',\n    ],\n    /** class for the error text (empty base, color controlled by variant) */\n    errorText: [],\n  },\n  variants: {\n    invalid: {\n      true: {\n        base: 'border-danger-200',\n        label: 'border-danger-200 text-danger',\n        errorFooter: 'border-danger-200',\n        errorText: '!text-danger text-tiny',\n      },\n      false: {\n        base: 'border-divider',\n        label: 'border-divider text-foreground',\n        errorFooter: 'border-divider',\n        errorText: '!text-foreground-500 text-tiny',\n      },\n    },\n  },\n  defaultVariants: {\n    invalid: false,\n  },\n});\n\ntype ClassName = TVClassName<typeof fieldCardVariants>;\n\nexport interface FieldCardProps {\n  /** Content to render inside the card */\n  children: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Label content for the card header */\n  label: ReactNode;\n  /** Field name for validation */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * FieldCard component - A card-styled container with label header and error footer\n *\n * Displays form field content in a card layout with:\n * - Label/title in the header\n * - Content in the body\n * - Validation errors in the footer\n * - Danger outline when validation errors exist\n */\nconst FieldCard = ({\n  children,\n  className: _className = undefined,\n  name,\n  ...uniformFieldProps\n}: FieldCardProps) => {\n  const { error, getLabelProps, label } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  const {\n    control,\n    formState: { touchedFields, submitCount },\n    validation,\n  } = useFormContext();\n\n  // Check if any registered child field is required\n  const validationInstance = validation?.baseInstance ?? validation?.instance;\n  const registeredFields: string[] = Array.from(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (control as any)._names?.mount ?? [],\n  );\n  const childFieldPrefix = `${name}.`;\n  const isRequired = validationInstance\n    ? registeredFields\n        .filter((f) => {\n          return f.startsWith(childFieldPrefix);\n        })\n        .some((f) => {\n          return checkFieldIsRequired(\n            validationInstance,\n            f.split('.').filter((k) => {\n              return k !== '';\n            }),\n          );\n        })\n    : false;\n\n  // Get touched state for this field's children by traversing the path\n  const getNestedValue = (\n    obj: Record<string, unknown> | undefined,\n    path: string,\n  ): Record<string, unknown> | undefined => {\n    if (!obj) {\n      return undefined;\n    }\n    const keys = path.split('.');\n    let current: unknown = obj;\n    keys.every((key) => {\n      if (current && typeof current === 'object') {\n        current = (current as Record<string, unknown>)[key];\n        return true;\n      }\n      current = undefined;\n      return false;\n    });\n    return current as Record<string, unknown> | undefined;\n  };\n\n  const fieldTouched = getNestedValue(\n    touchedFields as Record<string, unknown>,\n    name,\n  );\n\n  // Check for object-level errors (_errors)\n  // @ts-expect-error - error._errors exists but not typed\n  const hasObjectErrors = !!error?._errors;\n\n  const errorRecord = error as unknown as Record<string, unknown>;\n\n  // Check if any child field has errors (regardless of touched state)\n  const hasChildErrors = hasAnyChildErrors(errorRecord);\n  // Check if any child field is touched\n  const isAnyChildTouched = hasAnyChildTouched(fieldTouched);\n\n  // Show invalid styling (danger border/header/error text) when:\n  // 1. Any child field has an error AND (it's touched OR form was submitted), OR\n  // 2. Object-level _errors exists AND no child errors AND (any child touched OR submitted)\n  const rawShowInvalid =\n    (hasChildErrors &&\n      (hasVisibleChildErrors(errorRecord, fieldTouched) || submitCount > 0)) ||\n    (hasObjectErrors &&\n      !hasChildErrors &&\n      (isAnyChildTouched || submitCount > 0));\n\n  // Debounce to prevent flickering during rapid state changes\n  const showInvalid = useDebounce(rawShowInvalid, 200);\n\n  // className from slots\n  const variants = fieldCardVariants({ invalid: showInvalid });\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <div className={className.base}>\n      {/* card header with label */}\n      {label ? (\n        <div\n          {...getLabelProps()}\n          aria-level={3}\n          // Override getLabelProps className to use our own invalid styling based on hasErrors,\n          // not HeroUI's which is based on any child field being invalid\n          className={className.label}\n          role=\"heading\"\n        >\n          {label}\n          {/* Manual asterisk: getLabelProps uses schema-required for the object itself,\n              but FieldCard needs asterisk based on whether any CHILD field is required */}\n          {isRequired ? (\n            <span aria-hidden=\"true\" className=\"ml-0.5 text-danger\">\n              *\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      {/* card content */}\n      <div className={className.content}>{children}</div>\n\n      {/* card footer with validation errors - always show _errors, but danger styling controlled by showInvalid */}\n      <FieldCardValidationError\n        className={className.errorFooter}\n        error={error}\n        errorTextClassName={className.errorText}\n        name={name}\n      />\n    </div>\n  );\n};\n\nexport default FieldCard;\n","import FieldCard from './FieldCard';\n\nexport type { FieldCardProps } from './FieldCard';\n\nexport { fieldCardVariants } from './FieldCard';\n\nexport { FieldCard };\n\nexport default FieldCard;\n"],"mappings":"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"}