@hyphen/hyphen-components 7.3.4 → 7.3.6

package/dist/hyphen-components.esm.js

@@ -1,281 +1,4 @@
 'use client';
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-
-// ignore-scss:./Box.module.scss
-var require_Box_module = __commonJS({
-  "ignore-scss:./Box.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Alert.module.scss
-var require_Alert_module = __commonJS({
-  "ignore-scss:./Alert.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Badge.module.scss
-var require_Badge_module = __commonJS({
-  "ignore-scss:./Badge.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Spinner.module.scss
-var require_Spinner_module = __commonJS({
-  "ignore-scss:./Spinner.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Button.module.scss
-var require_Button_module = __commonJS({
-  "ignore-scss:./Button.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Heading.module.scss
-var require_Heading_module = __commonJS({
-  "ignore-scss:./Heading.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:../../Card.module.scss
-var require_Card_module = __commonJS({
-  "ignore-scss:../../Card.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Checkbox.module.scss
-var require_Checkbox_module = __commonJS({
-  "ignore-scss:./Checkbox.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./InputValidationMessage.module.scss
-var require_InputValidationMessage_module = __commonJS({
-  "ignore-scss:./InputValidationMessage.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./FormLabel.module.scss
-var require_FormLabel_module = __commonJS({
-  "ignore-scss:./FormLabel.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./HelpText.module.scss
-var require_HelpText_module = __commonJS({
-  "ignore-scss:./HelpText.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Details.module.scss
-var require_Details_module = __commonJS({
-  "ignore-scss:./Details.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Drawer.module.scss
-var require_Drawer_module = __commonJS({
-  "ignore-scss:./Drawer.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./RadioInput.module.scss
-var require_RadioInput_module = __commonJS({
-  "ignore-scss:./RadioInput.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./RadioGroup.module.scss
-var require_RadioGroup_module = __commonJS({
-  "ignore-scss:./RadioGroup.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./SelectInput.module.scss
-var require_SelectInput_module = __commonJS({
-  "ignore-scss:./SelectInput.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./SelectInputInset.module.scss
-var require_SelectInputInset_module = __commonJS({
-  "ignore-scss:./SelectInputInset.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./TextareaInputInset.module.scss
-var require_TextareaInputInset_module = __commonJS({
-  "ignore-scss:./TextareaInputInset.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./TextInputInset.module.scss
-var require_TextInputInset_module = __commonJS({
-  "ignore-scss:./TextInputInset.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./SelectInputNative.module.scss
-var require_SelectInputNative_module = __commonJS({
-  "ignore-scss:./SelectInputNative.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./TextInput.module.scss
-var require_TextInput_module = __commonJS({
-  "ignore-scss:./TextInput.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./TextareaInput.module.scss
-var require_TextareaInput_module = __commonJS({
-  "ignore-scss:./TextareaInput.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Switch.module.scss
-var require_Switch_module = __commonJS({
-  "ignore-scss:./Switch.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./ToggleGroup.module.scss
-var require_ToggleGroup_module = __commonJS({
-  "ignore-scss:./ToggleGroup.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Modal.module.scss
-var require_Modal_module = __commonJS({
-  "ignore-scss:./Modal.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Popover.module.scss
-var require_Popover_module = __commonJS({
-  "ignore-scss:./Popover.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./RangeInput.module.scss
-var require_RangeInput_module = __commonJS({
-  "ignore-scss:./RangeInput.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Sidebar.module.scss
-var require_Sidebar_module = __commonJS({
-  "ignore-scss:./Sidebar.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Tooltip.module.scss
-var require_Tooltip_module = __commonJS({
-  "ignore-scss:./Tooltip.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Table.module.scss
-var require_Table_module = __commonJS({
-  "ignore-scss:./Table.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./TableBody.module.scss
-var require_TableBody_module = __commonJS({
-  "ignore-scss:./TableBody.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./TableRow.module.scss
-var require_TableRow_module = __commonJS({
-  "ignore-scss:./TableRow.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./TableBodyCell.module.scss
-var require_TableBodyCell_module = __commonJS({
-  "ignore-scss:./TableBodyCell.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./TableHeaderCell.module.scss
-var require_TableHeaderCell_module = __commonJS({
-  "ignore-scss:./TableHeaderCell.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./ToastNotification.module.scss
-var require_ToastNotification_module = __commonJS({
-  "ignore-scss:./ToastNotification.module.scss"() {
-    "use strict";
-  }
-});
-
-// ignore-scss:./Toggle.module.scss
-var require_Toggle_module = __commonJS({
-  "ignore-scss:./Toggle.module.scss"() {
-    "use strict";
-  }
-});
 
 // src/components/Alert/Alert.tsx
 import React2, {
@@ -424,29 +147,29 @@ function doesStringIncludeCssUnit(value) {
 // src/lib/getDimensionCss.ts
 function getDimensionStyles(dimension, value) {
   if (value === void 0) return value;
-  let styles37;
+  let styles;
   if (typeof value === "string" && doesStringIncludeCssUnit(value)) {
     switch (dimension) {
       case "h":
-        styles37 = { height: value };
+        styles = { height: value };
         break;
       case "mw":
-        styles37 = { maxWidth: value };
+        styles = { maxWidth: value };
         break;
       case "mh":
-        styles37 = { maxHeight: value };
+        styles = { maxHeight: value };
         break;
       case "minw":
-        styles37 = { minWidth: value };
+        styles = { minWidth: value };
         break;
       case "minh":
-        styles37 = { minHeight: value };
+        styles = { minHeight: value };
         break;
       default:
-        styles37 = { width: value };
+        styles = { width: value };
     }
   }
-  return styles37;
+  return styles;
 }
 function getDimensionClasses(dimension, value) {
   if (value === void 0) return value;
@@ -475,8 +198,10 @@ function getElementType(Component, props, getDefault) {
   return defaultProps.as || "div";
 }
 
+// src/components/Box/Box.module.scss
+var Box_module_default = { "box-transition": "box-transition__sKpxg" };
+
 // src/components/Box/Box.tsx
-var import_Box_module = __toESM(require_Box_module());
 var AUTO_FONT_COLOR_BACKGROUNDS = [
   "success",
   "warning",
@@ -615,7 +340,7 @@ var Box = forwardRef(
         [`font-color-${finalColor}`]: finalColor,
         [`border-color-${borderColor}`]: borderColor,
         [`cursor-${cursor}`]: cursor,
-        [import_Box_module.default["box-transition"]]: hover || focus
+        [Box_module_default["box-transition"]]: hover || focus
       }
     );
     const boxStyles = {
@@ -818,8 +543,8 @@ var Icon = forwardRef2(
 );
 Icon.displayName = "Icon";
 
-// src/components/Alert/Alert.tsx
-var import_Alert_module = __toESM(require_Alert_module());
+// src/components/Alert/Alert.module.scss
+var Alert_module_default = { "alert": "alert__9XZ4A", "close-icon": "close-icon__NDL4K", "alert-heading": "alert-heading__XCRu3", "alert__default": "alert__default__3qStp", "alert__info": "alert__info__BOSxI", "alert__success": "alert__success__NPujz", "alert__warning": "alert__warning__sS3f7", "alert__danger": "alert__danger__6ZwUi", "alert__icon__default": "alert__icon__default__kvFlP", "alert__icon__info": "alert__icon__info__YcT5d", "alert__icon__success": "alert__icon__success__hzZYf", "alert__icon__warning": "alert__icon__warning__ACoYh", "alert__icon__danger": "alert__icon__danger__Piw3b" };
 
 // src/components/Alert/Alert.constants.ts
 var ALERT_ICONS_MAP = {
@@ -857,12 +582,12 @@ var AlertComponent = ({
     [handleClose]
   );
   const alertContainerClasses = useMemo(
-    () => classNames3(import_Alert_module.default[`alert__${variant}`], import_Alert_module.default.alert, className),
+    () => classNames3(Alert_module_default[`alert__${variant}`], Alert_module_default.alert, className),
     [variant, className]
   );
   const alertIcon = useMemo(() => {
     if (!hasIcon) return null;
-    return /* @__PURE__ */ React2.createElement(Box, { fontSize: "md", className: import_Alert_module.default[`alert__icon__${variant}`] }, /* @__PURE__ */ React2.createElement(
+    return /* @__PURE__ */ React2.createElement(Box, { fontSize: "md", className: Alert_module_default[`alert__icon__${variant}`] }, /* @__PURE__ */ React2.createElement(
       Icon,
       {
         name: ALERT_ICONS_MAP[variant].icon,
@@ -877,7 +602,7 @@ var AlertComponent = ({
       {
         margin: "0 0 0 auto",
         color: "secondary",
-        className: import_Alert_module.default["close-icon"]
+        className: Alert_module_default["close-icon"]
       },
       /* @__PURE__ */ React2.createElement(
         "button",
@@ -901,7 +626,7 @@ var AlertComponent = ({
         as: "h4",
         fontSize: "sm",
         fontWeight: "semibold",
-        className: import_Alert_module.default["alert-heading"]
+        className: Alert_module_default["alert-heading"]
       },
       title
     ), children ?? (message && (typeof message === "string" ? /* @__PURE__ */ React2.createElement("p", null, message) : message)));
@@ -933,7 +658,11 @@ var AspectRatio = AspectRatioPrimitive.Root;
 // src/components/Badge/Badge.tsx
 import React3, { forwardRef as forwardRef3 } from "react";
 import classNames4 from "classnames";
-var import_Badge_module = __toESM(require_Badge_module());
+
+// src/components/Badge/Badge.module.scss
+var Badge_module_default = { "badge": "badge__wbyII", "size-sm": "size-sm__v5iQ5", "size-md": "size-md__t0Qz1", "size-lg": "size-lg__HQPfE", "inverse": "inverse__gQfNV", "purple": "purple__81ewe", "green": "green__ZMiGE", "red": "red__XGDtA", "blue": "blue__2kZV5", "yellow": "yellow__BQ41f", "light-grey": "light-grey__sXLPP", "dark-grey": "dark-grey__OKyFH", "orange": "orange__6Hwzb", "hyphen": "hyphen__nvWRN", "size-sm-tablet": "size-sm-tablet__IkjZY", "size-md-tablet": "size-md-tablet__kMUva", "size-lg-tablet": "size-lg-tablet__ldE4r", "size-sm-desktop": "size-sm-desktop__alYyy", "size-md-desktop": "size-md-desktop__AvaSK", "size-lg-desktop": "size-lg-desktop__5graA", "size-sm-hd": "size-sm-hd__74Pms", "size-md-hd": "size-md-hd__cEiUq", "size-lg-hd": "size-lg-hd__Qi3ic" };
+
+// src/components/Badge/Badge.tsx
 var Badge = forwardRef3(
   ({
     className = "",
@@ -944,14 +673,14 @@ var Badge = forwardRef3(
     ...restProps
   }, ref) => {
     const responsiveClasses = generateResponsiveClasses("size", size).map(
-      (c) => import_Badge_module.default[c]
+      (c) => Badge_module_default[c]
     );
     const badgeClasses = classNames4(
-      import_Badge_module.default.badge,
+      Badge_module_default.badge,
       className,
       responsiveClasses,
       {
-        [import_Badge_module.default[variant]]: variant
+        [Badge_module_default[variant]]: variant
       }
     );
     return /* @__PURE__ */ React3.createElement(
@@ -975,11 +704,15 @@ import { Slot, Slottable } from "@radix-ui/react-slot";
 import React5, { forwardRef as forwardRef4 } from "react";
 
 // src/components/Spinner/Spinner.tsx
-var import_Spinner_module = __toESM(require_Spinner_module());
 import React4 from "react";
 import classNames5 from "classnames";
+
+// src/components/Spinner/Spinner.module.scss
+var Spinner_module_default = { "spinner": "spinner__P6Czr", "spin": "spin__RcaZx" };
+
+// src/components/Spinner/Spinner.tsx
 var Spinner = ({ className, size = "md" }) => {
-  const classes = classNames5(className, import_Spinner_module.default.spinner);
+  const classes = classNames5(className, Spinner_module_default.spinner);
   const sizeInPixels = () => {
     let pixels;
     if (size === "sm") pixels = "12";
@@ -1092,7 +825,11 @@ var Spinner = ({ className, size = "md" }) => {
 
 // src/components/Button/Button.tsx
 import classNames6 from "classnames";
-var import_Button_module = __toESM(require_Button_module());
+
+// src/components/Button/Button.module.scss
+var Button_module_default = { "button": "button__IlzP0", "size-sm": "size-sm__h7ftc", "size-md": "size-md__avby3", "size-lg": "size-lg__5TYnZ", "primary": "primary__TcKe0", "secondary": "secondary__NWjA6", "tertiary": "tertiary__TvVwZ", "danger": "danger__Zsppp", "link": "link__m4Od9", "size-sm-tablet": "size-sm-tablet__TaC88", "size-md-tablet": "size-md-tablet__d81CE", "size-lg-tablet": "size-lg-tablet__9ed09", "size-sm-desktop": "size-sm-desktop__YVs4Q", "size-md-desktop": "size-md-desktop__g0hPr", "size-lg-desktop": "size-lg-desktop__f9alo", "size-sm-hd": "size-sm-hd__KgnEC", "size-md-hd": "size-md-hd__4gvyq", "size-lg-hd": "size-lg-hd__EJmWo", "loading": "loading__xqQBF", "label": "label__q462a", "full-width": "full-width__uXYq8", "spinner-wrapper": "spinner-wrapper__iXJhk" };
+
+// src/components/Button/Button.tsx
 var Button = forwardRef4(
   ({
     asChild,
@@ -1113,17 +850,17 @@ var Button = forwardRef4(
     ...restProps
   }, ref) => {
     const disabled = isLoading || isDisabled;
-    const responsiveClasses = variant !== "link" ? generateResponsiveClasses("size", size).map((c) => import_Button_module.default[c]).filter(Boolean) : [];
+    const responsiveClasses = variant !== "link" ? generateResponsiveClasses("size", size).map((c) => Button_module_default[c]).filter(Boolean) : [];
     const buttonClasses = classNames6(
       "hyphen-components__variables__form-control",
-      import_Button_module.default.button,
+      Button_module_default.button,
       className,
       responsiveClasses,
       generateResponsiveClasses("shadow", shadow),
       {
-        [import_Button_module.default.loading]: isLoading,
-        [import_Button_module.default[variant]]: variant,
-        [import_Button_module.default["full-width"]]: fullWidth
+        [Button_module_default.loading]: isLoading,
+        [Button_module_default[variant]]: variant,
+        [Button_module_default["full-width"]]: fullWidth
       }
     );
     const handleClick = !disabled ? onClick : void 0;
@@ -1145,11 +882,11 @@ var Button = forwardRef4(
         },
         ...restProps
       },
-      isLoading && /* @__PURE__ */ React5.createElement(Spinner, { className: import_Button_module.default["spinner-wrapper"] }),
+      isLoading && /* @__PURE__ */ React5.createElement(Spinner, { className: Button_module_default["spinner-wrapper"] }),
       iconPrefix && /* @__PURE__ */ React5.createElement(
         Icon,
         {
-          className: import_Button_module.default.label,
+          className: Button_module_default.label,
           name: iconPrefix,
           "aria-hidden": "true",
           focusable: "false",
@@ -1157,11 +894,11 @@ var Button = forwardRef4(
           size: size === "md" ? "sm" : size
         }
       ),
-      children && /* @__PURE__ */ React5.createElement(Slottable, null, asChild ? children : /* @__PURE__ */ React5.createElement("span", { className: import_Button_module.default.label }, children)),
+      children && /* @__PURE__ */ React5.createElement(Slottable, null, asChild ? children : /* @__PURE__ */ React5.createElement("span", { className: Button_module_default.label }, children)),
       iconSuffix && /* @__PURE__ */ React5.createElement(
         Icon,
         {
-          className: import_Button_module.default.label,
+          className: Button_module_default.label,
           name: iconSuffix,
           "aria-hidden": "true",
           focusable: "false",
@@ -1332,7 +1069,11 @@ var HEADING_DEFAULT_SIZE_MAP = {
 
 // src/components/Heading/Heading.tsx
 import classNames8 from "classnames";
-var import_Heading_module = __toESM(require_Heading_module());
+
+// src/components/Heading/Heading.module.scss
+var Heading_module_default = { "heading": "heading__Jti1g" };
+
+// src/components/Heading/Heading.tsx
 var Heading = ({
   as = "h4",
   children,
@@ -1344,7 +1085,7 @@ var Heading = ({
   const element = getElementType(Heading, { as });
   const headingSize = size || HEADING_DEFAULT_SIZE_MAP[as];
   const classes = classNames8(
-    import_Heading_module.default.heading,
+    Heading_module_default.heading,
     className,
     generateResponsiveClasses("heading", headingSize),
     {
@@ -1377,9 +1118,13 @@ var CardHeader = ({
 };
 
 // src/components/Card/components/CardSection/CardSection.tsx
-var import_Card_module = __toESM(require_Card_module());
 import React9 from "react";
 import classNames9 from "classnames";
+
+// src/components/Card/Card.module.scss
+var Card_module_default = { "card-section-border": "card-section-border__G7yCm" };
+
+// src/components/Card/components/CardSection/CardSection.tsx
 var CardSection = ({
   background = void 0,
   borderColor = void 0,
@@ -1397,8 +1142,8 @@ var CardSection = ({
   const renderTitle = typeof title === "string" ? /* @__PURE__ */ React9.createElement(Box, { className: "m-bottom-md" }, /* @__PURE__ */ React9.createElement(Box, { as: "h4", fontWeight: "semibold", fontSize: "sm", color: "base" }, title)) : title;
   const sectionClasses = classNames9(
     {
-      [import_Card_module.default["card-section-border"]]: borderColor === void 0 && borderWidth === void 0,
-      [import_Card_module.default["card-subdued"]]: subdued
+      [Card_module_default["card-section-border"]]: borderColor === void 0 && borderWidth === void 0,
+      [Card_module_default["card-subdued"]]: subdued
     },
     className
   );
@@ -1496,8 +1241,10 @@ var CheckboxIcon = ({
   );
 };
 
+// src/components/CheckboxInput/components/Checkbox.module.scss
+var Checkbox_module_default = { "checkbox": "checkbox__Urjhv", "size-sm": "size-sm__ksih6", "size-md": "size-md__YhHgH", "size-lg": "size-lg__wQblN", "hidden": "hidden__0sfGR", "size-sm-tablet": "size-sm-tablet__Yv6Tt", "size-md-tablet": "size-md-tablet__55J2D", "size-lg-tablet": "size-lg-tablet__NLDLl", "size-sm-desktop": "size-sm-desktop__p9xYA", "size-md-desktop": "size-md-desktop__fPQbZ", "size-lg-desktop": "size-lg-desktop__ODumu", "size-sm-hd": "size-sm-hd__PSHjx", "size-md-hd": "size-md-hd__wK4I3", "size-lg-hd": "size-lg-hd__Cn8XE" };
+
 // src/components/CheckboxInput/components/Checkbox.tsx
-var import_Checkbox_module = __toESM(require_Checkbox_module());
 var Checkbox = React12.forwardRef(
   ({
     className = "",
@@ -1551,12 +1298,12 @@ var Checkbox = React12.forwardRef(
     };
     const responsiveClasses = generateResponsiveClasses("size", size);
     const containerClasses = classNames10(
-      import_Checkbox_module.default.checkbox,
+      Checkbox_module_default.checkbox,
       className,
-      ...responsiveClasses.map((c) => import_Checkbox_module.default[c]),
-      { [import_Checkbox_module.default.hidden]: isHidden }
+      ...responsiveClasses.map((c) => Checkbox_module_default[c]),
+      { [Checkbox_module_default.hidden]: isHidden }
     );
-    const iconClasses = classNames10(...responsiveClasses.map((c) => import_Checkbox_module.default[c]));
+    const iconClasses = classNames10(...responsiveClasses.map((c) => Checkbox_module_default[c]));
     return /* @__PURE__ */ React12.createElement(
       Box,
       {
@@ -1596,16 +1343,20 @@ import React16 from "react";
 import classNames14 from "classnames";
 
 // src/components/InputValidationMessage/InputValidationMessage.tsx
-var import_InputValidationMessage_module = __toESM(require_InputValidationMessage_module());
 import React13 from "react";
 import classNames11 from "classnames";
+
+// src/components/InputValidationMessage/InputValidationMessage.module.scss
+var InputValidationMessage_module_default = { "input-validation-message": "input-validation-message__kOPCi" };
+
+// src/components/InputValidationMessage/InputValidationMessage.tsx
 var InputValidationMessage = ({
   children,
   size = "sm"
 }) => {
   const classes = classNames11(
     "hyphen-components__variables__form-control",
-    import_InputValidationMessage_module.default["input-validation-message"],
+    InputValidationMessage_module_default["input-validation-message"],
     "font-color-danger",
     `font-size-${size}`,
     "m-top-sm"
@@ -1616,12 +1367,18 @@ var InputValidationMessage = ({
 // src/components/FormLabel/FormLabel.tsx
 import React15 from "react";
 import classNames13 from "classnames";
-var import_FormLabel_module = __toESM(require_FormLabel_module());
+
+// src/components/FormLabel/FormLabel.module.scss
+var FormLabel_module_default = { "label": "label__LzijR", "radio-input-label": "radio-input-label__BDhYH", "disabled": "disabled__TmorR", "sm": "sm__N5PXz" };
 
 // src/components/HelpText/HelpText.tsx
 import React14, { forwardRef as forwardRef5 } from "react";
 import classNames12 from "classnames";
-var import_HelpText_module = __toESM(require_HelpText_module());
+
+// src/components/HelpText/HelpText.module.scss
+var HelpText_module_default = { "help-text": "help-text__CqlFB" };
+
+// src/components/HelpText/HelpText.tsx
 var HelpText = forwardRef5(
   ({ children, className }, ref) => /* @__PURE__ */ React14.createElement(
     Box,
@@ -1629,7 +1386,7 @@ var HelpText = forwardRef5(
       ref,
       className: classNames12(
         "hyphen-components__variables__form-control",
-        import_HelpText_module.default["help-text"],
+        HelpText_module_default["help-text"],
         className
       ),
       display: "block",
@@ -1659,12 +1416,12 @@ var FormLabel = ({
 }) => {
   const labelClasses = classNames13(
     "hyphen-components__variables__form-control",
-    import_FormLabel_module.default.label,
+    FormLabel_module_default.label,
     className,
     {
-      [import_FormLabel_module.default.sm]: size === "sm",
-      [import_FormLabel_module.default.disabled]: isDisabled,
-      [import_FormLabel_module.default["radio-input-label"]]: isRadioInputLabel
+      [FormLabel_module_default.sm]: size === "sm",
+      [FormLabel_module_default.disabled]: isDisabled,
+      [FormLabel_module_default["radio-input-label"]]: isRadioInputLabel
     }
   );
   return /* @__PURE__ */ React15.createElement(
@@ -1823,13 +1580,15 @@ var DetailsSummary = ({
   );
 };
 
+// src/components/Details/Details.module.scss
+var Details_module_default = { "details-reset": "details-reset__4zsOL" };
+
 // src/components/Details/Details.tsx
-var import_Details_module = __toESM(require_Details_module());
 var DetailsBaseComponent = React18.forwardRef(({ children, className, display = "block", isOpen, ...restProps }, ref) => {
   const detailsClasses = classNames15(
     className,
-    import_Details_module.default["details-reset"],
-    import_Details_module.default.details
+    Details_module_default["details-reset"],
+    Details_module_default.details
   );
   return /* @__PURE__ */ React18.createElement(
     Box,
@@ -1865,7 +1624,11 @@ import ReactModal from "react-modal";
 import FocusLock from "react-focus-lock";
 import { RemoveScroll } from "react-remove-scroll";
 import classNames16 from "classnames";
-var import_Drawer_module = __toESM(require_Drawer_module());
+
+// src/components/Drawer/Drawer.module.scss
+var Drawer_module_default = { "drawer": "drawer__hYeUE", "hide-overlay-right": "hide-overlay-right__qOhB1", "hide-overlay-left": "hide-overlay-left__KJuTD", "hide-overlay-bottom": "hide-overlay-bottom__hYpHa", "hide-overlay-top": "hide-overlay-top__n5LXH", "drawer-content": "drawer-content__YAvPE", "left": "left__WiOd4", "right": "right__boaGT", "bottom": "bottom__83KU5", "top": "top__cTFBS" };
+
+// src/components/Drawer/Drawer.tsx
 var DrawerContext = createContext(null);
 function useDrawer() {
   const context = useContext(DrawerContext);
@@ -1989,17 +1752,17 @@ var Drawer = forwardRef6(
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       ["--drawer-width"]: dynamicWidth
     };
-    const overlayClassnames = classNames16(import_Drawer_module.default.overlay, import_Drawer_module.default.drawer, {
-      [import_Drawer_module.default["hide-overlay"]]: hideOverlay,
-      [import_Drawer_module.default[`hide-overlay-${placement}`]]: hideOverlay,
+    const overlayClassnames = classNames16(Drawer_module_default.overlay, Drawer_module_default.drawer, {
+      [Drawer_module_default["hide-overlay"]]: hideOverlay,
+      [Drawer_module_default[`hide-overlay-${placement}`]]: hideOverlay,
       "position-fixed": containerRef === void 0,
       "position-absolute": containerRef !== void 0
     });
     const contentClassnames = classNames16(
-      import_Drawer_module.default["drawer-content"],
-      import_Drawer_module.default[placement],
+      Drawer_module_default["drawer-content"],
+      Drawer_module_default[placement],
       {
-        [import_Drawer_module.default["hide-overlay"]]: hideOverlay
+        [Drawer_module_default["hide-overlay"]]: hideOverlay
       }
     );
     const parentElement = containerRef?.current ? containerRef.current : document.body;
@@ -2341,8 +2104,10 @@ var RadioInputIcon = ({
   return /* @__PURE__ */ React23.createElement(Box, { className, ...restProps }, /* @__PURE__ */ React23.createElement(Icon, { color, name }));
 };
 
+// src/components/RadioGroup/RadioInput/RadioInput.module.scss
+var RadioInput_module_default = { "size-sm": "size-sm__DMEnZ", "size-md": "size-md__pjeaS", "size-lg": "size-lg__9cNXK", "radio-container": "radio-container__rhF9D", "hidden": "hidden__kkA7N", "size-sm-tablet": "size-sm-tablet__23btQ", "size-md-tablet": "size-md-tablet__tvOqC", "size-lg-tablet": "size-lg-tablet__O6crv", "size-sm-desktop": "size-sm-desktop__bwNO7", "size-md-desktop": "size-md-desktop__S4KIK", "size-lg-desktop": "size-lg-desktop__lNx4E", "size-sm-hd": "size-sm-hd__UrH34", "size-md-hd": "size-md-hd__lNA0Q", "size-lg-hd": "size-lg-hd__zrdPV" };
+
 // src/components/RadioGroup/RadioInput/RadioInput.tsx
-var import_RadioInput_module = __toESM(require_RadioInput_module());
 var RadioInput = React24.forwardRef(
   ({
     name,
@@ -2358,7 +2123,7 @@ var RadioInput = React24.forwardRef(
     size = "md"
   }, ref) => {
     const responsiveClasses = classNames18(
-      ...generateResponsiveClasses("size", size).map((c) => import_RadioInput_module.default[c])
+      ...generateResponsiveClasses("size", size).map((c) => RadioInput_module_default[c])
     );
     const labelProps = {
       inputId: option.id,
@@ -2370,9 +2135,9 @@ var RadioInput = React24.forwardRef(
     const containerClasses = classNames18(
       "hyphen-components__variables__form-control",
       className,
-      import_RadioInput_module.default["radio-container"],
+      RadioInput_module_default["radio-container"],
       responsiveClasses,
-      { [import_RadioInput_module.default.hidden]: isHidden }
+      { [RadioInput_module_default.hidden]: isHidden }
     );
     return /* @__PURE__ */ React24.createElement(React24.Fragment, null, option && /* @__PURE__ */ React24.createElement(
       Box,
@@ -2421,8 +2186,10 @@ var RadioInput = React24.forwardRef(
 );
 RadioInput.displayName = "RadioInput";
 
+// src/components/RadioGroup/RadioGroup.module.scss
+var RadioGroup_module_default = { "radio-group": "radio-group__8HYHf", "fieldset": "fieldset__DocEZ", "legend": "legend__fig4k", "description": "description__yrW3o" };
+
 // src/components/RadioGroup/RadioGroup.tsx
-var import_RadioGroup_module = __toESM(require_RadioGroup_module());
 var RadioGroup2 = ({
   name,
   onChange,
@@ -2445,16 +2212,16 @@ var RadioGroup2 = ({
     "hyphen-components__variables__form-control",
     className,
     {
-      [import_RadioGroup_module.default.loading]: error
+      [RadioGroup_module_default.loading]: error
     }
   );
   return /* @__PURE__ */ React25.createElement(
     "div",
     {
-      className: classNames19(import_RadioGroup_module.default["radio-group"], groupClasses),
+      className: classNames19(RadioGroup_module_default["radio-group"], groupClasses),
       ...restProps
     },
-    /* @__PURE__ */ React25.createElement("fieldset", { className: import_RadioGroup_module.default.fieldset }, (title || description) && /* @__PURE__ */ React25.createElement("legend", { className: import_RadioGroup_module.default.legend }, title, isRequired && /* @__PURE__ */ React25.createElement("span", null, requiredIndicator), description && /* @__PURE__ */ React25.createElement("div", { className: import_RadioGroup_module.default.description }, description)), /* @__PURE__ */ React25.createElement(Box, { direction, gap: "sm", className: import_RadioGroup_module.default.options }, options && options.map((option) => /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React25.createElement("fieldset", { className: RadioGroup_module_default.fieldset }, (title || description) && /* @__PURE__ */ React25.createElement("legend", { className: RadioGroup_module_default.legend }, title, isRequired && /* @__PURE__ */ React25.createElement("span", null, requiredIndicator), description && /* @__PURE__ */ React25.createElement("div", { className: RadioGroup_module_default.description }, description)), /* @__PURE__ */ React25.createElement(Box, { direction, gap: "sm", className: RadioGroup_module_default.options }, options && options.map((option) => /* @__PURE__ */ React25.createElement(
       RadioInput,
       {
         key: option.id,
@@ -2545,26 +2312,26 @@ function parsePropertyValue(value) {
 }
 function getFlexStyles(value) {
   if (value === void 0) return value;
-  const styles37 = {};
+  const styles = {};
   if (!value.includes(" ") && !flexValues.includes(value)) {
-    styles37.flex = value;
-    return styles37;
+    styles.flex = value;
+    return styles;
   }
   if (value.includes(" ")) {
     const flexProps = value.split(" ");
-    styles37.flexGrow = parsePropertyValue(flexProps[0]);
+    styles.flexGrow = parsePropertyValue(flexProps[0]);
     if (flexProps.length === 2) {
       if (doesStringIncludeCssUnit(flexProps[1])) {
-        styles37.flexBasis = parsePropertyValue(flexProps[1]);
+        styles.flexBasis = parsePropertyValue(flexProps[1]);
       } else {
-        styles37.flexShrink = parsePropertyValue(flexProps[1]);
+        styles.flexShrink = parsePropertyValue(flexProps[1]);
       }
     } else if (flexProps.length === 3) {
-      styles37.flexShrink = parsePropertyValue(flexProps[1]);
-      styles37.flexBasis = parsePropertyValue(flexProps[2]);
+      styles.flexShrink = parsePropertyValue(flexProps[1]);
+      styles.flexBasis = parsePropertyValue(flexProps[2]);
     }
   }
-  return styles37;
+  return styles;
 }
 function getFlexClasses(value) {
   if (value === void 0 || value.split(" ").length > 1) return [];
@@ -2706,8 +2473,10 @@ var BOX_SHADOW_OPTIONS = Object.keys(
   designTokens.size["box-shadow"]
 );
 
+// src/components/SelectInput/SelectInput.module.scss
+var SelectInput_module_default = { "react-select-icon": "react-select-icon__zfydL", "size-sm": "size-sm__8ubkS", "size-md": "size-md__ziQag", "size-lg": "size-lg__bp0YJ", "error": "error__cmtqG", "size-sm-tablet": "size-sm-tablet__KWSx5", "size-md-tablet": "size-md-tablet__8FYyt", "size-lg-tablet": "size-lg-tablet__YJaOy", "size-sm-desktop": "size-sm-desktop__FJTMh", "size-md-desktop": "size-md-desktop__IxoZA", "size-lg-desktop": "size-lg-desktop__lowmQ", "size-sm-hd": "size-sm-hd__dQVFV", "size-md-hd": "size-md-hd__0LKLl", "size-lg-hd": "size-lg-hd__6p4hB", "disabled": "disabled__1iXWU", "select-input-label": "select-input-label__MD96T" };
+
 // src/components/SelectInput/SelectInput.tsx
-var import_SelectInput_module = __toESM(require_SelectInput_module());
 function SelectInput(props) {
   const {
     id,
@@ -2755,16 +2524,16 @@ function SelectInput(props) {
     "hyphen-components__variables__form-control",
     "select-input-wrapper",
     className,
-    ...responsiveClasses.map((c) => import_SelectInput_module.default[c]),
+    ...responsiveClasses.map((c) => SelectInput_module_default[c]),
     {
-      [import_SelectInput_module.default.disabled]: isDisabled
+      [SelectInput_module_default.disabled]: isDisabled
     }
   );
-  const inputClasses = classNames20("react-select", { [import_SelectInput_module.default.error]: error });
+  const inputClasses = classNames20("react-select", { [SelectInput_module_default.error]: error });
   const labelProps = {
     inputId: id,
     helpText,
-    className: import_SelectInput_module.default["select-input-label"],
+    className: SelectInput_module_default["select-input-label"],
     isDisabled,
     isFieldRequired: isRequired,
     requiredIndicator
@@ -2849,7 +2618,11 @@ import React29, {
   forwardRef as forwardRef7
 } from "react";
 import classNames21 from "classnames";
-var import_SelectInputInset_module = __toESM(require_SelectInputInset_module());
+
+// src/components/SelectInputInset/SelectInputInset.module.scss
+var SelectInputInset_module_default = { "text-input-wrapper": "text-input-wrapper__PllRX", "size-md": "size-md__kzSWb", "select-input-label": "select-input-label__DDszO", "clear-button": "clear-button__DkAdl", "size-lg": "size-lg__CuGV1", "disabled": "disabled__UeBIT", "size-md-tablet": "size-md-tablet__ur12V", "size-lg-tablet": "size-lg-tablet__xX4dn", "size-md-desktop": "size-md-desktop__NwTq3", "size-lg-desktop": "size-lg-desktop__x5p13", "size-md-hd": "size-md-hd__P7sVU", "size-lg-hd": "size-lg-hd__BYtY9", "error": "error__wbmPK" };
+
+// src/components/SelectInputInset/SelectInputInset.tsx
 var SelectInputInset = forwardRef7(
   ({
     id,
@@ -2877,15 +2650,15 @@ var SelectInputInset = forwardRef7(
     const responsiveClasses = generateResponsiveClasses("size", size);
     const inputWrapperClasses = classNames21(
       "hyphen-components__variables__form-control",
-      import_SelectInputInset_module.default["text-input-wrapper"],
-      ...responsiveClasses.map((c) => import_SelectInputInset_module.default[c]),
+      SelectInputInset_module_default["text-input-wrapper"],
+      ...responsiveClasses.map((c) => SelectInputInset_module_default[c]),
       {
-        [import_SelectInputInset_module.default.error]: error,
-        [import_SelectInputInset_module.default.disabled]: isDisabled,
-        [import_SelectInputInset_module.default["is-clearable"]]: onClear
+        [SelectInputInset_module_default.error]: error,
+        [SelectInputInset_module_default.disabled]: isDisabled,
+        [SelectInputInset_module_default["is-clearable"]]: onClear
       }
     );
-    const clearBtnClasses = classNames21(import_SelectInputInset_module.default["clear-button"], import_SelectInputInset_module.default.md);
+    const clearBtnClasses = classNames21(SelectInputInset_module_default["clear-button"], SelectInputInset_module_default.md);
     const renderClearIcon = () => {
       const handleKeyPress = (event) => {
         if (event.keyCode === 13 && onClear) onClear(event);
@@ -2947,7 +2720,7 @@ var SelectInputInset = forwardRef7(
         "label",
         {
           htmlFor: id,
-          className: import_SelectInputInset_module.default["select-input-label"],
+          className: SelectInputInset_module_default["select-input-label"],
           id: `${id}Label`
         },
         label,
@@ -2993,7 +2766,11 @@ import React31, {
   forwardRef as forwardRef8
 } from "react";
 import classNames22 from "classnames";
-var import_TextareaInputInset_module = __toESM(require_TextareaInputInset_module());
+
+// src/components/TextareaInputInset/TextareaInputInset.module.scss
+var TextareaInputInset_module_default = { "text-input-wrapper": "text-input-wrapper__bX0r7", "size-md": "size-md__1Eltp", "text-input-label": "text-input-label__RGDGc", "size-lg": "size-lg__gK4a7", "disabled": "disabled__oDWFr", "size-md-tablet": "size-md-tablet__6Bmaj", "size-lg-tablet": "size-lg-tablet__hWGPC", "size-md-desktop": "size-md-desktop__lOo2D", "size-lg-desktop": "size-lg-desktop__CihRR", "size-md-hd": "size-md-hd__iCJEf", "size-lg-hd": "size-lg-hd__I5jfv", "error": "error__URyC8", "textarea-resize-both": "textarea-resize-both__v8rAd", "textarea-resize-horizontal": "textarea-resize-horizontal__juQZz", "textarea-resize-vertical": "textarea-resize-vertical__FYVFJ", "textarea-resize-none": "textarea-resize-none__5fjZJ" };
+
+// src/components/TextareaInputInset/TextareaInputInset.tsx
 var TextareaInputInset = forwardRef8(
   ({
     id,
@@ -3022,10 +2799,10 @@ var TextareaInputInset = forwardRef8(
     const responsiveClasses = generateResponsiveClasses("size", size);
     const inputWrapperClasses = classNames22(
       "hyphen-components__variables__form-control",
-      import_TextareaInputInset_module.default["text-input-wrapper"],
-      ...responsiveClasses.map((c) => import_TextareaInputInset_module.default[c]),
+      TextareaInputInset_module_default["text-input-wrapper"],
+      ...responsiveClasses.map((c) => TextareaInputInset_module_default[c]),
       {
-        [import_TextareaInputInset_module.default.disabled]: isDisabled
+        [TextareaInputInset_module_default.disabled]: isDisabled
       }
     );
     const computedInputProps = {
@@ -3037,8 +2814,8 @@ var TextareaInputInset = forwardRef8(
       "aria-labelledby": label ? `${id}Label` : void 0,
       autoComplete: getAutoCompleteValue(autoComplete),
       autoFocus,
-      className: classNames22(import_TextareaInputInset_module.default[`textarea-resize-${resize}`], {
-        [import_TextareaInputInset_module.default.error]: error
+      className: classNames22(TextareaInputInset_module_default[`textarea-resize-${resize}`], {
+        [TextareaInputInset_module_default.error]: error
       }),
       disabled: isDisabled,
       id,
@@ -3065,7 +2842,7 @@ var TextareaInputInset = forwardRef8(
         "label",
         {
           htmlFor: id,
-          className: import_TextareaInputInset_module.default["text-input-label"],
+          className: TextareaInputInset_module_default["text-input-label"],
           id: `${id}Label`
         },
         label,
@@ -3109,7 +2886,11 @@ import React33, {
   forwardRef as forwardRef9
 } from "react";
 import classNames23 from "classnames";
-var import_TextInputInset_module = __toESM(require_TextInputInset_module());
+
+// src/components/TextInputInset/TextInputInset.module.scss
+var TextInputInset_module_default = { "text-input-wrapper": "text-input-wrapper__WTVPf", "size-md": "size-md__lwrYR", "label-input-wrapper": "label-input-wrapper__h2T6c", "text-input-label": "text-input-label__G9jI6", "prefix": "prefix__xzdVW", "suffix": "suffix__ZuASQ", "clear-button": "clear-button__PuuA9", "size-lg": "size-lg__ocFpJ", "disabled": "disabled__vuvK9", "size-md-tablet": "size-md-tablet__dBe4R", "size-lg-tablet": "size-lg-tablet__b0rWB", "size-md-desktop": "size-md-desktop__N4oN4", "size-lg-desktop": "size-lg-desktop__aAyGW", "size-md-hd": "size-md-hd__i6Y6g", "size-lg-hd": "size-lg-hd__G02mi", "error": "error__R4tQF" };
+
+// src/components/TextInputInset/TextInputInset.tsx
 var TextInputInset = forwardRef9(
   ({
     id,
@@ -3138,15 +2919,15 @@ var TextInputInset = forwardRef9(
     const responsiveClasses = generateResponsiveClasses("size", size);
     const inputWrapperClasses = classNames23(
       "hyphen-components__variables__form-control",
-      import_TextInputInset_module.default["text-input-wrapper"],
-      ...responsiveClasses.map((c) => import_TextInputInset_module.default[c]),
+      TextInputInset_module_default["text-input-wrapper"],
+      ...responsiveClasses.map((c) => TextInputInset_module_default[c]),
       {
-        [import_TextInputInset_module.default.error]: error,
-        [import_TextInputInset_module.default.disabled]: isDisabled,
-        [import_TextInputInset_module.default["is-clearable"]]: onClear
+        [TextInputInset_module_default.error]: error,
+        [TextInputInset_module_default.disabled]: isDisabled,
+        [TextInputInset_module_default["is-clearable"]]: onClear
       }
     );
-    const clearBtnClasses = classNames23(import_TextInputInset_module.default["clear-button"], import_TextInputInset_module.default.md);
+    const clearBtnClasses = classNames23(TextInputInset_module_default["clear-button"], TextInputInset_module_default.md);
     const renderClearIcon = () => {
       const handleKeyPress = (event) => {
         if (event.keyCode === 13 && onClear) onClear(event);
@@ -3193,7 +2974,7 @@ var TextInputInset = forwardRef9(
         alignItems: "center",
         justifyContent: "center",
         background: "secondary",
-        className: classNames23(import_TextInputInset_module.default.prefix, "ws-nowrap")
+        className: classNames23(TextInputInset_module_default.prefix, "ws-nowrap")
       },
       prefix
     ), /* @__PURE__ */ React33.createElement(
@@ -3210,7 +2991,7 @@ var TextInputInset = forwardRef9(
         "label",
         {
           htmlFor: id,
-          className: import_TextInputInset_module.default["text-input-label"],
+          className: TextInputInset_module_default["text-input-label"],
           id: `${id}Label`
         },
         label,
@@ -3221,7 +3002,7 @@ var TextInputInset = forwardRef9(
       {
         color: "base",
         background: "secondary",
-        className: classNames23(import_TextInputInset_module.default.suffix, "ws-nowrap")
+        className: classNames23(TextInputInset_module_default.suffix, "ws-nowrap")
       },
       suffix
     )), helpText && /* @__PURE__ */ React33.createElement(HelpText, null, helpText), error && error !== true && /* @__PURE__ */ React33.createElement(InputValidationMessage, null, error));
@@ -3260,7 +3041,11 @@ import {
 // src/components/SelectInputNative/SelectInputNative.tsx
 import React35 from "react";
 import classNames24 from "classnames";
-var import_SelectInputNative_module = __toESM(require_SelectInputNative_module());
+
+// src/components/SelectInputNative/SelectInputNative.module.scss
+var SelectInputNative_module_default = { "select-input-native-wrapper": "select-input-native-wrapper__4tcjw", "disabled": "disabled__kJSUg", "size-sm": "size-sm__5YVYU", "size-md": "size-md__u28ua", "size-lg": "size-lg__VSjry", "size-sm-tablet": "size-sm-tablet__j5X6B", "size-md-tablet": "size-md-tablet__2wxo8", "size-lg-tablet": "size-lg-tablet__YBmi4", "size-sm-desktop": "size-sm-desktop__pHHXa", "size-md-desktop": "size-md-desktop__lhYR0", "size-lg-desktop": "size-lg-desktop__DHMFf", "size-sm-hd": "size-sm-hd__Dm98R", "size-md-hd": "size-md-hd__Wusd5", "size-lg-hd": "size-lg-hd__rIdTF", "error": "error__P7zPq", "text-input-label": "text-input-label__YXKVF" };
+
+// src/components/SelectInputNative/SelectInputNative.tsx
 var SelectInputNative = ({
   autoFocus = false,
   label,
@@ -3291,11 +3076,11 @@ var SelectInputNative = ({
   const responsiveClasses = generateResponsiveClasses("size", size);
   const selectWrapperClasses = classNames24(
     "hyphen-components__variables__form-control",
-    import_SelectInputNative_module.default["select-input-native-wrapper"],
-    ...responsiveClasses.map((className) => import_SelectInputNative_module.default[className]),
+    SelectInputNative_module_default["select-input-native-wrapper"],
+    ...responsiveClasses.map((className) => SelectInputNative_module_default[className]),
     {
-      [import_SelectInputNative_module.default.disabled]: isDisabled,
-      [import_SelectInputNative_module.default.error]: error
+      [SelectInputNative_module_default.disabled]: isDisabled,
+      [SelectInputNative_module_default.error]: error
     }
   );
   return /* @__PURE__ */ React35.createElement(
@@ -3378,7 +3163,11 @@ import React37, {
   forwardRef as forwardRef10
 } from "react";
 import classNames25 from "classnames";
-var import_TextInput_module = __toESM(require_TextInput_module());
+
+// src/components/TextInput/TextInput.module.scss
+var TextInput_module_default = { "text-input-wrapper": "text-input-wrapper__LbN1D", "size-sm": "size-sm__end5H", "prefix": "prefix__wcCEb", "suffix": "suffix__dmciz", "clear-button": "clear-button__u7FdQ", "is-clearable": "is-clearable__qyvNU", "size-md": "size-md__mAADi", "size-lg": "size-lg__QE0al", "disabled": "disabled__ZzCr2", "size-sm-tablet": "size-sm-tablet__ipbDS", "size-md-tablet": "size-md-tablet__uLf0q", "size-lg-tablet": "size-lg-tablet__JmAQm", "size-sm-desktop": "size-sm-desktop__OeVZ2", "size-md-desktop": "size-md-desktop__JPY4p", "size-lg-desktop": "size-lg-desktop__aLmhN", "size-sm-hd": "size-sm-hd__tRsUr", "size-md-hd": "size-md-hd__vekZY", "size-lg-hd": "size-lg-hd__56vqe", "error": "error__HE31l", "text-input-label": "text-input-label__gz2wV" };
+
+// src/components/TextInput/TextInput.tsx
 var TextInput = forwardRef10(
   ({
     id,
@@ -3409,15 +3198,15 @@ var TextInput = forwardRef10(
     const responsiveClasses = generateResponsiveClasses("size", size);
     const inputWrapperClasses = classNames25(
       "hyphen-components__variables__form-control",
-      import_TextInput_module.default["text-input-wrapper"],
-      ...responsiveClasses.map((c) => import_TextInput_module.default[c]),
+      TextInput_module_default["text-input-wrapper"],
+      ...responsiveClasses.map((c) => TextInput_module_default[c]),
       {
-        [import_TextInput_module.default.error]: error,
-        [import_TextInput_module.default.disabled]: isDisabled,
-        [import_TextInput_module.default["is-clearable"]]: onClear
+        [TextInput_module_default.error]: error,
+        [TextInput_module_default.disabled]: isDisabled,
+        [TextInput_module_default["is-clearable"]]: onClear
       }
     );
-    const clearBtnClasses = classNames25(import_TextInput_module.default["clear-button"], import_TextInput_module.default.md);
+    const clearBtnClasses = classNames25(TextInput_module_default["clear-button"], TextInput_module_default.md);
     const renderClearIcon = () => {
       const handleKeyPress = (event) => {
         if (event.keyCode === 13 && onClear) onClear(event);
@@ -3480,7 +3269,7 @@ var TextInput = forwardRef10(
         {
           color: "secondary",
           background: "secondary",
-          className: classNames25(import_TextInput_module.default.prefix, "ws-nowrap")
+          className: classNames25(TextInput_module_default.prefix, "ws-nowrap")
         },
         prefix
       ), /* @__PURE__ */ React37.createElement(Box, { as: "input", ...computedInputProps }), !!onClear && !!value && renderClearIcon(), suffix && /* @__PURE__ */ React37.createElement(
@@ -3488,7 +3277,7 @@ var TextInput = forwardRef10(
         {
           color: "secondary",
           background: "secondary",
-          className: classNames25(import_TextInput_module.default.suffix, "ws-nowrap")
+          className: classNames25(TextInput_module_default.suffix, "ws-nowrap")
         },
         suffix
       ))
@@ -3528,7 +3317,11 @@ import {
 // src/components/TextareaInput/TextareaInput.tsx
 import React39 from "react";
 import classNames26 from "classnames";
-var import_TextareaInput_module = __toESM(require_TextareaInput_module());
+
+// src/components/TextareaInput/TextareaInput.module.scss
+var TextareaInput_module_default = { "textarea-input-wrapper": "textarea-input-wrapper__z2TXf", "size-sm": "size-sm__p3sxw", "size-md": "size-md__xQDas", "size-lg": "size-lg__pfUGC", "size-sm-tablet": "size-sm-tablet__3ivTw", "size-md-tablet": "size-md-tablet__XnT08", "size-lg-tablet": "size-lg-tablet__Eo5Ny", "size-sm-desktop": "size-sm-desktop__kegCe", "size-md-desktop": "size-md-desktop__5amVN", "size-lg-desktop": "size-lg-desktop__fByQA", "size-sm-hd": "size-sm-hd__McmcJ", "size-md-hd": "size-md-hd__MWR1F", "size-lg-hd": "size-lg-hd__XGNwU", "error": "error__4rKSz", "textarea-input-label": "textarea-input-label__HO1YB", "textarea-resize-both": "textarea-resize-both__8Ma5f", "textarea-resize-horizontal": "textarea-resize-horizontal__7LjPt", "textarea-resize-vertical": "textarea-resize-vertical__rQzzS", "textarea-resize-none": "textarea-resize-none__BVNR0" };
+
+// src/components/TextareaInput/TextareaInput.tsx
 var TextareaInput = ({
   id,
   label,
@@ -3556,11 +3349,11 @@ var TextareaInput = ({
   const responsiveClasses = generateResponsiveClasses("size", size);
   const inputWrapperClasses = classNames26(
     "hyphen-components__variables__form-control",
-    import_TextareaInput_module.default["textarea-input-wrapper"],
-    ...responsiveClasses.map((c) => import_TextareaInput_module.default[c]),
+    TextareaInput_module_default["textarea-input-wrapper"],
+    ...responsiveClasses.map((c) => TextareaInput_module_default[c]),
     {
-      [import_TextareaInput_module.default.error]: error,
-      [import_TextareaInput_module.default.disabled]: isDisabled
+      [TextareaInput_module_default.error]: error,
+      [TextareaInput_module_default.disabled]: isDisabled
     }
   );
   const inputProps = {
@@ -3570,7 +3363,7 @@ var TextareaInput = ({
     "aria-labelledby": label && !hideLabel ? `${id}Label` : void 0,
     autoComplete: getAutoCompleteValue(autoComplete),
     autoFocus,
-    className: classNames26(import_TextareaInput_module.default[`textarea-resize-${resize}`]),
+    className: classNames26(TextareaInput_module_default[`textarea-resize-${resize}`]),
     disabled: isDisabled,
     id,
     maxLength,
@@ -3586,7 +3379,7 @@ var TextareaInput = ({
   const labelProps = {
     inputId: id,
     helpText,
-    className: import_TextareaInput_module.default["textarea-input-label"],
+    className: TextareaInput_module_default["textarea-input-label"],
     isDisabled,
     isFieldRequired: isRequired,
     requiredIndicator
@@ -3780,7 +3573,11 @@ import {
 // src/components/Switch/Switch.tsx
 import React45 from "react";
 import classNames27 from "classnames";
-var import_Switch_module = __toESM(require_Switch_module());
+
+// src/components/Switch/Switch.module.scss
+var Switch_module_default = { "thumb-size-sm": "thumb-size-sm__92EnW", "thumb-size-md": "thumb-size-md__USJGW", "thumb-size-lg": "thumb-size-lg__u9j4R", "track-size-sm": "track-size-sm__mupGk", "track-size-md": "track-size-md__UUAvc", "track-size-lg": "track-size-lg__kEGBr", "thumb-size-sm-tablet": "thumb-size-sm-tablet__WQjt6", "thumb-size-md-tablet": "thumb-size-md-tablet__jSxOp", "thumb-size-lg-tablet": "thumb-size-lg-tablet__4pyAW", "track-size-sm-tablet": "track-size-sm-tablet__kZJiA", "track-size-md-tablet": "track-size-md-tablet__kYVvr", "track-size-lg-tablet": "track-size-lg-tablet__h2Cpd", "thumb-size-sm-desktop": "thumb-size-sm-desktop__tJud8", "thumb-size-md-desktop": "thumb-size-md-desktop__wuS7C", "thumb-size-lg-desktop": "thumb-size-lg-desktop__XCwcP", "track-size-sm-desktop": "track-size-sm-desktop__CVhba", "track-size-md-desktop": "track-size-md-desktop__ffAvo", "track-size-lg-desktop": "track-size-lg-desktop__wUIMC", "thumb-size-sm-hd": "thumb-size-sm-hd__sgH79", "thumb-size-md-hd": "thumb-size-md-hd__3batZ", "thumb-size-lg-hd": "thumb-size-lg-hd__pEjDu", "track-size-sm-hd": "track-size-sm-hd__X78pd", "track-size-md-hd": "track-size-md-hd__BtSKE", "track-size-lg-hd": "track-size-lg-hd__PpOzz", "disabled": "disabled__MYbHs", "switch-thumb": "switch-thumb__dZ2an", "switch-track": "switch-track__Bh2hc", "error": "error__Bdfce", "switch-input": "switch-input__EVUrQ" };
+
+// src/components/Switch/Switch.tsx
 var Switch = ({
   id,
   isChecked,
@@ -3808,18 +3605,18 @@ var Switch = ({
   };
   const wrapperClasses = classNames27(
     "hyphen-components__variables__form-control",
-    { [import_Switch_module.default.disabled]: isDisabled }
+    { [Switch_module_default.disabled]: isDisabled }
   );
   const trackClasses = classNames27(
-    import_Switch_module.default["switch-track"],
-    ...generateResponsiveClasses("track-size", size).map((c) => import_Switch_module.default[c]),
+    Switch_module_default["switch-track"],
+    ...generateResponsiveClasses("track-size", size).map((c) => Switch_module_default[c]),
     {
-      [import_Switch_module.default.error]: error
+      [Switch_module_default.error]: error
     }
   );
   const thumbClasses = classNames27(
-    import_Switch_module.default["switch-thumb"],
-    ...generateResponsiveClasses("thumb-size", size).map((c) => import_Switch_module.default[c])
+    Switch_module_default["switch-thumb"],
+    ...generateResponsiveClasses("thumb-size", size).map((c) => Switch_module_default[c])
   );
   const inputProps = {
     "aria-required": isRequired,
@@ -3834,7 +3631,7 @@ var Switch = ({
     onFocus: handleFocus,
     required: isRequired,
     type: "checkbox",
-    className: import_Switch_module.default["switch-input"]
+    className: Switch_module_default["switch-input"]
   };
   const labelProps = {
     inputId: id,
@@ -3906,9 +3703,13 @@ import {
 } from "formik";
 
 // src/components/ToggleGroup/ToggleGroup.tsx
-var import_ToggleGroup_module = __toESM(require_ToggleGroup_module());
 import React47, { createContext as createContext2, useContext as useContext2, forwardRef as forwardRef11 } from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+
+// src/components/ToggleGroup/ToggleGroup.module.scss
+var ToggleGroup_module_default = { "item": "item__R2aaI", "outline": "outline__FoHyS" };
+
+// src/components/ToggleGroup/ToggleGroup.tsx
 import classNames28 from "classnames";
 var ToggleGroupContext = createContext2({
   variant: "default"
@@ -3938,8 +3739,8 @@ var ToggleGroupItem = forwardRef11(({ className, children, value, variant, ...pr
       ref,
       className: classNames28(
         "br-sm display-flex g-sm p-sm",
-        import_ToggleGroup_module.default.item,
-        appliedVariant === "outline" && import_ToggleGroup_module.default.outline,
+        ToggleGroup_module_default.item,
+        appliedVariant === "outline" && ToggleGroup_module_default.outline,
         className
       ),
       value,
@@ -4122,8 +3923,10 @@ var ModalBody = ({
   children
 );
 
+// src/components/Modal/Modal.module.scss
+var Modal_module_default = { "modal-close": "modal-close__ZbvmC", "modal": "modal__hmSZ2", "modal-content": "modal-content__c1lVi" };
+
 // src/components/Modal/Modal.tsx
-var import_Modal_module = __toESM(require_Modal_module());
 var ModalBaseComponent = forwardRef12(
   ({
     ariaLabel,
@@ -4150,11 +3953,11 @@ var ModalBaseComponent = forwardRef12(
       }, 100);
     }, [initialFocusRef]);
     const maxWidthCss = getDimensionCss("mw", maxWidth);
-    const overlayClassnames = classNames29(import_Modal_module.default.overlay, import_Modal_module.default.modal, {
+    const overlayClassnames = classNames29(Modal_module_default.overlay, Modal_module_default.modal, {
       fullscreen: fullScreenMobile
     });
     const contentClassnames = classNames29(
-      import_Modal_module.default["modal-content"],
+      Modal_module_default["modal-content"],
       className,
       maxWidthCss.classes,
       {
@@ -4369,10 +4172,14 @@ var Pagination = ({
 };
 
 // src/components/Popover/Popover.tsx
-var import_Popover_module = __toESM(require_Popover_module());
 import React55, { forwardRef as forwardRef13 } from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import classNames31 from "classnames";
+
+// src/components/Popover/Popover.module.scss
+var Popover_module_default = { "PopoverContent": "PopoverContent__W7mrN", "slideUp": "slideUp__A8tpn", "slideDown": "slideDown__OUSjG", "slideLeft": "slideLeft__xnzMu", "slideRight": "slideRight__0GCJm" };
+
+// src/components/Popover/Popover.tsx
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
@@ -4384,7 +4191,7 @@ var PopoverContent = forwardRef13(({ className, align = "center", sideOffset = 4
       ref,
       align,
       sideOffset,
-      className: classNames31(import_Popover_module.default.PopoverContent, className),
+      className: classNames31(Popover_module_default.PopoverContent, className),
       ...props
     }
   );
@@ -4392,9 +4199,13 @@ var PopoverContent = forwardRef13(({ className, align = "center", sideOffset = 4
 PopoverContent.displayName = "PopoverContent";
 
 // src/components/RangeInput/RangeInput.tsx
-var import_RangeInput_module = __toESM(require_RangeInput_module());
 import React56 from "react";
 import classNames32 from "classnames";
+
+// src/components/RangeInput/RangeInput.module.scss
+var RangeInput_module_default = { "slider": "slider__hbeoX", "disabled": "disabled__pSJU6" };
+
+// src/components/RangeInput/RangeInput.tsx
 var RangeInput = ({
   value = 0,
   max = 0,
@@ -4417,8 +4228,8 @@ var RangeInput = ({
       "aria-valuemax": max,
       "aria-valuenow": value,
       "aria-label": "range input",
-      className: classNames32(import_RangeInput_module.default.slider, className, {
-        [import_RangeInput_module.default.disabled]: isDisabled
+      className: classNames32(RangeInput_module_default.slider, className, {
+        [RangeInput_module_default.disabled]: isDisabled
       }),
       onChange,
       disabled: isDisabled,
@@ -4515,13 +4326,17 @@ function useIsMobile() {
   return !!isMobile;
 }
 
-// src/components/Sidebar/Sidebar.tsx
-var import_Sidebar_module = __toESM(require_Sidebar_module());
+// src/components/Sidebar/Sidebar.module.scss
+var Sidebar_module_default = { "rail": "rail__OwBtB", "group-data-": "group-data-__af4bi" };
 
 // src/components/Tooltip/Tooltip.tsx
-var import_Tooltip_module = __toESM(require_Tooltip_module());
 import * as React59 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+
+// src/components/Tooltip/Tooltip.module.scss
+var Tooltip_module_default = { "TooltipContent": "TooltipContent__BNXfC", "tooltip-slideUpAndFade": "tooltip-slideUpAndFade__DEBC0", "tooltip-slideRightAndFade": "tooltip-slideRightAndFade__s77wr", "tooltip-slideDownAndFade": "tooltip-slideDownAndFade__ZqZAw", "tooltip-slideLeftAndFade": "tooltip-slideLeftAndFade__TX0Em" };
+
+// src/components/Tooltip/Tooltip.tsx
 import classNames33 from "classnames";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
@@ -4533,7 +4348,7 @@ var TooltipContent = React59.forwardRef(({ className, sideOffset = 4, ...props }
     ref,
     sideOffset,
     className: classNames33(
-      import_Tooltip_module.default.TooltipContent,
+      Tooltip_module_default.TooltipContent,
       "background-color-tooltip font-color-tooltip font-size-xs z-index-popover overflow-hidden br-sm p-h-sm p-v-xs shadow-sm",
       className
     ),
@@ -5121,7 +4936,7 @@ var SidebarRail = React60.forwardRef(({ className, ...props }, ref) => {
       onClick: toggleSidebar,
       title: `Toggle Sidebar ${shortcutLabel}`,
       className: classNames34(
-        import_Sidebar_module.default.rail,
+        Sidebar_module_default.rail,
         "hover-show-child background-color-transparent display-flex p-top-5xl p-left-xl p-right-0 justify-content-center position-absolute",
         {
           "cursor-w-resize": open && side === "left" || !open && side === "right",
@@ -5188,22 +5003,32 @@ SidebarMenuBadge.displayName = "SidebarMenuBadge";
 // src/components/Table/Table.tsx
 import React66 from "react";
 import classNames40 from "classnames";
-var import_Table_module = __toESM(require_Table_module());
+
+// src/components/Table/Table.module.scss
+var Table_module_default = { "container": "container__zReWp", "loading-mask": "loading-mask__gwG6j", "scroll-container": "scroll-container__79zJk", "table": "table__ojslm", "auto": "auto__bXEGP", "fixed": "fixed__zPdl3", "borderless": "borderless__AlDGM", "scrollable": "scrollable__HSxT1", "scrollable-x": "scrollable-x__aKmx8", "scrollable-y": "scrollable-y__8nNit", "table-bordered": "table-bordered__oTd6P", "full-height": "full-height__YPJfE" };
 
 // src/components/Table/TableBody/TableBody.tsx
-var import_TableBody_module = __toESM(require_TableBody_module());
 import React64 from "react";
 import classNames38 from "classnames";
 
+// src/components/Table/TableBody/TableBody.module.scss
+var TableBody_module_default = { "table-body": "table-body__cX0OQ", "striped": "striped__1Epqn", "hover": "hover__I3QF4" };
+
 // src/components/Table/common/TableRow/TableRow.tsx
-var import_TableRow_module = __toESM(require_TableRow_module());
 import React63 from "react";
 import classNames37 from "classnames";
 
+// src/components/Table/common/TableRow/TableRow.module.scss
+var TableRow_module_default = { "table-row": "table-row__BdHbx", "hoverable": "hoverable__Bdemq" };
+
 // src/components/Table/TableBody/TableBodyCell/TableBodyCell.tsx
 import React61 from "react";
 import classNames35 from "classnames";
-var import_TableBodyCell_module = __toESM(require_TableBodyCell_module());
+
+// src/components/Table/TableBody/TableBodyCell/TableBodyCell.module.scss
+var TableBodyCell_module_default = { "table-cell": "table-cell__VZyU4", "borderless": "borderless__HSbu2", "compact": "compact__6dBfF", "truncated": "truncated__0aWw6", "sticky-column-left": "sticky-column-left__2ZCRe", "sticky-column-right": "sticky-column-right__uDaB9", "sticky-column": "sticky-column__GYwI5", "align-right": "align-right__VIgMe", "align-center": "align-center__dulqF" };
+
+// src/components/Table/TableBody/TableBodyCell/TableBodyCell.tsx
 var TableBodyCell = ({
   align = "left",
   children = null,
@@ -5217,16 +5042,16 @@ var TableBodyCell = ({
 }) => {
   const columnIsSticky = sticky === "left" || sticky === "right";
   const tableCellClasses = classNames35(
-    import_TableBodyCell_module.default["table-cell"],
+    TableBodyCell_module_default["table-cell"],
     {
-      [import_TableBodyCell_module.default.truncated]: truncateOverflow,
-      [import_TableBodyCell_module.default.compact]: isCompact,
-      [import_TableBodyCell_module.default.borderless]: isBorderless,
-      [import_TableBodyCell_module.default["sticky-column"]]: columnIsSticky,
-      [import_TableBodyCell_module.default["sticky-column-left"]]: sticky === "left",
-      [import_TableBodyCell_module.default["sticky-column-right"]]: sticky === "right",
-      [import_TableBodyCell_module.default["align-right"]]: align === "right",
-      [import_TableBodyCell_module.default["align-center"]]: align === "center"
+      [TableBodyCell_module_default.truncated]: truncateOverflow,
+      [TableBodyCell_module_default.compact]: isCompact,
+      [TableBodyCell_module_default.borderless]: isBorderless,
+      [TableBodyCell_module_default["sticky-column"]]: columnIsSticky,
+      [TableBodyCell_module_default["sticky-column-left"]]: sticky === "left",
+      [TableBodyCell_module_default["sticky-column-right"]]: sticky === "right",
+      [TableBodyCell_module_default["align-right"]]: align === "right",
+      [TableBodyCell_module_default["align-center"]]: align === "center"
     },
     className
   );
@@ -5250,7 +5075,11 @@ var TableBodyCell_default = TableBodyCell;
 // src/components/Table/TableHead/TableHeaderCell/TableHeaderCell.tsx
 import React62 from "react";
 import classNames36 from "classnames";
-var import_TableHeaderCell_module = __toESM(require_TableHeaderCell_module());
+
+// src/components/Table/TableHead/TableHeaderCell/TableHeaderCell.module.scss
+var TableHeaderCell_module_default = { "table-header-cell": "table-header-cell__XIKQm", "sortable": "sortable__8Dxk4", "borderless": "borderless__m7Mfq", "truncated": "truncated__kbgp9", "compact": "compact__vQbZi", "sticky-header": "sticky-header__H97F5", "sticky-column-left": "sticky-column-left__PHLNg", "sticky-column-right": "sticky-column-right__W6Ufk", "sticky-column": "sticky-column__1dWau", "align-right": "align-right__P18Hv", "align-center": "align-center__0NjDP", "heading": "heading__XXdag", "sort-icon": "sort-icon__Snloc" };
+
+// src/components/Table/TableHead/TableHeaderCell/TableHeaderCell.tsx
 var TableHeaderCell = ({
   column,
   align = "left",
@@ -5299,7 +5128,7 @@ var TableHeaderCell = ({
         }
       );
     };
-    return /* @__PURE__ */ React62.createElement("span", { className: import_TableHeaderCell_module.default["sort-icon"] }, renderArrows());
+    return /* @__PURE__ */ React62.createElement("span", { className: TableHeaderCell_module_default["sort-icon"] }, renderArrows());
   };
   const handleKeyPress = (event) => {
     if (!onSort || !isSortable) return;
@@ -5316,18 +5145,18 @@ var TableHeaderCell = ({
     onSort(eventWithKey);
   };
   const tableHeaderClasses = classNames36(
-    import_TableHeaderCell_module.default["table-header-cell"],
+    TableHeaderCell_module_default["table-header-cell"],
     {
-      [import_TableHeaderCell_module.default.sortable]: isSortable,
-      [import_TableHeaderCell_module.default.compact]: isCompact,
-      [import_TableHeaderCell_module.default.truncated]: truncateOverflow,
-      [import_TableHeaderCell_module.default.borderless]: isBorderless,
-      [import_TableHeaderCell_module.default["sticky-header"]]: hasStickyHeader,
-      [import_TableHeaderCell_module.default["sticky-column"]]: sticky === "left" || sticky === "right",
-      [import_TableHeaderCell_module.default["sticky-column-left"]]: sticky === "left",
-      [import_TableHeaderCell_module.default["sticky-column-right"]]: sticky === "right",
-      [import_TableHeaderCell_module.default["align-right"]]: align === "right",
-      [import_TableHeaderCell_module.default["align-center"]]: align === "center"
+      [TableHeaderCell_module_default.sortable]: isSortable,
+      [TableHeaderCell_module_default.compact]: isCompact,
+      [TableHeaderCell_module_default.truncated]: truncateOverflow,
+      [TableHeaderCell_module_default.borderless]: isBorderless,
+      [TableHeaderCell_module_default["sticky-header"]]: hasStickyHeader,
+      [TableHeaderCell_module_default["sticky-column"]]: sticky === "left" || sticky === "right",
+      [TableHeaderCell_module_default["sticky-column-left"]]: sticky === "left",
+      [TableHeaderCell_module_default["sticky-column-right"]]: sticky === "right",
+      [TableHeaderCell_module_default["align-right"]]: align === "right",
+      [TableHeaderCell_module_default["align-center"]]: align === "center"
     },
     className
   );
@@ -5344,7 +5173,7 @@ var TableHeaderCell = ({
       onKeyDown: handleKeyPress,
       scope: "col"
     },
-    /* @__PURE__ */ React62.createElement("div", { className: import_TableHeaderCell_module.default.heading }, column.heading, isSortable && renderIcon())
+    /* @__PURE__ */ React62.createElement("div", { className: TableHeaderCell_module_default.heading }, column.heading, isSortable && renderIcon())
   );
 };
 
@@ -5366,8 +5195,8 @@ var TableRow = ({
   truncateOverflow = false
 }) => {
   const tableRowClasses = classNames37(
-    import_TableRow_module.default["table-row"],
-    { [import_TableRow_module.default.hoverable]: isHoverable },
+    TableRow_module_default["table-row"],
+    { [TableRow_module_default.hoverable]: isHoverable },
     className
   );
   const renderCellContent = (column) => {
@@ -5437,10 +5266,10 @@ var TableBody = ({
   truncateOverflow = false
 }) => {
   const tableBodyClasses = classNames38(
-    import_TableBody_module.default["table-body"],
+    TableBody_module_default["table-body"],
     {
-      [import_TableBody_module.default.striped]: isStriped,
-      [import_TableBody_module.default.hover]: hoverableRows
+      [TableBody_module_default.striped]: isStriped,
+      [TableBody_module_default.hover]: hoverableRows
     },
     className
   );
@@ -5511,25 +5340,25 @@ var Table = ({
   useFixedTableLayout = false,
   truncateOverflow = false
 }) => {
-  const containerClasses = classNames40(import_Table_module.default.container, {
-    [import_Table_module.default["full-height"]]: !!isScrollable?.y
+  const containerClasses = classNames40(Table_module_default.container, {
+    [Table_module_default["full-height"]]: !!isScrollable?.y
   });
   const scrollContainerClasses = classNames40(
-    import_Table_module.default["scroll-container"],
+    Table_module_default["scroll-container"],
     {
-      [import_Table_module.default.scrollable]: !!isScrollable?.x || !!isScrollable?.y,
-      [import_Table_module.default["scrollable-x"]]: !!isScrollable?.x,
-      [import_Table_module.default["scrollable-y"]]: !!isScrollable?.y
+      [Table_module_default.scrollable]: !!isScrollable?.x || !!isScrollable?.y,
+      [Table_module_default["scrollable-x"]]: !!isScrollable?.x,
+      [Table_module_default["scrollable-y"]]: !!isScrollable?.y
     },
     className
   );
-  const tableClasses = classNames40(import_Table_module.default.table, {
-    [import_Table_module.default.fixed]: useFixedTableLayout,
-    [import_Table_module.default.striped]: isStriped,
-    [import_Table_module.default.borderless]: isBorderless,
-    [import_Table_module.default.compact]: isCompact
+  const tableClasses = classNames40(Table_module_default.table, {
+    [Table_module_default.fixed]: useFixedTableLayout,
+    [Table_module_default.striped]: isStriped,
+    [Table_module_default.borderless]: isBorderless,
+    [Table_module_default.compact]: isCompact
   });
-  return /* @__PURE__ */ React66.createElement("div", { className: containerClasses }, isLoading && /* @__PURE__ */ React66.createElement("div", { className: import_Table_module.default["loading-mask"] }, /* @__PURE__ */ React66.createElement(Spinner, { size: "xl" })), /* @__PURE__ */ React66.createElement(
+  return /* @__PURE__ */ React66.createElement("div", { className: containerClasses }, isLoading && /* @__PURE__ */ React66.createElement("div", { className: Table_module_default["loading-mask"] }, /* @__PURE__ */ React66.createElement(Spinner, { size: "xl" })), /* @__PURE__ */ React66.createElement(
     "div",
     {
       className: scrollContainerClasses,
@@ -5609,17 +5438,21 @@ import React69 from "react";
 // src/components/Toast/ToastNotification.tsx
 import React68 from "react";
 import classNames41 from "classnames";
-var import_ToastNotification_module = __toESM(require_ToastNotification_module());
+
+// src/components/Toast/ToastNotification.module.scss
+var ToastNotification_module_default = { "toast-notification": "toast-notification__AMRi4", "toast-error": "toast-error__d1Kyq", "toast-dismiss": "toast-dismiss__PCkcd", "toast-notification-enter-top": "toast-notification-enter-top__6FinZ", "toast-notification-exit-top": "toast-notification-exit-top__dZ9ri", "toast-notification-enter-bottom": "toast-notification-enter-bottom__Qbyxh", "toast-notification-exit-bottom": "toast-notification-exit-bottom__NBk6s", "toast-notification-exit-left": "toast-notification-exit-left__EIYDD", "toast-notification-exit-right": "toast-notification-exit-right__JCvka", "toast-notification-fade-in": "toast-notification-fade-in__iFS7J", "toast-notification-fade-out": "toast-notification-fade-out__VglH7" };
+
+// src/components/Toast/ToastNotification.tsx
 var getAnimationClass = (position, visible) => {
   const verticalPosition = position.includes("top") ? "top" : "bottom";
   const horizontalPosition = position.includes("left") ? "left" : "right";
   const isCentered = position.includes("center");
   const [enter, exit] = prefersReducedMotion() ? [
-    import_ToastNotification_module.default["toast-notification-fade-in"],
-    import_ToastNotification_module.default["toast-notification-fade-out"]
+    ToastNotification_module_default["toast-notification-fade-in"],
+    ToastNotification_module_default["toast-notification-fade-out"]
   ] : [
-    import_ToastNotification_module.default[`toast-notification-enter-${verticalPosition}`],
-    import_ToastNotification_module.default[`toast-notification-exit-${isCentered ? verticalPosition : horizontalPosition}`]
+    ToastNotification_module_default[`toast-notification-enter-${verticalPosition}`],
+    ToastNotification_module_default[`toast-notification-exit-${isCentered ? verticalPosition : horizontalPosition}`]
   ];
   return visible ? enter : exit;
 };
@@ -5646,7 +5479,7 @@ var renderDismissIcon = (toast2, onDismiss) => {
     {
       as: "button",
       borderWidth: "0",
-      className: import_ToastNotification_module.default["toast-dismiss"],
+      className: ToastNotification_module_default["toast-dismiss"],
       padding: "0 0 0 sm",
       alignItems: "center",
       justifyContent: "center",
@@ -5676,11 +5509,11 @@ var ToastNotification = React68.memo(
     const animationClass = toast2?.height ? getAnimationClass(toast2.position || position, toast2.visible) : void 0;
     const classes = classNames41(
       toast2.className,
-      import_ToastNotification_module.default["toast-notification"],
+      ToastNotification_module_default["toast-notification"],
       animationClass,
       {
         "toast-notification--not-visible": !toast2.visible,
-        [import_ToastNotification_module.default["toast-error"]]: toast2.type === "error"
+        [ToastNotification_module_default["toast-error"]]: toast2.type === "error"
       }
     );
     return /* @__PURE__ */ React68.createElement(
@@ -6105,9 +5938,13 @@ var ToastContainer = ({
 };
 
 // src/components/Toggle/Toggle.tsx
-var import_Toggle_module = __toESM(require_Toggle_module());
 import React70, { forwardRef as forwardRef16 } from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
+
+// src/components/Toggle/Toggle.module.scss
+var Toggle_module_default = { "item": "item__PrPsJ", "outline": "outline__Lkabh" };
+
+// src/components/Toggle/Toggle.tsx
 import classNames42 from "classnames";
 var Toggle = forwardRef16(({ className, variant = "default", children, ...props }, ref) => /* @__PURE__ */ React70.createElement(
   TogglePrimitive.Root,
@@ -6115,8 +5952,8 @@ var Toggle = forwardRef16(({ className, variant = "default", children, ...props
     ref,
     className: classNames42(
       "br-sm display-flex g-sm p-sm",
-      import_Toggle_module.default.item,
-      variant === "outline" && import_Toggle_module.default.outline,
+      Toggle_module_default.item,
+      variant === "outline" && Toggle_module_default.outline,
       className
     ),
     ...props