@fuf-stack/uniform 0.4.0 → 0.6.0

package/dist/{chunk-KFRKKWZT.js → chunk-Y4CFVCUN.js}

@@ -7,18 +7,18 @@ import {
 } from "./chunk-V46BHM2U.js";
 
 // src/Form/Form.tsx
-import { useEffect as useEffect2 } from "react";
 import { useForm } from "react-hook-form";
 import { cn as cn2 } from "@fuf-stack/pixel-utils";
 
 // src/Form/subcomponents/FormDebugViewer.tsx
 import { useEffect, useState } from "react";
 import { FaTimes } from "react-icons/fa";
-import { FaBug } from "react-icons/fa6";
+import { FaBug, FaBullseye } from "react-icons/fa6";
 import { cn } from "@fuf-stack/pixel-utils";
 import { Button, Card, Json, useLocalStorage } from "@fuf-stack/pixels";
 import { jsx, jsxs } from "react/jsx-runtime";
 var LOCALSTORAGE_DEBUG_KEY = "uniform:form-debug-enabled";
+var LOCALSTORAGE_COPY_TEST_ID_KEY = "uniform:form-debug-copy-test-id-enabled";
 var FormDebugViewer = ({ className = void 0 }) => {
   const {
     watch,
@@ -26,6 +26,10 @@ var FormDebugViewer = ({ className = void 0 }) => {
     validation
   } = useFormContext();
   const [debug, setDebug] = useLocalStorage(LOCALSTORAGE_DEBUG_KEY, false);
+  const [copyTestId, setCopyTestId] = useLocalStorage(
+    LOCALSTORAGE_COPY_TEST_ID_KEY,
+    false
+  );
   const [validationErrors, setValidationErrors] = useState(null);
   const formValues = watch();
   useEffect(
@@ -53,7 +57,7 @@ var FormDebugViewer = ({ className = void 0 }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     Card,
     {
       className: cn(className),
@@ -69,18 +73,30 @@ var FormDebugViewer = ({ className = void 0 }) => {
           }
         )
       ] }),
-      children: /* @__PURE__ */ jsx(
-        Json,
-        {
-          value: {
-            values: formValues,
-            errors: validationErrors,
-            dirtyFields,
-            isValid,
-            isSubmitting
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: copyTestId ? "solid" : "light",
+            icon: /* @__PURE__ */ jsx(FaBullseye, {}),
+            className: "mb-4 ml-auto mr-auto",
+            onClick: () => setCopyTestId(!copyTestId),
+            children: copyTestId ? "Hide CopyButton" : "Show CopyButton"
           }
-        }
-      )
+        ),
+        /* @__PURE__ */ jsx(
+          Json,
+          {
+            value: {
+              values: formValues,
+              errors: validationErrors,
+              dirtyFields,
+              isValid,
+              isSubmitting
+            }
+          }
+        )
+      ]
     }
   );
 };
@@ -116,20 +132,11 @@ var Form = ({
       },
       // set rhf mode
       // see: https://react-hook-form.com/docs/useform#mode
-      mode: validationTrigger === "all-instant" ? "all" : validationTrigger
+      mode: validationTrigger
     } : {
       defaultValues: initialValues
     }
   );
-  useEffect2(
-    () => {
-      if (validationTrigger === "all-instant") {
-        methods.trigger();
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [validationTrigger]
-  );
   return (
     // eslint-disable-next-line react/jsx-props-no-spreading
     /* @__PURE__ */ jsx2(FormContext_default, { ...methods, validation, children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-row justify-between gap-6", children: [
@@ -156,4 +163,4 @@ export {
   Form_default,
   Form_default2
 };
-//# sourceMappingURL=chunk-KFRKKWZT.js.map
+//# sourceMappingURL=chunk-Y4CFVCUN.js.map

package/dist/chunk-Y4CFVCUN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Form/Form.tsx","../src/Form/subcomponents/FormDebugViewer.tsx","../src/Form/index.ts"],"sourcesContent":["import type { VetoInstance } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\nimport type { FieldValues, SubmitHandler } from 'react-hook-form';\n\nimport { useForm } from 'react-hook-form';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { slugify } from '../helpers';\nimport FormProvider from './subcomponents/FormContext';\nimport FormDebugViewer from './subcomponents/FormDebugViewer';\n\n/**\n * recursively removes all fields that are null or undefined before\n * the form data is passed to the veto validation function\n */\nexport const removeNullishFields = (obj: Record<string, unknown>) => {\n  return JSON.parse(\n    JSON.stringify(obj, (_key, value) => {\n      return value === null ? undefined : value;\n    }),\n  );\n};\n\nexport interface FormProps {\n  /** form children */\n  children: ReactNode | ReactNode[];\n  /** CSS class name */\n  className?: string | string[];\n  /** initial form values */\n  initialValues?: FieldValues;\n  /** name of the form */\n  name?: string;\n  /** form submit handler */\n  onSubmit: SubmitHandler<FieldValues>;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** veto validation schema */\n  validation?: VetoInstance;\n  /** when the validation should be triggered */\n  validationTrigger?: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n}\n\n/**\n * Form component that has to wrap every uniform\n */\nconst Form = ({\n  children,\n  className = undefined,\n  initialValues = undefined,\n  name = undefined,\n  onSubmit,\n  testId = undefined,\n  validation = undefined,\n  validationTrigger = 'all',\n}: FormProps) => {\n  const methods = useForm(\n    validation\n      ? {\n          defaultValues: initialValues,\n          resolver: async (values) => {\n            const { data, errors, ...rest } = await validation.validateAsync(\n              removeNullishFields(values),\n            );\n            // https://github.com/react-hook-form/resolvers/blob/master/zod/src/zod.ts\n            return { values: data || {}, errors: errors || {}, ...rest };\n          },\n          // set rhf mode\n          // see: https://react-hook-form.com/docs/useform#mode\n          mode: validationTrigger,\n        }\n      : {\n          defaultValues: initialValues,\n        },\n  );\n\n  return (\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    <FormProvider {...methods} validation={validation}>\n      <div className=\"flex w-full flex-row justify-between gap-6\">\n        <form\n          className={cn('flex-grow', className)}\n          data-testid={slugify(testId || name || '')}\n          name={name}\n          onSubmit={methods.handleSubmit(onSubmit)}\n        >\n          {children}\n        </form>\n        <FormDebugViewer className=\"w-96 flex-shrink\" />\n      </div>\n    </FormProvider>\n  );\n};\n\nexport default Form;\n","import type { VetoError } from '@fuf-stack/veto';\n\nimport { useEffect, useState } from 'react';\nimport { FaTimes } from 'react-icons/fa';\nimport { FaBug, FaBullseye } from 'react-icons/fa6';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button, Card, Json, useLocalStorage } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../../hooks';\n\ninterface FormDebugViewerProps {\n  /** CSS class name */\n  className?: string;\n}\n\nconst LOCALSTORAGE_DEBUG_KEY = 'uniform:form-debug-enabled';\nconst LOCALSTORAGE_COPY_TEST_ID_KEY = 'uniform:form-debug-copy-test-id-enabled';\n\n/** Renders a form debug panel with information about the current form state */\nconst FormDebugViewer = ({ className = undefined }: FormDebugViewerProps) => {\n  const {\n    watch,\n    formState: { dirtyFields, isValid, isSubmitting },\n    validation,\n  } = useFormContext();\n\n  const [debug, setDebug] = useLocalStorage(LOCALSTORAGE_DEBUG_KEY, false);\n  const [copyTestId, setCopyTestId] = useLocalStorage(\n    LOCALSTORAGE_COPY_TEST_ID_KEY,\n    false,\n  );\n\n  const [validationErrors, setValidationErrors] = useState<\n    VetoError['errors'] | null\n  >(null);\n\n  const formValues = watch();\n\n  useEffect(\n    () => {\n      const updateValidationErrors = async () => {\n        if (validation) {\n          const validateResult = await validation?.validateAsync(formValues);\n          setValidationErrors(validateResult?.errors);\n        }\n      };\n      updateValidationErrors();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [JSON.stringify(formValues)],\n  );\n\n  if (!debug) {\n    return (\n      <Button\n        ariaLabel=\"Enable form debug mode\"\n        onClick={() => setDebug(!debug)}\n        className=\"absolute bottom-2.5 right-2.5 w-5 text-default-400\"\n        variant=\"light\"\n        icon={<FaBug />}\n      />\n    );\n  }\n\n  return (\n    <Card\n      className={cn(className)}\n      header={\n        <div className=\"flex w-full flex-row justify-between\">\n          <span className=\"text-lg\">Debug Mode</span>\n          <Button\n            icon={<FaTimes className=\"text-danger\" />}\n            onClick={() => setDebug(false)}\n            size=\"sm\"\n            variant=\"flat\"\n          />\n        </div>\n      }\n    >\n      <Button\n        variant={copyTestId ? 'solid' : 'light'}\n        icon={<FaBullseye />}\n        className=\"mb-4 ml-auto mr-auto\"\n        onClick={() => setCopyTestId(!copyTestId)}\n      >\n        {copyTestId ? 'Hide CopyButton' : 'Show CopyButton'}\n      </Button>\n      <Json\n        value={{\n          values: formValues,\n          errors: validationErrors,\n          dirtyFields,\n          isValid,\n          isSubmitting,\n        }}\n      />\n    </Card>\n  );\n};\nexport default FormDebugViewer;\n","import Form from './Form';\n\nexport type { FormProps } from './Form';\n\nexport { Form };\n\nexport default Form;\n"],"mappings":"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","names":["cn","jsx","jsxs","cn","Form_default"]}

package/dist/chunk-YAVU7ZYD.js

@@ -0,0 +1,239 @@
+import {
+  FieldCopyTestIdButton_default
+} from "./chunk-T3CCNJHK.js";
+import {
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
+import {
+  useFormContext
+} from "./chunk-BCMPSLSG.js";
+
+// src/Select/Select.tsx
+import { Controller } from "react-hook-form";
+import ReactSelect, { components } from "react-select";
+import { useSelect } from "@nextui-org/select";
+import { cn, tv } from "@fuf-stack/pixel-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InputComponent = (props) => {
+  const testId = `${props.selectProps["data-testid"]}_input`;
+  return /* @__PURE__ */ jsx(components.Input, { "data-testid": testId, ...props });
+};
+var OptionComponent = (props) => {
+  const testId = `${props.selectProps["data-testid"]}_option_${props?.data?.testId ?? props?.data?.value}`;
+  return /* @__PURE__ */ jsx("div", { "data-testid": testId, children: /* @__PURE__ */ jsx(components.Option, { ...props }) });
+};
+var DropdownIndicatorComponent = (props) => {
+  const testId = props?.selectProps["data-testid"];
+  return /* @__PURE__ */ jsx("div", { "data-testid": `${testId}_dropdown`, children: /* @__PURE__ */ jsx(components.DropdownIndicator, { ...props }) });
+};
+var selectVariants = tv({
+  slots: {
+    clearIndicator: "rounded-md p-1 text-neutral-500 hover:cursor-pointer hover:bg-gray-200 hover:text-neutral-800 hover:dark:bg-default-200 hover:dark:text-default-500",
+    control: "rounded-lg border-2 border-gray-200 shadow-sm !duration-150 transition-background hover:border-gray-400 motion-reduce:transition-none dark:border-default-200 hover:dark:border-default-400 focus:dark:border-default-400",
+    crossIcon: "",
+    downChevron: "",
+    dropdownIndicator: "rounded-md p-1 text-neutral-500 hover:cursor-pointer hover:bg-gray-200 hover:text-black hover:dark:bg-default-200 hover:dark:text-default-500",
+    group: "",
+    groupHeading: "mb-1 ml-3 mt-2 text-sm text-neutral-500",
+    indicatorsContainer: "gap-1 p-1",
+    indicatorSeparator: "bg-gray-300 dark:bg-default-300",
+    input: "py-0.5 pl-1",
+    loadingIndicator: "",
+    loadingMessage: "",
+    menu: "mt-2 rounded-xl border border-gray-200 bg-default-50 p-1 shadow-sm dark:border-gray-900 dark:bg-default-50",
+    menuList: "",
+    // ensure menu has same z-index as modal so it is visible when rendered in modal
+    // see: https://github.com/nextui-org/nextui/blob/main/packages/core/theme/src/components/modal.ts (see z-50)
+    menuPortal: "!z-50",
+    multiValue: "items-center gap-1.5 rounded bg-gray-100 py-0.5 pl-2 pr-1 dark:bg-default-100",
+    multiValueContainer: "",
+    multiValueLabel: "py-0.5 leading-6",
+    multiValueRemove: "rounded text-neutral-500 hover:cursor-pointer hover:border-gray-300 hover:text-neutral-800 hover:dark:bg-default-200 hover:dark:text-default-500",
+    noOptionsMessage: "rounded-sm bg-gray-50 p-2 text-neutral-500 dark:bg-default-100",
+    option: "rounded px-3 py-2 hover:cursor-pointer",
+    placeholder: "py-0.5 pl-1 text-neutral-500",
+    selectContainer: "",
+    singleValue: "!ml-1 !leading-7",
+    valueContainer: "gap-1 p-1"
+  },
+  variants: {
+    invalid: {
+      true: {
+        control: "border-danger hover:border-danger dark:border-danger hover:dark:border-danger"
+      }
+    },
+    focused: {
+      true: {
+        option: "bg-gray-100 active:bg-gray-200 dark:bg-default-100 dark:active:bg-default-200"
+      }
+    },
+    optionSelected: {
+      true: { option: "bg-gray-300 dark:bg-default-300" }
+    }
+  }
+});
+var Select = ({
+  className = void 0,
+  clearable = true,
+  disabled = false,
+  filterOption = void 0,
+  inputValue = void 0,
+  label: _label = void 0,
+  loading = false,
+  multiSelect = false,
+  name,
+  onInputChange = void 0,
+  options,
+  placeholder = void 0,
+  testId: _testId = void 0
+}) => {
+  const { control, getFieldState } = useFormContext();
+  const { error, invalid, required, testId } = getFieldState(name, _testId);
+  const {
+    label,
+    getLabelProps,
+    getTriggerProps,
+    getValueProps,
+    getHelperWrapperProps,
+    getErrorMessageProps
+  } = useSelect({
+    isLoading: loading,
+    isInvalid: invalid,
+    isRequired: required,
+    isDisabled: disabled,
+    errorMessage: JSON.stringify(error),
+    label: _label,
+    labelPlacement: "outside",
+    children: []
+  });
+  const {
+    clearIndicator: clearIndicatorSlot,
+    control: controlSlot,
+    dropdownIndicator: dropdownIndicatorSlot,
+    groupHeading: groupHeadingSlot,
+    indicatorsContainer: indicatorContainerSlot,
+    indicatorSeparator: indicatorSeparatorSlot,
+    input: inputSlot,
+    menu: menuSlot,
+    menuPortal: menuPortalSlot,
+    multiValue: multiValueSlot,
+    multiValueLabel: multiValueLabelSlot,
+    multiValueRemove: multiValueRemoveSlot,
+    noOptionsMessage: noOptionsMessageSlot,
+    option: optionSlot,
+    placeholder: placeholderSlot,
+    singleValue: singleValueSlot,
+    valueContainer: valueContainerSlot
+  } = selectVariants({ invalid });
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      render: ({
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        field: { onChange, value, ref, onBlur }
+      }) => /* @__PURE__ */ jsxs("div", { className: cn(className, "mt-2"), "data-testid": `${testId}_select`, children: [
+        label && /* @__PURE__ */ jsxs(
+          "label",
+          {
+            htmlFor: `react-select-${name}-input`,
+            className: `${getLabelProps().className} !pointer-events-auto !static -mb-1 ml-1`,
+            children: [
+              label,
+              /* @__PURE__ */ jsx(FieldCopyTestIdButton_default, { testId })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ReactSelect,
+          {
+            "aria-errormessage": "",
+            "aria-invalid": invalid,
+            "data-testid": `${testId}_select`,
+            ...() => {
+              const { className: _className, ...rest } = getTriggerProps();
+              return rest;
+            },
+            "aria-labelledby": getTriggerProps()["aria-labelledby"]?.split(" ")[1],
+            classNames: {
+              control: ({ isFocused }) => (
+                // border focus style
+                controlSlot({
+                  className: !invalid && isFocused && "!border-primary"
+                })
+              ),
+              placeholder: () => placeholderSlot(),
+              input: () => inputSlot(),
+              valueContainer: () => valueContainerSlot(),
+              singleValue: () => singleValueSlot({
+                className: `${getValueProps().className}`
+              }),
+              multiValue: () => multiValueSlot(),
+              multiValueLabel: () => multiValueLabelSlot({
+                className: `${getValueProps().className}`
+              }),
+              multiValueRemove: () => multiValueRemoveSlot(),
+              indicatorsContainer: () => indicatorContainerSlot(),
+              clearIndicator: () => clearIndicatorSlot(),
+              indicatorSeparator: () => indicatorSeparatorSlot(),
+              dropdownIndicator: () => dropdownIndicatorSlot(),
+              menu: () => menuSlot(),
+              groupHeading: () => groupHeadingSlot(),
+              option: ({ isFocused, isSelected }) => optionSlot({
+                focused: isFocused,
+                optionSelected: isSelected
+              }),
+              noOptionsMessage: () => noOptionsMessageSlot(),
+              menuPortal: () => menuPortalSlot()
+            },
+            components: {
+              Input: InputComponent,
+              Option: OptionComponent,
+              DropdownIndicator: DropdownIndicatorComponent
+            },
+            filterOption,
+            instanceId: name,
+            inputValue,
+            isClearable: clearable,
+            isDisabled: disabled,
+            isLoading: loading,
+            isMulti: multiSelect,
+            options,
+            placeholder,
+            unstyled: true,
+            onChange: (option) => {
+              if (multiSelect) {
+                const transformedOptions = [];
+                option?.forEach((o) => {
+                  transformedOptions.push(o.value);
+                });
+                onChange(transformedOptions);
+              } else {
+                onChange(option && option.value);
+              }
+            },
+            onInputChange,
+            menuPortalTarget: document.getElementById("modal_body")?.parentNode?.parentNode || document.body,
+            value: options.find((option) => option.value === value),
+            onBlur,
+            name,
+            ref
+          }
+        ),
+        error && // eslint-disable-next-line react/jsx-props-no-spreading
+        /* @__PURE__ */ jsx("div", { ...getHelperWrapperProps(), children: /* @__PURE__ */ jsx("div", { ...getErrorMessageProps(), children: /* @__PURE__ */ jsx(FieldValidationError_default, { error }) }) })
+      ] })
+    }
+  );
+};
+var Select_default = Select;
+
+// src/Select/index.ts
+var Select_default2 = Select_default;
+
+export {
+  Select_default,
+  Select_default2
+};
+//# sourceMappingURL=chunk-YAVU7ZYD.js.map

package/dist/chunk-YAVU7ZYD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Select/Select.tsx","../src/Select/index.ts"],"sourcesContent":["import type { Props } from 'react-select';\n\nimport { Controller } from 'react-hook-form';\nimport ReactSelect, { components } from 'react-select';\n\nimport { useSelect } from '@nextui-org/select';\n\nimport { cn, tv } from '@fuf-stack/pixel-utils';\n\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\ntype SelectOption = {\n  /** option label */\n  label?: React.ReactNode;\n  /** option value */\n  value: string;\n};\n\nexport interface SelectProps {\n  /** CSS class name */\n  className?: string; // string;\n  /** Determine if the  */\n  clearable?: boolean;\n  /** Set the select to disabled state. */\n  disabled?: boolean;\n\n  filterOption?:\n    | undefined\n    | ((option?: SelectOption, inputValue?: string) => boolean);\n  /** The value of the search input */\n  inputValue?: string;\n  /** Label that should be associated with the select. */\n  label?: React.ReactNode;\n  /** Set the select to a loading state. */\n  loading?: boolean;\n  /** switch between single and multi select mode. */\n  multiSelect?: boolean;\n  /** The name for the Select component, used by react-hook-form */\n  name: string;\n  /** Placeholder that is displayed when nothing is selected */\n  placeholder?: string;\n  /** The options for the Select component */\n  options: SelectOption[];\n  /** Handle change events on the input */\n  onInputChange?: Props['onInputChange'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst InputComponent: typeof components.Input = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/prop-types, react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}_input`;\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  return <components.Input data-testid={testId} {...props} />;\n};\n\nconst OptionComponent: typeof components.Option = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/prop-types, react/destructuring-assignment\n  const testId = `${props.selectProps['data-testid']}_option_${props?.data?.testId ?? props?.data?.value}`;\n  return (\n    <div data-testid={testId}>\n      {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n      <components.Option {...props} />\n    </div>\n  );\n};\n\nconst DropdownIndicatorComponent: typeof components.DropdownIndicator = (\n  props,\n) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/prop-types\n  const testId = props?.selectProps['data-testid'] as string;\n  return (\n    <div data-testid={`${testId}_dropdown`}>\n      {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n      <components.DropdownIndicator {...props} />\n    </div>\n  );\n};\n\nexport const selectVariants = tv({\n  slots: {\n    clearIndicator:\n      'rounded-md p-1 text-neutral-500 hover:cursor-pointer hover:bg-gray-200 hover:text-neutral-800 hover:dark:bg-default-200 hover:dark:text-default-500',\n    control:\n      'rounded-lg border-2 border-gray-200 shadow-sm !duration-150 transition-background hover:border-gray-400 motion-reduce:transition-none dark:border-default-200 hover:dark:border-default-400 focus:dark:border-default-400',\n    crossIcon: '',\n    downChevron: '',\n    dropdownIndicator:\n      'rounded-md p-1 text-neutral-500 hover:cursor-pointer hover:bg-gray-200 hover:text-black hover:dark:bg-default-200 hover:dark:text-default-500',\n    group: '',\n    groupHeading: 'mb-1 ml-3 mt-2 text-sm text-neutral-500',\n    indicatorsContainer: 'gap-1 p-1',\n    indicatorSeparator: 'bg-gray-300 dark:bg-default-300',\n    input: 'py-0.5 pl-1',\n    loadingIndicator: '',\n    loadingMessage: '',\n    menu: 'mt-2 rounded-xl border border-gray-200 bg-default-50 p-1 shadow-sm dark:border-gray-900 dark:bg-default-50',\n    menuList: '',\n    // ensure menu has same z-index as modal so it is visible when rendered in modal\n    // see: https://github.com/nextui-org/nextui/blob/main/packages/core/theme/src/components/modal.ts (see z-50)\n    menuPortal: '!z-50',\n    multiValue:\n      'items-center gap-1.5 rounded bg-gray-100 py-0.5 pl-2 pr-1 dark:bg-default-100',\n    multiValueContainer: '',\n    multiValueLabel: 'py-0.5 leading-6',\n    multiValueRemove:\n      'rounded text-neutral-500 hover:cursor-pointer hover:border-gray-300 hover:text-neutral-800 hover:dark:bg-default-200 hover:dark:text-default-500',\n    noOptionsMessage:\n      'rounded-sm bg-gray-50 p-2 text-neutral-500 dark:bg-default-100',\n    option: 'rounded px-3 py-2 hover:cursor-pointer',\n    placeholder: 'py-0.5 pl-1 text-neutral-500',\n    selectContainer: '',\n    singleValue: '!ml-1 !leading-7',\n    valueContainer: 'gap-1 p-1',\n  },\n  variants: {\n    invalid: {\n      true: {\n        control:\n          'border-danger hover:border-danger dark:border-danger hover:dark:border-danger',\n      },\n    },\n    focused: {\n      true: {\n        option:\n          'bg-gray-100 active:bg-gray-200 dark:bg-default-100 dark:active:bg-default-200',\n      },\n    },\n    optionSelected: {\n      true: { option: 'bg-gray-300 dark:bg-default-300' },\n    },\n  },\n});\n\n/** Select component based on [NextUI Select](https://nextui.org/docs/components/select) and [React-Select](https://react-select.com/home) */\nconst Select = ({\n  className = undefined,\n  clearable = true,\n  disabled = false,\n  filterOption = undefined,\n  inputValue = undefined,\n  label: _label = undefined,\n  loading = false,\n  multiSelect = false,\n  name,\n  onInputChange = undefined,\n  options,\n  placeholder = undefined,\n  testId: _testId = undefined,\n}: SelectProps) => {\n  const { control, getFieldState } = useFormContext();\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  const {\n    label,\n    getLabelProps,\n    getTriggerProps,\n    getValueProps,\n    getHelperWrapperProps,\n    getErrorMessageProps,\n  } = useSelect({\n    isLoading: loading,\n    isInvalid: invalid,\n    isRequired: required,\n    isDisabled: disabled,\n    errorMessage: JSON.stringify(error),\n    label: _label,\n    labelPlacement: 'outside',\n    children: [],\n  });\n\n  const {\n    clearIndicator: clearIndicatorSlot,\n    control: controlSlot,\n    dropdownIndicator: dropdownIndicatorSlot,\n    groupHeading: groupHeadingSlot,\n    indicatorsContainer: indicatorContainerSlot,\n    indicatorSeparator: indicatorSeparatorSlot,\n    input: inputSlot,\n    menu: menuSlot,\n    menuPortal: menuPortalSlot,\n    multiValue: multiValueSlot,\n    multiValueLabel: multiValueLabelSlot,\n    multiValueRemove: multiValueRemoveSlot,\n    noOptionsMessage: noOptionsMessageSlot,\n    option: optionSlot,\n    placeholder: placeholderSlot,\n    singleValue: singleValueSlot,\n    valueContainer: valueContainerSlot,\n  } = selectVariants({ invalid });\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        field: { onChange, value, ref, onBlur },\n      }) => (\n        <div className={cn(className, 'mt-2')} data-testid={`${testId}_select`}>\n          {label && (\n            <label\n              htmlFor={`react-select-${name}-input`} // {getTriggerProps().id}\n              className={`${getLabelProps().className} !pointer-events-auto !static -mb-1 ml-1`}\n            >\n              {label}\n              <FieldCopyTestIdButton testId={testId} />\n            </label>\n          )}\n          <ReactSelect\n            aria-errormessage=\"\"\n            aria-invalid={invalid}\n            // Does not affect the testId of the select, but is needed to pass it to sub-components\n            data-testid={`${testId}_select`}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...() => {\n              // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/naming-convention\n              const { className: _className, ...rest } = getTriggerProps();\n              return rest;\n            }}\n            aria-labelledby={\n              getTriggerProps()['aria-labelledby']?.split(' ')[1]\n            }\n            classNames={{\n              control: ({ isFocused }) =>\n                // border focus style\n                controlSlot({\n                  className: !invalid && isFocused && '!border-primary',\n                }),\n              placeholder: () => placeholderSlot(),\n              input: () => inputSlot(),\n              valueContainer: () => valueContainerSlot(),\n              singleValue: () =>\n                singleValueSlot({\n                  className: `${getValueProps().className}`,\n                }),\n              multiValue: () => multiValueSlot(),\n              multiValueLabel: () =>\n                multiValueLabelSlot({\n                  className: `${getValueProps().className}`,\n                }),\n              multiValueRemove: () => multiValueRemoveSlot(),\n              indicatorsContainer: () => indicatorContainerSlot(),\n              clearIndicator: () => clearIndicatorSlot(),\n              indicatorSeparator: () => indicatorSeparatorSlot(),\n              dropdownIndicator: () => dropdownIndicatorSlot(),\n              menu: () => menuSlot(),\n              groupHeading: () => groupHeadingSlot(),\n              option: ({ isFocused, isSelected }) =>\n                optionSlot({\n                  focused: isFocused,\n                  optionSelected: isSelected,\n                }),\n              noOptionsMessage: () => noOptionsMessageSlot(),\n              menuPortal: () => menuPortalSlot(),\n            }}\n            components={{\n              Input: InputComponent,\n              Option: OptionComponent,\n              DropdownIndicator: DropdownIndicatorComponent,\n            }}\n            filterOption={filterOption}\n            instanceId={name}\n            inputValue={inputValue}\n            isClearable={clearable}\n            isDisabled={disabled}\n            isLoading={loading}\n            isMulti={multiSelect}\n            options={options}\n            placeholder={placeholder}\n            unstyled\n            onChange={(option) => {\n              if (multiSelect) {\n                const transformedOptions: string[] = [];\n                // @ts-expect-error in this case option is an array.\n                option?.forEach((o: { value: string }) => {\n                  transformedOptions.push(o.value);\n                });\n                onChange(transformedOptions);\n              } else {\n                // @ts-expect-error in this case option is of type SelectOption and has the property value.\n                onChange(option && option.value);\n              }\n            }}\n            onInputChange={onInputChange}\n            // attach menu modal or body so it works in card and modal\n            menuPortalTarget={\n              (document.getElementById('modal_body')?.parentNode\n                ?.parentNode as HTMLElement) || document.body\n            }\n            value={options.find((option) => option.value === value)}\n            onBlur={onBlur}\n            name={name}\n            ref={ref}\n          />\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        </div>\n      )}\n    />\n  );\n};\n\nexport default Select;\n","import Select from './Select';\n\nexport type { SelectProps } from './Select';\n\nexport { Select };\n\nexport default Select;\n"],"mappings":"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","names":["Select_default"]}

package/dist/helpers/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/helpers/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B;AACE;AACF,4CAAC","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/helpers/index.cjs"}

package/dist/hooks/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/hooks/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,uIAAC","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/hooks/index.cjs"}

package/dist/hooks/index.d.cts

@@ -19,7 +19,7 @@ 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>>;
+        validateAsync: <InputType extends _fuf_stack_veto.VetoInput>(input: InputType) => Promise<_fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<any>>;
     } | 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

@@ -19,7 +19,7 @@ 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>>;
+        validateAsync: <InputType extends _fuf_stack_veto.VetoInput>(input: InputType) => Promise<_fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<any>>;
     } | undefined;
     formState: react_hook_form.FormState<react_hook_form.FieldValues>;
     watch: react_hook_form.UseFormWatch<react_hook_form.FieldValues>;

package/dist/index.cjs

@@ -1,18 +1,36 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkBNTEIMNYcjs = require('./chunk-BNTEIMNY.cjs');
+var _chunkWRYE2CF5cjs = require('./chunk-WRYE2CF5.cjs');
+
+
+var _chunkJR7MAHBRcjs = require('./chunk-JR7MAHBR.cjs');
+
+
+var _chunk53AGVLUGcjs = require('./chunk-53AGVLUG.cjs');
+
+
+var _chunkJFCOC5TWcjs = require('./chunk-JFCOC5TW.cjs');
 
 
 var _chunk6GN255GPcjs = require('./chunk-6GN255GP.cjs');
 
 
-var _chunk2CKPLOCKcjs = require('./chunk-2CKPLOCK.cjs');
+var _chunkFASB7HG3cjs = require('./chunk-FASB7HG3.cjs');
+
+
+var _chunkOSEU4ZUEcjs = require('./chunk-OSEU4ZUE.cjs');
+
+
+var _chunkWNESYY6Ecjs = require('./chunk-WNESYY6E.cjs');
+
+
+var _chunkKMMS4G7Acjs = require('./chunk-KMMS4G7A.cjs');
 
 
 var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
 
 
-var _chunkAGAYQTFDcjs = require('./chunk-AGAYQTFD.cjs');
+var _chunkXJ3JTLXZcjs = require('./chunk-XJ3JTLXZ.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 = _chunk53AGVLUGcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkKMMS4G7Acjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkQTL5FREEcjs.FieldValidationError_default; exports.Form = _chunkJFCOC5TWcjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunkFASB7HG3cjs.Input_default; exports.RadioGroup = _chunkOSEU4ZUEcjs.RadioGroup_default; exports.Select = _chunkWNESYY6Ecjs.Select_default; exports.SubmitButton = _chunkXJ3JTLXZcjs.SubmitButton_default; exports.Switch = _chunkJR7MAHBRcjs.Switch_default; exports.TextArea = _chunkWRYE2CF5cjs.TextArea_default; exports.recursiveFieldKeySearch = _chunkWQRM7G4Ccjs.recursiveFieldKeySearch; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFormContext = _chunkWQRM7G4Ccjs.useFormContext;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,qzBAAC","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/index.cjs"}

package/dist/index.d.cts

@@ -1,15 +1,21 @@
-export { F as Form, a as FormProps } from './Form-Bv0R3QNk.cjs';
+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-nJbG1hNH.cjs';
 export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.cjs';
 export { slugify } from './helpers/index.cjs';
 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,15 +1,21 @@
-export { F as Form, a as FormProps } from './Form-Bv0R3QNk.js';
+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-nJbG1hNH.js';
 export { G as Grid, a as GridProps } from './Grid-DF3L9NF3.js';
 export { slugify } from './helpers/index.js';
 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,18 +1,36 @@
+import {
+  TextArea_default
+} from "./chunk-KC3PZFGE.js";
+import {
+  Switch_default
+} from "./chunk-3SSUEUB5.js";
+import {
+  FieldArray_default
+} from "./chunk-57OFVPRD.js";
 import {
   Form_default
-} from "./chunk-KFRKKWZT.js";
+} from "./chunk-Y4CFVCUN.js";
 import {
   Grid_default
 } from "./chunk-PDCEKC3G.js";
 import {
   Input_default
-} from "./chunk-OYXZQOGU.js";
+} from "./chunk-BGSQU5EH.js";
+import {
+  RadioGroup_default
+} from "./chunk-3K4JQTPQ.js";
+import {
+  Select_default
+} from "./chunk-YAVU7ZYD.js";
+import {
+  FieldCopyTestIdButton_default
+} from "./chunk-T3CCNJHK.js";
 import {
   FieldValidationError_default
 } from "./chunk-DBLODROX.js";
 import {
   SubmitButton_default
-} from "./chunk-5FMJUJ7H.js";
+} from "./chunk-QD6IQL6U.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/dist/partials/FieldCopyTestIdButton/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkHT3LKDHXcjs = require('../../chunk-HT3LKDHX.cjs');
+var _chunkKMMS4G7Acjs = require('../../chunk-KMMS4G7A.cjs');
 
 
 
-exports.FieldCopyTestIdButton = _chunkHT3LKDHXcjs.FieldCopyTestIdButton_default; exports.default = _chunkHT3LKDHXcjs.FieldCopyTestIdButton_default2;
+exports.FieldCopyTestIdButton = _chunkKMMS4G7Acjs.FieldCopyTestIdButton_default; exports.default = _chunkKMMS4G7Acjs.FieldCopyTestIdButton_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/partials/FieldCopyTestIdButton/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/partials/FieldCopyTestIdButton/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC;AACE;AACA;AACF,oJAAC","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/partials/FieldCopyTestIdButton/index.cjs"}

package/dist/partials/FieldCopyTestIdButton/index.js

@@ -1,7 +1,7 @@
 import {
   FieldCopyTestIdButton_default,
   FieldCopyTestIdButton_default2
-} from "../../chunk-OV5RMSYD.js";
+} from "../../chunk-T3CCNJHK.js";
 export {
   FieldCopyTestIdButton_default as FieldCopyTestIdButton,
   FieldCopyTestIdButton_default2 as default

package/dist/partials/FieldValidationError/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/partials/FieldValidationError/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,iJAAC","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/partials/FieldValidationError/index.cjs"}