@carbon/react 1.103.0 → 1.104.0-rc.0

package/lib/components/FluidTextInput/FluidTextInput.js

@@ -1,119 +1,64 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_FormContext = require('../FluidForm/FormContext.js');
+const require_PasswordInput = require('../TextInput/PasswordInput.js');
+const require_index = require('../TextInput/index.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var TextInput = require('../TextInput/TextInput.js');
-require('../TextInput/TextInput.Skeleton.js');
-require('../TextInput/ControlledPasswordInput.js');
-var PasswordInput = require('../TextInput/PasswordInput.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var FormContext = require('../FluidForm/FormContext.js');
-
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const FluidTextInput = /*#__PURE__*/React.forwardRef(({
-  className,
-  isPassword,
-  ...other
-}, ref) => {
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(className, {
-    [`${prefix}--text-input--fluid`]: !isPassword
-  });
-  return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
-    value: {
-      isFluid: true
-    }
-  }, isPassword ? /*#__PURE__*/React.createElement(PasswordInput.default, _rollupPluginBabelHelpers.extends({
-    className: classNames,
-    ref: ref
-  }, other)) : /*#__PURE__*/React.createElement(TextInput.default, _rollupPluginBabelHelpers.extends({
-    className: classNames,
-    ref: ref
-  }, other)));
+//#region src/components/FluidTextInput/FluidTextInput.tsx
+/**
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const FluidTextInput = react.default.forwardRef(({ className, isPassword, ...other }, ref) => {
+	const classNames = (0, classnames.default)(className, { [`${require_usePrefix.usePrefix()}--text-input--fluid`]: !isPassword });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormContext.FormContext.Provider, {
+		value: { isFluid: true },
+		children: isPassword ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PasswordInput.default, {
+			className: classNames,
+			ref,
+			...other
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			className: classNames,
+			ref,
+			...other
+		})
+	});
 });
 FluidTextInput.propTypes = {
-  /**
-   * Specify an optional className to be applied to the outer FluidForm wrapper
-   */
-  className: PropTypes.string,
-  /**
-   * Optionally provide the default value of the `<input>`
-   */
-  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * Specify whether the `<input>` should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify a custom `id` for the `<input>`
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * Specify whether the control is currently invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in an invalid state
-   */
-  invalidText: PropTypes.node,
-  /**
-   * Specify whether the control is a password input
-   */
-  isPassword: PropTypes.bool,
-  /**
-   * Max character count allowed for the textInput. This is needed in order for enableCounter to display
-   */
-  maxCount: PropTypes.number,
-  /**
-   * Specify whether to display the character counter
-   */
-  enableCounter: PropTypes.bool,
-  /**
-   * Provide the text that will be read by a screen reader when visiting this
-   * control
-   */
-  labelText: PropTypes.node.isRequired,
-  /**
-   * Optionally provide an `onChange` handler that is called whenever `<input>`
-   * is updated
-   */
-  onChange: PropTypes.func,
-  /**
-   * Optionally provide an `onClick` handler that is called whenever the
-   * `<input>` is clicked
-   */
-  onClick: PropTypes.func,
-  /**
-   * Specify the placeholder attribute for the `<input>`
-   */
-  placeholder: PropTypes.string,
-  /**
-   * Specify the value of the `<input>`
-   */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes.node,
-  /**
-   * Whether or not the component is readonly
-   */
-  readOnly: PropTypes.bool
+	className: prop_types.default.string,
+	defaultValue: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number]),
+	disabled: prop_types.default.bool,
+	id: prop_types.default.string.isRequired,
+	invalid: prop_types.default.bool,
+	invalidText: prop_types.default.node,
+	isPassword: prop_types.default.bool,
+	maxCount: prop_types.default.number,
+	enableCounter: prop_types.default.bool,
+	labelText: prop_types.default.node.isRequired,
+	onChange: prop_types.default.func,
+	onClick: prop_types.default.func,
+	placeholder: prop_types.default.string,
+	value: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number]),
+	warn: prop_types.default.bool,
+	warnText: prop_types.default.node,
+	readOnly: prop_types.default.bool
 };
 
