@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.spec.cjs","names":["vi","React","cleanup","Select","screen","userEvent"],"sources":["../../../../../src/components/form/fields/Select.spec.tsx"],"sourcesContent":["// Mock the base components from ui-core\nimport { 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 { Select } from \"./Select\";\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 to filter children correctly\nconst mocks = vi.hoisted(() => ({\n  cn: vi.fn((...classes) => classes.filter(Boolean).join(\" \")), // Simple mock for classnames\n  Select: vi.fn(),\n  SelectContent: vi.fn(),\n  SelectItem: vi.fn(),\n  SelectTrigger: vi.fn(),\n  SelectValue: vi.fn(),\n}));\n\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => mocks);\n\n// Mock the base components from ui-core\n// The actual mock implementation needs to be defined after the hoisted mocks\nmocks.Select = vi.fn(({ children, onValueChange, value, ...props }) => {\n  const handleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    onValueChange?.(event.target.value);\n  };\n\n  // Render a native select element for interaction testing\n  // Render SelectTrigger and SelectValue mocks as siblings\n  return (\n    <>\n      <select\n        data-testid=\"base-select\"\n        onChange={handleChange}\n        // Use value for controlled behavior\n        value={value ?? \"\"} // Ensure value is never undefined for controlled component\n        // Pass relevant props to the native select if needed for testing attributes\n        {...props}>\n        {/* Find SelectContent child and render its SelectItem children inside the select */}\n        {React.Children.map(children, (child) => {\n          // Cast child to React.ReactElement<any> to access props\n          const typedChild = child as React.ReactElement<any>;\n          // Cast typedChild.props to any to access children\n          if (\n            React.isValidElement(typedChild) &&\n            typedChild.type === mocks.SelectContent &&\n            (typedChild.props as any).children\n          ) {\n            // Cast children to React.ReactNode[] before mapping\n            return React.Children.map(\n              (typedChild.props as any).children as React.ReactNode[],\n              (selectItemChild) => {\n                if (\n                  React.isValidElement(selectItemChild) &&\n                  selectItemChild.type === mocks.SelectItem\n                ) {\n                  return selectItemChild;\n                }\n                return null; // Ignore non-SelectItem children within SelectContent\n              },\n            );\n          }\n          return null; // Ignore other top-level children for the native select\n        })}\n      </select>\n      {/* Render SelectTrigger and SelectValue mocks as siblings */}\n      {React.Children.map(children, (child) => {\n        // Cast child to React.ReactElement<any> to access props\n        const typedChild = child as React.ReactElement<any>;\n        if (\n          React.isValidElement(typedChild) &&\n          (typedChild.type === mocks.SelectTrigger ||\n            typedChild.type === mocks.SelectValue)\n        ) {\n          return typedChild; // Render the mock component itself\n        }\n        return null; // Ignore other children at this level (including SelectContent)\n      })}\n    </>\n  );\n});\n\n// Mock SelectItem to render a native option element\nmocks.SelectItem = vi.fn(({ children, value, ...props }) => (\n  <option data-testid={`select-item-${value}`} value={value} {...props}>\n    {children}\n  </option>\n));\n\n// Mock other components as simple divs or null if not needed for interaction\n// These mocks are still needed if the component being tested renders them,\n// but they don't need to be children of the native select in the mock.\nmocks.SelectContent = vi.fn(\n  (\n    props, // Remove children from props\n  ) => (\n    <div data-testid=\"select-content\" {...props}></div> // Do not render children\n  ),\n);\nmocks.SelectTrigger = vi.fn(({ children, ...props }) => (\n  <button data-testid=\"select-trigger\" {...props}>\n    {children}\n  </button>\n));\nmocks.SelectValue = vi.fn((props) => (\n  <span data-testid=\"select-value\" {...props} />\n));\n\ndescribe(\"Select\", () => {\n  afterEach(cleanup);\n\n  const options = [\n    \"option1\",\n    { label: \"Option Two\", value: \"option2\" },\n    \"option3\",\n  ];\n\n  it(\"renders the base select component\", () => {\n    render(<Select name=\"testSelect\" onChange={vi.fn()} options={options} />); // Add dummy onChange\n    expect(screen.getByTestId(\"base-select\")).toBeInTheDocument();\n  });\n\n  // Removed tests for trigger/value rendering as they are no longer direct children of the mocked select\n  // If needed, these could be tested by rendering the Select component and checking for the presence\n  // of the mocked trigger/value elements as siblings or elsewhere in the rendered output.\n\n  it(\"renders select items for each option\", () => {\n    render(<Select name=\"testSelect\" onChange={vi.fn()} options={options} />);\n    expect(screen.getByTestId(\"select-item-option1\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"select-item-option2\")).toBeInTheDocument();\n    expect(screen.getByTestId(\"select-item-option3\")).toBeInTheDocument();\n  });\n\n  it(\"uses option value for item value and label for item text\", () => {\n    render(<Select name=\"testSelect\" onChange={vi.fn()} options={options} />); // Add dummy onChange\n    expect(screen.getByTestId(\"select-item-option1\")).toHaveValue(\"option1\");\n    expect(screen.getByTestId(\"select-item-option1\")).toHaveTextContent(\n      \"option1\",\n    );\n    expect(screen.getByTestId(\"select-item-option2\")).toHaveValue(\"option2\");\n    expect(screen.getByTestId(\"select-item-option2\")).toHaveTextContent(\n      \"Option Two\",\n    );\n  });\n\n  it(\"passes the correct value to the base select\", () => {\n    render(\n      <Select\n        name=\"testSelect\"\n        onChange={vi.fn()}\n        options={options}\n        value=\"option2\"\n      />,\n    );\n    const select = screen.getByTestId(\"base-select\");\n    expect(select).toHaveValue(\"option2\");\n  });\n\n  // Removed tests for placeholder as it's handled by SelectValue mock, not the native select\n\n  it(\"calls onChange when a new option is selected\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(\n      <Select name=\"testSelect\" onChange={handleChange} options={options} />,\n    );\n\n    // Interact directly with the mocked native <select> element\n    const selectElement = screen.getByTestId(\"base-select\");\n    // Wait for the options to be available before selecting\n    await screen.findByTestId(\"select-item-option2\");\n    await user.selectOptions(selectElement, \"option2\");\n\n    expect(handleChange).toHaveBeenCalledWith(\"option2\");\n  });\n\n  it(\"marks the base select as required when required prop is true\", () => {\n    render(\n      <Select\n        name=\"testSelect\"\n        onChange={vi.fn()}\n        options={options}\n        required\n      />,\n    );\n    const select = screen.getByTestId(\"base-select\");\n    expect(select).toBeRequired();\n  });\n\n  // Removed test for inputClassName as it's applied to the SelectTrigger mock, not the native select\n});\n"],"mappings":";;;;;;;;;;;mDAMkC;AAGlCA,2MAAG,KAAK,kBAAkB,EACxB,uBAAuBA,2MAAG,IAAI,EAC/B,EAAE;AAGH,MAAM,QAAQA,2MAAG,eAAe;CAC9B,IAAIA,2MAAG,IAAI,GAAG,YAAY,QAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC;CAC5D,QAAQA,2MAAG,IAAI;CACf,eAAeA,2MAAG,IAAI;CACtB,YAAYA,2MAAG,IAAI;CACnB,eAAeA,2MAAG,IAAI;CACtB,aAAaA,2MAAG,IAAI;CACrB,EAAE;AAEHA,2MAAG,KAAK,2CAA2C,MAAM;AAIzD,MAAM,SAASA,2MAAG,IAAI,EAAE,UAAU,eAAe,OAAO,GAAG,YAAY;CACrE,MAAM,gBAAgB,UAAgD;AACpE,kBAAgB,MAAM,OAAO,MAAM;;AAKrC,QACE,qFACE,2CAAC;EACC,eAAY;EACZ,UAAU;EAEV,OAAO,SAAS;EAEhB,GAAI;YAEHC,cAAM,SAAS,IAAI,WAAW,UAAU;GAEvC,MAAM,aAAa;AAEnB,OACEA,cAAM,eAAe,WAAW,IAChC,WAAW,SAAS,MAAM,iBACzB,WAAW,MAAc,SAG1B,QAAOA,cAAM,SAAS,IACnB,WAAW,MAAc,WACzB,oBAAoB;AACnB,QACEA,cAAM,eAAe,gBAAgB,IACrC,gBAAgB,SAAS,MAAM,WAE/B,QAAO;AAET,WAAO;KAEV;AAEH,UAAO;IACP;GACK,EAERA,cAAM,SAAS,IAAI,WAAW,UAAU;EAEvC,MAAM,aAAa;AACnB,MACEA,cAAM,eAAe,WAAW,KAC/B,WAAW,SAAS,MAAM,iBACzB,WAAW,SAAS,MAAM,aAE5B,QAAO;AAET,SAAO;GACP,IACD;EAEL;AAGF,MAAM,aAAaD,2MAAG,IAAI,EAAE,UAAU,OAAO,GAAG,YAC9C,2CAAC;CAAO,eAAa,eAAe;CAAgB;CAAO,GAAI;CAC5D;EACM,CACT;AAKF,MAAM,gBAAgBA,2MAAG,IAErB,UAEA,2CAAC;CAAI,eAAY;CAAiB,GAAI;EAAa,CAEtD;AACD,MAAM,gBAAgBA,2MAAG,IAAI,EAAE,UAAU,GAAG,YAC1C,2CAAC;CAAO,eAAY;CAAiB,GAAI;CACtC;EACM,CACT;AACF,MAAM,cAAcA,2MAAG,IAAI,UACzB,2CAAC;CAAK,eAAY;CAAe,GAAI;EAAS,CAC9C;sNAEO,gBAAgB;AACvB,wNAAUE,gOAAQ;CAElB,MAAM,UAAU;EACd;EACA;GAAE,OAAO;GAAc,OAAO;GAAW;EACzC;EACD;AAED,iNAAG,2CAA2C;AAC5C,sOAAO,2CAACC;GAAO,MAAK;GAAa,UAAUH,2MAAG,IAAI;GAAW;IAAW,CAAC;AACzE,sNAAOI,+NAAO,YAAY,cAAc,CAAC,CAAC,mBAAmB;GAC7D;AAMF,iNAAG,8CAA8C;AAC/C,sOAAO,2CAACD;GAAO,MAAK;GAAa,UAAUH,2MAAG,IAAI;GAAW;IAAW,CAAC;AACzE,sNAAOI,+NAAO,YAAY,sBAAsB,CAAC,CAAC,mBAAmB;AACrE,sNAAOA,+NAAO,YAAY,sBAAsB,CAAC,CAAC,mBAAmB;AACrE,sNAAOA,+NAAO,YAAY,sBAAsB,CAAC,CAAC,mBAAmB;GACrE;AAEF,iNAAG,kEAAkE;AACnE,sOAAO,2CAACD;GAAO,MAAK;GAAa,UAAUH,2MAAG,IAAI;GAAW;IAAW,CAAC;AACzE,sNAAOI,+NAAO,YAAY,sBAAsB,CAAC,CAAC,YAAY,UAAU;AACxE,sNAAOA,+NAAO,YAAY,sBAAsB,CAAC,CAAC,kBAChD,UACD;AACD,sNAAOA,+NAAO,YAAY,sBAAsB,CAAC,CAAC,YAAY,UAAU;AACxE,sNAAOA,+NAAO,YAAY,sBAAsB,CAAC,CAAC,kBAChD,aACD;GACD;AAEF,iNAAG,qDAAqD;AACtD,sOACE,2CAACD;GACC,MAAK;GACL,UAAUH,2MAAG,IAAI;GACR;GACT,OAAM;IACN,CACH;AAED,sNADeI,+NAAO,YAAY,cAAc,CAClC,CAAC,YAAY,UAAU;GACrC;AAIF,iNAAG,gDAAgD,YAAY;EAC7D,MAAM,OAAOC,+KAAU,OAAO;EAC9B,MAAM,eAAeL,2MAAG,IAAI;AAC5B,sOACE,2CAACG;GAAO,MAAK;GAAa,UAAU;GAAuB;IAAW,CACvE;EAGD,MAAM,gBAAgBC,+NAAO,YAAY,cAAc;AAEvD,QAAMA,+NAAO,aAAa,sBAAsB;AAChD,QAAM,KAAK,cAAc,eAAe,UAAU;AAElD,sNAAO,aAAa,CAAC,qBAAqB,UAAU;GACpD;AAEF,iNAAG,sEAAsE;AACvE,sOACE,2CAACD;GACC,MAAK;GACL,UAAUH,2MAAG,IAAI;GACR;GACT;IACA,CACH;AAED,sNADeI,+NAAO,YAAY,cAAc,CAClC,CAAC,cAAc;GAC7B;EAGF"}

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

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

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

