@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/form/fields/Input.spec.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/cjs/components/form/fields/RadioGroup.cjs

@@ -0,0 +1,57 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_form_fields_registry = require('./registry.cjs');
+const require_components_form_fields_types = require('./types.cjs');
+const require_components_form_fields_index = require('./index.cjs');
+const require_components_index = require('../../index.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/form/fields/RadioGroup.tsx
+function slugify(str) {
+	return str.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+}
+function registerRadioGroup() {
+	require_components_form_fields_registry.registerFormComponent(require_components_form_fields_types.FormFieldType.RADIO, RadioGroup);
+}
+var RadioGroup;
+var init_RadioGroup = require_rolldown_runtime.__esmMin((() => {
+	require_components_form_fields_index.init_fields();
+	require_components_index.init_components();
+	RadioGroup = react.default.forwardRef(({ autocomplete, options, ...props }, ref) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.RadioGroup, {
+			disabled: props.disabled,
+			name: props.name,
+			onBlur: props.onBlur,
+			onValueChange: props.onChange,
+			ref,
+			value: props.value,
+			children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "radio-option",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.RadioGroupItem, {
+					id: `${props.name}-${slugify(option)}`,
+					value: option,
+					...autocomplete ? { autoComplete: autocomplete } : {}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+					className: props.labelClassName,
+					htmlFor: `${props.name}-${slugify(option)}`,
+					children: option
+				})]
+			}, option))
+		});
+	});
+	RadioGroup.displayName = "RadioGroup";
+}));
+
+//#endregion
+init_RadioGroup();
+exports.RadioGroup = RadioGroup;
+Object.defineProperty(exports, 'init_RadioGroup', {
+  enumerable: true,
+  get: function () {
+    return init_RadioGroup;
+  }
+});
+exports.registerRadioGroup = registerRadioGroup;
+//# sourceMappingURL=RadioGroup.cjs.map

package/dist/cjs/components/form/fields/RadioGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.cjs","names":["FormFieldType","React","BaseRadioGroup","RadioGroupItem"],"sources":["../../../../../src/components/form/fields/RadioGroup.tsx"],"sourcesContent":["import {\n  RadioGroup as BaseRadioGroup,\n  RadioGroupItem,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\ninterface RadioGroupProps {\n  autocomplete?: string;\n  disabled?: boolean;\n  label?: string;\n  labelClassName?: string;\n  name: string;\n  onBlur?: () => void;\n  onChange?: (value: string) => void;\n  options: string[];\n  value?: string;\n}\n\nfunction slugify(str: string): string {\n  return str\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-|-$/g, \"\");\n}\n\nexport const RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(\n  ({ autocomplete, options, ...props }, ref) => {\n    return (\n      <BaseRadioGroup\n        disabled={props.disabled}\n        name={props.name}\n        onBlur={props.onBlur}\n        onValueChange={props.onChange}\n        ref={ref}\n        value={props.value}>\n        {options.map((option) => (\n          <div className=\"radio-option\" key={option}>\n            <RadioGroupItem\n              id={`${props.name}-${slugify(option)}`}\n              value={option}\n              {...(autocomplete ? { autoComplete: autocomplete } : {})}\n            />\n            <label\n              className={props.labelClassName}\n              htmlFor={`${props.name}-${slugify(option)}`}>\n              {option}\n            </label>\n          </div>\n        ))}\n      </BaseRadioGroup>\n    );\n  },\n);\nRadioGroup.displayName = \"RadioGroup\";\n\nexport function registerRadioGroup() {\n  registerFormComponent(FormFieldType.RADIO, RadioGroup);\n}\n"],"mappings":";;;;;;;;;;;AAqBA,SAAS,QAAQ,KAAqB;AACpC,QAAO,IACJ,aAAa,CACb,QAAQ,eAAe,IAAI,CAC3B,QAAQ,UAAU,GAAG;;AAiC1B,SAAgB,qBAAqB;AACnC,+DAAsBA,mDAAc,OAAO,WAAW;;;;mDArDd;2CACG;CAqBhC,aAAaC,cAAM,YAC7B,EAAE,cAAc,SAAS,GAAG,SAAS,QAAQ;AAC5C,SACE,2CAACC;GACC,UAAU,MAAM;GAChB,MAAM,MAAM;GACZ,QAAQ,MAAM;GACd,eAAe,MAAM;GAChB;GACL,OAAO,MAAM;aACZ,QAAQ,KAAK,WACZ,4CAAC;IAAI,WAAU;eACb,2CAACC;KACC,IAAI,GAAG,MAAM,KAAK,GAAG,QAAQ,OAAO;KACpC,OAAO;KACP,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;MACvD,EACF,2CAAC;KACC,WAAW,MAAM;KACjB,SAAS,GAAG,MAAM,KAAK,GAAG,QAAQ,OAAO;eACxC;MACK;MAVyB,OAW7B,CACN;IACa;GAGtB;AACD,YAAW,cAAc"}

package/dist/cjs/components/form/fields/RadioGroup.d.cts

