@fuf-stack/uniform 0.13.0 → 0.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/CheckboxGroup/index.d.cts +2 -2
  2. package/dist/CheckboxGroup/index.d.ts +2 -2
  3. package/dist/FieldArray/index.cjs +2 -2
  4. package/dist/FieldArray/index.d.cts +2 -2
  5. package/dist/FieldArray/index.d.ts +2 -2
  6. package/dist/FieldArray/index.js +1 -1
  7. package/dist/{FieldArray-DUvn98Fe.d.cts → FieldArray-B_Gsw-to.d.cts} +11 -3
  8. package/dist/{FieldArray-DUvn98Fe.d.ts → FieldArray-B_Gsw-to.d.ts} +11 -3
  9. package/dist/Input/index.cjs +2 -2
  10. package/dist/Input/index.d.cts +2 -2
  11. package/dist/Input/index.d.ts +2 -2
  12. package/dist/Input/index.js +1 -1
  13. package/dist/{Input-B6dNQiiD.d.cts → Input-IkWP4cWg.d.cts} +8 -1
  14. package/dist/{Input-B6dNQiiD.d.ts → Input-IkWP4cWg.d.ts} +8 -1
  15. package/dist/RadioGroup/index.d.cts +2 -2
  16. package/dist/RadioGroup/index.d.ts +2 -2
  17. package/dist/Select/index.d.cts +2 -2
  18. package/dist/Select/index.d.ts +2 -2
  19. package/dist/Switch/index.d.cts +2 -2
  20. package/dist/Switch/index.d.ts +2 -2
  21. package/dist/{chunk-TB5USZF4.js → chunk-TR2J3OKH.js} +6 -3
  22. package/dist/chunk-TR2J3OKH.js.map +1 -0
  23. package/dist/{chunk-P5YZA7VJ.cjs → chunk-U6VUNJZG.cjs} +6 -3
  24. package/dist/chunk-U6VUNJZG.cjs.map +1 -0
  25. package/dist/{chunk-NMATVUWS.js → chunk-WH2YRUGV.js} +13 -17
  26. package/dist/chunk-WH2YRUGV.js.map +1 -0
  27. package/dist/{chunk-V644EZQT.cjs → chunk-YSTOLMPK.cjs} +13 -17
  28. package/dist/chunk-YSTOLMPK.cjs.map +1 -0
  29. package/dist/hooks/index.d.cts +2 -2
  30. package/dist/hooks/index.d.ts +2 -2
  31. package/dist/index.cjs +4 -4
  32. package/dist/index.d.cts +6 -6
  33. package/dist/index.d.ts +6 -6
  34. package/dist/index.js +4 -4
  35. package/package.json +4 -4
  36. package/dist/chunk-NMATVUWS.js.map +0 -1
  37. package/dist/chunk-P5YZA7VJ.cjs.map +0 -1
  38. package/dist/chunk-TB5USZF4.js.map +0 -1
  39. package/dist/chunk-V644EZQT.cjs.map +0 -1
  40. package/dist/{CheckboxGroup-DYxaS51b.d.cts → CheckboxGroup-o-qWkWe1.d.cts} +5 -5
  41. package/dist/{CheckboxGroup-DYxaS51b.d.ts → CheckboxGroup-o-qWkWe1.d.ts} +5 -5
  42. package/dist/{RadioGroup-DEwUwnRi.d.cts → RadioGroup-1J39ASHa.d.cts} +5 -5
  43. package/dist/{RadioGroup-DEwUwnRi.d.ts → RadioGroup-1J39ASHa.d.ts} +5 -5
  44. package/dist/{Select-Da_AtPOX.d.cts → Select-BhS4z0Pj.d.cts} +15 -15
  45. package/dist/{Select-Da_AtPOX.d.ts → Select-BhS4z0Pj.d.ts} +15 -15
  46. package/dist/{Switch-Coq_VhBW.d.cts → Switch-Fdldj8LV.d.cts} +5 -5
  47. package/dist/{Switch-Coq_VhBW.d.ts → Switch-Fdldj8LV.d.ts} +5 -5
@@ -20,10 +20,10 @@ declare const useFormContext: () => {
20
20
  isValidating: boolean;
21
21
  };
22
22
  formState: react_hook_form.FormState<react_hook_form.FieldValues>;
23
- debugMode: "disabled" | "debug" | "debug-testids" | "off";
23
+ debugMode: "debug" | "debug-testids" | "off" | "disabled";
24
24
  debugModeSettings?: DebugModeSettings;
25
25
  preventSubmit: (prevent: boolean) => void;
26
- setDebugMode: (debugMode: "disabled" | "debug" | "debug-testids" | "off") => void;
26
+ setDebugMode: (debugMode: "debug" | "debug-testids" | "off" | "disabled") => void;
27
27
  validation?: VetoInstance;
28
28
  watch: react_hook_form.UseFormWatch<react_hook_form.FieldValues>;
29
29
  getValues: react_hook_form.UseFormGetValues<react_hook_form.FieldValues>;
package/dist/index.cjs CHANGED
@@ -15,16 +15,16 @@ var _chunk25LLM544cjs = require('./chunk-25LLM544.cjs');
15
15
  var _chunkRY4F5YDScjs = require('./chunk-RY4F5YDS.cjs');
16
16
 
17
17
 
18
- var _chunkPZ4LZQI4cjs = require('./chunk-PZ4LZQI4.cjs');
18
+ var _chunkYSTOLMPKcjs = require('./chunk-YSTOLMPK.cjs');
19
19
 
20
20
 
21
- var _chunkV644EZQTcjs = require('./chunk-V644EZQT.cjs');
21
+ var _chunkPZ4LZQI4cjs = require('./chunk-PZ4LZQI4.cjs');
22
22
 
23
23
 
24
24
  var _chunk6GN255GPcjs = require('./chunk-6GN255GP.cjs');
25
25
 
26
26
 
27
- var _chunkP5YZA7VJcjs = require('./chunk-P5YZA7VJ.cjs');
27
+ var _chunkU6VUNJZGcjs = require('./chunk-U6VUNJZG.cjs');
28
28
 
29
29
 
30
30
  var _chunkXJZAS7NGcjs = require('./chunk-XJZAS7NG.cjs');
@@ -63,5 +63,5 @@ var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
63
63
 
64
64
 
65
65
 
66
- exports.CheckboxGroup = _chunkRY4F5YDScjs.CheckboxGroup_default; exports.Controller = _chunkVQWKXSHWcjs.Controller; exports.FieldArray = _chunkV644EZQTcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkJU5RT22Ycjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkOHJYXA6Rcjs.FieldValidationError_default; exports.Form = _chunkPZ4LZQI4cjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunkP5YZA7VJcjs.Input_default; exports.RadioGroup = _chunkXJZAS7NGcjs.RadioGroup_default; exports.Select = _chunkHZP3EXGRcjs.Select_default; exports.SubmitButton = _chunkVZ5MMFIFcjs.SubmitButton_default; exports.Switch = _chunkEKE5URXQcjs.Switch_default; exports.TextArea = _chunk25LLM544cjs.TextArea_default; exports.checkFieldIsRequired = _chunkXJWEUCV3cjs.checkFieldIsRequired; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFieldArray = _chunkXJWEUCV3cjs.useFieldArray; exports.useFormContext = _chunkXJWEUCV3cjs.useFormContext;
66
+ exports.CheckboxGroup = _chunkRY4F5YDScjs.CheckboxGroup_default; exports.Controller = _chunkVQWKXSHWcjs.Controller; exports.FieldArray = _chunkYSTOLMPKcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkJU5RT22Ycjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkOHJYXA6Rcjs.FieldValidationError_default; exports.Form = _chunkPZ4LZQI4cjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunkU6VUNJZGcjs.Input_default; exports.RadioGroup = _chunkXJZAS7NGcjs.RadioGroup_default; exports.Select = _chunkHZP3EXGRcjs.Select_default; exports.SubmitButton = _chunkVZ5MMFIFcjs.SubmitButton_default; exports.Switch = _chunkEKE5URXQcjs.Switch_default; exports.TextArea = _chunk25LLM544cjs.TextArea_default; exports.checkFieldIsRequired = _chunkXJWEUCV3cjs.checkFieldIsRequired; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFieldArray = _chunkXJWEUCV3cjs.useFieldArray; exports.useFormContext = _chunkXJWEUCV3cjs.useFormContext;
67
67
  //# sourceMappingURL=index.cjs.map