@@ -0,0 +1,44 @@
+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/Slider.tsx
+function registerSlider() {
+	require_components_form_fields_registry.registerFormComponent(require_components_form_fields_types.FormFieldType.SLIDER, Slider);
+}
+var Slider;
+var init_Slider = require_rolldown_runtime.__esmMin((() => {
+	require_components_form_fields_index.init_fields();
+	require_components_index.init_components();
+	Slider = react.default.forwardRef(({ max = 100, min = 0, onChange, step = 1, value, ...props }, ref) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Slider, {
+			disabled: props.disabled,
+			max,
+			min,
+			onBlur: props.onBlur,
+			onValueChange: (vals) => onChange?.(vals[0]),
+			ref,
+			step,
+			value: [value || min]
+		});
+	});
+	Slider.displayName = "Slider";
+}));
+
+//#endregion
+init_Slider();
+exports.Slider = Slider;
+Object.defineProperty(exports, 'init_Slider', {
+  enumerable: true,
+  get: function () {
+    return init_Slider;
+  }
+});
+exports.registerSlider = registerSlider;
+//# sourceMappingURL=Slider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","names":["FormFieldType","React","BaseSlider"],"sources":["../../../../../src/components/form/fields/Slider.tsx"],"sourcesContent":["import { Slider as BaseSlider } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\ninterface SliderProps {\n  className?: string;\n  disabled?: boolean;\n  label?: string;\n  max?: number;\n  min?: number;\n  name: string;\n  onBlur?: () => void;\n  onChange?: (value: number) => void;\n  step?: number;\n  value?: number;\n}\n\nexport const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(\n  ({ max = 100, min = 0, onChange, step = 1, value, ...props }, ref) => {\n    return (\n      <BaseSlider\n        disabled={props.disabled}\n        max={max}\n        min={min}\n        onBlur={props.onBlur}\n        onValueChange={(vals) => onChange?.(vals[0])}\n        ref={ref}\n        step={step}\n        value={[value || min]}\n      />\n    );\n  },\n);\nSlider.displayName = \"Slider\";\n\nexport function registerSlider() {\n  registerFormComponent(FormFieldType.SLIDER, Slider);\n}\n"],"mappings":";;;;;;;;;;;AAqCA,SAAgB,iBAAiB;AAC/B,+DAAsBA,mDAAc,QAAQ,OAAO;;;;mDAnCX;2CACG;CAehC,SAASC,cAAM,YACzB,EAAE,MAAM,KAAK,MAAM,GAAG,UAAU,OAAO,GAAG,OAAO,GAAG,SAAS,QAAQ;AACpE,SACE,2CAACC;GACC,UAAU,MAAM;GACX;GACA;GACL,QAAQ,MAAM;GACd,gBAAgB,SAAS,WAAW,KAAK,GAAG;GACvC;GACC;GACN,OAAO,CAAC,SAAS,IAAI;IACrB;GAGP;AACD,QAAO,cAAc"}

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

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

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

