@fuf-stack/uniform 1.10.4 → 1.11.1

package/dist/index-DJFrZluU.d.ts

@@ -0,0 +1,181 @@
+import { t as InputValueTransform } from "./useInputValueTransform-D7LfyYRe.js";
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as tailwind_variants51 from "tailwind-variants";
+
+//#region src/Checkboxes/Checkboxes.d.ts
+declare const checkboxesVariants: tailwind_variants51.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_variants51.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_runtime5.JSX.Element;
+//#endregion
+export { Checkboxes as n, CheckboxesProps as r, CheckboxOption as t };
+//# sourceMappingURL=index-DJFrZluU.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DJFrZluU.d.ts","names":[],"sources":["../src/Checkboxes/Checkboxes.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAoBa,oBAmCX,mBAAA,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,mBAAA,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-DUAqAErG.d.cts

@@ -0,0 +1,123 @@
+import * as tailwind_variants178 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_variants178.TVReturnType<{
+  [key: string]: {
+    [key: string]: tailwind_variants178.ClassValue | {
+      base?: tailwind_variants178.ClassValue;
+      label?: tailwind_variants178.ClassValue;
+      wrapper?: tailwind_variants178.ClassValue;
+      itemBase?: tailwind_variants178.ClassValue;
+      itemControl?: tailwind_variants178.ClassValue;
+      itemDescription?: tailwind_variants178.ClassValue;
+      itemLabel?: tailwind_variants178.ClassValue;
+      itemLabelWrapper?: tailwind_variants178.ClassValue;
+      itemWrapper?: tailwind_variants178.ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: tailwind_variants178.ClassValue | {
+      base?: tailwind_variants178.ClassValue;
+      label?: tailwind_variants178.ClassValue;
+      wrapper?: tailwind_variants178.ClassValue;
+      itemBase?: tailwind_variants178.ClassValue;
+      itemControl?: tailwind_variants178.ClassValue;
+      itemDescription?: tailwind_variants178.ClassValue;
+      itemLabel?: tailwind_variants178.ClassValue;
+      itemLabelWrapper?: tailwind_variants178.ClassValue;
+      itemWrapper?: tailwind_variants178.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_variants178.ClassValue | {
+      base?: tailwind_variants178.ClassValue;
+      label?: tailwind_variants178.ClassValue;
+      wrapper?: tailwind_variants178.ClassValue;
+      itemBase?: tailwind_variants178.ClassValue;
+      itemControl?: tailwind_variants178.ClassValue;
+      itemDescription?: tailwind_variants178.ClassValue;
+      itemLabel?: tailwind_variants178.ClassValue;
+      itemLabelWrapper?: tailwind_variants178.ClassValue;
+      itemWrapper?: tailwind_variants178.ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+  itemBase: string;
+  itemControl: string;
+  itemDescription: string;
+  itemLabel: string;
+  itemLabelWrapper: string;
+  itemWrapper: string;
+  label: string;
+  wrapper: string;
+}, tailwind_variants178.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-DUAqAErG.d.cts.map

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

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

@@ -0,0 +1,264 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+import { Props } from "react-select";
+import * as tailwind_variants87 from "tailwind-variants";
+
+//#region src/Select/Select.d.ts
+declare const selectVariants: tailwind_variants87.TVReturnType<{
+  [key: string]: {
+    [key: string]: tailwind_variants87.ClassValue | {
+      base?: tailwind_variants87.ClassValue;
+      label?: tailwind_variants87.ClassValue;
+      control?: tailwind_variants87.ClassValue;
+      input?: tailwind_variants87.ClassValue;
+      menu?: tailwind_variants87.ClassValue;
+      option?: tailwind_variants87.ClassValue;
+      placeholder?: tailwind_variants87.ClassValue;
+      group?: tailwind_variants87.ClassValue;
+      clearIndicator?: tailwind_variants87.ClassValue;
+      control_focused?: tailwind_variants87.ClassValue;
+      crossIcon?: tailwind_variants87.ClassValue;
+      downChevron?: tailwind_variants87.ClassValue;
+      dropdownIndicator?: tailwind_variants87.ClassValue;
+      groupHeading?: tailwind_variants87.ClassValue;
+      indicatorsContainer?: tailwind_variants87.ClassValue;
+      indicatorSeparator?: tailwind_variants87.ClassValue;
+      loadingIndicator?: tailwind_variants87.ClassValue;
+      loadingMessage?: tailwind_variants87.ClassValue;
+      menuList?: tailwind_variants87.ClassValue;
+      menuPortal?: tailwind_variants87.ClassValue;
+      multiValue?: tailwind_variants87.ClassValue;
+      multiValueContainer?: tailwind_variants87.ClassValue;
+      multiValueLabel?: tailwind_variants87.ClassValue;
+      multiValueRemove?: tailwind_variants87.ClassValue;
+      noOptionsMessage?: tailwind_variants87.ClassValue;
+      option_focused?: tailwind_variants87.ClassValue;
+      option_selected?: tailwind_variants87.ClassValue;
+      selectContainer?: tailwind_variants87.ClassValue;
+      singleValue?: tailwind_variants87.ClassValue;
+      valueContainer?: tailwind_variants87.ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: tailwind_variants87.ClassValue | {
+      base?: tailwind_variants87.ClassValue;
+      label?: tailwind_variants87.ClassValue;
+      control?: tailwind_variants87.ClassValue;
+      input?: tailwind_variants87.ClassValue;
+      menu?: tailwind_variants87.ClassValue;
+      option?: tailwind_variants87.ClassValue;
+      placeholder?: tailwind_variants87.ClassValue;
+      group?: tailwind_variants87.ClassValue;
+      clearIndicator?: tailwind_variants87.ClassValue;
+      control_focused?: tailwind_variants87.ClassValue;
+      crossIcon?: tailwind_variants87.ClassValue;
+      downChevron?: tailwind_variants87.ClassValue;
+      dropdownIndicator?: tailwind_variants87.ClassValue;
+      groupHeading?: tailwind_variants87.ClassValue;
+      indicatorsContainer?: tailwind_variants87.ClassValue;
+      indicatorSeparator?: tailwind_variants87.ClassValue;
+      loadingIndicator?: tailwind_variants87.ClassValue;
+      loadingMessage?: tailwind_variants87.ClassValue;
+      menuList?: tailwind_variants87.ClassValue;
+      menuPortal?: tailwind_variants87.ClassValue;
+      multiValue?: tailwind_variants87.ClassValue;
+      multiValueContainer?: tailwind_variants87.ClassValue;
+      multiValueLabel?: tailwind_variants87.ClassValue;
+      multiValueRemove?: tailwind_variants87.ClassValue;
+      noOptionsMessage?: tailwind_variants87.ClassValue;
+      option_focused?: tailwind_variants87.ClassValue;
+      option_selected?: tailwind_variants87.ClassValue;
+      selectContainer?: tailwind_variants87.ClassValue;
+      singleValue?: tailwind_variants87.ClassValue;
+      valueContainer?: tailwind_variants87.ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+  clearIndicator: string;
+  control: string;
+  control_focused: string;
+  crossIcon: string;
+  downChevron: string;
+  dropdownIndicator: string;
+  group: string;
+  groupHeading: string;
+  indicatorsContainer: string;
+  indicatorSeparator: string;
+  input: string;
+  label: string;
+  loadingIndicator: string;
+  loadingMessage: string;
+  menu: string;
+  menuList: string;
+  menuPortal: string;
+  multiValue: string;
+  multiValueContainer: string;
+  multiValueLabel: string;
+  multiValueRemove: string;
+  noOptionsMessage: string;
+  option_focused: string;
+  option_selected: string;
+  option: string;
+  placeholder: string;
+  selectContainer: string;
+  singleValue: string;
+  valueContainer: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: tailwind_variants87.ClassValue | {
+      base?: tailwind_variants87.ClassValue;
+      label?: tailwind_variants87.ClassValue;
+      control?: tailwind_variants87.ClassValue;
+      input?: tailwind_variants87.ClassValue;
+      menu?: tailwind_variants87.ClassValue;
+      option?: tailwind_variants87.ClassValue;
+      placeholder?: tailwind_variants87.ClassValue;
+      group?: tailwind_variants87.ClassValue;
+      clearIndicator?: tailwind_variants87.ClassValue;
+      control_focused?: tailwind_variants87.ClassValue;
+      crossIcon?: tailwind_variants87.ClassValue;
+      downChevron?: tailwind_variants87.ClassValue;
+      dropdownIndicator?: tailwind_variants87.ClassValue;
+      groupHeading?: tailwind_variants87.ClassValue;
+      indicatorsContainer?: tailwind_variants87.ClassValue;
+      indicatorSeparator?: tailwind_variants87.ClassValue;
+      loadingIndicator?: tailwind_variants87.ClassValue;
+      loadingMessage?: tailwind_variants87.ClassValue;
+      menuList?: tailwind_variants87.ClassValue;
+      menuPortal?: tailwind_variants87.ClassValue;
+      multiValue?: tailwind_variants87.ClassValue;
+      multiValueContainer?: tailwind_variants87.ClassValue;
+      multiValueLabel?: tailwind_variants87.ClassValue;
+      multiValueRemove?: tailwind_variants87.ClassValue;
+      noOptionsMessage?: tailwind_variants87.ClassValue;
+      option_focused?: tailwind_variants87.ClassValue;
+      option_selected?: tailwind_variants87.ClassValue;
+      selectContainer?: tailwind_variants87.ClassValue;
+      singleValue?: tailwind_variants87.ClassValue;
+      valueContainer?: tailwind_variants87.ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+  clearIndicator: string;
+  control: string;
+  control_focused: string;
+  crossIcon: string;
+  downChevron: string;
+  dropdownIndicator: string;
+  group: string;
+  groupHeading: string;
+  indicatorsContainer: string;
+  indicatorSeparator: string;
+  input: string;
+  label: string;
+  loadingIndicator: string;
+  loadingMessage: string;
+  menu: string;
+  menuList: string;
+  menuPortal: string;
+  multiValue: string;
+  multiValueContainer: string;
+  multiValueLabel: string;
+  multiValueRemove: string;
+  noOptionsMessage: string;
+  option_focused: string;
+  option_selected: string;
+  option: string;
+  placeholder: string;
+  selectContainer: string;
+  singleValue: string;
+  valueContainer: string;
+}, tailwind_variants87.TVReturnType<unknown, {
+  base: string;
+  clearIndicator: string;
+  control: string;
+  control_focused: string;
+  crossIcon: string;
+  downChevron: string;
+  dropdownIndicator: string;
+  group: string;
+  groupHeading: string;
+  indicatorsContainer: string;
+  indicatorSeparator: string;
+  input: string;
+  label: string;
+  loadingIndicator: string;
+  loadingMessage: string;
+  menu: string;
+  menuList: string;
+  menuPortal: string;
+  multiValue: string;
+  multiValueContainer: string;
+  multiValueLabel: string;
+  multiValueRemove: string;
+  noOptionsMessage: string;
+  option_focused: string;
+  option_selected: string;
+  option: string;
+  placeholder: string;
+  selectContainer: string;
+  singleValue: string;
+  valueContainer: string;
+}, undefined, unknown, unknown, undefined>>;
+interface SelectOption {
+  /** option label */
+  label?: ReactNode;
+  /** option value */
+  value: string;
+}
+type VariantProps = TVProps<typeof selectVariants>;
+type ClassName = TVClassName<typeof selectVariants>;
+interface SelectProps 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;
+  /** Determine if the  */
+  clearable?: boolean;
+  /** Set the select to disabled state. */
+  disabled?: boolean;
+  /** Filter Select Options */
+  filterOption?: undefined | ((option?: SelectOption, inputValue?: string) => boolean);
+  /** Format the label of the option */
+  renderOptionLabel?: undefined | Props['formatOptionLabel'];
+  /** The value of the search input */
+  inputValue?: string;
+  /** Label that should be associated with the select. */
+  label?: ReactNode;
+  /** Set the select to a loading state. */
+  loading?: boolean;
+  /** switch between single and multi select mode. */
+  multiSelect?: boolean;
+  /** The name for the Select component, used by react-hook-form */
+  name: string;
+  /** Placeholder that is displayed when nothing is selected */
+  placeholder?: string;
+  /** The options for the Select component */
+  options: SelectOption[];
+  /** Handle change events on the input */
+  onInputChange?: Props['onInputChange'];
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+/** Select component based on [HeroUI Select](https://www.heroui.com//docs/components/select) and [React-Select](https://react-select.com/home) */
+declare const Select: ({
+  className,
+  clearable,
+  filterOption,
+  renderOptionLabel,
+  inputValue,
+  loading,
+  multiSelect,
+  name,
+  onInputChange,
+  options,
+  placeholder,
+  ...uniformFieldProps
+}: SelectProps) => react_jsx_runtime12.JSX.Element;
+//#endregion
+export { SelectProps as n, Select as t };
+//# sourceMappingURL=index-Da-quK_d.d.ts.map

package/dist/index-Da-quK_d.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Da-quK_d.d.ts","names":[],"sources":["../src/Select/Select.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAca,oCAAc;;mBA0CzB,mBAAA,CAAA,UAAA;;MA1CW,KAAA,CAAA,gCA0CX;MAAA,OAAA,CAAA,gCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA1CyB;EAAA,cAAA,EAAA,MAAA;AA0CxB,CAAA,EAAA,SAEO,EAAA;EAOL,CAAA,GAAA,EAAA,MAAA,CAAA,EAAY;IACZ,CAAA,GAAA,EAAA,MAAS,CAAA,mCAAc;MAEX,IAAA,CAAA,gCAAY;MAIf,KAAA,CAAA,gCAAA;MAQG,OAAA,CAAA,gCAAA;MAEiB,KAAA,CAAA,gCAAA;MAIxB,IAAA,CAAA,gCAAA;MAUC,MAAA,CAAA,gCAAA;MAEO,WAAA,CAAA,gCAAA;MA9BmB,KAAA,CAAA,gCAAA;MAAY,cAAA,CAAA,gCAAA;MAkF3C,eA4NL,CAAA,gCAAA;MA5Ne,SAAA,CAAA,gCAAA;MAAA,WAAA,CAAA,gCAAA;MAAA,iBAAA,CAAA,gCAAA;MAAA,YAAA,CAAA,gCAAA;MAAA,mBAAA,CAAA,gCAAA;MAAA,kBAAA,CAAA,gCAAA;MAAA,gBAAA,CAAA,gCAAA;MAAA,cAAA,CAAA,gCAAA;MAAA,QAAA,CAAA,gCAAA;MAAA,UAAA,CAAA,gCAAA;MAAA,UAAA,CAAA,gCAAA;MAab,mBAAA,CAAA,gCAAA;MAAW,eAAA,CAAA,gCAAA;MA+Mb,gBAAA,CAAA,gCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAxTS,YAAA;;UAEA;;;;KAKL,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,WAAA,SAAoB;;;;cAIvB;;;;;;wCAQG;;kCAEiB;;;;UAIxB;;;;;;;;;;WAUC;;kBAEO;;;;;cAoDZ;;;;;;;;;;;;;GAaH,gBAAW,mBAAA,CAAA,GAAA,CAAA"}

package/dist/index-DiC-e6iW.d.ts

@@ -0,0 +1,97 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as tailwind_variants260 from "tailwind-variants";
+
+//#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;
+      clearButton?: tailwind_variants260.ClassValue;
+      inputWrapper?: tailwind_variants260.ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: tailwind_variants260.ClassValue | {
+      base?: tailwind_variants260.ClassValue;
+      input?: tailwind_variants260.ClassValue;
+      clearButton?: tailwind_variants260.ClassValue;
+      inputWrapper?: 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;
+      clearButton?: tailwind_variants260.ClassValue;
+      inputWrapper?: 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-DiC-e6iW.d.ts.map

package/dist/index-DiC-e6iW.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DiC-e6iW.d.ts","names":[],"sources":["../src/TextArea/TextArea.tsx"],"sourcesContent":[],"mappings":";;;;;;cAWa,uCAAgB;;mBAW3B,oBAAA,CAAA,UAAA;;MAXW,KAAA,CAAA,iCAWX;MAAA,WAAA,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,WAAA,CAAA,iCAAA;MAAA,YAAA,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"}