@carbon/react 1.103.0-rc.0 → 1.104.0-rc.0

package/lib/components/Tag/Tag.js

@@ -1,221 +1,173 @@
 /**
- * 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_Text = require('../Text/Text.js');
+const require_useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
+const require_useId = require('../../internal/useId.js');
+const require_deprecate = require('../../prop-types/deprecate.js');
+const require_useMergedRefs = require('../../internal/useMergedRefs.js');
+const require_DefinitionTooltip = require('../Tooltip/DefinitionTooltip.js');
+const require_index = require('../AILabel/index.js');
+const require_utils = require('../../internal/utils.js');
+const require_isEllipsisActive = require('./isEllipsisActive.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 PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var iconsReact = require('@carbon/icons-react');
-var useId = require('../../internal/useId.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var Text = require('../Text/Text.js');
-require('../Text/TextDirection.js');
-var deprecate = require('../../prop-types/deprecate.js');
-var DefinitionTooltip = require('../Tooltip/DefinitionTooltip.js');
-require('../Tooltip/Tooltip.js');
-var isEllipsisActive = require('./isEllipsisActive.js');
-var useMergedRefs = require('../../internal/useMergedRefs.js');
-var index = require('../AILabel/index.js');
-var utils = require('../../internal/utils.js');
-var useIsomorphicEffect = require('../../internal/useIsomorphicEffect.js');
-
-var _Close;
+//#region src/components/Tag/Tag.tsx
+/**
+* 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.
+*/
 const TYPES = {
-  red: 'Red',
-  magenta: 'Magenta',
-  purple: 'Purple',
-  blue: 'Blue',
-  cyan: 'Cyan',
-  teal: 'Teal',
-  green: 'Green',
-  gray: 'Gray',
-  'cool-gray': 'Cool-Gray',
-  'warm-gray': 'Warm-Gray',
-  'high-contrast': 'High-Contrast',
-  outline: 'Outline'
+	red: "Red",
+	magenta: "Magenta",
+	purple: "Purple",
+	blue: "Blue",
+	cyan: "Cyan",
+	teal: "Teal",
+	green: "Green",
+	gray: "Gray",
+	"cool-gray": "Cool-Gray",
+	"warm-gray": "Warm-Gray",
+	"high-contrast": "High-Contrast",
+	outline: "Outline"
 };
 const SIZES = {
-  sm: 'sm',
-  md: 'md',
-  lg: 'lg'
+	sm: "sm",
+	md: "md",
+	lg: "lg"
 };
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const TagBase = /*#__PURE__*/React.forwardRef(({
-  children,
-  className,
-  decorator,
-  id,
-  type,
-  filter,
-  // remove filter in next major release - V12
-  renderIcon: CustomIconElement,
-  title = 'Clear filter',
-  // remove title in next major release - V12
-  disabled,
-  onClose,
-  // remove onClose in next major release - V12
-  size,
-  as: BaseComponent,
-  slug,
-  ...other
-}, forwardRef) => {
-  const prefix = usePrefix.usePrefix();
-  const tagRef = React.useRef(null);
-  if (filter) {
-    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
-    console.warn('The `filter` prop for Tag has been deprecated and will be removed in the next major version. Use DismissibleTag instead.');
-  }
-  if (onClose) {
-    // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452
-    console.warn('The `onClose` prop for Tag has been deprecated and will be removed in the next major version. Use DismissibleTag instead.');
-  }
-  const ref = useMergedRefs.useMergedRefs([forwardRef, tagRef]);
-  const generatedTagId = useId.useId();
-  const tagId = id ?? `tag-${generatedTagId}`;
-  const [isEllipsisApplied, setIsEllipsisApplied] = React.useState(false);
-  useIsomorphicEffect.default(() => {
-    const newElement = tagRef.current?.getElementsByClassName(`${prefix}--tag__label`)[0];
-    setIsEllipsisApplied(isEllipsisActive.isEllipsisActive(newElement));
-  }, [prefix, tagRef]);
-  const conditions = [`${prefix}--tag--selectable`, `${prefix}--tag--filter`, `${prefix}--tag--operational`];
-  const isInteractiveTag = conditions.some(el => className?.includes(el));
-  const tagClasses = cx(`${prefix}--tag`, className, {
-    [`${prefix}--tag--disabled`]: disabled,
-    [`${prefix}--tag--filter`]: filter,
-    [`${prefix}--tag--${size}`]: size,
-    // TODO: V12 - Remove this class
-    [`${prefix}--layout--size-${size}`]: size,
-    [`${prefix}--tag--${type}`]: type,
-    [`${prefix}--tag--interactive`]: other.onClick && !isInteractiveTag && isEllipsisApplied
-  });
-  const typeText = type !== undefined && type in Object.keys(TYPES) ? TYPES[type] : '';
-  const handleClose = event => {
-    if (onClose) {
-      event.stopPropagation();
-      onClose(event);
-    }
-  };
-
-  // AILabel is always size `sm` and `inline`
-  const candidate = slug ?? decorator;
-  const candidateIsAILabel = utils.isComponentElement(candidate, index.AILabel);
-  const normalizedDecorator = candidateIsAILabel && !isInteractiveTag ? /*#__PURE__*/React.cloneElement(candidate, {
-    size: 'sm',
-    kind: 'inline'
-  }) : null;
-  if (filter) {
-    const ComponentTag = BaseComponent ?? 'div';
-    return /*#__PURE__*/React.createElement(ComponentTag, _rollupPluginBabelHelpers.extends({
-      className: tagClasses,
-      id: tagId
-    }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React.createElement("div", {
-      className: `${prefix}--tag__custom-icon`
-    }, /*#__PURE__*/React.createElement(CustomIconElement, null)) : '', /*#__PURE__*/React.createElement(Text.Text, {
-      title: typeof children === 'string' ? children : undefined,
-      className: `${prefix}--tag__label`
-    }, children !== null && children !== undefined ? children : typeText), normalizedDecorator, /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: `${prefix}--tag__close-icon`,
-      onClick: handleClose,
-      disabled: disabled,
-      "aria-label": title,
-      title: title
-    }, _Close || (_Close = /*#__PURE__*/React.createElement(iconsReact.Close, null))));
-  }
-  const ComponentTag = BaseComponent ?? (other.onClick || className?.includes(`${prefix}--tag--operational`) ? 'button' : 'div');
-  const labelClasses = cx({
-    [`${prefix}--tag__label`]: !isInteractiveTag
-  });
-  return /*#__PURE__*/React.createElement(ComponentTag, _rollupPluginBabelHelpers.extends({
-    ref: ref,
-    disabled: disabled,
-    className: tagClasses,
-    id: tagId,
-    type: ComponentTag === 'button' ? 'button' : undefined
-  }, other), CustomIconElement && size !== 'sm' ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--tag__custom-icon`
-  }, /*#__PURE__*/React.createElement(CustomIconElement, null)) : '', isEllipsisApplied && !isInteractiveTag ? /*#__PURE__*/React.createElement(DefinitionTooltip.DefinitionTooltip, {
-    openOnHover: false,
-    definition: children !== null && children !== undefined ? children : typeText,
-    className: `${prefix}--definition--tooltip--tag`
-  }, /*#__PURE__*/React.createElement(Text.Text, {
-    title: children !== null && children !== undefined && typeof children === 'string' ? children : typeText,
-    className: labelClasses
-  }, children !== null && children !== undefined ? children : typeText)) : /*#__PURE__*/React.createElement(Text.Text, {
-    title: children !== null && children !== undefined && typeof children === 'string' ? children : typeText,
-    className: labelClasses
-  }, children !== null && children !== undefined ? children : typeText), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--tag__decorator`
-  }, normalizedDecorator) : '');
+const Tag = react.default.forwardRef(({ children, className, decorator, id, type, filter, renderIcon: CustomIconElement, title = "Clear filter", disabled, onClose, size, as: BaseComponent, slug, ...other }, forwardRef) => {
+	const prefix = require_usePrefix.usePrefix();
+	const tagRef = (0, react.useRef)(null);
+	if (filter) console.warn("The `filter` prop for Tag has been deprecated and will be removed in the next major version. Use DismissibleTag instead.");
+	if (onClose) console.warn("The `onClose` prop for Tag has been deprecated and will be removed in the next major version. Use DismissibleTag instead.");
+	const ref = require_useMergedRefs.useMergedRefs([forwardRef, tagRef]);
+	const generatedTagId = require_useId.useId();
+	const tagId = id ?? `tag-${generatedTagId}`;
+	const [isEllipsisApplied, setIsEllipsisApplied] = (0, react.useState)(false);
+	require_useIsomorphicEffect.default(() => {
+		const newElement = tagRef.current?.getElementsByClassName(`${prefix}--tag__label`)[0];
+		setIsEllipsisApplied(require_isEllipsisActive.isEllipsisActive(newElement));
+	}, [prefix, tagRef]);
+	const isInteractiveTag = [
+		`${prefix}--tag--selectable`,
+		`${prefix}--tag--filter`,
+		`${prefix}--tag--operational`
+	].some((el) => className?.includes(el));
+	const tagClasses = (0, classnames.default)(`${prefix}--tag`, className, {
+		[`${prefix}--tag--disabled`]: disabled,
+		[`${prefix}--tag--filter`]: filter,
+		[`${prefix}--tag--${size}`]: size,
+		[`${prefix}--layout--size-${size}`]: size,
+		[`${prefix}--tag--${type}`]: type,
+		[`${prefix}--tag--interactive`]: other.onClick && !isInteractiveTag && isEllipsisApplied
+	});
+	const typeText = type !== void 0 && type in Object.keys(TYPES) ? TYPES[type] : "";
+	const handleClose = (event) => {
+		if (onClose) {
+			event.stopPropagation();
+			onClose(event);
+		}
+	};
+	const candidate = slug ?? decorator;
+	const normalizedDecorator = require_utils.isComponentElement(candidate, require_index.AILabel) && !isInteractiveTag ? (0, react.cloneElement)(candidate, {
+		size: "sm",
+		kind: "inline"
+	}) : null;
+	if (filter) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(BaseComponent ?? "div", {
+		className: tagClasses,
+		id: tagId,
+		...other,
+		children: [
+			CustomIconElement && size !== "sm" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefix}--tag__custom-icon`,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomIconElement, {})
+			}) : "",
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				title: typeof children === "string" ? children : void 0,
+				className: `${prefix}--tag__label`,
+				children: children !== null && children !== void 0 ? children : typeText
+			}),
+			normalizedDecorator,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: `${prefix}--tag__close-icon`,
+				onClick: handleClose,
+				disabled,
+				"aria-label": title,
+				title,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Close, {})
+			})
+		]
+	});
+	const ComponentTag = BaseComponent ?? (other.onClick || className?.includes(`${prefix}--tag--operational`) ? "button" : "div");
+	const labelClasses = (0, classnames.default)({ [`${prefix}--tag__label`]: !isInteractiveTag });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ComponentTag, {
+		ref,
+		disabled,
+		className: tagClasses,
+		id: tagId,
+		type: ComponentTag === "button" ? "button" : void 0,
+		...other,
+		children: [
+			CustomIconElement && size !== "sm" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefix}--tag__custom-icon`,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomIconElement, {})
+			}) : "",
+			isEllipsisApplied && !isInteractiveTag ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DefinitionTooltip.DefinitionTooltip, {
+				openOnHover: false,
+				definition: children !== null && children !== void 0 ? children : typeText,
+				className: `${prefix}--definition--tooltip--tag`,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+					title: children !== null && children !== void 0 && typeof children === "string" ? children : typeText,
+					className: labelClasses,
+					children: children !== null && children !== void 0 ? children : typeText
+				})
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				title: children !== null && children !== void 0 && typeof children === "string" ? children : typeText,
+				className: labelClasses,
+				children: children !== null && children !== void 0 ? children : typeText
+			}),
+			slug ? normalizedDecorator : decorator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${prefix}--tag__decorator`,
+				children: normalizedDecorator
+			}) : ""
+		]
+	});
 });
-const Tag = TagBase;
-
-// @ts-expect-error - `propTypes` isn't typed.
 Tag.propTypes = {
-  /**
-   * Provide an alternative tag or component to use instead of the default
-   * wrapping element
-   */
-  as: PropTypes.elementType,
-  /**
-   * Provide content to be rendered inside of a `Tag`
-   */
-  children: PropTypes.node,
-  /**
-   * Provide a custom className that is applied to the containing <span>
-   */
-  className: PropTypes.string,
-  /**
-   * **Experimental:** Provide a `decorator` component to be rendered inside the `Tag` component
-   */
-  decorator: PropTypes.node,
-  /**
-   * Specify if the `Tag` is disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Determine if `Tag` is a filter/chip
-   */
-  filter: deprecate.deprecate(PropTypes.bool, 'The `filter` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
-  /**
-   * Specify the id for the tag.
-   */
-  id: PropTypes.string,
-  /**
-   * Click handler for filter tag close button.
-   */
-  onClose: deprecate.deprecate(PropTypes.func, 'The `onClose` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
-  /**
-   * A component used to render an icon.
-   */
-  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   * Specify the size of the Tag. Currently supports either `sm`,
-   * `md` (default) or `lg` sizes.
-   */
-  size: PropTypes.oneOf(Object.keys(SIZES)),
-  /**
-   * **Experimental:** Provide a `Slug` component to be rendered inside the `Tag` component
-   */
-  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
-  /**
-   * Text to show on clear filters
-   */
-  title: deprecate.deprecate(PropTypes.string, 'The `title` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.'),
-  /**
-   * Specify the type of the `Tag`
-   */
-  type: PropTypes.oneOf(Object.keys(TYPES))
+	as: prop_types.default.elementType,
+	children: prop_types.default.node,
+	className: prop_types.default.string,
+	decorator: prop_types.default.node,
+	disabled: prop_types.default.bool,
+	filter: require_deprecate.deprecate(prop_types.default.bool, "The `filter` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead."),
+	id: prop_types.default.string,
+	onClose: require_deprecate.deprecate(prop_types.default.func, "The `onClose` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead."),
+	renderIcon: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object]),
+	size: prop_types.default.oneOf(Object.keys(SIZES)),
+	slug: require_deprecate.deprecate(prop_types.default.node, "The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead."),
+	title: require_deprecate.deprecate(prop_types.default.string, "The `title` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead."),
+	type: prop_types.default.oneOf(Object.keys(TYPES))
 };
+const types = Object.keys(TYPES);
 
+//#endregion
 exports.SIZES = SIZES;
 exports.TYPES = TYPES;
-exports.default = Tag;
+exports.default = Tag;

package/lib/components/Tag/isEllipsisActive.js

@@ -1,18 +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';
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-const isEllipsisActive = element => {
-  if (element) {
-    return element?.offsetWidth < element?.scrollWidth;
-  }
-  return false;
+//#region src/components/Tag/isEllipsisActive.ts
+/**
+* Copyright IBM Corp. 2024
+*
+* 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 isEllipsisActive = (element) => {
+	if (element) return element?.offsetWidth < element?.scrollWidth;
+	return false;
 };
 
-exports.isEllipsisActive = isEllipsisActive;
+//#endregion
+exports.isEllipsisActive = isEllipsisActive;

package/lib/components/Text/Text.js

@@ -1,93 +1,81 @@
 /**
- * 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_TextDirectionContext = require('./TextDirectionContext.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");
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var TextDirectionContext = require('./TextDirectionContext.js');
-
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const Text = /*#__PURE__*/React.forwardRef(({
-  as,
-  children,
-  dir = 'auto',
-  ...rest
-}, ref) => {
-  const context = React.useContext(TextDirectionContext.TextDirectionContext);
-  const textProps = {};
-  const BaseComponent = as ?? 'span';
-  const value = {
-    ...context
-  };
-  if (!context) {
-    textProps.dir = dir;
-    value.direction = dir;
-  } else {
-    const {
-      direction: parentDirection,
-      getTextDirection
-    } = context;
-    if (getTextDirection && getTextDirection.current) {
-      const text = getTextFromChildren(children);
-      const override = getTextDirection.current(text);
-      if (parentDirection !== override) {
-        textProps.dir = override;
-        value.direction = override;
-      } else if (parentDirection === 'auto') {
-        textProps.dir = override;
-      }
-    } else if (parentDirection !== dir) {
-      textProps.dir = dir;
-      value.direction = dir;
-    } else if (parentDirection === 'auto') {
-      textProps.dir = dir;
-    }
-  }
-  return /*#__PURE__*/React.createElement(TextDirectionContext.TextDirectionContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
-    ref: ref
-  }, rest, textProps), children));
+//#region src/components/Text/Text.tsx
+/**
+* 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.
+*/
+const Text = (0, react.forwardRef)(({ as, children, dir = "auto", ...rest }, ref) => {
+	const context = (0, react.useContext)(require_TextDirectionContext.TextDirectionContext);
+	const textProps = {};
+	const BaseComponent = as ?? "span";
+	const value = { ...context };
+	if (!context) {
+		textProps.dir = dir;
+		value.direction = dir;
+	} else {
+		const { direction: parentDirection, getTextDirection } = context;
+		if (getTextDirection && getTextDirection.current) {
+			const text = getTextFromChildren(children);
+			const override = getTextDirection.current(text);
+			if (parentDirection !== override) {
+				textProps.dir = override;
+				value.direction = override;
+			} else if (parentDirection === "auto") textProps.dir = override;
+		} else if (parentDirection !== dir) {
+			textProps.dir = dir;
+			value.direction = dir;
+		} else if (parentDirection === "auto") textProps.dir = dir;
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextDirectionContext.TextDirectionContext.Provider, {
+		value,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseComponent, {
+			ref,
+			...rest,
+			...textProps,
+			children
+		})
+	});
 });
-
-// @ts-expect-error - `propTypes` isn't typed.
 Text.propTypes = {
-  /**
-   * Provide a custom element type used to render the outermost node
-   */
-  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
-  /**
-   * Provide child elements or text to be rendered inside of this component
-   */
-  children: PropTypes.node,
-  /**
-   * Specify the text direction to be used for this component and any of its
-   * children
-   */
-  dir: PropTypes.oneOf(['ltr', 'rtl', 'auto'])
+	as: prop_types.default.oneOfType([
+		prop_types.default.func,
+		prop_types.default.string,
+		prop_types.default.elementType
+	]),
+	children: prop_types.default.node,
+	dir: prop_types.default.oneOf([
+		"ltr",
+		"rtl",
+		"auto"
+	])
 };
-const getTextFromChildren = children => {
-  if (typeof children === 'string') {
-    return children;
-  }
-  const text = React.Children.map(children, child => {
-    if (typeof child === 'string') {
-      return child;
-    }
-    return null;
-  })?.filter(text => {
-    return text !== null;
-  });
-  if (text?.length === 1) {
-    return text[0];
-  }
-  return text;
+const getTextFromChildren = (children) => {
+	if (typeof children === "string") return children;
+	const text = react.Children.map(children, (child) => {
+		if (typeof child === "string") return child;
+		return null;
+	})?.filter((text) => {
+		return text !== null;
+	});
+	if (text?.length === 1) return text[0];
+	return text;
 };
 
-exports.Text = Text;
+//#endregion
+exports.Text = Text;