@@ -0,0 +1,85 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_form_fields_Slider = require('./Slider.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/Slider.spec.tsx
+require_components_form_fields_Slider.init_Slider();
+_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("@lumeweb/portal-framework-ui-core", () => ({ Slider: _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(({ onValueChange, value, ...props }) => {
+	const handleChange = (event) => {
+		onValueChange?.([parseFloat(event.target.value)]);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		"data-testid": "base-slider",
+		onChange: handleChange,
+		type: "range",
+		value: value?.[0] ?? props.min ?? 0,
+		...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)("Slider", () => {
+	(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 base slider 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_Slider.Slider, { name: "testSlider" }));
+		(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-slider")).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 min, max, step, and value to the base slider", () => {
+		(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_Slider.Slider, {
+			max: 50,
+			min: 10,
+			name: "testSlider",
+			step: 5,
+			value: 25
+		}));
+		const slider = _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-slider");
+		(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)(slider).toHaveAttribute("min", "10");
+		(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)(slider).toHaveAttribute("max", "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)(slider).toHaveAttribute("step", "5");
+		(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)(slider).toHaveValue("25");
+	});
+	(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 default min, max, and step if not 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_Slider.Slider, { name: "testSlider" }));
+		const slider = _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-slider");
+		(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)(slider).toHaveAttribute("min", "0");
+		(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)(slider).toHaveAttribute("max", "100");
+		(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)(slider).toHaveAttribute("step", "1");
+		(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)(slider).toHaveValue("0");
+	});
+	(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)("handles undefined value by using min", () => {
+		(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_Slider.Slider, {
+			min: 5,
+			name: "testSlider"
+		}));
+		(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-slider")).toHaveValue("5");
+	});
+	(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 slider value changes", async () => {
+		_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_Slider.Slider, {
+			max: 100,
+			min: 0,
+			name: "testSlider",
+			onChange: handleChange
+		}));
+		const slider = _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-slider");
+		const newValue = "50";
+		_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.fireEvent.change(slider, { target: { value: newValue } });
+		(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(parseFloat(newValue));
+	});
+	(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 slider 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_Slider.Slider, {
+			disabled: true,
+			name: "testSlider"
+		}));
+		(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-slider")).toBeDisabled();
+	});
+});
+
+//#endregion
+//# sourceMappingURL=Slider.spec.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.spec.cjs","names":["vi","cleanup","Slider","screen"],"sources":["../../../../../src/components/form/fields/Slider.spec.tsx"],"sourcesContent":["import { cleanup, fireEvent, render, screen } from \"@testing-library/react\"; // Import fireEvent\nimport userEvent from \"@testing-library/user-event\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { Slider } from \"./Slider\";\n\n// Mock the registerFormComponent to prevent side effects\nvi.mock(\"./index\", () => ({\n  registerFormComponent: vi.fn(),\n}));\n\n// Mock the base components from ui-core\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => ({\n  Slider: vi.fn(({ onValueChange, value, ...props }) => {\n    // Simple mock: render a range input and simulate change\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      // Call onValueChange with an array containing the number value\n      onValueChange?.([parseFloat(event.target.value)]);\n    };\n    return (\n      <input\n        data-testid=\"base-slider\"\n        onChange={handleChange}\n        type=\"range\"\n        value={value?.[0] ?? props.min ?? 0} // Ensure value is a number or string representation\n        {...props}\n      />\n    );\n  }),\n}));\n\ndescribe(\"Slider\", () => {\n  afterEach(cleanup);\n\n  it(\"renders the base slider component\", () => {\n    render(<Slider name=\"testSlider\" />);\n    expect(screen.getByTestId(\"base-slider\")).toBeInTheDocument();\n  });\n\n  it(\"passes min, max, step, and value to the base slider\", () => {\n    render(<Slider max={50} min={10} name=\"testSlider\" step={5} value={25} />);\n    const slider = screen.getByTestId(\"base-slider\");\n    expect(slider).toHaveAttribute(\"min\", \"10\");\n    expect(slider).toHaveAttribute(\"max\", \"50\");\n    expect(slider).toHaveAttribute(\"step\", \"5\");\n    expect(slider).toHaveValue(\"25\");\n  });\n\n  it(\"uses default min, max, and step if not provided\", () => {\n    render(<Slider name=\"testSlider\" />);\n    const slider = screen.getByTestId(\"base-slider\");\n    expect(slider).toHaveAttribute(\"min\", \"0\");\n    expect(slider).toHaveAttribute(\"max\", \"100\");\n    expect(slider).toHaveAttribute(\"step\", \"1\");\n    expect(slider).toHaveValue(\"0\"); // Default value should be min\n  });\n\n  it(\"handles undefined value by using min\", () => {\n    render(<Slider min={5} name=\"testSlider\" />);\n    const slider = screen.getByTestId(\"base-slider\");\n    expect(slider).toHaveValue(\"5\");\n  });\n\n  it(\"calls onChange when the slider value changes\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(\n      <Slider max={100} min={0} name=\"testSlider\" onChange={handleChange} />,\n    );\n\n    const slider = screen.getByTestId(\"base-slider\");\n    const newValue = \"50\"; // Example new value\n\n    // Simulate changing the slider value using fireEvent\n    // This is more reliable for range inputs than userEvent.type or pointer\n    fireEvent.change(slider, { target: { value: newValue } });\n\n    // Check if onChange was called with the correct number value\n    // The mock calls onValueChange with an array, and the component calls onChange with the first element\n    // So the test spy should be called with the number.\n    expect(handleChange).toHaveBeenCalledWith(parseFloat(newValue));\n  });\n\n  it(\"disables the slider when disabled prop is true\", () => {\n    render(<Slider disabled name=\"testSlider\" />);\n    const slider = screen.getByTestId(\"base-slider\");\n    expect(slider).toBeDisabled();\n  });\n});\n"],"mappings":";;;;;;;;;;;mDAKkC;AAGlCA,2MAAG,KAAK,kBAAkB,EACxB,uBAAuBA,2MAAG,IAAI,EAC/B,EAAE;AAGHA,2MAAG,KAAK,4CAA4C,EAClD,QAAQA,2MAAG,IAAI,EAAE,eAAe,OAAO,GAAG,YAAY;CAEpD,MAAM,gBAAgB,UAA+C;AAEnE,kBAAgB,CAAC,WAAW,MAAM,OAAO,MAAM,CAAC,CAAC;;AAEnD,QACE,2CAAC;EACC,eAAY;EACZ,UAAU;EACV,MAAK;EACL,OAAO,QAAQ,MAAM,MAAM,OAAO;EAClC,GAAI;GACJ;EAEJ,EACH,EAAE;sNAEM,gBAAgB;AACvB,wNAAUC,gOAAQ;AAElB,iNAAG,2CAA2C;AAC5C,sOAAO,2CAACC,gDAAO,MAAK,eAAe,CAAC;AACpC,sNAAOC,+NAAO,YAAY,cAAc,CAAC,CAAC,mBAAmB;GAC7D;AAEF,iNAAG,6DAA6D;AAC9D,sOAAO,2CAACD;GAAO,KAAK;GAAI,KAAK;GAAI,MAAK;GAAa,MAAM;GAAG,OAAO;IAAM,CAAC;EAC1E,MAAM,SAASC,+NAAO,YAAY,cAAc;AAChD,sNAAO,OAAO,CAAC,gBAAgB,OAAO,KAAK;AAC3C,sNAAO,OAAO,CAAC,gBAAgB,OAAO,KAAK;AAC3C,sNAAO,OAAO,CAAC,gBAAgB,QAAQ,IAAI;AAC3C,sNAAO,OAAO,CAAC,YAAY,KAAK;GAChC;AAEF,iNAAG,yDAAyD;AAC1D,sOAAO,2CAACD,gDAAO,MAAK,eAAe,CAAC;EACpC,MAAM,SAASC,+NAAO,YAAY,cAAc;AAChD,sNAAO,OAAO,CAAC,gBAAgB,OAAO,IAAI;AAC1C,sNAAO,OAAO,CAAC,gBAAgB,OAAO,MAAM;AAC5C,sNAAO,OAAO,CAAC,gBAAgB,QAAQ,IAAI;AAC3C,sNAAO,OAAO,CAAC,YAAY,IAAI;GAC/B;AAEF,iNAAG,8CAA8C;AAC/C,sOAAO,2CAACD;GAAO,KAAK;GAAG,MAAK;IAAe,CAAC;AAE5C,sNADeC,+NAAO,YAAY,cAAc,CAClC,CAAC,YAAY,IAAI;GAC/B;AAEF,iNAAG,gDAAgD,YAAY;AAChD,iLAAU,OAAO;EAC9B,MAAM,eAAeH,2MAAG,IAAI;AAC5B,sOACE,2CAACE;GAAO,KAAK;GAAK,KAAK;GAAG,MAAK;GAAa,UAAU;IAAgB,CACvE;EAED,MAAM,SAASC,+NAAO,YAAY,cAAc;EAChD,MAAM,WAAW;AAIjB,oOAAU,OAAO,QAAQ,EAAE,QAAQ,EAAE,OAAO,UAAU,EAAE,CAAC;AAKzD,sNAAO,aAAa,CAAC,qBAAqB,WAAW,SAAS,CAAC;GAC/D;AAEF,iNAAG,wDAAwD;AACzD,sOAAO,2CAACD;GAAO;GAAS,MAAK;IAAe,CAAC;AAE7C,sNADeC,+NAAO,YAAY,cAAc,CAClC,CAAC,cAAc;GAC7B;EACF"}

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

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

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

