@hitachivantara/uikit-react-core 6.8.1 → 6.9.0

package/dist/StatusIcon/StatusIcon.js

@@ -1,106 +1,82 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
-import { SvgBase, HvIcon } from "../icons.js";
-import { useClasses } from "./StatusIcon.styles.js";
-import { staticClasses } from "./StatusIcon.styles.js";
+import { HvIcon, SvgBase } from "../icons.js";
 import { HvIconContainer } from "../IconContainer/IconContainer.js";
-const variantIconMap = {
-  success: "Success",
-  warning: "Caution",
-  error: "Fail",
-  info: "Info"
+import { useClasses } from "./StatusIcon.styles.js";
+import { useDefaultProps, useTheme } from "@hitachivantara/uikit-react-utils";
+import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/StatusIcon/StatusIcon.tsx
+var variantIconMap = {
+	success: "Success",
+	warning: "Caution",
+	error: "Fail",
+	info: "Info"
 };
-const pentahoIconsMap = {
-  success: {
-    regular: /* @__PURE__ */ jsx("path", { d: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }),
-    fill: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z" }),
-    duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",
-          opacity: "0.2"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" })
-    ] })
-  },
-  warning: {
-    regular: /* @__PURE__ */ jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z" }),
-    fill: /* @__PURE__ */ jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM120,104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,192Z" }),
-    duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M215.46,216H40.54C27.92,216,20,202.79,26.13,192.09L113.59,40.22c6.3-11,22.52-11,28.82,0l87.46,151.87C236,202.79,228.08,216,215.46,216Z",
-          opacity: "0.2"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z" })
-    ] })
-  },
-  error: {
-    regular: /* @__PURE__ */ jsx("path", { d: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z" }),
-    fill: /* @__PURE__ */ jsx("path", { d: "M235.33,116.72,139.28,20.66a16,16,0,0,0-22.56,0l-96,96.06a16,16,0,0,0,0,22.56l96.05,96.06h0a16,16,0,0,0,22.56,0l96.05-96.06a16,16,0,0,0,0-22.56ZM120,80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z" }),
-    duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M229.67,133.62l-96,96a7.94,7.94,0,0,1-11.24,0l-96-96a7.94,7.94,0,0,1,0-11.24l96.05-96a7.94,7.94,0,0,1,11.24,0l96,96.05A7.94,7.94,0,0,1,229.67,133.62Z",
-          opacity: "0.2"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z" })
-    ] })
-  },
-  info: {
-    regular: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z" }),
-    fill: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z" }),
-    duotone: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",
-          opacity: "0.2"
-        }
-      ),
-      /* @__PURE__ */ jsx("path", { d: "M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z" })
-    ] })
-  }
+var pentahoIconsMap = {
+	success: {
+		regular: /* @__PURE__ */ jsx("path", { d: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }),
+		fill: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,85.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z" }),
+		duotone: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("path", {
+			d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",
+			opacity: "0.2"
+		}), /* @__PURE__ */ jsx("path", { d: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" })] })
+	},
+	warning: {
+		regular: /* @__PURE__ */ jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z" }),
+		fill: /* @__PURE__ */ jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM120,104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,192Z" }),
+		duotone: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("path", {
+			d: "M215.46,216H40.54C27.92,216,20,202.79,26.13,192.09L113.59,40.22c6.3-11,22.52-11,28.82,0l87.46,151.87C236,202.79,228.08,216,215.46,216Z",
+			opacity: "0.2"
+		}), /* @__PURE__ */ jsx("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z" })] })
+	},
+	error: {
+		regular: /* @__PURE__ */ jsx("path", { d: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z" }),
+		fill: /* @__PURE__ */ jsx("path", { d: "M235.33,116.72,139.28,20.66a16,16,0,0,0-22.56,0l-96,96.06a16,16,0,0,0,0,22.56l96.05,96.06h0a16,16,0,0,0,22.56,0l96.05-96.06a16,16,0,0,0,0-22.56ZM120,80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm8,104a12,12,0,1,1,12-12A12,12,0,0,1,128,184Z" }),
+		duotone: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("path", {
+			d: "M229.67,133.62l-96,96a7.94,7.94,0,0,1-11.24,0l-96-96a7.94,7.94,0,0,1,0-11.24l96.05-96a7.94,7.94,0,0,1,11.24,0l96,96.05A7.94,7.94,0,0,1,229.67,133.62Z",
+			opacity: "0.2"
+		}), /* @__PURE__ */ jsx("path", { d: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z" })] })
+	},
+	info: {
+		regular: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z" }),
+		fill: /* @__PURE__ */ jsx("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm-4,48a12,12,0,1,1-12,12A12,12,0,0,1,124,72Zm12,112a16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40a8,8,0,0,1,0,16Z" }),
+		duotone: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("path", {
+			d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",
+			opacity: "0.2"
+		}), /* @__PURE__ */ jsx("path", { d: "M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z" })] })
+	}
 };
