@fuf-stack/uniform 0.4.0 → 0.5.0

package/dist/chunk-OS4SMYPO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/FieldArray/FieldArray.tsx","../src/FieldArray/FieldArrayField.tsx","../src/FieldArray/index.ts"],"names":["useEffect","useInput","Button","jsx","jsxs","FieldArray_default"],"mappings":"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","sourcesContent":["import type { DragEndEvent } from '@dnd-kit/core';\nimport type {\n  FieldValues,\n  UseFieldArrayInsert,\n  UseFieldArrayMove,\n  UseFieldArrayRemove,\n} from 'react-hook-form';\n\nimport { useEffect } from 'react';\nimport { useFieldArray } from 'react-hook-form';\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 { 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 { control, getValues, getFieldState, register, trigger, 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  register(`${name}._errors`);\n\n  const formValues = watch();\n\n  useEffect(() => {\n    trigger(`${name}._errors`);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(formValues)]);\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  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}>\n          {label && (\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          <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\nimport { 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 { getFieldState, register, watch, trigger } = 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  // TODO: Check if this is a current issue: _error gets kicked out of the formValidation if no other errors exist. validationError exists, but the structure changes.\n  register(`${name}.${index}._errors`);\n\n  const formValues = watch();\n  useEffect(() => {\n    trigger(`${name}.${index}._errors`);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(formValues)]);\n\n  return (\n    <>\n      <li ref={setNodeRef} style={style} className={className}>\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 &&\n        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              {/* @ts-expect-error rhf incompatibility */}\n              <FieldValidationError error={error[Number(index)]?._errors} />\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"]}

package/dist/{chunk-2CKPLOCK.cjs → chunk-VO7ZM3KY.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
+var _chunkHT3LKDHXcjs = require('./chunk-HT3LKDHX.cjs');
 
 
-var _chunkWQRM7G4Ccjs = require('./chunk-WQRM7G4C.cjs');
+var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
 
 
-var _chunkHT3LKDHXcjs = require('./chunk-HT3LKDHX.cjs');
+var _chunkWQRM7G4Ccjs = require('./chunk-WQRM7G4C.cjs');
 
 // src/Input/Input.tsx
 var _reacthookform = require('react-hook-form');
@@ -78,4 +78,4 @@ var Input_default2 = Input_default;
 
 
 exports.Input_default = Input_default; exports.Input_default2 = Input_default2;
-//# sourceMappingURL=chunk-2CKPLOCK.cjs.map
+//# sourceMappingURL=chunk-VO7ZM3KY.cjs.map

package/dist/chunk-XY7ZZARS.cjs

@@ -0,0 +1,81 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkHT3LKDHXcjs = require('./chunk-HT3LKDHX.cjs');
+
+
+var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
+
+
+var _chunkWQRM7G4Ccjs = require('./chunk-WQRM7G4C.cjs');
+
+// src/Switch/Switch.tsx
+var _reacthookform = require('react-hook-form');
+var _input = require('@nextui-org/input');
+var _switch = require('@nextui-org/switch');
+var _jsxruntime = require('react/jsx-runtime');
+var Switch = ({
+  className,
+  disabled = false,
+  label: _label = void 0,
+  name,
+  testId: _testId = void 0
+}) => {
+  const { control, getFieldState } = _chunkWQRM7G4Ccjs.useFormContext.call(void 0, );
+  const { error, required, testId, invalid } = getFieldState(name, _testId);
+  const { label, getInputProps, getHelperWrapperProps, getErrorMessageProps } = _input.useInput.call(void 0, {
+    errorMessage: JSON.stringify(error),
+    isInvalid: invalid,
+    isRequired: required,
+    label: _label,
+    labelPlacement: "outside",
+    placeholder: " "
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reacthookform.Controller,
+    {
+      name,
+      control,
+      disabled,
+      render: ({
+        field: { disabled: isDisabled, value, ref, onBlur, onChange }
+      }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _switch.Switch,
+          {
+            "aria-describedby": getInputProps()["aria-describedby"],
+            required,
+            isSelected: !!value,
+            className,
+            classNames: {
+              label: `text-bold block text-ellipsis text-small ${invalid ? "text-danger" : ""}`
+            },
+            "data-testid": testId,
+            isDisabled,
+            value,
+            onChange,
+            onBlur,
+            name,
+            ref,
+            children: [
+              label,
+              !!required && !!_label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "!text-danger", children: " *" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHT3LKDHXcjs.FieldCopyTestIdButton_default, { testId })
+            ]
+          }
+        ),
+        error && // eslint-disable-next-line react/jsx-props-no-spreading
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ...getHelperWrapperProps(), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ...getErrorMessageProps(), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQTL5FREEcjs.FieldValidationError_default, { error }) }) })
+      ] })
+    }
+  );
+};
+var Switch_default = Switch;
+
+// src/Switch/index.ts
+var Switch_default2 = Switch_default;
+
+
+
+
+exports.Switch_default = Switch_default; exports.Switch_default2 = Switch_default2;
+//# sourceMappingURL=chunk-XY7ZZARS.cjs.map