@@ -0,0 +1,48 @@
+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/Switch.tsx
+function registerSwitch() {
+	require_components_form_fields_registry.registerFormComponent(require_components_form_fields_types.FormFieldType.SWITCH, Switch, { handlesLabel: true });
+}
+var Switch;
+var init_Switch = require_rolldown_runtime.__esmMin((() => {
+	require_components_form_fields_index.init_fields();
+	require_components_index.init_components();
+	Switch = react.default.forwardRef(({ autocomplete, label, ...props }, ref) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Switch, {
+			checked: props.value,
+			disabled: props.disabled,
+			id: props.name,
+			name: props.name,
+			onBlur: props.onBlur,
+			onCheckedChange: props.onChange,
+			ref,
+			...autocomplete ? { autoComplete: autocomplete } : {}
+		}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Label, {
+			className: (0, _lumeweb_portal_framework_ui_core.cn)("text-foreground", props.labelClassName),
+			htmlFor: props.name,
+			children: label
+		})] });
+	});
+	Switch.displayName = "Switch";
+}));
+
+//#endregion
+init_Switch();
+exports.Switch = Switch;
+Object.defineProperty(exports, 'init_Switch', {
+  enumerable: true,
+  get: function () {
+    return init_Switch;
+  }
+});
+exports.registerSwitch = registerSwitch;
+//# sourceMappingURL=Switch.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.cjs","names":["FormFieldType","React","BaseSwitch","Label"],"sources":["../../../../../src/components/form/fields/Switch.tsx"],"sourcesContent":["import {\n  Switch as BaseSwitch,\n  cn,\n  Label,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\ninterface SwitchProps {\n  autocomplete?: string;\n  disabled?: boolean;\n  label?: string;\n  labelClassName?: string;\n  name: string;\n  onBlur?: () => void;\n  onChange?: (checked: boolean) => void;\n  value?: boolean;\n}\n\nexport const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ autocomplete, label, ...props }, ref) => {\n    return (\n      <>\n        <BaseSwitch\n          checked={props.value}\n          disabled={props.disabled}\n          id={props.name}\n          name={props.name}\n          onBlur={props.onBlur}\n          onCheckedChange={props.onChange}\n          ref={ref}\n          {...(autocomplete ? { autoComplete: autocomplete } : {})}\n        />\n        {label && (\n          <Label\n            className={cn(\"text-foreground\", props.labelClassName)}\n            htmlFor={props.name}>\n            {label}\n          </Label>\n        )}\n      </>\n    );\n  },\n);\nSwitch.displayName = \"Switch\";\n\nexport function registerSwitch() {\n  registerFormComponent(FormFieldType.SWITCH, Switch, { handlesLabel: true });\n}\n"],"mappings":";;;;;;;;;;;AAgDA,SAAgB,iBAAiB;AAC/B,+DAAsBA,mDAAc,QAAQ,QAAQ,EAAE,cAAc,MAAM,CAAC;;;;mDA1CnC;2CACG;CAahC,SAASC,cAAM,YACzB,EAAE,cAAc,OAAO,GAAG,SAAS,QAAQ;AAC1C,SACE,qFACE,2CAACC;GACC,SAAS,MAAM;GACf,UAAU,MAAM;GAChB,IAAI,MAAM;GACV,MAAM,MAAM;GACZ,QAAQ,MAAM;GACd,iBAAiB,MAAM;GAClB;GACL,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;IACvD,EACD,SACC,2CAACC;GACC,qDAAc,mBAAmB,MAAM,eAAe;GACtD,SAAS,MAAM;aACd;IACK,IAET;GAGR;AACD,QAAO,cAAc"}

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

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

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