@@ -0,0 +1,6 @@
+//#region src/components/form/fields/RadioGroup.d.ts
+declare const RadioGroup: any;
+declare function registerRadioGroup(): void;
+//#endregion
+export { RadioGroup, registerRadioGroup };
+//# sourceMappingURL=RadioGroup.d.cts.map

package/dist/cjs/components/form/fields/RadioGroup.spec.cjs

@@ -0,0 +1,99 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_form_fields_RadioGroup = require('./RadioGroup.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/@testing-library+react@16.3.1_@testing-library+dom@10.4.0_@types+react-dom@19.2.3_@type_dda5dedfc9a50d1db6bb0a214573fe51/node_modules/@testing-library/react/dist/index.js");
+let _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js");
+let _home_runner_work_web_web_node_modules__pnpm__testing_library_user_event_14_6_1__testing_library_dom_10_4_0_node_modules__testing_library_user_event_dist_esm_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/@testing-library+user-event@14.6.1_@testing-library+dom@10.4.0/node_modules/@testing-library/user-event/dist/esm/index.js");
+_home_runner_work_web_web_node_modules__pnpm__testing_library_user_event_14_6_1__testing_library_dom_10_4_0_node_modules__testing_library_user_event_dist_esm_index_js = require_rolldown_runtime.__toESM(_home_runner_work_web_web_node_modules__pnpm__testing_library_user_event_14_6_1__testing_library_dom_10_4_0_node_modules__testing_library_user_event_dist_esm_index_js);
+
+//#region src/components/form/fields/RadioGroup.spec.tsx
+require_components_form_fields_RadioGroup.init_RadioGroup();
+_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.mock("./index", () => ({ registerFormComponent: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn() }));
+_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.hoisted(() => ({
+	RadioGroup: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+	RadioGroupItem: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn()
+}));
+_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.mock("@lumeweb/portal-framework-ui-core", () => ({
+	RadioGroup: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(({ children, ...props }) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-testid": "base-radio-group",
+			...props,
+			children
+		});
+	}),
+	RadioGroupItem: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(({ value, ...props }) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			"data-testid": `radio-item-${value}`,
+			type: "radio",
+			value,
+			...props
+		});
+	})
+}));
+(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.describe)("RadioGroup", () => {
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.afterEach)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.cleanup);
+	const options = [
+		"option1",
+		"option2",
+		"option3"
+	];
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("renders the base radio group component", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_RadioGroup.RadioGroup, {
+			name: "testRadioGroup",
+			options
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("base-radio-group")).toBeInTheDocument();
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("renders radio items for each option", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_RadioGroup.RadioGroup, {
+			name: "testRadioGroup",
+			options
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("radio-item-option1")).toBeInTheDocument();
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("radio-item-option2")).toBeInTheDocument();
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("radio-item-option3")).toBeInTheDocument();
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("renders labels for each radio item", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_RadioGroup.RadioGroup, {
+			name: "testRadioGroup",
+			options
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByLabelText("option1")).toBeInTheDocument();
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByLabelText("option2")).toBeInTheDocument();
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByLabelText("option3")).toBeInTheDocument();
+	});
+	_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it.skip("renders the correct radio item as checked when value is provided", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_RadioGroup.RadioGroup, {
+			name: "testRadioGroup",
+			options,
+			value: "option2"
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("radio-item-option2")).toBeChecked();
+	});
+	_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it.skip("calls onChange when a radio item is selected", async () => {
+		const user = _home_runner_work_web_web_node_modules__pnpm__testing_library_user_event_14_6_1__testing_library_dom_10_4_0_node_modules__testing_library_user_event_dist_esm_index_js.default.setup();
+		const handleChange = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn();
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_RadioGroup.RadioGroup, {
+			name: "testRadioGroup",
+			onChange: handleChange,
+			options
+		}));
+		const option2Label = _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByLabelText("option2");
+		await user.click(option2Label);
+		await new Promise((resolve) => setTimeout(resolve, 50));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(handleChange).toHaveBeenCalledWith("option2");
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("disables the radio group when disabled prop is true", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_RadioGroup.RadioGroup, {
+			disabled: true,
+			name: "testRadioGroup",
+			options
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("base-radio-group")).toHaveAttribute("disabled");
+	});
+});
+
+//#endregion
+//# sourceMappingURL=RadioGroup.spec.cjs.map