package/dist/chunk-XY7ZZARS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Switch/Switch.tsx","../src/Switch/index.ts"],"names":["Switch_default"],"mappings":";;;;;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,gBAAgB;AACzB,SAAS,UAAU,kBAAkB;AAkD7B,mBAmBM,KAlBJ,YADF;AA5BR,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA,WAAW;AAAA,EACX,OAAO,SAAS;AAAA,EAChB;AAAA,EACA,QAAQ,UAAU;AACpB,MAAmB;AACjB,QAAM,EAAE,SAAS,cAAc,IAAI,eAAe;AAClD,QAAM,EAAE,OAAO,UAAU,QAAQ,QAAQ,IAAI,cAAc,MAAM,OAAO;AAExE,QAAM,EAAE,OAAO,eAAe,uBAAuB,qBAAqB,IACxE,SAAS;AAAA,IACP,cAAc,KAAK,UAAU,KAAK;AAAA,IAClC,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf,CAAC;AAEH,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,UAAU,YAAY,OAAO,KAAK,QAAQ,SAAS;AAAA,MAC9D,MACE,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,oBAAkB,cAAc,EAAE,kBAAkB;AAAA,YACpD;AAAA,YACA,YAAY,CAAC,CAAC;AAAA,YACd;AAAA,YACA,YAAY;AAAA,cACV,OAAO,4CAA4C,UAAU,gBAAgB,EAAE;AAAA,YACjF;AAAA,YACA,eAAa;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,cACA,CAAC,CAAC,YAAY,CAAC,CAAC,UACf,oBAAC,UAAK,WAAU,gBAAgB,gBAAU;AAAA,cAE5C,oBAAC,iCAAsB,QAAgB;AAAA;AAAA;AAAA,QACzC;AAAA,QACC;AAAA,QAEC,oBAAC,SAAK,GAAG,sBAAsB,GAE7B,8BAAC,SAAK,GAAG,qBAAqB,GAC5B,8BAAC,gCAAqB,OAAc,GACtC,GACF;AAAA,SAEJ;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,iBAAQ;;;ACrFf,IAAOA,kBAAQ","sourcesContent":["import { Controller } from 'react-hook-form';\n\nimport { useInput } from '@nextui-org/input';\nimport { Switch as NextSwitch } from '@nextui-org/switch';\n\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface SwitchProps {\n  /** CSS class name */\n  className: string;\n  /** whether the select should be disabled */\n  disabled?: boolean;\n  /** component displayed next to the switch. */\n  label: React.ReactNode;\n  /** name the field is registered under */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n *  Switch component based on [NextUI Switch](https://nextui.org/docs/components/switch)\n */\nconst Switch = ({\n  className,\n  disabled = false,\n  label: _label = undefined,\n  name,\n  testId: _testId = undefined,\n}: SwitchProps) => {\n  const { control, getFieldState } = useFormContext();\n  const { error, required, testId, invalid } = getFieldState(name, _testId);\n\n  const { label, getInputProps, getHelperWrapperProps, getErrorMessageProps } =\n    useInput({\n      errorMessage: JSON.stringify(error),\n      isInvalid: invalid,\n      isRequired: required,\n      label: _label,\n      labelPlacement: 'outside',\n      placeholder: ' ',\n    });\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      disabled={disabled}\n      render={({\n        field: { disabled: isDisabled, value, ref, onBlur, onChange },\n      }) => (\n        <>\n          <NextSwitch\n            aria-describedby={getInputProps()['aria-describedby']}\n            required={required}\n            isSelected={!!value}\n            className={className}\n            classNames={{\n              label: `text-bold block text-ellipsis text-small ${invalid ? 'text-danger' : ''}`,\n            }}\n            data-testid={testId}\n            isDisabled={isDisabled}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            name={name}\n            ref={ref}\n          >\n            {label}\n            {!!required && !!_label && (\n              <span className=\"!text-danger\">{' \\u002A'}</span>\n            )}\n            <FieldCopyTestIdButton testId={testId} />\n          </NextSwitch>\n          {error && (\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 error={error} />\n              </div>\n            </div>\n          )}\n        </>\n      )}\n    />\n  );\n};\n\nexport default Switch;\n","import Switch from './Switch';\n\nexport type { SwitchProps } from './Switch';\n\nexport { Switch };\n\nexport default Switch;\n"]}

package/dist/hooks/index.d.cts

@@ -18,8 +18,8 @@ declare const useFormContext: () => {
     };
     validation: {
         schema: _fuf_stack_veto_dist_types_d_DhQiwhXl.a;
-        validate: <InputType extends _fuf_stack_veto.VetoInput>(input: InputType) => _fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<any>;
-        validateAsync: <InputType_1 extends _fuf_stack_veto.VetoInput>(input: InputType_1) => Promise<_fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<any>>;
+        validate: <InputType extends _fuf_stack_veto.VetoInput>(input: InputType) => _fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<_fuf_stack_veto.vInfer<VetoSchema>>;
+        validateAsync: <InputType extends _fuf_stack_veto.VetoInput>(input: InputType) => Promise<_fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<_fuf_stack_veto.vInfer<VetoSchema>>>;
     } | undefined;
     formState: react_hook_form.FormState<react_hook_form.FieldValues>;
     watch: react_hook_form.UseFormWatch<react_hook_form.FieldValues>;

package/dist/hooks/index.d.ts

@@ -18,8 +18,8 @@ declare const useFormContext: () => {
     };
     validation: {
         schema: _fuf_stack_veto_dist_types_d_DhQiwhXl.a;
-        validate: <InputType extends _fuf_stack_veto.VetoInput>(input: InputType) => _fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<any>;
-        validateAsync: <InputType_1 extends _fuf_stack_veto.VetoInput>(input: InputType_1) => Promise<_fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<any>>;
+        validate: <InputType extends _fuf_stack_veto.VetoInput>(input: InputType) => _fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<_fuf_stack_veto.vInfer<VetoSchema>>;
+        validateAsync: <InputType extends _fuf_stack_veto.VetoInput>(input: InputType) => Promise<_fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<_fuf_stack_veto.vInfer<VetoSchema>>>;
     } | undefined;
     formState: react_hook_form.FormState<react_hook_form.FieldValues>;
     watch: react_hook_form.UseFormWatch<react_hook_form.FieldValues>;

package/dist/index.cjs

@@ -1,20 +1,38 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunk4IT2WVQKcjs = require('./chunk-4IT2WVQK.cjs');
+
+
+var _chunkOS4SMYPOcjs = require('./chunk-OS4SMYPO.cjs');
+
+
 var _chunkBNTEIMNYcjs = require('./chunk-BNTEIMNY.cjs');
 
 
 var _chunk6GN255GPcjs = require('./chunk-6GN255GP.cjs');
 
 
-var _chunk2CKPLOCKcjs = require('./chunk-2CKPLOCK.cjs');
+var _chunkVO7ZM3KYcjs = require('./chunk-VO7ZM3KY.cjs');
 
 
-var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
+var _chunkI22ICCUCcjs = require('./chunk-I22ICCUC.cjs');
+
+
+var _chunkNVJKXQ5Wcjs = require('./chunk-NVJKXQ5W.cjs');
 
 
 var _chunkAGAYQTFDcjs = require('./chunk-AGAYQTFD.cjs');
 
 
+var _chunkXY7ZZARScjs = require('./chunk-XY7ZZARS.cjs');
+
+
+var _chunkHT3LKDHXcjs = require('./chunk-HT3LKDHX.cjs');
+
+
+var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
+
+
 
 var _chunkWQRM7G4Ccjs = require('./chunk-WQRM7G4C.cjs');
 
@@ -22,7 +40,6 @@ var _chunkWQRM7G4Ccjs = require('./chunk-WQRM7G4C.cjs');
 var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
 
 
-var _chunkHT3LKDHXcjs = require('./chunk-HT3LKDHX.cjs');
 
 
 
@@ -33,5 +50,8 @@ var _chunkHT3LKDHXcjs = require('./chunk-HT3LKDHX.cjs');
 
 
 
-exports.FieldCopyTestIdButton = _chunkHT3LKDHXcjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkQTL5FREEcjs.FieldValidationError_default; exports.Form = _chunkBNTEIMNYcjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunk2CKPLOCKcjs.Input_default; exports.SubmitButton = _chunkAGAYQTFDcjs.SubmitButton_default; exports.recursiveFieldKeySearch = _chunkWQRM7G4Ccjs.recursiveFieldKeySearch; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFormContext = _chunkWQRM7G4Ccjs.useFormContext;
+
+
+
+exports.FieldArray = _chunkOS4SMYPOcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkHT3LKDHXcjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkQTL5FREEcjs.FieldValidationError_default; exports.Form = _chunkBNTEIMNYcjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunkVO7ZM3KYcjs.Input_default; exports.RadioGroup = _chunkI22ICCUCcjs.RadioGroup_default; exports.Select = _chunkNVJKXQ5Wcjs.Select_default; exports.SubmitButton = _chunkAGAYQTFDcjs.SubmitButton_default; exports.Switch = _chunkXY7ZZARScjs.Switch_default; exports.TextArea = _chunk4IT2WVQKcjs.TextArea_default; exports.recursiveFieldKeySearch = _chunkWQRM7G4Ccjs.recursiveFieldKeySearch; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFormContext = _chunkWQRM7G4Ccjs.useFormContext;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -1,3 +1,4 @@
+export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-DUvn98Fe.cjs';
 export { F as Form, a as FormProps } from './Form-Bv0R3QNk.cjs';
 export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.cjs';
 export { slugify } from './helpers/index.cjs';
@@ -5,11 +6,16 @@ export { recursiveFieldKeySearch, useFormContext } from './hooks/index.cjs';
 export { I as Input, a as InputProps } from './Input-B6dNQiiD.cjs';
 export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-D-z1usqE.cjs';
 export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-BSXedjCA.cjs';
+export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-BU4K9cnS.cjs';
+export { S as Select, a as SelectProps } from './Select-Mp6Y00dT.cjs';
 export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-BEp_zzwf.cjs';
+export { S as Switch, a as SwitchProps } from './Switch-DmjDKgKs.cjs';
+export { T as TextArea, a as TextAreaProps } from './TextArea-B-sKvTkd.cjs';
 import 'react/jsx-runtime';
+import 'react-hook-form';
 import '@fuf-stack/veto';
 import 'react';
-import 'react-hook-form';
 import 'slug';
 import '@fuf-stack/veto/dist/types.d-DhQiwhXl';
+import 'react-select';
 import '@fuf-stack/pixels';

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { F as FieldArray, c as FieldArrayFieldChildren, b as FieldArrayHideOption, a as FieldArrayProps } from './FieldArray-DUvn98Fe.js';
 export { F as Form, a as FormProps } from './Form-Bv0R3QNk.js';
 export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.js';
 export { slugify } from './helpers/index.js';
@@ -5,11 +6,16 @@ export { recursiveFieldKeySearch, useFormContext } from './hooks/index.js';
 export { I as Input, a as InputProps } from './Input-B6dNQiiD.js';
 export { F as FieldCopyTestIdButton, a as FieldCopyTestIdButtonProps } from './FieldCopyTestIdButton-D-z1usqE.js';
 export { F as FieldValidationError, a as FieldValidationErrorProps } from './FieldValidationError-BSXedjCA.js';
+export { R as RadioGroup, a as RadioGroupProps } from './RadioGroup-BU4K9cnS.js';
+export { S as Select, a as SelectProps } from './Select-Mp6Y00dT.js';
 export { S as SubmitButton, a as SubmitButtonProps } from './SubmitButton-BEp_zzwf.js';
+export { S as Switch, a as SwitchProps } from './Switch-DmjDKgKs.js';
+export { T as TextArea, a as TextAreaProps } from './TextArea-B-sKvTkd.js';
 import 'react/jsx-runtime';
+import 'react-hook-form';
 import '@fuf-stack/veto';
 import 'react';
-import 'react-hook-form';
 import 'slug';
 import '@fuf-stack/veto/dist/types.d-DhQiwhXl';
+import 'react-select';
 import '@fuf-stack/pixels';

package/dist/index.js

@@ -1,3 +1,9 @@
+import {
+  TextArea_default
+} from "./chunk-6NZVSPFX.js";
+import {
+  FieldArray_default
+} from "./chunk-I26DVRVR.js";
 import {
   Form_default
 } from "./chunk-KFRKKWZT.js";
@@ -6,13 +12,25 @@ import {
 } from "./chunk-PDCEKC3G.js";
 import {
   Input_default
-} from "./chunk-OYXZQOGU.js";
+} from "./chunk-2Z3YMYNN.js";
 import {
-  FieldValidationError_default
-} from "./chunk-DBLODROX.js";
+  RadioGroup_default
+} from "./chunk-BIJVBXOG.js";
+import {
+  Select_default
+} from "./chunk-CRKMTDKU.js";
 import {
   SubmitButton_default
 } from "./chunk-5FMJUJ7H.js";