-const HvStatusIcon = forwardRef(function HvStatusIcon2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    variant = "default",
-    customIcon,
-    size = "sm",
-    type = "full",
-    weight = "regular"
-  } = useDefaultProps("HvStatusIcon", props);
-  const { classes, cx } = useClasses(classesProp);
-  const { activeTheme } = useTheme();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-variant": variant,
-      "data-type": type,
-      "data-size": size,
-      className: cx(classes.root, className),
-      children: activeTheme?.name === "pentahoPlus" && !customIcon ? /* @__PURE__ */ jsx(HvIconContainer, { size, children: /* @__PURE__ */ jsx(SvgBase, { viewBox: "0 0 256 256", className: classes.icon, children: pentahoIconsMap[variant]?.[weight] }) }) : /* @__PURE__ */ jsx(HvIconContainer, { size, children: customIcon || /* @__PURE__ */ jsx(
-        HvIcon,
-        {
-          compact: true,
-          className: classes.icon,
-          name: variantIconMap[variant]
-        }
-      ) })
-    }
-  );
+/**
+* A status icon represents the status of a process or an entity.
+*
+* @experimental
+* This component is experimental and its API might change in future releases.
+*/
+var HvStatusIcon = forwardRef(function HvStatusIcon(props, ref) {
+	const { classes: classesProp, className, variant = "default", customIcon, size = "sm", type = "full", weight = "regular" } = useDefaultProps("HvStatusIcon", props);
+	const { classes, cx } = useClasses(classesProp);
+	const { activeTheme } = useTheme();
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-variant": variant,
+		"data-type": type,
+		"data-size": size,
+		className: cx(classes.root, className),
+		children: activeTheme?.name === "pentahoPlus" && !customIcon ? /* @__PURE__ */ jsx(HvIconContainer, {
+			size,
+			children: /* @__PURE__ */ jsx(SvgBase, {
+				viewBox: "0 0 256 256",
+				className: classes.icon,
+				children: pentahoIconsMap[variant]?.[weight]
+			})
+		}) : /* @__PURE__ */ jsx(HvIconContainer, {
+			size,
+			children: customIcon || /* @__PURE__ */ jsx(HvIcon, {
+				compact: true,
+				className: classes.icon,
+				name: variantIconMap[variant]
+			})
+		})
+	});
 });
-export {
-  HvStatusIcon,
-  staticClasses as statusIconClasses
-};
+//#endregion
+export { HvStatusIcon };

package/dist/StatusIcon/StatusIcon.styles.js