package/dist/cjs/components/form/fields/RadioGroup.spec.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.spec.cjs","names":["vi","cleanup","RadioGroup","screen","userEvent"],"sources":["../../../../../src/components/form/fields/RadioGroup.spec.tsx"],"sourcesContent":["import { cleanup, render, screen } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { RadioGroup } from \"./RadioGroup\";\n\n// Mock the registerFormComponent to prevent side effects\nvi.mock(\"./index\", () => ({\n  registerFormComponent: vi.fn(),\n}));\n\n// Need to get a reference to the mocks object\nconst mocks = vi.hoisted(() => ({\n  RadioGroup: vi.fn(),\n  RadioGroupItem: vi.fn(),\n}));\n\n// Mock the base components from ui-core\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => ({\n  // Mock the base components from ui-core\n  RadioGroup: vi.fn(({ children, ...props }) => {\n    // Simple mock that just renders children\n    return (\n      <div data-testid=\"base-radio-group\" {...props}>\n        {children}\n      </div>\n    );\n  }),\n  RadioGroupItem: vi.fn(({ value, ...props }) => {\n    // Simple mock that just renders an input\n    return (\n      <input\n        data-testid={`radio-item-${value}`}\n        type=\"radio\"\n        value={value}\n        {...props}\n      />\n    );\n  }),\n}));\n\ndescribe(\"RadioGroup\", () => {\n  afterEach(cleanup);\n\n  const options = [\"option1\", \"option2\", \"option3\"];\n\n  it(\"renders the base radio group component\", () => {\n    render(<RadioGroup name=\"testRadioGroup\" options={options} />);\n    expect(screen.getByTestId(\"base-radio-group\")).toBeInTheDocument();\n  });\n\n  it(\"renders radio items for each option\", () => {\n    render(<RadioGroup name=\"testRadioGroup\" options={options} />);\n    expect(screen.getByTestId(\"radio-item-option1\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"radio-item-option2\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"radio-item-option3\")).toBeInTheDocument();\n  });\n\n  it(\"renders labels for each radio item\", () => {\n    render(<RadioGroup name=\"testRadioGroup\" options={options} />);\n    expect(screen.getByLabelText(\"option1\")).toBeInTheDocument();\n    expect(screen.getByLabelText(\"option2\")).toBeInTheDocument();\n    expect(screen.getByLabelText(\"option3\")).toBeInTheDocument();\n  });\n\n  it.skip(\"renders the correct radio item as checked when value is provided\", () => {\n    render(\n      <RadioGroup name=\"testRadioGroup\" options={options} value=\"option2\" />,\n    );\n    const option2Input = screen.getByTestId(\"radio-item-option2\");\n    expect(option2Input).toBeChecked();\n  });\n\n  it.skip(\"calls onChange when a radio item is selected\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(\n      <RadioGroup\n        name=\"testRadioGroup\"\n        onChange={handleChange} // This spy is passed as onValueChange to the mock\n        options={options}\n      />,\n    );\n\n    // Interact with the label, which is a more robust way for radio buttons\n    const option2Label = screen.getByLabelText(\"option2\");\n    await user.click(option2Label); // Click the label\n\n    // Add a small delay to see if it helps the spy assertion\n    await new Promise((resolve) => setTimeout(resolve, 50));\n\n    expect(handleChange).toHaveBeenCalledWith(\"option2\");\n  });\n\n  it(\"disables the radio group when disabled prop is true\", () => {\n    render(<RadioGroup disabled name=\"testRadioGroup\" options={options} />);\n    const radioGroup = screen.getByTestId(\"base-radio-group\");\n    expect(radioGroup).toHaveAttribute(\"disabled\");\n  });\n});\n"],"mappings":";;;;;;;;;;;2DAK0C;AAG1CA,2MAAG,KAAK,kBAAkB,EACxB,uBAAuBA,2MAAG,IAAI,EAC/B,EAAE;AAGWA,2MAAG,eAAe;CAC9B,YAAYA,2MAAG,IAAI;CACnB,gBAAgBA,2MAAG,IAAI;CACxB,EAAE;AAGHA,2MAAG,KAAK,4CAA4C;CAElD,YAAYA,2MAAG,IAAI,EAAE,UAAU,GAAG,YAAY;AAE5C,SACE,2CAAC;GAAI,eAAY;GAAmB,GAAI;GACrC;IACG;GAER;CACF,gBAAgBA,2MAAG,IAAI,EAAE,OAAO,GAAG,YAAY;AAE7C,SACE,2CAAC;GACC,eAAa,cAAc;GAC3B,MAAK;GACE;GACP,GAAI;IACJ;GAEJ;CACH,EAAE;sNAEM,oBAAoB;AAC3B,wNAAUC,gOAAQ;CAElB,MAAM,UAAU;EAAC;EAAW;EAAW;EAAU;AAEjD,iNAAG,gDAAgD;AACjD,sOAAO,2CAACC;GAAW,MAAK;GAA0B;IAAW,CAAC;AAC9D,sNAAOC,+NAAO,YAAY,mBAAmB,CAAC,CAAC,mBAAmB;GAClE;AAEF,iNAAG,6CAA6C;AAC9C,sOAAO,2CAACD;GAAW,MAAK;GAA0B;IAAW,CAAC;AAC9D,sNAAOC,+NAAO,YAAY,qBAAqB,CAAC,CAAC,mBAAmB;AACpE,sNAAOA,+NAAO,YAAY,qBAAqB,CAAC,CAAC,mBAAmB;AACpE,sNAAOA,+NAAO,YAAY,qBAAqB,CAAC,CAAC,mBAAmB;GACpE;AAEF,iNAAG,4CAA4C;AAC7C,sOAAO,2CAACD;GAAW,MAAK;GAA0B;IAAW,CAAC;AAC9D,sNAAOC,+NAAO,eAAe,UAAU,CAAC,CAAC,mBAAmB;AAC5D,sNAAOA,+NAAO,eAAe,UAAU,CAAC,CAAC,mBAAmB;AAC5D,sNAAOA,+NAAO,eAAe,UAAU,CAAC,CAAC,mBAAmB;GAC5D;AAEF,4MAAG,KAAK,0EAA0E;AAChF,sOACE,2CAACD;GAAW,MAAK;GAA0B;GAAS,OAAM;IAAY,CACvE;AAED,sNADqBC,+NAAO,YAAY,qBAAqB,CACzC,CAAC,aAAa;GAClC;AAEF,4MAAG,KAAK,gDAAgD,YAAY;EAClE,MAAM,OAAOC,+KAAU,OAAO;EAC9B,MAAM,eAAeJ,2MAAG,IAAI;AAC5B,sOACE,2CAACE;GACC,MAAK;GACL,UAAU;GACD;IACT,CACH;EAGD,MAAM,eAAeC,+NAAO,eAAe,UAAU;AACrD,QAAM,KAAK,MAAM,aAAa;AAG9B,QAAM,IAAI,SAAS,YAAY,WAAW,SAAS,GAAG,CAAC;AAEvD,sNAAO,aAAa,CAAC,qBAAqB,UAAU;GACpD;AAEF,iNAAG,6DAA6D;AAC9D,sOAAO,2CAACD;GAAW;GAAS,MAAK;GAA0B;IAAW,CAAC;AAEvE,sNADmBC,+NAAO,YAAY,mBAAmB,CACvC,CAAC,gBAAgB,WAAW;GAC9C;EACF"}

