@ultraviolet/ui 3.5.1 → 3.7.0

package/README.md

@@ -45,7 +45,7 @@ For the library to work properly, you need to wrap your application with the `Th
 You will also need to import styles of components for them to have the correct styles.
 
 ```tsx
-import { ThemeProvider } from '@ultraviolet/ui'
+import { ThemeProvider } from '@ultraviolet/themes'
 import { Button, theme } from '@ultraviolet/ui'
 import '@ultraviolet/ui/styles'
 

package/dist/components/Checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAkC3D,KAAK,SAAS,GACV;IACE,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAEL,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,WAAW,GACX,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,GACP,OAAO,CACV,GACC,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAoJpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAmC3D,KAAK,SAAS,GACV;IACE,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAEL,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,WAAW,GACX,IAAI,GACJ,MAAM,GACN,QAAQ,GACR,UAAU,GACV,SAAS,GACT,SAAS,GACT,UAAU,GACV,OAAO,GACP,OAAO,CACV,GACC,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAqJpB,CAAA"}

package/dist/components/Checkbox/index.js

@@ -6,7 +6,7 @@ import { forwardRef, useId } from "react";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { checkboxInput, icon, checkMixedMark, label, errorText, checkboxContainer, innerCheckbox } from "./styles.css.js";
+import { checkboxInput, icon, iconPath, checkMixedMark, label, errorText, checkboxContainer, innerCheckbox } from "./styles.css.js";
 const CheckboxIconContainer = ({ children }) => {
   const theme = useTheme();
   return /* @__PURE__ */ jsxs("g", { children: [
@@ -88,6 +88,7 @@ const Checkbox = forwardRef(
           /* @__PURE__ */ jsx("svg", { className: icon, fill: "none", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx(CheckboxIconContainer, { children: checked !== "indeterminate" ? /* @__PURE__ */ jsx(
             "path",
             {
+              className: iconPath,
               clipRule: "evenodd",
               d: "M15.6678 5.26709C16.0849 5.6463 16.113 6.28907 15.7307 6.70276L9.29172 13.6705C9.10291 13.8748 8.83818 13.9937 8.55884 13.9998C8.2795 14.0058 8.0098 13.8984 7.81223 13.7024L4.30004 10.2185C3.89999 9.82169 3.89999 9.17831 4.30004 8.78149C4.70009 8.38467 5.34869 8.38467 5.74874 8.78149L8.50441 11.5149L14.2205 5.32951C14.6028 4.91583 15.2508 4.88788 15.6678 5.26709Z",
               fill: "white",

package/dist/components/Checkbox/styles.css.d.ts

@@ -1,8 +1,9 @@
 export declare const errorText: string;
+export declare const checkboxContainer: string;
+export declare const checkboxInput: string;
+export declare const icon: string;
 export declare const innerCheckbox: string;
+export declare const iconPath: string;
 export declare const checkMixedMark: string;
-export declare const icon: string;
 export declare const label: string;
-export declare const checkboxInput: string;
-export declare const checkboxContainer: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Checkbox/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,aAAa,QAGxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAAY,CAAA;AAEvC,eAAO,MAAM,IAAI,QAMf,CAAA;AAOF,eAAO,MAAM,KAAK,QAGhB,CAAA;AAEF,eAAO,MAAM,aAAa,QAOxB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAK5B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAa5B,CAAA;AACF,eAAO,MAAM,aAAa,QAexB,CAAA;AAEF,eAAO,MAAM,IAAI,QA+Cf,CAAA;AAEF,eAAO,MAAM,aAAa,QA2FxB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAUnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAMzB,CAAA;AAEF,eAAO,MAAM,KAAK,QAWhB,CAAA"}

package/dist/components/Checkbox/styles.css.js

@@ -1,17 +1,24 @@
+/* empty css                                         */
+/* empty css                                   */
+/* empty css                                */
+/* empty css                                             */
+/* empty css                                          */
 /* empty css                          */
 var errorText = "uv_9pjq8o0";
-var innerCheckbox = "uv_9pjq8o1";
-var checkMixedMark = "uv_9pjq8o2";
+var checkboxContainer = "uv_9pjq8o1";
+var checkboxInput = "uv_9pjq8o2";
 var icon = "uv_9pjq8o3";
-var label = "uv_9pjq8o4";
-var checkboxInput = "uv_9pjq8o5";
-var checkboxContainer = "uv_9pjq8o6";
+var innerCheckbox = "uv_9pjq8o4";
+var iconPath = "uv_9pjq8o5";
+var checkMixedMark = "uv_9pjq8o6";
+var label = "uv_9pjq8o7";
 export {
   checkMixedMark,
   checkboxContainer,
   checkboxInput,
   errorText,
   icon,
+  iconPath,
   innerCheckbox,
   label
 };

package/dist/components/CheckboxGroup/index.js

@@ -6,7 +6,7 @@ import { Checkbox } from "../Checkbox/index.js";
 import { Label } from "../Label/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-import { fieldset, checkbox } from "./styles.css.js";
+import { fieldset, checkboxGroup } from "./styles.css.js";
 const CheckboxGroupContext = createContext(void 0);
 const CheckboxGroupCheckbox = ({
   onFocus,
@@ -38,7 +38,7 @@ const CheckboxGroupCheckbox = ({
     {
       autoFocus,
       checked: groupValues?.includes(checkboxValue),
-      className: cn(className, checkbox),
+      className: cn(className, checkboxGroup),
       "data-testid": dataTestId,
       disabled,
       error: error || errorContext,

package/dist/components/CheckboxGroup/styles.css.d.ts

@@ -1,3 +1,3 @@
 export declare const fieldset: string;
-export declare const checkbox: string;
+export declare const checkboxGroup: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/CheckboxGroup/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/styles.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,QAInB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAAY,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/styles.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,QAInB,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA"}

package/dist/components/CheckboxGroup/styles.css.js

@@ -1,7 +1,7 @@
 /* empty css                          */
 var fieldset = "uv_19cjf6j0";
-var checkbox = "uv_19cjf6j1";
+var checkboxGroup = "uv_19cjf6j1";
 export {
-  checkbox,
+  checkboxGroup,
   fieldset
 };

package/dist/components/Chip/index.d.ts

@@ -15,7 +15,7 @@ type ChipType = {
 export declare const Chip: {
     ({ children, size, disabled, active, className, "data-testid": dataTestId, onClick, style, }: ChipType): import("react/jsx-runtime").JSX.Element;
     Icon: ({ name, onClick, "data-testid": dataTestId, }: {
-        name: "search" | "anchor" | "bold" | "filter" | "sort" | "italic" | "underline" | "drag" | "address" | "audio" | "video" | "image" | "stop" | "view" | "id" | "send" | "email" | "arrowLeft" | "cancel" | "close" | "play" | "download" | "pen" | "upload" | "addressOutline" | "addressPlay" | "adjustmentsHorizontal" | "adjustmentsHorizontalOutline" | "alertCircle" | "alertCircleOutline" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "autoFix" | "autoFixOutline" | "bookOpenOutline" | "bookOpenOutlineOutline" | "boxEssentials" | "boxEssentialsOutline" | "bullhorn" | "bullhornOutline" | "burger" | "calculator" | "calculatorOutline" | "calendarRange" | "calendarRangeOutline" | "chat" | "chatOutline" | "checkCircle" | "checkCircleOutline" | "check" | "clickhouse" | "lock" | "clock" | "lockOutline" | "clockOutline" | "closeCircle" | "closeCircleOutline" | "console" | "consoleOutline" | "copyContent" | "credential" | "credentialOutline" | "creditCard" | "creditCardOutline" | "database" | "databaseOutline" | "delete" | "deleteOutline" | "detach" | "doc" | "docOutline" | "docPaper" | "docPaperOutline" | "dotsHorizontal" | "dotsVertical" | "earth" | "earthOutline" | "east" | "eastShort" | "emailOutline" | "emailRemove" | "emailRemoveOutline" | "equal" | "escape" | "expand" | "expandMore" | "eye" | "eyeOff" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folder" | "folderOutline" | "github" | "helpCircle" | "helpCircleOutline" | "home" | "homeOutline" | "idOutline" | "imageOutline" | "information" | "informationOutline" | "instagram" | "leaf" | "leafOutline" | "leftRightArrow" | "lightBulb" | "lightBulbOutline" | "linkedin" | "listBullet" | "listNumber" | "logout" | "members" | "membersOutline" | "minus" | "moon" | "moonOutline" | "mosaic" | "mosaicOutline" | "music" | "musicOutline" | "north" | "northShort" | "notification" | "notificationOutline" | "openInNew" | "organization" | "paperclip" | "partnerSpace" | "pen2" | "pen2Outline" | "pencil" | "pencilOutline" | "penOutline" | "phone" | "phoneOutline" | "pin" | "pinOutline" | "playOutline" | "plus" | "privacy" | "privacyOutline" | "profile" | "profileOutline" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rocket" | "rocketOutline" | "rss" | "sendOutline" | "settings" | "settingsOutline" | "sidebar" | "sidebarOutline" | "slack" | "south" | "southShort" | "sparkles" | "sparklesOutline" | "star" | "starOutline" | "stopOutline" | "sun" | "sunOutline" | "support" | "supportOutline" | "switchOrga" | "thumbsDown" | "thumbsDownOutline" | "thumbsUp" | "thumbsUpOutline" | "twitter" | "unlock" | "unlockOutline" | "unpin" | "unpinOutline" | "videoOutline" | "weatherNight" | "weatherNightOutline" | "west" | "westShort" | "youtube";
+        name: "search" | "anchor" | "bold" | "filter" | "sort" | "italic" | "underline" | "drag" | "address" | "audio" | "video" | "image" | "stop" | "view" | "id" | "send" | "email" | "arrowLeft" | "cancel" | "close" | "play" | "download" | "pen" | "upload" | "addressOutline" | "addressPlay" | "adjustmentsHorizontal" | "adjustmentsHorizontalOutline" | "alertCircle" | "alertCircleOutline" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "autoFix" | "autoFixOutline" | "bookOpenOutline" | "bookOpenOutlineOutline" | "boxEssentials" | "boxEssentialsOutline" | "bullhorn" | "bullhornOutline" | "burger" | "calculator" | "calculatorOutline" | "calendarRange" | "calendarRangeOutline" | "chat" | "chatOutline" | "checkCircle" | "checkCircleOutline" | "check" | "clickhouse" | "lock" | "clock" | "lockOutline" | "clockOutline" | "closeCircle" | "closeCircleOutline" | "console" | "consoleOutline" | "copyContent" | "credential" | "credentialOutline" | "creditCard" | "creditCardOutline" | "database" | "databaseOutline" | "delete" | "deleteOutline" | "detach" | "doc" | "docOutline" | "docPaper" | "docPaperOutline" | "dotsHorizontal" | "dotsVertical" | "earth" | "earthOutline" | "east" | "eastShort" | "emailOutline" | "emailRemove" | "emailRemoveOutline" | "equal" | "escape" | "expand" | "expandMore" | "eye" | "eyeOff" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folder" | "folderOutline" | "github" | "helpCircle" | "helpCircleOutline" | "home" | "homeOutline" | "idOutline" | "imageOutline" | "information" | "informationOutline" | "instagram" | "leaf" | "leafOutline" | "leftRightArrow" | "lightBulb" | "lightBulbOutline" | "linkedin" | "listBullet" | "listNumber" | "logout" | "members" | "membersOutline" | "minus" | "moon" | "moonOutline" | "mosaic" | "mosaicOutline" | "music" | "musicOutline" | "north" | "northShort" | "notification" | "notificationOutline" | "openInNew" | "organization" | "paperclip" | "partnerSpace" | "pen2" | "pen2Outline" | "pencil" | "pencilOutline" | "penOutline" | "phone" | "phoneOutline" | "pin" | "pinOutline" | "playOutline" | "plus" | "privacy" | "privacyOutline" | "profile" | "profileOutline" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rocket" | "rocketOutline" | "rss" | "sendOutline" | "settings" | "settingsOutline" | "shieldCheck" | "shieldCheckOutline" | "shield" | "shieldOutline" | "sidebar" | "sidebarOutline" | "slack" | "south" | "southShort" | "sparkles" | "sparklesOutline" | "star" | "starOutline" | "stopOutline" | "sun" | "sunOutline" | "support" | "supportOutline" | "switchOrga" | "thumbsDown" | "thumbsDownOutline" | "thumbsUp" | "thumbsUpOutline" | "twitter" | "unlock" | "unlockOutline" | "unpin" | "unpinOutline" | "videoOutline" | "weatherNight" | "weatherNightOutline" | "west" | "westShort" | "youtube";
         onClick?: () => void;
         'data-testid'?: string;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAKhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAU5C,KAAK,WAAW,GAAG,IAAI,CACrB,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,WAAW,GACX,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,oBAAoB,GACpB,WAAW,GACX,IAAI,GACJ,SAAS,GACT,MAAM,GACN,YAAY,GACZ,OAAO,CACV,GAAG;IACF,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAElE,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,6LAkBxB,WAAW,4CAqEb,CAAA;AAED,eAAO,MAAM,MAAM,iMAvEhB,WAAW;4BAtB8B;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;CA+FjE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAKhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAW5C,KAAK,WAAW,GAAG,IAAI,CACrB,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,WAAW,GACX,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,oBAAoB,GACpB,WAAW,GACX,IAAI,GACJ,SAAS,GACT,MAAM,GACN,YAAY,GACZ,OAAO,CACV,GAAG;IACF,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAElE,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,6LAkBxB,WAAW,4CAqEb,CAAA;AAED,eAAO,MAAM,MAAM,iMAvEhB,WAAW;4BAtB8B;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;CA+FjE,CAAA"}

package/dist/components/Drawer/index.js

@@ -5,7 +5,7 @@ import { Modal } from "../Modal/index.js";
 import { Separator } from "../Separator/index.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-import { drawerContentWrapper, drawerChildrenWrapper, drawerFooter, drawer, drawerContent, drawerHeader } from "./styles.css.js";
+import { drawerContentWrapper, drawerChildrenWrapper, drawerFooter, drawer, drawerBase, drawerContent, drawerHeader } from "./styles.css.js";
 const DrawerContent = ({ children }) => /* @__PURE__ */ jsx("div", { className: drawerContent, children });
 const BaseDrawer = ({
   size = "medium",
@@ -60,7 +60,7 @@ const BaseDrawer = ({
     {
       ariaLabel,
       backdropClassName: "backdrop-drawer",
-      className: cn(className, drawer[size]),
+      className: cn(className, drawer[size], drawerBase),
       "data-size": size,
       "data-testid": dataTestId,
       disclosure,

package/dist/components/Drawer/styles.css.d.ts

@@ -10,4 +10,5 @@ export declare const drawerChildrenWrapper: string;
 export declare const drawerContent: string;
 export declare const drawerHeader: string;
 export declare const drawerFooter: string;
+export declare const drawerBase: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Drawer/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK;;;;CAIjB,CAAA;AAYD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAA;AAyBzC,eAAO,MAAM,MAAM,8CAIjB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAGhC,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;CAIjB,CAAA;AAYD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAA;AAyBzC,eAAO,MAAM,MAAM,8CAIjB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAGhC,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,UAAU,QAAY,CAAA"}

package/dist/components/Drawer/styles.css.js

@@ -1,5 +1,3 @@
-/* empty css                                                     */
-/* empty css                                 */
 /* empty css                          */
 var drawer = { large: "uv_1iezf7y3", medium: "uv_1iezf7y4", small: "uv_1iezf7y5" };
 var drawerContentWrapper = "uv_1iezf7y6";
@@ -7,8 +5,10 @@ var drawerChildrenWrapper = "uv_1iezf7y7";
 var drawerContent = "uv_1iezf7y8";
 var drawerHeader = "uv_1iezf7y9";
 var drawerFooter = "uv_1iezf7ya";
+var drawerBase = "uv_1iezf7yb";
 export {
   drawer,
+  drawerBase,
   drawerChildrenWrapper,
   drawerContent,
   drawerContentWrapper,

package/dist/components/ExpandableCard/styles.css.d.ts

@@ -1,8 +1,8 @@
-export declare const arrowIcon: string;
 export declare const dropableArea: string;
 export declare const summaryClass: string;
+export declare const stackClass: string;
 export declare const detailsClass: string;
+export declare const arrowIcon: string;
 export declare const content: string;
-export declare const stackClass: string;
 export declare const dragIconContainer: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/ExpandableCard/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,YAAY,QA2BvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAgBvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAevB,CAAA;AAEF,eAAO,MAAM,OAAO,QAQlB,CAAA;AAKF,eAAO,MAAM,UAAU,QAErB,CAAA;AAMF,eAAO,MAAM,iBAAiB,QAmB5B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,QA2BvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAgBvB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,YAAY,QAkBvB,CAAA;AAEF,eAAO,MAAM,SAAS,QAOpB,CAAA;AAEF,eAAO,MAAM,OAAO,QAQlB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAmB5B,CAAA"}

package/dist/components/ExpandableCard/styles.css.js

@@ -1,10 +1,10 @@
 /* empty css                          */
-var arrowIcon = "uv_jd0jfn0";
-var dropableArea = "uv_jd0jfn1";
-var summaryClass = "uv_jd0jfn2";
+var dropableArea = "uv_jd0jfn0";
+var summaryClass = "uv_jd0jfn1";
+var stackClass = "uv_jd0jfn2";
 var detailsClass = "uv_jd0jfn3";
-var content = "uv_jd0jfn4";
-var stackClass = "uv_jd0jfn5";
+var arrowIcon = "uv_jd0jfn4";
+var content = "uv_jd0jfn5";
 var dragIconContainer = "uv_jd0jfn6";
 export {
   arrowIcon,

package/dist/components/LineChart/CustomLegend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomLegend.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/CustomLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAgCvC,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAA;AAIhD,KAAK,iBAAiB,GAAG;IACvB,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACd,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,yFAO1B,iBAAiB,4CA2DnB,CAAA"}
+{"version":3,"file":"CustomLegend.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/CustomLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAuCvC,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAA;AAIhD,KAAK,iBAAiB,GAAG;IACvB,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACd,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,yFAO1B,iBAAiB,4CA2DnB,CAAA"}

package/dist/components/LineChart/CustomLegend.js

@@ -7,8 +7,17 @@ import { getLegendColor } from "../../helpers/legend.js";
 import { Checkbox } from "../Checkbox/index.js";
 import { Text } from "../Text/index.js";
 import { getSelected, getMin, getMax, getAverage, getCurrent } from "./helpers.js";
-import { lineChartHead, longContainer, lineChartBody, lineChartRow, cellValueContainer, lineChartLegend, backgroundColorLegend, container, textLegend } from "./styles.css.js";
-const Cell = ({ value, variant }) => /* @__PURE__ */ jsx(Text, { as: "span", className: textLegend, sentiment: "neutral", variant, children: value });
+import { lineChartHead, longContainer, lineChartHeadTitle, lineChartBody, lineChartRow, cellValueContainer, lineChartLegend, backgroundColorLegend, lineChartRowContent, container, textLegend } from "./styles.css.js";
+const Cell = ({ value, variant }) => /* @__PURE__ */ jsx(
+  Text,
+  {
+    as: "span",
+    className: cn(textLegend, lineChartHeadTitle),
+    sentiment: "neutral",
+    variant,
+    children: value
+  }
+);
 const noop = (value) => value.toString();
 const CustomLegend = ({
   axisTransformer = noop,
@@ -19,7 +28,7 @@ const CustomLegend = ({
   "data-testid": dataTestId
 }) => /* @__PURE__ */ jsxs("div", { className: cn(className, container), "data-testid": dataTestId, children: [
   /* @__PURE__ */ jsxs("div", { className: lineChartHead, children: [
-    /* @__PURE__ */ jsx("div", { className: longContainer, children: "Legend" }),
+    /* @__PURE__ */ jsx("div", { className: cn(longContainer, lineChartHeadTitle), children: "Legend" }),
     /* @__PURE__ */ jsx(Cell, { value: "Minimum", variant: "body" }),
     /* @__PURE__ */ jsx(Cell, { value: "Maximum", variant: "body" }),
     /* @__PURE__ */ jsx(Cell, { value: "Average", variant: "body" }),
@@ -34,7 +43,7 @@ const CustomLegend = ({
       {
         className: lineChartRow,
         children: [
-          /* @__PURE__ */ jsx("div", { className: longContainer, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: cn(longContainer, lineChartRowContent), children: /* @__PURE__ */ jsx(
             Checkbox,
             {
               checked: selected.includes(labelIndexed),

package/dist/components/LineChart/Tooltip.d.ts

@@ -1,7 +1,9 @@
 import type { Point } from '@nivo/line';
 type LineChartTooltipProps = {
     point: Point;
+    xFormatted?: string;
+    yFormatted?: string;
 };
-export declare const LineChartTooltip: ({ point }: LineChartTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LineChartTooltip: ({ point, xFormatted, yFormatted, }: LineChartTooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/LineChart/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,KAAK,qBAAqB,GAAG;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAA;AAE7C,eAAO,MAAM,gBAAgB,GAAI,WAAW,qBAAqB,4CA6BhE,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,KAAK,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,oCAI9B,qBAAqB,4CA6BvB,CAAA"}

package/dist/components/LineChart/Tooltip.js

@@ -3,7 +3,11 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Text } from "../Text/index.js";
 import { lineTooltipContainer, lineColorSquare, colorLine } from "./styles.css.js";
-const LineChartTooltip = ({ point }) => /* @__PURE__ */ jsxs("div", { className: lineTooltipContainer, children: [
+const LineChartTooltip = ({
+  point,
+  xFormatted,
+  yFormatted
+}) => /* @__PURE__ */ jsxs("div", { className: lineTooltipContainer, children: [
   /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
     "span",
     {
@@ -21,7 +25,7 @@ const LineChartTooltip = ({ point }) => /* @__PURE__ */ jsxs("div", { className:
         prominence: "stronger",
         sentiment: "neutral",
         variant: "bodyStronger",
-        children: point.data.yFormatted
+        children: yFormatted ?? point.data.yFormatted
       }
     ),
     /* @__PURE__ */ jsx(
@@ -31,7 +35,7 @@ const LineChartTooltip = ({ point }) => /* @__PURE__ */ jsxs("div", { className:
         prominence: "stronger",
         sentiment: "neutral",
         variant: "bodySmall",
-        children: point.data.xFormatted
+        children: xFormatted ?? point.data.xFormatted
       }
     )
   ] })

package/dist/components/LineChart/index.d.ts

@@ -1,8 +1,9 @@
 import type { DatumValue, Box as NivoBox, ValueFormat } from '@nivo/core';
-import type { LineSvgProps, Serie } from '@nivo/line';
+import type { LineSvgProps, Point, Serie } from '@nivo/line';
 import type { ScaleSpec } from '@nivo/scales';
 import type { ComponentProps, CSSProperties } from 'react';
 import { CustomLegend } from './CustomLegend';
+import { LineChartTooltip } from './Tooltip';
 type LineChartProps = {
     height?: string | number;
     margin?: NivoBox;
@@ -10,6 +11,9 @@ type LineChartProps = {
     yScale?: ScaleSpec;
     data?: Serie[];
     withLegend?: boolean;
+    tooltipFunction?: (props: {
+        point: Point;
+    }) => Partial<Pick<ComponentProps<typeof LineChartTooltip>, 'xFormatted' | 'yFormatted'>>;
     axisFormatters?: Partial<Record<'bottom' | 'left' | 'right' | 'top', ComponentProps<typeof CustomLegend>['axisTransformer']>>;
     pointFormatters?: Partial<Record<'x' | 'y', ValueFormat<DatumValue>>>;
     tickValues?: Partial<Record<'bottom' | 'left' | 'right' | 'top', number | string>>;
@@ -22,6 +26,6 @@ type LineChartProps = {
  * See https://nivo.rocks/line/ for more information.
  * @experimental This component is experimental and may be subject to breaking changes in the future.
  */
-export declare const LineChart: ({ height, margin, xScale, yScale, data, withLegend, axisFormatters, pointFormatters, tickValues, chartProps, style, "data-testid": dataTestId, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LineChart: ({ height, margin, xScale, yScale, data, withLegend, tooltipFunction, axisFormatters, pointFormatters, tickValues, chartProps, style, "data-testid": dataTestId, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/LineChart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAErD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAI7C,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CACtB,MAAM,CACJ,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EACnC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,iBAAiB,CAAC,CACvD,CACF,CAAA;IACD,eAAe,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IACrE,UAAU,CAAC,EAAE,OAAO,CAClB,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAC7D,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAYD;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,kJAavB,cAAc,4CA6EhB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,KAAK,cAAc,GAAG;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,EAAE,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,KAAK,EAAE,KAAK,CAAA;KACb,KAAK,OAAO,CACX,IAAI,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,YAAY,GAAG,YAAY,CAAC,CAC3E,CAAA;IACD,cAAc,CAAC,EAAE,OAAO,CACtB,MAAM,CACJ,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EACnC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,iBAAiB,CAAC,CACvD,CACF,CAAA;IACD,eAAe,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IACrE,UAAU,CAAC,EAAE,OAAO,CAClB,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAC7D,CAAA;IACD,UAAU,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA0BD;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,mKAcvB,cAAc,4CA+EhB,CAAA"}

package/dist/components/LineChart/index.js

@@ -18,6 +18,17 @@ const DEFAULT_XSCALE = {
 };
 const DEFAULT_YSCALE = { type: "linear" };
 const DEFAULT_CHARTPROPS = {};
+const createCustomTooltip = (tooltipFunction) => (props) => {
+  const customProps = tooltipFunction ? tooltipFunction(props) : {};
+  return /* @__PURE__ */ jsx(
+    LineChartTooltip,
+    {
+      point: props.point,
+      xFormatted: customProps.xFormatted,
+      yFormatted: customProps.yFormatted
+    }
+  );
+};
 const LineChart = ({
   height = "537px",
   // to maintain aspect ratio based on our standard 1074px width
@@ -26,6 +37,7 @@ const LineChart = ({
   yScale = DEFAULT_YSCALE,
   data,
   withLegend = false,
+  tooltipFunction,
   axisFormatters,
   pointFormatters,
   tickValues,
@@ -54,6 +66,7 @@ const LineChart = ({
     setSelected(dataset.datasets?.map(({ id }, index) => `${id}${index}`));
   }, [dataset.datasets, selected]);
   const localColors = getLegendColor(theme);
+  const CustomTooltip = createCustomTooltip(tooltipFunction);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { style: { height, ...style }, children: /* @__PURE__ */ jsx(
       ResponsiveLine,
@@ -79,7 +92,7 @@ const LineChart = ({
         margin,
         pointSize: 10,
         theme: getNivoTheme(theme),
-        tooltip: LineChartTooltip,
+        tooltip: CustomTooltip,
         useMesh: true,
         xFormat: pointFormatters?.x,
         xScale,

package/dist/components/LineChart/styles.css.d.ts

@@ -8,6 +8,8 @@ export declare const lineTooltipContainer: string;
 export declare const lineColorSquare: string;
 export declare const lineChartBody: string;
 export declare const lineChartHead: string;
+export declare const lineChartHeadTitle: string;
 export declare const lineChartLegend: string;
 export declare const lineChartRow: string;
+export declare const lineChartRowContent: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/LineChart/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oBAAc,CAAA;AACpC,eAAO,MAAM,qBAAqB,oBAAc,CAAA;AAEhD,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,aAAa,QAGxB,CAAA;AAEF,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAO/B,CAAA;AAEF,eAAO,MAAM,eAAe,QAM1B,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA;AAMtC,eAAO,MAAM,aAAa,QAIxB,CAAA;AAMF,eAAO,MAAM,eAAe,QAK1B,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/LineChart/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oBAAc,CAAA;AACpC,eAAO,MAAM,qBAAqB,oBAAc,CAAA;AAEhD,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAG7B,CAAA;AAEF,eAAO,MAAM,aAAa,QAGxB,CAAA;AAEF,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAO/B,CAAA;AAEF,eAAO,MAAM,eAAe,QAM1B,CAAA;AAEF,eAAO,MAAM,aAAa,QAAY,CAAA;AAEtC,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAM7B,CAAA;AAEF,eAAO,MAAM,eAAe,QAK1B,CAAA;AAEF,eAAO,MAAM,YAAY,QAQvB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAM9B,CAAA"}

package/dist/components/LineChart/styles.css.js

@@ -9,8 +9,10 @@ var lineTooltipContainer = "uv_8i9lug6";
 var lineColorSquare = "uv_8i9lug7";
 var lineChartBody = "uv_8i9lug8";
 var lineChartHead = "uv_8i9lug9";
-var lineChartLegend = "uv_8i9luga";
-var lineChartRow = "uv_8i9lugb";
+var lineChartHeadTitle = "uv_8i9luga";
+var lineChartLegend = "uv_8i9lugb";
+var lineChartRow = "uv_8i9lugc";
+var lineChartRowContent = "uv_8i9lugd";
 export {
   backgroundColorLegend,
   cellValueContainer,
@@ -18,8 +20,10 @@ export {
   container,
   lineChartBody,
   lineChartHead,
+  lineChartHeadTitle,
   lineChartLegend,
   lineChartRow,
+  lineChartRowContent,
   lineColorSquare,
   lineTooltipContainer,
   longContainer,

package/dist/components/List/Row.d.ts

@@ -22,6 +22,7 @@ type RowProps = {
     'data-dragging'?: boolean;
     onMouseEnter?: MouseEventHandler<HTMLTableRowElement>;
     onMouseLeave?: MouseEventHandler<HTMLTableRowElement>;
+    onClick?: (id: string) => void;
 };
 export declare const Row: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<HTMLTableRowElement>>;
 export {};

package/dist/components/List/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/List/Row.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAUd,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBpD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;CACtD,CAAA;AAED,eAAO,MAAM,GAAG,0GAwNf,CAAA"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/List/Row.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAUd,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBpD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,GAAG,0GA8Nf,CAAA"}

package/dist/components/List/Row.js

@@ -29,7 +29,8 @@ const Row = forwardRef(
     style,
     "data-dragging": dataDragging,
     onMouseEnter,
-    onMouseLeave
+    onMouseLeave,
+    onClick
   }, forwardedRef) => {
     const {
       selectable,
@@ -92,7 +93,12 @@ const Row = forwardRef(
           "data-dragging": dataDragging,
           "data-highlight": selectable && !!selectedRowIds[id],
           "data-testid": dataTestid,
-          onClick: canClickRowToExpand ? toggleRowExpand : void 0,
+          onClick: () => {
+            onClick?.(id);
+            if (canClickRowToExpand) {
+              toggleRowExpand();
+            }
+          },
           onKeyDown: canClickRowToExpand ? (event) => {
             if (event.key === " ") {
               toggleRowExpand();
@@ -131,7 +137,7 @@ const Row = forwardRef(
                 "aria-label": "expand",
                 "data-testid": "list-expand-button",
                 disabled: disabled || !expandable,
-                onClick: toggleRowExpand,
+                onClick: () => toggleRowExpand(),
                 sentiment,
                 size: "small",
                 variant: "ghost",

package/dist/components/List/styles.css.d.ts

@@ -20,7 +20,7 @@ export declare const listCell: string;
 export declare const listCellStrict: string;
 export declare const listCheckboxContainer: string;
 export declare const listNoPaddingCell: string;
-export declare const listExpandableCell: string;
 export declare const listLoadingRow: string;
 export declare const listSkeleton: string;
+export declare const listExpandableCell: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/List/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/List/styles.css.ts"],"names":[],"mappings":"AAiEA,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,IAAI,QAMf,CAAA;AAEF,eAAO,MAAM,YAAY,4CAQvB,CAAA;AAEF,eAAO,MAAM,cAAc,QAsBzB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAQlC,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAShC,CAAA;AAmBF,eAAO,MAAM,mBAAmB,QAAY,CAAA;AA8B5C,eAAO,MAAM,OAAO;;;;;;;;;EAmBlB,CAAA;AAEF,eAAO,MAAM,QAAQ,QA0BnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAAY,CAAA;AA0CvC,eAAO,MAAM,qBAAqB,QAA6B,CAAA;AAE/D,eAAO,MAAM,iBAAiB,QAQ5B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAE7B,CAAA;AAEF,eAAO,MAAM,cAAc,QAEzB,CAAA;AAEF,eAAO,MAAM,YAAY,QAKvB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/List/styles.css.ts"],"names":[],"mappings":"AAiEA,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,IAAI,QAMf,CAAA;AAEF,eAAO,MAAM,YAAY,4CAQvB,CAAA;AAEF,eAAO,MAAM,cAAc,QAsBzB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAQlC,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAShC,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAAY,CAAA;AAyB5C,eAAO,MAAM,OAAO;;;;;;;;;EAmBlB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAuDnB,CAAA;AAEF,eAAO,MAAM,cAAc,QAAY,CAAA;AAQvC,eAAO,MAAM,qBAAqB,QAA6B,CAAA;AAE/D,eAAO,MAAM,iBAAiB,QAQ5B,CAAA;AAEF,eAAO,MAAM,cAAc,QAEzB,CAAA;AAEF,eAAO,MAAM,YAAY,QAKvB,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAgB7B,CAAA"}

package/dist/components/List/styles.css.js

@@ -1,4 +1,3 @@
-/* empty css                             */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var listContainer = "uv_inoh541";
@@ -14,9 +13,9 @@ var listCell = "uv_inoh54k";
 var listCellStrict = "uv_inoh54l";
 var listCheckboxContainer = "uv_inoh54m";
 var listNoPaddingCell = "uv_inoh54n";
-var listExpandableCell = "uv_inoh54o";
-var listLoadingRow = "uv_inoh54p";
-var listSkeleton = "uv_inoh54q";
+var listLoadingRow = "uv_inoh54o";
+var listSkeleton = "uv_inoh54p";
+var listExpandableCell = "uv_inoh54q";
 export {
   list,
   listCell,

package/dist/components/Menu/MenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EAGpB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAkBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBAqCC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJA8MlB,CAAA"}
+{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EAGpB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAkBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBAqCU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJAkN3B,CAAA"}

package/dist/components/Menu/MenuContent.js

@@ -57,6 +57,10 @@ const Menu = forwardRef(
       "aria-haspopup": "dialog",
       onClick: (event) => {
         target.props.onClick?.(event);
+        if (isNested) {
+          event.preventDefault();
+          event.stopPropagation();
+        }
         setIsVisible(!isVisible);
       },
       // @ts-expect-error not sure how to fix this

package/dist/components/Menu/components/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/components/Item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EAGb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAQd,KAAK,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEzD,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,GAAG,SAAS,CAAA;IACpD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,mGA+KhB,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/components/Item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EAGb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAQd,KAAK,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEzD,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACpC,GAAG,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,GAAG,SAAS,CAAA;IACpD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,mGAmLhB,CAAA"}

package/dist/components/Menu/components/Item.js

@@ -133,6 +133,10 @@ const Item = forwardRef(
             "data-testid": dataTestId,
             disabled,
             onClick: (event) => {
+              if (isNested) {
+                event.stopPropagation();
+                event.preventDefault();
+              }
               onClick?.(event);
               if (hideOnClickItem) {
                 setIsVisible(false);

package/dist/components/Menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAqBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBAC+/B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CADp9B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAqBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBACwgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAD79B,CAAA"}

package/dist/components/Modal/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AACnC,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAK9B,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAU5B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;EAoBxB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDhB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AACnC,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAK9B,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAgB5B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;EAoBxB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDhB,CAAA"}

package/dist/components/Modal/styles.css.js

@@ -1,4 +1,5 @@
 /* empty css                                                     */
+/* empty css                                  */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var topModal = "var(--uv_lrojhc0)";