@@ -0,0 +1,77 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_form_fields_Switch = require('./Switch.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/Switch.spec.tsx
+require_components_form_fields_Switch.init_Switch();
+_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("@lumeweb/portal-framework-ui-core", () => ({ Switch: _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(({ checked, onCheckedChange, ...props }) => {
+	const handleChange = (event) => {
+		onCheckedChange?.(event.target.checked);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		checked,
+		"data-testid": "base-switch",
+		onChange: handleChange,
+		type: "checkbox",
+		...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)("Switch", () => {
+	(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 base switch component (mocked as checkbox)", () => {
+		(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_Switch.Switch, { name: "testSwitch" }));
+		(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-switch")).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 checked and disabled props to the base switch", () => {
+		(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_Switch.Switch, {
+			disabled: true,
+			name: "testSwitch",
+			value: true
+		}));
+		const checkbox = _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-switch");
+		(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)(checkbox).toBeChecked();
+		(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)(checkbox).toBeDisabled();
+	});
+	(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)("handles unchecked state correctly", () => {
+		(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_Switch.Switch, {
+			name: "testSwitch",
+			value: false
+		}));
+		(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-switch")).not.toBeChecked();
+	});
+	(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 switch state 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_Switch.Switch, {
+			name: "testSwitch",
+			onChange: handleChange
+		}));
+		const checkbox = _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-switch");
+		await user.click(checkbox);
+		(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(true);
+		await user.click(checkbox);
+		(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(false);
+	});
+	(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 onBlur when the switch is blurred", 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 handleBlur = _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_Switch.Switch, {
+			name: "testSwitch",
+			onBlur: handleBlur
+		}));
+		const checkbox = _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-switch");
+		await user.click(checkbox);
+		await user.tab();
+		(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)(handleBlur).toHaveBeenCalled();
+	});
+});
+
+//#endregion
+//# sourceMappingURL=Switch.spec.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.spec.cjs","names":["vi","cleanup","Switch","screen","userEvent"],"sources":["../../../../../src/components/form/fields/Switch.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 { Switch } from \"./Switch\";\n\n// Mock the registerFormComponent to prevent side effects\nvi.mock(\"./index\", () => ({\n  registerFormComponent: vi.fn(),\n}));\n\n// Mock the base Switch component from ui-core\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => ({\n  Switch: vi.fn(({ checked, onCheckedChange, ...props }) => {\n    // Simple mock: render a checkbox and simulate change\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      onCheckedChange?.(event.target.checked);\n    };\n    return (\n      <input\n        checked={checked}\n        data-testid=\"base-switch\"\n        onChange={handleChange}\n        type=\"checkbox\"\n        {...props}\n      />\n    );\n  }),\n}));\n\ndescribe(\"Switch\", () => {\n  afterEach(cleanup);\n\n  it(\"renders the base switch component (mocked as checkbox)\", () => {\n    render(<Switch name=\"testSwitch\" />);\n    expect(screen.getByTestId(\"base-switch\")).toBeInTheDocument();\n  });\n\n  it(\"passes checked and disabled props to the base switch\", () => {\n    render(<Switch disabled name=\"testSwitch\" value />);\n    const checkbox = screen.getByTestId(\"base-switch\");\n    expect(checkbox).toBeChecked();\n    expect(checkbox).toBeDisabled();\n  });\n\n  it(\"handles unchecked state correctly\", () => {\n    render(<Switch name=\"testSwitch\" value={false} />);\n    const checkbox = screen.getByTestId(\"base-switch\");\n    expect(checkbox).not.toBeChecked();\n  });\n\n  it(\"calls onChange when the switch state changes\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(<Switch name=\"testSwitch\" onChange={handleChange} />);\n\n    const checkbox = screen.getByTestId(\"base-switch\");\n    await user.click(checkbox); // Click to check\n\n    expect(handleChange).toHaveBeenCalledWith(true);\n\n    await user.click(checkbox); // Click to uncheck\n\n    expect(handleChange).toHaveBeenCalledWith(false);\n  });\n\n  it(\"calls onBlur when the switch is blurred\", async () => {\n    const user = userEvent.setup();\n    const handleBlur = vi.fn();\n    render(<Switch name=\"testSwitch\" onBlur={handleBlur} />);\n\n    const checkbox = screen.getByTestId(\"base-switch\");\n    await user.click(checkbox); // Focus the element (clicking can focus)\n    await user.tab(); // Blur the element\n\n    expect(handleBlur).toHaveBeenCalled();\n  });\n});\n"],"mappings":";;;;;;;;;;;mDAKkC;AAGlCA,2MAAG,KAAK,kBAAkB,EACxB,uBAAuBA,2MAAG,IAAI,EAC/B,EAAE;AAGHA,2MAAG,KAAK,4CAA4C,EAClD,QAAQA,2MAAG,IAAI,EAAE,SAAS,iBAAiB,GAAG,YAAY;CAExD,MAAM,gBAAgB,UAA+C;AACnE,oBAAkB,MAAM,OAAO,QAAQ;;AAEzC,QACE,2CAAC;EACU;EACT,eAAY;EACZ,UAAU;EACV,MAAK;EACL,GAAI;GACJ;EAEJ,EACH,EAAE;sNAEM,gBAAgB;AACvB,wNAAUC,gOAAQ;AAElB,iNAAG,gEAAgE;AACjE,sOAAO,2CAACC,gDAAO,MAAK,eAAe,CAAC;AACpC,sNAAOC,+NAAO,YAAY,cAAc,CAAC,CAAC,mBAAmB;GAC7D;AAEF,iNAAG,8DAA8D;AAC/D,sOAAO,2CAACD;GAAO;GAAS,MAAK;GAAa;IAAQ,CAAC;EACnD,MAAM,WAAWC,+NAAO,YAAY,cAAc;AAClD,sNAAO,SAAS,CAAC,aAAa;AAC9B,sNAAO,SAAS,CAAC,cAAc;GAC/B;AAEF,iNAAG,2CAA2C;AAC5C,sOAAO,2CAACD;GAAO,MAAK;GAAa,OAAO;IAAS,CAAC;AAElD,sNADiBC,+NAAO,YAAY,cAAc,CAClC,CAAC,IAAI,aAAa;GAClC;AAEF,iNAAG,gDAAgD,YAAY;EAC7D,MAAM,OAAOC,+KAAU,OAAO;EAC9B,MAAM,eAAeJ,2MAAG,IAAI;AAC5B,sOAAO,2CAACE;GAAO,MAAK;GAAa,UAAU;IAAgB,CAAC;EAE5D,MAAM,WAAWC,+NAAO,YAAY,cAAc;AAClD,QAAM,KAAK,MAAM,SAAS;AAE1B,sNAAO,aAAa,CAAC,qBAAqB,KAAK;AAE/C,QAAM,KAAK,MAAM,SAAS;AAE1B,sNAAO,aAAa,CAAC,qBAAqB,MAAM;GAChD;AAEF,iNAAG,2CAA2C,YAAY;EACxD,MAAM,OAAOC,+KAAU,OAAO;EAC9B,MAAM,aAAaJ,2MAAG,IAAI;AAC1B,sOAAO,2CAACE;GAAO,MAAK;GAAa,QAAQ;IAAc,CAAC;EAExD,MAAM,WAAWC,+NAAO,YAAY,cAAc;AAClD,QAAM,KAAK,MAAM,SAAS;AAC1B,QAAM,KAAK,KAAK;AAEhB,sNAAO,WAAW,CAAC,kBAAkB;GACrC;EACF"}

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

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

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