package/dist/cjs/components/form/fields/RadioGroup.spec.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/cjs/components/form/fields/RichText.cjs

@@ -0,0 +1,46 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_form_fields_registry = require('./registry.cjs');
+const require_components_editor_Editor = require('../../editor/Editor.cjs');
+const require_components_editor_index = require('../../editor/index.cjs');
+const require_components_form_fields_types = require('./types.cjs');
+const require_components_form_fields_index = require('./index.cjs');
+const require_components_index = require('../../index.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/form/fields/RichText.tsx
+function registerRichText() {
+	require_components_form_fields_registry.registerFormComponent(require_components_form_fields_types.FormFieldType.RICH_TEXT, RichText);
+}
+var RichText;
+var init_RichText = require_rolldown_runtime.__esmMin((() => {
+	require_components_editor_index.init_editor();
+	require_components_form_fields_index.init_fields();
+	require_components_index.init_components();
+	RichText = (0, react.forwardRef)(({ autocomplete, enablePreview, onChange, placeholder, required, toolbarOptions, value }, ref) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_editor_Editor.Editor, {
+			enablePreview,
+			onChange,
+			placeholder,
+			ref,
+			required,
+			toolbarOptions,
+			value,
+			...autocomplete ? { autoComplete: autocomplete } : {}
+		});
+	});
+	RichText.displayName = "MarkdownEditor";
+}));
+
+//#endregion
+init_RichText();
+exports.RichText = RichText;
+Object.defineProperty(exports, 'init_RichText', {
+  enumerable: true,
+  get: function () {
+    return init_RichText;
+  }
+});
+exports.registerRichText = registerRichText;
+//# sourceMappingURL=RichText.cjs.map

package/dist/cjs/components/form/fields/RichText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.cjs","names":["FormFieldType","BaseEditor"],"sources":["../../../../../src/components/form/fields/RichText.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Editor as BaseEditor, ToolbarOption } from \"@/components/editor\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\nimport { FormComponentProps } from \"./types\";\n\ninterface RichTextProps extends FormComponentProps {\n  autocomplete?: string;\n  enablePreview?: boolean;\n  toolbarOptions?: ToolbarOption[];\n}\n\nexport const RichText = forwardRef<HTMLDivElement, RichTextProps>(\n  (\n    {\n      autocomplete,\n      enablePreview,\n      onChange,\n      placeholder,\n      required,\n      toolbarOptions,\n      value,\n    },\n    ref,\n  ) => {\n    return (\n      <BaseEditor\n        enablePreview={enablePreview}\n        onChange={onChange}\n        placeholder={placeholder}\n        ref={ref}\n        required={required}\n        toolbarOptions={toolbarOptions}\n        value={value}\n        {...(autocomplete ? { autoComplete: autocomplete } : {})}\n      />\n    );\n  },\n);\nRichText.displayName = \"MarkdownEditor\";\n\nexport function registerRichText() {\n  registerFormComponent(FormFieldType.RICH_TEXT, RichText);\n}\n"],"mappings":";;;;;;;;;;;;AA2CA,SAAgB,mBAAmB;AACjC,+DAAsBA,mDAAc,WAAW,SAAS;;;;8CA1CgB;mDAEhC;2CACG;CAShC,kCAET,EACE,cACA,eACA,UACA,aACA,UACA,gBACA,SAEF,QACG;AACH,SACE,2CAACC;GACgB;GACL;GACG;GACR;GACK;GACM;GACT;GACP,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;IACvD;GAGP;AACD,UAAS,cAAc"}

package/dist/cjs/components/form/fields/RichText.d.cts

@@ -0,0 +1,6 @@
+//#region src/components/form/fields/RichText.d.ts
+declare const RichText: any;
+declare function registerRichText(): void;
+//#endregion
+export { RichText, registerRichText };
+//# sourceMappingURL=RichText.d.cts.map