package/dist/index.d.cts CHANGED
@@ -1,17 +1,17 @@
1
1
  export { Controller, ControllerProps, useFieldArray } from 'react-hook-form';
2
- export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-DYxaS51b.cjs';
3
- export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-DUvn98Fe.cjs';
2
+ export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-o-qWkWe1.cjs';
3
+ export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-B_Gsw-to.cjs';
4
4
  export { F as Form, a as FormProps } from './Form-D0grgL6G.cjs';
5
5
  export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.cjs';
6
6
  export { slugify } from './helpers/index.cjs';
7
7
  export { checkFieldIsRequired, useFormContext } from './hooks/index.cjs';
8
- export { I as Input, a as InputProps } from './Input-B6dNQiiD.cjs';
8
+ export { I as Input, a as InputProps } from './Input-IkWP4cWg.cjs';
9
9
  export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-DnbovhMk.cjs';
10
10
  export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-DAT12Ess.cjs';
11
- export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-DEwUwnRi.cjs';
12
- export { S as Select, a as SelectProps } from './Select-Da_AtPOX.cjs';
11
+ export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-1J39ASHa.cjs';
12
+ export { S as Select, a as SelectProps } from './Select-BhS4z0Pj.cjs';
13
13
  export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-BEp_zzwf.cjs';
14
- export { S as Switch, a as SwitchProps } from './Switch-Coq_VhBW.cjs';
14
+ export { S as Switch, a as SwitchProps } from './Switch-Fdldj8LV.cjs';
15
15
  export { T as TextArea, a as TextAreaProps } from './TextArea-B-sKvTkd.cjs';
16
16
  import 'react/jsx-runtime';
17
17
  import 'tailwind-variants/dist/config.js';
package/dist/index.d.ts CHANGED
@@ -1,17 +1,17 @@
1
1
  export { Controller, ControllerProps, useFieldArray } from 'react-hook-form';
2
- export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-DYxaS51b.js';
3
- export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-DUvn98Fe.js';
2
+ export { C as CheckboxGroup, b as CheckboxGroupOption, a as CheckboxGroupProps } from './CheckboxGroup-o-qWkWe1.js';
3
+ export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-B_Gsw-to.js';
4
4
  export { F as Form, a as FormProps } from './Form-DX5NTR-H.js';
5
5
  export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.js';
6
6
  export { slugify } from './helpers/index.js';
7
7
  export { checkFieldIsRequired, useFormContext } from './hooks/index.js';
8
- export { I as Input, a as InputProps } from './Input-B6dNQiiD.js';
8
+ export { I as Input, a as InputProps } from './Input-IkWP4cWg.js';
9
9
  export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-DnbovhMk.js';
10
10
  export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-DAT12Ess.js';
11
- export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-DEwUwnRi.js';
12
- export { S as Select, a as SelectProps } from './Select-Da_AtPOX.js';
11
+ export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-1J39ASHa.js';
12
+ export { S as Select, a as SelectProps } from './Select-BhS4z0Pj.js';
13
13
  export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-BEp_zzwf.js';
14
- export { S as Switch, a as SwitchProps } from './Switch-Coq_VhBW.js';
14
+ export { S as Switch, a as SwitchProps } from './Switch-Fdldj8LV.js';
15
15
  export { T as TextArea, a as TextAreaProps } from './TextArea-B-sKvTkd.js';
16
16
  import 'react/jsx-runtime';
17
17
  import 'tailwind-variants/dist/config.js';
package/dist/index.js CHANGED
@@ -13,18 +13,18 @@ import {
13
13
  import {
14
14
  CheckboxGroup_default
15
15
  } from "./chunk-XJGJ5ZNM.js";
16
+ import {
17
+ FieldArray_default
18
+ } from "./chunk-WH2YRUGV.js";
16
19
  import {
17
20
  Form_default
18
21
  } from "./chunk-VP7WDLJM.js";
19
- import {
20
- FieldArray_default
21
- } from "./chunk-NMATVUWS.js";
22
22
  import {
23
23
  Grid_default
24
24
  } from "./chunk-PDCEKC3G.js";
25
25
  import {
26
26
  Input_default
27
- } from "./chunk-TB5USZF4.js";
27
+ } from "./chunk-TR2J3OKH.js";
28
28
  import {
29
29
  RadioGroup_default
30
30
  } from "./chunk-DDZMDOSG.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fuf-stack/uniform",
3
- "version": "0.13.0",
3
+ "version": "0.14.1",
4
4
  "description": "fuf react form library",
5
5
  "author": "Hannes Tiede",
6
6
  "homepage": "https://github.com/fuf-stack/pixels#readme",
@@ -126,12 +126,12 @@
126
126
  "@react-aria/visually-hidden": "3.8.18",
127
127
  "framer-motion": "11.13.1",
128
128
  "react-icons": "5.3.0",
129
- "react-hook-form": "7.53.2",
129
+ "react-hook-form": "7.54.0",
130
130
  "react-select": "5.8.3",
131
131
  "slug": "9.1.0",
132
132
  "@fuf-stack/pixel-utils": "0.4.1",
133
- "@fuf-stack/pixels": "0.29.1",
134
- "@fuf-stack/veto": "0.7.1"
133
+ "@fuf-stack/veto": "0.8.0",
134
+ "@fuf-stack/pixels": "0.29.1"
135
135
  },
