@fuf-stack/uniform 0.14.5 → 0.15.0

package/dist/{chunk-OHJYXA6R.cjs.map → chunk-C4RM2JSD.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-OHJYXA6R.cjs","../src/partials/FieldValidationError/FieldValidationError.tsx","../src/partials/FieldValidationError/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACyCU,+CAAA;AAhCV,IAAM,qBAAA,EAAuB,CAAC;AAAA,EAC5B,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,KAAA;AAAA,EACA,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAAiC;AAC/B,EAAA,GAAA,CAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,UAAA,EAA0B,CAAC,CAAA;AAE/B,EAAA,GAAA,CAAI,OAAO,MAAA,IAAU,SAAA,GAAY,CAAA,CAAE,MAAA,WAAiB,KAAA,CAAA,EAAQ;AAC1D,IAAA,MAAM,YAAA,EAAc,KAAA;AACpB,IAAA,MAAA,CAAO,IAAA,CAAK,KAAK,CAAA,CAAE,OAAA,CAAQ,CAAC,GAAA,EAAA,GAAQ;AAClC,MAAA,UAAA,EAAY,CAAC,GAAG,SAAA,EAAW,GAAG,WAAA,CAAY,GAAG,CAAC,CAAA;AAAA,IAChD,CAAC,CAAA;AAAA,EACH;AAEA,EAAA,MAAM,WAAA,EACJ,IAAA,CAAK,SAAA,CAAU,SAAS,EAAA,IAAM,KAAA,EAAO,UAAA,EAAa,KAAA;AACpD,EAAA,MAAM,aAAA,EAAyB,UAAA,CAAW,GAAA,CAAI,CAAC,CAAA,EAAA,GAAM,CAAA,CAAE,OAAO,CAAA;AAC9D,EAAA,MAAM,WAAA,EAAa,CAAA,OAAA,EAAU,YAAA,CAAa,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA;AAGlD,EAAA;AAAC,IAAA;AAAA,IAAA;AAC6C,MAAA;AAChC,MAAA;AACZ,MAAA;AAEwC,MAAA;AAAA;AAGpC,wBAAA;AAEH,MAAA;AAAA,IAAA;AACH,EAAA;AAEJ;AAEe;ADdwC;AACA;AEjCxC;AFmCwC;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-OHJYXA6R.cjs","sourcesContent":[null,"import type { FieldError } from 'react-hook-form';\n\nimport { slugify } from '../../helpers';\n\nexport interface FieldValidationErrorProps {\n  className?: string;\n  error: FieldError[] | Record<string, FieldError[]>;\n  testId?: string;\n}\n\n/**\n * Renders a validation error of a field\n */\nconst FieldValidationError = ({\n  className = undefined,\n  error,\n  testId = undefined,\n}: FieldValidationErrorProps) => {\n  if (!error) {\n    return null;\n  }\n\n  let tmpErrors: FieldError[] = [];\n\n  if (typeof error === 'object' && !(error instanceof Array)) {\n    const errorObject = error as Record<string, FieldError[]>;\n    Object.keys(error).forEach((key) => {\n      tmpErrors = [...tmpErrors, ...errorObject[key]];\n    });\n  }\n\n  const errorArray: FieldError[] =\n    JSON.stringify(tmpErrors) !== '[]' ? tmpErrors : (error as FieldError[]);\n  const errorStrings: string[] = errorArray.map((e) => e.message) as string[];\n  const ariaString = `Error: ${errorStrings.join('\\n')}`;\n\n  return (\n    <ul\n      data-testid={slugify(testId || errorStrings.join())}\n      aria-label={ariaString} // TODO: ist das richtig @Hannes?\n      className={className}\n    >\n      {errorStrings.map((errorString: string, i: number) => (\n        // eslint-disable-next-line react/no-array-index-key\n        <li key={`error_${i}`}>\n          <div>{errorString}</div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport default FieldValidationError;\n","import FieldValidationError from './FieldValidationError';\n\nexport type { FieldValidationErrorProps } from './FieldValidationError';\n\nexport { FieldValidationError };\n\nexport default FieldValidationError;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-C4RM2JSD.cjs","../src/partials/FieldValidationError/FieldValidationError.tsx","../src/partials/FieldValidationError/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACyCU,+CAAA;AAhCV,IAAM,qBAAA,EAAuB,CAAC;AAAA,EAC5B,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,KAAA;AAAA,EACA,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAAiC;AAC/B,EAAA,GAAA,CAAI,CAAC,KAAA,EAAO;AACV,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,UAAA,EAA0B,CAAC,CAAA;AAE/B,EAAA,GAAA,CAAI,OAAO,MAAA,IAAU,SAAA,GAAY,CAAA,CAAE,MAAA,WAAiB,KAAA,CAAA,EAAQ;AAC1D,IAAA,MAAM,YAAA,EAAc,KAAA;AACpB,IAAA,MAAA,CAAO,IAAA,CAAK,KAAK,CAAA,CAAE,OAAA,CAAQ,CAAC,GAAA,EAAA,GAAQ;AAClC,MAAA,UAAA,EAAY,CAAC,GAAG,SAAA,EAAW,GAAG,WAAA,CAAY,GAAG,CAAC,CAAA;AAAA,IAChD,CAAC,CAAA;AAAA,EACH;AAEA,EAAA,MAAM,WAAA,EACJ,IAAA,CAAK,SAAA,CAAU,SAAS,EAAA,IAAM,KAAA,EAAO,UAAA,EAAa,KAAA;AACpD,EAAA,MAAM,aAAA,EAAyB,UAAA,CAAW,GAAA,CAAI,CAAC,CAAA,EAAA,GAAM,CAAA,CAAE,OAAO,CAAA;AAC9D,EAAA,MAAM,WAAA,EAAa,CAAA,OAAA,EAAU,YAAA,CAAa,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA;AAGlD,EAAA;AAAC,IAAA;AAAA,IAAA;AAC6C,MAAA;AAChC,MAAA;AACZ,MAAA;AAEwC,MAAA;AAAA;AAGpC,wBAAA;AAEH,MAAA;AAAA,IAAA;AACH,EAAA;AAEJ;AAEe;ADdwC;AACA;AEjCxC;AFmCwC;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-C4RM2JSD.cjs","sourcesContent":[null,"import type { FieldError } from 'react-hook-form';\n\nimport { slugify } from '../../helpers';\n\nexport interface FieldValidationErrorProps {\n  className?: string;\n  error: FieldError[] | Record<string, FieldError[]>;\n  testId?: string;\n}\n\n/**\n * Renders a validation error of a field\n */\nconst FieldValidationError = ({\n  className = undefined,\n  error,\n  testId = undefined,\n}: FieldValidationErrorProps) => {\n  if (!error) {\n    return null;\n  }\n\n  let tmpErrors: FieldError[] = [];\n\n  if (typeof error === 'object' && !(error instanceof Array)) {\n    const errorObject = error as Record<string, FieldError[]>;\n    Object.keys(error).forEach((key) => {\n      tmpErrors = [...tmpErrors, ...errorObject[key]];\n    });\n  }\n\n  const errorArray: FieldError[] =\n    JSON.stringify(tmpErrors) !== '[]' ? tmpErrors : (error as FieldError[]);\n  const errorStrings: string[] = errorArray.map((e) => e.message) as string[];\n  const ariaString = `Error: ${errorStrings.join('\\n')}`;\n\n  return (\n    <ul\n      data-testid={slugify(testId || errorStrings.join())}\n      aria-label={ariaString} // TODO: ist das richtig @Hannes?\n      className={className}\n    >\n      {errorStrings.map((errorString: string, i: number) => (\n        // eslint-disable-next-line react/no-array-index-key\n        <li key={`error_${i}`}>\n          <div>{errorString}</div>\n        </li>\n      ))}\n    </ul>\n  );\n};\n\nexport default FieldValidationError;\n","import FieldValidationError from './FieldValidationError';\n\nexport type { FieldValidationErrorProps } from './FieldValidationError';\n\nexport { FieldValidationError };\n\nexport default FieldValidationError;\n"]}

package/dist/chunk-CRTRMMJ7.js

@@ -0,0 +1,59 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest,
+  __async
+};
+//# sourceMappingURL=chunk-CRTRMMJ7.js.map

package/dist/chunk-CRTRMMJ7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-EKE5URXQ.cjs → chunk-F6KTQXWG.cjs}

@@ -1,18 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkVQWKXSHWcjs = require('./chunk-VQWKXSHW.cjs');
+var _chunkV5HTEMWZcjs = require('./chunk-V5HTEMWZ.cjs');
 
 
 var _chunkJU5RT22Ycjs = require('./chunk-JU5RT22Y.cjs');
 
 
-var _chunkOHJYXA6Rcjs = require('./chunk-OHJYXA6R.cjs');
+var _chunkC4RM2JSDcjs = require('./chunk-C4RM2JSD.cjs');
 
 
-var _chunkXJWEUCV3cjs = require('./chunk-XJWEUCV3.cjs');
+
+var _chunk2NSCPLAAcjs = require('./chunk-2NSCPLAA.cjs');
+
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
 
 // src/Switch/Switch.tsx
-var _input = require('@nextui-org/input');
 var _switch = require('@nextui-org/switch');
 var _pixelutils = require('@fuf-stack/pixel-utils');
 var _jsxruntime = require('react/jsx-runtime');
@@ -37,9 +41,9 @@ var Switch = ({
   name,
   testId: _testId = void 0
 }) => {
-  const { control, debugMode, getFieldState } = _chunkXJWEUCV3cjs.useFormContext.call(void 0, );
+  const { control, debugMode, getFieldState } = _chunk2NSCPLAAcjs.useFormContext.call(void 0, );
   const { error, required, testId, invalid } = getFieldState(name, _testId);
-  const { label, getInputProps, getErrorMessageProps } = _input.useInput.call(void 0, {
+  const { label, getInputProps, getErrorMessageProps } = _chunk2NSCPLAAcjs.useInput.call(void 0, {
     errorMessage: JSON.stringify(error),
     isInvalid: invalid,
     isRequired: required,
@@ -51,7 +55,7 @@ var Switch = ({
   const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "outerWrapper");
   const showTestIdCopyButton = debugMode === "debug-testids";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkVQWKXSHWcjs.Controller,
+    _chunkV5HTEMWZcjs.Controller_default,
     {
       name,
       control,
@@ -83,10 +87,9 @@ var Switch = ({
         ),
         error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classNames.errorMessage, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
-          {
-            ...getErrorMessageProps(),
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOHJYXA6Rcjs.FieldValidationError_default, { error })
-          }
+          _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, getErrorMessageProps()), {
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC4RM2JSDcjs.FieldValidationError_default, { error })
+          })
         ) })
       ] })
     }