@@ -0,0 +1,43 @@
+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/Textarea.tsx
+function registerTextarea() {
+	require_components_form_fields_registry.registerFormComponent(require_components_form_fields_types.FormFieldType.TEXTAREA, Textarea);
+}
+var Textarea;
+var init_Textarea = require_rolldown_runtime.__esmMin((() => {
+	require_components_form_fields_index.init_fields();
+	require_components_index.init_components();
+	Textarea = react.default.forwardRef(({ autocomplete, autoComplete: htmlAutoComplete, inputClassName, onChange, placeholder, value, ...props }, ref) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Textarea, {
+			autoComplete: autocomplete ?? htmlAutoComplete,
+			className: (0, _lumeweb_portal_framework_ui_core.cn)("border-input bg-background placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[60px] w-full rounded-md border px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50", inputClassName),
+			onChange,
+			placeholder,
+			ref,
+			value: value ?? "",
+			...props
+		});
+	});
+	Textarea.displayName = "Textarea";
+}));
+
+//#endregion
+init_Textarea();
+exports.Textarea = Textarea;
+Object.defineProperty(exports, 'init_Textarea', {
+  enumerable: true,
+  get: function () {
+    return init_Textarea;
+  }
+});
+exports.registerTextarea = registerTextarea;
+//# sourceMappingURL=Textarea.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.cjs","names":["FormFieldType","React","BaseTextarea"],"sources":["../../../../../src/components/form/fields/Textarea.tsx"],"sourcesContent":["import {\n  Textarea as BaseTextarea,\n  cn,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\nexport const Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    [key: string]: any; // Allow other props\n    autocomplete?: string;\n    className?: string;\n    inputClassName?: string; // Use inputClassName for the actual textarea element\n    label?: string;\n    placeholder?: string;\n  }\n>(\n  (\n    {\n      autocomplete,\n      autoComplete: htmlAutoComplete,\n      inputClassName,\n      onChange,\n      placeholder,\n      value,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <BaseTextarea\n        autoComplete={autocomplete ?? htmlAutoComplete}\n        className={cn(\n          \"border-input bg-background placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[60px] w-full rounded-md border px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50\",\n          inputClassName,\n        )}\n        onChange={onChange}\n        placeholder={placeholder}\n        ref={ref}\n        value={value ?? \"\"} // Use value prop directly, default to empty string\n        {...props}\n      />\n    );\n  },\n);\nTextarea.displayName = \"Textarea\";\n\nexport function registerTextarea() {\n  registerFormComponent(FormFieldType.TEXTAREA, Textarea);\n}\n"],"mappings":";;;;;;;;;;;AAkDA,SAAgB,mBAAmB;AACjC,+DAAsBA,mDAAc,UAAU,SAAS;;;;mDA7Cf;2CACG;CAEhC,WAAWC,cAAM,YAY1B,EACE,cACA,cAAc,kBACd,gBACA,UACA,aACA,OACA,GAAG,SAEL,QACG;AACH,SACE,2CAACC;GACC,cAAc,gBAAgB;GAC9B,qDACE,+PACA,eACD;GACS;GACG;GACR;GACL,OAAO,SAAS;GAChB,GAAI;IACJ;GAGP;AACD,UAAS,cAAc"}

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

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

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

