@chekinapp/ui 0.0.35 → 0.0.36

package/dist/index.cjs

@@ -356,17 +356,20 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// src/accordion/Accordion.module.css
-var Accordion_default = {};
-
 // src/accordion/Accordion.tsx
+var import_Accordion = __toESM(require("./Accordion.module-5SXQLE6L.module.css"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
 var Accordion = AccordionPrimitive.Root;
 var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   AccordionPrimitive.Item,
   {
     ref,
-    className: cn("accordion__item", Accordion_default.accordion__item, className),
+    className: cn(
+      "accordion__item",
+      "transition-colors duration-200 ease-in-out",
+      import_Accordion.default.accordion__item,
+      className
+    ),
     ...props
   }
 ));
@@ -380,7 +383,9 @@ var AccordionTrigger = React.forwardRef(({ className, children, openIcon, closed
       ref,
       className: cn(
         "accordion__trigger",
-        Accordion_default.accordion__trigger,
+        "flex h-auto w-full flex-1 items-center justify-between text-left outline-none transition-colors duration-200",
+        "hover:no-underline disabled:pointer-events-none",
+        import_Accordion.default.accordion__trigger,
         "group",
         className
       ),
@@ -392,7 +397,7 @@ var AccordionTrigger = React.forwardRef(({ className, children, openIcon, closed
           {
             className: cn(
               "accordion__icon",
-              Accordion_default.accordion__icon,
+              import_Accordion.default.accordion__icon,
               "shrink-0 rounded-full p-0.5",
               "transition-colors duration-200",
               "relative"
@@ -434,7 +439,10 @@ var AccordionContent = React.forwardRef(({ className, contentClassName, children
     ref,
     className: cn(
       "accordion__content",
-      Accordion_default.accordion__content,
+      "transition-all",
+      "data-[state=closed]:animate-accordion-up",
+      "data-[state=open]:animate-accordion-down",
+      import_Accordion.default.accordion__content,
       // TODO Uncomment the next line when dropdown position is fixed
       // 'overflow-hidden',
       className
@@ -445,7 +453,7 @@ var AccordionContent = React.forwardRef(({ className, contentClassName, children
       {
         className: cn(
           "accordion__contentItem",
-          Accordion_default.accordion__contentItem,
+          import_Accordion.default.accordion__contentItem,
           contentClassName
         ),
         children
@@ -457,11 +465,7 @@ AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 // src/alert-box/AlertBox.tsx
 var import_lucide_react2 = require("lucide-react");
-
-// src/alert-box/AlertBox.module.css
-var AlertBox_default = {};
-
-// src/alert-box/AlertBox.tsx
+var import_AlertBox = __toESM(require("./AlertBox.module-PL4N3ELX.module.css"), 1);
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var AlertType = /* @__PURE__ */ ((AlertType2) => {
   AlertType2["INFO"] = "INFO";
@@ -490,10 +494,10 @@ var sizeClasses = {
   ["L" /* L */]: "px-6 py-5 items-start"
 };
 var typeStyles = {
-  ["INFO" /* INFO */]: AlertBox_default["alertBox--info"],
-  ["WARNING" /* WARNING */]: AlertBox_default["alertBox--warning"],
-  ["ERROR" /* ERROR */]: AlertBox_default["alertBox--error"],
-  ["SUCCESS" /* SUCCESS */]: AlertBox_default["alertBox--success"],
+  ["INFO" /* INFO */]: import_AlertBox.default["alertBox--info"],
+  ["WARNING" /* WARNING */]: import_AlertBox.default["alertBox--warning"],
+  ["ERROR" /* ERROR */]: import_AlertBox.default["alertBox--error"],
+  ["SUCCESS" /* SUCCESS */]: import_AlertBox.default["alertBox--success"],
   ["LIGHT" /* LIGHT */]: ""
 };
 function AlertBox({
@@ -510,7 +514,7 @@ function AlertBox({
     {
       "data-slot": "alert-box",
       className: cn(
-        AlertBox_default.alertBox,
+        import_AlertBox.default.alertBox,
         "flex gap-3 [&_svg]:h-5 [&_svg]:w-5 [&_svg]:shrink-0",
         sizeClasses[size],
         typeStyles[type],
@@ -530,11 +534,7 @@ var AlertSizes = AlertSize;
 // src/audio-player/AudioPlayer.tsx
 var import_react = require("react");
 var import_lucide_react3 = require("lucide-react");
-
-// src/audio-player/AudioPlayer.module.css
-var AudioPlayer_default = {};
-
-// src/audio-player/AudioPlayer.tsx
+var import_AudioPlayer = __toESM(require("./AudioPlayer.module-RDUQ533M.module.css"), 1);
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function formatTime(seconds) {
   const mins = Math.floor(seconds / 60);
@@ -598,7 +598,7 @@ function AudioPlayer({ src, compact, className }) {
       {
         type: "button",
         className: cn(
-          AudioPlayer_default.playButton,
+          import_AudioPlayer.default.playButton,
           "inline-flex items-center justify-center",
           compact ? "h-6 min-w-6 p-1" : "h-8 min-w-8 p-1.5"
         ),
@@ -612,7 +612,7 @@ function AudioPlayer({ src, compact, className }) {
         {
           ref: progressRef,
           className: cn(
-            AudioPlayer_default.track,
+            import_AudioPlayer.default.track,
             "h-1 flex-1 cursor-pointer overflow-hidden rounded-full"
           ),
           onClick: handleSeek,
@@ -620,7 +620,7 @@ function AudioPlayer({ src, compact, className }) {
             "div",
             {
               className: cn(
-                AudioPlayer_default.progress,
+                import_AudioPlayer.default.progress,
                 "h-full transition-all duration-100 ease-linear"
               ),
               style: { width: `${progress}%` }
@@ -628,7 +628,7 @@ function AudioPlayer({ src, compact, className }) {
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: cn(AudioPlayer_default.time, "min-w-10 text-xs font-medium"), children: isPlaying || currentTime > 0 ? formatTime(currentTime) : formatTime(duration) })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: cn(import_AudioPlayer.default.time, "min-w-10 text-xs font-medium"), children: isPlaying || currentTime > 0 ? formatTime(currentTime) : formatTime(duration) })
     ] })
   ] });
 }
@@ -637,11 +637,7 @@ AudioPlayer.displayName = "AudioPlayer";
 // src/avatar/Avatar.tsx
 var React2 = __toESM(require("react"), 1);
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
-
-// src/avatar/Avatar.module.css
-var Avatar_default = {};
-
-// src/avatar/Avatar.tsx
+var import_Avatar = __toESM(require("./Avatar.module-VPJKIZT3.module.css"), 1);
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var sizeClasses2 = {
   sm: "h-8 w-8",
@@ -673,7 +669,7 @@ var Avatar = React2.forwardRef(({ className, src, alt, fallback, size = "md", fa
         {
           className: cn(
             "flex h-full w-full items-center justify-center rounded-full font-medium",
-            !fallbackClassName && Avatar_default.fallback,
+            !fallbackClassName && import_Avatar.default.fallback,
             fallbackClassName
           ),
           children: fallback
@@ -726,11 +722,7 @@ Badge.displayName = "Badge";
 
 // src/beta-badge/BetaBadge.tsx
 var import_react_i18next = require("react-i18next");
-
-// src/beta-badge/BetaBadge.module.css
-var BetaBadge_default = {};
-
-// src/beta-badge/BetaBadge.tsx
+var import_BetaBadge = __toESM(require("./BetaBadge.module-W2AGK53A.module.css"), 1);
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function BetaBadge({
   className,
@@ -745,9 +737,9 @@ function BetaBadge({
     {
       "data-slot": "beta-badge",
       className: cn(
-        BetaBadge_default.betaBadge,
+        import_BetaBadge.default.betaBadge,
         "rounded-sm px-2 py-1 text-sm/4 font-semibold uppercase",
-        readOnly && BetaBadge_default["betaBadge--readonly"],
+        readOnly && import_BetaBadge.default["betaBadge--readonly"],
         className
       ),
       ...props,
@@ -838,11 +830,7 @@ BookmarkTabsTrigger.displayName = "BookmarkTabsTrigger";
 // src/box-option-selector/BoxOptionSelector.tsx
 var import_react2 = require("react");
 var import_react_i18next2 = require("react-i18next");
-
-// src/box-option-selector/BoxOptionSelector.module.css
-var BoxOptionSelector_default = {};
-
-// src/box-option-selector/BoxOptionSelector.tsx
+var import_BoxOptionSelector = __toESM(require("./BoxOptionSelector.module-24AKP2OJ.module.css"), 1);
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var BoxOptionSelector = (0, import_react2.forwardRef)(
   ({
@@ -878,9 +866,9 @@ var BoxOptionSelector = (0, import_react2.forwardRef)(
         ref,
         "data-slot": "box-option-selector",
         className: cn(
-          BoxOptionSelector_default.boxOption,
+          import_BoxOptionSelector.default.boxOption,
           "flex min-h-[116px] w-full max-w-[400px] cursor-pointer flex-col gap-4 rounded-lg border p-4 transition-all duration-200",
-          isSelected && BoxOptionSelector_default["boxOption--selected"],
+          isSelected && import_BoxOptionSelector.default["boxOption--selected"],
           disabled && "cursor-not-allowed opacity-50"
         ),
         onClick: handleClick,
@@ -1845,18 +1833,16 @@ function ScrollBar({
   );
 }
 
-// src/error-message/styles.module.css
-var styles_default = {};
-
 // src/error-message/ErrorMessage.tsx
+var import_styles = __toESM(require("./styles.module-VIYXJAAX.module.css"), 1);
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function ErrorMessage({ className, children, disabled }) {
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       className: cn(
-        styles_default.ErrorMessage,
-        disabled && styles_default.ErrorMessage__disabled,
+        import_styles.default.ErrorMessage,
+        disabled && import_styles.default.ErrorMessage__disabled,
         className
       ),
       children
@@ -2032,7 +2018,7 @@ var StatusBadgeInternal = (0, import_react4.forwardRef)(
     disabled = false,
     ...props
   }, ref) => {
-    const styles = variantStyles[variant];
+    const styles25 = variantStyles[variant];
     const hasText = !iconOnly && (children || !textOnly);
     const hasIcon = !textOnly && showIcon;
     const padding = (() => {
@@ -2047,15 +2033,15 @@ var StatusBadgeInternal = (0, import_react4.forwardRef)(
         ref,
         className: cn(
           "inline-flex cursor-default items-center justify-center gap-1 rounded-3xl text-[14px] font-medium leading-4",
-          styles.container,
-          styles.text,
+          styles25.container,
+          styles25.text,
           padding,
           disabled && "opacity-50",
           className
         ),
         ...props,
         children: [
-          hasIcon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StatusBadgeIcon, { variant: styles.icon, className: "size-4 flex-shrink-0" }),
+          hasIcon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StatusBadgeIcon, { variant: styles25.icon, className: "size-4 flex-shrink-0" }),
           hasText && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "whitespace-nowrap", children })
         ]
       }
@@ -2261,10 +2247,8 @@ var import_react_table = require("@tanstack/react-table");
 // src/table/Table.tsx
 var import_react7 = require("react");
 
-// src/loading-bar/styles.module.css
-var styles_default2 = {};
-
 // src/loading-bar/LoadingBar.tsx
+var import_styles2 = __toESM(require("./styles.module-I3PJNRXG.module.css"), 1);
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function LoadingBar({ className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("w-full p-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "relative h-1 w-full overflow-hidden rounded-full bg-[var(--chekin-color-white)]", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
@@ -2272,7 +2256,7 @@ function LoadingBar({ className }) {
     {
       className: cn(
         "absolute top-0 h-full rounded-full bg-[var(--primary)]",
-        styles_default2.bar
+        import_styles2.default.bar
       )
     }
   ) }) });
@@ -3918,19 +3902,19 @@ var HaloIcon = (0, import_react34.forwardRef)(
     size = "M",
     className
   }, ref) => {
-    const styles = statusStyles[status];
+    const styles25 = statusStyles[status];
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "div",
       {
         ref,
         className: cn(
           "halo-icon flex items-center justify-center rounded-[50%]",
-          styles.color,
+          styles25.color,
           {
             "h-6 w-6 [&>svg]:h-4 [&>svg]:w-4": size === "M",
             "h-8 w-8 [&>svg]:h-5 [&>svg]:w-5": size === "L",
             "h-11 w-11 [&>svg]:h-5 [&>svg]:w-5": size === "XL",
-            [styles.background]: variant === "default"
+            [styles25.background]: variant === "default"
           },
           className
         ),
@@ -4503,28 +4487,28 @@ var FileInputButton = (0, import_react36.forwardRef)(
 );
 FileInputButton.displayName = "FileInputButton";
 
-// src/form-box/FormBox.module.css
-var FormBox_default = {};
-
 // src/form-box/Content.tsx
+var import_FormBox = __toESM(require("./FormBox.module-WG4SQBRR.module.css"), 1);
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function Content5({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: cn(FormBox_default.content, className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: cn(import_FormBox.default.content, className), ...props, children });
 }
 
 // src/form-box/Header.tsx
+var import_FormBox2 = __toESM(require("./FormBox.module-WG4SQBRR.module.css"), 1);
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function Header2({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h2", { className: cn(FormBox_default.header, className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("h2", { className: cn(import_FormBox2.default.header, className), ...props, children });
 }
 
 // src/form-box/Root.tsx
+var import_FormBox3 = __toESM(require("./FormBox.module-WG4SQBRR.module.css"), 1);
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function Root10({ children, nested, className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
-      className: cn(FormBox_default.wrapper, nested && FormBox_default.wrapperNested, className),
+      className: cn(import_FormBox3.default.wrapper, nested && import_FormBox3.default.wrapperNested, className),
       ...props,
       children
     }
@@ -4532,9 +4516,10 @@ function Root10({ children, nested, className, ...props }) {
 }
 
 // src/form-box/SubHeader.tsx
+var import_FormBox4 = __toESM(require("./FormBox.module-WG4SQBRR.module.css"), 1);
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function SubHeader({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h4", { className: cn(FormBox_default.subHeader, className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h4", { className: cn(import_FormBox4.default.subHeader, className), ...props, children });
 }
 
 // src/form-box/index.ts
@@ -4548,11 +4533,7 @@ var FormBox = {
 // src/free-text-field/FreeTextField.tsx
 var import_react37 = require("react");
 var import_react_i18next10 = require("react-i18next");
-
-// src/free-text-field/styles.module.css
-var styles_default3 = {};
-
-// src/free-text-field/FreeTextField.tsx
+var import_styles3 = __toESM(require("./styles.module-SHDCFZJR.module.css"), 1);
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var FreeTextField = (0, import_react37.forwardRef)(
   ({
@@ -4598,23 +4579,23 @@ var FreeTextField = (0, import_react37.forwardRef)(
       onBlur?.(event);
     };
     const fieldBoxClassName = cn(
-      styles_default3.fieldBox,
-      autocompleted && styles_default3.fieldBoxAutocompleted,
-      isErrorWrong && !autocompleted && styles_default3.fieldBoxErrorWrong,
-      !autocompleted && !isErrorWrong && !isEmpty && styles_default3.fieldBoxFilled,
-      !autocompleted && !isErrorWrong && isEmpty && styles_default3.fieldBoxEmpty,
-      isFocused && !hasError && styles_default3.fieldBoxFocused
+      import_styles3.default.fieldBox,
+      autocompleted && import_styles3.default.fieldBoxAutocompleted,
+      isErrorWrong && !autocompleted && import_styles3.default.fieldBoxErrorWrong,
+      !autocompleted && !isErrorWrong && !isEmpty && import_styles3.default.fieldBoxFilled,
+      !autocompleted && !isErrorWrong && isEmpty && import_styles3.default.fieldBoxEmpty,
+      isFocused && !hasError && import_styles3.default.fieldBoxFocused
     );
     const inputPlaceholder = fieldStyle === "new" ? label : placeholder;
     const showFloatingLabel = fieldStyle === "new" && !isEmpty && Boolean(label);
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: cn(styles_default3.container, className), children: [
-      fieldStyle === "current" && label && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: styles_default3.labelRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("label", { htmlFor: inputId, className: styles_default3.labelText, children: label }),
-        optional && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: styles_default3.optionalText, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: cn(import_styles3.default.container, className), children: [
+      fieldStyle === "current" && label && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: import_styles3.default.labelRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("label", { htmlFor: inputId, className: import_styles3.default.labelText, children: label }),
+        optional && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: import_styles3.default.optionalText, children: [
           "- ",
           /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("em", { children: optionalLabel || t("optional") })
         ] }),
-        tooltip && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: styles_default3.tooltip, children: tooltip })
+        tooltip && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: import_styles3.default.tooltip, children: tooltip })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: fieldBoxClassName, children: [
         /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
@@ -4622,7 +4603,7 @@ var FreeTextField = (0, import_react37.forwardRef)(
           {
             ref,
             id: inputId,
-            className: styles_default3.input,
+            className: import_styles3.default.input,
             placeholder: inputPlaceholder,
             value,
             defaultValue: value === void 0 ? defaultValue : void 0,
@@ -4633,20 +4614,20 @@ var FreeTextField = (0, import_react37.forwardRef)(
             ...inputProps
           }
         ),
-        icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: styles_default3.icon, children: icon }),
+        icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: import_styles3.default.icon, children: icon }),
         showFloatingLabel && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           "div",
           {
             className: cn(
-              styles_default3.floatingLabel,
-              autocompleted && styles_default3.floatingLabelAutocompleted
+              import_styles3.default.floatingLabel,
+              autocompleted && import_styles3.default.floatingLabelAutocompleted
             ),
             children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
               "span",
               {
                 className: cn(
-                  styles_default3.floatingLabelText,
-                  isErrorWrong && styles_default3.floatingLabelTextError
+                  import_styles3.default.floatingLabelText,
+                  isErrorWrong && import_styles3.default.floatingLabelTextError
                 ),
                 children: label
               }
@@ -4654,8 +4635,8 @@ var FreeTextField = (0, import_react37.forwardRef)(
           }
         )
       ] }),
-      supportingText && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: styles_default3.supportingText, children: supportingText }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: styles_default3.errorText, children: error })
+      supportingText && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: import_styles3.default.supportingText, children: supportingText }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: import_styles3.default.errorText, children: error })
     ] });
   }
 );
@@ -6093,11 +6074,7 @@ function Loader({
 
 // src/metric-card/MetricCard.tsx
 var import_lucide_react23 = require("lucide-react");
-
-// src/metric-card/MetricCard.module.css
-var MetricCard_default = {};
-
-// src/metric-card/MetricCard.tsx
+var import_MetricCard = __toESM(require("./MetricCard.module-LEV46BXD.module.css"), 1);
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function MetricCard({
   title,
@@ -6113,37 +6090,37 @@ function MetricCard({
     "div",
     {
       className: cn(
-        MetricCard_default.MetricCard,
-        MetricCard_default[`MetricCard--${variant}`],
-        loading && MetricCard_default["MetricCard--loading"],
+        import_MetricCard.default.MetricCard,
+        import_MetricCard.default[`MetricCard--${variant}`],
+        loading && import_MetricCard.default["MetricCard--loading"],
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: MetricCard_default.MetricCard__iconContainer, children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: MetricCard_default.MetricCard__content, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: MetricCard_default.MetricCard__header, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("h4", { className: MetricCard_default.MetricCard__title, children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: import_MetricCard.default.MetricCard__iconContainer, children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: import_MetricCard.default.MetricCard__content, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: import_MetricCard.default.MetricCard__header, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("h4", { className: import_MetricCard.default.MetricCard__title, children: title }),
             tooltip && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Tooltip, { side: "right", content: tooltip, contentClassName: "max-w-64", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
               "button",
               {
                 type: "button",
                 className: cn(
                   "inline-flex text-[var(--chekin-color-gray-1)]",
-                  MetricCard_default.MetricCard__tooltip
+                  import_MetricCard.default.MetricCard__tooltip
                 ),
                 "aria-label": tooltip,
                 children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react23.CircleQuestionMark, { className: "h-4 w-4" })
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: MetricCard_default.MetricCard__footer, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: MetricCard_default.MetricCard__value, children: value }),
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: import_MetricCard.default.MetricCard__footer, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: import_MetricCard.default.MetricCard__value, children: value }),
             !!percentage && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
               "div",
               {
                 className: cn(
-                  MetricCard_default.MetricCard__percentage,
-                  percentage < 0 ? MetricCard_default["--negative"] : ""
+                  import_MetricCard.default.MetricCard__percentage,
+                  percentage < 0 ? import_MetricCard.default["--negative"] : ""
                 ),
                 children: [
                   percentage < 0 ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react23.TrendingDown, {}) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react23.TrendingUp, {}),
@@ -6171,11 +6148,7 @@ var METRIC_CARD_VARIANTS = {
 // src/modal/Modal.tsx
 var import_react47 = require("react");
 var import_lucide_react24 = require("lucide-react");
-
-// src/modal/styles.module.css
-var styles_default4 = {};
-
-// src/modal/Modal.tsx
+var import_styles4 = __toESM(require("./styles.module-74HHIGIE.module.css"), 1);
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var preventDefault = (event) => {
   event.preventDefault();
@@ -6219,9 +6192,9 @@ function Modal({
       overlayClassName,
       className: cn(
         "modal__content",
-        styles_default4.modal__content,
+        import_styles4.default.modal__content,
         scrollableOverlay && "min-h-0",
-        size === "compact" && styles_default4.modal__contentCompact,
+        size === "compact" && import_styles4.default.modal__contentCompact,
         className
       ),
       lockScroll,
@@ -6232,16 +6205,16 @@ function Modal({
           {
             type: "button",
             onClick: handleClose,
-            className: cn("modal__close", styles_default4.modal__close),
+            className: cn("modal__close", import_styles4.default.modal__close),
             "aria-label": "Close",
             children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react24.X, { className: "h-5 w-5" })
           }
         ),
-        (iconSrc || iconProps?.src) && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: cn("modal__icon", styles_default4.modal__icon), children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
-        title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DialogTitle, { className: cn("modal__title", styles_default4.modal__title), children: title }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DialogVisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DialogTitle, { children: "Dialog" }) }),
-        text && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DialogDescription, { className: cn("modal__text", styles_default4.modal__text), children: text }),
+        (iconSrc || iconProps?.src) && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: cn("modal__icon", import_styles4.default.modal__icon), children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
+        title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DialogTitle, { className: cn("modal__title", import_styles4.default.modal__title), children: title }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DialogVisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DialogTitle, { children: "Dialog" }) }),
+        text && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DialogDescription, { className: cn("modal__text", import_styles4.default.modal__text), children: text }),
         children,
-        buttons && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: cn("modal__buttons-wrapper", styles_default4.modal__buttonsWrapper), children: buttons })
+        buttons && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: cn("modal__buttons-wrapper", import_styles4.default.modal__buttonsWrapper), children: buttons })
       ]
     }
   ) });
@@ -6251,7 +6224,7 @@ var ModalButton = (0, import_react47.forwardRef)(
     Button,
     {
       ref,
-      className: cn("modal__button", styles_default4.modal__button, className),
+      className: cn("modal__button", import_styles4.default.modal__button, className),
       size: size && "lg",
       ...props,
       children
@@ -7020,10 +6993,8 @@ function useRadioOptions({ options, defaultValue, onChange }) {
   };
 }
 
-// src/radio/styles.module.css
-var styles_default5 = {};
-
 // src/radio/Radio.tsx
+var import_styles5 = __toESM(require("./styles.module-REEJNJNW.module.css"), 1);
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var Radio = (0, import_react53.forwardRef)(
   ({ options, value, onChange, error, className = "", disabled = false, renderOption }, ref) => {
@@ -7052,8 +7023,8 @@ var Radio = (0, import_react53.forwardRef)(
             {
               className: cn(
                 "radio__wrapper",
-                styles_default5.radio__wrapper,
-                (disabled || option.disabled) && styles_default5.radio__wrapper_disabled
+                import_styles5.default.radio__wrapper,
+                (disabled || option.disabled) && import_styles5.default.radio__wrapper_disabled
               ),
               children: renderOption ? renderOption({ option, isSelected: getIsSelected(option) }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
@@ -7065,7 +7036,7 @@ var Radio = (0, import_react53.forwardRef)(
                     className: "radio__indicator"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: cn(styles_default5.radio__label, "radio_label"), children: option.label })
+                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: cn(import_styles5.default.radio__label, "radio_label"), children: option.label })
               ] })
             },
             option.value
@@ -7165,11 +7136,7 @@ function RatingProgress({
 
 // src/rating-radio-group/RatingRadioGroup.tsx
 var import_lucide_react29 = require("lucide-react");
-
-// src/rating-radio-group/styles.module.css
-var styles_default6 = {};
-
-// src/rating-radio-group/RatingRadioGroup.tsx
+var import_styles6 = __toESM(require("./styles.module-H7R2VV2Q.module.css"), 1);
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var getStarColor = (optionValue) => (value) => {
   if (value >= optionValue) return "#facc15";
@@ -7183,13 +7150,13 @@ function RatingRadioGroup({
   className,
   options
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("fieldset", { className: cn(className, styles_default6.RatingRadioGroup), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("legend", { className: styles_default6.RatingRadioGroup__legend, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: cn(styles_default6.RatingRadioGroup__list, "RatingRadioGroup__list"), children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("label", { className: styles_default6.RatingRadioGroup__label, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("fieldset", { className: cn(className, import_styles6.default.RatingRadioGroup), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("legend", { className: import_styles6.default.RatingRadioGroup__legend, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: cn(import_styles6.default.RatingRadioGroup__list, "RatingRadioGroup__list"), children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("label", { className: import_styles6.default.RatingRadioGroup__label, children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         "input",
         {
-          className: styles_default6.RatingRadioGroup__input,
+          className: import_styles6.default.RatingRadioGroup__input,
           type: "radio",
           name,
           checked: value === option.value,
@@ -7200,7 +7167,7 @@ function RatingRadioGroup({
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         import_lucide_react29.Star,
         {
-          className: styles_default6.RatingRadioGroup__star,
+          className: import_styles6.default.RatingRadioGroup__star,
           size: 24,
           "aria-label": option.label,
           color: getStarColor(option.value)(value || 0),
@@ -7425,10 +7392,8 @@ var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
   return SubSectionSize2;
 })(SubSectionSize || {});
 
-// src/section/Section.module.css
-var Section_default = {};
-
 // src/section/Section.tsx
+var import_Section = __toESM(require("./Section.module-6UJGBE6B.module.css"), 1);
 var import_jsx_runtime97 = require("react/jsx-runtime");
 function TooltipInfo({ content, className }) {
   return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Tooltip, { side: "right", content, contentClassName: "max-w-64", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
@@ -7461,55 +7426,53 @@ var Section = (0, import_react54.forwardRef)(
     {
       ref,
       className: cn(
-        Section_default.section,
-        loading && Section_default.section_loading,
-        disabled && Section_default.section_disabled,
+        import_Section.default.section,
+        loading && import_Section.default.section_loading,
+        disabled && import_Section.default.section_disabled,
         { "!hidden": hidden },
         className
       ),
       children: [
-        (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: Section_default.section__header, children: [
+        (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: import_Section.default.section__header, children: [
           title && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
             "div",
             {
               className: cn(
-                Section_default.section__title,
-                size === 0 /* L */ && Section_default.section__titleLarge
+                import_Section.default.section__title,
+                size === 0 /* L */ && import_Section.default.section__titleLarge
               ),
               children: [
                 title,
-                titleTooltip && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: Section_default.section__titleTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TooltipInfo, { content: titleTooltip }) }),
-                linkContent && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: Section_default.section__titleLink, children: linkContent })
+                titleTooltip && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: import_Section.default.section__titleTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TooltipInfo, { content: titleTooltip }) }),
+                linkContent && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: import_Section.default.section__titleLink, children: linkContent })
               ]
             }
           ),
-          subtitle && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: Section_default.section__subtitleWrapper, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: Section_default.section__subtitle, children: subtitle }),
-            subtitleTooltip && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: Section_default.section__subtitleTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TooltipInfo, { content: subtitleTooltip }) })
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: import_Section.default.section__subtitleWrapper, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: import_Section.default.section__subtitle, children: subtitle }),
+            subtitleTooltip && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: import_Section.default.section__subtitleTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TooltipInfo, { content: subtitleTooltip }) })
           ] })
         ] }),
-        loading && showLoader ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Loader, { className: Section_default.section__loader }) : children
+        loading && showLoader ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Loader, { className: import_Section.default.section__loader }) : children
       ]
     }
   )
 );
 Section.displayName = "Section";
 var SubSection = (0, import_react54.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Section, { ref, className: cn(Section_default.section_sub, className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Section, { ref, className: cn(import_Section.default.section_sub, className), ...props })
 );
 SubSection.displayName = "SubSection";
 var DividingSubsection = (0, import_react54.forwardRef)(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SubSection, { ref, className: cn(Section_default.section_dividing, className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SubSection, { ref, className: cn(import_Section.default.section_dividing, className), ...props })
 );
 DividingSubsection.displayName = "DividingSubsection";
 
 // src/selectors/Selectors.tsx
 var import_react55 = require("react");
 
-// src/selector-button/styles.module.css
-var styles_default7 = {};
-
 // src/selector-button/SelectorButton.tsx
+var import_styles7 = __toESM(require("./styles.module-AAYSW4RF.module.css"), 1);
 var import_jsx_runtime98 = require("react/jsx-runtime");
 function SelectorButton({
   active,
@@ -7538,11 +7501,11 @@ function SelectorButton({
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
     "label",
     {
-      className: cn(styles_default7.styledButton, "selector-button", className, {
-        [styles_default7.active]: active,
-        [styles_default7.disabled]: disabled,
-        [styles_default7.loading]: loading,
-        [styles_default7.readOnly]: readOnly
+      className: cn(import_styles7.default.styledButton, "selector-button", className, {
+        [import_styles7.default.active]: active,
+        [import_styles7.default.disabled]: disabled,
+        [import_styles7.default.loading]: loading,
+        [import_styles7.default.readOnly]: readOnly
       }),
       ...props,
       children: [
@@ -7557,17 +7520,15 @@ function SelectorButton({
             readOnly
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: styles_default7.content, children })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: import_styles7.default.content, children })
       ]
     }
   );
 }
 SelectorButton.displayName = "SelectorButton";
 
-// src/selectors/styles.module.css
-var styles_default8 = {};
-
 // src/selectors/Selectors.tsx
+var import_styles8 = __toESM(require("./styles.module-4AVOK5SA.module.css"), 1);
 var import_jsx_runtime99 = require("react/jsx-runtime");
 var getValueArray = (value) => {
   if (value) {
@@ -7626,14 +7587,14 @@ function SelectorsInternal({
     onAnySelectorActive?.(isAnyActive);
   }, [isAnyActive, onAnySelectorActive]);
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: styles_default8.labelWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: cn(styles_default8.name, "label"), children: label }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: import_styles8.default.labelWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: cn(import_styles8.default.name, "label"), children: label }) }),
     /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       "div",
       {
         ref,
         className: cn(className, {
-          [styles_default8.selectorsWrapperTab]: variant === "TAB",
-          [styles_default8.selectorsWrapperDefault]: variant !== "TAB"
+          [import_styles8.default.selectorsWrapperTab]: variant === "TAB",
+          [import_styles8.default.selectorsWrapperDefault]: variant !== "TAB"
         }),
         children: options.map((option, index) => {
           const isSelected = getValueArray(value).includes(option.value);
@@ -7651,10 +7612,10 @@ function SelectorsInternal({
               disabled: isDisabled,
               onClick: (event) => onClick?.(event, option),
               onChange: handleChange(option),
-              className: variant === "TAB" ? cn(styles_default8.selectorButton, {
-                [styles_default8.active]: isSelected,
-                [styles_default8.readOnly]: isReadOnly,
-                [styles_default8.sizeSm]: size === "sm"
+              className: variant === "TAB" ? cn(import_styles8.default.selectorButton, {
+                [import_styles8.default.active]: isSelected,
+                [import_styles8.default.readOnly]: isReadOnly,
+                [import_styles8.default.sizeSm]: size === "sm"
               }) : "selector-button",
               children: getSelectorContent(option.label, isDisabled, isReadOnly, isSelected)
             },
@@ -9017,11 +8978,7 @@ function TablePlaceholder({
 
 // src/task-card/TaskCard.tsx
 var import_lucide_react41 = require("lucide-react");
-
-// src/task-card/TaskCard.module.css
-var TaskCard_default = {};
-
-// src/task-card/TaskCard.tsx
+var import_TaskCard = __toESM(require("./TaskCard.module-AVGS4US3.module.css"), 1);
 var import_jsx_runtime116 = require("react/jsx-runtime");
 function TaskCard({
   title,
@@ -9037,27 +8994,27 @@ function TaskCard({
     "div",
     {
       className: cn(
-        TaskCard_default.TaskCard,
-        TaskCard_default[`TaskCard--${eventType}`],
-        onClick && TaskCard_default["TaskCard--clickable"],
+        import_TaskCard.default.TaskCard,
+        import_TaskCard.default[`TaskCard--${eventType}`],
+        onClick && import_TaskCard.default["TaskCard--clickable"],
         className
       ),
       onClick,
       role: onClick ? "button" : void 0,
       tabIndex: onClick ? 0 : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: TaskCard_default.TaskCard__indicator }),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: TaskCard_default.TaskCard__content, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h4", { className: TaskCard_default.TaskCard__title, children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: TaskCard_default.TaskCard__date, children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: import_TaskCard.default.TaskCard__indicator }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: import_TaskCard.default.TaskCard__content, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h4", { className: import_TaskCard.default.TaskCard__title, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("p", { className: import_TaskCard.default.TaskCard__date, children: description })
         ] }),
-        shouldShowActions && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: TaskCard_default.TaskCard__actions, children: [
+        shouldShowActions && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: import_TaskCard.default.TaskCard__actions, children: [
           shouldShowCount && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
             "div",
             {
               className: cn(
-                TaskCard_default.TaskCard__count,
-                TaskCard_default[`TaskCard__count--${eventType}`]
+                import_TaskCard.default.TaskCard__count,
+                import_TaskCard.default[`TaskCard__count--${eventType}`]
               ),
               children: count
             }
@@ -9065,7 +9022,7 @@ function TaskCard({
           onClick && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
             "button",
             {
-              className: TaskCard_default.TaskCard__arrowButton,
+              className: import_TaskCard.default.TaskCard__arrowButton,
               onClick: (event) => {
                 event.stopPropagation();
                 onClick?.();
@@ -9336,10 +9293,8 @@ var FieldError = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime120
 var import_jsx_runtime121 = require("react/jsx-runtime");
 var SupportingText = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("p", { id, className: "mt-1 text-xs italic text-chekin-gray-2", children });
 
-// src/text-field/textField.module.css
-var textField_default = {};
-
 // src/text-field/TextField.tsx
+var import_textField = __toESM(require("./textField.module-5W2LJGIC.module.css"), 1);
 var import_jsx_runtime122 = require("react/jsx-runtime");
 var inputVariants = (0, import_class_variance_authority14.cva)(
   [
@@ -9447,7 +9402,7 @@ var TextField = React29.forwardRef(
       return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
         "div",
         {
-          className: cn("relative flex w-full flex-col", textField_default.root, wrapperClassName),
+          className: cn("relative flex w-full flex-col", import_textField.default.root, wrapperClassName),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "relative", children: [
               /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
@@ -9486,7 +9441,7 @@ var TextField = React29.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: cn("flex w-full flex-col", textField_default.root, wrapperClassName), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: cn("flex w-full flex-col", import_textField.default.root, wrapperClassName), children: [
       label && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "mb-1 flex items-center gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           LabelPrimitive2.Root,
@@ -9528,16 +9483,12 @@ TextField.displayName = "TextField";
 
 // src/textarea/Textarea.tsx
 var import_react67 = require("react");
-
-// src/textarea/styles.module.css
-var styles_default9 = {};
-
-// src/textarea/Textarea.tsx
+var import_styles9 = __toESM(require("./styles.module-6FWQEZTQ.module.css"), 1);
 var import_jsx_runtime123 = require("react/jsx-runtime");
 var Textarea = (0, import_react67.forwardRef)(
   ({ className, textareaClassName, label, disabled, name, invalid, ...textareaProps }, ref) => {
     const inputId = (0, import_react67.useId)();
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: cn(styles_default9.container, className), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: cn(import_styles9.default.container, className), children: [
       /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
         "textarea",
         {
@@ -9545,9 +9496,9 @@ var Textarea = (0, import_react67.forwardRef)(
           id: inputId,
           name,
           disabled,
-          className: cn(styles_default9.textarea, textareaClassName, {
-            [styles_default9.textareaError]: invalid,
-            [styles_default9.textareaDisabled]: disabled
+          className: cn(import_styles9.default.textarea, textareaClassName, {
+            [import_styles9.default.textareaError]: invalid,
+            [import_styles9.default.textareaDisabled]: disabled
           }),
           ...textareaProps
         }
@@ -9556,9 +9507,9 @@ var Textarea = (0, import_react67.forwardRef)(
         "label",
         {
           htmlFor: inputId,
-          className: cn(styles_default9.label, {
-            [styles_default9.labelError]: invalid,
-            [styles_default9.labelDisabled]: disabled
+          className: cn(import_styles9.default.label, {
+            [import_styles9.default.labelError]: invalid,
+            [import_styles9.default.labelDisabled]: disabled
           }),
           children: label
         }
@@ -9575,20 +9526,18 @@ var LABEL_PLACEMENT = /* @__PURE__ */ ((LABEL_PLACEMENT2) => {
   return LABEL_PLACEMENT2;
 })(LABEL_PLACEMENT || {});
 
-// src/three-dots-loader/styles.module.css
-var styles_default10 = {};
-
 // src/three-dots-loader/ThreeDotsLoader.tsx
+var import_styles10 = __toESM(require("./styles.module-Y6YCV6UA.module.css"), 1);
 var import_jsx_runtime124 = require("react/jsx-runtime");
 function Dots({
   height,
   width,
   color
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("span", { className: styles_default10.dots, style: { height, width }, "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: styles_default10.dot, style: { backgroundColor: color } }),
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: styles_default10.dot, style: { backgroundColor: color } }),
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: styles_default10.dot, style: { backgroundColor: color } })
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("span", { className: import_styles10.default.dots, style: { height, width }, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: import_styles10.default.dot, style: { backgroundColor: color } }),
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: import_styles10.default.dot, style: { backgroundColor: color } }),
+    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: import_styles10.default.dot, style: { backgroundColor: color } })
   ] });
 }
 function ThreeDotsLoader({
@@ -9601,7 +9550,7 @@ function ThreeDotsLoader({
 }) {
   const dots = /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Dots, { color, height, width });
   if (label) {
-    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: cn(styles_default10.Loader, className), children: labelPlacement === 0 /* right */ ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: cn(import_styles10.default.Loader, className), children: labelPlacement === 0 /* right */ ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
       dots,
       /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { children: label })
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [