@fuf-stack/uniform 0.9.3 → 0.9.5

package/dist/Select/index.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkCVLA7A3Ycjs = require('../chunk-CVLA7A3Y.cjs');
+var _chunkQVBZ5RLNcjs = require('../chunk-QVBZ5RLN.cjs');
 require('../chunk-KMMS4G7A.cjs');
 require('../chunk-QTL5FREE.cjs');
 require('../chunk-LDCRR7FP.cjs');
@@ -9,5 +9,5 @@ require('../chunk-BBB4FEY6.cjs');
 
 
 
-exports.Select = _chunkCVLA7A3Ycjs.Select_default; exports.default = _chunkCVLA7A3Ycjs.Select_default2;
+exports.Select = _chunkQVBZ5RLNcjs.Select_default; exports.default = _chunkQVBZ5RLNcjs.Select_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Select/index.d.cts

@@ -1,5 +1,5 @@
-import { S as Select } from '../Select-zUYKczzn.cjs';
-export { a as SelectProps } from '../Select-zUYKczzn.cjs';
+import { S as Select } from '../Select-C08Oftdr.cjs';
+export { a as SelectProps } from '../Select-C08Oftdr.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Select/index.d.ts

@@ -1,5 +1,5 @@
-import { S as Select } from '../Select-zUYKczzn.js';
-export { a as SelectProps } from '../Select-zUYKczzn.js';
+import { S as Select } from '../Select-C08Oftdr.js';
+export { a as SelectProps } from '../Select-C08Oftdr.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';

package/dist/Select/index.js

@@ -1,7 +1,7 @@
 import {
   Select_default,
   Select_default2
-} from "../chunk-VEYDHNYQ.js";
+} from "../chunk-I5M2A3MN.js";
 import "../chunk-T3CCNJHK.js";
 import "../chunk-DBLODROX.js";
 import "../chunk-HWDQZO7X.js";

package/dist/{Select-zUYKczzn.d.cts → Select-C08Oftdr.d.cts}

@@ -28,6 +28,7 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
     loadingMessage: string;
     menu: string;
     menuList: string;
+    menuPortal: string;
     multiValue: string;
     multiValueContainer: string;
     multiValueLabel: string;
@@ -76,6 +77,7 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
     loadingMessage: string;
     menu: string;
     menuList: string;
+    menuPortal: string;
     multiValue: string;
     multiValueContainer: string;
     multiValueLabel: string;
@@ -112,6 +114,7 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
     loadingMessage: string;
     menu: string;
     menuList: string;
+    menuPortal: string;
     multiValue: string;
     multiValueContainer: string;
     multiValueLabel: string;

package/dist/{Select-zUYKczzn.d.ts → Select-C08Oftdr.d.ts}

@@ -28,6 +28,7 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
     loadingMessage: string;
     menu: string;
     menuList: string;
+    menuPortal: string;
     multiValue: string;
     multiValueContainer: string;
     multiValueLabel: string;
@@ -76,6 +77,7 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
     loadingMessage: string;
     menu: string;
     menuList: string;
+    menuPortal: string;
     multiValue: string;
     multiValueContainer: string;
     multiValueLabel: string;
@@ -112,6 +114,7 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
     loadingMessage: string;
     menu: string;
     menuList: string;
+    menuPortal: string;
     multiValue: string;
     multiValueContainer: string;
     multiValueLabel: string;

package/dist/Switch/index.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk3XNW2VQ7cjs = require('../chunk-3XNW2VQ7.cjs');
+var _chunkINTLZONVcjs = require('../chunk-INTLZONV.cjs');
 require('../chunk-KMMS4G7A.cjs');
 require('../chunk-QTL5FREE.cjs');
 require('../chunk-LDCRR7FP.cjs');
@@ -9,5 +9,5 @@ require('../chunk-BBB4FEY6.cjs');
 
 
 
-exports.Switch = _chunk3XNW2VQ7cjs.Switch_default; exports.default = _chunk3XNW2VQ7cjs.Switch_default2;
+exports.Switch = _chunkINTLZONVcjs.Switch_default; exports.default = _chunkINTLZONVcjs.Switch_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Switch/index.d.cts

@@ -1,5 +1,5 @@
-import { S as Switch } from '../Switch-DmjDKgKs.cjs';
-export { a as SwitchProps } from '../Switch-DmjDKgKs.cjs';
+import { S as Switch } from '../Switch-OkO3GdPy.cjs';
+export { a as SwitchProps } from '../Switch-OkO3GdPy.cjs';
 import 'react/jsx-runtime';
 
 

package/dist/Switch/index.d.ts

@@ -1,5 +1,5 @@
-import { S as Switch } from '../Switch-DmjDKgKs.js';
-export { a as SwitchProps } from '../Switch-DmjDKgKs.js';
+import { S as Switch } from '../Switch-OkO3GdPy.js';
+export { a as SwitchProps } from '../Switch-OkO3GdPy.js';
 import 'react/jsx-runtime';
 
 