package/dist/cjs/components/form/fields/RichText.spec.cjs

@@ -0,0 +1,73 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_form_fields_RichText = require('./RichText.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/@testing-library+react@16.3.1_@testing-library+dom@10.4.0_@types+react-dom@19.2.3_@type_dda5dedfc9a50d1db6bb0a214573fe51/node_modules/@testing-library/react/dist/index.js");
+let _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js");
+let _home_runner_work_web_web_node_modules__pnpm__testing_library_user_event_14_6_1__testing_library_dom_10_4_0_node_modules__testing_library_user_event_dist_esm_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/@testing-library+user-event@14.6.1_@testing-library+dom@10.4.0/node_modules/@testing-library/user-event/dist/esm/index.js");
+_home_runner_work_web_web_node_modules__pnpm__testing_library_user_event_14_6_1__testing_library_dom_10_4_0_node_modules__testing_library_user_event_dist_esm_index_js = require_rolldown_runtime.__toESM(_home_runner_work_web_web_node_modules__pnpm__testing_library_user_event_14_6_1__testing_library_dom_10_4_0_node_modules__testing_library_user_event_dist_esm_index_js);
+
+//#region src/components/form/fields/RichText.spec.tsx
+require_components_form_fields_RichText.init_RichText();
+_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.mock("./index", () => ({ registerFormComponent: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn() }));
+_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.mock("@/components/editor", () => ({ Editor: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(({ enablePreview, onChange, placeholder, required, toolbarOptions, value, ...props }) => {
+	const handleChange = (event) => {
+		onChange?.(event.target.value);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+		"data-enable-preview": enablePreview,
+		"data-testid": "mock-editor",
+		"data-toolbar-options": JSON.stringify(toolbarOptions),
+		onChange: handleChange,
+		placeholder,
+		required,
+		value,
+		...props
+	});
+}) }));
+(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.describe)("RichText", () => {
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.afterEach)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.cleanup);
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("renders the mocked base editor component", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_RichText.RichText, { name: "testRichText" }));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("mock-editor")).toBeInTheDocument();
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("passes props to the base editor", () => {
+		const handleChange = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn();
+		const toolbarOptions = [{
+			action: "bold",
+			name: "bold"
+		}];
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_RichText.RichText, {
+			enablePreview: true,
+			name: "testRichText",
+			onChange: handleChange,
+			placeholder: "Enter text",
+			required: true,
+			toolbarOptions,
+			value: "Initial value"
+		}));
+		const editor = _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("mock-editor");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(editor).toHaveValue("Initial value");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(editor).toHaveAttribute("placeholder", "Enter text");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(editor).toBeRequired();
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(editor).toHaveAttribute("data-enable-preview", "true");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(editor).toHaveAttribute("data-toolbar-options", JSON.stringify(toolbarOptions));
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("calls onChange when the value changes", async () => {
+		const user = _home_runner_work_web_web_node_modules__pnpm__testing_library_user_event_14_6_1__testing_library_dom_10_4_0_node_modules__testing_library_user_event_dist_esm_index_js.default.setup();
+		const handleChange = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn();
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_RichText.RichText, {
+			name: "testRichText",
+			onChange: handleChange
+		}));
+		const editor = _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("mock-editor");
+		await user.type(editor, "New text");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(handleChange).toHaveBeenCalledWith("N");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(handleChange).toHaveBeenCalledWith("Ne");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(handleChange).toHaveBeenCalledWith("New");
+	});
+});
+
+//#endregion
+//# sourceMappingURL=RichText.spec.cjs.map