+import {
+  Switch_default
+} from "./chunk-EXYTFHEJ.js";
+import {
+  FieldCopyTestIdButton_default
+} from "./chunk-OV5RMSYD.js";
+import {
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
 import {
   recursiveFieldKeySearch,
   useFormContext
@@ -20,16 +38,18 @@ import {
 import {
   slugify
 } from "./chunk-V46BHM2U.js";
-import {
-  FieldCopyTestIdButton_default
-} from "./chunk-OV5RMSYD.js";
 export {
+  FieldArray_default as FieldArray,
   FieldCopyTestIdButton_default as FieldCopyTestIdButton,
   FieldValidationError_default as FieldValidationError,
   Form_default as Form,
   Grid_default as Grid,
   Input_default as Input,
+  RadioGroup_default as RadioGroup,
+  Select_default as Select,
   SubmitButton_default as SubmitButton,
+  Switch_default as Switch,
+  TextArea_default as TextArea,
   recursiveFieldKeySearch,
   slugify,
   useFormContext

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuf-stack/uniform",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "fuf react form library",
   "author": "Hannes Tiede",
   "homepage": "https://github.com/fuf-stack/uniform#readme",
@@ -16,6 +16,11 @@
       "require": "./dist/index.cjs",
       "types": "./dist/index.d.ts"
     },
+    "./FieldArray": {
+      "import": "./dist/FieldArray/index.js",
+      "require": "./dist/FieldArray/index.cjs",
+      "types": "./dist/FieldArray/index.d.ts"
+    },
     "./Form": {
       "import": "./dist/Form/index.js",
       "require": "./dist/Form/index.cjs",
@@ -51,10 +56,30 @@
       "require": "./dist/partials/FieldValidationError/index.cjs",
       "types": "./dist/partials/FieldValidationError/index.d.ts"
     },
+    "./RadioGroup": {
+      "import": "./dist/RadioGroup/index.js",
+      "require": "./dist/RadioGroup/index.cjs",
+      "types": "./dist/RadioGroup/index.d.ts"
+    },
+    "./Select": {
+      "import": "./dist/Select/index.js",
+      "require": "./dist/Select/index.cjs",
+      "types": "./dist/Select/index.d.ts"
+    },
     "./SubmitButton": {
       "import": "./dist/SubmitButton/index.js",
       "require": "./dist/SubmitButton/index.cjs",
       "types": "./dist/SubmitButton/index.d.ts"
+    },
+    "./Switch": {
+      "import": "./dist/Switch/index.js",
+      "require": "./dist/Switch/index.cjs",
+      "types": "./dist/Switch/index.d.ts"
+    },
+    "./TextArea": {
+      "import": "./dist/TextArea/index.js",
+      "require": "./dist/TextArea/index.cjs",
+      "types": "./dist/TextArea/index.d.ts"
     }
   },
   "files": [
@@ -80,22 +105,22 @@
     "@dnd-kit/modifiers": "7.0.0",
     "@dnd-kit/sortable": "8.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@nextui-org/button": "2.0.33",
-    "@nextui-org/checkbox": "2.1.1",
-    "@nextui-org/input": "2.2.1",
-    "@nextui-org/radio": "2.1.1",
-    "@nextui-org/select": "2.2.1",
-    "@nextui-org/switch": "2.0.30",
-    "@nextui-org/system": "2.2.1",
-    "@nextui-org/theme": "2.2.5",
+    "@nextui-org/button": "2.0.34",
+    "@nextui-org/checkbox": "2.1.2",
+    "@nextui-org/input": "2.2.2",
+    "@nextui-org/radio": "2.1.2",
+    "@nextui-org/select": "2.2.2",
+    "@nextui-org/switch": "2.0.31",
+    "@nextui-org/system": "2.2.2",
+    "@nextui-org/theme": "2.2.6",
     "@react-aria/visually-hidden": "3.8.12",
     "react-icons": "5.2.1",
-    "react-hook-form": "7.51.5",
+    "react-hook-form": "7.52.1",
     "react-select": "5.8.0",
     "slug": "9.1.0",
-    "@fuf-stack/pixels": "0.10.0",
-    "@fuf-stack/veto": "0.4.0",
-    "@fuf-stack/pixel-utils": "0.0.1"
+    "@fuf-stack/pixel-utils": "0.1.0",
+    "@fuf-stack/pixels": "0.17.1",
+    "@fuf-stack/veto": "0.5.0"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",