@fuf-stack/uniform 1.10.3 → 1.11.0

package/dist/index-C56I3SOi.d.cts

@@ -0,0 +1,148 @@
+import * as tailwind_variants191 from "tailwind-variants";
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactElement, ReactNode } from "react";
+import { TabsProps } from "@fuf-stack/pixels";
+
+//#region src/RadioTabs/RadioTabs.d.ts
+declare const radioTabsVariants: tailwind_variants191.TVReturnType<{
+  hasContent: {
+    true: {
+      base: string;
+      tabBase: string;
+      tabWrapper: string[];
+    };
+  };
+  fullWidth: {
+    true: {
+      tabWrapper: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      tabWrapper: string;
+    };
+  };
+}, {
+  base: string;
+  cursor: string;
+  label: string;
+  tab: string;
+  tabBase: string;
+  tabContent: string;
+  tabList: string;
+  tabPanel: string;
+  tabWrapper: string;
+  wrapper: string;
+}, undefined, {
+  hasContent: {
+    true: {
+      base: string;
+      tabBase: string;
+      tabWrapper: string[];
+    };
+  };
+  fullWidth: {
+    true: {
+      tabWrapper: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      tabWrapper: string;
+    };
+  };
+}, {
+  base: string;
+  cursor: string;
+  label: string;
+  tab: string;
+  tabBase: string;
+  tabContent: string;
+  tabList: string;
+  tabPanel: string;
+  tabWrapper: string;
+  wrapper: string;
+}, tailwind_variants191.TVReturnType<{
+  hasContent: {
+    true: {
+      base: string;
+      tabBase: string;
+      tabWrapper: string[];
+    };
+  };
+  fullWidth: {
+    true: {
+      tabWrapper: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      tabWrapper: string;
+    };
+  };
+}, {
+  base: string;
+  cursor: string;
+  label: string;
+  tab: string;
+  tabBase: string;
+  tabContent: string;
+  tabList: string;
+  tabPanel: string;
+  tabWrapper: string;
+  wrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof radioTabsVariants>;
+type ClassName = TVClassName<typeof radioTabsVariants>;
+interface RadioTabsOption {
+  /** Optional content inside of the tab */
+  content?: 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 RadioTabsProps extends Omit<VariantProps, 'hasContent'> {
+  /** 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;
+  /** Whether tabs should take up full container width */
+  fullWidth?: 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: RadioTabsOption[];
+  /** Id to grab element in internal tests. */
+  testId?: string;
+  /** How the RadioTabs should look like. */
+  variant?: TabsProps['variant'];
+}
+/**
+ * RadioTabs component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)
+ * and [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)
+ */
+declare const RadioTabs: ({
+  className,
+  fullWidth,
+  inline,
+  name,
+  options,
+  variant,
+  ...uniformFieldProps
+}: RadioTabsProps) => ReactElement;
+//#endregion
+export { RadioTabsProps as n, RadioTabs as t };
+//# sourceMappingURL=index-C56I3SOi.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-C56I3SOi.d.cts","names":[],"sources":["../src/RadioTabs/RadioTabs.tsx"],"sourcesContent":[],"mappings":";;;;;;cAea,mBAsCX,oBAAA,CAtC4B;;;MAAjB,IAAA,EAAA,MAsCX;MAEG,OAAY,EAAA,MAAA;MACZ,UAAS,EAAA,MAAsB,EAAA;IAEnB,CAAA;EAEL,CAAA;EAIF,SAAA,EAAA;IAED,IAAA,EAAA;MAAS,UAAA,EAAA,MAAA;IAOD,CAAA;EAA4B,CAAA;EAI/B,SAAA,EAAA;IAQJ,IAAA,EAAA;MAIC,UAAA,EAAA,MAAA;IAIC,CAAA;EApB4B,CAAA;CAAI,EAAA;EA2BtC,IAAA,EAAA,MAyHL;EAzHkB,MAAA,EAAA,MAAA;EAAA,KAAA,EAAA,MAAA;EAAA,GAAA,EAAA,MAAA;EAAA,OAAA,EAAA,MAAA;EAAA,UAAA,EAAA,MAAA;EAAA,OAAA,EAAA,MAAA;EAQhB,QAAA,EAAA,MAAA;EAAiB,UAAA,EAAA,MAAA;EAiHnB,OAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAxKC,oBAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,eAAA;;YAEL;;;;UAIF;;SAED;;;;;;UAOQ,cAAA,SAAuB,KAAK;;;;cAI/B;;;;;;;;UAQJ;;;;WAIC;;;;YAIC;;;;;;cAON;;;;;;;;GAQH,mBAAiB"}

package/dist/index-CHmS3ri3.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime1 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_runtime1.JSX.Element;
+//#endregion
+export { FieldCopyTestIdButtonProps as n, FieldCopyTestIdButton as t };
+//# sourceMappingURL=index-CHmS3ri3.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-CHmS3ri3.d.ts","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-CI9QBUoM.d.cts

@@ -0,0 +1,97 @@
+import * as tailwind_variants260 from "tailwind-variants";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/TextArea/TextArea.d.ts
+declare const textAreaVariants: tailwind_variants260.TVReturnType<{
+  [key: string]: {
+    [key: string]: tailwind_variants260.ClassValue | {
+      base?: tailwind_variants260.ClassValue;
+      input?: tailwind_variants260.ClassValue;
+      inputWrapper?: tailwind_variants260.ClassValue;
+      clearButton?: tailwind_variants260.ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: tailwind_variants260.ClassValue | {
+      base?: tailwind_variants260.ClassValue;
+      input?: tailwind_variants260.ClassValue;
+      inputWrapper?: tailwind_variants260.ClassValue;
+      clearButton?: tailwind_variants260.ClassValue;
+    };
+  };
+} | {}, {
+  /** wrapper around the whole input */
+  base: string;
+  /** clear button */
+  clearButton: string;
+  /** actual input element */
+  input: string;
+  /** inner wrapper (HeroUI inputWrapper slot) */
+  inputWrapper: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: tailwind_variants260.ClassValue | {
+      base?: tailwind_variants260.ClassValue;
+      input?: tailwind_variants260.ClassValue;
+      inputWrapper?: tailwind_variants260.ClassValue;
+      clearButton?: tailwind_variants260.ClassValue;
+    };
+  };
+} | {}, {
+  /** wrapper around the whole input */
+  base: string;
+  /** clear button */
+  clearButton: string;
+  /** actual input element */
+  input: string;
+  /** inner wrapper (HeroUI inputWrapper slot) */
+  inputWrapper: string;
+}, tailwind_variants260.TVReturnType<unknown, {
+  /** wrapper around the whole input */
+  base: string;
+  /** clear button */
+  clearButton: string;
+  /** actual input element */
+  input: string;
+  /** inner wrapper (HeroUI inputWrapper slot) */
+  inputWrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof textAreaVariants>;
+type ClassName = TVClassName<typeof textAreaVariants>;
+interface TextAreaProps extends VariantProps {
+  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
+  ariaLabel?: string;
+  /** Child components. The content of the textarea. */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: ClassName;
+  /** debounce delay in milliseconds for form state updates (default: 300ms) */
+  debounceDelay?: number;
+  /** Determines if the TextArea is disabled or not. */
+  disabled?: boolean;
+  /** Label displayed above the TextArea. */
+  label?: ReactNode;
+  /** Name the TextArea is registered at in HTML forms (react-hook-form). */
+  name: string;
+  /** placeholder for the textArea content. */
+  placeholder?: string;
+  /** Id to grab element in internal tests. */
+  testId?: string;
+}
+/**
+ * TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)
+ */
+declare const TextArea: ({
+  children,
+  className: _className,
+  debounceDelay,
+  name,
+  placeholder,
+  ...uniformFieldProps
+}: TextAreaProps) => react_jsx_runtime14.JSX.Element;
+//#endregion
+export { TextAreaProps as n, TextArea as t };
+//# sourceMappingURL=index-CI9QBUoM.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-CI9QBUoM.d.cts","names":[],"sources":["../src/TextArea/TextArea.tsx"],"sourcesContent":[],"mappings":";;;;;;cAWa,uCAAgB;;mBAW3B,oBAAA,CAAA,UAAA;;MAXW,KAAA,CAAA,iCAWX;MAAA,YAAA,CAAA,iCAAA;;;;;;;;;;;;;;;;;EAX2B,WAAA,EAAA,MAAA;EAaxB;EACA,KAAA,EAAA,MAAS;EAEG;EAIJ,YAAA,EAAA,MAAA;CAEC,EAAA,SAAA,EAAA;EAMJ,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA;IAZ6B,CAAA,GAAA,EAAA,MAAA,CAAA,oCAAA;MAAY,IAAA,CAAA,iCAAA;MAwB7C,KAqEL,CAAA,iCAAA;MArEiB,YAAA,CAAA,iCAAA;MAAA,WAAA,CAAA,iCAAA;IAAA,CAAA;EAAA,CAAA;CAAA,GAAA,CAAA,CAAA,EAAA;EAOf;EAAa,IAAA,EAAA,MAAA;EA8Df;;;;;;;;;;;;;;;;KAhGI,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,aAAA,SAAsB;;;;aAI1B;;cAEC;;;;;;UAMJ;;;;;;;;;;;cAYJ;;aAAY;;;;;GAOf,kBAAa,mBAAA,CAAA,GAAA,CAAA"}

package/dist/index-CJNLQVjx.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/index-CO-l7RmT.d.cts

@@ -0,0 +1,181 @@
+import { t as InputValueTransform } from "./useInputValueTransform-BID-CQ-y.cjs";
+import * as tailwind_variants189 from "tailwind-variants";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/Checkboxes/Checkboxes.d.ts
+declare const checkboxesVariants: tailwind_variants189.TVReturnType<{
+  color: {
+    readonly default: {
+      wrapper: string;
+    };
+    readonly primary: {
+      wrapper: string;
+    };
+    readonly secondary: {
+      wrapper: string;
+    };
+    readonly success: {
+      wrapper: string;
+    };
+    readonly warning: {
+      wrapper: string;
+    };
+    readonly danger: {
+      wrapper: string;
+    };
+    readonly info: {
+      readonly wrapper: "text-info-foreground after:bg-info after:text-info-foreground";
+    };
+  };
+  lineThrough: {
+    true: {
+      optionLabel: string[];
+      optionLabelSubline: string;
+    };
+  };
+}, {
+  base: string;
+  errorMessage: string;
+  label: string;
+  optionBase: string;
+  optionIcon: string;
+  optionLabel: string;
+  optionLabelSubline: string;
+  optionWrapper: string;
+  wrapper: string;
+}, undefined, {
+  color: {
+    readonly default: {
+      wrapper: string;
+    };
+    readonly primary: {
+      wrapper: string;
+    };
+    readonly secondary: {
+      wrapper: string;
+    };
+    readonly success: {
+      wrapper: string;
+    };
+    readonly warning: {
+      wrapper: string;
+    };
+    readonly danger: {
+      wrapper: string;
+    };
+    readonly info: {
+      readonly wrapper: "text-info-foreground after:bg-info after:text-info-foreground";
+    };
+  };
+  lineThrough: {
+    true: {
+      optionLabel: string[];
+      optionLabelSubline: string;
+    };
+  };
+}, {
+  base: string;
+  errorMessage: string;
+  label: string;
+  optionBase: string;
+  optionIcon: string;
+  optionLabel: string;
+  optionLabelSubline: string;
+  optionWrapper: string;
+  wrapper: string;
+}, tailwind_variants189.TVReturnType<{
+  color: {
+    readonly default: {
+      wrapper: string;
+    };
+    readonly primary: {
+      wrapper: string;
+    };
+    readonly secondary: {
+      wrapper: string;
+    };
+    readonly success: {
+      wrapper: string;
+    };
+    readonly warning: {
+      wrapper: string;
+    };
+    readonly danger: {
+      wrapper: string;
+    };
+    readonly info: {
+      readonly wrapper: "text-info-foreground after:bg-info after:text-info-foreground";
+    };
+  };
+  lineThrough: {
+    true: {
+      optionLabel: string[];
+      optionLabelSubline: string;
+    };
+  };
+}, {
+  base: string;
+  errorMessage: string;
+  label: string;
+  optionBase: string;
+  optionIcon: string;
+  optionLabel: string;
+  optionLabelSubline: string;
+  optionWrapper: string;
+  wrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof checkboxesVariants>;
+type ClassName = TVClassName<typeof checkboxesVariants>;
+interface CheckboxOption {
+  /** option label */
+  label?: ReactNode;
+  /** subline displayed below the label */
+  labelSubline?: ReactNode;
+  /** option value */
+  value: string;
+  /** disables the option */
+  disabled?: boolean;
+  /** HTML data-testid attribute of the option */
+  testId?: string;
+}
+interface CheckboxesProps 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;
+  /** Color scheme of the checkboxes */
+  color?: VariantProps['color'];
+  /** Sets all checkboxes disabled */
+  disabled?: boolean;
+  /** Orientation of the checkboxes */
+  inline?: boolean;
+  /** Label displayed above the checkboxes */
+  label?: ReactNode;
+  /** Whether the checkboxes label should be crossed out */
+  lineThrough?: boolean;
+  /** Name the Field is registered on the form */
+  name: string;
+  /** Checkboxes that should be displayed. */
+  options: CheckboxOption[];
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /** allows disentangled display and form values for a field */
+  transform?: InputValueTransform<string[]>;
+}
+/**
+ * Checkboxes component based on [HeroUI CheckboxGroup](https://www.heroui.com//docs/components/checkbox-group)
+ */
+declare const Checkboxes: ({
+  className,
+  color,
+  inline,
+  lineThrough,
+  options,
+  name,
+  ...uniformFieldProps
+}: CheckboxesProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+export { Checkboxes as n, CheckboxesProps as r, CheckboxOption as t };
+//# sourceMappingURL=index-CO-l7RmT.d.cts.map

package/dist/index-CO-l7RmT.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CO-l7RmT.d.cts","names":[],"sources":["../src/Checkboxes/Checkboxes.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAoBa,oBAmCX,oBAAA,CAnC6B;;;;IAAlB,CAAA;IAqCR,SAAA,OAAY,EAAA;MACZ,OAAS,EAAA,MAAA;IAEG,CAAA;IAaA,SAAA,SAAgB,EAAA;MAInB,OAAA,EAAA,MAAA;IAEJ,CAAA;IAMA,SAAA,OAAA,EAAA;MAMC,OAAA,EAAA,MAAA;IAIG,CAAA;IAtB2B,SAAA,OAAA,EAAA;MAAY,OAAA,EAAA,MAAA;IA4B/C,CAAA;IAAc,SAAA,MAAA,EAAA;MAAA,OAAA,EAAA,MAAA;IAAA,CAAA;IAAA,SAAA,IAAA,EAAA;MAAA,SAAA,OAAA,EAAA,+DAAA;IAAA,CAAA;EAQjB,CAAA;EAAe,WAAA,EAAA;IAiHjB,IAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAvKC,oBAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,cAAA;;UAEP;;iBAEO;;;;;;;;UASA,eAAA,SAAwB;;;;cAI3B;;UAEJ;;;;;;UAMA;;;;;;WAMC;;;;cAIG;;;;;cAMR;;;;;;;;GAQH,oBAAe,kBAAA,CAAA,GAAA,CAAA"}

package/dist/index-CQWoxgWk.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from "react";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/Grid/Grid.d.ts
+interface GridProps {
+  /** child components */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: string;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+/**
+ * Defines the default grid for form components
+ */
+declare const Grid: ({
+  children,
+  className,
+  testId
+}: GridProps) => react_jsx_runtime13.JSX.Element;
+//#endregion
+export { GridProps as n, Grid as t };
+//# sourceMappingURL=index-CQWoxgWk.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-CQWoxgWk.d.ts","names":[],"sources":["../src/Grid/Grid.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,SAAA;;aAEJ;EAFI;EAYX,SAUL,CAAA,EAAA,MAAA;EAVa;EAAA,MAAA,CAAA,EAAA,MAAA;;;;;cAAR;;;;GAIH,cAAS,mBAAA,CAAA,GAAA,CAAA"}

package/dist/index-CVY05bZf.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from "react";
+import { ButtonProps } from "@fuf-stack/pixels";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/SubmitButton/SubmitButton.d.ts
+interface SubmitButtonProps {
+  /** sets HTML aria-label attribute */
+  ariaLabel?: string;
+  /** child components */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: string;
+  /** color of the submit button */
+  color?: ButtonProps['color'];
+  /** icon of the submit button */
+  icon?: ButtonProps['icon'];
+  /** If set loading animation is shown */
+  loading?: boolean;
+  /** size of the submit button */
+  size?: ButtonProps['size'];
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+/**
+ * From SubmitButton
+ */
+declare const SubmitButton: ({
+  ariaLabel,
+  children,
+  className,
+  color,
+  icon,
+  loading,
+  size,
+  testId
+}: SubmitButtonProps) => react_jsx_runtime7.JSX.Element;
+//#endregion
+export { SubmitButtonProps as n, SubmitButton as t };
+//# sourceMappingURL=index-CVY05bZf.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-CVY05bZf.d.ts","names":[],"sources":["../src/SubmitButton/SubmitButton.tsx"],"sourcesContent":[],"mappings":";;;;;UAQiB,iBAAA;;;EAAA;EAIJ,QAAA,CAAA,EAAA,SAAA;EAIH;EAED,SAAA,CAAA,EAAA,MAAA;EAIA;EAAW,KAAA,CAAA,EANV,WAMU,CAAA,OAAA,CAAA;EAQd;EAAgB,IAAA,CAAA,EAZb,WAYa,CAAA,MAAA,CAAA;EAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA;EAAA,IAAA,CAAA,EARb,WAQa,CAAA,MAAA,CAAA;EAAA;EAAA,MAAA,CAAA,EAAA,MAAA;;;;;cAAhB;;;;;;;;;GASH,sBAAiB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/index-C_ATGeaX.d.ts

@@ -0,0 +1,104 @@
+import { TVClassName } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as tailwind_variants254 from "tailwind-variants";
+
+//#region src/FieldCard/FieldCard.d.ts
+declare const fieldCardVariants: tailwind_variants254.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_variants254.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_runtime11.JSX.Element;
+//#endregion
+export { FieldCardProps as n, fieldCardVariants as r, FieldCard as t };
+//# sourceMappingURL=index-C_ATGeaX.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-C_ATGeaX.d.ts","names":[],"sources":["../src/FieldCard/FieldCard.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,mBA+CX,oBAAA,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,oBAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;KAEG,SAAA,GAAY,mBAAmB;UAEnB,cAAA;;YAEL;;cAEE;;SAEL;;;;;;;;;;;;;;;cAgBH;;aAAa;;;GAKhB,mBAAc,mBAAA,CAAA,GAAA,CAAA"}

package/dist/index-CbAh0Kfo.d.cts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { ReactNode } from "react";
+import { ButtonProps } from "@fuf-stack/pixels";
+
+//#region src/SubmitButton/SubmitButton.d.ts
+interface SubmitButtonProps {
+  /** sets HTML aria-label attribute */
+  ariaLabel?: string;
+  /** child components */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: string;
+  /** color of the submit button */
+  color?: ButtonProps['color'];
+  /** icon of the submit button */
+  icon?: ButtonProps['icon'];
+  /** If set loading animation is shown */
+  loading?: boolean;
+  /** size of the submit button */
+  size?: ButtonProps['size'];
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+/**
+ * From SubmitButton
+ */
+declare const SubmitButton: ({
+  ariaLabel,
+  children,
+  className,
+  color,
+  icon,
+  loading,
+  size,
+  testId
+}: SubmitButtonProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+export { SubmitButtonProps as n, SubmitButton as t };
+//# sourceMappingURL=index-CbAh0Kfo.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-CbAh0Kfo.d.cts","names":[],"sources":["../src/SubmitButton/SubmitButton.tsx"],"sourcesContent":[],"mappings":";;;;;UAQiB,iBAAA;;;EAAA;EAIJ,QAAA,CAAA,EAAA,SAAA;EAIH;EAED,SAAA,CAAA,EAAA,MAAA;EAIA;EAAW,KAAA,CAAA,EANV,WAMU,CAAA,OAAA,CAAA;EAQd;EAAgB,IAAA,CAAA,EAZb,WAYa,CAAA,MAAA,CAAA;EAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EAAA;EAAA,IAAA,CAAA,EARb,WAQa,CAAA,MAAA,CAAA;EAAA;EAAA,MAAA,CAAA,EAAA,MAAA;;;;;cAAhB;;;;;;;;;GASH,sBAAiB,kBAAA,CAAA,GAAA,CAAA"}