@@ -1,54 +1,44 @@
-import { createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
-const notificationMap = {
-  success: "positive",
-  warning: "warning",
-  error: "negative",
-  default: "info",
-  info: "info",
-  accent: "accent"
-};
-const { staticClasses, useClasses } = createClasses("HvStatusIcon", {
-  root: {
-    display: "inline-flex",
-    lineHeight: 0,
-    flexShrink: 0,
-    borderRadius: theme.radii.base,
-    "--icsize": "auto",
-    ":where([data-size=md])": { borderRadius: theme.radii.round },
-    ":where([data-size=lg])": { borderRadius: theme.radii.large },
-    ":where([data-size=xl])": { borderRadius: theme.radii.large },
-    ":where([data-type=full])": {
-      outline: "1px solid currentcolor",
-      padding: theme.space.xxs
-    },
-    ...Object.fromEntries(
-      Object.entries(notificationMap).map(([variant, color]) => [
-        [`:where([data-variant=${variant}])`],
-        {
-          color: theme.colors[color],
-          outline: `1px solid ${theme.colors[`${color}Border`]}`,
-          backgroundColor: theme.colors[`${color}Dimmed`],
-          ":where([data-type=simple])": {
-            outline: "none",
-            backgroundColor: "transparent"
-          }
-        }
-      ])
-    ),
-    ":where([data-variant=default])": {
-      color: theme.colors.text,
-      ":where([data-type=full])": {
-        backgroundColor: theme.colors.bgPage,
-        outline: `1px solid ${theme.colors.borderSubtle}`
-      }
-    }
-  },
-  icon: {
-    fontSize: "inherit"
-  }
+import { createClasses } from "@hitachivantara/uikit-react-utils";
+var { staticClasses, useClasses } = createClasses("HvStatusIcon", {
+	root: {
+		display: "inline-flex",
+		lineHeight: 0,
+		flexShrink: 0,
+		borderRadius: theme.radii.base,
+		"--icsize": "auto",
+		":where([data-size=md])": { borderRadius: theme.radii.round },
+		":where([data-size=lg])": { borderRadius: theme.radii.large },
+		":where([data-size=xl])": { borderRadius: theme.radii.large },
+		":where([data-type=full])": {
+			outline: "1px solid currentcolor",
+			padding: theme.space.xxs
+		},
+		...Object.fromEntries(Object.entries({
+			success: "positive",
+			warning: "warning",
+			error: "negative",
+			default: "info",
+			info: "info",
+			accent: "accent"
+		}).map(([variant, color]) => [[`:where([data-variant=${variant}])`], {
+			color: theme.colors[color],
+			outline: `1px solid ${theme.colors[`${color}Border`]}`,
+			backgroundColor: theme.colors[`${color}Dimmed`],
+			":where([data-type=simple])": {
+				outline: "none",
+				backgroundColor: "transparent"
+			}
+		}])),
+		":where([data-variant=default])": {
+			color: theme.colors.text,
+			":where([data-type=full])": {
+				backgroundColor: theme.colors.bgPage,
+				outline: `1px solid ${theme.colors.borderSubtle}`
+			}
+		}
+	},
+	icon: { fontSize: "inherit" }
 });
-export {
-  staticClasses,
-  useClasses
-};
+//#endregion
+export { staticClasses, useClasses };

package/dist/Switch/Switch.js

@@ -1,142 +1,95 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback } from "react";
-import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
-import { useControlled } from "../hooks/useControlled.js";
-import { useUniqueId } from "../hooks/useUniqueId.js";
 import { setId } from "../utils/setId.js";
-import { useClasses } from "./Switch.styles.js";
-import { staticClasses } from "./Switch.styles.js";
-import { HvFormElement } from "../FormElement/FormElement.js";
-import { HvBaseSwitch } from "../BaseSwitch/BaseSwitch.js";
+import { useUniqueId } from "../hooks/useUniqueId.js";
 import { isInvalid } from "../FormElement/utils.js";
+import { HvFormElement } from "../FormElement/FormElement.js";
 import { HvLabel } from "../FormElement/Label/Label.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
-const HvSwitch = forwardRef(
-  function HvSwitch2(props, ref) {
-    const {
-      classes: classesProp,
-      className,
-      id,
-      name,
-      value = "on",
-      required,
-      readOnly,
-      disabled,
-      label,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledBy,
-      "aria-describedby": ariaDescribedBy,
-      labelProps,
-      labelPosition = "top",
-      checked,
-      defaultChecked = false,
-      onChange,
-      status,
-      statusMessage,
-      "aria-errormessage": ariaErrorMessage,
-      inputProps,
-      ...others
-    } = useDefaultProps("HvSwitch", props);
-    const { classes, cx } = useClasses(classesProp);
-    const elementId = useUniqueId(id);
-    const [isChecked, setIsChecked] = useControlled(checked, defaultChecked);
-    const [validationState, setValidationState] = useControlled(
-      status,
-      "standBy"
-    );
-    const [validationMessage] = useControlled(statusMessage, "Required");
-    const onLocalChange = useCallback(
-      (evt, newChecked) => {
-        setIsChecked(() => {
-          if (required && !newChecked) {
-            setValidationState("invalid");
-          } else {
-            setValidationState("valid");
-          }
-          return newChecked;
-        });
-        onChange?.(evt, newChecked, value);
-      },
-      [onChange, required, setIsChecked, setValidationState, value]
-    );
-    const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
-    const isStateInvalid = isInvalid(validationState);
-    let errorMessageId;
-    if (isStateInvalid) {
-      errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
-    }
-    return /* @__PURE__ */ jsxs(
-      HvFormElement,
-      {
-        id,
-        name,
-        status: validationState,
-        disabled,
-        required,
-        readOnly,
-        className: cx(classes.root, className),
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: cx(classes.container, classes[labelPosition]), children: [
-            label && /* @__PURE__ */ jsx(
-              HvLabel,
-              {
-                showGutter: true,
-                id: setId(elementId, "label"),
-                htmlFor: setId(elementId, "input"),
-                label,
-                className: classes.label,
-                ...labelProps
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cx(classes.switchContainer, {
-                  [classes.invalidSwitch]: isStateInvalid
-                }),
-                children: /* @__PURE__ */ jsx(
-                  HvBaseSwitch,
-                  {
-                    ref,
-                    id: label ? setId(elementId, "input") : setId(id, "input"),
-                    name,
-                    disabled,
-                    readOnly,
-                    required,
-                    onChange: onLocalChange,
-                    value,
-                    checked: isChecked,
-                    inputProps: {
-                      "aria-invalid": isStateInvalid ? true : void 0,
-                      "aria-errormessage": errorMessageId,
-                      "aria-label": ariaLabel,
-                      "aria-labelledby": ariaLabelledBy,
-                      "aria-describedby": ariaDescribedBy,
-                      ...inputProps
-                    },
-                    ...others
-                  }
-                )
-              }
-            )
-          ] }),
-          canShowError && /* @__PURE__ */ jsx(
-            HvWarningText,
-            {
-              id: setId(elementId, "error"),
-              className: classes.error,
-              disableBorder: true,
-              disableAdornment: true,
-              hideText: true,
-              children: validationMessage
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  HvSwitch,
-  staticClasses as switchClasses
-};
+import { useControlled } from "../hooks/useControlled.js";
+import { HvBaseSwitch } from "../BaseSwitch/BaseSwitch.js";
+import { useClasses } from "./Switch.styles.js";
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { forwardRef, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Switch/Switch.tsx
+/**
+* A Switch is **binary** and works as a digital on/off button.
+*
+* Use when two states are **opposite** and to trigger immediate changes in the system.
+*/
+var HvSwitch = forwardRef(function HvSwitch(props, ref) {
+	const { classes: classesProp, className, id, name, value = "on", required, readOnly, disabled, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, labelProps, labelPosition = "top", checked, defaultChecked = false, onChange, status, statusMessage, "aria-errormessage": ariaErrorMessage, inputProps, ...others } = useDefaultProps("HvSwitch", props);
+	const { classes, cx } = useClasses(classesProp);
+	const elementId = useUniqueId(id);
+	const [isChecked, setIsChecked] = useControlled(checked, defaultChecked);
+	const [validationState, setValidationState] = useControlled(status, "standBy");
+	const [validationMessage] = useControlled(statusMessage, "Required");
+	const onLocalChange = useCallback((evt, newChecked) => {
+		setIsChecked(() => {
+			if (required && !newChecked) setValidationState("invalid");
+			else setValidationState("valid");
+			return newChecked;
+		});
+		onChange?.(evt, newChecked, value);
+	}, [
+		onChange,
+		required,
+		setIsChecked,
+		setValidationState,
+		value
+	]);
+	const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
+	const isStateInvalid = isInvalid(validationState);
+	let errorMessageId;
+	if (isStateInvalid) errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
+	return /* @__PURE__ */ jsxs(HvFormElement, {
+		id,
+		name,
+		status: validationState,
+		disabled,
+		required,
+		readOnly,
+		className: cx(classes.root, className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cx(classes.container, classes[labelPosition]),
+			children: [label && /* @__PURE__ */ jsx(HvLabel, {
+				showGutter: true,
+				id: setId(elementId, "label"),
+				htmlFor: setId(elementId, "input"),
+				label,
+				className: classes.label,
+				...labelProps
+			}), /* @__PURE__ */ jsx("div", {
+				className: cx(classes.switchContainer, { [classes.invalidSwitch]: isStateInvalid }),
+				children: /* @__PURE__ */ jsx(HvBaseSwitch, {
+					ref,
+					id: label ? setId(elementId, "input") : setId(id, "input"),
+					name,
+					disabled,
+					readOnly,
+					required,
+					onChange: onLocalChange,
+					value,
+					checked: isChecked,
+					inputProps: {
+						"aria-invalid": isStateInvalid ? true : void 0,
+						"aria-errormessage": errorMessageId,
+						"aria-label": ariaLabel,
+						"aria-labelledby": ariaLabelledBy,
+						"aria-describedby": ariaDescribedBy,
+						...inputProps
+					},
+					...others
+				})
+			})]
+		}), canShowError && /* @__PURE__ */ jsx(HvWarningText, {
+			id: setId(elementId, "error"),
+			className: classes.error,
+			disableBorder: true,
+			disableAdornment: true,
+			hideText: true,
+			children: validationMessage
+		})]
+	});
+});
+//#endregion
+export { HvSwitch };