@@ -0,0 +1,72 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_form_fields_Textarea = require('./Textarea.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/Textarea.spec.tsx
+require_components_form_fields_Textarea.init_Textarea();
+_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(" ")),
+	Textarea: _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(({ onChange, value, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+		"data-testid": "base-textarea",
+		onChange: 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(),
+		readOnly: false,
+		value,
+		...props
+	}))
+}));
+_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);
+(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)("Textarea", () => {
+	(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 base textarea 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_Textarea.Textarea, { name: "testTextarea" }));
+		(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-textarea")).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 placeholder and value to the base textarea", () => {
+		(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_Textarea.Textarea, {
+			name: "testTextarea",
+			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(),
+			placeholder: "Enter text",
+			value: "Initial value"
+		}));
+		const textarea = _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-textarea");
+		(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)(textarea).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)(textarea).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.it)("handles empty value correctly", () => {
+		(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_Textarea.Textarea, {
+			name: "testTextarea",
+			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(),
+			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)(_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-textarea")).toHaveValue("");
+	});
+	(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)("applies inputClassName to the base textarea", () => {
+		(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_Textarea.Textarea, {
+			inputClassName: "custom-class",
+			name: "testTextarea",
+			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()
+		}));
+		(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-textarea")).toHaveClass("custom-class");
+	});
+	(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_Textarea.Textarea, {
+			name: "testTextarea",
+			onChange: handleChange
+		}));
+		const textarea = _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-textarea");
+		await user.type(textarea, "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).toHaveBeenCalled();
+	});
+});
+
+//#endregion
+//# sourceMappingURL=Textarea.spec.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.spec.cjs","names":["vi","cleanup","Textarea","screen","userEvent"],"sources":["../../../../../src/components/form/fields/Textarea.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 { Textarea } from \"./Textarea\";\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  cn: vi.fn((...classes) => classes.filter(Boolean).join(\" \")), // Simple mock for classnames\n  Textarea: vi.fn(({ onChange, value, ...props }) => (\n    <textarea\n      data-testid=\"base-textarea\"\n      onChange={onChange ?? vi.fn()}\n      readOnly={false}\n      value={value}\n      {...props}\n    />\n  )),\n}));\n\n// Mock the base components from ui-core using the hoisted mocks\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => mocks);\n\ndescribe(\"Textarea\", () => {\n  afterEach(cleanup);\n\n  it(\"renders the base textarea component\", () => {\n    render(<Textarea name=\"testTextarea\" />);\n    expect(screen.getByTestId(\"base-textarea\")).toBeInTheDocument();\n  });\n\n  it(\"passes placeholder and value to the base textarea\", () => {\n    render(\n      <Textarea\n        name=\"testTextarea\"\n        onChange={vi.fn()}\n        placeholder=\"Enter text\"\n        value=\"Initial value\"\n      />,\n    );\n    const textarea = screen.getByTestId(\"base-textarea\");\n    expect(textarea).toHaveAttribute(\"placeholder\", \"Enter text\");\n    expect(textarea).toHaveValue(\"Initial value\");\n  });\n\n  it(\"handles empty value correctly\", () => {\n    render(<Textarea name=\"testTextarea\" onChange={vi.fn()} value=\"\" />);\n    const textarea = screen.getByTestId(\"base-textarea\");\n    expect(textarea).toHaveValue(\"\");\n  });\n\n  it(\"applies inputClassName to the base textarea\", () => {\n    render(\n      <Textarea\n        inputClassName=\"custom-class\"\n        name=\"testTextarea\"\n        onChange={vi.fn()}\n      />,\n    );\n    const textarea = screen.getByTestId(\"base-textarea\");\n    // The cn mock will just join classes, so we check for the custom class\n    expect(textarea).toHaveClass(\"custom-class\");\n  });\n\n  it(\"calls onChange when the value changes\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(<Textarea name=\"testTextarea\" onChange={handleChange} />);\n\n    const textarea = screen.getByTestId(\"base-textarea\");\n    await user.type(textarea, \"New text\");\n\n    // React Hook Form's onChange typically passes an event object\n    // We'll check if the mock was called, the exact event structure might vary\n    expect(handleChange).toHaveBeenCalled();\n  });\n});\n"],"mappings":";;;;;;;;;;;uDAKsC;AAGtCA,2MAAG,KAAK,kBAAkB,EACxB,uBAAuBA,2MAAG,IAAI,EAC/B,EAAE;AAGH,MAAM,QAAQA,2MAAG,eAAe;CAC9B,IAAIA,2MAAG,IAAI,GAAG,YAAY,QAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC;CAC5D,UAAUA,2MAAG,IAAI,EAAE,UAAU,OAAO,GAAG,YACrC,2CAAC;EACC,eAAY;EACZ,UAAU,YAAYA,2MAAG,IAAI;EAC7B,UAAU;EACH;EACP,GAAI;GACJ,CACF;CACH,EAAE;AAGHA,2MAAG,KAAK,2CAA2C,MAAM;sNAEhD,kBAAkB;AACzB,wNAAUC,gOAAQ;AAElB,iNAAG,6CAA6C;AAC9C,sOAAO,2CAACC,oDAAS,MAAK,iBAAiB,CAAC;AACxC,sNAAOC,+NAAO,YAAY,gBAAgB,CAAC,CAAC,mBAAmB;GAC/D;AAEF,iNAAG,2DAA2D;AAC5D,sOACE,2CAACD;GACC,MAAK;GACL,UAAUF,2MAAG,IAAI;GACjB,aAAY;GACZ,OAAM;IACN,CACH;EACD,MAAM,WAAWG,+NAAO,YAAY,gBAAgB;AACpD,sNAAO,SAAS,CAAC,gBAAgB,eAAe,aAAa;AAC7D,sNAAO,SAAS,CAAC,YAAY,gBAAgB;GAC7C;AAEF,iNAAG,uCAAuC;AACxC,sOAAO,2CAACD;GAAS,MAAK;GAAe,UAAUF,2MAAG,IAAI;GAAE,OAAM;IAAK,CAAC;AAEpE,sNADiBG,+NAAO,YAAY,gBAAgB,CACpC,CAAC,YAAY,GAAG;GAChC;AAEF,iNAAG,qDAAqD;AACtD,sOACE,2CAACD;GACC,gBAAe;GACf,MAAK;GACL,UAAUF,2MAAG,IAAI;IACjB,CACH;AAGD,sNAFiBG,+NAAO,YAAY,gBAAgB,CAEpC,CAAC,YAAY,eAAe;GAC5C;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,WAAWC,+NAAO,YAAY,gBAAgB;AACpD,QAAM,KAAK,KAAK,UAAU,WAAW;AAIrC,sNAAO,aAAa,CAAC,kBAAkB;GACvC;EACF"}

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

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

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

