@fuf-stack/uniform 1.5.5 → 1.5.7

package/dist/Checkboxes/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkKBWRXYOJcjs = require('../chunk-KBWRXYOJ.cjs');
-require('../chunk-HI677N7G.cjs');
+var _chunkA5MP4JAGcjs = require('../chunk-A5MP4JAG.cjs');
+require('../chunk-3UIFEC4R.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Checkboxes = _chunkKBWRXYOJcjs.Checkboxes_default; exports.default = _chunkKBWRXYOJcjs.Checkboxes_default2;
+exports.Checkboxes = _chunkA5MP4JAGcjs.Checkboxes_default; exports.default = _chunkA5MP4JAGcjs.Checkboxes_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Checkboxes/index.js

@@ -1,8 +1,8 @@
 import {
   Checkboxes_default,
   Checkboxes_default2
-} from "../chunk-6FZ7EYJV.js";
-import "../chunk-WVTLXBTO.js";
+} from "../chunk-LKBR2JGT.js";
+import "../chunk-47MZU3WD.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/FieldArray/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk263G4JAAcjs = require('../chunk-263G4JAA.cjs');
+var _chunkCSTA3NEDcjs = require('../chunk-CSTA3NED.cjs');
 require('../chunk-TTD3KL6E.cjs');
-require('../chunk-HI677N7G.cjs');
+require('../chunk-3UIFEC4R.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -13,5 +13,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.FieldArray = _chunk263G4JAAcjs.FieldArray_default; exports.default = _chunk263G4JAAcjs.FieldArray_default2;
+exports.FieldArray = _chunkCSTA3NEDcjs.FieldArray_default; exports.default = _chunkCSTA3NEDcjs.FieldArray_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/FieldArray/index.js

@@ -1,9 +1,9 @@
 import {
   FieldArray_default,
   FieldArray_default2
-} from "../chunk-ZQQUG4OK.js";
+} from "../chunk-B5OTVY3W.js";
 import "../chunk-B62HKKMS.js";