package/dist/Switch/index.js

@@ -1,7 +1,7 @@
 import {
   Switch_default,
   Switch_default2
-} from "../chunk-ZOVKQ7MN.js";
+} from "../chunk-AVKEYJH7.js";
 import "../chunk-T3CCNJHK.js";
 import "../chunk-DBLODROX.js";
 import "../chunk-HWDQZO7X.js";

package/dist/{Switch-DmjDKgKs.d.cts → Switch-OkO3GdPy.d.cts}

@@ -2,11 +2,11 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface SwitchProps {
     /** CSS class name */
-    className: string;
+    className?: string;
     /** whether the select should be disabled */
     disabled?: boolean;
     /** component displayed next to the switch. */
-    label: React.ReactNode;
+    label?: React.ReactNode;
     /** name the field is registered under */
     name: string;
     /** HTML data-testid attribute used in e2e tests */

package/dist/{Switch-DmjDKgKs.d.ts → Switch-OkO3GdPy.d.ts}

@@ -2,11 +2,11 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface SwitchProps {
     /** CSS class name */
-    className: string;
+    className?: string;
     /** whether the select should be disabled */
     disabled?: boolean;
     /** component displayed next to the switch. */
-    label: React.ReactNode;
+    label?: React.ReactNode;
     /** name the field is registered under */
     name: string;
     /** HTML data-testid attribute used in e2e tests */

package/dist/{chunk-ZOVKQ7MN.js → chunk-AVKEYJH7.js}

@@ -14,7 +14,7 @@ import { useInput } from "@nextui-org/input";
 import { Switch as NextSwitch } from "@nextui-org/switch";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Switch = ({
-  className,
+  className = void 0,
   disabled = false,
   label: _label = void 0,
   name,
@@ -78,4 +78,4 @@ export {
   Switch_default,
   Switch_default2
 };
-//# sourceMappingURL=chunk-ZOVKQ7MN.js.map
+//# sourceMappingURL=chunk-AVKEYJH7.js.map

package/dist/chunk-AVKEYJH7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Switch/Switch.tsx","../src/Switch/index.ts"],"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 = undefined,\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"],"mappings":";;;;;;;;;;;AAAA,SAAS,kBAAkB;AAE3B,SAAS,gBAAgB;AACzB,SAAS,UAAU,kBAAkB;AAkD7B,mBAmBM,KAlBJ,YADF;AA5BR,IAAM,SAAS,CAAC;AAAA,EACd,YAAY;AAAA,EACZ,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;","names":["Switch_default"]}

package/dist/{chunk-VEYDHNYQ.js → chunk-I5M2A3MN.js}

@@ -19,7 +19,7 @@ var selectVariants = tv({
   slots: {
     base: "",
     clearIndicator: "rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-foreground-800",
-    control: "rounded-lg border-2 border-default-200 shadow-sm !duration-150 transition-background hover:border-default-400 motion-reduce:transition-none",
+    control: "rounded-lg border-2 border-default-200 !duration-150 transition-background hover:border-default-400 motion-reduce:transition-none",
     control_focused: "border-primary hover:border-primary",
     crossIcon: "",
     downChevron: "",
@@ -32,8 +32,11 @@ var selectVariants = tv({
     label: "!pointer-events-auto relative bottom-2 ml-1 inline",
     loadingIndicator: "",
     loadingMessage: "",
-    menu: "mt-2 rounded-xl border border-default-200 bg-background p-1 shadow-lg",
+    menu: "mt-2 rounded-xl border border-default-200 bg-content1 p-1 shadow-lg",
     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-default-100 py-0.5 pl-2 pr-1",
     multiValueContainer: "",
     multiValueLabel: "py-0.5 leading-6",
@@ -153,6 +156,8 @@ var Select = ({
                     indicatorSeparator: () => classNames.indicatorSeparator,
                     input: () => classNames.input,
                     menu: () => classNames.menu,
+                    menuList: () => classNames.menuList,
+                    menuPortal: () => classNames.menuPortal,
                     multiValue: () => classNames.multiValue,
                     multiValueLabel: () => cn(
                       classNames.multiValueLabel,
@@ -232,4 +237,4 @@ export {
   Select_default,
   Select_default2
 };
-//# sourceMappingURL=chunk-VEYDHNYQ.js.map
+//# sourceMappingURL=chunk-I5M2A3MN.js.map

package/dist/chunk-I5M2A3MN.js.map

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

@@ -14,7 +14,7 @@ var _input = require('@nextui-org/input');
 var _switch = require('@nextui-org/switch');
 var _jsxruntime = require('react/jsx-runtime');
 var Switch = ({
-  className,
+  className = void 0,
   disabled = false,
   label: _label = void 0,
   name,
@@ -78,4 +78,4 @@ var Switch_default2 = Switch_default;
 
 
 exports.Switch_default = Switch_default; exports.Switch_default2 = Switch_default2;
-//# sourceMappingURL=chunk-3XNW2VQ7.cjs.map
+//# sourceMappingURL=chunk-INTLZONV.cjs.map

package/dist/chunk-INTLZONV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-INTLZONV.cjs","../src/Switch/Switch.tsx","../src/Switch/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACVA,gDAA2B;AAE3B,0CAAyB;AACzB,4CAAqC;AAkD7B,+CAAA;AA5BR,IAAM,OAAA,EAAS,CAAC;AAAA,EACd,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,SAAA,EAAW,KAAA;AAAA,EACX,KAAA,EAAO,OAAA,EAAS,KAAA,CAAA;AAAA,EAChB,IAAA;AAAA,EACA,MAAA,EAAQ,QAAA,EAAU,KAAA;AACpB,CAAA,EAAA,GAAmB;AACjB,EAAA,MAAM,EAAE,OAAA,EAAS,cAAc,EAAA,EAAI,8CAAA,CAAe;AAClD,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAU,MAAA,EAAQ,QAAQ,EAAA,EAAI,aAAA,CAAc,IAAA,EAAM,OAAO,CAAA;AAExE,EAAA,MAAM,EAAE,KAAA,EAAO,aAAA,EAAe,qBAAA,EAAuB,qBAAqB,EAAA,EACxE,6BAAA;AAAS,IACP,YAAA,EAAc,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA;AAAA,IAClC,SAAA,EAAW,OAAA;AAAA,IACX,UAAA,EAAY,QAAA;AAAA,IACZ,KAAA,EAAO,MAAA;AAAA,IACP,cAAA,EAAgB,SAAA;AAAA,IAChB,WAAA,EAAa;AAAA,EACf,CAAC,CAAA;AAEH,EAAA,uBACE,6BAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA,EAAQ,CAAC;AAAA,QACP,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,GAAA,EAAK,MAAA,EAAQ,SAAS;AAAA,MAC9D,CAAA,EAAA,mBACE,8BAAA,oBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,8BAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,kBAAA,EAAkB,aAAA,CAAc,CAAA,CAAE,kBAAkB,CAAA;AAAA,YACpD,QAAA;AAAA,YACA,UAAA,EAAY,CAAC,CAAC,KAAA;AAAA,YACd,SAAA;AAAA,YACA,UAAA,EAAY;AAAA,cACV,KAAA,EAAO,CAAA,yCAAA,EAA4C,QAAA,EAAU,cAAA,EAAgB,EAAE,CAAA;AAAA,YAAA;AACjF,YAAA;AACa,YAAA;AACb,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AAEC,cAAA;AAAA,cAAA;AAE2C,8BAAA;AAEL,YAAA;AAAA,UAAA;AAAA,QAAA;AACzC,QAAA;AACC,wBAAA;AAOC,MAAA;AAEJ,IAAA;AAAA,EAAA;AAIR;AAEA;ADnBA;AACA;AEnEA;AFqEA;AACA;AACA;AACA;AACA","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-INTLZONV.cjs","sourcesContent":[null,"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 = undefined,\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/{chunk-CVLA7A3Y.cjs → chunk-QVBZ5RLN.cjs}

@@ -19,7 +19,7 @@ var selectVariants = _pixelutils.tv.call(void 0, {
   slots: {
     base: "",
     clearIndicator: "rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-foreground-800",
-    control: "rounded-lg border-2 border-default-200 shadow-sm !duration-150 transition-background hover:border-default-400 motion-reduce:transition-none",
+    control: "rounded-lg border-2 border-default-200 !duration-150 transition-background hover:border-default-400 motion-reduce:transition-none",
     control_focused: "border-primary hover:border-primary",
     crossIcon: "",
     downChevron: "",
@@ -32,8 +32,11 @@ var selectVariants = _pixelutils.tv.call(void 0, {
     label: "!pointer-events-auto relative bottom-2 ml-1 inline",
     loadingIndicator: "",
     loadingMessage: "",
-    menu: "mt-2 rounded-xl border border-default-200 bg-background p-1 shadow-lg",
+    menu: "mt-2 rounded-xl border border-default-200 bg-content1 p-1 shadow-lg",
     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-default-100 py-0.5 pl-2 pr-1",
     multiValueContainer: "",
     multiValueLabel: "py-0.5 leading-6",
@@ -153,6 +156,8 @@ var Select = ({
                     indicatorSeparator: () => classNames.indicatorSeparator,
                     input: () => classNames.input,
                     menu: () => classNames.menu,
+                    menuList: () => classNames.menuList,
+                    menuPortal: () => classNames.menuPortal,
                     multiValue: () => classNames.multiValue,
                     multiValueLabel: () => _pixelutils.cn.call(void 0, 
                       classNames.multiValueLabel,
@@ -232,4 +237,4 @@ var Select_default2 = Select_default;
 
 
 exports.Select_default = Select_default; exports.Select_default2 = Select_default2;
-//# sourceMappingURL=chunk-CVLA7A3Y.cjs.map
+//# sourceMappingURL=chunk-QVBZ5RLN.cjs.map

package/dist/chunk-QVBZ5RLN.cjs.map

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

package/dist/index.cjs

@@ -3,7 +3,7 @@
 var _chunkMKM7ZYRNcjs = require('./chunk-MKM7ZYRN.cjs');
 
 
-var _chunk3XNW2VQ7cjs = require('./chunk-3XNW2VQ7.cjs');
+var _chunkINTLZONVcjs = require('./chunk-INTLZONV.cjs');
 
 
 var _chunkOCR2UWG2cjs = require('./chunk-OCR2UWG2.cjs');
@@ -21,13 +21,13 @@ var _chunkQYZV7ZUYcjs = require('./chunk-QYZV7ZUY.cjs');
 var _chunk6GN255GPcjs = require('./chunk-6GN255GP.cjs');
 
 
-var _chunk5UHHZ7KYcjs = require('./chunk-5UHHZ7KY.cjs');
+var _chunkYUAJN6HWcjs = require('./chunk-YUAJN6HW.cjs');
 
 
-var _chunkYUAJN6HWcjs = require('./chunk-YUAJN6HW.cjs');
+var _chunk5UHHZ7KYcjs = require('./chunk-5UHHZ7KY.cjs');
 
 
-var _chunkCVLA7A3Ycjs = require('./chunk-CVLA7A3Y.cjs');
+var _chunkQVBZ5RLNcjs = require('./chunk-QVBZ5RLN.cjs');
 
 
 var _chunkKMMS4G7Acjs = require('./chunk-KMMS4G7A.cjs');
@@ -57,5 +57,5 @@ var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
 
 
 
-exports.CheckboxGroup = _chunkW24WP5YEcjs.CheckboxGroup_default; exports.FieldArray = _chunkTNELIBCVcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkKMMS4G7Acjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkQTL5FREEcjs.FieldValidationError_default; exports.Form = _chunkQYZV7ZUYcjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunk5UHHZ7KYcjs.Input_default; exports.RadioGroup = _chunkYUAJN6HWcjs.RadioGroup_default; exports.Select = _chunkCVLA7A3Ycjs.Select_default; exports.SubmitButton = _chunkMKM7ZYRNcjs.SubmitButton_default; exports.Switch = _chunk3XNW2VQ7cjs.Switch_default; exports.TextArea = _chunkOCR2UWG2cjs.TextArea_default; exports.recursiveFieldKeySearch = _chunkLDCRR7FPcjs.recursiveFieldKeySearch; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFormContext = _chunkLDCRR7FPcjs.useFormContext;
+exports.CheckboxGroup = _chunkW24WP5YEcjs.CheckboxGroup_default; exports.FieldArray = _chunkTNELIBCVcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkKMMS4G7Acjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkQTL5FREEcjs.FieldValidationError_default; exports.Form = _chunkQYZV7ZUYcjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunk5UHHZ7KYcjs.Input_default; exports.RadioGroup = _chunkYUAJN6HWcjs.RadioGroup_default; exports.Select = _chunkQVBZ5RLNcjs.Select_default; exports.SubmitButton = _chunkMKM7ZYRNcjs.SubmitButton_default; exports.Switch = _chunkINTLZONVcjs.Switch_default; exports.TextArea = _chunkOCR2UWG2cjs.TextArea_default; exports.recursiveFieldKeySearch = _chunkLDCRR7FPcjs.recursiveFieldKeySearch; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFormContext = _chunkLDCRR7FPcjs.useFormContext;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -8,9 +8,9 @@ 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-zUYKczzn.cjs';
+export { S as Select, a as SelectProps } from './Select-C08Oftdr.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 { S as Switch, a as SwitchProps } from './Switch-OkO3GdPy.cjs';
 export { T as TextArea, a as TextAreaProps } from './TextArea-B-sKvTkd.cjs';
 import 'react/jsx-runtime';
 import 'react-hook-form';

package/dist/index.d.ts

@@ -8,9 +8,9 @@ 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-zUYKczzn.js';
+export { S as Select, a as SelectProps } from './Select-C08Oftdr.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 { S as Switch, a as SwitchProps } from './Switch-OkO3GdPy.js';
 export { T as TextArea, a as TextAreaProps } from './TextArea-B-sKvTkd.js';
 import 'react/jsx-runtime';
 import 'react-hook-form';

package/dist/index.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4GVPJYZW.js";
 import {
   Switch_default
-} from "./chunk-ZOVKQ7MN.js";
+} from "./chunk-AVKEYJH7.js";
 import {
   TextArea_default
 } from "./chunk-NHPQEYYN.js";
@@ -19,15 +19,15 @@ import {
 import {
   Grid_default
 } from "./chunk-PDCEKC3G.js";
-import {
-  Input_default
-} from "./chunk-DTSX7YON.js";
 import {
   RadioGroup_default
 } from "./chunk-ARUVDZFG.js";
+import {
+  Input_default
+} from "./chunk-DTSX7YON.js";
 import {
   Select_default
-} from "./chunk-VEYDHNYQ.js";
+} from "./chunk-I5M2A3MN.js";
 import {
   FieldCopyTestIdButton_default
 } from "./chunk-T3CCNJHK.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuf-stack/uniform",
-  "version": "0.9.3",
+  "version": "0.9.5",
   "description": "fuf react form library",
   "author": "Hannes Tiede",
   "homepage": "https://github.com/fuf-stack/uniform#readme",
@@ -124,8 +124,8 @@
     "react-hook-form": "7.53.0",
     "react-select": "5.8.1",
     "slug": "9.1.0",
-    "@fuf-stack/pixel-utils": "0.3.0",
     "@fuf-stack/pixels": "0.24.0",
+    "@fuf-stack/pixel-utils": "0.3.0",
     "@fuf-stack/veto": "0.5.0"
   },
   "devDependencies": {
@@ -135,10 +135,10 @@
     "@types/slug": "5.0.9",
     "react": "18.3.1",
     "react-dom": "18.3.1",
+    "@repo/storybook-config": "0.0.1",
     "@repo/tailwind-config": "0.0.1",
     "@repo/tsup-config": "0.0.1",
-    "@repo/vite-config": "0.0.1",
-    "@repo/storybook-config": "0.0.1"
+    "@repo/vite-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts",

package/dist/chunk-3XNW2VQ7.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-3XNW2VQ7.cjs","../src/Switch/Switch.tsx","../src/Switch/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACVA,gDAA2B;AAE3B,0CAAyB;AACzB,4CAAqC;AAkD7B,+CAAA;AA5BR,IAAM,OAAA,EAAS,CAAC;AAAA,EACd,SAAA;AAAA,EACA,SAAA,EAAW,KAAA;AAAA,EACX,KAAA,EAAO,OAAA,EAAS,KAAA,CAAA;AAAA,EAChB,IAAA;AAAA,EACA,MAAA,EAAQ,QAAA,EAAU,KAAA;AACpB,CAAA,EAAA,GAAmB;AACjB,EAAA,MAAM,EAAE,OAAA,EAAS,cAAc,EAAA,EAAI,8CAAA,CAAe;AAClD,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAU,MAAA,EAAQ,QAAQ,EAAA,EAAI,aAAA,CAAc,IAAA,EAAM,OAAO,CAAA;AAExE,EAAA,MAAM,EAAE,KAAA,EAAO,aAAA,EAAe,qBAAA,EAAuB,qBAAqB,EAAA,EACxE,6BAAA;AAAS,IACP,YAAA,EAAc,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA;AAAA,IAClC,SAAA,EAAW,OAAA;AAAA,IACX,UAAA,EAAY,QAAA;AAAA,IACZ,KAAA,EAAO,MAAA;AAAA,IACP,cAAA,EAAgB,SAAA;AAAA,IAChB,WAAA,EAAa;AAAA,EACf,CAAC,CAAA;AAEH,EAAA,uBACE,6BAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA,EAAQ,CAAC;AAAA,QACP,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,GAAA,EAAK,MAAA,EAAQ,SAAS;AAAA,MAC9D,CAAA,EAAA,mBACE,8BAAA,oBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,8BAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,kBAAA,EAAkB,aAAA,CAAc,CAAA,CAAE,kBAAkB,CAAA;AAAA,YACpD,QAAA;AAAA,YACA,UAAA,EAAY,CAAC,CAAC,KAAA;AAAA,YACd,SAAA;AAAA,YACA,UAAA,EAAY;AAAA,cACV,KAAA,EAAO,CAAA,yCAAA,EAA4C,QAAA,EAAU,cAAA,EAAgB,EAAE,CAAA;AAAA,YAAA;AACjF,YAAA;AACa,YAAA;AACb,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AAEC,cAAA;AAAA,cAAA;AAE2C,8BAAA;AAEL,YAAA;AAAA,UAAA;AAAA,QAAA;AACzC,QAAA;AACC,wBAAA;AAOC,MAAA;AAEJ,IAAA;AAAA,EAAA;AAIR;AAEA;ADnBA;AACA;AEnEA;AFqEA;AACA;AACA;AACA;AACA","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-3XNW2VQ7.cjs","sourcesContent":[null,"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/chunk-CVLA7A3Y.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-CVLA7A3Y.cjs","../src/Select/Select.tsx","../src/Select/index.ts"],"names":["Select_default"],"mappings":"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","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-CVLA7A3Y.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { Props } from 'react-select';\n\nimport { useState } from 'react';\nimport { Controller } from 'react-hook-form';\nimport ReactSelect, { components } from 'react-select';\n\nimport { useSelect } from '@nextui-org/select';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const selectVariants = tv({\n  slots: {\n    base: '',\n    clearIndicator:\n      'rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-foreground-800',\n    control:\n      'rounded-lg border-2 border-default-200 shadow-sm !duration-150 transition-background hover:border-default-400 motion-reduce:transition-none',\n    control_focused: 'border-primary hover:border-primary',\n    crossIcon: '',\n    downChevron: '',\n    dropdownIndicator:\n      'rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-black',\n    group: '',\n    groupHeading: 'mb-1 ml-3 mt-2 text-sm text-foreground-500',\n    indicatorsContainer: 'gap-1 p-1',\n    indicatorSeparator: 'bg-default-300',\n    input: 'py-0.5 pl-1',\n    label: '!pointer-events-auto relative bottom-2 ml-1 inline',\n    loadingIndicator: '',\n    loadingMessage: '',\n    menu: 'mt-2 rounded-xl border border-default-200 bg-background p-1 shadow-lg',\n    menuList: '',\n    multiValue: 'items-center gap-1.5 rounded bg-default-100 py-0.5 pl-2 pr-1',\n    multiValueContainer: '',\n    multiValueLabel: 'py-0.5 leading-6',\n    multiValueRemove:\n      'rounded text-default-500 hover:cursor-pointer hover:border-default-300 hover:text-default-800',\n    noOptionsMessage: 'rounded-sm p-2 text-foreground-500',\n    option_focused: 'bg-default-100 active:bg-default-200',\n    option_selected: 'bg-default-300',\n    option: 'rounded px-3 py-2 hover:cursor-pointer',\n    placeholder: 'py-0.5 pl-1 text-foreground-500',\n    selectContainer: '',\n    singleValue: '!ml-1 !leading-7',\n    valueContainer: 'gap-1 p-1',\n  },\n  variants: {\n    invalid: {\n      true: {\n        control: 'border-danger hover:border-danger',\n      },\n    },\n  },\n});\n\ntype SelectOption = {\n  /** option label */\n  label?: React.ReactNode;\n  /** option value */\n  value: string;\n};\n\ntype VariantProps = TVProps<typeof selectVariants>;\ntype ClassName = TVClassName<typeof selectVariants>;\n\nexport interface SelectProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName; // string;\n  /** Determine if the  */\n  clearable?: boolean;\n  /** Set the select to disabled state. */\n  disabled?: boolean;\n  /** Filter Select Options */\n  filterOption?:\n    | undefined\n    | ((option?: SelectOption, inputValue?: string) => boolean);\n  /** Format the label of the option */\n  formatOptionLabel?: undefined | Props['formatOptionLabel'];\n  /** The value of the search input */\n  inputValue?: string;\n  /** Label that should be associated with the select. */\n  label?: React.ReactNode;\n  /** Set the select to a loading state. */\n  loading?: boolean;\n  /** switch between single and multi select mode. */\n  multiSelect?: boolean;\n  /** The name for the Select component, used by react-hook-form */\n  name: string;\n  /** Placeholder that is displayed when nothing is selected */\n  placeholder?: string;\n  /** The options for the Select component */\n  options: SelectOption[];\n  /** Handle change events on the input */\n  onInputChange?: Props['onInputChange'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst InputComponent: typeof components.Input = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/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\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  formatOptionLabel = 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 [isFocused, setIsFocused] = useState(false);\n\n  const variants = selectVariants({ invalid });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const {\n    getBaseProps,\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    getLabelProps,\n    getMainWrapperProps,\n    getTriggerProps,\n    getValueProps,\n    label,\n  } = useSelect({\n    children: [],\n    classNames,\n    errorMessage: JSON.stringify(error),\n    isDisabled: disabled,\n    isInvalid: invalid,\n    isLoading: loading,\n    isRequired: required,\n    label: _label,\n    labelPlacement: 'outside',\n    placeholder: ' ',\n  });\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\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...getBaseProps()}\n          className={cn(classNames.base, 'group mt-2')}\n          data-testid={testId}\n        >\n          {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n          <div {...getMainWrapperProps()}>\n            <div className=\"relative\">\n              {label && (\n                <label\n                  htmlFor={`react-select-${name}-input`}\n                  className={cn(getLabelProps().className, classNames.label)}\n                >\n                  {label}\n                  <FieldCopyTestIdButton testId={testId} />\n                </label>\n              )}\n              <ReactSelect\n                aria-errormessage=\"\"\n                aria-labelledby={\n                  getTriggerProps()['aria-labelledby']?.split(' ')[1]\n                }\n                aria-invalid={invalid}\n                classNames={{\n                  control: () =>\n                    cn(classNames.control, {\n                      [classNames.control_focused]: isFocused && !invalid,\n                    }),\n                  clearIndicator: () => classNames.clearIndicator,\n                  dropdownIndicator: () => classNames.dropdownIndicator,\n                  groupHeading: () => classNames.groupHeading,\n                  indicatorsContainer: () => classNames.indicatorsContainer,\n                  indicatorSeparator: () => classNames.indicatorSeparator,\n                  input: () => classNames.input,\n                  menu: () => classNames.menu,\n                  multiValue: () => classNames.multiValue,\n                  multiValueLabel: () =>\n                    cn(\n                      classNames.multiValueLabel,\n                      `${getValueProps().className}`,\n                    ),\n                  multiValueRemove: () => classNames.multiValueRemove,\n                  noOptionsMessage: () => classNames.noOptionsMessage,\n                  option: ({\n                    isFocused: optionIsFocused,\n                    isSelected: optionIsSelected,\n                  }) =>\n                    cn(classNames.option, {\n                      [classNames.option_focused]: optionIsFocused,\n                      [classNames.option_selected]: optionIsSelected,\n                    }),\n                  placeholder: () => classNames.placeholder,\n                  singleValue: () =>\n                    cn(classNames.singleValue, `${getValueProps().className}`),\n                  valueContainer: () => classNames.valueContainer,\n                }}\n                components={{\n                  Input: InputComponent,\n                  Option: OptionComponent,\n                  DropdownIndicator: DropdownIndicatorComponent,\n                }}\n                // Does not affect the testId of the select, but is needed to pass it to sub-components\n                data-testid={`${testId}_select`}\n                filterOption={filterOption}\n                formatOptionLabel={formatOptionLabel}\n                inputValue={inputValue}\n                instanceId={name}\n                isClearable={clearable}\n                isDisabled={disabled}\n                isLoading={loading}\n                isMulti={multiSelect}\n                name={name}\n                // set menuPosition to fixed so that menu can be rendered\n                // inside Card / Modal components, menuShouldBlockScroll\n                // prevents container scroll when menu is open\n                menuPosition=\"fixed\"\n                menuShouldBlockScroll\n                options={options}\n                placeholder={placeholder}\n                onBlur={(_e) => {\n                  setIsFocused(false);\n                  return onBlur();\n                }}\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                onFocus={(_e) => {\n                  setIsFocused(true);\n                }}\n                onInputChange={onInputChange}\n                ref={ref}\n                // set complete option as value by current field value\n                value={options.find((option) => option.value === value)}\n                unstyled\n              />\n            </div>\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        </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"]}

package/dist/chunk-VEYDHNYQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Select/Select.tsx","../src/Select/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { Props } from 'react-select';\n\nimport { useState } from 'react';\nimport { Controller } from 'react-hook-form';\nimport ReactSelect, { components } from 'react-select';\n\nimport { useSelect } from '@nextui-org/select';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const selectVariants = tv({\n  slots: {\n    base: '',\n    clearIndicator:\n      'rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-foreground-800',\n    control:\n      'rounded-lg border-2 border-default-200 shadow-sm !duration-150 transition-background hover:border-default-400 motion-reduce:transition-none',\n    control_focused: 'border-primary hover:border-primary',\n    crossIcon: '',\n    downChevron: '',\n    dropdownIndicator:\n      'rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-black',\n    group: '',\n    groupHeading: 'mb-1 ml-3 mt-2 text-sm text-foreground-500',\n    indicatorsContainer: 'gap-1 p-1',\n    indicatorSeparator: 'bg-default-300',\n    input: 'py-0.5 pl-1',\n    label: '!pointer-events-auto relative bottom-2 ml-1 inline',\n    loadingIndicator: '',\n    loadingMessage: '',\n    menu: 'mt-2 rounded-xl border border-default-200 bg-background p-1 shadow-lg',\n    menuList: '',\n    multiValue: 'items-center gap-1.5 rounded bg-default-100 py-0.5 pl-2 pr-1',\n    multiValueContainer: '',\n    multiValueLabel: 'py-0.5 leading-6',\n    multiValueRemove:\n      'rounded text-default-500 hover:cursor-pointer hover:border-default-300 hover:text-default-800',\n    noOptionsMessage: 'rounded-sm p-2 text-foreground-500',\n    option_focused: 'bg-default-100 active:bg-default-200',\n    option_selected: 'bg-default-300',\n    option: 'rounded px-3 py-2 hover:cursor-pointer',\n    placeholder: 'py-0.5 pl-1 text-foreground-500',\n    selectContainer: '',\n    singleValue: '!ml-1 !leading-7',\n    valueContainer: 'gap-1 p-1',\n  },\n  variants: {\n    invalid: {\n      true: {\n        control: 'border-danger hover:border-danger',\n      },\n    },\n  },\n});\n\ntype SelectOption = {\n  /** option label */\n  label?: React.ReactNode;\n  /** option value */\n  value: string;\n};\n\ntype VariantProps = TVProps<typeof selectVariants>;\ntype ClassName = TVClassName<typeof selectVariants>;\n\nexport interface SelectProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName; // string;\n  /** Determine if the  */\n  clearable?: boolean;\n  /** Set the select to disabled state. */\n  disabled?: boolean;\n  /** Filter Select Options */\n  filterOption?:\n    | undefined\n    | ((option?: SelectOption, inputValue?: string) => boolean);\n  /** Format the label of the option */\n  formatOptionLabel?: undefined | Props['formatOptionLabel'];\n  /** The value of the search input */\n  inputValue?: string;\n  /** Label that should be associated with the select. */\n  label?: React.ReactNode;\n  /** Set the select to a loading state. */\n  loading?: boolean;\n  /** switch between single and multi select mode. */\n  multiSelect?: boolean;\n  /** The name for the Select component, used by react-hook-form */\n  name: string;\n  /** Placeholder that is displayed when nothing is selected */\n  placeholder?: string;\n  /** The options for the Select component */\n  options: SelectOption[];\n  /** Handle change events on the input */\n  onInputChange?: Props['onInputChange'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst InputComponent: typeof components.Input = (props) => {\n  // @ts-expect-error data-testid is not a default prop\n  // eslint-disable-next-line react/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\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  formatOptionLabel = 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 [isFocused, setIsFocused] = useState(false);\n\n  const variants = selectVariants({ invalid });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const {\n    getBaseProps,\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    getLabelProps,\n    getMainWrapperProps,\n    getTriggerProps,\n    getValueProps,\n    label,\n  } = useSelect({\n    children: [],\n    classNames,\n    errorMessage: JSON.stringify(error),\n    isDisabled: disabled,\n    isInvalid: invalid,\n    isLoading: loading,\n    isRequired: required,\n    label: _label,\n    labelPlacement: 'outside',\n    placeholder: ' ',\n  });\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\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...getBaseProps()}\n          className={cn(classNames.base, 'group mt-2')}\n          data-testid={testId}\n        >\n          {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n          <div {...getMainWrapperProps()}>\n            <div className=\"relative\">\n              {label && (\n                <label\n                  htmlFor={`react-select-${name}-input`}\n                  className={cn(getLabelProps().className, classNames.label)}\n                >\n                  {label}\n                  <FieldCopyTestIdButton testId={testId} />\n                </label>\n              )}\n              <ReactSelect\n                aria-errormessage=\"\"\n                aria-labelledby={\n                  getTriggerProps()['aria-labelledby']?.split(' ')[1]\n                }\n                aria-invalid={invalid}\n                classNames={{\n                  control: () =>\n                    cn(classNames.control, {\n                      [classNames.control_focused]: isFocused && !invalid,\n                    }),\n                  clearIndicator: () => classNames.clearIndicator,\n                  dropdownIndicator: () => classNames.dropdownIndicator,\n                  groupHeading: () => classNames.groupHeading,\n                  indicatorsContainer: () => classNames.indicatorsContainer,\n                  indicatorSeparator: () => classNames.indicatorSeparator,\n                  input: () => classNames.input,\n                  menu: () => classNames.menu,\n                  multiValue: () => classNames.multiValue,\n                  multiValueLabel: () =>\n                    cn(\n                      classNames.multiValueLabel,\n                      `${getValueProps().className}`,\n                    ),\n                  multiValueRemove: () => classNames.multiValueRemove,\n                  noOptionsMessage: () => classNames.noOptionsMessage,\n                  option: ({\n                    isFocused: optionIsFocused,\n                    isSelected: optionIsSelected,\n                  }) =>\n                    cn(classNames.option, {\n                      [classNames.option_focused]: optionIsFocused,\n                      [classNames.option_selected]: optionIsSelected,\n                    }),\n                  placeholder: () => classNames.placeholder,\n                  singleValue: () =>\n                    cn(classNames.singleValue, `${getValueProps().className}`),\n                  valueContainer: () => classNames.valueContainer,\n                }}\n                components={{\n                  Input: InputComponent,\n                  Option: OptionComponent,\n                  DropdownIndicator: DropdownIndicatorComponent,\n                }}\n                // Does not affect the testId of the select, but is needed to pass it to sub-components\n                data-testid={`${testId}_select`}\n                filterOption={filterOption}\n                formatOptionLabel={formatOptionLabel}\n                inputValue={inputValue}\n                instanceId={name}\n                isClearable={clearable}\n                isDisabled={disabled}\n                isLoading={loading}\n                isMulti={multiSelect}\n                name={name}\n                // set menuPosition to fixed so that menu can be rendered\n                // inside Card / Modal components, menuShouldBlockScroll\n                // prevents container scroll when menu is open\n                menuPosition=\"fixed\"\n                menuShouldBlockScroll\n                options={options}\n                placeholder={placeholder}\n                onBlur={(_e) => {\n                  setIsFocused(false);\n                  return onBlur();\n                }}\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                onFocus={(_e) => {\n                  setIsFocused(true);\n                }}\n                onInputChange={onInputChange}\n                ref={ref}\n                // set complete option as value by current field value\n                value={options.find((option) => option.value === value)}\n                unstyled\n              />\n            </div>\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        </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/chunk-ZOVKQ7MN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Switch/Switch.tsx","../src/Switch/index.ts"],"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"],"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;","names":["Switch_default"]}