-exports.default = FluidTextInput;
+//#endregion
+exports.default = FluidTextInput;

package/lib/components/FluidTextInput/index.js

@@ -1,21 +1,22 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var FluidTextInput = require('./FluidTextInput.js');
-var FluidPasswordInput = require('./FluidPasswordInput.js');
-var FluidTextInput_Skeleton = require('./FluidTextInput.Skeleton.js');
-
+const require_FluidTextInput = require('./FluidTextInput.js');
+const require_FluidPasswordInput = require('./FluidPasswordInput.js');
+const require_FluidTextInput_Skeleton = require('./FluidTextInput.Skeleton.js');
 
+//#region src/components/FluidTextInput/index.tsx
+/**
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var FluidTextInput_default = require_FluidTextInput.default;
 
-exports.FluidTextInput = FluidTextInput.default;
-exports.default = FluidTextInput.default;
-exports.FluidPasswordInput = FluidPasswordInput.default;
-exports.FluidTextInputSkeleton = FluidTextInput_Skeleton.default;
+//#endregion
+exports.default = FluidTextInput_default;

package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js

@@ -1,48 +1,45 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_FluidSelect_Skeleton = require('../FluidSelect/FluidSelect.Skeleton.js');
+const require_FluidTextInput_Skeleton = require('../FluidTextInput/FluidTextInput.Skeleton.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-require('../FluidTextInput/FluidTextInput.js');
-require('../FluidTextInput/FluidPasswordInput.js');
-var FluidTextInput_Skeleton = require('../FluidTextInput/FluidTextInput.Skeleton.js');
-require('../FluidSelect/FluidSelect.js');
-var FluidSelect_Skeleton = require('../FluidSelect/FluidSelect.Skeleton.js');
-
-var _FluidTextInputSkelet, _FluidSelectSkeleton, _FluidSelectSkeleton2;
-const FluidTimePickerSkeleton = ({
-  className,
-  isOnlyTwo,
-  ...rest
-}) => {
-  const prefix = usePrefix.usePrefix();
-  const wrapperClasses = cx(className, `${prefix}--time-picker--fluid--skeleton`, {
-    [`${prefix}--time-picker--equal-width`]: isOnlyTwo
-  });
-  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
-    className: wrapperClasses
-  }, rest), _FluidTextInputSkelet || (_FluidTextInputSkelet = /*#__PURE__*/React.createElement(FluidTextInput_Skeleton.default, null)), _FluidSelectSkeleton || (_FluidSelectSkeleton = /*#__PURE__*/React.createElement(FluidSelect_Skeleton.default, null)), !isOnlyTwo ? _FluidSelectSkeleton2 || (_FluidSelectSkeleton2 = /*#__PURE__*/React.createElement(FluidSelect_Skeleton.default, null)) : null);
+//#region src/components/FluidTimePicker/FluidTimePicker.Skeleton.tsx
+/**
+* Copyright IBM Corp. 2022
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const FluidTimePickerSkeleton = ({ className, isOnlyTwo, ...rest }) => {
+	const prefix = require_usePrefix.usePrefix();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)(className, `${prefix}--time-picker--fluid--skeleton`, { [`${prefix}--time-picker--equal-width`]: isOnlyTwo }),
+		...rest,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FluidTextInput_Skeleton.default, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FluidSelect_Skeleton.default, {}),
+			!isOnlyTwo ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FluidSelect_Skeleton.default, {}) : null
+		]
+	});
 };
 FluidTimePickerSkeleton.propTypes = {
-  /**
-   * Specify an optional className to add.
-   */
-  className: PropTypes.string,
-  /**
-   * Specify if there are only two TimePicker elements
-   */
-  isOnlyTwo: PropTypes.bool
+	className: prop_types.default.string,
+	isOnlyTwo: prop_types.default.bool
 };
 
-exports.default = FluidTimePickerSkeleton;
+//#endregion
+exports.default = FluidTimePickerSkeleton;

package/lib/components/FluidTimePicker/FluidTimePicker.js