-import "../chunk-WVTLXBTO.js";
+import "../chunk-47MZU3WD.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/Form/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkPE5GBKV4cjs = require('../chunk-PE5GBKV4.cjs');
-require('../chunk-HI677N7G.cjs');
+var _chunkJABO2635cjs = require('../chunk-JABO2635.cjs');
+require('../chunk-3UIFEC4R.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Form = _chunkPE5GBKV4cjs.Form_default; exports.default = _chunkPE5GBKV4cjs.Form_default2;
+exports.Form = _chunkJABO2635cjs.Form_default; exports.default = _chunkJABO2635cjs.Form_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Form/index.js

@@ -1,8 +1,8 @@
 import {
   Form_default,
   Form_default2
-} from "../chunk-ZAHSRYDI.js";
-import "../chunk-WVTLXBTO.js";
+} from "../chunk-RBQP2VHW.js";
+import "../chunk-47MZU3WD.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/Input/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkDIVVP6PTcjs = require('../chunk-DIVVP6PT.cjs');
-require('../chunk-HI677N7G.cjs');
+var _chunkGE2QRIOEcjs = require('../chunk-GE2QRIOE.cjs');
+require('../chunk-3UIFEC4R.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Input = _chunkDIVVP6PTcjs.Input_default; exports.default = _chunkDIVVP6PTcjs.Input_default2;
+exports.Input = _chunkGE2QRIOEcjs.Input_default; exports.default = _chunkGE2QRIOEcjs.Input_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Input/index.js

@@ -1,8 +1,8 @@
 import {
   Input_default,
   Input_default2
-} from "../chunk-3GAELJ2V.js";
-import "../chunk-WVTLXBTO.js";
+} from "../chunk-DFDZFIQN.js";
+import "../chunk-47MZU3WD.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/RadioBoxes/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkSMIIVASZcjs = require('../chunk-SMIIVASZ.cjs');
-require('../chunk-HI677N7G.cjs');
+var _chunkX5WF3MEZcjs = require('../chunk-X5WF3MEZ.cjs');
+require('../chunk-3UIFEC4R.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.RadioBoxes = _chunkSMIIVASZcjs.RadioBoxes_default; exports.default = _chunkSMIIVASZcjs.RadioBoxes_default2;
+exports.RadioBoxes = _chunkX5WF3MEZcjs.RadioBoxes_default; exports.default = _chunkX5WF3MEZcjs.RadioBoxes_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioBoxes/index.js

@@ -1,8 +1,8 @@
 import {
   RadioBoxes_default,
   RadioBoxes_default2
-} from "../chunk-ASCGKJH2.js";
-import "../chunk-WVTLXBTO.js";
+} from "../chunk-TCJK6IYV.js";
+import "../chunk-47MZU3WD.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/RadioTabs/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkIONFOB6Tcjs = require('../chunk-IONFOB6T.cjs');
-require('../chunk-HI677N7G.cjs');
+var _chunkKORRVEJLcjs = require('../chunk-KORRVEJL.cjs');
+require('../chunk-3UIFEC4R.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.RadioTabs = _chunkIONFOB6Tcjs.RadioTabs_default; exports.default = _chunkIONFOB6Tcjs.RadioTabs_default2;
+exports.RadioTabs = _chunkKORRVEJLcjs.RadioTabs_default; exports.default = _chunkKORRVEJLcjs.RadioTabs_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioTabs/index.js

@@ -1,8 +1,8 @@
 import {
   RadioTabs_default,
   RadioTabs_default2
-} from "../chunk-S7WOLTWD.js";
-import "../chunk-WVTLXBTO.js";
+} from "../chunk-UB44OT6Q.js";
+import "../chunk-47MZU3WD.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/Radios/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk3QUPBPC4cjs = require('../chunk-3QUPBPC4.cjs');
-require('../chunk-HI677N7G.cjs');
+var _chunkEALQ3KNWcjs = require('../chunk-EALQ3KNW.cjs');
+require('../chunk-3UIFEC4R.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Radios = _chunk3QUPBPC4cjs.Radios_default; exports.default = _chunk3QUPBPC4cjs.Radios_default2;
+exports.Radios = _chunkEALQ3KNWcjs.Radios_default; exports.default = _chunkEALQ3KNWcjs.Radios_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Radios/index.js

@@ -1,8 +1,8 @@
 import {
   Radios_default,
   Radios_default2
-} from "../chunk-D2JPS3GR.js";
-import "../chunk-WVTLXBTO.js";
+} from "../chunk-QIIMEQS3.js";
+import "../chunk-47MZU3WD.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/Select/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkDBVFPFUEcjs = require('../chunk-DBVFPFUE.cjs');
-require('../chunk-HI677N7G.cjs');
+var _chunkMLAU2DYUcjs = require('../chunk-MLAU2DYU.cjs');
+require('../chunk-3UIFEC4R.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Select = _chunkDBVFPFUEcjs.Select_default; exports.default = _chunkDBVFPFUEcjs.Select_default2;
+exports.Select = _chunkMLAU2DYUcjs.Select_default; exports.default = _chunkMLAU2DYUcjs.Select_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Select/index.js

@@ -1,8 +1,8 @@
 import {
   Select_default,
   Select_default2
-} from "../chunk-Y5Q5CGS3.js";
-import "../chunk-WVTLXBTO.js";
+} from "../chunk-33X26MSK.js";
+import "../chunk-47MZU3WD.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/SubmitButton/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkXZUDH3I3cjs = require('../chunk-XZUDH3I3.cjs');
-require('../chunk-HI677N7G.cjs');
+var _chunkP7Z25LOZcjs = require('../chunk-P7Z25LOZ.cjs');
+require('../chunk-3UIFEC4R.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.SubmitButton = _chunkXZUDH3I3cjs.SubmitButton_default; exports.default = _chunkXZUDH3I3cjs.SubmitButton_default2;
+exports.SubmitButton = _chunkP7Z25LOZcjs.SubmitButton_default; exports.default = _chunkP7Z25LOZcjs.SubmitButton_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/SubmitButton/index.js

@@ -1,8 +1,8 @@
 import {
   SubmitButton_default,
   SubmitButton_default2
-} from "../chunk-SUT7AMXT.js";
-import "../chunk-WVTLXBTO.js";
+} from "../chunk-7FTSMHFL.js";
+import "../chunk-47MZU3WD.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/Switch/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkF5UPZGEYcjs = require('../chunk-F5UPZGEY.cjs');
-require('../chunk-HI677N7G.cjs');
+var _chunk4XTUP7W7cjs = require('../chunk-4XTUP7W7.cjs');
+require('../chunk-3UIFEC4R.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Switch = _chunkF5UPZGEYcjs.Switch_default; exports.default = _chunkF5UPZGEYcjs.Switch_default2;
+exports.Switch = _chunk4XTUP7W7cjs.Switch_default; exports.default = _chunk4XTUP7W7cjs.Switch_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Switch/index.js

@@ -1,8 +1,8 @@
 import {
   Switch_default,
   Switch_default2
-} from "../chunk-HFYNTR6H.js";
-import "../chunk-WVTLXBTO.js";
+} from "../chunk-2ZM4P4G3.js";
+import "../chunk-47MZU3WD.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/TextArea/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk7WT4JCGScjs = require('../chunk-7WT4JCGS.cjs');
-require('../chunk-HI677N7G.cjs');
+var _chunkUO52HWMCcjs = require('../chunk-UO52HWMC.cjs');
+require('../chunk-3UIFEC4R.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.TextArea = _chunk7WT4JCGScjs.TextArea_default; exports.default = _chunk7WT4JCGScjs.TextArea_default2;
+exports.TextArea = _chunkUO52HWMCcjs.TextArea_default; exports.default = _chunkUO52HWMCcjs.TextArea_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/TextArea/index.js

@@ -1,8 +1,8 @@
 import {
   TextArea_default,
   TextArea_default2
-} from "../chunk-DSUSI47C.js";
-import "../chunk-WVTLXBTO.js";
+} from "../chunk-LEEWUHKX.js";
+import "../chunk-47MZU3WD.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/{chunk-HFYNTR6H.js → chunk-2ZM4P4G3.js}