package/dist/cjs/components/form/fields/RichText.spec.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.spec.cjs","names":["vi","cleanup","RichText","screen","userEvent"],"sources":["../../../../../src/components/form/fields/RichText.spec.tsx"],"sourcesContent":["import { cleanup, render, screen } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { RichText } from \"./RichText\";\n\n// Mock the registerFormComponent to prevent side effects\nvi.mock(\"./index\", () => ({\n  registerFormComponent: vi.fn(),\n}));\n\n// Mock the base editor component\nvi.mock(\"@/components/editor\", () => ({\n  Editor: vi.fn(\n    ({\n      enablePreview,\n      onChange,\n      placeholder,\n      required,\n      toolbarOptions,\n      value,\n      ...props\n    }) => {\n      const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        onChange?.(event.target.value);\n      };\n      return (\n        <textarea\n          data-enable-preview={enablePreview}\n          data-testid=\"mock-editor\"\n          data-toolbar-options={JSON.stringify(toolbarOptions)}\n          onChange={handleChange}\n          placeholder={placeholder}\n          required={required}\n          value={value}\n          {...props}\n        />\n      );\n    },\n  ),\n}));\n\ndescribe(\"RichText\", () => {\n  afterEach(cleanup);\n\n  it(\"renders the mocked base editor component\", () => {\n    render(<RichText name=\"testRichText\" />);\n    expect(screen.getByTestId(\"mock-editor\")).toBeInTheDocument();\n  });\n\n  it(\"passes props to the base editor\", () => {\n    const handleChange = vi.fn();\n    const toolbarOptions = [{ action: \"bold\", name: \"bold\" }];\n    render(\n      <RichText\n        enablePreview\n        name=\"testRichText\"\n        onChange={handleChange}\n        placeholder=\"Enter text\"\n        required\n        toolbarOptions={toolbarOptions}\n        value=\"Initial value\"\n      />,\n    );\n\n    const editor = screen.getByTestId(\"mock-editor\");\n    expect(editor).toHaveValue(\"Initial value\");\n    expect(editor).toHaveAttribute(\"placeholder\", \"Enter text\");\n    expect(editor).toBeRequired();\n    expect(editor).toHaveAttribute(\"data-enable-preview\", \"true\");\n    expect(editor).toHaveAttribute(\n      \"data-toolbar-options\",\n      JSON.stringify(toolbarOptions),\n    );\n  });\n\n  it(\"calls onChange when the value changes\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(<RichText name=\"testRichText\" onChange={handleChange} />);\n\n    const editor = screen.getByTestId(\"mock-editor\");\n    await user.type(editor, \"New text\");\n\n    expect(handleChange).toHaveBeenCalledWith(\"N\");\n    expect(handleChange).toHaveBeenCalledWith(\"Ne\");\n    expect(handleChange).toHaveBeenCalledWith(\"New\");\n    // ... and so on for each character\n  });\n});\n"],"mappings":";;;;;;;;;;;uDAKsC;AAGtCA,2MAAG,KAAK,kBAAkB,EACxB,uBAAuBA,2MAAG,IAAI,EAC/B,EAAE;AAGHA,2MAAG,KAAK,8BAA8B,EACpC,QAAQA,2MAAG,IACR,EACC,eACA,UACA,aACA,UACA,gBACA,OACA,GAAG,YACC;CACJ,MAAM,gBAAgB,UAAkD;AACtE,aAAW,MAAM,OAAO,MAAM;;AAEhC,QACE,2CAAC;EACC,uBAAqB;EACrB,eAAY;EACZ,wBAAsB,KAAK,UAAU,eAAe;EACpD,UAAU;EACG;EACH;EACH;EACP,GAAI;GACJ;EAGP,EACF,EAAE;sNAEM,kBAAkB;AACzB,wNAAUC,gOAAQ;AAElB,iNAAG,kDAAkD;AACnD,sOAAO,2CAACC,oDAAS,MAAK,iBAAiB,CAAC;AACxC,sNAAOC,+NAAO,YAAY,cAAc,CAAC,CAAC,mBAAmB;GAC7D;AAEF,iNAAG,yCAAyC;EAC1C,MAAM,eAAeH,2MAAG,IAAI;EAC5B,MAAM,iBAAiB,CAAC;GAAE,QAAQ;GAAQ,MAAM;GAAQ,CAAC;AACzD,sOACE,2CAACE;GACC;GACA,MAAK;GACL,UAAU;GACV,aAAY;GACZ;GACgB;GAChB,OAAM;IACN,CACH;EAED,MAAM,SAASC,+NAAO,YAAY,cAAc;AAChD,sNAAO,OAAO,CAAC,YAAY,gBAAgB;AAC3C,sNAAO,OAAO,CAAC,gBAAgB,eAAe,aAAa;AAC3D,sNAAO,OAAO,CAAC,cAAc;AAC7B,sNAAO,OAAO,CAAC,gBAAgB,uBAAuB,OAAO;AAC7D,sNAAO,OAAO,CAAC,gBACb,wBACA,KAAK,UAAU,eAAe,CAC/B;GACD;AAEF,iNAAG,yCAAyC,YAAY;EACtD,MAAM,OAAOC,+KAAU,OAAO;EAC9B,MAAM,eAAeJ,2MAAG,IAAI;AAC5B,sOAAO,2CAACE;GAAS,MAAK;GAAe,UAAU;IAAgB,CAAC;EAEhE,MAAM,SAASC,+NAAO,YAAY,cAAc;AAChD,QAAM,KAAK,KAAK,QAAQ,WAAW;AAEnC,sNAAO,aAAa,CAAC,qBAAqB,IAAI;AAC9C,sNAAO,aAAa,CAAC,qBAAqB,KAAK;AAC/C,sNAAO,aAAa,CAAC,qBAAqB,MAAM;GAEhD;EACF"}

package/dist/cjs/components/form/fields/RichText.spec.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/cjs/components/form/fields/Select.cjs