136
136
  "devDependencies": {
137
137
  "@testing-library/react-hooks": "8.0.1",
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/FieldArray/FieldArray.tsx","../src/FieldArray/FieldArrayField.tsx","../src/FieldArray/index.ts"],"sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core';\nimport type {\n FieldValues,\n UseFieldArrayInsert,\n UseFieldArrayMove,\n UseFieldArrayRemove,\n} from 'react-hook-form';\n\n// import { useEffect } from 'react';\n\nimport {\n closestCenter,\n DndContext,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport {\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from '@dnd-kit/modifiers';\nimport {\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { useInput } from '@nextui-org/input';\n\nimport { Button } from '@fuf-stack/pixels';\n\nimport { useFieldArray, useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport FieldArrayField from './FieldArrayField';\n\nexport type FieldArrayHideOption = 'add' | 'remove' | 'move' | 'insert' | 'all';\nexport type FieldArrayFieldChildren = (\n name: string,\n index: number,\n length: number,\n move: UseFieldArrayMove,\n insert: UseFieldArrayInsert<FieldValues, string>,\n remove: UseFieldArrayRemove,\n duplicate: (i: number) => void,\n) => JSX.Element;\n\nexport type MoveField = 'drag-drop' | 'button';\n\nexport interface FieldArrayProps {\n /** function that renders the children with provided Properties. */\n children: FieldArrayFieldChildren;\n /** Hide a set of buttons. */\n hideButtons?: FieldArrayHideOption[];\n /** label of the FieldArray. */\n label?: React.ReactNode;\n /** stops user from deleting all items. */\n lastNotDeletable?: boolean;\n /** name the FieldArray is registered in RHF */\n name: string;\n /** ID for test purposes. */\n testId?: string;\n /* how the fields can be moved */\n moveField: MoveField[];\n}\n\n/**\n * FieldArray component using react-hook-form\n */\nconst FieldArray = ({\n children,\n hideButtons = [],\n label: _label = undefined,\n lastNotDeletable = true,\n name,\n testId: _testId = undefined,\n moveField = ['button'],\n}: FieldArrayProps) => {\n const {\n control,\n debugMode,\n getValues,\n getFieldState,\n trigger,\n // watch\n } = useFormContext();\n\n const { fields, append, remove, insert, move } = useFieldArray({\n control,\n name,\n });\n\n const { error, testId, invalid, required } = getFieldState(name, _testId);\n\n // const _formValues = watch();\n\n // useEffect(() => {\n // trigger(`${name}`);\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [JSON.stringify(fields)]);\n\n // TODO: what about input props?\n const { label, getLabelProps, getHelperWrapperProps, getErrorMessageProps } =\n useInput({\n isInvalid: invalid,\n isRequired: required,\n errorMessage: JSON.stringify(error),\n label: _label,\n labelPlacement: 'inside',\n placeholder: ' ',\n classNames: { helperWrapper: 'block' },\n });\n\n if (lastNotDeletable && fields.length === 0) {\n append({});\n }\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor),\n );\n\n const handleDragEnd = (event: DragEndEvent) => {\n const { active, over } = event;\n\n if (active.id !== over?.id) {\n const oldIndex = fields.findIndex((field) => field.id === active.id);\n const newIndex = fields.findIndex((field) => field.id === over?.id);\n move(oldIndex, newIndex);\n }\n };\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n return (\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragEnd={handleDragEnd}\n modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n >\n <SortableContext\n items={fields.map((field) => field.id)}\n strategy={verticalListSortingStrategy}\n >\n <ul data-testid={testId} onBlur={() => trigger(`${name}`)}>\n {showLabel && (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n <label\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...getLabelProps()}\n className={`${getLabelProps().className} !pointer-events-auto !static !z-0 -mb-1 ml-1 !inline-block`}\n >\n {label}\n </label>\n )}\n {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n\n {fields.map((field, index) => {\n const duplicate = (i: number) => {\n const values = getValues(name);\n insert(i + 1, { ...values[i], id: null });\n };\n\n return (\n <FieldArrayField\n id={field.id}\n key={field.id}\n testId={`${testId}_${index}`}\n className=\"mb-3 mt-5 flex flex-row items-center\"\n field={field}\n fields={fields}\n hideButtons={hideButtons}\n index={index}\n insert={insert}\n lastNotDeletable={lastNotDeletable}\n move={move}\n moveField={moveField}\n name={name}\n remove={remove}\n >\n {children(\n `${name}[${index}]`,\n index,\n fields.length,\n move,\n insert,\n remove,\n duplicate,\n )}\n </FieldArrayField>\n );\n })}\n\n {!hideButtons.includes('add') && !hideButtons.includes('all') && (\n <Button\n testId={`${testId}_append`}\n size=\"sm\"\n onClick={() => append({})}\n >\n Add\n </Button>\n )}\n {/* @ts-expect-error rhf incompatibility */}\n {error?._errors && (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <div {...getHelperWrapperProps()}>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <div {...getErrorMessageProps()}>\n {/* @ts-expect-error rhf incompatibility */}\n <FieldValidationError error={error?._errors} />\n </div>\n </div>\n )}\n </ul>\n </SortableContext>\n </DndContext>\n );\n};\n\nexport default FieldArray;\n","import type {\n FieldValues,\n UseFieldArrayInsert,\n UseFieldArrayMove,\n UseFieldArrayRemove,\n} from 'react-hook-form';\nimport type { FieldArrayHideOption, MoveField } from './FieldArray';\n\n// import { useEffect } from 'react';\nimport { FaAngleDown, FaAngleUp, FaGripLines } from 'react-icons/fa';\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { useInput } from '@nextui-org/input';\n\nimport { Button } from '@fuf-stack/pixels';\n\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\ninterface FieldArrayFieldProps {\n children: React.ReactNode;\n className?: string;\n field: Record<'id', string>;\n fields: Record<'id', string>[];\n hideButtons?: FieldArrayHideOption[];\n id: string | number;\n index: number;\n insert: UseFieldArrayInsert<FieldValues, string>;\n lastNotDeletable?: boolean;\n move: UseFieldArrayMove;\n moveField: MoveField[];\n testId?: string;\n name: string;\n remove: UseFieldArrayRemove;\n}\n\n/**\n * FieldArrayField component using react-hook-form\n */\nconst FieldArrayField = ({\n children,\n className = undefined,\n field,\n fields,\n hideButtons = [],\n id,\n index,\n insert,\n lastNotDeletable = true,\n move,\n moveField,\n name,\n remove,\n testId = undefined,\n}: FieldArrayFieldProps) => {\n const { attributes, listeners, setNodeRef, transform, transition } =\n useSortable({ id });\n\n const style = {\n transform: CSS.Translate.toString(transform),\n transition,\n };\n\n const {\n getFieldState,\n // watch,\n trigger,\n } = useFormContext();\n const { error, invalid } = getFieldState(`${name}`, undefined);\n\n // TODO: what about input props? and label props? Do we need a label?\n const { getHelperWrapperProps, getErrorMessageProps } = useInput({\n isInvalid: invalid,\n errorMessage: JSON.stringify(error),\n labelPlacement: 'inside',\n placeholder: ' ',\n classNames: { helperWrapper: 'block' },\n });\n\n // const _formValues = watch();\n // useEffect(() => {\n // trigger(`${name}.${index}`);\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [JSON.stringify(formValues)]);\n\n return (\n <>\n <li\n ref={setNodeRef}\n style={style}\n className={className}\n onBlur={() => trigger(`${name}.${index}`)}\n >\n {/** Start Button up/down */}\n {!hideButtons.includes('move') && !hideButtons.includes('all') && (\n <div className=\"mr-6 flex flex-row items-center\">\n {moveField.includes('drag-drop') && (\n <div\n className=\"mr-2 text-base text-xl\"\n data-testid={slugify(`${name}_${index}_movebutton`)}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...attributes}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...listeners}\n >\n <FaGripLines />\n </div>\n )}\n {moveField.includes('button') && (\n <div className=\"flex flex-col\">\n <Button\n testId={`${name}.${index}.up`}\n disabled={index === 0}\n onClick={() => move(index, index - 1)}\n className=\"flex rounded-b-none rounded-t-md border border-gray-300 px-2 py-2 shadow-sm\"\n >\n <FaAngleUp />\n </Button>\n <Button\n testId={`${name}.${index}.down`}\n disabled={index === fields.length - 1}\n onClick={() => move(index, index + 1)}\n className=\"flex rounded-b-md rounded-t-none border border-gray-300 px-2 py-2 shadow-sm\"\n >\n <FaAngleDown />\n </Button>\n </div>\n )}\n </div>\n )}\n {/** End Button up/down */}\n <div key={`rest-${field.id}`} className=\"w-full\">\n <div className=\"mb-2 flex items-center\">\n {/** RENDER CHILDREN */}\n <div className=\"flex-grow\" data-testid={testId}>\n {children}\n </div>\n {!hideButtons.includes('remove') &&\n !hideButtons.includes('all') &&\n (lastNotDeletable && fields.length === 1 ? null : (\n <Button onClick={() => remove(index)} className=\"ml-1\">\n <svg\n className=\"h-4 w-4\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </Button>\n ))}\n </div>\n\n {!hideButtons.includes('insert') &&\n !hideButtons.includes('all') &&\n index !== fields.length - 1 ? (\n <Button\n className=\"text-xs font-medium\"\n testId={`add-harbor-button-${index}`}\n onClick={() => {\n insert(index + 1, {});\n }}\n >\n insert\n </Button>\n ) : null}\n </div>\n </li>\n {error && typeof error[index] !== 'undefined' && (\n // // @ts-expect-error rhf incompatibility\n // error[Number(index)]?._errors && ( // TODO: was String(). Check if Number is correct. (same below in FieldValidationError)\n // eslint-disable-next-line react/jsx-props-no-spreading\n <div {...getHelperWrapperProps()}>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <div {...getErrorMessageProps()}>\n <FieldValidationError\n /* @ts-expect-error rhf incompatibility */\n error={error[Number(index)]?._errors}\n />\n </div>\n </div>\n )}\n </>\n );\n};\nexport default FieldArrayField;\n","import FieldArray from './FieldArray';\n\nexport type {\n FieldArrayProps,\n FieldArrayHideOption,\n FieldArrayFieldChildren,\n} from './FieldArray';\n\nexport { FieldArray };\n\nexport default FieldArray;\n"],"mappings":"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","names":["useInput","Button","jsx","jsxs","useInput","Button","FieldArray_default"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-P5YZA7VJ.cjs","../src/Input/Input.tsx","../src/Input/index.ts"],"names":["Input_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACXA,0CAAmC;AAEnC,oDAAmB;AAgEgB,+CAAA;AAjCnC,IAAM,MAAA,EAAQ,CAAC;AAAA,EACb,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,SAAA,EAAW,KAAA;AAAA,EACX,WAAA,EAAa,KAAA,CAAA;AAAA,EACb,MAAA,EAAQ,KAAA,CAAA;AAAA,EACR,IAAA;AAAA,EACA,YAAA,EAAc,GAAA;AAAA,EACd,aAAA,EAAe,KAAA,CAAA;AAAA,EACf,MAAA,EAAQ,QAAA,EAAU,KAAA,CAAA;AAAA,EAClB,KAAA,EAAO,KAAA;AACT,CAAA,EAAA,GAAkB;AAChB,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,cAAc,EAAA,EAAI,8CAAA,CAAe;AAC7D,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,QAAA,EAAU,OAAO,EAAA,EAAI,aAAA,CAAc,IAAA,EAAM,OAAO,CAAA;AAExE,EAAA,MAAM,qBAAA,EAAuB,UAAA,IAAc,eAAA;AAC3C,EAAA,MAAM,UAAA,EAAY,MAAA,GAAS,oBAAA;AAE3B,EAAA,uBACE,6BAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA,EAAQ,CAAC;AAAA,QACP,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,KAAA,EAAO,IAAI;AAAA,MAC9D,CAAA,EAAA,GAAM;AACJ,QAAA,uBACE,6BAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,4BAAA,SAAY,CAAA;AAAA,YACvB,UAAA,EAAY;AAAA,cACV,YAAA,EAAc;AAAA,YAChB,CAAA;AAAA,YACA,aAAA,EAAa,MAAA;AAAA,YACb,UAAA;AAAA,YACA,YAAA,EAAc,MAAA,mBAAS,6BAAA,8CAAC,EAAA,EAAqB,MAAA,CAAc,CAAA;AAAA,YAC3D,UAAA;AAAA,YACA,SAAA,EAAW,OAAA;AAAA,YACX,UAAA,EAAY,QAAA;AAAA,YACZ,KAAA,EACE,UAAA,mBACE,8BAAA,oBAAA,EAAA,EACG,QAAA,EAAA;AAAA,cAAA,KAAA;AAAA,cACA,qBAAA,mBACC,6BAAA,+CAAC,EAAA,EAAsB,OAAA,CAAgB;AAAA,YAAA,EAAA,CAE3C,CAAA;AAAA,YAGJ,cAAA,EAAe,SAAA;AAAA,YACf,IAAA;AAAA,YACA,MAAA;AAAA,YACA,QAAA,EACE,KAAA,IAAS,SAAA,EACL,CAAC,CAAA,EAAA,GAAM;AACL,cAAA,QAAA,CAAS,MAAA,CAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,YACjC,EAAA,EACA,QAAA;AAAA,YAEN,WAAA;AAAA,YACA,MAAA,EAAO,IAAA;AAAA,YACP,GAAA;AAAA,YACA,YAAA;AAAA,YACA,IAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA,EAAQ;AAAA,UAAA;AAAA,QACV,CAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,cAAA,EAAQ,KAAA;AD5Bf;AACA;AEzEA,IAAOA,eAAAA,EAAQ,aAAA;AF2Ef;AACA;AACE;AACA;AACF,+EAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-P5YZA7VJ.cjs","sourcesContent":[null,"import type { ReactNode } from 'react';\n\nimport { Input as NextInput } from '@nextui-org/input';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { Controller } from '../Controller';\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface InputProps {\n /** CSS class name */\n className?: string;\n /** input field is disabled */\n disabled?: boolean;\n /** added content to the end of the input Field. */\n endContent?: ReactNode;\n /** form field label (set to false to disable label) */\n label?: string | false;\n /** form field name */\n name: string;\n /** form field placeholder */\n placeholder?: string;\n /** content added to the start of the input field */\n startContent?: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** input type */\n type?: 'number' | 'password';\n}\n\n/**\n * Input component based on [NextUI Input](https://nextui.org/docs/components/input)\n */\nconst Input = ({\n className = undefined,\n disabled = false,\n endContent = undefined,\n label = undefined,\n name,\n placeholder = ' ',\n startContent = undefined,\n testId: _testId = undefined,\n type = undefined,\n}: InputProps) => {\n const { control, debugMode, getFieldState } = useFormContext();\n const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n return (\n <Controller\n control={control}\n disabled={disabled}\n name={name}\n render={({\n field: { disabled: isDisabled, onChange, onBlur, value, ref },\n }) => {\n return (\n <NextInput\n className={cn(className)}\n classNames={{\n inputWrapper: 'group-data-[focus=true]:border-focus',\n }}\n data-testid={testId}\n endContent={endContent}\n errorMessage={error && <FieldValidationError error={error} />}\n isDisabled={isDisabled}\n isInvalid={invalid}\n isRequired={required}\n label={\n showLabel && (\n <>\n {label}\n {showTestIdCopyButton && (\n <FieldCopyTestIdButton testId={testId} />\n )}\n </>\n )\n }\n labelPlacement=\"outside\"\n name={name}\n onBlur={onBlur}\n onChange={\n type === 'number'\n ? (e) => {\n onChange(Number(e.target.value));\n }\n : onChange\n }\n placeholder={placeholder}\n radius=\"sm\"\n ref={ref}\n startContent={startContent}\n type={type}\n value={value}\n variant=\"bordered\"\n />\n );\n }}\n />\n );\n};\n\nexport default Input;\n","import Input from './Input';\n\nexport type { InputProps } from './Input';\n\nexport { Input };\n\nexport default Input;\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/Input/Input.tsx","../src/Input/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Input as NextInput } from '@nextui-org/input';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { Controller } from '../Controller';\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface InputProps {\n /** CSS class name */\n className?: string;\n /** input field is disabled */\n disabled?: boolean;\n /** added content to the end of the input Field. */\n endContent?: ReactNode;\n /** form field label (set to false to disable label) */\n label?: string | false;\n /** form field name */\n name: string;\n /** form field placeholder */\n placeholder?: string;\n /** content added to the start of the input field */\n startContent?: ReactNode;\n /** HTML data-testid attribute used in e2e tests */\n testId?: string;\n /** input type */\n type?: 'number' | 'password';\n}\n\n/**\n * Input component based on [NextUI Input](https://nextui.org/docs/components/input)\n */\nconst Input = ({\n className = undefined,\n disabled = false,\n endContent = undefined,\n label = undefined,\n name,\n placeholder = ' ',\n startContent = undefined,\n testId: _testId = undefined,\n type = undefined,\n}: InputProps) => {\n const { control, debugMode, getFieldState } = useFormContext();\n const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n return (\n <Controller\n control={control}\n disabled={disabled}\n name={name}\n render={({\n field: { disabled: isDisabled, onChange, onBlur, value, ref },\n }) => {\n return (\n <NextInput\n className={cn(className)}\n classNames={{\n inputWrapper: 'group-data-[focus=true]:border-focus',\n }}\n data-testid={testId}\n endContent={endContent}\n errorMessage={error && <FieldValidationError error={error} />}\n isDisabled={isDisabled}\n isInvalid={invalid}\n isRequired={required}\n label={\n showLabel && (\n <>\n {label}\n {showTestIdCopyButton && (\n <FieldCopyTestIdButton testId={testId} />\n )}\n </>\n )\n }\n labelPlacement=\"outside\"\n name={name}\n onBlur={onBlur}\n onChange={\n type === 'number'\n ? (e) => {\n onChange(Number(e.target.value));\n }\n : onChange\n }\n placeholder={placeholder}\n radius=\"sm\"\n ref={ref}\n startContent={startContent}\n type={type}\n value={value}\n variant=\"bordered\"\n />\n );\n }}\n />\n );\n};\n\nexport default Input;\n","import Input from './Input';\n\nexport type { InputProps } from './Input';\n\nexport { Input };\n\nexport default Input;\n"],"mappings":";;;;;;;;;;;;;;AAEA,SAAS,SAAS,iBAAiB;AAEnC,SAAS,UAAU;AAgEgB,SAMnB,UANmB,KAMnB,YANmB;AAjCnC,IAAM,QAAQ,CAAC;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ,UAAU;AAAA,EAClB,OAAO;AACT,MAAkB;AAChB,QAAM,EAAE,SAAS,WAAW,cAAc,IAAI,eAAe;AAC7D,QAAM,EAAE,OAAO,SAAS,UAAU,OAAO,IAAI,cAAc,MAAM,OAAO;AAExE,QAAM,uBAAuB,cAAc;AAC3C,QAAM,YAAY,SAAS;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,UAAU,YAAY,UAAU,QAAQ,OAAO,IAAI;AAAA,MAC9D,MAAM;AACJ,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,SAAS;AAAA,YACvB,YAAY;AAAA,cACV,cAAc;AAAA,YAChB;AAAA,YACA,eAAa;AAAA,YACb;AAAA,YACA,cAAc,SAAS,oBAAC,gCAAqB,OAAc;AAAA,YAC3D;AAAA,YACA,WAAW;AAAA,YACX,YAAY;AAAA,YACZ,OACE,aACE,iCACG;AAAA;AAAA,cACA,wBACC,oBAAC,iCAAsB,QAAgB;AAAA,eAE3C;AAAA,YAGJ,gBAAe;AAAA,YACf;AAAA,YACA;AAAA,YACA,UACE,SAAS,WACL,CAAC,MAAM;AACL,uBAAS,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,YACjC,IACA;AAAA,YAEN;AAAA,YACA,QAAO;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAQ;AAAA;AAAA,QACV;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACpGf,IAAOA,iBAAQ;","names":["Input_default"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-V644EZQT.cjs","../src/FieldArray/FieldArray.tsx","../src/FieldArray/FieldArrayField.tsx","../src/FieldArray/index.ts"],"names":["jsx","Button"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-V644EZQT.cjs","sourcesContent":[null,"import type { DragEndEvent } from '@dnd-kit/core';\nimport type {\n FieldValues,\n UseFieldArrayInsert,\n UseFieldArrayMove,\n UseFieldArrayRemove,\n} from 'react-hook-form';\n\n// import { useEffect } from 'react';\n\nimport {\n closestCenter,\n DndContext,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport {\n restrictToVerticalAxis,\n restrictToWindowEdges,\n} from '@dnd-kit/modifiers';\nimport {\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { useInput } from '@nextui-org/input';\n\nimport { Button } from '@fuf-stack/pixels';\n\nimport { useFieldArray, useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\nimport FieldArrayField from './FieldArrayField';\n\nexport type FieldArrayHideOption = 'add' | 'remove' | 'move' | 'insert' | 'all';\nexport type FieldArrayFieldChildren = (\n name: string,\n index: number,\n length: number,\n move: UseFieldArrayMove,\n insert: UseFieldArrayInsert<FieldValues, string>,\n remove: UseFieldArrayRemove,\n duplicate: (i: number) => void,\n) => JSX.Element;\n\nexport type MoveField = 'drag-drop' | 'button';\n\nexport interface FieldArrayProps {\n /** function that renders the children with provided Properties. */\n children: FieldArrayFieldChildren;\n /** Hide a set of buttons. */\n hideButtons?: FieldArrayHideOption[];\n /** label of the FieldArray. */\n label?: React.ReactNode;\n /** stops user from deleting all items. */\n lastNotDeletable?: boolean;\n /** name the FieldArray is registered in RHF */\n name: string;\n /** ID for test purposes. */\n testId?: string;\n /* how the fields can be moved */\n moveField: MoveField[];\n}\n\n/**\n * FieldArray component using react-hook-form\n */\nconst FieldArray = ({\n children,\n hideButtons = [],\n label: _label = undefined,\n lastNotDeletable = true,\n name,\n testId: _testId = undefined,\n moveField = ['button'],\n}: FieldArrayProps) => {\n const {\n control,\n debugMode,\n getValues,\n getFieldState,\n trigger,\n // watch\n } = useFormContext();\n\n const { fields, append, remove, insert, move } = useFieldArray({\n control,\n name,\n });\n\n const { error, testId, invalid, required } = getFieldState(name, _testId);\n\n // const _formValues = watch();\n\n // useEffect(() => {\n // trigger(`${name}`);\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [JSON.stringify(fields)]);\n\n // TODO: what about input props?\n const { label, getLabelProps, getHelperWrapperProps, getErrorMessageProps } =\n useInput({\n isInvalid: invalid,\n isRequired: required,\n errorMessage: JSON.stringify(error),\n label: _label,\n labelPlacement: 'inside',\n placeholder: ' ',\n classNames: { helperWrapper: 'block' },\n });\n\n if (lastNotDeletable && fields.length === 0) {\n append({});\n }\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor),\n );\n\n const handleDragEnd = (event: DragEndEvent) => {\n const { active, over } = event;\n\n if (active.id !== over?.id) {\n const oldIndex = fields.findIndex((field) => field.id === active.id);\n const newIndex = fields.findIndex((field) => field.id === over?.id);\n move(oldIndex, newIndex);\n }\n };\n\n const showTestIdCopyButton = debugMode === 'debug-testids';\n const showLabel = label || showTestIdCopyButton;\n\n return (\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragEnd={handleDragEnd}\n modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n >\n <SortableContext\n items={fields.map((field) => field.id)}\n strategy={verticalListSortingStrategy}\n >\n <ul data-testid={testId} onBlur={() => trigger(`${name}`)}>\n {showLabel && (\n // eslint-disable-next-line jsx-a11y/label-has-associated-control\n <label\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...getLabelProps()}\n className={`${getLabelProps().className} !pointer-events-auto !static !z-0 -mb-1 ml-1 !inline-block`}\n >\n {label}\n </label>\n )}\n {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n\n {fields.map((field, index) => {\n const duplicate = (i: number) => {\n const values = getValues(name);\n insert(i + 1, { ...values[i], id: null });\n };\n\n return (\n <FieldArrayField\n id={field.id}\n key={field.id}\n testId={`${testId}_${index}`}\n className=\"mb-3 mt-5 flex flex-row items-center\"\n field={field}\n fields={fields}\n hideButtons={hideButtons}\n index={index}\n insert={insert}\n lastNotDeletable={lastNotDeletable}\n move={move}\n moveField={moveField}\n name={name}\n remove={remove}\n >\n {children(\n `${name}[${index}]`,\n index,\n fields.length,\n move,\n insert,\n remove,\n duplicate,\n )}\n </FieldArrayField>\n );\n })}\n\n {!hideButtons.includes('add') && !hideButtons.includes('all') && (\n <Button\n testId={`${testId}_append`}\n size=\"sm\"\n onClick={() => append({})}\n >\n Add\n </Button>\n )}\n {/* @ts-expect-error rhf incompatibility */}\n {error?._errors && (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <div {...getHelperWrapperProps()}>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <div {...getErrorMessageProps()}>\n {/* @ts-expect-error rhf incompatibility */}\n <FieldValidationError error={error?._errors} />\n </div>\n </div>\n )}\n </ul>\n </SortableContext>\n </DndContext>\n );\n};\n\nexport default FieldArray;\n","import type {\n FieldValues,\n UseFieldArrayInsert,\n UseFieldArrayMove,\n UseFieldArrayRemove,\n} from 'react-hook-form';\nimport type { FieldArrayHideOption, MoveField } from './FieldArray';\n\n// import { useEffect } from 'react';\nimport { FaAngleDown, FaAngleUp, FaGripLines } from 'react-icons/fa';\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { useInput } from '@nextui-org/input';\n\nimport { Button } from '@fuf-stack/pixels';\n\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\ninterface FieldArrayFieldProps {\n children: React.ReactNode;\n className?: string;\n field: Record<'id', string>;\n fields: Record<'id', string>[];\n hideButtons?: FieldArrayHideOption[];\n id: string | number;\n index: number;\n insert: UseFieldArrayInsert<FieldValues, string>;\n lastNotDeletable?: boolean;\n move: UseFieldArrayMove;\n moveField: MoveField[];\n testId?: string;\n name: string;\n remove: UseFieldArrayRemove;\n}\n\n/**\n * FieldArrayField component using react-hook-form\n */\nconst FieldArrayField = ({\n children,\n className = undefined,\n field,\n fields,\n hideButtons = [],\n id,\n index,\n insert,\n lastNotDeletable = true,\n move,\n moveField,\n name,\n remove,\n testId = undefined,\n}: FieldArrayFieldProps) => {\n const { attributes, listeners, setNodeRef, transform, transition } =\n useSortable({ id });\n\n const style = {\n transform: CSS.Translate.toString(transform),\n transition,\n };\n\n const {\n getFieldState,\n // watch,\n trigger,\n } = useFormContext();\n const { error, invalid } = getFieldState(`${name}`, undefined);\n\n // TODO: what about input props? and label props? Do we need a label?\n const { getHelperWrapperProps, getErrorMessageProps } = useInput({\n isInvalid: invalid,\n errorMessage: JSON.stringify(error),\n labelPlacement: 'inside',\n placeholder: ' ',\n classNames: { helperWrapper: 'block' },\n });\n\n // const _formValues = watch();\n // useEffect(() => {\n // trigger(`${name}.${index}`);\n // // eslint-disable-next-line react-hooks/exhaustive-deps\n // }, [JSON.stringify(formValues)]);\n\n return (\n <>\n <li\n ref={setNodeRef}\n style={style}\n className={className}\n onBlur={() => trigger(`${name}.${index}`)}\n >\n {/** Start Button up/down */}\n {!hideButtons.includes('move') && !hideButtons.includes('all') && (\n <div className=\"mr-6 flex flex-row items-center\">\n {moveField.includes('drag-drop') && (\n <div\n className=\"mr-2 text-base text-xl\"\n data-testid={slugify(`${name}_${index}_movebutton`)}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...attributes}\n // eslint-disable-next-line react/jsx-props-no-spreading\n {...listeners}\n >\n <FaGripLines />\n </div>\n )}\n {moveField.includes('button') && (\n <div className=\"flex flex-col\">\n <Button\n testId={`${name}.${index}.up`}\n disabled={index === 0}\n onClick={() => move(index, index - 1)}\n className=\"flex rounded-b-none rounded-t-md border border-gray-300 px-2 py-2 shadow-sm\"\n >\n <FaAngleUp />\n </Button>\n <Button\n testId={`${name}.${index}.down`}\n disabled={index === fields.length - 1}\n onClick={() => move(index, index + 1)}\n className=\"flex rounded-b-md rounded-t-none border border-gray-300 px-2 py-2 shadow-sm\"\n >\n <FaAngleDown />\n </Button>\n </div>\n )}\n </div>\n )}\n {/** End Button up/down */}\n <div key={`rest-${field.id}`} className=\"w-full\">\n <div className=\"mb-2 flex items-center\">\n {/** RENDER CHILDREN */}\n <div className=\"flex-grow\" data-testid={testId}>\n {children}\n </div>\n {!hideButtons.includes('remove') &&\n !hideButtons.includes('all') &&\n (lastNotDeletable && fields.length === 1 ? null : (\n <Button onClick={() => remove(index)} className=\"ml-1\">\n <svg\n className=\"h-4 w-4\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 20 20\"\n fill=\"currentColor\"\n aria-hidden=\"true\"\n >\n <path\n fillRule=\"evenodd\"\n d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n clipRule=\"evenodd\"\n />\n </svg>\n </Button>\n ))}\n </div>\n\n {!hideButtons.includes('insert') &&\n !hideButtons.includes('all') &&\n index !== fields.length - 1 ? (\n <Button\n className=\"text-xs font-medium\"\n testId={`add-harbor-button-${index}`}\n onClick={() => {\n insert(index + 1, {});\n }}\n >\n insert\n </Button>\n ) : null}\n </div>\n </li>\n {error && typeof error[index] !== 'undefined' && (\n // // @ts-expect-error rhf incompatibility\n // error[Number(index)]?._errors && ( // TODO: was String(). Check if Number is correct. (same below in FieldValidationError)\n // eslint-disable-next-line react/jsx-props-no-spreading\n <div {...getHelperWrapperProps()}>\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n <div {...getErrorMessageProps()}>\n <FieldValidationError\n /* @ts-expect-error rhf incompatibility */\n error={error[Number(index)]?._errors}\n />\n </div>\n </div>\n )}\n </>\n );\n};\nexport default FieldArrayField;\n","import FieldArray from './FieldArray';\n\nexport type {\n FieldArrayProps,\n FieldArrayHideOption,\n FieldArrayFieldChildren,\n} from './FieldArray';\n\nexport { FieldArray };\n\nexport default FieldArray;\n"]}
@@ -7,12 +7,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
7
7
  [key: string]: {
8
8
  [key: string]: tailwind_variants.ClassValue | {
9
9
  base?: tailwind_variants.ClassValue;
10
+ label?: tailwind_variants.ClassValue;
10
11
  errorMessage?: tailwind_variants.ClassValue;
11
12
  itemBase?: tailwind_variants.ClassValue;
12
13
  itemIcon?: tailwind_variants.ClassValue;
13
14
  itemLabel?: tailwind_variants.ClassValue;
14
15
  itemWrapper?: tailwind_variants.ClassValue;
15
- label?: tailwind_variants.ClassValue;
16
16
  wrapper?: tailwind_variants.ClassValue;
17
17
  };
18
18
  };
@@ -20,12 +20,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
20
20
  [x: string]: {
21
21
  [x: string]: tailwind_variants.ClassValue | {
22
22
  base?: tailwind_variants.ClassValue;
23
+ label?: tailwind_variants.ClassValue;
23
24
  errorMessage?: tailwind_variants.ClassValue;
24
25
  itemBase?: tailwind_variants.ClassValue;
25
26
  itemIcon?: tailwind_variants.ClassValue;
26
27
  itemLabel?: tailwind_variants.ClassValue;
27
28
  itemWrapper?: tailwind_variants.ClassValue;
28
- label?: tailwind_variants.ClassValue;
29
29
  wrapper?: tailwind_variants.ClassValue;
30
30
  };
31
31
  };
@@ -42,12 +42,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
42
42
  [key: string]: {
43
43
  [key: string]: tailwind_variants.ClassValue | {
44
44
  base?: tailwind_variants.ClassValue;
45
+ label?: tailwind_variants.ClassValue;
45
46
  errorMessage?: tailwind_variants.ClassValue;
46
47
  itemBase?: tailwind_variants.ClassValue;
47
48
  itemIcon?: tailwind_variants.ClassValue;
48
49
  itemLabel?: tailwind_variants.ClassValue;
49
50
  itemWrapper?: tailwind_variants.ClassValue;
50
- label?: tailwind_variants.ClassValue;
51
51
  wrapper?: tailwind_variants.ClassValue;
52
52
  };
53
53
  };
@@ -55,12 +55,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
55
55
  [key: string]: {
56
56
  [key: string]: tailwind_variants.ClassValue | {
57
57
  base?: tailwind_variants.ClassValue;
58
+ label?: tailwind_variants.ClassValue;
58
59
  errorMessage?: tailwind_variants.ClassValue;
59
60
  itemBase?: tailwind_variants.ClassValue;
60
61
  itemIcon?: tailwind_variants.ClassValue;
61
62
  itemLabel?: tailwind_variants.ClassValue;
62
63
  itemWrapper?: tailwind_variants.ClassValue;
63
- label?: tailwind_variants.ClassValue;
64
64
  wrapper?: tailwind_variants.ClassValue;
65
65
  };
66
66
  };
@@ -86,12 +86,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
86
86
  [key: string]: {
87
87
  [key: string]: tailwind_variants.ClassValue | {
88
88
  base?: tailwind_variants.ClassValue;
89
+ label?: tailwind_variants.ClassValue;
89
90
  errorMessage?: tailwind_variants.ClassValue;
90
91
  itemBase?: tailwind_variants.ClassValue;
91
92
  itemIcon?: tailwind_variants.ClassValue;
92
93
  itemLabel?: tailwind_variants.ClassValue;
93
94
  itemWrapper?: tailwind_variants.ClassValue;
94
- label?: tailwind_variants.ClassValue;
95
95
  wrapper?: tailwind_variants.ClassValue;
96
96
  };
97
97
  };
@@ -7,12 +7,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
7
7
  [key: string]: {
8
8
  [key: string]: tailwind_variants.ClassValue | {
9
9
  base?: tailwind_variants.ClassValue;
10
+ label?: tailwind_variants.ClassValue;
10
11
  errorMessage?: tailwind_variants.ClassValue;
11
12
  itemBase?: tailwind_variants.ClassValue;
12
13
  itemIcon?: tailwind_variants.ClassValue;
13
14
  itemLabel?: tailwind_variants.ClassValue;
14
15
  itemWrapper?: tailwind_variants.ClassValue;
15
- label?: tailwind_variants.ClassValue;
16
16
  wrapper?: tailwind_variants.ClassValue;
17
17
  };
18
18
  };
@@ -20,12 +20,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
20
20
  [x: string]: {
21
21
  [x: string]: tailwind_variants.ClassValue | {
22
22
  base?: tailwind_variants.ClassValue;
23
+ label?: tailwind_variants.ClassValue;
23
24
  errorMessage?: tailwind_variants.ClassValue;
24
25
  itemBase?: tailwind_variants.ClassValue;
25
26
  itemIcon?: tailwind_variants.ClassValue;
26
27
  itemLabel?: tailwind_variants.ClassValue;
27
28
  itemWrapper?: tailwind_variants.ClassValue;
28
- label?: tailwind_variants.ClassValue;
29
29
  wrapper?: tailwind_variants.ClassValue;
30
30
  };
31
31
  };
@@ -42,12 +42,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
42
42
  [key: string]: {
43
43
  [key: string]: tailwind_variants.ClassValue | {
44
44
  base?: tailwind_variants.ClassValue;
45
+ label?: tailwind_variants.ClassValue;
45
46
  errorMessage?: tailwind_variants.ClassValue;
46
47
  itemBase?: tailwind_variants.ClassValue;
47
48
  itemIcon?: tailwind_variants.ClassValue;
48
49
  itemLabel?: tailwind_variants.ClassValue;
49
50
  itemWrapper?: tailwind_variants.ClassValue;
50
- label?: tailwind_variants.ClassValue;
51
51
  wrapper?: tailwind_variants.ClassValue;
52
52
  };
53
53
  };
@@ -55,12 +55,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
55
55
  [key: string]: {
56
56
  [key: string]: tailwind_variants.ClassValue | {
57
57
  base?: tailwind_variants.ClassValue;
58
+ label?: tailwind_variants.ClassValue;
58
59
  errorMessage?: tailwind_variants.ClassValue;
59
60
  itemBase?: tailwind_variants.ClassValue;
60
61
  itemIcon?: tailwind_variants.ClassValue;
61
62
  itemLabel?: tailwind_variants.ClassValue;
62
63
  itemWrapper?: tailwind_variants.ClassValue;
63
- label?: tailwind_variants.ClassValue;
64
64
  wrapper?: tailwind_variants.ClassValue;
65
65
  };
66
66
  };
@@ -86,12 +86,12 @@ declare const checkboxGroupVariants: tailwind_variants.TVReturnType<{
86
86
  [key: string]: {
87
87
  [key: string]: tailwind_variants.ClassValue | {
88
88
  base?: tailwind_variants.ClassValue;
89
+ label?: tailwind_variants.ClassValue;
89
90
  errorMessage?: tailwind_variants.ClassValue;
90
91
  itemBase?: tailwind_variants.ClassValue;
91
92
  itemIcon?: tailwind_variants.ClassValue;
92
93
  itemLabel?: tailwind_variants.ClassValue;
93
94
  itemWrapper?: tailwind_variants.ClassValue;
94
- label?: tailwind_variants.ClassValue;
95
95
  wrapper?: tailwind_variants.ClassValue;
96
96
  };
97
97
  };
@@ -8,10 +8,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
8
8
  [key: string]: {
9
9
  [key: string]: tailwind_variants.ClassValue | {
10
10
  base?: tailwind_variants.ClassValue;
11
+ label?: tailwind_variants.ClassValue;
11
12
  itemBase?: tailwind_variants.ClassValue;
12
13
  itemLabel?: tailwind_variants.ClassValue;
13
14
  itemWrapper?: tailwind_variants.ClassValue;
14
- label?: tailwind_variants.ClassValue;
15
15
  wrapper?: tailwind_variants.ClassValue;
16
16
  tab?: tailwind_variants.ClassValue;
17
17
  cursor?: tailwind_variants.ClassValue;
@@ -29,10 +29,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
29
29
  [x: string]: {
30
30
  [x: string]: tailwind_variants.ClassValue | {
31
31
  base?: tailwind_variants.ClassValue;
32
+ label?: tailwind_variants.ClassValue;
32
33
  itemBase?: tailwind_variants.ClassValue;
33
34
  itemLabel?: tailwind_variants.ClassValue;
34
35
  itemWrapper?: tailwind_variants.ClassValue;
35
- label?: tailwind_variants.ClassValue;
36
36
  wrapper?: tailwind_variants.ClassValue;
37
37
  tab?: tailwind_variants.ClassValue;
38
38
  cursor?: tailwind_variants.ClassValue;
@@ -67,10 +67,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
67
67
  [key: string]: {
68
68
  [key: string]: tailwind_variants.ClassValue | {
69
69
  base?: tailwind_variants.ClassValue;
70
+ label?: tailwind_variants.ClassValue;
70
71
  itemBase?: tailwind_variants.ClassValue;
71
72
  itemLabel?: tailwind_variants.ClassValue;
72
73
  itemWrapper?: tailwind_variants.ClassValue;
73
- label?: tailwind_variants.ClassValue;
74
74
  wrapper?: tailwind_variants.ClassValue;
75
75
  tab?: tailwind_variants.ClassValue;
76
76
  cursor?: tailwind_variants.ClassValue;
@@ -88,10 +88,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
88
88
  [key: string]: {
89
89
  [key: string]: tailwind_variants.ClassValue | {
90
90
  base?: tailwind_variants.ClassValue;
91
+ label?: tailwind_variants.ClassValue;
91
92
  itemBase?: tailwind_variants.ClassValue;
92
93
  itemLabel?: tailwind_variants.ClassValue;
93
94
  itemWrapper?: tailwind_variants.ClassValue;
94
- label?: tailwind_variants.ClassValue;
95
95
  wrapper?: tailwind_variants.ClassValue;
96
96
  tab?: tailwind_variants.ClassValue;
97
97
  cursor?: tailwind_variants.ClassValue;
@@ -143,10 +143,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
143
143
  [key: string]: {
144
144
  [key: string]: tailwind_variants.ClassValue | {
145
145
  base?: tailwind_variants.ClassValue;
146
+ label?: tailwind_variants.ClassValue;
146
147
  itemBase?: tailwind_variants.ClassValue;
147
148
  itemLabel?: tailwind_variants.ClassValue;
148
149
  itemWrapper?: tailwind_variants.ClassValue;
149
- label?: tailwind_variants.ClassValue;
150
150
  wrapper?: tailwind_variants.ClassValue;
151
151
  tab?: tailwind_variants.ClassValue;
152
152
  cursor?: tailwind_variants.ClassValue;
@@ -8,10 +8,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
8
8
  [key: string]: {
9
9
  [key: string]: tailwind_variants.ClassValue | {
10
10
  base?: tailwind_variants.ClassValue;
11
+ label?: tailwind_variants.ClassValue;
11
12
  itemBase?: tailwind_variants.ClassValue;
12
13
  itemLabel?: tailwind_variants.ClassValue;
13
14
  itemWrapper?: tailwind_variants.ClassValue;
14
- label?: tailwind_variants.ClassValue;
15
15
  wrapper?: tailwind_variants.ClassValue;
16
16
  tab?: tailwind_variants.ClassValue;
17
17
  cursor?: tailwind_variants.ClassValue;
@@ -29,10 +29,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
29
29
  [x: string]: {
30
30
  [x: string]: tailwind_variants.ClassValue | {
31
31
  base?: tailwind_variants.ClassValue;
32
+ label?: tailwind_variants.ClassValue;
32
33
  itemBase?: tailwind_variants.ClassValue;
33
34
  itemLabel?: tailwind_variants.ClassValue;
34
35
  itemWrapper?: tailwind_variants.ClassValue;
35
- label?: tailwind_variants.ClassValue;
36
36
  wrapper?: tailwind_variants.ClassValue;
37
37
  tab?: tailwind_variants.ClassValue;
38
38
  cursor?: tailwind_variants.ClassValue;
@@ -67,10 +67,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
67
67
  [key: string]: {
68
68
  [key: string]: tailwind_variants.ClassValue | {
69
69
  base?: tailwind_variants.ClassValue;
70
+ label?: tailwind_variants.ClassValue;
70
71
  itemBase?: tailwind_variants.ClassValue;
71
72
  itemLabel?: tailwind_variants.ClassValue;
72
73
  itemWrapper?: tailwind_variants.ClassValue;
73
- label?: tailwind_variants.ClassValue;
74
74
  wrapper?: tailwind_variants.ClassValue;
75
75
  tab?: tailwind_variants.ClassValue;
76
76
  cursor?: tailwind_variants.ClassValue;
@@ -88,10 +88,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
88
88
  [key: string]: {
89
89
  [key: string]: tailwind_variants.ClassValue | {
90
90
  base?: tailwind_variants.ClassValue;
91
+ label?: tailwind_variants.ClassValue;
91
92
  itemBase?: tailwind_variants.ClassValue;
92
93
  itemLabel?: tailwind_variants.ClassValue;
93
94
  itemWrapper?: tailwind_variants.ClassValue;
94
- label?: tailwind_variants.ClassValue;
95
95
  wrapper?: tailwind_variants.ClassValue;
96
96
  tab?: tailwind_variants.ClassValue;
97
97
  cursor?: tailwind_variants.ClassValue;
@@ -143,10 +143,10 @@ declare const radioGroupVariants: tailwind_variants.TVReturnType<{
143
143
  [key: string]: {
144
144
  [key: string]: tailwind_variants.ClassValue | {
145
145
  base?: tailwind_variants.ClassValue;
146
+ label?: tailwind_variants.ClassValue;
146
147
  itemBase?: tailwind_variants.ClassValue;
147
148
  itemLabel?: tailwind_variants.ClassValue;
148
149
  itemWrapper?: tailwind_variants.ClassValue;
149
- label?: tailwind_variants.ClassValue;
150
150
  wrapper?: tailwind_variants.ClassValue;
151
151
  tab?: tailwind_variants.ClassValue;
152
152
  cursor?: tailwind_variants.ClassValue;
@@ -7,13 +7,13 @@ import { Props } from 'react-select';
7
7
  declare const selectVariants: tailwind_variants.TVReturnType<{
8
8
  [key: string]: {
9
9
  [key: string]: tailwind_variants.ClassValue | {
10
- base?: tailwind_variants.ClassValue;
11
- label?: tailwind_variants.ClassValue;
12
- group?: tailwind_variants.ClassValue;
13
10
  control?: tailwind_variants.ClassValue;
11
+ base?: tailwind_variants.ClassValue;
14
12
  input?: tailwind_variants.ClassValue;
13
+ label?: tailwind_variants.ClassValue;
15
14
  menu?: tailwind_variants.ClassValue;
16
15
  option?: tailwind_variants.ClassValue;
16
+ group?: tailwind_variants.ClassValue;
17
17
  placeholder?: tailwind_variants.ClassValue;
18
18
  clearIndicator?: tailwind_variants.ClassValue;
19
19
  control_focused?: tailwind_variants.ClassValue;
@@ -42,13 +42,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
42
42
  } | {
43
43
  [x: string]: {
44
44
  [x: string]: tailwind_variants.ClassValue | {
45
- base?: tailwind_variants.ClassValue;
46
- label?: tailwind_variants.ClassValue;
47
- group?: tailwind_variants.ClassValue;
48
45
  control?: tailwind_variants.ClassValue;
46
+ base?: tailwind_variants.ClassValue;
49
47
  input?: tailwind_variants.ClassValue;
48
+ label?: tailwind_variants.ClassValue;
50
49
  menu?: tailwind_variants.ClassValue;
51
50
  option?: tailwind_variants.ClassValue;
51
+ group?: tailwind_variants.ClassValue;
52
52
  placeholder?: tailwind_variants.ClassValue;
53
53
  clearIndicator?: tailwind_variants.ClassValue;
54
54
  control_focused?: tailwind_variants.ClassValue;
@@ -108,13 +108,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
108
108
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
109
109
  [key: string]: {
110
110
  [key: string]: tailwind_variants.ClassValue | {
111
- base?: tailwind_variants.ClassValue;
112
- label?: tailwind_variants.ClassValue;
113
- group?: tailwind_variants.ClassValue;
114
111
  control?: tailwind_variants.ClassValue;
112
+ base?: tailwind_variants.ClassValue;
115
113
  input?: tailwind_variants.ClassValue;
114
+ label?: tailwind_variants.ClassValue;
116
115
  menu?: tailwind_variants.ClassValue;
117
116
  option?: tailwind_variants.ClassValue;
117
+ group?: tailwind_variants.ClassValue;
118
118
  placeholder?: tailwind_variants.ClassValue;
119
119
  clearIndicator?: tailwind_variants.ClassValue;
120
120
  control_focused?: tailwind_variants.ClassValue;
@@ -143,13 +143,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
143
143
  } | {}>, {
144
144
  [key: string]: {
145
145
  [key: string]: tailwind_variants.ClassValue | {
146
- base?: tailwind_variants.ClassValue;
147
- label?: tailwind_variants.ClassValue;
148
- group?: tailwind_variants.ClassValue;
149
146
  control?: tailwind_variants.ClassValue;
147
+ base?: tailwind_variants.ClassValue;
150
148
  input?: tailwind_variants.ClassValue;
149
+ label?: tailwind_variants.ClassValue;
151
150
  menu?: tailwind_variants.ClassValue;
152
151
  option?: tailwind_variants.ClassValue;
152
+ group?: tailwind_variants.ClassValue;
153
153
  placeholder?: tailwind_variants.ClassValue;
154
154
  clearIndicator?: tailwind_variants.ClassValue;
155
155
  control_focused?: tailwind_variants.ClassValue;
@@ -240,13 +240,13 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
240
240
  }, undefined, tailwind_variants_dist_config_js.TVConfig<unknown, {
241
241
  [key: string]: {
242
242
  [key: string]: tailwind_variants.ClassValue | {
243
- base?: tailwind_variants.ClassValue;
244
- label?: tailwind_variants.ClassValue;
245
- group?: tailwind_variants.ClassValue;
246
243
  control?: tailwind_variants.ClassValue;
244
+ base?: tailwind_variants.ClassValue;
247
245
  input?: tailwind_variants.ClassValue;
246
+ label?: tailwind_variants.ClassValue;
248
247
  menu?: tailwind_variants.ClassValue;
249
248
  option?: tailwind_variants.ClassValue;
249
+ group?: tailwind_variants.ClassValue;
250
250
  placeholder?: tailwind_variants.ClassValue;
251
251
  clearIndicator?: tailwind_variants.ClassValue;
252
252
  control_focused?: tailwind_variants.ClassValue;