@@ -0,0 +1,63 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_form_fields_Checkbox = require('./Checkbox.cjs');
+const require_components_form_fields_DatePicker = require('./DatePicker.cjs');
+const require_components_form_fields_EmailInput = require('./EmailInput.cjs');
+const require_components_form_fields_FileInput = require('./FileInput.cjs');
+const require_components_form_fields_Input = require('./Input.cjs');
+const require_components_form_fields_RadioGroup = require('./RadioGroup.cjs');
+const require_components_form_fields_registry = require('./registry.cjs');
+const require_components_form_fields_RichText = require('./RichText.cjs');
+const require_components_form_fields_Select = require('./Select.cjs');
+const require_components_form_fields_Slider = require('./Slider.cjs');
+const require_components_form_fields_Textarea = require('./Textarea.cjs');
+const require_components_form_fields_types = require('./types.cjs');
+
+//#region src/components/form/fields/index.ts
+var init_fields = require_rolldown_runtime.__esmMin((() => {
+	init_Checkbox();
+	init_DatePicker();
+	init_EmailInput();
+	init_FileInput();
+	init_Input();
+	init_RadioGroup();
+	init_registry();
+	init_RichText();
+	init_RichText();
+	init_Select();
+	init_Slider();
+	init_Textarea();
+	init_types();
+}));
+
+//#endregion
+init_fields();
+exports.Checkbox = require_components_form_fields_Checkbox.Checkbox;
+exports.DatePicker = require_components_form_fields_DatePicker.DatePicker;
+exports.EmailInput = require_components_form_fields_EmailInput.EmailInput;
+exports.FileInput = require_components_form_fields_FileInput.FileInput;
+exports.FormFieldType = require_components_form_fields_types.FormFieldType;
+exports.Input = require_components_form_fields_Input.Input;
+exports.RadioGroup = require_components_form_fields_RadioGroup.RadioGroup;
+exports.RichText = require_components_form_fields_RichText.RichText;
+exports.Select = require_components_form_fields_Select.Select;
+exports.Slider = require_components_form_fields_Slider.Slider;
+exports.Textarea = require_components_form_fields_Textarea.Textarea;
+exports.getFormComponent = require_components_form_fields_registry.getFormComponent;
+Object.defineProperty(exports, 'init_fields', {
+  enumerable: true,
+  get: function () {
+    return init_fields;
+  }
+});
+exports.registerCheckbox = require_components_form_fields_Checkbox.registerCheckbox;
+exports.registerDatePicker = require_components_form_fields_DatePicker.registerDatePicker;
+exports.registerEmailInput = require_components_form_fields_EmailInput.registerEmailInput;
+exports.registerFileInput = require_components_form_fields_FileInput.registerFileInput;
+exports.registerFormComponent = require_components_form_fields_registry.registerFormComponent;
+exports.registerInput = require_components_form_fields_Input.registerInput;
+exports.registerRadioGroup = require_components_form_fields_RadioGroup.registerRadioGroup;
+exports.registerRichText = require_components_form_fields_RichText.registerRichText;
+exports.registerSelect = require_components_form_fields_Select.registerSelect;
+exports.registerSlider = require_components_form_fields_Slider.registerSlider;
+exports.registerTextarea = require_components_form_fields_Textarea.registerTextarea;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../../src/components/form/fields/index.ts"],"sourcesContent":["export * from \"./Checkbox\";\nexport * from \"./DatePicker\";\nexport * from \"./EmailInput\";\nexport * from \"./FileInput\";\nexport * from \"./Input\";\nexport * from \"./RadioGroup\";\nexport * from \"./registry\";\nexport * from \"./RichText\";\nexport * from \"./RichText\";\nexport * from \"./Select\";\nexport * from \"./Slider\";\nexport * from \"./Textarea\";\nexport * from \"./types\";\n"],"mappings":""}