@@ -2,7 +2,7 @@ import {
   useController,
   useFormContext,
   useInput
-} from "./chunk-WVTLXBTO.js";
+} from "./chunk-47MZU3WD.js";
 import {
   FieldCopyTestIdButton_default
 } from "./chunk-NTDKZW4E.js";
@@ -98,4 +98,4 @@ export {
   Switch_default,
   Switch_default2
 };
-//# sourceMappingURL=chunk-HFYNTR6H.js.map
+//# sourceMappingURL=chunk-2ZM4P4G3.js.map

package/dist/{chunk-Y5Q5CGS3.js → chunk-33X26MSK.js}

@@ -1,6 +1,6 @@
 import {
   useUniformField
-} from "./chunk-WVTLXBTO.js";
+} from "./chunk-47MZU3WD.js";
 import {
   __objRest,
   __spreadProps,
@@ -107,8 +107,7 @@ var Select = (_a) => {
     required,
     testId
   } = useUniformField(__spreadValues({
-    name,
-    showInvalidWhen: "immediate"
+    name
   }, uniformFieldProps));
   const [isFocused, setIsFocused] = useState(false);
   const variants = selectVariants();
@@ -280,4 +279,4 @@ export {
   Select_default,
   Select_default2
 };
-//# sourceMappingURL=chunk-Y5Q5CGS3.js.map
+//# sourceMappingURL=chunk-33X26MSK.js.map

package/dist/chunk-33X26MSK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Select/Select.tsx","../src/Select/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { Props } from 'react-select';\n\nimport { useState } from 'react';\nimport ReactSelect, { components } from 'react-select';\n\nimport { useSelect } from '@heroui/select';\n\nimport { cn, slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks';\n\nexport const selectVariants = tv({\n  slots: {\n    base: 'group leading-normal',\n    clearIndicator:\n      'rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-foreground-800',\n    control:\n      'duration-150! rounded-lg border-2 border-default-200 bg-content1 transition-background hover:border-default-400 group-data-[invalid=true]:border-danger group-data-[invalid=true]:hover:border-danger motion-reduce:transition-none',\n    control_focused: 'border-focus',\n    crossIcon: '',\n    downChevron: '',\n    dropdownIndicator:\n      'rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-black',\n    group: '',\n    groupHeading: 'mb-1 ml-3 mt-2 text-sm text-foreground-500',\n    indicatorsContainer: 'gap-1 p-1',\n    indicatorSeparator: 'bg-default-300',\n    input: 'py-0.5 pl-1',\n    // see HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'pointer-events-auto relative bottom-1.5 ml-1 subpixel-antialiased text-small group-data-[invalid=true]:!text-danger group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]',\n    loadingIndicator: '',\n    loadingMessage: 'rounded-sm p-2 text-foreground-500',\n    menu: 'mt-2 rounded-xl border border-default-200 bg-content1 p-1 shadow-lg',\n    menuList: '',\n    // ensure menu has same z-index as modal so it is visible when rendered in modal\n    // see: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/modal.ts (see z-50)\n    menuPortal: 'z-50!',\n    multiValue: 'items-center gap-1.5 rounded bg-default-100 py-0.5 pl-2 pr-1',\n    multiValueContainer: '',\n    multiValueLabel: 'py-0.5 leading-6',\n    multiValueRemove:\n      'rounded text-default-500 hover:cursor-pointer hover:border-default-300 hover:text-default-800',\n    noOptionsMessage: 'rounded-sm p-2 text-foreground-500',\n    option_focused: 'bg-default-100 active:bg-default-200',\n    option_selected: 'bg-default-300',\n    option: 'rounded px-3 py-2 hover:cursor-pointer',\n    placeholder: 'ml-1 py-0.5 pl-1 text-sm text-foreground-500',\n    selectContainer: '',\n    singleValue: 'ml-1! leading-7!',\n    valueContainer: 'gap-1 p-1',\n  },\n});\n\ninterface SelectOption {\n  /** option label */\n  label?: React.ReactNode;\n  /** option value */\n  value: string;\n}\n\ntype VariantProps = TVProps<typeof selectVariants>;\ntype ClassName = TVClassName<typeof selectVariants>;\n\nexport interface SelectProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName; // string;\n  /** Determine if the  */\n  clearable?: boolean;\n  /** Set the select to disabled state. */\n  disabled?: boolean;\n  /** Filter Select Options */\n  filterOption?:\n    | undefined\n    | ((option?: SelectOption, inputValue?: string) => boolean);\n  /** Format the label of the option */\n  renderOptionLabel?: undefined | Props['formatOptionLabel'];\n  /** The value of the search input */\n  inputValue?: string;\n  /** Label that should be associated with the select. */\n  label?: React.ReactNode;\n  /** Set the select to a loading state. */\n  loading?: boolean;\n  /** switch between single and multi select mode. */\n  multiSelect?: boolean;\n  /** The name for the Select component, used by react-hook-form */\n  name: string;\n  /** Placeholder that is displayed when nothing is selected */\n  placeholder?: string;\n  /** The options for the Select component */\n  options: SelectOption[];\n  /** Handle change events on the input */\n  onInputChange?: Props['onInputChange'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst InputComponent: typeof components.Input = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}`;\n\n  return <components.Input data-testid={testId} {...props} />;\n};\n\nconst ControlComponent: typeof components.Control = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}_select`;\n  return (\n    <div data-testid={testId}>\n      {}\n      <components.Control {...props} />\n    </div>\n  );\n};\n\nconst OptionComponent: typeof components.Option = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}_select_option_${slugify(props?.data?.testId ?? props?.data?.value, { replaceDots: true })}`;\n  return (\n    <div data-testid={testId}>\n      {}\n      <components.Option {...props} />\n    </div>\n  );\n};\n\nconst DropdownIndicatorComponent: typeof components.DropdownIndicator = (\n  props,\n) => {\n  // @ts-expect-error data-testid is not a default prop\n\n  const testId = props?.selectProps['data-testid'] as string;\n  return (\n    <div data-testid={`${testId}_select_dropdown`}>\n      {}\n      <components.DropdownIndicator {...props} />\n    </div>\n  );\n};\n\n/** Select component based on [HeroUI Select](https://www.heroui.com//docs/components/select) and [React-Select](https://react-select.com/home) */\nconst Select = ({\n  className = undefined,\n  clearable = true,\n  filterOption = undefined,\n  renderOptionLabel = undefined,\n  inputValue = undefined,\n  loading = false,\n  multiSelect = false,\n  name,\n  onInputChange = undefined,\n  options,\n  placeholder = undefined,\n  ...uniformFieldProps\n}: SelectProps) => {\n  const {\n    disabled,\n    errorMessage,\n    field: { onBlur, onChange, ref, value },\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    getLabelProps,\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  const [isFocused, setIsFocused] = useState(false);\n\n  // classNames from slots\n  const variants = selectVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const { getBaseProps, getTriggerProps, getValueProps } = useSelect({\n    children: [],\n    classNames,\n    errorMessage,\n    isDisabled: disabled,\n    isInvalid: invalid,\n    isLoading: loading,\n    isRequired: required,\n    label,\n    labelPlacement: 'outside',\n  });\n\n  return (\n    <div\n      {...getBaseProps()}\n      className={cn(classNames.base)}\n      // see HeroUI styles for group-data condition (data-invalid),\n      // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n      data-required={required}\n      data-testid={`${testId}_wrapper`}\n    >\n      {label ? (\n        <label\n          className={classNames.label}\n          data-slot=\"label\"\n          htmlFor={`react-select-${name}-input`}\n          id={getLabelProps().id}\n        >\n          {label}\n        </label>\n      ) : null}\n      <ReactSelect\n        ref={ref}\n        menuShouldBlockScroll\n        unstyled\n        aria-errormessage=\"\"\n        aria-invalid={invalid}\n        aria-labelledby={getTriggerProps()['aria-labelledby']?.split(' ')[1]}\n        // Does not affect the testId of the select, but is needed to pass it to sub-components\n        data-testid={testId}\n        filterOption={filterOption}\n        formatOptionLabel={renderOptionLabel}\n        inputValue={inputValue}\n        instanceId={name}\n        isClearable={clearable}\n        isDisabled={disabled}\n        isLoading={loading}\n        isMulti={multiSelect}\n        // set menuPosition to fixed so that menu can be rendered\n        // inside Card / Modal components, menuShouldBlockScroll\n        // prevents container scroll when menu is open\n        menuPosition=\"fixed\"\n        name={name}\n        onInputChange={onInputChange}\n        options={options}\n        placeholder={placeholder}\n        classNames={{\n          control: () => {\n            return cn(classNames.control, {\n              [classNames.control_focused]: isFocused && !invalid,\n            });\n          },\n          clearIndicator: () => {\n            return classNames.clearIndicator;\n          },\n          dropdownIndicator: () => {\n            return classNames.dropdownIndicator;\n          },\n          groupHeading: () => {\n            return classNames.groupHeading;\n          },\n          indicatorsContainer: () => {\n            return classNames.indicatorsContainer;\n          },\n          indicatorSeparator: () => {\n            return classNames.indicatorSeparator;\n          },\n          loadingIndicator: () => {\n            return classNames.loadingIndicator;\n          },\n          loadingMessage: () => {\n            return classNames.loadingMessage;\n          },\n          input: () => {\n            return classNames.input;\n          },\n          menu: () => {\n            return classNames.menu;\n          },\n          menuList: () => {\n            return classNames.menuList;\n          },\n          menuPortal: () => {\n            return classNames.menuPortal;\n          },\n          multiValue: () => {\n            return classNames.multiValue;\n          },\n          multiValueLabel: () => {\n            return cn(\n              classNames.multiValueLabel,\n              `${getValueProps().className}`,\n            );\n          },\n          multiValueRemove: () => {\n            return classNames.multiValueRemove;\n          },\n          noOptionsMessage: () => {\n            return classNames.noOptionsMessage;\n          },\n          option: ({\n            isFocused: optionIsFocused,\n            isSelected: optionIsSelected,\n          }) => {\n            return cn(classNames.option, {\n              [classNames.option_focused]: optionIsFocused,\n              [classNames.option_selected]: optionIsSelected,\n            });\n          },\n          placeholder: () => {\n            return classNames.placeholder;\n          },\n          singleValue: () => {\n            return cn(classNames.singleValue, `${getValueProps().className}`);\n          },\n          valueContainer: () => {\n            return classNames.valueContainer;\n          },\n        }}\n        components={{\n          Input: InputComponent,\n          Option: OptionComponent,\n          DropdownIndicator: DropdownIndicatorComponent,\n          Control: ControlComponent,\n        }}\n        onBlur={(_e) => {\n          setIsFocused(false);\n          onBlur();\n        }}\n        onChange={(option) => {\n          if (multiSelect) {\n            onChange(\n              (option as SelectOption[])?.map((_option) => {\n                return _option.value;\n              }),\n            );\n          } else {\n            onChange((option as SelectOption)?.value);\n          }\n        }}\n        onFocus={(_e) => {\n          setIsFocused(true);\n        }}\n        // set complete option as value by current field value\n        value={options.find((option) => {\n          return option.value === value;\n        })}\n      />\n      {invalid ? (\n        <div {...getHelperWrapperProps()}>\n          {}\n          <div {...getErrorMessageProps()}>{errorMessage}</div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Select;\n","import Select from './Select';\n\nexport type { SelectProps } from './Select';\n\nexport { Select };\n\nexport default Select;\n"],"mappings":"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","names":["_a","Select_default"]}

package/dist/{chunk-HI677N7G.cjs → chunk-3UIFEC4R.cjs}

@@ -404,13 +404,7 @@ var useDebouncedInvalid = (value, delayMs) => {
 };
 function useUniformField(params) {
   var _a;
-  const {
-    name,
-    disabled = false,
-    testId: explicitTestId,
-    label,
-    showInvalidWhen = "touched"
-  } = params;
+  const { name, disabled = false, testId: explicitTestId, label } = params;
   const {
     control,
     debugMode,
@@ -422,15 +416,20 @@ function useUniformField(params) {
   const {
     error,
     invalid: rawInvalid,
+    isDirty,
     isTouched,
     required,
     testId
   } = getFieldState(name, explicitTestId);
-  const { field } = useController({ control, disabled, name });
+  const { field } = useController({
+    control,
+    disabled,
+    name
+  });
   const { onChange, disabled: isDisabled, onBlur, ref } = field;
   const defaultValue = (_a = getValues()) == null ? void 0 : _a[name];
-  const invalid = useDebouncedInvalid(rawInvalid, 200);
-  const showInvalid = showInvalidWhen === "immediate" ? invalid || submitCount > 0 : invalid && (isTouched || submitCount > 0);
+  const showInvalid = rawInvalid && (isDirty || isTouched || submitCount > 0);
+  const invalid = useDebouncedInvalid(showInvalid, 200);
   const showTestIdCopyButton = debugMode === "debug-testids";
   const labelNode = !!label || showTestIdCopyButton ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     label !== false ? label : null,
@@ -461,7 +460,7 @@ function useUniformField(params) {
     getHelperWrapperProps,
     getLabelProps,
     getValues,
-    invalid: showInvalid,
+    invalid,
     label: labelNode,
     onBlur,
     onChange,
@@ -480,15 +479,13 @@ var useUniformFieldArray = ({
   lastElementNotRemovable = false,
   disabled,
   testId: explicitTestId,
-  label,
-  showInvalidWhen = "immediate"
+  label
 }) => {
   const uniformField = useUniformField({
     name,
     disabled,
     testId: explicitTestId,
-    label,
-    showInvalidWhen
+    label
   });
   const { control } = uniformField;
   const { fields, append, remove, insert, move } = _reacthookform.useFieldArray.call(void 0, {
@@ -526,7 +523,10 @@ var useUniformFieldArray = ({
         if (!disableAnimation) {
           setDisableAnimation(true);
         }
-        setValue(name, [elementInitialValue]);
+        setValue(name, [elementInitialValue], {
+          shouldDirty: false,
+          shouldTouch: false
+        });
         hasInitialized.current = true;
         if (!prefersReducedMotion) {
           setTimeout(() => {
@@ -561,4 +561,4 @@ var useUniformFieldArray = ({
 
 
 exports.FormContext_default = FormContext_default; exports.checkFieldIsRequired = checkFieldIsRequired; exports.useFormContext = useFormContext; exports.useClientValidation = useClientValidation; exports.useController = useController; exports.useInput = _input.useInput; exports.useUniformField = useUniformField; exports.useUniformFieldArray = useUniformFieldArray;
-//# sourceMappingURL=chunk-HI677N7G.cjs.map
+//# sourceMappingURL=chunk-3UIFEC4R.cjs.map