@@ -101,4 +104,4 @@ var Switch_default2 = Switch_default;
 
 
 exports.Switch_default = Switch_default; exports.Switch_default2 = Switch_default2;
-//# sourceMappingURL=chunk-EKE5URXQ.cjs.map
+//# sourceMappingURL=chunk-F6KTQXWG.cjs.map

package/dist/chunk-F6KTQXWG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-F6KTQXWG.cjs","../src/Switch/Switch.tsx","../src/Switch/index.ts"],"names":["Switch_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-F6KTQXWG.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\n\nimport { Switch as NextSwitch } from '@nextui-org/switch';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { Controller } from '../Controller';\nimport { useFormContext, useInput } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const switchVariants = tv({\n  slots: {\n    base: '',\n    endContent: '',\n    errorMessage: 'ml-1 mt-1',\n    // See NextUI styles for group-data condition, e.g.: https://github.com/nextui-org/nextui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]',\n    outerWrapper: 'place-content-center',\n    startContent: '',\n    thumb: '',\n    thumbIcon: '',\n    wrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof switchVariants>;\ntype ClassName = TVClassName<typeof switchVariants>;\n\nexport interface SwitchProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\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, debugMode, getFieldState } = useFormContext();\n  const { error, required, testId, invalid } = getFieldState(name, _testId);\n\n  const { label, getInputProps, getErrorMessageProps } = useInput({\n    errorMessage: JSON.stringify(error),\n    isInvalid: invalid,\n    isRequired: required,\n    label: _label,\n    labelPlacement: 'outside',\n    placeholder: ' ',\n  });\n\n  const variants = switchVariants();\n  const classNames = variantsToClassNames(variants, className, 'outerWrapper');\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\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        <div className={classNames.outerWrapper}>\n          <NextSwitch\n            aria-describedby={getInputProps()['aria-describedby']}\n            classNames={classNames}\n            // See NextUI styles for group-data condition (data-invalid), e.g.: https://github.com/nextui-org/nextui/blob/main/packages/components/select/src/use-select.ts\n            data-invalid={invalid}\n            data-required={required}\n            data-testid={testId}\n            isDisabled={isDisabled}\n            isSelected={!!value}\n            name={name}\n            onBlur={onBlur}\n            onChange={onChange}\n            ref={ref}\n            required={required}\n            value={value}\n          >\n            {label}\n            {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n          </NextSwitch>\n          {error && (\n            <div className={classNames.errorMessage}>\n              <div\n                /* eslint-disable-next-line react/jsx-props-no-spreading */\n                {...getErrorMessageProps()}\n              >\n                <FieldValidationError error={error} />\n              </div>\n            </div>\n          )}\n        </div>\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-XCZKNTFT.cjs → chunk-FLX6VIO7.cjs}

@@ -1,18 +1,22 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkVQWKXSHWcjs = require('./chunk-VQWKXSHW.cjs');
+var _chunkV5HTEMWZcjs = require('./chunk-V5HTEMWZ.cjs');
 
 
 var _chunkJU5RT22Ycjs = require('./chunk-JU5RT22Y.cjs');
 
 
-var _chunkOHJYXA6Rcjs = require('./chunk-OHJYXA6R.cjs');
+var _chunkC4RM2JSDcjs = require('./chunk-C4RM2JSD.cjs');
 
 
-var _chunkXJWEUCV3cjs = require('./chunk-XJWEUCV3.cjs');
+var _chunk2NSCPLAAcjs = require('./chunk-2NSCPLAA.cjs');
 
 
-var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
+var _chunk4AXNPSXGcjs = require('./chunk-4AXNPSXG.cjs');
+
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
 
 // src/CheckboxGroup/CheckboxGroup.tsx
 
@@ -43,7 +47,7 @@ var CheckboxGroup = ({
   name,
   testId: _testId = void 0
 }) => {
-  const { control, debugMode, getFieldState } = _chunkXJWEUCV3cjs.useFormContext.call(void 0, );
+  const { control, debugMode, getFieldState } = _chunk2NSCPLAAcjs.useFormContext.call(void 0, );
   const { error, invalid, required, testId } = getFieldState(name, _testId);
   const showTestIdCopyButton = debugMode === "debug-testids";
   const showLabel = label || showTestIdCopyButton;
@@ -61,7 +65,7 @@ var CheckboxGroup = ({
     label: classNames.label
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkVQWKXSHWcjs.Controller,
+    _chunkV5HTEMWZcjs.Controller_default,
     {
       control,
       name,
@@ -87,13 +91,13 @@ var CheckboxGroup = ({
         const checkboxGroupProps = options.length === 1 ? singleCheckboxProps : multipleCheckboxProps;
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _checkbox.CheckboxGroup,
-          {
+          _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
             name,
             classNames: itemGroupClassName,
             "data-testid": testId,
             "data-invalid": invalid,
             errorMessage: error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkOHJYXA6Rcjs.FieldValidationError_default,
+              _chunkC4RM2JSDcjs.FieldValidationError_default,
               {
                 error,
                 className: classNames.errorMessage
@@ -108,25 +112,25 @@ var CheckboxGroup = ({
               showTestIdCopyButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJU5RT22Ycjs.FieldCopyTestIdButton_default, { testId })
             ] }),
             onBlur,
-            ref,
-            ...checkboxGroupProps,
-            children: _optionalChain([options, 'optionalAccess', _ => _.map, 'call', _2 => _2((option) => {
+            ref
+          }, checkboxGroupProps), {
+            children: options == null ? void 0 : options.map((option) => {
               return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _checkbox.Checkbox,
                 {
                   "data-invalid": invalid,
                   classNames: itemClassName,
                   isDisabled: disabled || option.disabled,
-                  value: _optionalChain([option, 'optionalAccess', _3 => _3.value]),
-                  "data-testid": _chunkBBB4FEY6cjs.slugify.call(void 0, 
-                    `${testId}_option_${_optionalChain([option, 'optionalAccess', _4 => _4.testId]) || _optionalChain([option, 'optionalAccess', _5 => _5.value])}`
+                  value: option == null ? void 0 : option.value,
+                  "data-testid": _chunk4AXNPSXGcjs.slugify.call(void 0, 
+                    `${testId}_option_${(option == null ? void 0 : option.testId) || (option == null ? void 0 : option.value)}`
                   ),
-                  children: _optionalChain([option, 'optionalAccess', _6 => _6.label])
+                  children: option == null ? void 0 : option.label
                 },
                 `index_${option.value}`
               );
-            })])
-          }
+            })
+          })
         );
       }
     }
@@ -141,4 +145,4 @@ var CheckboxGroup_default2 = CheckboxGroup_default;
 
 
 exports.CheckboxGroup_default = CheckboxGroup_default; exports.CheckboxGroup_default2 = CheckboxGroup_default2;
-//# sourceMappingURL=chunk-XCZKNTFT.cjs.map
+//# sourceMappingURL=chunk-FLX6VIO7.cjs.map

package/dist/chunk-FLX6VIO7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-FLX6VIO7.cjs","../src/CheckboxGroup/CheckboxGroup.tsx","../src/CheckboxGroup/index.ts"],"names":["CheckboxGroup_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-FLX6VIO7.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\n\nimport {\n  Checkbox,\n  CheckboxGroup as NextCheckboxGroup,\n} from '@nextui-org/checkbox';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { Controller } from '../Controller';\nimport { slugify } from '../helpers';\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const checkboxGroupVariants = tv({\n  slots: {\n    base: 'group', // Needs group for group-data condition\n    errorMessage: 'text-tiny',\n    itemBase: '',\n    itemIcon: '',\n    itemLabel: 'text-sm',\n    itemWrapper: '',\n    // See NextUI styles for group-data condition, e.g.: https://github.com/nextui-org/nextui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger',\n    wrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof checkboxGroupVariants>;\ntype ClassName = TVClassName<typeof checkboxGroupVariants>;\n\nexport type CheckboxGroupOption = {\n  /** option label */\n  label?: React.ReactNode;\n  /** option value */\n  value: string;\n  /** disables the option */\n  disabled?: boolean;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n};\n\nexport interface CheckboxGroupProps extends VariantProps {\n  /** CSS class name. ClassName: string | { buttons?: string | { base?: string; active?: string }; base?: string;} */\n  className?: ClassName;\n  /** label displayed above the Checkboxes */\n  label?: React.ReactNode;\n  /** Name the Field is registered on the form. */\n  name: string;\n  /** Checkboxes that should be displayed. */\n  options: CheckboxGroupOption[];\n  /** sets all buttons disabled */\n  disabled?: boolean;\n  /** id for internal testing. */\n  testId?: string;\n}\n\n/**\n * CheckboxGroup component based on [NextUI CheckboxGroup](https://nextui.org/docs/components/checkbox-group)\n */\nconst CheckboxGroup = ({\n  className = undefined,\n  label = undefined,\n  options,\n  disabled = false,\n  name,\n  testId: _testId = undefined,\n}: CheckboxGroupProps) => {\n  const { control, debugMode, getFieldState } = useFormContext();\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\n\n  const variants = checkboxGroupVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const itemClassName = {\n    base: classNames.itemBase,\n    wrapper: classNames.itemWrapper,\n    icon: classNames.itemIcon,\n    label: classNames.itemLabel,\n  };\n  const itemGroupClassName = {\n    base: classNames.base,\n    wrapper: classNames.wrapper,\n    label: classNames.label,\n  };\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      disabled={disabled}\n      render={({ field: { onChange, value = [], ref, onBlur } }) => {\n        /**\n         * Handles the checkbox group value changes based on the number of options:\n         * 1. For single checkbox (options.length === 1):\n         *    - Converts undefined/empty array to [] for consistent controlled behavior\n         *    - Extracts single value from array for onChange\n         *\n         *    Example: undefined → []\n         *            [value] → value\n         *\n         * 2. For multiple checkboxes:\n         *    - Uses raw value array with fallback to empty array\n         *    - Passes through onChange directly\n         *\n         *    Example: undefined → []\n         *            ['value1', 'value2'] → ['value1', 'value2']\n         */\n        const getCheckboxValue = (inputValue: unknown): string[] => {\n          if (Array.isArray(inputValue)) {\n            return inputValue;\n          }\n          if (inputValue) {\n            return [inputValue as string];\n          }\n          return [];\n        };\n\n        const singleCheckboxProps = {\n          value: getCheckboxValue(value),\n          onChange: (newValue: string[]) => onChange(newValue && newValue[0]),\n        };\n\n        const multipleCheckboxProps = {\n          onChange,\n          value: getCheckboxValue(value),\n        };\n\n        const checkboxGroupProps =\n          options.length === 1 ? singleCheckboxProps : multipleCheckboxProps;\n\n        return (\n          <NextCheckboxGroup\n            name={name}\n            classNames={itemGroupClassName}\n            data-testid={testId}\n            // See NextUI styles for group-data condition (data-invalid), e.g.: https://github.com/nextui-org/nextui/blob/main/packages/components/select/src/use-select.ts\n            data-invalid={invalid}\n            errorMessage={\n              error && (\n                <FieldValidationError\n                  error={error}\n                  className={classNames.errorMessage}\n                />\n              )\n            }\n            isDisabled={disabled}\n            isInvalid={invalid}\n            isRequired={required}\n            label={\n              showLabel && (\n                // eslint-disable-next-line jsx-a11y/label-has-associated-control\n                <label>\n                  {label}\n                  {showTestIdCopyButton && (\n                    <FieldCopyTestIdButton testId={testId} />\n                  )}\n                </label>\n              )\n            }\n            onBlur={onBlur}\n            ref={ref}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...checkboxGroupProps}\n          >\n            {options?.map((option) => {\n              return (\n                <Checkbox\n                  data-invalid={invalid}\n                  classNames={itemClassName}\n                  key={`index_${option.value}`}\n                  isDisabled={disabled || option.disabled}\n                  value={option?.value}\n                  data-testid={slugify(\n                    `${testId}_option_${option?.testId || option?.value}`,\n                  )}\n                >\n                  {option?.label}\n                </Checkbox>\n              );\n            })}\n          </NextCheckboxGroup>\n        );\n      }}\n    />\n  );\n};\n\nexport default CheckboxGroup;\n","import CheckboxGroup from './CheckboxGroup';\n\nexport type { CheckboxGroupProps, CheckboxGroupOption } from './CheckboxGroup';\n\nexport { CheckboxGroup };\n\nexport default CheckboxGroup;\n"]}

package/dist/chunk-IEF2GJ22.js

@@ -0,0 +1,82 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/helpers/nullishFields/nullishFields.ts
+var nullString = "__NULL__";
+var falseString = "__FALSE__";
+var zeroString = "__ZERO__";
+var fromNullishString = (value) => {
+  if (typeof value !== "string") return value;
+  switch (value) {
+    case nullString:
+      return null;
+    case falseString:
+      return false;
+    case zeroString:
+      return 0;
+    default:
+      return value;
+  }
+};
+var toNullishString = (value) => {
+  if (value === null || value === "") return nullString;
+  if (value === false) return falseString;
+  if (value === 0) return zeroString;
+  return value;
+};
+var toFormFormat = (fields) => {
+  return JSON.parse(
+    JSON.stringify(fields, (_, value) => {
+      if (Array.isArray(value)) {
+        return value.map(toNullishString);
+      }
+      if (value && typeof value === "object") {
+        return Object.fromEntries(
+          Object.entries(value).filter(([_key, v]) => v !== "" && v !== null)
+        );
+      }
+      return value;
+    })
+  );
+};
+var toValidationFormat = (formState) => {
+  return JSON.parse(
+    JSON.stringify(formState, (_, value) => {
+      if (Array.isArray(value)) {
+        return value.map(fromNullishString);
+      }
+      if (value && typeof value === "object") {
+        return Object.fromEntries(
+          Object.entries(value).filter(
+            ([_key, v]) => fromNullishString(v) !== "" && fromNullishString(v) !== null
+          ).map(([k, v]) => [k, fromNullishString(v)])
+        );
+      }
+      return value;
+    })
+  );
+};
+
+// src/helpers/slugify/slugify.ts
+import slug from "slug";
+var slugify = (string, options) => {
+  const replacement = (options == null ? void 0 : options.replacement) || "_";
+  return slug(string, __spreadValues(__spreadProps(__spreadValues({}, slug.defaults.modes.rfc3986), {
+    charmap: __spreadValues(__spreadProps(__spreadValues({}, slug.defaults.modes.rfc3986.charmap), {
+      // allow dots by default
+      ".": "."
+    }), replacement !== "-" ? { "-": "_" } : {}),
+    replacement
+  }), options || {}));
+};
+
+export {
+  fromNullishString,
+  toNullishString,
+  toFormFormat,
+  toValidationFormat,
+  slugify
+};
+//# sourceMappingURL=chunk-IEF2GJ22.js.map

package/dist/chunk-IEF2GJ22.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helpers/nullishFields/nullishFields.ts","../src/helpers/slugify/slugify.ts"],"sourcesContent":["/**\n * String markers used to preserve null, false, and 0 values during JSON processing\n */\nconst nullString = '__NULL__';\nconst falseString = '__FALSE__';\nconst zeroString = '__ZERO__';\n\n/**\n * Converts marker strings back to their original values when processing arrays\n */\nexport const fromNullishString = (value: unknown): unknown => {\n  if (typeof value !== 'string') return value;\n\n  switch (value) {\n    case nullString:\n      return null;\n    case falseString:\n      return false;\n    case zeroString:\n      return 0;\n    default:\n      return value;\n  }\n};\n\n/**\n * Converts null/falsy values to marker strings for JSON processing\n */\nexport const toNullishString = (value: unknown): unknown => {\n  if (value === null || value === '') return nullString;\n  if (value === false) return falseString;\n  if (value === 0) return zeroString;\n  return value;\n};\n\n/**\n * Converts field values to a format suitable for forms by:\n * - Converting array values to their string markers to preserve null/falsy values\n * - Removing empty strings and null values from objects\n *\n * This conversion is required because React Hook Form does not support arrays with\n * flat values (string, number, boolean, null). Array fields must contain objects.\n * We work around this by converting array values to string markers.\n *\n * @example\n * const fields = {\n *   name: 'John',\n *   scores: [0, null, 75, false],\n *   contact: {\n *     email: '',\n *     phone: null,\n *     address: '123 Main St'\n *   }\n * };\n *\n * // Result:\n * {\n *   name: 'John',\n *   scores: ['__ZERO__', '__NULL__', 75, '__FALSE__'],\n *   contact: {\n *     address: '123 Main St'\n *   }\n * }\n */\nexport const toFormFormat = (\n  fields: Record<string, unknown>,\n): Record<string, unknown> => {\n  return JSON.parse(\n    JSON.stringify(fields, (_, value) => {\n      if (Array.isArray(value)) {\n        return value.map(toNullishString);\n      }\n\n      if (value && typeof value === 'object') {\n        return Object.fromEntries(\n          Object.entries(value).filter(([_key, v]) => v !== '' && v !== null),\n        );\n      }\n\n      return value;\n    }),\n  );\n};\n\n/**\n * Converts form state to a format suitable for validation by:\n * - Converting array string markers (__NULL__, __FALSE__, __ZERO__) back to their original values\n * - Converting _NULL__ to null\n * - Removing fields that contain empty strings, null, or any string markers representing null/empty values\n *\n * @example\n * const formState = {\n *   name: 'John',\n *   scores: [75, '__ZERO__', '_NULL__', '__FALSE__'],\n *   email: null,\n *   phone: '__NULL__',\n *   contact: {\n *     address: '123 Main St',\n *     fax: null\n *   }\n * };\n *\n * // Result:\n * {\n *   name: 'John',\n *   scores: [75, 0, null, false],\n *   contact: {\n *     address: '123 Main St'\n *   }\n * }\n */\nexport const toValidationFormat = (\n  formState: Record<string, unknown>,\n): Record<string, unknown> => {\n  return JSON.parse(\n    JSON.stringify(formState, (_, value) => {\n      if (Array.isArray(value)) {\n        return value.map(fromNullishString);\n      }\n\n      if (value && typeof value === 'object') {\n        return Object.fromEntries(\n          Object.entries(value)\n            .filter(\n              ([_key, v]) =>\n                fromNullishString(v) !== '' && fromNullishString(v) !== null,\n            )\n            .map(([k, v]) => [k, fromNullishString(v)]),\n        );\n      }\n\n      return value;\n    }),\n  );\n};\n","/* eslint-disable import/prefer-default-export */\n\nimport type { Options as SlugOptions } from 'slug';\n\nimport slug from 'slug';\n\nexport const slugify = (string: string, options?: SlugOptions) => {\n  const replacement = options?.replacement || '_';\n  return slug(string, {\n    ...slug.defaults.modes.rfc3986,\n    charmap: {\n      ...slug.defaults.modes.rfc3986.charmap,\n      // allow dots by default\n      '.': '.',\n      // convert hyphens to underscores (when replacement is not hyphen)\n      ...(replacement !== '-' ? { '-': '_' } : {}),\n    },\n    replacement,\n    ...(options || {}),\n  });\n};\n"],"mappings":";;;;;;AAGA,IAAM,aAAa;AACnB,IAAM,cAAc;AACpB,IAAM,aAAa;AAKZ,IAAM,oBAAoB,CAAC,UAA4B;AAC5D,MAAI,OAAO,UAAU,SAAU,QAAO;AAEtC,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKO,IAAM,kBAAkB,CAAC,UAA4B;AAC1D,MAAI,UAAU,QAAQ,UAAU,GAAI,QAAO;AAC3C,MAAI,UAAU,MAAO,QAAO;AAC5B,MAAI,UAAU,EAAG,QAAO;AACxB,SAAO;AACT;AA+BO,IAAM,eAAe,CAC1B,WAC4B;AAC5B,SAAO,KAAK;AAAA,IACV,KAAK,UAAU,QAAQ,CAAC,GAAG,UAAU;AACnC,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,eAAO,MAAM,IAAI,eAAe;AAAA,MAClC;AAEA,UAAI,SAAS,OAAO,UAAU,UAAU;AACtC,eAAO,OAAO;AAAA,UACZ,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AAAA,QACpE;AAAA,MACF;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;AA6BO,IAAM,qBAAqB,CAChC,cAC4B;AAC5B,SAAO,KAAK;AAAA,IACV,KAAK,UAAU,WAAW,CAAC,GAAG,UAAU;AACtC,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,eAAO,MAAM,IAAI,iBAAiB;AAAA,MACpC;AAEA,UAAI,SAAS,OAAO,UAAU,UAAU;AACtC,eAAO,OAAO;AAAA,UACZ,OAAO,QAAQ,KAAK,EACjB;AAAA,YACC,CAAC,CAAC,MAAM,CAAC,MACP,kBAAkB,CAAC,MAAM,MAAM,kBAAkB,CAAC,MAAM;AAAA,UAC5D,EACC,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC;AAAA,QAC9C;AAAA,MACF;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;;;AClIA,OAAO,UAAU;AAEV,IAAM,UAAU,CAAC,QAAgB,YAA0B;AAChE,QAAM,eAAc,mCAAS,gBAAe;AAC5C,SAAO,KAAK,QAAQ,gDACf,KAAK,SAAS,MAAM,UADL;AAAA,IAElB,SAAS,gDACJ,KAAK,SAAS,MAAM,QAAQ,UADxB;AAAA;AAAA,MAGP,KAAK;AAAA,QAED,gBAAgB,MAAM,EAAE,KAAK,IAAI,IAAI,CAAC;AAAA,IAE5C;AAAA,MACI,WAAW,CAAC,EACjB;AACH;","names":[]}

package/dist/chunk-K43U2JVG.cjs

@@ -0,0 +1,248 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkV5HTEMWZcjs = require('./chunk-V5HTEMWZ.cjs');
+
+
+var _chunkJU5RT22Ycjs = require('./chunk-JU5RT22Y.cjs');
+
+
+var _chunkC4RM2JSDcjs = require('./chunk-C4RM2JSD.cjs');
+
+
+var _chunk2NSCPLAAcjs = require('./chunk-2NSCPLAA.cjs');
+
+
+var _chunk4AXNPSXGcjs = require('./chunk-4AXNPSXG.cjs');
+
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/Select/Select.tsx
+var _react = require('react');
+var _reactselect = require('react-select'); var _reactselect2 = _interopRequireDefault(_reactselect);
+var _select = require('@nextui-org/select');
+var _pixelutils = require('@fuf-stack/pixel-utils');
+var _jsxruntime = require('react/jsx-runtime');
+var selectVariants = _pixelutils.tv.call(void 0, {
+  slots: {
+    base: "group leading-normal",
+    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 !duration-150 transition-background hover:border-default-400 group-data-[invalid=true]:border-danger group-data-[invalid=true]:hover:border-danger motion-reduce:transition-none",
+    control_focused: "border-focus",
+    crossIcon: "",
+    downChevron: "",
+    dropdownIndicator: "rounded-md p-1 text-foreground-500 hover:cursor-pointer hover:bg-default-200 hover:text-black",
+    group: "",
+    groupHeading: "mb-1 ml-3 mt-2 text-sm text-foreground-500",
+    indicatorsContainer: "gap-1 p-1",
+    indicatorSeparator: "bg-default-300",
+    input: "py-0.5 pl-1",
+    // See NextUI styles for group-data condition, e.g.: https://github.com/nextui-org/nextui/blob/main/packages/core/theme/src/components/select.ts
+    label: 'pointer-events-auto relative bottom-1.5 ml-1 text-small subpixel-antialiased group-data-[invalid=true]:!text-danger group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-["*"]',
+    loadingIndicator: "",
+    loadingMessage: "",
+    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",
+    multiValueRemove: "rounded text-default-500 hover:cursor-pointer hover:border-default-300 hover:text-default-800",
+    noOptionsMessage: "rounded-sm p-2 text-foreground-500",
+    option_focused: "bg-default-100 active:bg-default-200",
+    option_selected: "bg-default-300",
+    option: "rounded px-3 py-2 hover:cursor-pointer",
+    placeholder: "ml-1 py-0.5 pl-1 text-sm text-foreground-500",
+    selectContainer: "",
+    singleValue: "!ml-1 !leading-7",
+    valueContainer: "gap-1 p-1"
+  }
+});
+var InputComponent = (props) => {
+  const testId = `${props.selectProps["data-testid"]}`;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactselect.components.Input, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, { "data-testid": testId }, props));
+};
+var ControlComponent = (props) => {
+  const testId = `${props.selectProps["data-testid"]}_select`;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-testid": testId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactselect.components.Control, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props)) });
+};
+var OptionComponent = (props) => {
+  var _a, _b, _c;
+  const testId = `${props.selectProps["data-testid"]}_select_option_${_chunk4AXNPSXGcjs.slugify.call(void 0, (_c = (_a = props == null ? void 0 : props.data) == null ? void 0 : _a.testId) != null ? _c : (_b = props == null ? void 0 : props.data) == null ? void 0 : _b.value)}`;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-testid": testId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactselect.components.Option, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props)) });
+};
+var DropdownIndicatorComponent = (props) => {
+  const testId = props == null ? void 0 : props.selectProps["data-testid"];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-testid": `${testId}_select_dropdown`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactselect.components.DropdownIndicator, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props)) });
+};
+var Select = ({
+  className = void 0,
+  clearable = true,
+  disabled = false,
+  filterOption = void 0,
+  renderOptionLabel = 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, debugMode, getFieldState } = _chunk2NSCPLAAcjs.useFormContext.call(void 0, );
+  const { error, invalid, required, testId } = getFieldState(name, _testId);
+  const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
+  const variants = selectVariants();
+  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
+  const {
+    getBaseProps,
+    getErrorMessageProps,
+    getHelperWrapperProps,
+    getLabelProps,
+    getTriggerProps,
+    getValueProps,
+    label
+  } = _select.useSelect.call(void 0, {
+    children: [],
+    classNames,
+    errorMessage: JSON.stringify(error),
+    isDisabled: disabled,
+    isInvalid: invalid,
+    isLoading: loading,
+    isRequired: required,
+    label: _label,
+    labelPlacement: "outside",
+    placeholder: " "
+  });
+  const showTestIdCopyButton = debugMode === "debug-testids";
+  const showLabel = label || showTestIdCopyButton;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkV5HTEMWZcjs.Controller_default,
+    {
+      control,
+      name,
+      render: ({
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        field: { onChange, value, ref, onBlur }
+      }) => {
+        var _a;
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, getBaseProps()), {
+            className: _pixelutils.cn.call(void 0, classNames.base),
+            "data-testid": `${testId}_wrapper`,
+            "data-required": required,
+            children: [
+              showLabel && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "label",
+                {
+                  className: classNames.label,
+                  "data-slot": "label",
+                  htmlFor: `react-select-${name}-input`,
+                  id: getLabelProps().id,
+                  children: [
+                    label,
+                    showTestIdCopyButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJU5RT22Ycjs.FieldCopyTestIdButton_default, { testId })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _reactselect2.default,
+                {
+                  "aria-errormessage": "",
+                  "aria-labelledby": (_a = getTriggerProps()["aria-labelledby"]) == null ? void 0 : _a.split(" ")[1],
+                  "aria-invalid": invalid,
+                  classNames: {
+                    control: () => _pixelutils.cn.call(void 0, classNames.control, {
+                      [classNames.control_focused]: isFocused && !invalid
+                    }),
+                    clearIndicator: () => classNames.clearIndicator,
+                    dropdownIndicator: () => classNames.dropdownIndicator,
+                    groupHeading: () => classNames.groupHeading,
+                    indicatorsContainer: () => classNames.indicatorsContainer,
+                    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, `${getValueProps().className}`),
+                    multiValueRemove: () => classNames.multiValueRemove,
+                    noOptionsMessage: () => classNames.noOptionsMessage,
+                    option: ({
+                      isFocused: optionIsFocused,
+                      isSelected: optionIsSelected
+                    }) => _pixelutils.cn.call(void 0, classNames.option, {
+                      [classNames.option_focused]: optionIsFocused,
+                      [classNames.option_selected]: optionIsSelected
+                    }),
+                    placeholder: () => classNames.placeholder,
+                    singleValue: () => _pixelutils.cn.call(void 0, classNames.singleValue, `${getValueProps().className}`),
+                    valueContainer: () => classNames.valueContainer
+                  },
+                  components: {
+                    Input: InputComponent,
+                    Option: OptionComponent,
+                    DropdownIndicator: DropdownIndicatorComponent,
+                    Control: ControlComponent
+                  },
+                  "data-testid": testId,
+                  filterOption,
+                  formatOptionLabel: renderOptionLabel,
+                  inputValue,
+                  instanceId: name,
+                  isClearable: clearable,
+                  isDisabled: disabled,
+                  isLoading: loading,
+                  isMulti: multiSelect,
+                  name,
+                  menuPosition: "fixed",
+                  menuShouldBlockScroll: true,
+                  options,
+                  placeholder,
+                  onBlur: (_e) => {
+                    setIsFocused(false);
+                    return onBlur();
+                  },
+                  onChange: (option) => {
+                    if (multiSelect) {
+                      onChange(
+                        option == null ? void 0 : option.map((_option) => _option.value)
+                      );
+                    } else {
+                      onChange(option == null ? void 0 : option.value);
+                    }
+                  },
+                  onFocus: (_e) => {
+                    setIsFocused(true);
+                  },
+                  onInputChange,
+                  ref,
+                  value: options.find((option) => option.value === value),
+                  unstyled: true
+                }
+              ),
+              error && // eslint-disable-next-line react/jsx-props-no-spreading
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, getHelperWrapperProps()), { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, getErrorMessageProps()), { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC4RM2JSDcjs.FieldValidationError_default, { error }) })) }))
+            ]
+          })
+        );
+      }
+    }
+  );
+};
+var Select_default = Select;
+
+// src/Select/index.ts
+var Select_default2 = Select_default;
+
+
+
+
+exports.Select_default = Select_default; exports.Select_default2 = Select_default2;
+//# sourceMappingURL=chunk-K43U2JVG.cjs.map