@@ -1,130 +1,83 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+const require_index = require('../FluidTextInput/index.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _carbon_icons_react = require("@carbon/icons-react");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var PropTypes = require('prop-types');
-var cx = require('classnames');
-var FluidTextInput = require('../FluidTextInput/FluidTextInput.js');
-require('../FluidTextInput/FluidPasswordInput.js');
-require('../FluidTextInput/FluidTextInput.Skeleton.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var iconsReact = require('@carbon/icons-react');
-
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const FluidTimePicker = /*#__PURE__*/React.forwardRef(({
-  className,
-  children,
-  disabled,
-  invalid,
-  invalidText,
-  warn,
-  warnText,
-  readOnly,
-  ...other
-}, ref) => {
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(className, {
-    [`${prefix}--time-picker--fluid`]: true,
-    [`${prefix}--time-picker--equal-width`]: React.Children.toArray(children).length !== 2,
-    [`${prefix}--time-picker--fluid--disabled`]: disabled,
-    [`${prefix}--time-picker--fluid--invalid`]: invalid,
-    [`${prefix}--time-picker--fluid--warning`]: warn
-  });
-  const errorText = () => {
-    if (invalid) {
-      return invalidText;
-    }
-    if (warn) {
-      return warnText;
-    }
-  };
-  const error = invalid || warn;
-  const childrenWithProps = () => {
-    if (disabled) {
-      return React.Children.toArray(children).map(child =>
-      /*#__PURE__*/
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-      React.cloneElement(child, {
-        disabled: true
-      }));
-    }
-    if (readOnly) {
-      return React.Children.toArray(children).map(child =>
-      /*#__PURE__*/
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-      React.cloneElement(child, {
-        readOnly: true
-      }));
-    }
-    return children;
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--time-picker--fluid__wrapper`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--time-picker__input`
-  }, /*#__PURE__*/React.createElement(FluidTextInput.default, _rollupPluginBabelHelpers.extends({
-    ref: ref,
-    readOnly: readOnly,
-    disabled: disabled
-  }, other))), childrenWithProps()), error && /*#__PURE__*/React.createElement("hr", {
-    className: `${prefix}--time-picker__divider`
-  }), error && /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form-requirement`
-  }, errorText()), error && invalid ? /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
-    className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--invalid`
-  }) : /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
-    className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--warn`
-  }));
+//#region src/components/FluidTimePicker/FluidTimePicker.tsx
+/**
+* Copyright IBM Corp. 2022
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const FluidTimePicker = react.default.forwardRef(({ className, children, disabled, invalid, invalidText, warn, warnText, readOnly, ...other }, ref) => {
+	const prefix = require_usePrefix.usePrefix();
+	const classNames = (0, classnames.default)(className, {
+		[`${prefix}--time-picker--fluid`]: true,
+		[`${prefix}--time-picker--equal-width`]: react.default.Children.toArray(children).length !== 2,
+		[`${prefix}--time-picker--fluid--disabled`]: disabled,
+		[`${prefix}--time-picker--fluid--invalid`]: invalid,
+		[`${prefix}--time-picker--fluid--warning`]: warn
+	});
+	const errorText = () => {
+		if (invalid) return invalidText;
+		if (warn) return warnText;
+	};
+	const error = invalid || warn;
+	const childrenWithProps = () => {
+		if (disabled) return react.default.Children.toArray(children).map((child) => react.default.cloneElement(child, { disabled: true }));
+		if (readOnly) return react.default.Children.toArray(children).map((child) => react.default.cloneElement(child, { readOnly: true }));
+		return children;
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: classNames,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `${prefix}--time-picker--fluid__wrapper`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefix}--time-picker__input`,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+						ref,
+						readOnly,
+						disabled,
+						...other
+					})
+				}), childrenWithProps()]
+			}),
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: `${prefix}--time-picker__divider` }),
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefix}--form-requirement`,
+				children: errorText()
+			}),
+			error && invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.WarningFilled, { className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--invalid` }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.WarningAltFilled, { className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--warn` })
+		]
+	});
 });
 FluidTimePicker.propTypes = {
-  /**
-   * The child node(s)
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the outer FluidTimePicker wrapper
-   */
-  className: PropTypes.string,
-  /**
-   * Specify whether the `<input>` should be disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify whether or not the control is invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in error state
-   */
-  invalidText: PropTypes.node,
-  /**
-   * Provide the text that will be read by a screen reader when visiting this
-   * control
-   */
-  labelText: PropTypes.node.isRequired,
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes.node,
-  /**
-   * Whether or not the component is readonly
-   */
-  readOnly: PropTypes.bool
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	disabled: prop_types.default.bool,
+	invalid: prop_types.default.bool,
+	invalidText: prop_types.default.node,
+	labelText: prop_types.default.node.isRequired,
+	warn: prop_types.default.bool,
+	warnText: prop_types.default.node,
+	readOnly: prop_types.default.bool
 };
 
-exports.default = FluidTimePicker;
+//#endregion
+exports.default = FluidTimePicker;

package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js

@@ -1,62 +1,42 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_index = require('../FluidSelect/index.js');
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var PropTypes = require('prop-types');
-var FluidSelect = require('../FluidSelect/FluidSelect.js');
-require('../FluidSelect/FluidSelect.Skeleton.js');
-
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const FluidTimePickerSelect = /*#__PURE__*/React.forwardRef(({
-  children,
-  className,
-  ...other
-}, ref) => {
-  return /*#__PURE__*/React.createElement(FluidSelect.default, _rollupPluginBabelHelpers.extends({
-    className: className,
-    ref: ref
-  }, other), children);
+//#region src/components/FluidTimePickerSelect/FluidTimePickerSelect.tsx
+/**
+* Copyright IBM Corp. 2022, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const FluidTimePickerSelect = react.default.forwardRef(({ children, className, ...other }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		className,
+		ref,
+		...other,
+		children
+	});
 });
 FluidTimePickerSelect.propTypes = {
-  /**
-   * Provide the contents of your Select
-   */
-  children: PropTypes.node,
-  /**
-   * Specify an optional className to be applied to the node containing the label and the select box
-   */
-  className: PropTypes.string,
-  /**
-   * Optionally provide the default value of the `<select>`
-   */
-  defaultValue: PropTypes.any,
-  /**
-   * Specify whether the control is disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify a custom `id` for the `<select>`
-   */
-  id: PropTypes.string.isRequired,
-  /**
-   * Provide label text to be read by screen readers when interacting with the
-   * control
-   */
-  labelText: PropTypes.node,
-  /**
-   * Provide an optional `onChange` hook that is called each time the value of
-   * the underlying `<input>` changes
-   */
-  onChange: PropTypes.func
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	defaultValue: prop_types.default.any,
+	disabled: prop_types.default.bool,
+	id: prop_types.default.string.isRequired,
+	labelText: prop_types.default.node,
+	onChange: prop_types.default.func
 };
 
-exports.default = FluidTimePickerSelect;
+//#endregion
+exports.default = FluidTimePickerSelect;

package/lib/components/Form/Form.js

@@ -1,40 +1,38 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-'use strict';
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+const require_usePrefix = require('../../internal/usePrefix.js');
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let prop_types = require("prop-types");
+prop_types = require_runtime.__toESM(prop_types);
+let react_jsx_runtime = require("react/jsx-runtime");
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var usePrefix = require('../../internal/usePrefix.js');
-
-function Form({
-  className,
-  children,
-  ...other
-}) {
-  const prefix = usePrefix.usePrefix();
-  const classNames = cx(`${prefix}--form`, className);
-  return /*#__PURE__*/React.createElement("form", _rollupPluginBabelHelpers.extends({
-    className: classNames
-  }, other), children);
+//#region src/components/Form/Form.tsx
+/**
+* Copyright IBM Corp. 2016, 2023
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+function Form({ className, children, ...other }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
+		className: (0, classnames.default)(`${require_usePrefix.usePrefix()}--form`, className),
+		...other,
+		children
+	});
 }
 Form.propTypes = {
-  /**
-   * Provide children to be rendered inside of the <form> element
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom className to be applied on the containing <form> node
-   */
-  className: PropTypes.string
+	children: prop_types.default.node,
+	className: prop_types.default.string
 };
 
-exports.default = Form;
+//#endregion
+exports.default = Form;