@hyphen/hyphen-components 7.3.4 → 7.3.6

package/dist/hyphen-components.cjs.development.js

@@ -6,9 +6,6 @@ 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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -31,258 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), 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/index.ts
 var src_exports = {};
 __export(src_exports, {
@@ -589,29 +334,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;
@@ -640,8 +385,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",
@@ -780,7 +527,7 @@ var Box = (0, import_react.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 = {
@@ -983,8 +730,8 @@ var Icon = (0, import_react2.forwardRef)(
 );
 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 = {
@@ -1022,12 +769,12 @@ var AlertComponent = ({
     [handleClose]
   );
   const alertContainerClasses = (0, import_react4.useMemo)(
-    () => (0, import_classnames3.default)(import_Alert_module.default[`alert__${variant}`], import_Alert_module.default.alert, className),
+    () => (0, import_classnames3.default)(Alert_module_default[`alert__${variant}`], Alert_module_default.alert, className),
     [variant, className]
   );
   const alertIcon = (0, import_react4.useMemo)(() => {
     if (!hasIcon) return null;
-    return /* @__PURE__ */ import_react4.default.createElement(Box, { fontSize: "md", className: import_Alert_module.default[`alert__icon__${variant}`] }, /* @__PURE__ */ import_react4.default.createElement(
+    return /* @__PURE__ */ import_react4.default.createElement(Box, { fontSize: "md", className: Alert_module_default[`alert__icon__${variant}`] }, /* @__PURE__ */ import_react4.default.createElement(
       Icon,
       {
         name: ALERT_ICONS_MAP[variant].icon,
@@ -1042,7 +789,7 @@ var AlertComponent = ({
       {
         margin: "0 0 0 auto",
         color: "secondary",
-        className: import_Alert_module.default["close-icon"]
+        className: Alert_module_default["close-icon"]
       },
       /* @__PURE__ */ import_react4.default.createElement(
         "button",
@@ -1066,7 +813,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__ */ import_react4.default.createElement("p", null, message) : message)));
@@ -1098,7 +845,11 @@ var AspectRatio = AspectRatioPrimitive.Root;
 // src/components/Badge/Badge.tsx
 var import_react5 = __toESM(require("react"));
 var import_classnames4 = __toESM(require("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 = (0, import_react5.forwardRef)(
   ({
     className = "",
@@ -1109,14 +860,14 @@ var Badge = (0, import_react5.forwardRef)(
     ...restProps
   }, ref) => {
     const responsiveClasses = generateResponsiveClasses("size", size).map(
-      (c) => import_Badge_module.default[c]
+      (c) => Badge_module_default[c]
     );
     const badgeClasses = (0, import_classnames4.default)(
-      import_Badge_module.default.badge,
+      Badge_module_default.badge,
       className,
       responsiveClasses,
       {
-        [import_Badge_module.default[variant]]: variant
+        [Badge_module_default[variant]]: variant
       }
     );
     return /* @__PURE__ */ import_react5.default.createElement(
@@ -1142,9 +893,13 @@ var import_react7 = __toESM(require("react"));
 // src/components/Spinner/Spinner.tsx
 var import_react6 = __toESM(require("react"));
 var import_classnames5 = __toESM(require("classnames"));
-var import_Spinner_module = __toESM(require_Spinner_module());
+
+// 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 = (0, import_classnames5.default)(className, import_Spinner_module.default.spinner);
+  const classes = (0, import_classnames5.default)(className, Spinner_module_default.spinner);
   const sizeInPixels = () => {
     let pixels;
     if (size === "sm") pixels = "12";
@@ -1257,7 +1012,11 @@ var Spinner = ({ className, size = "md" }) => {
 
 // src/components/Button/Button.tsx
 var import_classnames6 = __toESM(require("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 = (0, import_react7.forwardRef)(
   ({
     asChild,
@@ -1278,17 +1037,17 @@ var Button = (0, import_react7.forwardRef)(
     ...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 = (0, import_classnames6.default)(
       "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;
@@ -1310,11 +1069,11 @@ var Button = (0, import_react7.forwardRef)(
         },
         ...restProps
       },
-      isLoading && /* @__PURE__ */ import_react7.default.createElement(Spinner, { className: import_Button_module.default["spinner-wrapper"] }),
+      isLoading && /* @__PURE__ */ import_react7.default.createElement(Spinner, { className: Button_module_default["spinner-wrapper"] }),
       iconPrefix && /* @__PURE__ */ import_react7.default.createElement(
         Icon,
         {
-          className: import_Button_module.default.label,
+          className: Button_module_default.label,
           name: iconPrefix,
           "aria-hidden": "true",
           focusable: "false",
@@ -1322,11 +1081,11 @@ var Button = (0, import_react7.forwardRef)(
           size: size === "md" ? "sm" : size
         }
       ),
-      children && /* @__PURE__ */ import_react7.default.createElement(import_react_slot.Slottable, null, asChild ? children : /* @__PURE__ */ import_react7.default.createElement("span", { className: import_Button_module.default.label }, children)),
+      children && /* @__PURE__ */ import_react7.default.createElement(import_react_slot.Slottable, null, asChild ? children : /* @__PURE__ */ import_react7.default.createElement("span", { className: Button_module_default.label }, children)),
       iconSuffix && /* @__PURE__ */ import_react7.default.createElement(
         Icon,
         {
-          className: import_Button_module.default.label,
+          className: Button_module_default.label,
           name: iconSuffix,
           "aria-hidden": "true",
           focusable: "false",
@@ -1494,7 +1253,11 @@ var HEADING_DEFAULT_SIZE_MAP = {
 
 // src/components/Heading/Heading.tsx
 var import_classnames8 = __toESM(require("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,
@@ -1506,7 +1269,7 @@ var Heading = ({
   const element = getElementType(Heading, { as });
   const headingSize = size || HEADING_DEFAULT_SIZE_MAP[as];
   const classes = (0, import_classnames8.default)(
-    import_Heading_module.default.heading,
+    Heading_module_default.heading,
     className,
     generateResponsiveClasses("heading", headingSize),
     {
@@ -1541,7 +1304,11 @@ var CardHeader = ({
 // src/components/Card/components/CardSection/CardSection.tsx
 var import_react12 = __toESM(require("react"));
 var import_classnames9 = __toESM(require("classnames"));
-var import_Card_module = __toESM(require_Card_module());
+
+// 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,
@@ -1559,8 +1326,8 @@ var CardSection = ({
   const renderTitle = typeof title === "string" ? /* @__PURE__ */ import_react12.default.createElement(Box, { className: "m-bottom-md" }, /* @__PURE__ */ import_react12.default.createElement(Box, { as: "h4", fontWeight: "semibold", fontSize: "sm", color: "base" }, title)) : title;
   const sectionClasses = (0, import_classnames9.default)(
     {
-      [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
   );
@@ -1658,8 +1425,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 = import_react15.default.forwardRef(
   ({
     className = "",
@@ -1713,12 +1482,12 @@ var Checkbox = import_react15.default.forwardRef(
     };
     const responsiveClasses = generateResponsiveClasses("size", size);
     const containerClasses = (0, import_classnames10.default)(
-      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 = (0, import_classnames10.default)(...responsiveClasses.map((c) => import_Checkbox_module.default[c]));
+    const iconClasses = (0, import_classnames10.default)(...responsiveClasses.map((c) => Checkbox_module_default[c]));
     return /* @__PURE__ */ import_react15.default.createElement(
       Box,
       {
@@ -1760,14 +1529,18 @@ var import_classnames14 = __toESM(require("classnames"));
 // src/components/InputValidationMessage/InputValidationMessage.tsx
 var import_react16 = __toESM(require("react"));
 var import_classnames11 = __toESM(require("classnames"));
-var import_InputValidationMessage_module = __toESM(require_InputValidationMessage_module());
+
+// 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 = (0, import_classnames11.default)(
     "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"
@@ -1778,12 +1551,18 @@ var InputValidationMessage = ({
 // src/components/FormLabel/FormLabel.tsx
 var import_react18 = __toESM(require("react"));
 var import_classnames13 = __toESM(require("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
 var import_react17 = __toESM(require("react"));
 var import_classnames12 = __toESM(require("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 = (0, import_react17.forwardRef)(
   ({ children, className }, ref) => /* @__PURE__ */ import_react17.default.createElement(
     Box,
@@ -1791,7 +1570,7 @@ var HelpText = (0, import_react17.forwardRef)(
       ref,
       className: (0, import_classnames12.default)(
         "hyphen-components__variables__form-control",
-        import_HelpText_module.default["help-text"],
+        HelpText_module_default["help-text"],
         className
       ),
       display: "block",
@@ -1821,12 +1600,12 @@ var FormLabel = ({
 }) => {
   const labelClasses = (0, import_classnames13.default)(
     "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__ */ import_react18.default.createElement(
@@ -1985,13 +1764,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 = import_react21.default.forwardRef(({ children, className, display = "block", isOpen, ...restProps }, ref) => {
   const detailsClasses = (0, import_classnames15.default)(
     className,
-    import_Details_module.default["details-reset"],
-    import_Details_module.default.details
+    Details_module_default["details-reset"],
+    Details_module_default.details
   );
   return /* @__PURE__ */ import_react21.default.createElement(
     Box,
@@ -2020,7 +1801,11 @@ var import_react_modal = __toESM(require("react-modal"));
 var import_react_focus_lock = __toESM(require("react-focus-lock"));
 var import_react_remove_scroll = require("react-remove-scroll");
 var import_classnames16 = __toESM(require("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 = (0, import_react22.createContext)(null);
 function useDrawer() {
   const context = (0, import_react22.useContext)(DrawerContext);
@@ -2144,17 +1929,17 @@ var Drawer = (0, import_react22.forwardRef)(
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       ["--drawer-width"]: dynamicWidth
     };
-    const overlayClassnames = (0, import_classnames16.default)(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 = (0, import_classnames16.default)(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 = (0, import_classnames16.default)(
-      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;
@@ -2492,8 +2277,10 @@ var RadioInputIcon = ({
   return /* @__PURE__ */ import_react26.default.createElement(Box, { className, ...restProps }, /* @__PURE__ */ import_react26.default.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 = import_react27.default.forwardRef(
   ({
     name,
@@ -2509,7 +2296,7 @@ var RadioInput = import_react27.default.forwardRef(
     size = "md"
   }, ref) => {
     const responsiveClasses = (0, import_classnames18.default)(
-      ...generateResponsiveClasses("size", size).map((c) => import_RadioInput_module.default[c])
+      ...generateResponsiveClasses("size", size).map((c) => RadioInput_module_default[c])
     );
     const labelProps = {
       inputId: option.id,
@@ -2521,9 +2308,9 @@ var RadioInput = import_react27.default.forwardRef(
     const containerClasses = (0, import_classnames18.default)(
       "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__ */ import_react27.default.createElement(import_react27.default.Fragment, null, option && /* @__PURE__ */ import_react27.default.createElement(
       Box,
@@ -2572,8 +2359,10 @@ var RadioInput = import_react27.default.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,
@@ -2596,16 +2385,16 @@ var RadioGroup2 = ({
     "hyphen-components__variables__form-control",
     className,
     {
-      [import_RadioGroup_module.default.loading]: error
+      [RadioGroup_module_default.loading]: error
     }
   );
   return /* @__PURE__ */ import_react28.default.createElement(
     "div",
     {
-      className: (0, import_classnames19.default)(import_RadioGroup_module.default["radio-group"], groupClasses),
+      className: (0, import_classnames19.default)(RadioGroup_module_default["radio-group"], groupClasses),
       ...restProps
     },
-    /* @__PURE__ */ import_react28.default.createElement("fieldset", { className: import_RadioGroup_module.default.fieldset }, (title || description) && /* @__PURE__ */ import_react28.default.createElement("legend", { className: import_RadioGroup_module.default.legend }, title, isRequired && /* @__PURE__ */ import_react28.default.createElement("span", null, requiredIndicator), description && /* @__PURE__ */ import_react28.default.createElement("div", { className: import_RadioGroup_module.default.description }, description)), /* @__PURE__ */ import_react28.default.createElement(Box, { direction, gap: "sm", className: import_RadioGroup_module.default.options }, options && options.map((option) => /* @__PURE__ */ import_react28.default.createElement(
+    /* @__PURE__ */ import_react28.default.createElement("fieldset", { className: RadioGroup_module_default.fieldset }, (title || description) && /* @__PURE__ */ import_react28.default.createElement("legend", { className: RadioGroup_module_default.legend }, title, isRequired && /* @__PURE__ */ import_react28.default.createElement("span", null, requiredIndicator), description && /* @__PURE__ */ import_react28.default.createElement("div", { className: RadioGroup_module_default.description }, description)), /* @__PURE__ */ import_react28.default.createElement(Box, { direction, gap: "sm", className: RadioGroup_module_default.options }, options && options.map((option) => /* @__PURE__ */ import_react28.default.createElement(
       RadioInput,
       {
         key: option.id,
@@ -2692,26 +2481,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 [];
@@ -2853,8 +2642,10 @@ var BOX_SHADOW_OPTIONS = Object.keys(
   import_variables.default.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,
@@ -2902,16 +2693,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 = (0, import_classnames20.default)("react-select", { [import_SelectInput_module.default.error]: error });
+  const inputClasses = (0, import_classnames20.default)("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
@@ -2992,7 +2783,11 @@ var import_formik4 = require("formik");
 // src/components/SelectInputInset/SelectInputInset.tsx
 var import_react33 = __toESM(require("react"));
 var import_classnames21 = __toESM(require("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 = (0, import_react33.forwardRef)(
   ({
     id,
@@ -3020,15 +2815,15 @@ var SelectInputInset = (0, import_react33.forwardRef)(
     const responsiveClasses = generateResponsiveClasses("size", size);
     const inputWrapperClasses = (0, import_classnames21.default)(
       "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 = (0, import_classnames21.default)(import_SelectInputInset_module.default["clear-button"], import_SelectInputInset_module.default.md);
+    const clearBtnClasses = (0, import_classnames21.default)(SelectInputInset_module_default["clear-button"], SelectInputInset_module_default.md);
     const renderClearIcon = () => {
       const handleKeyPress = (event) => {
         if (event.keyCode === 13 && onClear) onClear(event);
@@ -3090,7 +2885,7 @@ var SelectInputInset = (0, import_react33.forwardRef)(
         "label",
         {
           htmlFor: id,
-          className: import_SelectInputInset_module.default["select-input-label"],
+          className: SelectInputInset_module_default["select-input-label"],
           id: `${id}Label`
         },
         label,
@@ -3132,7 +2927,11 @@ var import_formik5 = require("formik");
 // src/components/TextareaInputInset/TextareaInputInset.tsx
 var import_react35 = __toESM(require("react"));
 var import_classnames22 = __toESM(require("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 = (0, import_react35.forwardRef)(
   ({
     id,
@@ -3161,10 +2960,10 @@ var TextareaInputInset = (0, import_react35.forwardRef)(
     const responsiveClasses = generateResponsiveClasses("size", size);
     const inputWrapperClasses = (0, import_classnames22.default)(
       "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 = {
@@ -3176,8 +2975,8 @@ var TextareaInputInset = (0, import_react35.forwardRef)(
       "aria-labelledby": label ? `${id}Label` : void 0,
       autoComplete: getAutoCompleteValue(autoComplete),
       autoFocus,
-      className: (0, import_classnames22.default)(import_TextareaInputInset_module.default[`textarea-resize-${resize}`], {
-        [import_TextareaInputInset_module.default.error]: error
+      className: (0, import_classnames22.default)(TextareaInputInset_module_default[`textarea-resize-${resize}`], {
+        [TextareaInputInset_module_default.error]: error
       }),
       disabled: isDisabled,
       id,
@@ -3204,7 +3003,7 @@ var TextareaInputInset = (0, import_react35.forwardRef)(
         "label",
         {
           htmlFor: id,
-          className: import_TextareaInputInset_module.default["text-input-label"],
+          className: TextareaInputInset_module_default["text-input-label"],
           id: `${id}Label`
         },
         label,
@@ -3244,7 +3043,11 @@ var import_formik6 = require("formik");
 // src/components/TextInputInset/TextInputInset.tsx
 var import_react37 = __toESM(require("react"));
 var import_classnames23 = __toESM(require("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 = (0, import_react37.forwardRef)(
   ({
     id,
@@ -3273,15 +3076,15 @@ var TextInputInset = (0, import_react37.forwardRef)(
     const responsiveClasses = generateResponsiveClasses("size", size);
     const inputWrapperClasses = (0, import_classnames23.default)(
       "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 = (0, import_classnames23.default)(import_TextInputInset_module.default["clear-button"], import_TextInputInset_module.default.md);
+    const clearBtnClasses = (0, import_classnames23.default)(TextInputInset_module_default["clear-button"], TextInputInset_module_default.md);
     const renderClearIcon = () => {
       const handleKeyPress = (event) => {
         if (event.keyCode === 13 && onClear) onClear(event);
@@ -3328,7 +3131,7 @@ var TextInputInset = (0, import_react37.forwardRef)(
         alignItems: "center",
         justifyContent: "center",
         background: "secondary",
-        className: (0, import_classnames23.default)(import_TextInputInset_module.default.prefix, "ws-nowrap")
+        className: (0, import_classnames23.default)(TextInputInset_module_default.prefix, "ws-nowrap")
       },
       prefix
     ), /* @__PURE__ */ import_react37.default.createElement(
@@ -3345,7 +3148,7 @@ var TextInputInset = (0, import_react37.forwardRef)(
         "label",
         {
           htmlFor: id,
-          className: import_TextInputInset_module.default["text-input-label"],
+          className: TextInputInset_module_default["text-input-label"],
           id: `${id}Label`
         },
         label,
@@ -3356,7 +3159,7 @@ var TextInputInset = (0, import_react37.forwardRef)(
       {
         color: "base",
         background: "secondary",
-        className: (0, import_classnames23.default)(import_TextInputInset_module.default.suffix, "ws-nowrap")
+        className: (0, import_classnames23.default)(TextInputInset_module_default.suffix, "ws-nowrap")
       },
       suffix
     )), helpText && /* @__PURE__ */ import_react37.default.createElement(HelpText, null, helpText), error && error !== true && /* @__PURE__ */ import_react37.default.createElement(InputValidationMessage, null, error));
@@ -3393,7 +3196,11 @@ var import_formik7 = require("formik");
 // src/components/SelectInputNative/SelectInputNative.tsx
 var import_react39 = __toESM(require("react"));
 var import_classnames24 = __toESM(require("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,
@@ -3424,11 +3231,11 @@ var SelectInputNative = ({
   const responsiveClasses = generateResponsiveClasses("size", size);
   const selectWrapperClasses = (0, import_classnames24.default)(
     "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__ */ import_react39.default.createElement(
@@ -3507,7 +3314,11 @@ var import_formik8 = require("formik");
 // src/components/TextInput/TextInput.tsx
 var import_react41 = __toESM(require("react"));
 var import_classnames25 = __toESM(require("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 = (0, import_react41.forwardRef)(
   ({
     id,
@@ -3538,15 +3349,15 @@ var TextInput = (0, import_react41.forwardRef)(
     const responsiveClasses = generateResponsiveClasses("size", size);
     const inputWrapperClasses = (0, import_classnames25.default)(
       "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 = (0, import_classnames25.default)(import_TextInput_module.default["clear-button"], import_TextInput_module.default.md);
+    const clearBtnClasses = (0, import_classnames25.default)(TextInput_module_default["clear-button"], TextInput_module_default.md);
     const renderClearIcon = () => {
       const handleKeyPress = (event) => {
         if (event.keyCode === 13 && onClear) onClear(event);
@@ -3609,7 +3420,7 @@ var TextInput = (0, import_react41.forwardRef)(
         {
           color: "secondary",
           background: "secondary",
-          className: (0, import_classnames25.default)(import_TextInput_module.default.prefix, "ws-nowrap")
+          className: (0, import_classnames25.default)(TextInput_module_default.prefix, "ws-nowrap")
         },
         prefix
       ), /* @__PURE__ */ import_react41.default.createElement(Box, { as: "input", ...computedInputProps }), !!onClear && !!value && renderClearIcon(), suffix && /* @__PURE__ */ import_react41.default.createElement(
@@ -3617,7 +3428,7 @@ var TextInput = (0, import_react41.forwardRef)(
         {
           color: "secondary",
           background: "secondary",
-          className: (0, import_classnames25.default)(import_TextInput_module.default.suffix, "ws-nowrap")
+          className: (0, import_classnames25.default)(TextInput_module_default.suffix, "ws-nowrap")
         },
         suffix
       ))
@@ -3655,7 +3466,11 @@ var import_formik9 = require("formik");
 // src/components/TextareaInput/TextareaInput.tsx
 var import_react43 = __toESM(require("react"));
 var import_classnames26 = __toESM(require("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,
@@ -3683,11 +3498,11 @@ var TextareaInput = ({
   const responsiveClasses = generateResponsiveClasses("size", size);
   const inputWrapperClasses = (0, import_classnames26.default)(
     "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 = {
@@ -3697,7 +3512,7 @@ var TextareaInput = ({
     "aria-labelledby": label && !hideLabel ? `${id}Label` : void 0,
     autoComplete: getAutoCompleteValue(autoComplete),
     autoFocus,
-    className: (0, import_classnames26.default)(import_TextareaInput_module.default[`textarea-resize-${resize}`]),
+    className: (0, import_classnames26.default)(TextareaInput_module_default[`textarea-resize-${resize}`]),
     disabled: isDisabled,
     id,
     maxLength,
@@ -3713,7 +3528,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
@@ -3901,7 +3716,11 @@ var import_formik12 = require("formik");
 // src/components/Switch/Switch.tsx
 var import_react49 = __toESM(require("react"));
 var import_classnames27 = __toESM(require("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,
@@ -3929,18 +3748,18 @@ var Switch = ({
   };
   const wrapperClasses = (0, import_classnames27.default)(
     "hyphen-components__variables__form-control",
-    { [import_Switch_module.default.disabled]: isDisabled }
+    { [Switch_module_default.disabled]: isDisabled }
   );
   const trackClasses = (0, import_classnames27.default)(
-    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 = (0, import_classnames27.default)(
-    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,
@@ -3955,7 +3774,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,
@@ -4027,7 +3846,11 @@ var import_formik13 = require("formik");
 // src/components/ToggleGroup/ToggleGroup.tsx
 var import_react51 = __toESM(require("react"));
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"));
-var import_ToggleGroup_module = __toESM(require_ToggleGroup_module());
+
+// src/components/ToggleGroup/ToggleGroup.module.scss
+var ToggleGroup_module_default = { "item": "item__R2aaI", "outline": "outline__FoHyS" };
+
+// src/components/ToggleGroup/ToggleGroup.tsx
 var import_classnames28 = __toESM(require("classnames"));
 var ToggleGroupContext = (0, import_react51.createContext)({
   variant: "default"
@@ -4057,8 +3880,8 @@ var ToggleGroupItem = (0, import_react51.forwardRef)(({ className, children, val
       ref,
       className: (0, import_classnames28.default)(
         "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,
@@ -4241,8 +4064,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 = (0, import_react57.forwardRef)(
   ({
     ariaLabel,
@@ -4269,11 +4094,11 @@ var ModalBaseComponent = (0, import_react57.forwardRef)(
       }, 100);
     }, [initialFocusRef]);
     const maxWidthCss = getDimensionCss("mw", maxWidth);
-    const overlayClassnames = (0, import_classnames29.default)(import_Modal_module.default.overlay, import_Modal_module.default.modal, {
+    const overlayClassnames = (0, import_classnames29.default)(Modal_module_default.overlay, Modal_module_default.modal, {
       fullscreen: fullScreenMobile
     });
     const contentClassnames = (0, import_classnames29.default)(
-      import_Modal_module.default["modal-content"],
+      Modal_module_default["modal-content"],
       className,
       maxWidthCss.classes,
       {
@@ -4491,7 +4316,11 @@ var Pagination = ({
 var import_react59 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
 var import_classnames31 = __toESM(require("classnames"));
-var import_Popover_module = __toESM(require_Popover_module());
+
+// 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;
@@ -4503,7 +4332,7 @@ var PopoverContent = (0, import_react59.forwardRef)(({ className, align = "cente
       ref,
       align,
       sideOffset,
-      className: (0, import_classnames31.default)(import_Popover_module.default.PopoverContent, className),
+      className: (0, import_classnames31.default)(Popover_module_default.PopoverContent, className),
       ...props
     }
   );
@@ -4513,7 +4342,11 @@ PopoverContent.displayName = "PopoverContent";
 // src/components/RangeInput/RangeInput.tsx
 var import_react60 = __toESM(require("react"));
 var import_classnames32 = __toESM(require("classnames"));
-var import_RangeInput_module = __toESM(require_RangeInput_module());
+
+// 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,
@@ -4536,8 +4369,8 @@ var RangeInput = ({
       "aria-valuemax": max,
       "aria-valuenow": value,
       "aria-label": "range input",
-      className: (0, import_classnames32.default)(import_RangeInput_module.default.slider, className, {
-        [import_RangeInput_module.default.disabled]: isDisabled
+      className: (0, import_classnames32.default)(RangeInput_module_default.slider, className, {
+        [RangeInput_module_default.disabled]: isDisabled
       }),
       onChange,
       disabled: isDisabled,
@@ -4628,13 +4461,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 React59 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_Tooltip_module = __toESM(require_Tooltip_module());
+
+// 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
 var import_classnames33 = __toESM(require("classnames"));
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
@@ -4646,7 +4483,7 @@ var TooltipContent = React59.forwardRef(({ className, sideOffset = 4, ...props }
     ref,
     sideOffset,
     className: (0, import_classnames33.default)(
-      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
     ),
@@ -5234,7 +5071,7 @@ var SidebarRail = import_react63.default.forwardRef(({ className, ...props }, re
       onClick: toggleSidebar,
       title: `Toggle Sidebar ${shortcutLabel}`,
       className: (0, import_classnames34.default)(
-        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",
@@ -5301,22 +5138,32 @@ SidebarMenuBadge.displayName = "SidebarMenuBadge";
 // src/components/Table/Table.tsx
 var import_react69 = __toESM(require("react"));
 var import_classnames40 = __toESM(require("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_react67 = __toESM(require("react"));
 var import_classnames38 = __toESM(require("classnames"));
-var import_TableBody_module = __toESM(require_TableBody_module());
+
+// 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_react66 = __toESM(require("react"));
 var import_classnames37 = __toESM(require("classnames"));
-var import_TableRow_module = __toESM(require_TableRow_module());
+
+// 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
 var import_react64 = __toESM(require("react"));
 var import_classnames35 = __toESM(require("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,
@@ -5330,16 +5177,16 @@ var TableBodyCell = ({
 }) => {
   const columnIsSticky = sticky === "left" || sticky === "right";
   const tableCellClasses = (0, import_classnames35.default)(
-    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
   );
@@ -5363,7 +5210,11 @@ var TableBodyCell_default = TableBodyCell;
 // src/components/Table/TableHead/TableHeaderCell/TableHeaderCell.tsx
 var import_react65 = __toESM(require("react"));
 var import_classnames36 = __toESM(require("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",
@@ -5412,7 +5263,7 @@ var TableHeaderCell = ({
         }
       );
     };
-    return /* @__PURE__ */ import_react65.default.createElement("span", { className: import_TableHeaderCell_module.default["sort-icon"] }, renderArrows());
+    return /* @__PURE__ */ import_react65.default.createElement("span", { className: TableHeaderCell_module_default["sort-icon"] }, renderArrows());
   };
   const handleKeyPress = (event) => {
     if (!onSort || !isSortable) return;
@@ -5429,18 +5280,18 @@ var TableHeaderCell = ({
     onSort(eventWithKey);
   };
   const tableHeaderClasses = (0, import_classnames36.default)(
-    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
   );
@@ -5457,7 +5308,7 @@ var TableHeaderCell = ({
       onKeyDown: handleKeyPress,
       scope: "col"
     },
-    /* @__PURE__ */ import_react65.default.createElement("div", { className: import_TableHeaderCell_module.default.heading }, column.heading, isSortable && renderIcon())
+    /* @__PURE__ */ import_react65.default.createElement("div", { className: TableHeaderCell_module_default.heading }, column.heading, isSortable && renderIcon())
   );
 };
 
@@ -5479,8 +5330,8 @@ var TableRow = ({
   truncateOverflow = false
 }) => {
   const tableRowClasses = (0, import_classnames37.default)(
-    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) => {
@@ -5550,10 +5401,10 @@ var TableBody = ({
   truncateOverflow = false
 }) => {
   const tableBodyClasses = (0, import_classnames38.default)(
-    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
   );
@@ -5624,25 +5475,25 @@ var Table = ({
   useFixedTableLayout = false,
   truncateOverflow = false
 }) => {
-  const containerClasses = (0, import_classnames40.default)(import_Table_module.default.container, {
-    [import_Table_module.default["full-height"]]: !!isScrollable?.y
+  const containerClasses = (0, import_classnames40.default)(Table_module_default.container, {
+    [Table_module_default["full-height"]]: !!isScrollable?.y
   });
   const scrollContainerClasses = (0, import_classnames40.default)(
-    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 = (0, import_classnames40.default)(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 = (0, import_classnames40.default)(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__ */ import_react69.default.createElement("div", { className: containerClasses }, isLoading && /* @__PURE__ */ import_react69.default.createElement("div", { className: import_Table_module.default["loading-mask"] }, /* @__PURE__ */ import_react69.default.createElement(Spinner, { size: "xl" })), /* @__PURE__ */ import_react69.default.createElement(
+  return /* @__PURE__ */ import_react69.default.createElement("div", { className: containerClasses }, isLoading && /* @__PURE__ */ import_react69.default.createElement("div", { className: Table_module_default["loading-mask"] }, /* @__PURE__ */ import_react69.default.createElement(Spinner, { size: "xl" })), /* @__PURE__ */ import_react69.default.createElement(
     "div",
     {
       className: scrollContainerClasses,
@@ -5722,17 +5573,21 @@ var import_react74 = __toESM(require("react"));
 // src/components/Toast/ToastNotification.tsx
 var import_react71 = __toESM(require("react"));
 var import_classnames41 = __toESM(require("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;
 };
@@ -5759,7 +5614,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",
@@ -5789,11 +5644,11 @@ var ToastNotification = import_react71.default.memo(
     const animationClass = toast2?.height ? getAnimationClass(toast2.position || position, toast2.visible) : void 0;
     const classes = (0, import_classnames41.default)(
       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__ */ import_react71.default.createElement(
@@ -6220,7 +6075,11 @@ var ToastContainer = ({
 // src/components/Toggle/Toggle.tsx
 var import_react75 = __toESM(require("react"));
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"));
-var import_Toggle_module = __toESM(require_Toggle_module());
+
+// src/components/Toggle/Toggle.module.scss
+var Toggle_module_default = { "item": "item__PrPsJ", "outline": "outline__Lkabh" };
+
+// src/components/Toggle/Toggle.tsx
 var import_classnames42 = __toESM(require("classnames"));
 var Toggle = (0, import_react75.forwardRef)(({ className, variant = "default", children, ...props }, ref) => /* @__PURE__ */ import_react75.default.createElement(
   TogglePrimitive.Root,
@@ -6228,8 +6087,8 @@ var Toggle = (0, import_react75.forwardRef)(({ className, variant = "default", c
     ref,
     className: (0, import_classnames42.default)(
       "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