@@ -0,0 +1,52 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_form_fields_registry = require('./registry.cjs');
+const require_components_form_fields_types = require('./types.cjs');
+const require_components_form_fields_index = require('./index.cjs');
+const require_components_index = require('../../index.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/form/fields/Select.tsx
+function registerSelect() {
+	require_components_form_fields_registry.registerFormComponent(require_components_form_fields_types.FormFieldType.SELECT, Select);
+}
+var Select;
+var init_Select = require_rolldown_runtime.__esmMin((() => {
+	require_components_form_fields_index.init_fields();
+	require_components_index.init_components();
+	Select = react.default.forwardRef(({ autocomplete, inputClassName, onChange, options, placeholder = "Select...", required, value, ...props }, ref) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.Select, {
+			onValueChange: onChange,
+			required,
+			value: value || "",
+			...autocomplete ? { autoComplete: autocomplete } : {},
+			...props,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.SelectTrigger, {
+				className: (0, _lumeweb_portal_framework_ui_core.cn)("bg-modal-input text-foreground placeholder:text-foreground/50 h-14 w-full border-none", inputClassName, "data-[placeholder]:text-foreground/50"),
+				ref,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.SelectValue, { placeholder })
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.SelectContent, { children: (options || []).map((option) => {
+				const value$1 = typeof option === "string" ? option : option.value;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.SelectItem, {
+					value: value$1,
+					children: typeof option === "string" ? option : option.label
+				}, value$1);
+			}) })]
+		});
+	});
+	Select.displayName = "Select";
+}));
+
+//#endregion
+init_Select();
+exports.Select = Select;
+Object.defineProperty(exports, 'init_Select', {
+  enumerable: true,
+  get: function () {
+    return init_Select;
+  }
+});
+exports.registerSelect = registerSelect;
+//# sourceMappingURL=Select.cjs.map

package/dist/cjs/components/form/fields/Select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs","names":["FormFieldType","React","BaseSelect","SelectTrigger","SelectValue","SelectContent","value","SelectItem"],"sources":["../../../../../src/components/form/fields/Select.tsx"],"sourcesContent":["import {\n  Select as BaseSelect,\n  cn,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport type { FormFieldOption } from \"@/components\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\nexport const Select = React.forwardRef<\n  HTMLButtonElement,\n  {\n    [key: string]: any;\n    autocomplete?: string;\n    className?: string;\n    label?: string;\n    options: FormFieldOption[];\n    placeholder?: string;\n  }\n>(\n  (\n    {\n      autocomplete,\n      inputClassName,\n      onChange,\n      options,\n      placeholder = \"Select...\",\n      required,\n      value,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <BaseSelect\n        onValueChange={onChange}\n        required={required}\n        value={value || \"\"}\n        {...(autocomplete ? { autoComplete: autocomplete } : {})}\n        {...props}>\n        <SelectTrigger\n          className={cn(\n            \"bg-modal-input text-foreground placeholder:text-foreground/50 h-14 w-full border-none\",\n            inputClassName,\n            \"data-[placeholder]:text-foreground/50\",\n          )}\n          ref={ref}>\n          <SelectValue placeholder={placeholder} />\n        </SelectTrigger>\n        <SelectContent>\n          {(options || []).map((option: FormFieldOption) => {\n            const value = typeof option === \"string\" ? option : option.value;\n            const label = typeof option === \"string\" ? option : option.label;\n            return (\n              <SelectItem key={value} value={value}>\n                {label}\n              </SelectItem>\n            );\n          })}\n        </SelectContent>\n      </BaseSelect>\n    );\n  },\n);\nSelect.displayName = \"Select\";\n\nexport function registerSelect() {\n  registerFormComponent(FormFieldType.SELECT, Select);\n}\n"],"mappings":";;;;;;;;;;;AAwEA,SAAgB,iBAAiB;AAC/B,+DAAsBA,mDAAc,QAAQ,OAAO;;;;mDA7DX;2CACG;CAEhC,SAASC,cAAM,YAYxB,EACE,cACA,gBACA,UACA,SACA,cAAc,aACd,UACA,OACA,GAAG,SAEL,QACG;AACH,SACE,4CAACC;GACC,eAAe;GACL;GACV,OAAO,SAAS;GAChB,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;GACvD,GAAI;cACJ,2CAACC;IACC,qDACE,yFACA,gBACA,wCACD;IACI;cACL,2CAACC,iDAAyB,cAAe;KAC3B,EAChB,2CAACC,8DACG,WAAW,EAAE,EAAE,KAAK,WAA4B;IAChD,MAAMC,UAAQ,OAAO,WAAW,WAAW,SAAS,OAAO;AAE3D,WACE,2CAACC;KAAuB,OAAOD;eAFnB,OAAO,WAAW,WAAW,SAAS,OAAO;OAExCA,QAEJ;KAEf,GACY;IACL;GAGlB;AACD,QAAO,cAAc"}

package/dist/cjs/components/form/fields/Select.d.cts

@@ -0,0 +1,6 @@
+//#region src/components/form/fields/Select.d.ts
+declare const Select: any;
+declare function registerSelect(): void;
+//#endregion
+export { Select, registerSelect };
+//# sourceMappingURL=Select.d.cts.map

package/dist/cjs/components/form/fields/Select.spec.cjs

