@chekinapp/ui 0.0.35 → 0.0.36

package/dist/index.js

@@ -10,17 +10,20 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-// src/accordion/Accordion.module.css
-var Accordion_default = {};
-
 // src/accordion/Accordion.tsx
+import styles from "./Accordion.module-5SXQLE6L.module.css";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Accordion = AccordionPrimitive.Root;
 var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AccordionPrimitive.Item,
   {
     ref,
-    className: cn("accordion__item", Accordion_default.accordion__item, className),
+    className: cn(
+      "accordion__item",
+      "transition-colors duration-200 ease-in-out",
+      styles.accordion__item,
+      className
+    ),
     ...props
   }
 ));
@@ -34,7 +37,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",
+        styles.accordion__trigger,
         "group",
         className
       ),
@@ -46,7 +51,7 @@ var AccordionTrigger = React.forwardRef(({ className, children, openIcon, closed
           {
             className: cn(
               "accordion__icon",
-              Accordion_default.accordion__icon,
+              styles.accordion__icon,
               "shrink-0 rounded-full p-0.5",
               "transition-colors duration-200",
               "relative"
@@ -88,7 +93,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",
+      styles.accordion__content,
       // TODO Uncomment the next line when dropdown position is fixed
       // 'overflow-hidden',
       className
@@ -99,7 +107,7 @@ var AccordionContent = React.forwardRef(({ className, contentClassName, children
       {
         className: cn(
           "accordion__contentItem",
-          Accordion_default.accordion__contentItem,
+          styles.accordion__contentItem,
           contentClassName
         ),
         children
@@ -111,11 +119,7 @@ AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 // src/alert-box/AlertBox.tsx
 import { AlertCircle, Check, TriangleAlert, XCircle } from "lucide-react";
-
-// src/alert-box/AlertBox.module.css
-var AlertBox_default = {};
-
-// src/alert-box/AlertBox.tsx
+import styles2 from "./AlertBox.module-PL4N3ELX.module.css";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var AlertType = /* @__PURE__ */ ((AlertType2) => {
   AlertType2["INFO"] = "INFO";
@@ -144,10 +148,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 */]: styles2["alertBox--info"],
+  ["WARNING" /* WARNING */]: styles2["alertBox--warning"],
+  ["ERROR" /* ERROR */]: styles2["alertBox--error"],
+  ["SUCCESS" /* SUCCESS */]: styles2["alertBox--success"],
   ["LIGHT" /* LIGHT */]: ""
 };
 function AlertBox({
@@ -164,7 +168,7 @@ function AlertBox({
     {
       "data-slot": "alert-box",
       className: cn(
-        AlertBox_default.alertBox,
+        styles2.alertBox,
         "flex gap-3 [&_svg]:h-5 [&_svg]:w-5 [&_svg]:shrink-0",
         sizeClasses[size],
         typeStyles[type],
@@ -184,11 +188,7 @@ var AlertSizes = AlertSize;
 // src/audio-player/AudioPlayer.tsx
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Pause, Play } from "lucide-react";
-
-// src/audio-player/AudioPlayer.module.css
-var AudioPlayer_default = {};
-
-// src/audio-player/AudioPlayer.tsx
+import styles3 from "./AudioPlayer.module-RDUQ533M.module.css";
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function formatTime(seconds) {
   const mins = Math.floor(seconds / 60);
@@ -252,7 +252,7 @@ function AudioPlayer({ src, compact, className }) {
       {
         type: "button",
         className: cn(
-          AudioPlayer_default.playButton,
+          styles3.playButton,
           "inline-flex items-center justify-center",
           compact ? "h-6 min-w-6 p-1" : "h-8 min-w-8 p-1.5"
         ),
@@ -266,7 +266,7 @@ function AudioPlayer({ src, compact, className }) {
         {
           ref: progressRef,
           className: cn(
-            AudioPlayer_default.track,
+            styles3.track,
             "h-1 flex-1 cursor-pointer overflow-hidden rounded-full"
           ),
           onClick: handleSeek,
@@ -274,7 +274,7 @@ function AudioPlayer({ src, compact, className }) {
             "div",
             {
               className: cn(
-                AudioPlayer_default.progress,
+                styles3.progress,
                 "h-full transition-all duration-100 ease-linear"
               ),
               style: { width: `${progress}%` }
@@ -282,7 +282,7 @@ function AudioPlayer({ src, compact, className }) {
           )
         }
       ),
-      /* @__PURE__ */ jsx3("span", { className: cn(AudioPlayer_default.time, "min-w-10 text-xs font-medium"), children: isPlaying || currentTime > 0 ? formatTime(currentTime) : formatTime(duration) })
+      /* @__PURE__ */ jsx3("span", { className: cn(styles3.time, "min-w-10 text-xs font-medium"), children: isPlaying || currentTime > 0 ? formatTime(currentTime) : formatTime(duration) })
     ] })
   ] });
 }
@@ -291,11 +291,7 @@ AudioPlayer.displayName = "AudioPlayer";
 // src/avatar/Avatar.tsx
 import * as React2 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-
-// src/avatar/Avatar.module.css
-var Avatar_default = {};
-
-// src/avatar/Avatar.tsx
+import styles4 from "./Avatar.module-VPJKIZT3.module.css";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var sizeClasses2 = {
   sm: "h-8 w-8",
@@ -327,7 +323,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 && styles4.fallback,
             fallbackClassName
           ),
           children: fallback
@@ -380,11 +376,7 @@ Badge.displayName = "Badge";
 
 // src/beta-badge/BetaBadge.tsx
 import { useTranslation } from "react-i18next";
-
-// src/beta-badge/BetaBadge.module.css
-var BetaBadge_default = {};
-
-// src/beta-badge/BetaBadge.tsx
+import styles5 from "./BetaBadge.module-W2AGK53A.module.css";
 import { jsxs as jsxs5 } from "react/jsx-runtime";
 function BetaBadge({
   className,
@@ -399,9 +391,9 @@ function BetaBadge({
     {
       "data-slot": "beta-badge",
       className: cn(
-        BetaBadge_default.betaBadge,
+        styles5.betaBadge,
         "rounded-sm px-2 py-1 text-sm/4 font-semibold uppercase",
-        readOnly && BetaBadge_default["betaBadge--readonly"],
+        readOnly && styles5["betaBadge--readonly"],
         className
       ),
       ...props,
@@ -492,11 +484,7 @@ BookmarkTabsTrigger.displayName = "BookmarkTabsTrigger";
 // src/box-option-selector/BoxOptionSelector.tsx
 import { forwardRef as forwardRef4, useEffect as useEffect2, useState as useState2 } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
-
-// src/box-option-selector/BoxOptionSelector.module.css
-var BoxOptionSelector_default = {};
-
-// src/box-option-selector/BoxOptionSelector.tsx
+import styles6 from "./BoxOptionSelector.module-24AKP2OJ.module.css";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var BoxOptionSelector = forwardRef4(
   ({
@@ -532,9 +520,9 @@ var BoxOptionSelector = forwardRef4(
         ref,
         "data-slot": "box-option-selector",
         className: cn(
-          BoxOptionSelector_default.boxOption,
+          styles6.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 && styles6["boxOption--selected"],
           disabled && "cursor-not-allowed opacity-50"
         ),
         onClick: handleClick,
@@ -1504,18 +1492,16 @@ function ScrollBar({
   );
 }
 
-// src/error-message/styles.module.css
-var styles_default = {};
-
 // src/error-message/ErrorMessage.tsx
+import styles7 from "./styles.module-VIYXJAAX.module.css";
 import { jsx as jsx21 } from "react/jsx-runtime";
 function ErrorMessage({ className, children, disabled }) {
   return /* @__PURE__ */ jsx21(
     "div",
     {
       className: cn(
-        styles_default.ErrorMessage,
-        disabled && styles_default.ErrorMessage__disabled,
+        styles7.ErrorMessage,
+        disabled && styles7.ErrorMessage__disabled,
         className
       ),
       children
@@ -1691,7 +1677,7 @@ var StatusBadgeInternal = forwardRef11(
     disabled = false,
     ...props
   }, ref) => {
-    const styles = variantStyles[variant];
+    const styles25 = variantStyles[variant];
     const hasText = !iconOnly && (children || !textOnly);
     const hasIcon = !textOnly && showIcon;
     const padding = (() => {
@@ -1706,15 +1692,15 @@ var StatusBadgeInternal = forwardRef11(
         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__ */ jsx23(StatusBadgeIcon, { variant: styles.icon, className: "size-4 flex-shrink-0" }),
+          hasIcon && /* @__PURE__ */ jsx23(StatusBadgeIcon, { variant: styles25.icon, className: "size-4 flex-shrink-0" }),
           hasText && /* @__PURE__ */ jsx23("span", { className: "whitespace-nowrap", children })
         ]
       }
@@ -1926,10 +1912,8 @@ import {
   forwardRef as forwardRef12
 } from "react";
 
-// src/loading-bar/styles.module.css
-var styles_default2 = {};
-
 // src/loading-bar/LoadingBar.tsx
+import styles8 from "./styles.module-I3PJNRXG.module.css";
 import { jsx as jsx26 } from "react/jsx-runtime";
 function LoadingBar({ className }) {
   return /* @__PURE__ */ jsx26("div", { className: cn("w-full p-4", className), children: /* @__PURE__ */ jsx26("div", { className: "relative h-1 w-full overflow-hidden rounded-full bg-[var(--chekin-color-white)]", children: /* @__PURE__ */ jsx26(
@@ -1937,7 +1921,7 @@ function LoadingBar({ className }) {
     {
       className: cn(
         "absolute top-0 h-full rounded-full bg-[var(--primary)]",
-        styles_default2.bar
+        styles8.bar
       )
     }
   ) }) });
@@ -3583,19 +3567,19 @@ var HaloIcon = forwardRef19(
     size = "M",
     className
   }, ref) => {
-    const styles = statusStyles[status];
+    const styles25 = statusStyles[status];
     return /* @__PURE__ */ jsx45(
       "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
         ),
@@ -4182,28 +4166,28 @@ var FileInputButton = forwardRef22(
 );
 FileInputButton.displayName = "FileInputButton";
 
-// src/form-box/FormBox.module.css
-var FormBox_default = {};
-
 // src/form-box/Content.tsx
+import styles9 from "./FormBox.module-WG4SQBRR.module.css";
 import { jsx as jsx52 } from "react/jsx-runtime";
 function Content5({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx52("div", { className: cn(FormBox_default.content, className), ...props, children });
+  return /* @__PURE__ */ jsx52("div", { className: cn(styles9.content, className), ...props, children });
 }
 
 // src/form-box/Header.tsx
+import styles10 from "./FormBox.module-WG4SQBRR.module.css";
 import { jsx as jsx53 } from "react/jsx-runtime";
 function Header2({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx53("h2", { className: cn(FormBox_default.header, className), ...props, children });
+  return /* @__PURE__ */ jsx53("h2", { className: cn(styles10.header, className), ...props, children });
 }
 
 // src/form-box/Root.tsx
+import styles11 from "./FormBox.module-WG4SQBRR.module.css";
 import { jsx as jsx54 } from "react/jsx-runtime";
 function Root10({ children, nested, className, ...props }) {
   return /* @__PURE__ */ jsx54(
     "div",
     {
-      className: cn(FormBox_default.wrapper, nested && FormBox_default.wrapperNested, className),
+      className: cn(styles11.wrapper, nested && styles11.wrapperNested, className),
       ...props,
       children
     }
@@ -4211,9 +4195,10 @@ function Root10({ children, nested, className, ...props }) {
 }
 
 // src/form-box/SubHeader.tsx
+import styles12 from "./FormBox.module-WG4SQBRR.module.css";
 import { jsx as jsx55 } from "react/jsx-runtime";
 function SubHeader({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx55("h4", { className: cn(FormBox_default.subHeader, className), ...props, children });
+  return /* @__PURE__ */ jsx55("h4", { className: cn(styles12.subHeader, className), ...props, children });
 }
 
 // src/form-box/index.ts
@@ -4231,11 +4216,7 @@ import {
   useState as useState14
 } from "react";
 import { useTranslation as useTranslation10 } from "react-i18next";
-
-// src/free-text-field/styles.module.css
-var styles_default3 = {};
-
-// src/free-text-field/FreeTextField.tsx
+import styles13 from "./styles.module-SHDCFZJR.module.css";
 import { jsx as jsx56, jsxs as jsxs36 } from "react/jsx-runtime";
 var FreeTextField = forwardRef23(
   ({
@@ -4281,23 +4262,23 @@ var FreeTextField = forwardRef23(
       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
+      styles13.fieldBox,
+      autocompleted && styles13.fieldBoxAutocompleted,
+      isErrorWrong && !autocompleted && styles13.fieldBoxErrorWrong,
+      !autocompleted && !isErrorWrong && !isEmpty && styles13.fieldBoxFilled,
+      !autocompleted && !isErrorWrong && isEmpty && styles13.fieldBoxEmpty,
+      isFocused && !hasError && styles13.fieldBoxFocused
     );
     const inputPlaceholder = fieldStyle === "new" ? label : placeholder;
     const showFloatingLabel = fieldStyle === "new" && !isEmpty && Boolean(label);
-    return /* @__PURE__ */ jsxs36("div", { className: cn(styles_default3.container, className), children: [
-      fieldStyle === "current" && label && /* @__PURE__ */ jsxs36("div", { className: styles_default3.labelRow, children: [
-        /* @__PURE__ */ jsx56("label", { htmlFor: inputId, className: styles_default3.labelText, children: label }),
-        optional && /* @__PURE__ */ jsxs36("span", { className: styles_default3.optionalText, children: [
+    return /* @__PURE__ */ jsxs36("div", { className: cn(styles13.container, className), children: [
+      fieldStyle === "current" && label && /* @__PURE__ */ jsxs36("div", { className: styles13.labelRow, children: [
+        /* @__PURE__ */ jsx56("label", { htmlFor: inputId, className: styles13.labelText, children: label }),
+        optional && /* @__PURE__ */ jsxs36("span", { className: styles13.optionalText, children: [
           "- ",
           /* @__PURE__ */ jsx56("em", { children: optionalLabel || t("optional") })
         ] }),
-        tooltip && /* @__PURE__ */ jsx56("div", { className: styles_default3.tooltip, children: tooltip })
+        tooltip && /* @__PURE__ */ jsx56("div", { className: styles13.tooltip, children: tooltip })
       ] }),
       /* @__PURE__ */ jsxs36("div", { className: fieldBoxClassName, children: [
         /* @__PURE__ */ jsx56(
@@ -4305,7 +4286,7 @@ var FreeTextField = forwardRef23(
           {
             ref,
             id: inputId,
-            className: styles_default3.input,
+            className: styles13.input,
             placeholder: inputPlaceholder,
             value,
             defaultValue: value === void 0 ? defaultValue : void 0,
@@ -4316,20 +4297,20 @@ var FreeTextField = forwardRef23(
             ...inputProps
           }
         ),
-        icon && /* @__PURE__ */ jsx56("div", { className: styles_default3.icon, children: icon }),
+        icon && /* @__PURE__ */ jsx56("div", { className: styles13.icon, children: icon }),
         showFloatingLabel && /* @__PURE__ */ jsx56(
           "div",
           {
             className: cn(
-              styles_default3.floatingLabel,
-              autocompleted && styles_default3.floatingLabelAutocompleted
+              styles13.floatingLabel,
+              autocompleted && styles13.floatingLabelAutocompleted
             ),
             children: /* @__PURE__ */ jsx56(
               "span",
               {
                 className: cn(
-                  styles_default3.floatingLabelText,
-                  isErrorWrong && styles_default3.floatingLabelTextError
+                  styles13.floatingLabelText,
+                  isErrorWrong && styles13.floatingLabelTextError
                 ),
                 children: label
               }
@@ -4337,8 +4318,8 @@ var FreeTextField = forwardRef23(
           }
         )
       ] }),
-      supportingText && /* @__PURE__ */ jsx56("p", { className: styles_default3.supportingText, children: supportingText }),
-      error && /* @__PURE__ */ jsx56("p", { className: styles_default3.errorText, children: error })
+      supportingText && /* @__PURE__ */ jsx56("p", { className: styles13.supportingText, children: supportingText }),
+      error && /* @__PURE__ */ jsx56("p", { className: styles13.errorText, children: error })
     ] });
   }
 );
@@ -5778,11 +5759,7 @@ function Loader({
 
 // src/metric-card/MetricCard.tsx
 import { CircleQuestionMark as CircleQuestionMark2, TrendingDown, TrendingUp } from "lucide-react";
-
-// src/metric-card/MetricCard.module.css
-var MetricCard_default = {};
-
-// src/metric-card/MetricCard.tsx
+import styles14 from "./MetricCard.module-LEV46BXD.module.css";
 import { jsx as jsx73, jsxs as jsxs46 } from "react/jsx-runtime";
 function MetricCard({
   title,
@@ -5798,37 +5775,37 @@ function MetricCard({
     "div",
     {
       className: cn(
-        MetricCard_default.MetricCard,
-        MetricCard_default[`MetricCard--${variant}`],
-        loading && MetricCard_default["MetricCard--loading"],
+        styles14.MetricCard,
+        styles14[`MetricCard--${variant}`],
+        loading && styles14["MetricCard--loading"],
         className
       ),
       children: [
-        /* @__PURE__ */ jsx73("div", { className: MetricCard_default.MetricCard__iconContainer, children: icon }),
-        /* @__PURE__ */ jsxs46("div", { className: MetricCard_default.MetricCard__content, children: [
-          /* @__PURE__ */ jsxs46("div", { className: MetricCard_default.MetricCard__header, children: [
-            /* @__PURE__ */ jsx73("h4", { className: MetricCard_default.MetricCard__title, children: title }),
+        /* @__PURE__ */ jsx73("div", { className: styles14.MetricCard__iconContainer, children: icon }),
+        /* @__PURE__ */ jsxs46("div", { className: styles14.MetricCard__content, children: [
+          /* @__PURE__ */ jsxs46("div", { className: styles14.MetricCard__header, children: [
+            /* @__PURE__ */ jsx73("h4", { className: styles14.MetricCard__title, children: title }),
             tooltip && /* @__PURE__ */ jsx73(Tooltip, { side: "right", content: tooltip, contentClassName: "max-w-64", children: /* @__PURE__ */ jsx73(
               "button",
               {
                 type: "button",
                 className: cn(
                   "inline-flex text-[var(--chekin-color-gray-1)]",
-                  MetricCard_default.MetricCard__tooltip
+                  styles14.MetricCard__tooltip
                 ),
                 "aria-label": tooltip,
                 children: /* @__PURE__ */ jsx73(CircleQuestionMark2, { className: "h-4 w-4" })
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxs46("div", { className: MetricCard_default.MetricCard__footer, children: [
-            /* @__PURE__ */ jsx73("div", { className: MetricCard_default.MetricCard__value, children: value }),
+          /* @__PURE__ */ jsxs46("div", { className: styles14.MetricCard__footer, children: [
+            /* @__PURE__ */ jsx73("div", { className: styles14.MetricCard__value, children: value }),
             !!percentage && /* @__PURE__ */ jsxs46(
               "div",
               {
                 className: cn(
-                  MetricCard_default.MetricCard__percentage,
-                  percentage < 0 ? MetricCard_default["--negative"] : ""
+                  styles14.MetricCard__percentage,
+                  percentage < 0 ? styles14["--negative"] : ""
                 ),
                 children: [
                   percentage < 0 ? /* @__PURE__ */ jsx73(TrendingDown, {}) : /* @__PURE__ */ jsx73(TrendingUp, {}),
@@ -5856,11 +5833,7 @@ var METRIC_CARD_VARIANTS = {
 // src/modal/Modal.tsx
 import { forwardRef as forwardRef31, useRef as useRef14 } from "react";
 import { X as X5 } from "lucide-react";
-
-// src/modal/styles.module.css
-var styles_default4 = {};
-
-// src/modal/Modal.tsx
+import styles15 from "./styles.module-74HHIGIE.module.css";
 import { jsx as jsx74, jsxs as jsxs47 } from "react/jsx-runtime";
 var preventDefault = (event) => {
   event.preventDefault();
@@ -5904,9 +5877,9 @@ function Modal({
       overlayClassName,
       className: cn(
         "modal__content",
-        styles_default4.modal__content,
+        styles15.modal__content,
         scrollableOverlay && "min-h-0",
-        size === "compact" && styles_default4.modal__contentCompact,
+        size === "compact" && styles15.modal__contentCompact,
         className
       ),
       lockScroll,
@@ -5917,16 +5890,16 @@ function Modal({
           {
             type: "button",
             onClick: handleClose,
-            className: cn("modal__close", styles_default4.modal__close),
+            className: cn("modal__close", styles15.modal__close),
             "aria-label": "Close",
             children: /* @__PURE__ */ jsx74(X5, { className: "h-5 w-5" })
           }
         ),
-        (iconSrc || iconProps?.src) && /* @__PURE__ */ jsx74("div", { className: cn("modal__icon", styles_default4.modal__icon), children: /* @__PURE__ */ jsx74("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
-        title ? /* @__PURE__ */ jsx74(DialogTitle, { className: cn("modal__title", styles_default4.modal__title), children: title }) : /* @__PURE__ */ jsx74(DialogVisuallyHidden, { children: /* @__PURE__ */ jsx74(DialogTitle, { children: "Dialog" }) }),
-        text && /* @__PURE__ */ jsx74(DialogDescription, { className: cn("modal__text", styles_default4.modal__text), children: text }),
+        (iconSrc || iconProps?.src) && /* @__PURE__ */ jsx74("div", { className: cn("modal__icon", styles15.modal__icon), children: /* @__PURE__ */ jsx74("img", { src: iconSrc, alt: iconAlt ?? "", ...iconProps }) }),
+        title ? /* @__PURE__ */ jsx74(DialogTitle, { className: cn("modal__title", styles15.modal__title), children: title }) : /* @__PURE__ */ jsx74(DialogVisuallyHidden, { children: /* @__PURE__ */ jsx74(DialogTitle, { children: "Dialog" }) }),
+        text && /* @__PURE__ */ jsx74(DialogDescription, { className: cn("modal__text", styles15.modal__text), children: text }),
         children,
-        buttons && /* @__PURE__ */ jsx74("div", { className: cn("modal__buttons-wrapper", styles_default4.modal__buttonsWrapper), children: buttons })
+        buttons && /* @__PURE__ */ jsx74("div", { className: cn("modal__buttons-wrapper", styles15.modal__buttonsWrapper), children: buttons })
       ]
     }
   ) });
@@ -5936,7 +5909,7 @@ var ModalButton = forwardRef31(
     Button,
     {
       ref,
-      className: cn("modal__button", styles_default4.modal__button, className),
+      className: cn("modal__button", styles15.modal__button, className),
       size: size && "lg",
       ...props,
       children
@@ -6705,10 +6678,8 @@ function useRadioOptions({ options, defaultValue, onChange }) {
   };
 }
 
-// src/radio/styles.module.css
-var styles_default5 = {};
-
 // src/radio/Radio.tsx
+import styles16 from "./styles.module-REEJNJNW.module.css";
 import { Fragment as Fragment8, jsx as jsx86, jsxs as jsxs56 } from "react/jsx-runtime";
 var Radio = forwardRef37(
   ({ options, value, onChange, error, className = "", disabled = false, renderOption }, ref) => {
@@ -6737,8 +6708,8 @@ var Radio = forwardRef37(
             {
               className: cn(
                 "radio__wrapper",
-                styles_default5.radio__wrapper,
-                (disabled || option.disabled) && styles_default5.radio__wrapper_disabled
+                styles16.radio__wrapper,
+                (disabled || option.disabled) && styles16.radio__wrapper_disabled
               ),
               children: renderOption ? renderOption({ option, isSelected: getIsSelected(option) }) : /* @__PURE__ */ jsxs56(Fragment8, { children: [
                 /* @__PURE__ */ jsx86(
@@ -6750,7 +6721,7 @@ var Radio = forwardRef37(
                     className: "radio__indicator"
                   }
                 ),
-                /* @__PURE__ */ jsx86("p", { className: cn(styles_default5.radio__label, "radio_label"), children: option.label })
+                /* @__PURE__ */ jsx86("p", { className: cn(styles16.radio__label, "radio_label"), children: option.label })
               ] })
             },
             option.value
@@ -6850,11 +6821,7 @@ function RatingProgress({
 
 // src/rating-radio-group/RatingRadioGroup.tsx
 import { Star } from "lucide-react";
-
-// src/rating-radio-group/styles.module.css
-var styles_default6 = {};
-
-// src/rating-radio-group/RatingRadioGroup.tsx
+import styles17 from "./styles.module-H7R2VV2Q.module.css";
 import { jsx as jsx89, jsxs as jsxs59 } from "react/jsx-runtime";
 var getStarColor = (optionValue) => (value) => {
   if (value >= optionValue) return "#facc15";
@@ -6868,13 +6835,13 @@ function RatingRadioGroup({
   className,
   options
 }) {
-  return /* @__PURE__ */ jsxs59("fieldset", { className: cn(className, styles_default6.RatingRadioGroup), children: [
-    label && /* @__PURE__ */ jsx89("legend", { className: styles_default6.RatingRadioGroup__legend, children: label }),
-    /* @__PURE__ */ jsx89("div", { className: cn(styles_default6.RatingRadioGroup__list, "RatingRadioGroup__list"), children: options.map((option) => /* @__PURE__ */ jsxs59("label", { className: styles_default6.RatingRadioGroup__label, children: [
+  return /* @__PURE__ */ jsxs59("fieldset", { className: cn(className, styles17.RatingRadioGroup), children: [
+    label && /* @__PURE__ */ jsx89("legend", { className: styles17.RatingRadioGroup__legend, children: label }),
+    /* @__PURE__ */ jsx89("div", { className: cn(styles17.RatingRadioGroup__list, "RatingRadioGroup__list"), children: options.map((option) => /* @__PURE__ */ jsxs59("label", { className: styles17.RatingRadioGroup__label, children: [
       /* @__PURE__ */ jsx89(
         "input",
         {
-          className: styles_default6.RatingRadioGroup__input,
+          className: styles17.RatingRadioGroup__input,
           type: "radio",
           name,
           checked: value === option.value,
@@ -6885,7 +6852,7 @@ function RatingRadioGroup({
       /* @__PURE__ */ jsx89(
         Star,
         {
-          className: styles_default6.RatingRadioGroup__star,
+          className: styles17.RatingRadioGroup__star,
           size: 24,
           "aria-label": option.label,
           color: getStarColor(option.value)(value || 0),
@@ -7110,10 +7077,8 @@ var SubSectionSize = /* @__PURE__ */ ((SubSectionSize2) => {
   return SubSectionSize2;
 })(SubSectionSize || {});
 
-// src/section/Section.module.css
-var Section_default = {};
-
 // src/section/Section.tsx
+import styles18 from "./Section.module-6UJGBE6B.module.css";
 import { jsx as jsx95, jsxs as jsxs62 } from "react/jsx-runtime";
 function TooltipInfo({ content, className }) {
   return /* @__PURE__ */ jsx95(Tooltip, { side: "right", content, contentClassName: "max-w-64", children: /* @__PURE__ */ jsx95(
@@ -7146,45 +7111,45 @@ var Section = forwardRef38(
     {
       ref,
       className: cn(
-        Section_default.section,
-        loading && Section_default.section_loading,
-        disabled && Section_default.section_disabled,
+        styles18.section,
+        loading && styles18.section_loading,
+        disabled && styles18.section_disabled,
         { "!hidden": hidden },
         className
       ),
       children: [
-        (title || subtitle) && /* @__PURE__ */ jsxs62("div", { className: Section_default.section__header, children: [
+        (title || subtitle) && /* @__PURE__ */ jsxs62("div", { className: styles18.section__header, children: [
           title && /* @__PURE__ */ jsxs62(
             "div",
             {
               className: cn(
-                Section_default.section__title,
-                size === 0 /* L */ && Section_default.section__titleLarge
+                styles18.section__title,
+                size === 0 /* L */ && styles18.section__titleLarge
               ),
               children: [
                 title,
-                titleTooltip && /* @__PURE__ */ jsx95("div", { className: Section_default.section__titleTooltip, children: /* @__PURE__ */ jsx95(TooltipInfo, { content: titleTooltip }) }),
-                linkContent && /* @__PURE__ */ jsx95("div", { className: Section_default.section__titleLink, children: linkContent })
+                titleTooltip && /* @__PURE__ */ jsx95("div", { className: styles18.section__titleTooltip, children: /* @__PURE__ */ jsx95(TooltipInfo, { content: titleTooltip }) }),
+                linkContent && /* @__PURE__ */ jsx95("div", { className: styles18.section__titleLink, children: linkContent })
               ]
             }
           ),
-          subtitle && /* @__PURE__ */ jsxs62("div", { className: Section_default.section__subtitleWrapper, children: [
-            /* @__PURE__ */ jsx95("div", { className: Section_default.section__subtitle, children: subtitle }),
-            subtitleTooltip && /* @__PURE__ */ jsx95("div", { className: Section_default.section__subtitleTooltip, children: /* @__PURE__ */ jsx95(TooltipInfo, { content: subtitleTooltip }) })
+          subtitle && /* @__PURE__ */ jsxs62("div", { className: styles18.section__subtitleWrapper, children: [
+            /* @__PURE__ */ jsx95("div", { className: styles18.section__subtitle, children: subtitle }),
+            subtitleTooltip && /* @__PURE__ */ jsx95("div", { className: styles18.section__subtitleTooltip, children: /* @__PURE__ */ jsx95(TooltipInfo, { content: subtitleTooltip }) })
           ] })
         ] }),
-        loading && showLoader ? /* @__PURE__ */ jsx95(Loader, { className: Section_default.section__loader }) : children
+        loading && showLoader ? /* @__PURE__ */ jsx95(Loader, { className: styles18.section__loader }) : children
       ]
     }
   )
 );
 Section.displayName = "Section";
 var SubSection = forwardRef38(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx95(Section, { ref, className: cn(Section_default.section_sub, className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx95(Section, { ref, className: cn(styles18.section_sub, className), ...props })
 );
 SubSection.displayName = "SubSection";
 var DividingSubsection = forwardRef38(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx95(SubSection, { ref, className: cn(Section_default.section_dividing, className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx95(SubSection, { ref, className: cn(styles18.section_dividing, className), ...props })
 );
 DividingSubsection.displayName = "DividingSubsection";
 
@@ -7196,10 +7161,8 @@ import {
   useEffect as useEffect21
 } from "react";
 
-// src/selector-button/styles.module.css
-var styles_default7 = {};
-
 // src/selector-button/SelectorButton.tsx
+import styles19 from "./styles.module-AAYSW4RF.module.css";
 import { jsx as jsx96, jsxs as jsxs63 } from "react/jsx-runtime";
 function SelectorButton({
   active,
@@ -7228,11 +7191,11 @@ function SelectorButton({
   return /* @__PURE__ */ jsxs63(
     "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(styles19.styledButton, "selector-button", className, {
+        [styles19.active]: active,
+        [styles19.disabled]: disabled,
+        [styles19.loading]: loading,
+        [styles19.readOnly]: readOnly
       }),
       ...props,
       children: [
@@ -7247,17 +7210,15 @@ function SelectorButton({
             readOnly
           }
         ),
-        /* @__PURE__ */ jsx96("div", { className: styles_default7.content, children })
+        /* @__PURE__ */ jsx96("div", { className: styles19.content, children })
       ]
     }
   );
 }
 SelectorButton.displayName = "SelectorButton";
 
-// src/selectors/styles.module.css
-var styles_default8 = {};
-
 // src/selectors/Selectors.tsx
+import styles20 from "./styles.module-4AVOK5SA.module.css";
 import { Fragment as Fragment9, jsx as jsx97, jsxs as jsxs64 } from "react/jsx-runtime";
 var getValueArray = (value) => {
   if (value) {
@@ -7316,14 +7277,14 @@ function SelectorsInternal({
     onAnySelectorActive?.(isAnyActive);
   }, [isAnyActive, onAnySelectorActive]);
   return /* @__PURE__ */ jsxs64(Fragment9, { children: [
-    label && /* @__PURE__ */ jsx97("div", { className: styles_default8.labelWrapper, children: /* @__PURE__ */ jsx97("div", { className: cn(styles_default8.name, "label"), children: label }) }),
+    label && /* @__PURE__ */ jsx97("div", { className: styles20.labelWrapper, children: /* @__PURE__ */ jsx97("div", { className: cn(styles20.name, "label"), children: label }) }),
     /* @__PURE__ */ jsx97(
       "div",
       {
         ref,
         className: cn(className, {
-          [styles_default8.selectorsWrapperTab]: variant === "TAB",
-          [styles_default8.selectorsWrapperDefault]: variant !== "TAB"
+          [styles20.selectorsWrapperTab]: variant === "TAB",
+          [styles20.selectorsWrapperDefault]: variant !== "TAB"
         }),
         children: options.map((option, index) => {
           const isSelected = getValueArray(value).includes(option.value);
@@ -7341,10 +7302,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(styles20.selectorButton, {
+                [styles20.active]: isSelected,
+                [styles20.readOnly]: isReadOnly,
+                [styles20.sizeSm]: size === "sm"
               }) : "selector-button",
               children: getSelectorContent(option.label, isDisabled, isReadOnly, isSelected)
             },
@@ -8707,11 +8668,7 @@ function TablePlaceholder({
 
 // src/task-card/TaskCard.tsx
 import { ArrowRight } from "lucide-react";
-
-// src/task-card/TaskCard.module.css
-var TaskCard_default = {};
-
-// src/task-card/TaskCard.tsx
+import styles21 from "./TaskCard.module-AVGS4US3.module.css";
 import { jsx as jsx114, jsxs as jsxs75 } from "react/jsx-runtime";
 function TaskCard({
   title,
@@ -8727,27 +8684,27 @@ function TaskCard({
     "div",
     {
       className: cn(
-        TaskCard_default.TaskCard,
-        TaskCard_default[`TaskCard--${eventType}`],
-        onClick && TaskCard_default["TaskCard--clickable"],
+        styles21.TaskCard,
+        styles21[`TaskCard--${eventType}`],
+        onClick && styles21["TaskCard--clickable"],
         className
       ),
       onClick,
       role: onClick ? "button" : void 0,
       tabIndex: onClick ? 0 : void 0,
       children: [
-        /* @__PURE__ */ jsx114("div", { className: TaskCard_default.TaskCard__indicator }),
-        /* @__PURE__ */ jsxs75("div", { className: TaskCard_default.TaskCard__content, children: [
-          /* @__PURE__ */ jsx114("h4", { className: TaskCard_default.TaskCard__title, children: title }),
-          /* @__PURE__ */ jsx114("p", { className: TaskCard_default.TaskCard__date, children: description })
+        /* @__PURE__ */ jsx114("div", { className: styles21.TaskCard__indicator }),
+        /* @__PURE__ */ jsxs75("div", { className: styles21.TaskCard__content, children: [
+          /* @__PURE__ */ jsx114("h4", { className: styles21.TaskCard__title, children: title }),
+          /* @__PURE__ */ jsx114("p", { className: styles21.TaskCard__date, children: description })
         ] }),
-        shouldShowActions && /* @__PURE__ */ jsxs75("div", { className: TaskCard_default.TaskCard__actions, children: [
+        shouldShowActions && /* @__PURE__ */ jsxs75("div", { className: styles21.TaskCard__actions, children: [
           shouldShowCount && /* @__PURE__ */ jsx114(
             "div",
             {
               className: cn(
-                TaskCard_default.TaskCard__count,
-                TaskCard_default[`TaskCard__count--${eventType}`]
+                styles21.TaskCard__count,
+                styles21[`TaskCard__count--${eventType}`]
               ),
               children: count
             }
@@ -8755,7 +8712,7 @@ function TaskCard({
           onClick && /* @__PURE__ */ jsx114(
             "button",
             {
-              className: TaskCard_default.TaskCard__arrowButton,
+              className: styles21.TaskCard__arrowButton,
               onClick: (event) => {
                 event.stopPropagation();
                 onClick?.();
@@ -9026,10 +8983,8 @@ var FieldError = ({ id, children }) => /* @__PURE__ */ jsx118("p", { id, classNa
 import { jsx as jsx119 } from "react/jsx-runtime";
 var SupportingText = ({ id, children }) => /* @__PURE__ */ jsx119("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
+import styles22 from "./textField.module-5W2LJGIC.module.css";
 import { jsx as jsx120, jsxs as jsxs78 } from "react/jsx-runtime";
 var inputVariants = cva14(
   [
@@ -9137,7 +9092,7 @@ var TextField = React29.forwardRef(
       return /* @__PURE__ */ jsxs78(
         "div",
         {
-          className: cn("relative flex w-full flex-col", textField_default.root, wrapperClassName),
+          className: cn("relative flex w-full flex-col", styles22.root, wrapperClassName),
           children: [
             /* @__PURE__ */ jsxs78("div", { className: "relative", children: [
               /* @__PURE__ */ jsx120(
@@ -9176,7 +9131,7 @@ var TextField = React29.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsxs78("div", { className: cn("flex w-full flex-col", textField_default.root, wrapperClassName), children: [
+    return /* @__PURE__ */ jsxs78("div", { className: cn("flex w-full flex-col", styles22.root, wrapperClassName), children: [
       label && /* @__PURE__ */ jsxs78("div", { className: "mb-1 flex items-center gap-1", children: [
         /* @__PURE__ */ jsx120(
           LabelPrimitive2.Root,
@@ -9218,16 +9173,12 @@ TextField.displayName = "TextField";
 
 // src/textarea/Textarea.tsx
 import { forwardRef as forwardRef47, useId as useId10 } from "react";
-
-// src/textarea/styles.module.css
-var styles_default9 = {};
-
-// src/textarea/Textarea.tsx
+import styles23 from "./styles.module-6FWQEZTQ.module.css";
 import { jsx as jsx121, jsxs as jsxs79 } from "react/jsx-runtime";
 var Textarea = forwardRef47(
   ({ className, textareaClassName, label, disabled, name, invalid, ...textareaProps }, ref) => {
     const inputId = useId10();
-    return /* @__PURE__ */ jsxs79("div", { className: cn(styles_default9.container, className), children: [
+    return /* @__PURE__ */ jsxs79("div", { className: cn(styles23.container, className), children: [
       /* @__PURE__ */ jsx121(
         "textarea",
         {
@@ -9235,9 +9186,9 @@ var Textarea = forwardRef47(
           id: inputId,
           name,
           disabled,
-          className: cn(styles_default9.textarea, textareaClassName, {
-            [styles_default9.textareaError]: invalid,
-            [styles_default9.textareaDisabled]: disabled
+          className: cn(styles23.textarea, textareaClassName, {
+            [styles23.textareaError]: invalid,
+            [styles23.textareaDisabled]: disabled
           }),
           ...textareaProps
         }
@@ -9246,9 +9197,9 @@ var Textarea = forwardRef47(
         "label",
         {
           htmlFor: inputId,
-          className: cn(styles_default9.label, {
-            [styles_default9.labelError]: invalid,
-            [styles_default9.labelDisabled]: disabled
+          className: cn(styles23.label, {
+            [styles23.labelError]: invalid,
+            [styles23.labelDisabled]: disabled
           }),
           children: label
         }
@@ -9265,20 +9216,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
+import styles24 from "./styles.module-Y6YCV6UA.module.css";
 import { Fragment as Fragment10, jsx as jsx122, jsxs as jsxs80 } from "react/jsx-runtime";
 function Dots({
   height,
   width,
   color
 }) {
-  return /* @__PURE__ */ jsxs80("span", { className: styles_default10.dots, style: { height, width }, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx122("span", { className: styles_default10.dot, style: { backgroundColor: color } }),
-    /* @__PURE__ */ jsx122("span", { className: styles_default10.dot, style: { backgroundColor: color } }),
-    /* @__PURE__ */ jsx122("span", { className: styles_default10.dot, style: { backgroundColor: color } })
+  return /* @__PURE__ */ jsxs80("span", { className: styles24.dots, style: { height, width }, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx122("span", { className: styles24.dot, style: { backgroundColor: color } }),
+    /* @__PURE__ */ jsx122("span", { className: styles24.dot, style: { backgroundColor: color } }),
+    /* @__PURE__ */ jsx122("span", { className: styles24.dot, style: { backgroundColor: color } })
   ] });
 }
 function ThreeDotsLoader({
@@ -9291,7 +9240,7 @@ function ThreeDotsLoader({
 }) {
   const dots = /* @__PURE__ */ jsx122(Dots, { color, height, width });
   if (label) {
-    return /* @__PURE__ */ jsx122("div", { className: cn(styles_default10.Loader, className), children: labelPlacement === 0 /* right */ ? /* @__PURE__ */ jsxs80(Fragment10, { children: [
+    return /* @__PURE__ */ jsx122("div", { className: cn(styles24.Loader, className), children: labelPlacement === 0 /* right */ ? /* @__PURE__ */ jsxs80(Fragment10, { children: [
       dots,
       /* @__PURE__ */ jsx122("div", { children: label })
     ] }) : /* @__PURE__ */ jsxs80(Fragment10, { children: [