@fuf-stack/uniform 1.10.4 → 1.11.1

package/dist/index-DrAaB1si.d.cts

@@ -0,0 +1,177 @@
+import * as tailwind_variants210 from "tailwind-variants";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/RadioBoxes/RadioBoxes.d.ts
+declare const radioBoxesVariants: tailwind_variants210.TVReturnType<{
+  [key: string]: {
+    [key: string]: tailwind_variants210.ClassValue | {
+      base?: tailwind_variants210.ClassValue;
+      label?: tailwind_variants210.ClassValue;
+      boxBase?: tailwind_variants210.ClassValue;
+      boxControl?: tailwind_variants210.ClassValue;
+      boxDescription?: tailwind_variants210.ClassValue;
+      boxLabel?: tailwind_variants210.ClassValue;
+      boxLabelWrapper?: tailwind_variants210.ClassValue;
+      wrapper?: tailwind_variants210.ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: tailwind_variants210.ClassValue | {
+      base?: tailwind_variants210.ClassValue;
+      label?: tailwind_variants210.ClassValue;
+      boxBase?: tailwind_variants210.ClassValue;
+      boxControl?: tailwind_variants210.ClassValue;
+      boxDescription?: tailwind_variants210.ClassValue;
+      boxLabel?: tailwind_variants210.ClassValue;
+      boxLabelWrapper?: tailwind_variants210.ClassValue;
+      wrapper?: tailwind_variants210.ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+  boxBase: string;
+  boxControl: string;
+  boxDescription: string;
+  boxLabel: string;
+  boxLabelWrapper: string;
+  label: string;
+  wrapper: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: tailwind_variants210.ClassValue | {
+      base?: tailwind_variants210.ClassValue;
+      label?: tailwind_variants210.ClassValue;
+      boxBase?: tailwind_variants210.ClassValue;
+      boxControl?: tailwind_variants210.ClassValue;
+      boxDescription?: tailwind_variants210.ClassValue;
+      boxLabel?: tailwind_variants210.ClassValue;
+      boxLabelWrapper?: tailwind_variants210.ClassValue;
+      wrapper?: tailwind_variants210.ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+  boxBase: string;
+  boxControl: string;
+  boxDescription: string;
+  boxLabel: string;
+  boxLabelWrapper: string;
+  label: string;
+  wrapper: string;
+}, tailwind_variants210.TVReturnType<unknown, {
+  base: string;
+  boxBase: string;
+  boxControl: string;
+  boxDescription: string;
+  boxLabel: string;
+  boxLabelWrapper: string;
+  label: string;
+  wrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof radioBoxesVariants>;
+type ClassName = TVClassName<typeof radioBoxesVariants>;
+interface RadioBoxesOption {
+  /** Description of the value. Works with variant radioBox. */
+  description?: ReactNode;
+  /** disables the option */
+  disabled?: boolean;
+  /** option label */
+  label?: ReactNode;
+  /** option icon */
+  icon?: ReactNode;
+  /** HTML data-testid attribute of the option */
+  testId?: string;
+  /** option value */
+  value: string;
+}
+interface RadioBoxesProps extends VariantProps {
+  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
+  ariaLabel?: string;
+  /** CSS class name */
+  className?: ClassName;
+  /** Determines if the Buttons are disabled or not. */
+  disabled?: boolean;
+  /** determines orientation of the Buttons. */
+  inline?: boolean;
+  /** Label displayed next to the RadioButton. */
+  label?: ReactNode;
+  /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */
+  name: string;
+  /** Radio button configuration. */
+  options: RadioBoxesOption[];
+  /** Id to grab element in internal tests. */
+  testId?: string;
+}
+/**
+ * RadioBoxes component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)
+ */
+declare const RadioBoxes: ({
+  className,
+  inline,
+  name,
+  options,
+  ...uniformFieldProps
+}: RadioBoxesProps) => react_jsx_runtime11.JSX.Element;
+//#endregion
+//#region src/RadioBoxes/RadioBox.d.ts
+declare const radioBoxVariants: tailwind_variants210.TVReturnType<{
+  isDisabled: {
+    true: {
+      base: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+  control: string;
+  description: string;
+  icon: string;
+  label: string;
+  labelWrapper: string;
+}, undefined, {
+  isDisabled: {
+    true: {
+      base: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+  control: string;
+  description: string;
+  icon: string;
+  label: string;
+  labelWrapper: string;
+}, tailwind_variants210.TVReturnType<{
+  isDisabled: {
+    true: {
+      base: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+  control: string;
+  description: string;
+  icon: string;
+  label: string;
+  labelWrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+//#endregion
+export { RadioBoxes as n, RadioBoxesProps as r, radioBoxVariants as t };
+//# sourceMappingURL=index-DrAaB1si.d.cts.map

package/dist/index-DrAaB1si.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DrAaB1si.d.cts","names":[],"sources":["../src/RadioBoxes/RadioBoxes.tsx","../src/RadioBoxes/RadioBox.tsx"],"sourcesContent":[],"mappings":";;;;;;cAYa,yCAAkB;;mBAc7B,oBAAA,CAAA,UAAA;;MAdW,KAAA,CAAA,iCAcX;MAAA,OAAA,CAAA,iCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAd6B,OAAA,EAAA,MAAA;AAc5B,CAAA,EAAA,SAEE,EAAA;EACA,CAAA,GAAA,EAAA,MAAS,CAAA,EAAA;IAEG,CAAA,GAAA,EAAA,MAAA,CAAA,oCAAgB;MAEjB,IAAA,CAAA,iCAAA;MAIN,KAAA,CAAA,iCAAA;MAED,OAAA,CAAA,iCAAA;MAAS,UAAA,CAAA,iCAAA;MAOD,cAAgB,CAAA,iCAAA;MAInB,QAAA,CAAA,iCAAA;MAMJ,eAAA,CAAA,iCAAA;MAIC,OAAA,CAAA,iCAAA;IAd8B,CAAA;EAAY,CAAA;AAiBpD,CAAA,GAKK,CAAA,CAAA,EAAA;EAAc,IAAA,EAAA,MAAA;EAAA,OAAA,EAAA,MAAA;EAAA,UAAA,EAAA,MAAA;EAAA,cAAA,EAAA,MAAA;EAMjB,QAAA,EAAA,MAAA;EAAe,eAAA,EAAA,MAAA;EA2EjB,KAAA,EAAA,MAAA;;;;EC5IY,OAAA,EAAA,MAAA;;;;;;;;KDmBR,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,gBAAA;;gBAED;;;;UAIN;;SAED;;;;;;UAOQ,eAAA,SAAwB;;;;cAI3B;;;;;;UAMJ;;;;WAIC;;;;;;;cAQL;;;;;;GAMH,oBAAe,mBAAA,CAAA,GAAA,CAAA;;;cCjEL,kBAqBX,oBAAA,CArB2B;;;MDGhB,IAAA,EAAA,MAAA;IAcX,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAd6B;EAAA,IAAA,EAAA,MAAA;EAgB1B,KAAA,EAAA,MAAA;EACA,YAAS,EAAA,MAAA;AAEd,CAAA,ECDE,oBAAA,CAAA,YDC+B,CAAA;EAEjB,UAAA,EAAA;IAIN,IAAA,EAAA;MAED,IAAA,EAAA,MAAA;IAAS,CAAA;EAOD,CAAA;EAIH,SAAA,EAAA;IAMJ,IAAA,EAAA;MAIC,IAAA,EAAA,MAAA;IAd8B,CAAA;EAAY,CAAA;AAiBpD,CAAA,EAAA;EAKmB,IAAA,EAAA,MAAA;EAAA,OAAA,EAAA,MAAA;EAAA,WAAA,EAAA,MAAA;EAAA,IAAA,EAAA,MAAA;EAMjB,KAAA,EAAA,MAAA;EAAe,YAAA,EAAA,MAAA;CA2EjB,EAAA,SAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,CAAA,CAAA"}

package/dist/index-G0IgQWoU.d.cts

@@ -0,0 +1,134 @@
+//#region src/helpers/nullishFields/nullishFields.d.ts
+/** Key used to wrap flat array elements when converting to form format */
+declare const flatArrayKey = "__FLAT__";
+/**
+ * Converts marker strings back to their original values when processing arrays
+ */
+declare const fromNullishString: (value: unknown) => unknown;
+/**
+ * Converts null/falsy values to marker strings for JSON processing
+ */
+declare const toNullishString: (value: unknown) => unknown;
+/**
+ * Converts field values to a format suitable for forms by:
+ * - Wrapping arrays of primitives as objects using the flatArrayKey `__FLAT__`
+ *   to satisfy RHF's requirement that array fields contain objects
+ * - Removing empty strings and null values from objects
+ *
+ * This conversion is required because React Hook Form does not support arrays with
+ * flat values (string, number, boolean, null). Array fields must contain objects.
+ * We work around this by wrapping primitive entries: `{ __FLAT__: <value> }`.
+ *
+ * @example
+ * const fields = {
+ *   name: 'John',
+ *   scores: [0, null, 75, false],
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     { score: null },
+ *     { score: 0 },
+ *     { score: false },
+ *     { score: '' },
+ *   ],
+ *   contact: {
+ *     email: '',
+ *     phone: null,
+ *     address: '123 Main St'
+ *   }
+ * };
+ *
+ * // Result:
+ * {
+ *   name: 'John',
+ *   scores: [
+ *     { __FLAT__: 0 },
+ *     { __FLAT__: null },
+ *     { __FLAT__: 75 },
+ *     { __FLAT__: false }
+ *   ],
+ *   // Arrays of objects are left as objects; empty/null properties are removed
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     {}, // null score removed
+ *     { score: 0 },
+ *     { score: false },
+ *     {}, // empty string removed
+ *   ],
+ *   contact: {
+ *     address: '123 Main St'
+ *   }
+ * }
+ */
+declare const toFormFormat: (fields: Record<string, unknown>) => Record<string, unknown>;
+/**
+ * Converts form state to a format suitable for validation by:
+ * - Unwrapping flat array wrappers `{ __FLAT__: <value> }` back to primitives
+ * - Converting legacy string markers (__NULL__, __FALSE__, __ZERO__) back to their original values
+ * - Removing fields whose converted value is empty string or null
+ * - Removing empty arrays
+ *
+ * @example
+ * const formState = {
+ *   name: 'John',
+ *   scores: [
+ *     { __FLAT__: 75 },
+ *     { __FLAT__: 0 },
+ *     { __FLAT__: null },
+ *     { __FLAT__: false }
+ *   ],
+ *   emptyArray: [],
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     {},
+ *     { score: 0 },
+ *     { score: false },
+ *     {},
+ *   ],
+ *   contact: {
+ *     address: '123 Main St',
+ *     fax: null
+ *   }
+ * };
+ *
+ * // Result:
+ * {
+ *   name: 'John',
+ *   scores: [75, 0, null, false],
+ *   // emptyArray is removed
+ *   // Objects inside arrays remain objects; empty entries remain empty objects
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     {},
+ *     { score: 0 },
+ *     { score: false },
+ *     {},
+ *   ],
+ *   contact: {
+ *     address: '123 Main St'
+ *   }
+ * }
+ */
+declare const toValidationFormat: (formState: Record<string, unknown> | null | undefined) => Record<string, unknown> | null | undefined;
+/**
+ * Converts a field name to a testId by removing flat array key segments and slugifying.
+ * Removes all occurrences of `flatArrayKey` from the field name and applies slugify transformation.
+ *
+ * This is used to generate stable testIds for form fields that don't include
+ * the internal `__FLAT__` marker used for flat arrays.
+ *
+ * @param name - The field name as a string (e.g., 'tags.0.__FLAT__') or array path (e.g., ['tags', '0', '__FLAT__'])
+ * @returns The slugified field name with all flat array key segments removed (e.g., 'tags_0')
+ *
+ * @example
+ * ```ts
+ * nameToTestId('tags.0.__FLAT__') // => 'tags_0'
+ * nameToTestId('array.0.__FLAT__') // => 'array_0'
+ * nameToTestId('nested.array.0.__FLAT__.field') // => 'nested_array_0_field'
+ * nameToTestId('simple.field') // => 'simple_field'
+ * nameToTestId(['tags', '0', '__FLAT__']) // => 'tags_0'
+ * ```
+ */
+declare const nameToTestId: (name: string | readonly string[]) => string;
+//#endregion
+export { toNullishString as a, toFormFormat as i, fromNullishString as n, toValidationFormat as o, nameToTestId as r, flatArrayKey as t };
+//# sourceMappingURL=index-G0IgQWoU.d.cts.map

package/dist/index-G0IgQWoU.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-G0IgQWoU.d.cts","names":[],"sources":["../src/helpers/nullishFields/nullishFields.ts"],"sourcesContent":[],"mappings":";;AAGa,cAAA,YAAA,GAAY,UAAA;AAYzB;AAsCA;AA6EA;AA2Ea,cA9LA,iBA+LA,EAAA,CAAA,KACV,EAAA,OAAM,EAAA,GAAA,OAAA;AAgGT;;;cA1Pa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6EA,uBAAwB,4BAwBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmD1B,gCACA,+CACV;;;;;;;;;;;;;;;;;;;;cAgGU"}

package/dist/index-UjKqRe-8.d.ts

@@ -0,0 +1,134 @@
+//#region src/helpers/nullishFields/nullishFields.d.ts
+/** Key used to wrap flat array elements when converting to form format */
+declare const flatArrayKey = "__FLAT__";
+/**
+ * Converts marker strings back to their original values when processing arrays
+ */
+declare const fromNullishString: (value: unknown) => unknown;
+/**
+ * Converts null/falsy values to marker strings for JSON processing
+ */
+declare const toNullishString: (value: unknown) => unknown;
+/**
+ * Converts field values to a format suitable for forms by:
+ * - Wrapping arrays of primitives as objects using the flatArrayKey `__FLAT__`
+ *   to satisfy RHF's requirement that array fields contain objects
+ * - Removing empty strings and null values from objects
+ *
+ * This conversion is required because React Hook Form does not support arrays with
+ * flat values (string, number, boolean, null). Array fields must contain objects.
+ * We work around this by wrapping primitive entries: `{ __FLAT__: <value> }`.
+ *
+ * @example
+ * const fields = {
+ *   name: 'John',
+ *   scores: [0, null, 75, false],
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     { score: null },
+ *     { score: 0 },
+ *     { score: false },
+ *     { score: '' },
+ *   ],
+ *   contact: {
+ *     email: '',
+ *     phone: null,
+ *     address: '123 Main St'
+ *   }
+ * };
+ *
+ * // Result:
+ * {
+ *   name: 'John',
+ *   scores: [
+ *     { __FLAT__: 0 },
+ *     { __FLAT__: null },
+ *     { __FLAT__: 75 },
+ *     { __FLAT__: false }
+ *   ],
+ *   // Arrays of objects are left as objects; empty/null properties are removed
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     {}, // null score removed
+ *     { score: 0 },
+ *     { score: false },
+ *     {}, // empty string removed
+ *   ],
+ *   contact: {
+ *     address: '123 Main St'
+ *   }
+ * }
+ */
+declare const toFormFormat: (fields: Record<string, unknown>) => Record<string, unknown>;
+/**
+ * Converts form state to a format suitable for validation by:
+ * - Unwrapping flat array wrappers `{ __FLAT__: <value> }` back to primitives
+ * - Converting legacy string markers (__NULL__, __FALSE__, __ZERO__) back to their original values
+ * - Removing fields whose converted value is empty string or null
+ * - Removing empty arrays
+ *
+ * @example
+ * const formState = {
+ *   name: 'John',
+ *   scores: [
+ *     { __FLAT__: 75 },
+ *     { __FLAT__: 0 },
+ *     { __FLAT__: null },
+ *     { __FLAT__: false }
+ *   ],
+ *   emptyArray: [],
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     {},
+ *     { score: 0 },
+ *     { score: false },
+ *     {},
+ *   ],
+ *   contact: {
+ *     address: '123 Main St',
+ *     fax: null
+ *   }
+ * };
+ *
+ * // Result:
+ * {
+ *   name: 'John',
+ *   scores: [75, 0, null, false],
+ *   // emptyArray is removed
+ *   // Objects inside arrays remain objects; empty entries remain empty objects
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     {},
+ *     { score: 0 },
+ *     { score: false },
+ *     {},
+ *   ],
+ *   contact: {
+ *     address: '123 Main St'
+ *   }
+ * }
+ */
+declare const toValidationFormat: (formState: Record<string, unknown> | null | undefined) => Record<string, unknown> | null | undefined;
+/**
+ * Converts a field name to a testId by removing flat array key segments and slugifying.
+ * Removes all occurrences of `flatArrayKey` from the field name and applies slugify transformation.
+ *
+ * This is used to generate stable testIds for form fields that don't include
+ * the internal `__FLAT__` marker used for flat arrays.
+ *
+ * @param name - The field name as a string (e.g., 'tags.0.__FLAT__') or array path (e.g., ['tags', '0', '__FLAT__'])
+ * @returns The slugified field name with all flat array key segments removed (e.g., 'tags_0')
+ *
+ * @example
+ * ```ts
+ * nameToTestId('tags.0.__FLAT__') // => 'tags_0'
+ * nameToTestId('array.0.__FLAT__') // => 'array_0'
+ * nameToTestId('nested.array.0.__FLAT__.field') // => 'nested_array_0_field'
+ * nameToTestId('simple.field') // => 'simple_field'
+ * nameToTestId(['tags', '0', '__FLAT__']) // => 'tags_0'
+ * ```
+ */
+declare const nameToTestId: (name: string | readonly string[]) => string;
+//#endregion
+export { toNullishString as a, toFormFormat as i, fromNullishString as n, toValidationFormat as o, nameToTestId as r, flatArrayKey as t };
+//# sourceMappingURL=index-UjKqRe-8.d.ts.map

package/dist/index-UjKqRe-8.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-UjKqRe-8.d.ts","names":[],"sources":["../src/helpers/nullishFields/nullishFields.ts"],"sourcesContent":[],"mappings":";;AAGa,cAAA,YAAA,GAAY,UAAA;AAYzB;AAsCA;AA6EA;AA2Ea,cA9LA,iBA+LA,EAAA,CAAA,KACV,EAAA,OAAM,EAAA,GAAA,OAAA;AAgGT;;;cA1Pa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6EA,uBAAwB,4BAwBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmD1B,gCACA,+CACV;;;;;;;;;;;;;;;;;;;;cAgGU"}

package/dist/index-cda9yEEN.d.cts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+
+//#region src/partials/FieldCopyTestIdButton/FieldCopyTestIdButton.d.ts
+interface FieldCopyTestIdButtonProps {
+  /** CSS class name */
+  className?: string;
+  /** HTML data-testid attribute used in e2e tests */
+  testId: string;
+}
+declare const FieldCopyTestIdButton: ({
+  className,
+  testId
+}: FieldCopyTestIdButtonProps) => react_jsx_runtime4.JSX.Element;
+//#endregion
+export { FieldCopyTestIdButtonProps as n, FieldCopyTestIdButton as t };
+//# sourceMappingURL=index-cda9yEEN.d.cts.map

package/dist/index-cda9yEEN.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-cda9yEEN.d.cts","names":[],"sources":["../src/partials/FieldCopyTestIdButton/FieldCopyTestIdButton.tsx"],"sourcesContent":[],"mappings":";;;UAKiB,0BAAA;;;EAAA;EAOX,MAAA,EAAA,MAAA;;cAAA,qBAAyB,EAAA,CAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAG5B,0BAH4B,EAAA,GAGF,kBAAA,CAAA,GAAA,CAAA,OAHE"}

package/dist/index-cvKMShf8.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+import { FieldError } from "react-hook-form";
+
+//#region src/partials/FieldValidationError/FieldValidationError.d.ts
+interface FieldValidationErrorProps {
+  /** CSS class name */
+  className?: string;
+  /** Field errors */
+  error?: FieldError[];
+  /** HTML data-testid attribute used in e2e tests */
+  testId: string;
+}
+/**
+ * Renders a validation error of a field
+ */
+declare const FieldValidationError: ({
+  className,
+  error,
+  testId
+}: FieldValidationErrorProps) => react_jsx_runtime8.JSX.Element;
+//#endregion
+export { FieldValidationErrorProps as n, FieldValidationError as t };
+//# sourceMappingURL=index-cvKMShf8.d.ts.map

package/dist/index-cvKMShf8.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-cvKMShf8.d.ts","names":[],"sources":["../src/partials/FieldValidationError/FieldValidationError.tsx"],"sourcesContent":[],"mappings":";;;;UASiB,yBAAA;;;EAAA;EAYX,KAAA,CAAA,EARI,UAQJ,EAAA;EAAwB;EAAA,MAAA,EAAA,MAAA;;;;;cAAxB;;;;GAIH,8BAAyB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/index-t8GMrjmp.d.cts

@@ -0,0 +1,104 @@
+import * as tailwind_variants16 from "tailwind-variants";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+import { TVClassName } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/FieldCard/FieldCard.d.ts
+declare const fieldCardVariants: tailwind_variants16.TVReturnType<{
+  invalid: {
+    true: {
+      base: string;
+      label: string;
+      errorFooter: string;
+    };
+    false: {
+      base: string;
+      label: string;
+      errorFooter: string;
+    };
+  };
+}, {
+  /** base class for the field card wrapper */
+  base: string[];
+  /** class for the label/header */
+  label: string[];
+  /** class for the content */
+  content: string[];
+  /** class for the error footer wrapper */
+  errorFooter: string[];
+}, undefined, {
+  invalid: {
+    true: {
+      base: string;
+      label: string;
+      errorFooter: string;
+    };
+    false: {
+      base: string;
+      label: string;
+      errorFooter: string;
+    };
+  };
+}, {
+  /** base class for the field card wrapper */
+  base: string[];
+  /** class for the label/header */
+  label: string[];
+  /** class for the content */
+  content: string[];
+  /** class for the error footer wrapper */
+  errorFooter: string[];
+}, tailwind_variants16.TVReturnType<{
+  invalid: {
+    true: {
+      base: string;
+      label: string;
+      errorFooter: string;
+    };
+    false: {
+      base: string;
+      label: string;
+      errorFooter: string;
+    };
+  };
+}, {
+  /** base class for the field card wrapper */
+  base: string[];
+  /** class for the label/header */
+  label: string[];
+  /** class for the content */
+  content: string[];
+  /** class for the error footer wrapper */
+  errorFooter: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ClassName = TVClassName<typeof fieldCardVariants>;
+interface FieldCardProps {
+  /** Content to render inside the card */
+  children: ReactNode;
+  /** CSS class name */
+  className?: ClassName;
+  /** Label content for the card header */
+  label: ReactNode;
+  /** Field name for validation */
+  name: string;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+/**
+ * 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
+ */
+declare const FieldCard: ({
+  children,
+  className: _className,
+  name,
+  ...uniformFieldProps
+}: FieldCardProps) => react_jsx_runtime1.JSX.Element;
+//#endregion
+export { FieldCardProps as n, fieldCardVariants as r, FieldCard as t };
+//# sourceMappingURL=index-t8GMrjmp.d.cts.map

package/dist/index-t8GMrjmp.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-t8GMrjmp.d.cts","names":[],"sources":["../src/FieldCard/FieldCard.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,mBA+CX,mBAAA,CA/C4B;;;;MAAjB,KAAA,EAAA,MA+CX;MAEG,WAAS,EAAA,MAAsB;IAEnB,CAAA;IAEL,KAAA,EAAA;MAEE,IAAA,EAAA,MAAA;MAEL,KAAA,EAAA,MAAA;MAAS,WAAA,EAAA,MAAA;IAgBZ,CAAA;EAAa,CAAA;CAAA,EAAA;EAAA;EAKhB,IAAA,EAAA,MAAA,EAAA;EAAc;EAkChB,KAAA,EAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GAjEC,mBAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;KAEG,SAAA,GAAY,mBAAmB;UAEnB,cAAA;;YAEL;;cAEE;;SAEL;;;;;;;;;;;;;;;cAgBH;;aAAa;;;GAKhB,mBAAc,kBAAA,CAAA,GAAA,CAAA"}