@@ -0,0 +1,138 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_form_fields_Select = require('./Select.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/@testing-library+react@16.3.1_@testing-library+dom@10.4.0_@types+react-dom@19.2.3_@type_dda5dedfc9a50d1db6bb0a214573fe51/node_modules/@testing-library/react/dist/index.js");
+let _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js");
+let _home_runner_work_web_web_node_modules__pnpm__testing_library_user_event_14_6_1__testing_library_dom_10_4_0_node_modules__testing_library_user_event_dist_esm_index_js = require("/home/runner/work/web/web/node_modules/.pnpm/@testing-library+user-event@14.6.1_@testing-library+dom@10.4.0/node_modules/@testing-library/user-event/dist/esm/index.js");
+_home_runner_work_web_web_node_modules__pnpm__testing_library_user_event_14_6_1__testing_library_dom_10_4_0_node_modules__testing_library_user_event_dist_esm_index_js = require_rolldown_runtime.__toESM(_home_runner_work_web_web_node_modules__pnpm__testing_library_user_event_14_6_1__testing_library_dom_10_4_0_node_modules__testing_library_user_event_dist_esm_index_js);
+
+//#region src/components/form/fields/Select.spec.tsx
+require_components_form_fields_Select.init_Select();
+_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.mock("./index", () => ({ registerFormComponent: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn() }));
+const mocks = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.hoisted(() => ({
+	cn: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn((...classes) => classes.filter(Boolean).join(" ")),
+	Select: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+	SelectContent: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+	SelectItem: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+	SelectTrigger: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+	SelectValue: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn()
+}));
+_home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.mock("@lumeweb/portal-framework-ui-core", () => mocks);
+mocks.Select = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(({ children, onValueChange, value, ...props }) => {
+	const handleChange = (event) => {
+		onValueChange?.(event.target.value);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+		"data-testid": "base-select",
+		onChange: handleChange,
+		value: value ?? "",
+		...props,
+		children: react.default.Children.map(children, (child) => {
+			const typedChild = child;
+			if (react.default.isValidElement(typedChild) && typedChild.type === mocks.SelectContent && typedChild.props.children) return react.default.Children.map(typedChild.props.children, (selectItemChild) => {
+				if (react.default.isValidElement(selectItemChild) && selectItemChild.type === mocks.SelectItem) return selectItemChild;
+				return null;
+			});
+			return null;
+		})
+	}), react.default.Children.map(children, (child) => {
+		const typedChild = child;
+		if (react.default.isValidElement(typedChild) && (typedChild.type === mocks.SelectTrigger || typedChild.type === mocks.SelectValue)) return typedChild;
+		return null;
+	})] });
+});
+mocks.SelectItem = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(({ children, value, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+	"data-testid": `select-item-${value}`,
+	value,
+	...props,
+	children
+}));
+mocks.SelectContent = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn((props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	"data-testid": "select-content",
+	...props
+}));
+mocks.SelectTrigger = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(({ children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+	"data-testid": "select-trigger",
+	...props,
+	children
+}));
+mocks.SelectValue = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn((props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	"data-testid": "select-value",
+	...props
+}));
+(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.describe)("Select", () => {
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.afterEach)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.cleanup);
+	const options = [
+		"option1",
+		{
+			label: "Option Two",
+			value: "option2"
+		},
+		"option3"
+	];
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("renders the base select component", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_Select.Select, {
+			name: "testSelect",
+			onChange: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+			options
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("base-select")).toBeInTheDocument();
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("renders select items for each option", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_Select.Select, {
+			name: "testSelect",
+			onChange: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+			options
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("select-item-option1")).toBeInTheDocument();
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("select-item-option2")).toBeInTheDocument();
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("select-item-option3")).toBeInTheDocument();
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("uses option value for item value and label for item text", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_Select.Select, {
+			name: "testSelect",
+			onChange: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+			options
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("select-item-option1")).toHaveValue("option1");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("select-item-option1")).toHaveTextContent("option1");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("select-item-option2")).toHaveValue("option2");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("select-item-option2")).toHaveTextContent("Option Two");
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("passes the correct value to the base select", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_Select.Select, {
+			name: "testSelect",
+			onChange: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+			options,
+			value: "option2"
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("base-select")).toHaveValue("option2");
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("calls onChange when a new option is selected", async () => {
+		const user = _home_runner_work_web_web_node_modules__pnpm__testing_library_user_event_14_6_1__testing_library_dom_10_4_0_node_modules__testing_library_user_event_dist_esm_index_js.default.setup();
+		const handleChange = _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn();
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_Select.Select, {
+			name: "testSelect",
+			onChange: handleChange,
+			options
+		}));
+		const selectElement = _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("base-select");
+		await _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.findByTestId("select-item-option2");
+		await user.selectOptions(selectElement, "option2");
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(handleChange).toHaveBeenCalledWith("option2");
+	});
+	(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.it)("marks the base select as required when required prop is true", () => {
+		(0, _home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.render)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_form_fields_Select.Select, {
+			name: "testSelect",
+			onChange: _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.vi.fn(),
+			options,
+			required: true
+		}));
+		(0, _home_runner_work_web_web_node_modules__pnpm_vitest_4_0_16__types_node_25_0_6__vitest_browser_playwright_4_0_16_happy_dom_20_1_0_jit_f9bfc6b661e56e62de1f809a028e46f4_node_modules_vitest_dist_index_js.expect)(_home_runner_work_web_web_node_modules__pnpm__testing_library_react_16_3_1__testing_library_dom_10_4_0__types_react_dom_19_2_3__type_dda5dedfc9a50d1db6bb0a214573fe51_node_modules__testing_library_react_dist_index_js.screen.getByTestId("base-select")).toBeRequired();
+	});
+});
+
+//#endregion
+//# sourceMappingURL=Select.spec.cjs.map