@fuf-stack/uniform 1.10.3 → 1.11.0

package/dist/index-D6RB3b5L.d.ts

@@ -0,0 +1,148 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactElement, ReactNode } from "react";
+import { TabsProps } from "@fuf-stack/pixels";
+import * as tailwind_variants273 from "tailwind-variants";
+
+//#region src/RadioTabs/RadioTabs.d.ts
+declare const radioTabsVariants: tailwind_variants273.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_variants273.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-D6RB3b5L.d.ts.map

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

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

@@ -0,0 +1,123 @@
+import * as tailwind_variants228 from "tailwind-variants";
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactElement, ReactNode } from "react";
+
+//#region src/Radios/Radios.d.ts
+declare const radiosVariants: tailwind_variants228.TVReturnType<{
+  [key: string]: {
+    [key: string]: tailwind_variants228.ClassValue | {
+      base?: tailwind_variants228.ClassValue;
+      label?: tailwind_variants228.ClassValue;
+      wrapper?: tailwind_variants228.ClassValue;
+      itemBase?: tailwind_variants228.ClassValue;
+      itemControl?: tailwind_variants228.ClassValue;
+      itemDescription?: tailwind_variants228.ClassValue;
+      itemLabel?: tailwind_variants228.ClassValue;
+      itemLabelWrapper?: tailwind_variants228.ClassValue;
+      itemWrapper?: tailwind_variants228.ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: tailwind_variants228.ClassValue | {
+      base?: tailwind_variants228.ClassValue;
+      label?: tailwind_variants228.ClassValue;
+      wrapper?: tailwind_variants228.ClassValue;
+      itemBase?: tailwind_variants228.ClassValue;
+      itemControl?: tailwind_variants228.ClassValue;
+      itemDescription?: tailwind_variants228.ClassValue;
+      itemLabel?: tailwind_variants228.ClassValue;
+      itemLabelWrapper?: tailwind_variants228.ClassValue;
+      itemWrapper?: tailwind_variants228.ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+  itemBase: string;
+  itemControl: string;
+  itemDescription: string;
+  itemLabel: string;
+  itemLabelWrapper: string;
+  itemWrapper: string;
+  label: string;
+  wrapper: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: tailwind_variants228.ClassValue | {
+      base?: tailwind_variants228.ClassValue;
+      label?: tailwind_variants228.ClassValue;
+      wrapper?: tailwind_variants228.ClassValue;
+      itemBase?: tailwind_variants228.ClassValue;
+      itemControl?: tailwind_variants228.ClassValue;
+      itemDescription?: tailwind_variants228.ClassValue;
+      itemLabel?: tailwind_variants228.ClassValue;
+      itemLabelWrapper?: tailwind_variants228.ClassValue;
+      itemWrapper?: tailwind_variants228.ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+  itemBase: string;
+  itemControl: string;
+  itemDescription: string;
+  itemLabel: string;
+  itemLabelWrapper: string;
+  itemWrapper: string;
+  label: string;
+  wrapper: string;
+}, tailwind_variants228.TVReturnType<unknown, {
+  base: string;
+  itemBase: string;
+  itemControl: string;
+  itemDescription: string;
+  itemLabel: string;
+  itemLabelWrapper: string;
+  itemWrapper: string;
+  label: string;
+  wrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof radiosVariants>;
+type ClassName = TVClassName<typeof radiosVariants>;
+interface RadioOption {
+  /** 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 RadiosProps 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: RadioOption[];
+  /** Id to grab element in internal tests. */
+  testId?: string;
+}
+/**
+ * Radios component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)
+ */
+declare const Radios: ({
+  className,
+  inline,
+  name,
+  options,
+  ...uniformFieldProps
+}: RadiosProps) => ReactElement;
+//#endregion
+export { RadiosProps as n, Radios as t };
+//# sourceMappingURL=index-DA5um0u6.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DA5um0u6.d.cts","names":[],"sources":["../src/Radios/Radios.tsx"],"sourcesContent":[],"mappings":";;;;;cAYa,qCAAc;;mBAgBzB,oBAAA,CAAA,UAAA;MAhBW,IAAA,CAAA,iCAgBX;MAAA,KAAA,CAAA,iCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAhByB;EAAA,KAAA,EAAA,MAAA;EAkBtB,OAAA,EAAA,MAAY;AAAU,CAAA,EAAA,SACtB,EAAA;EAEY,CAAA,GAAA,EAAA,MAAA,CAAA,EAAW;IAaX,CAAA,GAAA,EAAA,MAAY,CAAA,oCAAA;MAIf,IAAA,CAAA,iCAAA;MAMJ,KAAA,CAAA,iCAAA;MAIC,OAAA,CAAA,iCAAA;MAd0B,QAAA,CAAA,iCAAA;MAAY,WAAA,CAAA,iCAAA;MAsB3C,eA8EL,CAAA,iCAAA;MA9Ee,SAAA,CAAA,iCAAA;MAAA,gBAAA,CAAA,iCAAA;MAAA,WAAA,CAAA,iCAAA;IAAA,CAAA;EAMb,CAAA;CAAc,GAAA,CAAA,CAAA,EAAA;EAwEhB,IAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;KApHI,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,WAAA;;;;UAIP;;SAED;;;;;;UAOQ,WAAA,SAAoB;;;;cAIvB;;;;;;UAMJ;;;;WAIC;;;;;;;cAQL;;;;;;GAMH,gBAAc"}

package/dist/index-DHHBSmJb.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime0 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_runtime0.JSX.Element;
+//#endregion
+export { FieldValidationErrorProps as n, FieldValidationError as t };
+//# sourceMappingURL=index-DHHBSmJb.d.ts.map

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

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

@@ -0,0 +1,156 @@
+import { TVClassName } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { SwitchProps } from "@heroui/switch";
+import * as tailwind_variants75 from "tailwind-variants";
+
+//#region src/SwitchBox/SwitchBox.d.ts
+declare const switchBoxVariants: tailwind_variants75.TVReturnType<{
+  isDisabled: {
+    true: {
+      box: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      box: string;
+      label: string;
+    };
+  };
+  size: {
+    sm: {
+      box: string;
+      description: string;
+      label: string;
+    };
+    md: {
+      box: string;
+      description: string;
+      label: string;
+    };
+    lg: {
+      box: string;
+      description: string;
+      label: string;
+    };
+  };
+}, {
+  box: string;
+  description: string;
+  icon: string;
+  label: string;
+  wrapper: string;
+  thumb: string;
+  thumbIcon: string;
+}, undefined, {
+  isDisabled: {
+    true: {
+      box: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      box: string;
+      label: string;
+    };
+  };
+  size: {
+    sm: {
+      box: string;
+      description: string;
+      label: string;
+    };
+    md: {
+      box: string;
+      description: string;
+      label: string;
+    };
+    lg: {
+      box: string;
+      description: string;
+      label: string;
+    };
+  };
+}, {
+  box: string;
+  description: string;
+  icon: string;
+  label: string;
+  wrapper: string;
+  thumb: string;
+  thumbIcon: string;
+}, tailwind_variants75.TVReturnType<{
+  isDisabled: {
+    true: {
+      box: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      box: string;
+      label: string;
+    };
+  };
+  size: {
+    sm: {
+      box: string;
+      description: string;
+      label: string;
+    };
+    md: {
+      box: string;
+      description: string;
+      label: string;
+    };
+    lg: {
+      box: string;
+      description: string;
+      label: string;
+    };
+  };
+}, {
+  box: string;
+  description: string;
+  icon: string;
+  label: string;
+  wrapper: string;
+  thumb: string;
+  thumbIcon: string;
+}, undefined, unknown, unknown, undefined>>;
+type ClassName = TVClassName<typeof switchBoxVariants>;
+interface SwitchBoxProps {
+  /** CSS class name */
+  className?: ClassName;
+  /** Description text displayed below the label */
+  description?: ReactNode;
+  /** whether the switch should be disabled */
+  disabled?: boolean;
+  /** Icon to be displayed in the box */
+  icon?: ReactNode;
+  /** component displayed as the label */
+  label?: ReactNode;
+  /** name the field is registered under */
+  name: string;
+  /** whether the field is required */
+  required?: boolean;
+  size?: 'sm' | 'md' | 'lg';
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /** Icon to be displayed inside the thumb */
+  thumbIcon?: SwitchProps['thumbIcon'];
+}
+/**
+ * SwitchBox component - A card-like box with a switch control
+ */
+declare const SwitchBox: ({
+  className,
+  description,
+  icon,
+  name,
+  size,
+  thumbIcon,
+  ...uniformFieldProps
+}: SwitchBoxProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+export { SwitchBoxProps as n, switchBoxVariants as r, SwitchBox as t };
+//# sourceMappingURL=index-DhMSgdwM.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DhMSgdwM.d.ts","names":[],"sources":["../src/SwitchBox/SwitchBox.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaa,mBA4CX,mBAAA,CA5C4B;;;;IAAjB,CAAA;EA8CR,CAAA;EAEY,SAAA,EAAA;IAEH,IAAA,EAAA;MAEE,GAAA,EAAA,MAAA;MAIP,KAAA,EAAA,MAAA;IAEC,CAAA;EAUI,CAAA;EAAe,IAAA,EAAA;IAMvB,EAAA,EAAA;MAAa,GAAA,EAAA,MAAA;MAAA,WAAA,EAAA,MAAA;MAAA,KAAA,EAAA,MAAA;IAAA,CAAA;IAAA,EAAA,EAAA;MAAA,GAAA,EAAA,MAAA;MAQhB,WAAA,EAAA,MAAA;MAAc,KAAA,EAAA,MAAA;IAiJhB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAvLC,mBAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,SAAA,GAAY,mBAAmB;UAEnB,cAAA;;cAEH;;gBAEE;;;;SAIP;;UAEC;;;;;;;;;cAUI;;;;;cAMR;;;;;;;;GAQH,mBAAc,kBAAA,CAAA,GAAA,CAAA"}

package/dist/index-Dklb-p_1.d.cts

@@ -0,0 +1,156 @@
+import * as tailwind_variants75 from "tailwind-variants";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+import { TVClassName } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import { SwitchProps } from "@heroui/switch";
+
+//#region src/SwitchBox/SwitchBox.d.ts
+declare const switchBoxVariants: tailwind_variants75.TVReturnType<{
+  isDisabled: {
+    true: {
+      box: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      box: string;
+      label: string;
+    };
+  };
+  size: {
+    sm: {
+      box: string;
+      description: string;
+      label: string;
+    };
+    md: {
+      box: string;
+      description: string;
+      label: string;
+    };
+    lg: {
+      box: string;
+      description: string;
+      label: string;
+    };
+  };
+}, {
+  box: string;
+  description: string;
+  icon: string;
+  label: string;
+  wrapper: string;
+  thumb: string;
+  thumbIcon: string;
+}, undefined, {
+  isDisabled: {
+    true: {
+      box: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      box: string;
+      label: string;
+    };
+  };
+  size: {
+    sm: {
+      box: string;
+      description: string;
+      label: string;
+    };
+    md: {
+      box: string;
+      description: string;
+      label: string;
+    };
+    lg: {
+      box: string;
+      description: string;
+      label: string;
+    };
+  };
+}, {
+  box: string;
+  description: string;
+  icon: string;
+  label: string;
+  wrapper: string;
+  thumb: string;
+  thumbIcon: string;
+}, tailwind_variants75.TVReturnType<{
+  isDisabled: {
+    true: {
+      box: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      box: string;
+      label: string;
+    };
+  };
+  size: {
+    sm: {
+      box: string;
+      description: string;
+      label: string;
+    };
+    md: {
+      box: string;
+      description: string;
+      label: string;
+    };
+    lg: {
+      box: string;
+      description: string;
+      label: string;
+    };
+  };
+}, {
+  box: string;
+  description: string;
+  icon: string;
+  label: string;
+  wrapper: string;
+  thumb: string;
+  thumbIcon: string;
+}, undefined, unknown, unknown, undefined>>;
+type ClassName = TVClassName<typeof switchBoxVariants>;
+interface SwitchBoxProps {
+  /** CSS class name */
+  className?: ClassName;
+  /** Description text displayed below the label */
+  description?: ReactNode;
+  /** whether the switch should be disabled */
+  disabled?: boolean;
+  /** Icon to be displayed in the box */
+  icon?: ReactNode;
+  /** component displayed as the label */
+  label?: ReactNode;
+  /** name the field is registered under */
+  name: string;
+  /** whether the field is required */
+  required?: boolean;
+  size?: 'sm' | 'md' | 'lg';
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /** Icon to be displayed inside the thumb */
+  thumbIcon?: SwitchProps['thumbIcon'];
+}
+/**
+ * SwitchBox component - A card-like box with a switch control
+ */
+declare const SwitchBox: ({
+  className,
+  description,
+  icon,
+  name,
+  size,
+  thumbIcon,
+  ...uniformFieldProps
+}: SwitchBoxProps) => react_jsx_runtime2.JSX.Element;
+//#endregion
+export { SwitchBoxProps as n, switchBoxVariants as r, SwitchBox as t };
+//# sourceMappingURL=index-Dklb-p_1.d.cts.map

package/dist/index-Dklb-p_1.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Dklb-p_1.d.cts","names":[],"sources":["../src/SwitchBox/SwitchBox.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaa,mBA4CX,mBAAA,CA5C4B;;;;IAAjB,CAAA;EA8CR,CAAA;EAEY,SAAA,EAAA;IAEH,IAAA,EAAA;MAEE,GAAA,EAAA,MAAA;MAIP,KAAA,EAAA,MAAA;IAEC,CAAA;EAUI,CAAA;EAAe,IAAA,EAAA;IAMvB,EAAA,EAAA;MAAa,GAAA,EAAA,MAAA;MAAA,WAAA,EAAA,MAAA;MAAA,KAAA,EAAA,MAAA;IAAA,CAAA;IAAA,EAAA,EAAA;MAAA,GAAA,EAAA,MAAA;MAQhB,WAAA,EAAA,MAAA;MAAc,KAAA,EAAA,MAAA;IAiJhB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAvLC,mBAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,SAAA,GAAY,mBAAmB;UAEnB,cAAA;;cAEH;;gBAEE;;;;SAIP;;UAEC;;;;;;;;;cAUI;;;;;cAMR;;;;;;;;GAQH,mBAAc,kBAAA,CAAA,GAAA,CAAA"}