@velora-dex/widget 0.0.22 → 0.1.0-rc.0

package/dist/components/widget/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerPortal,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/widget/state/containerAtom\";\nimport { XIcon } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n  open: boolean;\n  children?: React.ReactNode;\n  container?: HTMLElement | null;\n  title?: string;\n  showCloseButton?: boolean;\n};\n\nexport function ControlledDrawer({\n  children,\n  container: _container,\n  title,\n  showCloseButton,\n  dismissible = false,\n  ...props\n}: ControlledDrawerProps) {\n  const drawerContainer = useContainerAtom();\n  const container = _container || drawerContainer;\n\n  return (\n    <Drawer\n      {...props}\n      container={container}\n      dismissible={dismissible}\n      modal={false}\n    >\n      <DrawerPortal>\n        <DrawerContent className=\"absolute p-0 bg-contrast-8 dark:bg-contrast-1\">\n          {(title || showCloseButton) && (\n            <DrawerHeader>\n              <div className=\"flex items-center justify-between\">\n                <DrawerTitle className=\"font-medium text-lg text-contrast-4 dark:text-contrast-6\">\n                  {title}\n                </DrawerTitle>\n                {showCloseButton && (\n                  <DrawerClose\n                    className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                    onClick={props.onClose}\n                  >\n                    <XIcon />\n                  </DrawerClose>\n                )}\n              </div>\n            </DrawerHeader>\n          )}\n          {children}\n        </DrawerContent>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n"],"names":["ControlledDrawer","t0","$","_c","_container","children","props","showCloseButton","t1","title","container","dismissible","undefined","drawerContainer","useContainerAtom","t2","onClose","t3","t4"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/widget/Drawer/index.tsx"],"sourcesContent":["import {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerPortal,\n  DrawerDescription,\n} from \"@/components/ui/drawer\";\nimport { useContainerAtom } from \"@/core/state/containerAtom\";\nimport { XIcon } from \"lucide-react\";\n\ntype ControlledDrawerProps = React.ComponentProps<typeof Drawer> & {\n  open: boolean;\n  children?: React.ReactNode;\n  container?: HTMLElement | null;\n  title?: string;\n  description?: string;\n  showCloseButton?: boolean;\n  scrollIntoView?: boolean;\n};\n\n// Helper function to check if an element is visible in the viewport\nfunction isElementVisibleInViewport(element: HTMLElement): boolean {\n  const rect = element.getBoundingClientRect();\n\n  return (\n    rect.top <= window.innerHeight &&\n    rect.bottom >= 0 &&\n    rect.left <= window.innerWidth &&\n    rect.right >= 0\n  );\n}\n\nexport function ControlledDrawer({\n  children,\n  container: _container,\n  title,\n  description,\n  showCloseButton,\n  dismissible = false,\n  scrollIntoView = true, // If Drawer Opened offscreen, scroll into view\n  ...props\n}: ControlledDrawerProps) {\n  const drawerContainer = useContainerAtom();\n  const container = _container || drawerContainer;\n\n  return (\n    <Drawer\n      {...props}\n      container={container}\n      dismissible={dismissible}\n      modal={false}\n    >\n      <DrawerPortal>\n        <DrawerContent\n          className=\"absolute p-0 bg-contrast-8 dark:bg-contrast-1\"\n          onAnimationEnd={\n            scrollIntoView\n              ? (event) => {\n                  // only after animated to Open state to prevent jiggle\n                  if (\n                    props.open &&\n                    isElementVisibleInViewport(event.currentTarget)\n                  ) {\n                    // On short screens a Drawer may open offscreen and not be noticable\n                    event.currentTarget.scrollIntoView({\n                      behavior: \"smooth\",\n                      block: \"nearest\",\n                      inline: \"nearest\",\n                    });\n                  }\n                }\n              : undefined\n          }\n        >\n          {(title || showCloseButton) && (\n            <DrawerHeader>\n              <div className=\"flex items-center justify-between\">\n                <DrawerTitle className=\"font-medium text-lg text-contrast-4 dark:text-contrast-6\">\n                  {title}\n                </DrawerTitle>\n                {showCloseButton && (\n                  <DrawerClose\n                    className=\"ring-offset-background cursor-pointer focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground dark:text-contrast-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n                    onClick={props.onClose}\n                  >\n                    <XIcon />\n                  </DrawerClose>\n                )}\n              </div>\n            </DrawerHeader>\n          )}\n          <DrawerDescription>{description}</DrawerDescription>\n          {children}\n        </DrawerContent>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n"],"names":["isElementVisibleInViewport","element","rect","getBoundingClientRect","top","window","innerHeight","bottom","left","innerWidth","right","ControlledDrawer","t0","$","_c","_container","children","description","props","showCloseButton","t1","t2","title","container","dismissible","scrollIntoView","undefined","drawerContainer","useContainerAtom","t3","event","open","currentTarget","behavior","block","inline","t4","onClose","t5","t6","t7"],"mappings":"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"}

package/dist/components/widget/Drawer/state/useDrawerControls.d.ts

@@ -4,9 +4,32 @@ export type DrawerControls = {
     onClose: () => void;
     onOpenChange: (open: boolean) => void;
 };
+export type DrawerId = "account-button-drawer" | "trade-parameters-drawer" | "receiver-address-drawer" | `empty-select-token-drawer-${"from" | "to" | undefined}` | `select-token-drawer-${"from" | "to" | undefined}` | "wrap-eth-drawer" | "connect-wallet-drawer" | "trade-flow-drawer";
+export declare const useOpenDrawerId: () => DrawerId | null;
 export declare const useDrawerControls: ({ onOpen: _onOpen, onClose: _onClose, drawerId, }: {
     onOpen?: () => void;
     onClose?: () => void;
-    drawerId: string;
+    drawerId: DrawerId;
 }) => DrawerControls;
+/**
+ * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.
+ *
+ * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height
+ * to a fixed 590px height. When the drawer closes, it animates back to the original height and then
+ * resets to auto for natural sizing.
+ *
+ * This prevents jarring height jumps and provides a polished user experience during drawer interactions.
+ *
+ * @returns {Object} containerRef - React ref that should be attached to the widget container element
+ *
+ * @example
+ * const { containerRef } = useDrawerContainerHeightTransition();
+ * return <div ref={containerRef} className="widget-container">...</div>
+ */
+export declare const useDrawerContainerHeightTransition: () => {
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    drawerId: DrawerId | null;
+    isDrawerFullCover: boolean;
+    isDrawerOpen: boolean;
+};
 //# sourceMappingURL=useDrawerControls.d.ts.map

package/dist/components/widget/Drawer/state/useDrawerControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAIF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B;IACD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,KAAG,cAwCH,CAAC"}
+{"version":3,"file":"useDrawerControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAChB,uBAAuB,GACvB,yBAAyB,GACzB,yBAAyB,GACzB,6BAA6B,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GACxD,uBAAuB,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAClD,iBAAiB,GACjB,uBAAuB,GACvB,mBAAmB,CAAC;AAIxB,eAAO,MAAM,eAAe,QAAO,QAAQ,GAAG,IAE7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B;IACD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB,KAAG,cAwCH,CAAC;AAmBF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kCAAkC,QAAO;IACpD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CAsEvB,CAAC"}

package/dist/components/widget/Drawer/state/useDrawerControls.js

@@ -1,8 +1,12 @@
 import { d as distExports } from '../../../../_virtual/index.js';
-import { useLogger } from '../../../../widget/logger.js';
-import { atom, useAtom } from 'jotai';
+import { useLogger } from '../../../../core/logger.js';
+import { atom, useAtomValue, useAtom } from 'jotai';
+import { useRef, useLayoutEffect } from 'react';
 
 const openDrawerAtom = atom(null);
+const useOpenDrawerId = () => {
+  return useAtomValue(openDrawerAtom);
+};
 const useDrawerControls = (t0) => {
   const $ = distExports.c(18);
   const {
@@ -84,6 +88,91 @@ const useDrawerControls = (t0) => {
   }
   return t4;
 };
+const fullCoverDrawers = /* @__PURE__ */ new Set(["trade-flow-drawer", "select-token-drawer-from", "select-token-drawer-to", "empty-select-token-drawer-from", "empty-select-token-drawer-to"]);
+const DRAWER_HEIGHT = 590;
+const transition = "height 0.3s ease-in-out";
+const useDrawerContainerHeightTransition = () => {
+  const $ = distExports.c(9);
+  const containerRef = useRef(null);
+  const previousHeightRef = useRef(null);
+  const currentDrawerId = useOpenDrawerId();
+  let t0;
+  if ($[0] !== currentDrawerId) {
+    t0 = !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);
+    $[0] = currentDrawerId;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const isDrawerFullCover = t0;
+  let t1;
+  let t2;
+  if ($[2] !== isDrawerFullCover) {
+    t1 = () => {
+      if (containerRef.current) {
+        const container = containerRef.current;
+        if (isDrawerFullCover) {
+          const currentHeight = container.scrollHeight;
+          const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;
+          if (shouldSkipTransition) {
+            return;
+          }
+          previousHeightRef.current = currentHeight;
+          container.style.overflow = "hidden";
+          container.style.transition = "none";
+          container.style.height = `${currentHeight}px`;
+          requestAnimationFrame(() => {
+            container.style.transition = transition;
+            container.style.height = `${DRAWER_HEIGHT}px`;
+          });
+        } else {
+          if (previousHeightRef.current !== null) {
+            container.style.transition = transition;
+            container.style.height = `${previousHeightRef.current}px`;
+            previousHeightRef.current = null;
+            const onTransitionEnd = (event) => {
+              if (event.target === container && event.propertyName === "height" && event.type === "transitionend") {
+                container.style.height = "auto";
+                container.style.transition = "";
+                container.style.overflow = "";
+                container.removeEventListener("transitionend", onTransitionEnd);
+              }
+            };
+            container.addEventListener("transitionend", onTransitionEnd);
+            return () => {
+              container.removeEventListener("transitionend", onTransitionEnd);
+            };
+          }
+        }
+      }
+    };
+    t2 = [isDrawerFullCover];
+    $[2] = isDrawerFullCover;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  useLayoutEffect(t1, t2);
+  const t3 = !!currentDrawerId;
+  let t4;
+  if ($[5] !== currentDrawerId || $[6] !== isDrawerFullCover || $[7] !== t3) {
+    t4 = {
+      containerRef,
+      drawerId: currentDrawerId,
+      isDrawerFullCover,
+      isDrawerOpen: t3
+    };
+    $[5] = currentDrawerId;
+    $[6] = isDrawerFullCover;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+};
 
-export { useDrawerControls };
+export { useDrawerContainerHeightTransition, useDrawerControls, useOpenDrawerId };
 //# sourceMappingURL=useDrawerControls.js.map

package/dist/components/widget/Drawer/state/useDrawerControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerControls.js","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { useLogger } from \"@/widget/logger\";\nimport { atom, useAtom } from \"jotai\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n};\n\nconst openDrawerAtom = atom<string | null>(null);\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: string;\n}): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(\"DRAWER\");\n\n  const onOpen = () => {\n    logger.info(\"onOpen\", drawerId);\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\", drawerId);\n    setOpenDrawer((currentOpenDrawer) => {\n      // only reset openDrawer if closing the drawer that is currently open,\n      // so that we don't interfere with other drawers that are opening at the same time\n      if (currentOpenDrawer === drawerId) {\n        return null;\n      }\n      return currentOpenDrawer;\n    });\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n  };\n};\n"],"names":["openDrawerAtom","atom","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4"],"mappings":"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"}
+{"version":3,"file":"useDrawerControls.js","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { useLogger } from \"@/core/logger\";\nimport { atom, useAtom, useAtomValue } from \"jotai\";\nimport { useLayoutEffect, useRef } from \"react\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n};\n\nexport type DrawerId =\n  | \"account-button-drawer\"\n  | \"trade-parameters-drawer\"\n  | \"receiver-address-drawer\"\n  | `empty-select-token-drawer-${\"from\" | \"to\" | undefined}`\n  | `select-token-drawer-${\"from\" | \"to\" | undefined}`\n  | \"wrap-eth-drawer\"\n  | \"connect-wallet-drawer\"\n  | \"trade-flow-drawer\";\n\nconst openDrawerAtom = atom<DrawerId | null>(null);\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n  return useAtomValue(openDrawerAtom);\n};\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: DrawerId;\n}): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(\"DRAWER\");\n\n  const onOpen = () => {\n    logger.info(\"onOpen\", drawerId);\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\", drawerId);\n    setOpenDrawer((currentOpenDrawer) => {\n      // only reset openDrawer if closing the drawer that is currently open,\n      // so that we don't interfere with other drawers that are opening at the same time\n      if (currentOpenDrawer === drawerId) {\n        return null;\n      }\n      return currentOpenDrawer;\n    });\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n  };\n};\n\n/**\n * Drawer IDs that should be considered full-cover drawers.\n *\n * When a full-cover drawer opens, the widget container height is transitioned to a fixed 590px height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([\n  \"trade-flow-drawer\",\n  \"select-token-drawer-from\",\n  \"select-token-drawer-to\",\n  \"empty-select-token-drawer-from\",\n  \"empty-select-token-drawer-to\",\n]);\n\nconst DRAWER_HEIGHT = 590;\nconst transition = \"height 0.3s ease-in-out\";\n\n/**\n * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.\n *\n * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height\n * to a fixed 590px height. When the drawer closes, it animates back to the original height and then\n * resets to auto for natural sizing.\n *\n * This prevents jarring height jumps and provides a polished user experience during drawer interactions.\n *\n * @returns {Object} containerRef - React ref that should be attached to the widget container element\n *\n * @example\n * const { containerRef } = useDrawerContainerHeightTransition();\n * return <div ref={containerRef} className=\"widget-container\">...</div>\n */\nexport const useDrawerContainerHeightTransition = (): {\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  drawerId: DrawerId | null;\n  isDrawerFullCover: boolean;\n  isDrawerOpen: boolean;\n} => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const previousHeightRef = useRef<number | null>(null);\n\n  const currentDrawerId = useOpenDrawerId();\n  const isDrawerFullCover =\n    !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);\n\n  useLayoutEffect(() => {\n    if (containerRef.current) {\n      const container = containerRef.current;\n\n      if (isDrawerFullCover) {\n        // Get current height\n        const currentHeight = container.scrollHeight;\n        // widget will be fully covered by the drawer, won't see the transition\n        const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;\n        if (shouldSkipTransition) {\n          return;\n        }\n        previousHeightRef.current = currentHeight;\n        container.style.overflow = \"hidden\";\n\n        // Set current height first (no transition)\n        container.style.transition = \"none\";\n        container.style.height = `${currentHeight}px`;\n\n        // Use requestAnimationFrame to ensure the first height is painted\n        requestAnimationFrame(() => {\n          // Enable transition and set target height\n          container.style.transition = transition;\n          container.style.height = `${DRAWER_HEIGHT}px`;\n        });\n      } else if (previousHeightRef.current !== null) {\n        // Only transition back if we have a previous height\n        container.style.transition = transition;\n        container.style.height = `${previousHeightRef.current}px`;\n        previousHeightRef.current = null;\n\n        // After transition completes, reset to auto\n        const onTransitionEnd = (event: TransitionEvent) => {\n          if (\n            event.target === container &&\n            event.propertyName === \"height\" &&\n            event.type === \"transitionend\"\n          ) {\n            container.style.height = \"auto\";\n            container.style.transition = \"\";\n            container.style.overflow = \"\";\n\n            container.removeEventListener(\"transitionend\", onTransitionEnd);\n          }\n        };\n        container.addEventListener(\"transitionend\", onTransitionEnd);\n\n        return () => {\n          // cleanup just in case\n          container.removeEventListener(\"transitionend\", onTransitionEnd);\n        };\n      }\n    }\n  }, [isDrawerFullCover]);\n\n  return {\n    containerRef,\n    drawerId: currentDrawerId,\n    isDrawerFullCover,\n    isDrawerOpen: !!currentDrawerId,\n  };\n};\n"],"names":["openDrawerAtom","atom","useOpenDrawerId","useAtomValue","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4","fullCoverDrawers","Set","DRAWER_HEIGHT","transition","useDrawerContainerHeightTransition","containerRef","useRef","previousHeightRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","useLayoutEffect","isDrawerOpen"],"mappings":"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"}

package/dist/components/widget/Dropdown/DropdownWithItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownWithItems.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAUtD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgD9D,CAAC"}
+{"version":3,"file":"DropdownWithItems.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAYtD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiD9D,CAAC"}

package/dist/components/widget/Dropdown/DropdownWithItems.js

@@ -7,17 +7,19 @@ const defaultClasses = {
   content: "p-2 border border-transparent bg-contrast-9 dark:bg-contrast-2 dark:border-contrast-3",
   group: "space-y-1",
   item: "min-w-[160px] min-h-[32px] text-xs hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-md px-2 py-1 cursor-pointer",
-  itemSelected: "bg-contrast-8 dark:bg-contrast-3"
+  itemSelected: "bg-contrast-8 dark:bg-contrast-3",
+  trigger: "transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:rounded-xs"
 };
 const DropdownWithItems = ({
   menuTrigger = /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Open" }),
   label,
   items,
-  classes
+  classes,
+  align = "start"
 }) => {
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { className: cn(defaultClasses.trigger, classes?.trigger), children: menuTrigger }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { className: cn(defaultClasses.content, classes?.content), align: "start", children: [
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { className: cn(defaultClasses.content, classes?.content), align, children: [
       label && /* @__PURE__ */ jsx(DropdownMenuLabel, { className: cn(defaultClasses.label, classes?.label), children: label }),
       /* @__PURE__ */ jsx(DropdownMenuGroup, { className: cn(defaultClasses.group, classes?.group), children: items?.map(({
         label: label_0,

package/dist/components/widget/Dropdown/DropdownWithItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownWithItems.js","sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"sourcesContent":["import {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n} from \"@/components/ui/dropdown-menu\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { DropdownWithItemsProps } from \"./types\";\n\nconst defaultClasses: DropdownWithItemsProps[\"classes\"] = {\n  content:\n    \"p-2 border border-transparent bg-contrast-9 dark:bg-contrast-2 dark:border-contrast-3\",\n  group: \"space-y-1\",\n  item: \"min-w-[160px] min-h-[32px] text-xs hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-md px-2 py-1 cursor-pointer\",\n  itemSelected: \"bg-contrast-8 dark:bg-contrast-3\",\n};\n\nexport const DropdownWithItems: React.FC<DropdownWithItemsProps> = ({\n  menuTrigger = <Button variant=\"outline\">Open</Button>,\n  label,\n  items,\n  classes,\n}) => {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        className={cn(defaultClasses.trigger, classes?.trigger)}\n      >\n        {menuTrigger}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        className={cn(defaultClasses.content, classes?.content)}\n        align=\"start\"\n      >\n        {label && (\n          <DropdownMenuLabel\n            className={cn(defaultClasses.label, classes?.label)}\n          >\n            {label}\n          </DropdownMenuLabel>\n        )}\n        <DropdownMenuGroup className={cn(defaultClasses.group, classes?.group)}>\n          {items?.map(({ label, onSelect, selected, className }, index) => (\n            <DropdownMenuItem\n              key={index}\n              onSelect={onSelect}\n              className={cn(\n                // apply default classes first\n                defaultClasses.item,\n                // then apply custom classes\n                classes?.item,\n                // but option.className takes precedence\n                className,\n                // and if selected, apply selected class\n                selected &&\n                  cn(defaultClasses.itemSelected, classes?.itemSelected)\n              )}\n            >\n              {label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["defaultClasses","content","group","item","itemSelected","DropdownWithItems","menuTrigger","label","items","classes","cn","trigger","map","onSelect","selected","className","index"],"mappings":";;;;;AAYA,MAAMA,cAAAA,GAAoD;AAAA,EACxDC,OAAAA,EACE,uFAAA;AAAA,EACFC,KAAAA,EAAO,WAAA;AAAA,EACPC,IAAAA,EAAM,qHAAA;AAAA,EACNC,YAAAA,EAAc;AAChB,CAAA;AAEO,MAAMC,oBAAsDA,CAAC;AAAA,EAClEC,WAAAA,mBAAc,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,WAAU,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,EAC5CC,KAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC;AACF,CAAA,KAAM;AACJ,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,mBAAA,EAAA,EACC,WAAWC,EAAAA,CAAGV,cAAAA,CAAeW,SAASF,OAAAA,EAASE,OAAO,GAErDL,QAAAA,EAAAA,WAAAA,EACH,CAAA;AAAA,oBACA,IAAA,CAAC,mBAAA,EAAA,EACC,SAAA,EAAWI,EAAAA,CAAGV,cAAAA,CAAeC,SAASQ,OAAAA,EAASR,OAAO,CAAA,EACtD,KAAA,EAAM,OAAA,EAELM,QAAAA,EAAAA;AAAAA,MAAAA,KAAAA,oBACC,GAAA,CAAC,qBACC,SAAA,EAAWG,EAAAA,CAAGV,eAAeO,KAAAA,EAAOE,OAAAA,EAASF,KAAK,CAAA,EAEjDA,QAAAA,EAAAA,KAAAA,EACH,CAAA;AAAA,sBAEF,GAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAWG,EAAAA,CAAGV,cAAAA,CAAeE,KAAAA,EAAOO,OAAAA,EAASP,KAAK,CAAA,EAClEM,QAAAA,EAAAA,KAAAA,EAAOI,GAAAA,CAAI,CAAC;AAAA,QAAEL,KAAAA,EAAAA,OAAAA;AAAAA,QAAOM,QAAAA;AAAAA,QAAUC,QAAAA;AAAAA,QAAUC;AAAAA,OAAU,EAAGC,KAAAA,qBACrD,GAAA,CAAC,gBAAA,EAAA,EAEC,UACA,SAAA,EAAWN,EAAAA;AAAAA;AAAAA,QAETV,cAAAA,CAAeG,IAAAA;AAAAA;AAAAA,QAEfM,OAAAA,EAASN,IAAAA;AAAAA;AAAAA,QAETY,SAAAA;AAAAA;AAAAA,QAEAD,QAAAA,IACEJ,EAAAA,CAAGV,cAAAA,CAAeI,YAAAA,EAAcK,SAASL,YAAY;AAAA,OACzD,EAECG,QAAAA,EAAAA,OAAAA,EAAAA,EAdIS,KAeP,CACD,CAAA,EACH;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DropdownWithItems.js","sources":["../../../../src/components/widget/Dropdown/DropdownWithItems.tsx"],"sourcesContent":["import {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n} from \"@/components/ui/dropdown-menu\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport type { DropdownWithItemsProps } from \"./types\";\n\nconst defaultClasses: DropdownWithItemsProps[\"classes\"] = {\n  content:\n    \"p-2 border border-transparent bg-contrast-9 dark:bg-contrast-2 dark:border-contrast-3\",\n  group: \"space-y-1\",\n  item: \"min-w-[160px] min-h-[32px] text-xs hover:bg-contrast-8 dark:hover:bg-contrast-3 rounded-md px-2 py-1 cursor-pointer\",\n  itemSelected: \"bg-contrast-8 dark:bg-contrast-3\",\n  trigger:\n    \"transition-all focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:rounded-xs\",\n};\n\nexport const DropdownWithItems: React.FC<DropdownWithItemsProps> = ({\n  menuTrigger = <Button variant=\"outline\">Open</Button>,\n  label,\n  items,\n  classes,\n  align = \"start\",\n}) => {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        className={cn(defaultClasses.trigger, classes?.trigger)}\n      >\n        {menuTrigger}\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        className={cn(defaultClasses.content, classes?.content)}\n        align={align}\n      >\n        {label && (\n          <DropdownMenuLabel\n            className={cn(defaultClasses.label, classes?.label)}\n          >\n            {label}\n          </DropdownMenuLabel>\n        )}\n        <DropdownMenuGroup className={cn(defaultClasses.group, classes?.group)}>\n          {items?.map(({ label, onSelect, selected, className }, index) => (\n            <DropdownMenuItem\n              key={index}\n              onSelect={onSelect}\n              className={cn(\n                // apply default classes first\n                defaultClasses.item,\n                // then apply custom classes\n                classes?.item,\n                // but option.className takes precedence\n                className,\n                // and if selected, apply selected class\n                selected &&\n                  cn(defaultClasses.itemSelected, classes?.itemSelected)\n              )}\n            >\n              {label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n"],"names":["defaultClasses","content","group","item","itemSelected","trigger","DropdownWithItems","menuTrigger","label","items","classes","align","cn","map","onSelect","selected","className","index"],"mappings":";;;;;AAYA,MAAMA,cAAAA,GAAoD;AAAA,EACxDC,OAAAA,EACE,uFAAA;AAAA,EACFC,KAAAA,EAAO,WAAA;AAAA,EACPC,IAAAA,EAAM,qHAAA;AAAA,EACNC,YAAAA,EAAc,kCAAA;AAAA,EACdC,OAAAA,EACE;AACJ,CAAA;AAEO,MAAMC,oBAAsDA,CAAC;AAAA,EAClEC,WAAAA,mBAAc,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,WAAU,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,EAC5CC,KAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,KAAAA,GAAQ;AACV,CAAA,KAAM;AACJ,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,mBAAA,EAAA,EACC,WAAWC,EAAAA,CAAGZ,cAAAA,CAAeK,SAASK,OAAAA,EAASL,OAAO,GAErDE,QAAAA,EAAAA,WAAAA,EACH,CAAA;AAAA,oBACA,IAAA,CAAC,uBACC,SAAA,EAAWK,EAAAA,CAAGZ,eAAeC,OAAAA,EAASS,OAAAA,EAAST,OAAO,CAAA,EACtD,KAAA,EAECO,QAAAA,EAAAA;AAAAA,MAAAA,KAAAA,oBACC,GAAA,CAAC,qBACC,SAAA,EAAWI,EAAAA,CAAGZ,eAAeQ,KAAAA,EAAOE,OAAAA,EAASF,KAAK,CAAA,EAEjDA,QAAAA,EAAAA,KAAAA,EACH,CAAA;AAAA,sBAEF,GAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAWI,EAAAA,CAAGZ,cAAAA,CAAeE,KAAAA,EAAOQ,OAAAA,EAASR,KAAK,CAAA,EAClEO,QAAAA,EAAAA,KAAAA,EAAOI,GAAAA,CAAI,CAAC;AAAA,QAAEL,KAAAA,EAAAA,OAAAA;AAAAA,QAAOM,QAAAA;AAAAA,QAAUC,QAAAA;AAAAA,QAAUC;AAAAA,OAAU,EAAGC,KAAAA,qBACrD,GAAA,CAAC,gBAAA,EAAA,EAEC,UACA,SAAA,EAAWL,EAAAA;AAAAA;AAAAA,QAETZ,cAAAA,CAAeG,IAAAA;AAAAA;AAAAA,QAEfO,OAAAA,EAASP,IAAAA;AAAAA;AAAAA,QAETa,SAAAA;AAAAA;AAAAA,QAEAD,QAAAA,IACEH,EAAAA,CAAGZ,cAAAA,CAAeI,YAAAA,EAAcM,SAASN,YAAY;AAAA,OACzD,EAECI,QAAAA,EAAAA,OAAAA,EAAAA,EAdIS,KAeP,CACD,CAAA,EACH;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/widget/Dropdown/types.d.ts

@@ -1,5 +1,5 @@
 import { WithClasses } from '../../../types/withClasses';
-import { DropdownMenuItemProps } from '@radix-ui/react-dropdown-menu';
+import { DropdownMenuContentProps, DropdownMenuItemProps } from '@radix-ui/react-dropdown-menu';
 export type DropdownItem = Pick<DropdownMenuItemProps, "onSelect" | "className"> & {
     label: DropdownMenuItemProps["children"];
     selected?: boolean;
@@ -8,5 +8,6 @@ export type DropdownWithItemsProps = {
     menuTrigger?: React.ReactNode;
     label?: React.ReactNode;
     items: DropdownItem[];
+    align?: DropdownMenuContentProps["align"];
 } & WithClasses<"trigger" | "content" | "label" | "group" | "item" | "itemSelected">;
 //# sourceMappingURL=types.d.ts.map

package/dist/components/widget/Dropdown/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAE3E,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,qBAAqB,EACrB,UAAU,GAAG,WAAW,CACzB,GAAG;IACF,KAAK,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,YAAY,EAAE,CAAC;CACvB,GAAG,WAAW,CACb,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,CACpE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AAEvC,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,qBAAqB,EACrB,UAAU,GAAG,WAAW,CACzB,GAAG;IACF,KAAK,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC;CAC3C,GAAG,WAAW,CACb,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,cAAc,CACpE,CAAC"}

package/dist/components/widget/Icon/CheckIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckIcon.js","sources":["../../../../src/components/widget/Icon/CheckIcon.tsx"],"sourcesContent":["import { ReactComponent as CheckSVG } from \"@/assets/check.svg\";\n\nexport const CheckIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <CheckSVG {...props} />;\n};\n"],"names":["CheckIcon","props","$","_c","t0","CheckSVG"],"mappings":";;;;AAEO,MAAMA,YAAYC,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,CAAAA,QAAAD,KAAAA,EAAA;AAChBG,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAQ,GAAKJ,KAAAA,EAAK,CAAA;AAAIC,IAAAA,CAAAA,MAAAD,KAAAA;AAAAC,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAAvBE,EAAAA;AAAuB;;;;"}
+{"version":3,"file":"CheckIcon.js","sources":["../../../../src/components/widget/Icon/CheckIcon.tsx"],"sourcesContent":["import { ReactComponent as CheckSVG } from \"@/assets/check.svg\";\n\nexport const CheckIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <CheckSVG {...props} />;\n};\n"],"names":["CheckIcon","props","$","_c","t0","CheckSVG"],"mappings":";;;;AAEO,MAAMA,YAAYC,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,CAAAA,QAAAD,KAAAA,EAAA;AAChBG,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAQ,GAAKJ,KAAAA,EAAK,CAAA;AAAIC,IAAAA,CAAAA,MAAAD,KAAAA;AAAAC,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAAvBE,EAAAA;AAAuB;;;;"}

package/dist/components/widget/Icon/ChevronIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronIcon.js","sources":["../../../../src/components/widget/Icon/ChevronIcon.tsx"],"sourcesContent":["import { ReactComponent as ChevronIconSVG } from \"@/assets/chevron.svg\";\nimport { cn } from \"@/lib/utils\";\n\nexport const ChevronIcon = ({\n  className,\n  ...props\n}: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <ChevronIconSVG\n      {...props}\n      className={cn(\n        \"text-contrast-5 dark:text-contrast-6 cursor-pointer\",\n        className\n      )}\n    />\n  );\n};\n"],"names":["ChevronIcon","t0","$","_c","className","props","t1","cn","t2","ChevronIconSVG"],"mappings":";;;;;AAGO,MAAMA,cAAcC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,SAAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAD,EAAAA,EAAA;AAAC,IAAA,CAAA;AAAA,MAAAG,SAAAA;AAAAA,MAAA,GAAAC;AAAAA,KAAA,GAAAJ,EAAAA;AAGIC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAG,KAAAA;AAAAA,GAAA,MAAA;AAAAD,IAAAA,SAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,KAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AAIfE,IAAAA,EAAAA,GAAAC,EAAAA,CACT,uDACAH,SACF,CAAA;AAACF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAG,SAAAH,CAAAA,QAAAI,EAAAA,EAAA;AALHE,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAc,GACTJ,KAAAA,EACO,WAAAC,EAAAA,EAGV,CAAA;AACDJ,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OANFM,EAAAA;AAME;;;;"}
+{"version":3,"file":"ChevronIcon.js","sources":["../../../../src/components/widget/Icon/ChevronIcon.tsx"],"sourcesContent":["import { ReactComponent as ChevronIconSVG } from \"@/assets/chevron.svg\";\nimport { cn } from \"@/lib/utils\";\n\nexport const ChevronIcon = ({\n  className,\n  ...props\n}: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <ChevronIconSVG\n      {...props}\n      className={cn(\n        \"text-contrast-5 dark:text-contrast-6 cursor-pointer\",\n        className\n      )}\n    />\n  );\n};\n"],"names":["ChevronIcon","t0","$","_c","className","props","t1","cn","t2","ChevronIconSVG"],"mappings":";;;;;AAGO,MAAMA,cAAcC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,SAAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAD,EAAAA,EAAA;AAAC,IAAA,CAAA;AAAA,MAAAG,SAAAA;AAAAA,MAAA,GAAAC;AAAAA,KAAA,GAAAJ,EAAAA;AAGIC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAG,KAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAD,IAAAA,SAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,KAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AAIfE,IAAAA,EAAAA,GAAAC,EAAAA,CACT,uDACAH,SACF,CAAA;AAACF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAG,SAAAH,CAAAA,QAAAI,EAAAA,EAAA;AALHE,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAc,GACTJ,KAAAA,EACO,WAAAC,EAAAA,EAGV,CAAA;AACDJ,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OANFM,EAAAA;AAME;;;;"}

package/dist/components/widget/Icon/DeltaIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeltaIcon.js","sources":["../../../../src/components/widget/Icon/DeltaIcon.tsx"],"sourcesContent":["import { ReactComponent as DeltaSVG } from \"@/assets/delta.svg\";\n\nexport const DeltaIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <DeltaSVG {...props} />;\n};\n"],"names":["DeltaIcon","props","$","_c","t0","DeltaSVG"],"mappings":";;;;AAEO,MAAMA,YAAYC,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,CAAAA,QAAAD,KAAAA,EAAA;AAChBG,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAQ,GAAKJ,KAAAA,EAAK,CAAA;AAAIC,IAAAA,CAAAA,MAAAD,KAAAA;AAAAC,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAAvBE,EAAAA;AAAuB;;;;"}
+{"version":3,"file":"DeltaIcon.js","sources":["../../../../src/components/widget/Icon/DeltaIcon.tsx"],"sourcesContent":["import { ReactComponent as DeltaSVG } from \"@/assets/delta.svg\";\n\nexport const DeltaIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <DeltaSVG {...props} />;\n};\n"],"names":["DeltaIcon","props","$","_c","t0","DeltaSVG"],"mappings":";;;;AAEO,MAAMA,YAAYC,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,CAAAA,QAAAD,KAAAA,EAAA;AAChBG,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAQ,GAAKJ,KAAAA,EAAK,CAAA;AAAIC,IAAAA,CAAAA,MAAAD,KAAAA;AAAAC,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAAvBE,EAAAA;AAAuB;;;;"}

package/dist/components/widget/Icon/EllipseIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"EllipseIcon.js","sources":["../../../../src/components/widget/Icon/EllipseIcon.tsx"],"sourcesContent":["import { ReactComponent as EllipseSVG } from \"@/assets/ellipse.svg\";\n\nexport const EllipseIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <EllipseSVG {...props} />;\n};\n"],"names":["EllipseIcon","props","$","_c","t0","EllipseSVG"],"mappings":";;;;AAEO,MAAMA,cAAcC,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,CAAAA,QAAAD,KAAAA,EAAA;AAClBG,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAU,GAAKJ,KAAAA,EAAK,CAAA;AAAIC,IAAAA,CAAAA,MAAAD,KAAAA;AAAAC,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAAzBE,EAAAA;AAAyB;;;;"}
+{"version":3,"file":"EllipseIcon.js","sources":["../../../../src/components/widget/Icon/EllipseIcon.tsx"],"sourcesContent":["import { ReactComponent as EllipseSVG } from \"@/assets/ellipse.svg\";\n\nexport const EllipseIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <EllipseSVG {...props} />;\n};\n"],"names":["EllipseIcon","props","$","_c","t0","EllipseSVG"],"mappings":";;;;AAEO,MAAMA,cAAcC,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,CAAAA,QAAAD,KAAAA,EAAA;AAClBG,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAU,GAAKJ,KAAAA,EAAK,CAAA;AAAIC,IAAAA,CAAAA,MAAAD,KAAAA;AAAAC,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAAzBE,EAAAA;AAAyB;;;;"}

package/dist/components/widget/Icon/InfoIcon.d.ts

@@ -1,2 +1,2 @@
-export declare const InfoIcon: ({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoIcon: import('react').ForwardRefExoticComponent<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=InfoIcon.d.ts.map

package/dist/components/widget/Icon/InfoIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Icon/InfoIcon.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,GAAI,yBAGtB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,4CAO/B,CAAC"}
+{"version":3,"file":"InfoIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/Icon/InfoIcon.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,gJAWnB,CAAC"}

package/dist/components/widget/Icon/InfoIcon.js

@@ -2,9 +2,10 @@ import { jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { ReactComponent as ForwardRef } from '../../../assets/info.svg.js';
 import { cn } from '../../../lib/utils/index.js';
+import { forwardRef } from 'react';
 
-const InfoIcon = (t0) => {
-  const $ = distExports.c(8);
+const InfoIcon = forwardRef((t0, ref) => {
+  const $ = distExports.c(9);
   let className;
   let props;
   if ($[0] !== t0) {
@@ -28,16 +29,18 @@ const InfoIcon = (t0) => {
     t1 = $[4];
   }
   let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /* @__PURE__ */ jsx(ForwardRef, { ...props, className: t1 });
+  if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+    t2 = /* @__PURE__ */ jsx(ForwardRef, { ref, ...props, className: t1 });
     $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
+    $[6] = ref;
+    $[7] = t1;
+    $[8] = t2;
   } else {
-    t2 = $[7];
+    t2 = $[8];
   }
   return t2;
-};
+});
+InfoIcon.displayName = "InfoIcon";
 
 export { InfoIcon };
 //# sourceMappingURL=InfoIcon.js.map

package/dist/components/widget/Icon/InfoIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoIcon.js","sources":["../../../../src/components/widget/Icon/InfoIcon.tsx"],"sourcesContent":["import { ReactComponent as InfoSVG } from \"@/assets/info.svg\";\nimport { cn } from \"@/lib/utils\";\n\nexport const InfoIcon = ({\n  className,\n  ...props\n}: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <InfoSVG\n      {...props}\n      className={cn(\"fill-contrast-6 dark:fill-contrast-4\", className)}\n    />\n  );\n};\n"],"names":["InfoIcon","t0","$","_c","className","props","t1","cn","t2","InfoSVG"],"mappings":";;;;;AAGO,MAAMA,WAAWC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,SAAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAD,EAAAA,EAAA;AAAC,IAAA,CAAA;AAAA,MAAAG,SAAAA;AAAAA,MAAA,GAAAC;AAAAA,KAAA,GAAAJ,EAAAA;AAGOC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAG,KAAAA;AAAAA,GAAA,MAAA;AAAAD,IAAAA,SAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,KAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AAIfE,IAAAA,EAAAA,GAAAC,EAAAA,CAAG,wCAAwCH,SAAS,CAAA;AAACF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAG,SAAAH,CAAAA,QAAAI,EAAAA,EAAA;AAFlEE,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAO,GACFJ,KAAAA,EACO,WAAAC,EAAAA,EAAqD,CAAA;AAChEJ,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAHFM,EAAAA;AAGE;;;;"}
+{"version":3,"file":"InfoIcon.js","sources":["../../../../src/components/widget/Icon/InfoIcon.tsx"],"sourcesContent":["import { ReactComponent as InfoSVG } from \"@/assets/info.svg\";\nimport { cn } from \"@/lib/utils\";\nimport { forwardRef } from \"react\";\n\nexport const InfoIcon = forwardRef<\n  SVGSVGElement,\n  React.SVGProps<SVGSVGElement>\n>(({ className, ...props }, ref) => {\n  return (\n    <InfoSVG\n      ref={ref}\n      {...props}\n      className={cn(\"fill-contrast-6 dark:fill-contrast-4\", className)}\n    />\n  );\n});\n\nInfoIcon.displayName = \"InfoIcon\";\n"],"names":["InfoIcon","forwardRef","t0","ref","$","_c","className","props","t1","cn","t2","InfoSVG","displayName"],"mappings":";;;;;;AAIO,MAAMA,QAAAA,GAAWC,UAAAA,CAGtB,CAAAC,EAAAA,EAAAC,GAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,SAAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAF,EAAAA,EAAA;AAAC,IAAA,CAAA;AAAA,MAAAI,SAAAA;AAAAA,MAAA,GAAAC;AAAAA,KAAA,GAAAL,EAAAA;AAAuBE,IAAAA,CAAAA,MAAAF,EAAAA;AAAAE,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAG,KAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAD,IAAAA,SAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,KAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,SAAAA,EAAA;AAKTE,IAAAA,EAAAA,GAAAC,EAAAA,CAAG,wCAAwCH,SAAS,CAAA;AAACF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAG,KAAAA,IAAAH,CAAAA,QAAAD,GAAAA,IAAAC,CAAAA,CAAA,CAAA,CAAA,KAAAI,EAAAA,EAAA;AAHlEE,IAAAA,EAAAA,uBAACC,UAAA,EAAA,EACMR,GAAAA,EAAG,GACJI,KAAAA,EACO,WAAAC,EAAAA,EAAqD,CAAA;AAChEJ,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAD,GAAAA;AAAAC,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAJFM,EAAAA;AAIE,CAEL;AAEDV,QAAAA,CAASY,WAAAA,GAAc,UAAA;;;;"}

package/dist/components/widget/Icon/MarketIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketIcon.js","sources":["../../../../src/components/widget/Icon/MarketIcon.tsx"],"sourcesContent":["import { ReactComponent as MarketSVG } from \"@/assets/market.svg\";\n\nexport const MarketIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <MarketSVG {...props} />;\n};\n"],"names":["MarketIcon","props","$","_c","t0","MarketSVG"],"mappings":";;;;AAEO,MAAMA,aAAaC,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,CAAAA,QAAAD,KAAAA,EAAA;AACjBG,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAS,GAAKJ,KAAAA,EAAK,CAAA;AAAIC,IAAAA,CAAAA,MAAAD,KAAAA;AAAAC,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAAxBE,EAAAA;AAAwB;;;;"}
+{"version":3,"file":"MarketIcon.js","sources":["../../../../src/components/widget/Icon/MarketIcon.tsx"],"sourcesContent":["import { ReactComponent as MarketSVG } from \"@/assets/market.svg\";\n\nexport const MarketIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <MarketSVG {...props} />;\n};\n"],"names":["MarketIcon","props","$","_c","t0","MarketSVG"],"mappings":";;;;AAEO,MAAMA,aAAaC,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,CAAAA,QAAAD,KAAAA,EAAA;AACjBG,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAS,GAAKJ,KAAAA,EAAK,CAAA;AAAIC,IAAAA,CAAAA,MAAAD,KAAAA;AAAAC,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAAxBE,EAAAA;AAAwB;;;;"}

package/dist/components/widget/Icon/SliderIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderIcon.js","sources":["../../../../src/components/widget/Icon/SliderIcon.tsx"],"sourcesContent":["import { ReactComponent as SliderSVG } from \"@/assets/slider.svg\";\n\nexport const SliderIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <SliderSVG {...props} />;\n};\n"],"names":["SliderIcon","props","$","_c","t0","SliderSVG"],"mappings":";;;;AAEO,MAAMA,aAAaC,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,CAAAA,QAAAD,KAAAA,EAAA;AACjBG,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAS,GAAKJ,KAAAA,EAAK,CAAA;AAAIC,IAAAA,CAAAA,MAAAD,KAAAA;AAAAC,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAAxBE,EAAAA;AAAwB;;;;"}
+{"version":3,"file":"SliderIcon.js","sources":["../../../../src/components/widget/Icon/SliderIcon.tsx"],"sourcesContent":["import { ReactComponent as SliderSVG } from \"@/assets/slider.svg\";\n\nexport const SliderIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return <SliderSVG {...props} />;\n};\n"],"names":["SliderIcon","props","$","_c","t0","SliderSVG"],"mappings":";;;;AAEO,MAAMA,aAAaC,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAF,CAAAA,QAAAD,KAAAA,EAAA;AACjBG,IAAAA,EAAAA,mBAAA,GAAA,CAACC,UAAA,EAAA,EAAS,GAAKJ,KAAAA,EAAK,CAAA;AAAIC,IAAAA,CAAAA,MAAAD,KAAAA;AAAAC,IAAAA,CAAAA,MAAAE,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAAxBE,EAAAA;AAAwB;;;;"}

package/dist/components/widget/Line/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","sources":["../../../../src/components/widget/Line/Line.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\n\nexport const Line = ({\n  className,\n  vertical = false,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { vertical?: boolean }) => {\n  return (\n    <div\n      className={cn(\n        vertical\n          ? \"h-full w-[1px] bg-contrast-7 dark:bg-contrast-3\"\n          : \"w-full h-[1px] bg-contrast-7 dark:bg-contrast-3\",\n        className\n      )}\n      {...props}\n    />\n  );\n};\n"],"names":["Line","t0","$","_c","className","props","t1","vertical","undefined","t2","t3","cn","t4"],"mappings":";;;;AAEO,MAAMA,OAAOC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAA,EAAA,IAAAC,SAAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAD,EAAAA,EAAA;AAAC,IAAA,CAAA;AAAA,MAAAG,SAAAA;AAAAA,MAAAG,QAAAA,EAAAD,EAAAA;AAAAA,MAAA,GAAAD;AAAAA,KAAA,GAAAJ,EAAAA;AAI2CC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,GAAA,MAAA;AAAAF,IAAAA,SAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,KAAAA,GAAAH,EAAA,CAAA,CAAA;AAAAI,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA;AAF9D,EAAA,MAAAK,QAAAA,GAAAD,EAAAA,KAAgBE,MAAAA,WAAhBF,EAAAA;AAMM,EAAA,MAAAG,EAAAA,GAAAF,WACI,iDAAA,GACA,iDAAA;AAAiD,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAR,EAAA,CAAA,CAAA,KAAAE,aAAAF,CAAAA,QAAAO,EAAAA,EAAA;AAH5CC,IAAAA,EAAAA,GAAAC,EAAAA,CACTF,IAGAL,SACF,CAAA;AAACF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAO,EAAAA;AAAAP,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAU,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAG,SAAAH,CAAAA,QAAAQ,EAAAA,EAAA;AANHE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAF,EAAAA,EAKV,GACGL,KAAAA,EAAK,CAAA;AACTH,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OARFU,EAAAA;AAQE;;;;"}
+{"version":3,"file":"Line.js","sources":["../../../../src/components/widget/Line/Line.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\n\nexport const Line = ({\n  className,\n  vertical = false,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { vertical?: boolean }) => {\n  return (\n    <div\n      className={cn(\n        vertical\n          ? \"h-full w-[1px] bg-contrast-7 dark:bg-contrast-3\"\n          : \"w-full h-[1px] bg-contrast-7 dark:bg-contrast-3\",\n        className\n      )}\n      {...props}\n    />\n  );\n};\n"],"names":["Line","t0","$","_c","className","props","t1","vertical","undefined","t2","t3","cn","t4"],"mappings":";;;;AAEO,MAAMA,OAAOC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAA,EAAA,IAAAC,SAAAA;AAAA,EAAA,IAAAC,KAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAD,EAAAA,EAAA;AAAC,IAAA,CAAA;AAAA,MAAAG,SAAAA;AAAAA,MAAAG,QAAAA,EAAAD,EAAAA;AAAAA,MAAA,GAAAD;AAAAA,KAAA,GAAAJ,EAAAA;AAI2CC,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAF,IAAAA,SAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,KAAAA,GAAAH,EAAA,CAAA,CAAA;AAAAI,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAF9D,EAAA,MAAAK,QAAAA,GAAAD,EAAAA,KAAgBE,MAAAA,WAAhBF,EAAAA;AAMM,EAAA,MAAAG,EAAAA,GAAAF,WACI,iDAAA,GACA,iDAAA;AAAiD,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAR,EAAA,CAAA,CAAA,KAAAE,aAAAF,CAAAA,QAAAO,EAAAA,EAAA;AAH5CC,IAAAA,EAAAA,GAAAC,EAAAA,CACTF,IAGAL,SACF,CAAA;AAACF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAO,EAAAA;AAAAP,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAU,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAG,SAAAH,CAAAA,QAAAQ,EAAAA,EAAA;AANHE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAF,EAAAA,EAKV,GACGL,KAAAA,EAAK,CAAA;AACTH,IAAAA,CAAAA,MAAAG,KAAAA;AAAAH,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAR,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OARFU,EAAAA;AAQE;;;;"}

package/dist/components/widget/NetworkIcon/NetworkIconSquare.js

@@ -12,7 +12,7 @@ import { ReactComponent as ForwardRef$1 } from './assets/sqr/sonic.svg.js';
 import { ReactComponent as ForwardRef } from './assets/sqr/unichain.svg.js';
 import { cn } from '../../../lib/utils/index.js';
 import { isSupportedChainId } from '../../../lib/web3/wagmi/utils.js';
-import { useLogger } from '../../../widget/logger.js';
+import { useLogger } from '../../../core/logger.js';
 import { unichain, sonic, base, avalanche, arbitrum, polygon, gnosis, bsc, optimism, mainnet } from 'wagmi/chains';
 
 const iconsSqr = {

package/dist/components/widget/NetworkIcon/NetworkIconSquare.js.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkIconSquare.js","sources":["../../../../src/components/widget/NetworkIcon/NetworkIconSquare.tsx"],"sourcesContent":["import { ReactComponent as EthereumSqrSvg } from \"./assets/sqr/eth.svg\";\nimport { ReactComponent as OptimismSqrSvg } from \"./assets/sqr/optimism.svg\";\nimport { ReactComponent as ArbitrumSqrSvg } from \"./assets/sqr/arbitrum.svg\";\nimport { ReactComponent as PolygonSqrSvg } from \"./assets/sqr/polygon.svg\";\nimport { ReactComponent as BaseSqrSvg } from \"./assets/sqr/base.svg\";\nimport { ReactComponent as GnosisSqrSvg } from \"./assets/sqr/gnosis.svg\";\nimport { ReactComponent as AvalancheSqrSvg } from \"./assets/sqr/avalanche.svg\";\nimport { ReactComponent as BscSqrSvg } from \"./assets/sqr/bsc.svg\";\nimport { ReactComponent as SonicSqrSvg } from \"./assets/sqr/sonic.svg\";\nimport { ReactComponent as UnichainSqrSvg } from \"./assets/sqr/unichain.svg\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  arbitrum,\n  avalanche,\n  base,\n  bsc,\n  gnosis,\n  mainnet,\n  optimism,\n  polygon,\n  sonic,\n  unichain,\n} from \"@/lib/web3/wagmi/supportedChains\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport { useLogger } from \"@/widget/logger\";\n\nconst iconsSqr: Record<SupportedChainId, typeof EthereumSqrSvg> = {\n  [mainnet.id]: EthereumSqrSvg,\n  [optimism.id]: OptimismSqrSvg,\n  [bsc.id]: BscSqrSvg,\n  [gnosis.id]: GnosisSqrSvg,\n  [polygon.id]: PolygonSqrSvg,\n  [arbitrum.id]: ArbitrumSqrSvg,\n  [avalanche.id]: AvalancheSqrSvg,\n  [base.id]: BaseSqrSvg,\n  [sonic.id]: SonicSqrSvg,\n  [unichain.id]: UnichainSqrSvg,\n};\n\nexport const NetworkIconSquare = ({\n  networkId,\n  size = 12,\n  withBorder,\n  className,\n}: {\n  networkId: SupportedChainId;\n  size?: number;\n  withBorder?: boolean;\n  className?: string;\n}) => {\n  const logger = useLogger(\"NetworkIconSquare\");\n  let SvgIcon = isSupportedChainId(networkId) ? iconsSqr[networkId] : undefined;\n\n  if (!SvgIcon) {\n    logger.warn(`No icon found for network ID: ${networkId}`);\n    SvgIcon = EthereumSqrSvg; // Fallback to Ethereum icon\n  }\n\n  return (\n    <SvgIcon\n      width={size}\n      height={size}\n      className={cn(\n        {\n          \"border border-contrast-9 dark:border-contrast-4 rounded-[4px]\":\n            withBorder,\n        },\n        className\n      )}\n    />\n  );\n};\n"],"names":["iconsSqr","mainnet","id","EthereumSqrSvg","optimism","OptimismSqrSvg","bsc","BscSqrSvg","gnosis","GnosisSqrSvg","polygon","PolygonSqrSvg","arbitrum","ArbitrumSqrSvg","avalanche","AvalancheSqrSvg","base","BaseSqrSvg","sonic","SonicSqrSvg","unichain","UnichainSqrSvg","NetworkIconSquare","t0","$","_c","networkId","size","t1","withBorder","className","undefined","logger","useLogger","SvgIcon","isSupportedChainId","warn","T0","t2","cn","t3"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,MAAMA,QAAAA,GAA4D;AAAA,EAChE,CAACC,OAAAA,CAAQC,EAAE,GAAGC,YAAAA;AAAAA,EACd,CAACC,QAAAA,CAASF,EAAE,GAAGG,YAAAA;AAAAA,EACf,CAACC,GAAAA,CAAIJ,EAAE,GAAGK,YAAAA;AAAAA,EACV,CAACC,MAAAA,CAAON,EAAE,GAAGO,YAAAA;AAAAA,EACb,CAACC,OAAAA,CAAQR,EAAE,GAAGS,YAAAA;AAAAA,EACd,CAACC,QAAAA,CAASV,EAAE,GAAGW,YAAAA;AAAAA,EACf,CAACC,SAAAA,CAAUZ,EAAE,GAAGa,YAAAA;AAAAA,EAChB,CAACC,IAAAA,CAAKd,EAAE,GAAGe,YAAAA;AAAAA,EACX,CAACC,KAAAA,CAAMhB,EAAE,GAAGiB,YAAAA;AAAAA,EACZ,CAACC,QAAAA,CAASlB,EAAE,GAAGmB;AACjB,CAAA;AAEO,MAAMC,oBAAoBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,IAAAA,EAAAC,EAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAP,EAAAA;AAEhC,EAAA,MAAAI,IAAAA,GAAAC,EAAAA,KAASG,MAAAA,QAATH,EAAAA;AASA,EAAA,MAAAI,MAAAA,GAAeC,UAAU,mBAAmB,CAAA;AAC5C,EAAA,IAAAC,UAAcC,kBAAAA,CAAmBT,SAAS,CAAA,GAAC1B,QAAAA,CAAY0B,SAAS,CAAA,GAAAK,MAAAA;AAAc,EAAA,IAAA,CAEzEG,OAAAA,EAAO;AACVF,IAAAA,MAAAA,CAAMI,IAAAA,CAAM,CAAA,8BAAA,EAAiCV,SAAS,CAAA,CAAE,CAAA;AACxDQ,IAAAA,OAAAA,GAAAA,YAAAA;AAAAA;AAIC,EAAA,MAAAG,EAAAA,GAAAH,OAAAA;AAAO,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAd,EAAA,CAAA,CAAA,KAAAM,aAAAN,CAAAA,QAAAK,UAAAA,EAAA;AAGKS,IAAAA,EAAAA,GAAAC,EAAAA,CAAA;AAAA,MAAA,+DAAA,EAGLV;AAAAA,OAEJC,SACF,CAAA;AAACN,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAK,UAAAA;AAAAL,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,IAAAgB,EAAAA;AAAA,EAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAAU,OAAAA,IAAAV,CAAAA,QAAAG,IAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAc,EAAAA,EAAA;AATHE,IAAAA,EAAAA,uBAAC,EAAA,EAAA,EACQb,KAAAA,EAAAA,MACCA,MAAAA,EAAAA,IAAAA,EACG,WAAAW,EAAAA,EAMV,CAAA;AACDd,IAAAA,CAAAA,MAAAU,OAAAA;AAAAV,IAAAA,CAAAA,MAAAG,IAAAA;AAAAH,IAAAA,CAAAA,MAAAc,EAAAA;AAAAd,IAAAA,CAAAA,MAAAgB,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OAVFgB,EAAAA;AAUE;;;;"}
+{"version":3,"file":"NetworkIconSquare.js","sources":["../../../../src/components/widget/NetworkIcon/NetworkIconSquare.tsx"],"sourcesContent":["import { ReactComponent as EthereumSqrSvg } from \"./assets/sqr/eth.svg\";\nimport { ReactComponent as OptimismSqrSvg } from \"./assets/sqr/optimism.svg\";\nimport { ReactComponent as ArbitrumSqrSvg } from \"./assets/sqr/arbitrum.svg\";\nimport { ReactComponent as PolygonSqrSvg } from \"./assets/sqr/polygon.svg\";\nimport { ReactComponent as BaseSqrSvg } from \"./assets/sqr/base.svg\";\nimport { ReactComponent as GnosisSqrSvg } from \"./assets/sqr/gnosis.svg\";\nimport { ReactComponent as AvalancheSqrSvg } from \"./assets/sqr/avalanche.svg\";\nimport { ReactComponent as BscSqrSvg } from \"./assets/sqr/bsc.svg\";\nimport { ReactComponent as SonicSqrSvg } from \"./assets/sqr/sonic.svg\";\nimport { ReactComponent as UnichainSqrSvg } from \"./assets/sqr/unichain.svg\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  arbitrum,\n  avalanche,\n  base,\n  bsc,\n  gnosis,\n  mainnet,\n  optimism,\n  polygon,\n  sonic,\n  unichain,\n} from \"@/lib/web3/wagmi/supportedChains\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport { useLogger } from \"@/core/logger\";\n\nconst iconsSqr: Record<SupportedChainId, typeof EthereumSqrSvg> = {\n  [mainnet.id]: EthereumSqrSvg,\n  [optimism.id]: OptimismSqrSvg,\n  [bsc.id]: BscSqrSvg,\n  [gnosis.id]: GnosisSqrSvg,\n  [polygon.id]: PolygonSqrSvg,\n  [arbitrum.id]: ArbitrumSqrSvg,\n  [avalanche.id]: AvalancheSqrSvg,\n  [base.id]: BaseSqrSvg,\n  [sonic.id]: SonicSqrSvg,\n  [unichain.id]: UnichainSqrSvg,\n};\n\nexport const NetworkIconSquare = ({\n  networkId,\n  size = 12,\n  withBorder,\n  className,\n}: {\n  networkId: SupportedChainId;\n  size?: number;\n  withBorder?: boolean;\n  className?: string;\n}) => {\n  const logger = useLogger(\"NetworkIconSquare\");\n  let SvgIcon = isSupportedChainId(networkId) ? iconsSqr[networkId] : undefined;\n\n  if (!SvgIcon) {\n    logger.warn(`No icon found for network ID: ${networkId}`);\n    SvgIcon = EthereumSqrSvg; // Fallback to Ethereum icon\n  }\n\n  return (\n    <SvgIcon\n      width={size}\n      height={size}\n      className={cn(\n        {\n          \"border border-contrast-9 dark:border-contrast-4 rounded-[4px]\":\n            withBorder,\n        },\n        className\n      )}\n    />\n  );\n};\n"],"names":["iconsSqr","mainnet","id","EthereumSqrSvg","optimism","OptimismSqrSvg","bsc","BscSqrSvg","gnosis","GnosisSqrSvg","polygon","PolygonSqrSvg","arbitrum","ArbitrumSqrSvg","avalanche","AvalancheSqrSvg","base","BaseSqrSvg","sonic","SonicSqrSvg","unichain","UnichainSqrSvg","NetworkIconSquare","t0","$","_c","networkId","size","t1","withBorder","className","undefined","logger","useLogger","SvgIcon","isSupportedChainId","warn","T0","t2","cn","t3"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,MAAMA,QAAAA,GAA4D;AAAA,EAChE,CAACC,OAAAA,CAAQC,EAAE,GAAGC,YAAAA;AAAAA,EACd,CAACC,QAAAA,CAASF,EAAE,GAAGG,YAAAA;AAAAA,EACf,CAACC,GAAAA,CAAIJ,EAAE,GAAGK,YAAAA;AAAAA,EACV,CAACC,MAAAA,CAAON,EAAE,GAAGO,YAAAA;AAAAA,EACb,CAACC,OAAAA,CAAQR,EAAE,GAAGS,YAAAA;AAAAA,EACd,CAACC,QAAAA,CAASV,EAAE,GAAGW,YAAAA;AAAAA,EACf,CAACC,SAAAA,CAAUZ,EAAE,GAAGa,YAAAA;AAAAA,EAChB,CAACC,IAAAA,CAAKd,EAAE,GAAGe,YAAAA;AAAAA,EACX,CAACC,KAAAA,CAAMhB,EAAE,GAAGiB,YAAAA;AAAAA,EACZ,CAACC,QAAAA,CAASlB,EAAE,GAAGmB;AACjB,CAAA;AAEO,MAAMC,oBAAoBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,IAAAA,EAAAC,EAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAP,EAAAA;AAEhC,EAAA,MAAAI,IAAAA,GAAAC,EAAAA,KAASG,MAAAA,QAATH,EAAAA;AASA,EAAA,MAAAI,MAAAA,GAAeC,UAAU,mBAAmB,CAAA;AAC5C,EAAA,IAAAC,UAAcC,kBAAAA,CAAmBT,SAAS,CAAA,GAAC1B,QAAAA,CAAY0B,SAAS,CAAA,GAAAK,MAAAA;AAAc,EAAA,IAAA,CAEzEG,OAAAA,EAAO;AACVF,IAAAA,MAAAA,CAAMI,IAAAA,CAAM,CAAA,8BAAA,EAAiCV,SAAS,CAAA,CAAE,CAAA;AACxDQ,IAAAA,OAAAA,GAAAA,YAAAA;AAAAA,EAAO;AAIN,EAAA,MAAAG,EAAAA,GAAAH,OAAAA;AAAO,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAd,EAAA,CAAA,CAAA,KAAAM,aAAAN,CAAAA,QAAAK,UAAAA,EAAA;AAGKS,IAAAA,EAAAA,GAAAC,EAAAA,CAAA;AAAA,MAAA,+DAAA,EAGLV;AAAAA,OAEJC,SACF,CAAA;AAACN,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAK,UAAAA;AAAAL,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAgB,EAAAA;AAAA,EAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAAU,OAAAA,IAAAV,CAAAA,QAAAG,IAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAc,EAAAA,EAAA;AATHE,IAAAA,EAAAA,uBAAC,EAAA,EAAA,EACQb,KAAAA,EAAAA,MACCA,MAAAA,EAAAA,IAAAA,EACG,WAAAW,EAAAA,EAMV,CAAA;AACDd,IAAAA,CAAAA,MAAAU,OAAAA;AAAAV,IAAAA,CAAAA,MAAAG,IAAAA;AAAAH,IAAAA,CAAAA,MAAAc,EAAAA;AAAAd,IAAAA,CAAAA,MAAAgB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAVFgB,EAAAA;AAUE;;;;"}

package/dist/components/widget/NetworkSwitcher/CompactNetworkSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompactNetworkSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/NetworkSwitcher/CompactNetworkSwitcher.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA6BxE,CAAC"}
+{"version":3,"file":"CompactNetworkSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/NetworkSwitcher/CompactNetworkSwitcher.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAiCxE,CAAC"}

package/dist/components/widget/NetworkSwitcher/CompactNetworkSwitcher.js

@@ -4,12 +4,14 @@ import { NetworkWithIconAndChevron } from '../NetworkWithIcon/NetworkIconWithChe
 import { NetworkSwitcherDropdown } from './NetworkSwitcherDropdown.js';
 
 const CompactNetworkSwitcher = (t0) => {
-  const $ = distExports.c(10);
+  const $ = distExports.c(12);
   const {
     disabled,
     selectedNetwork,
     networks,
-    onSelect
+    onSelect,
+    dropdownProps,
+    networkDropdownClasses
   } = t0;
   let t1;
   if ($[0] !== disabled || $[1] !== selectedNetwork) {
@@ -33,15 +35,17 @@ const CompactNetworkSwitcher = (t0) => {
     return t22;
   }
   let t2;
-  if ($[5] !== iconWithChevron || $[6] !== networks || $[7] !== onSelect || $[8] !== selectedNetwork) {
-    t2 = /* @__PURE__ */ jsx(NetworkSwitcherDropdown, { selectedNetwork, networks, onSelect, menuTrigger: iconWithChevron });
-    $[5] = iconWithChevron;
-    $[6] = networks;
-    $[7] = onSelect;
-    $[8] = selectedNetwork;
-    $[9] = t2;
+  if ($[5] !== dropdownProps || $[6] !== iconWithChevron || $[7] !== networkDropdownClasses || $[8] !== networks || $[9] !== onSelect || $[10] !== selectedNetwork) {
+    t2 = /* @__PURE__ */ jsx(NetworkSwitcherDropdown, { selectedNetwork, networks, onSelect, menuTrigger: iconWithChevron, dropdownProps, classes: networkDropdownClasses });
+    $[5] = dropdownProps;
+    $[6] = iconWithChevron;
+    $[7] = networkDropdownClasses;
+    $[8] = networks;
+    $[9] = onSelect;
+    $[10] = selectedNetwork;
+    $[11] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[11];
   }
   return t2;
 };

package/dist/components/widget/NetworkSwitcher/CompactNetworkSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactNetworkSwitcher.js","sources":["../../../../src/components/widget/NetworkSwitcher/CompactNetworkSwitcher.tsx"],"sourcesContent":["import { NetworkWithIconAndChevron } from \"../NetworkWithIcon/NetworkIconWithChevron\";\nimport { NetworkSwitcherDropdown } from \"./NetworkSwitcherDropdown\";\nimport type { CompactNetworkSwitcherProps } from \"./types\";\n\nexport const CompactNetworkSwitcher: React.FC<CompactNetworkSwitcherProps> = ({\n  disabled,\n  selectedNetwork,\n  networks,\n  onSelect,\n}) => {\n  const iconWithChevron = (\n    <NetworkWithIconAndChevron\n      compact\n      networkId={selectedNetwork}\n      disabled={disabled}\n    />\n  );\n\n  if (disabled)\n    return (\n      <div className=\"flex items-center gap-1 cursor-not-allowed\">\n        {iconWithChevron}\n      </div>\n    );\n\n  return (\n    <NetworkSwitcherDropdown\n      selectedNetwork={selectedNetwork}\n      networks={networks}\n      onSelect={onSelect}\n      menuTrigger={iconWithChevron}\n    />\n  );\n};\n"],"names":["CompactNetworkSwitcher","t0","$","_c","disabled","selectedNetwork","networks","onSelect","t1","iconWithChevron","t2"],"mappings":";;;;;AAIO,MAAMA,yBAAgEC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAN,EAAAA;AAK7E,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAE,YAAAF,CAAAA,QAAAG,eAAAA,EAAA;AAEGG,IAAAA,EAAAA,uBAAC,yBAAA,EAAA,EACC,OAAA,QACWH,SAAAA,mBACDD,QAAAA,EAAQ,CAAA;AAClBF,IAAAA,CAAAA,MAAAE,QAAAA;AAAAF,IAAAA,CAAAA,MAAAG,eAAAA;AAAAH,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA;AALJ,EAAA,MAAAO,eAAAA,GACED,EAAAA;AAKA,EAAA,IAEEJ,QAAAA,EAAQ;AAAA,IAAA,IAAAM,GAAAA;AAAA,IAAA,IAAAR,CAAAA,QAAAO,eAAAA,EAAA;AAERC,MAAAA,GAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,8CACZD,QAAAA,EAAAA,eAAAA,EACH,CAAA;AAAMP,MAAAA,CAAAA,MAAAO,eAAAA;AAAAP,MAAAA,CAAAA,MAAAQ,GAAAA;AAAAA,KAAA,MAAA;AAAAA,MAAAA,GAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA;AAAA,IAAA,OAFNQ,GAAAA;AAAAA;AAEM,EAAA,IAAAA,EAAAA;AAAA,EAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAO,eAAAA,IAAAP,EAAA,CAAA,CAAA,KAAAI,QAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,QAAAG,eAAAA,EAAA;AAIRK,IAAAA,EAAAA,uBAAC,uBAAA,EAAA,EACkBL,eAAAA,EACPC,QAAAA,EACAC,QAAAA,EACGE,aAAAA,eAAAA,EAAe,CAAA;AAC5BP,IAAAA,CAAAA,MAAAO,eAAAA;AAAAP,IAAAA,CAAAA,MAAAI,QAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,QAAAA;AAAAL,IAAAA,CAAAA,MAAAG,eAAAA;AAAAH,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,GAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA;AAAA,EAAA,OALFQ,EAAAA;AAKE;;;;"}
+{"version":3,"file":"CompactNetworkSwitcher.js","sources":["../../../../src/components/widget/NetworkSwitcher/CompactNetworkSwitcher.tsx"],"sourcesContent":["import { NetworkWithIconAndChevron } from \"../NetworkWithIcon/NetworkIconWithChevron\";\nimport { NetworkSwitcherDropdown } from \"./NetworkSwitcherDropdown\";\nimport type { CompactNetworkSwitcherProps } from \"./types\";\n\nexport const CompactNetworkSwitcher: React.FC<CompactNetworkSwitcherProps> = ({\n  disabled,\n  selectedNetwork,\n  networks,\n  onSelect,\n  dropdownProps,\n  networkDropdownClasses,\n}) => {\n  const iconWithChevron = (\n    <NetworkWithIconAndChevron\n      compact\n      networkId={selectedNetwork}\n      disabled={disabled}\n    />\n  );\n\n  if (disabled)\n    return (\n      <div className=\"flex items-center gap-1 cursor-not-allowed\">\n        {iconWithChevron}\n      </div>\n    );\n\n  return (\n    <NetworkSwitcherDropdown\n      selectedNetwork={selectedNetwork}\n      networks={networks}\n      onSelect={onSelect}\n      menuTrigger={iconWithChevron}\n      dropdownProps={dropdownProps}\n      classes={networkDropdownClasses}\n    />\n  );\n};\n"],"names":["CompactNetworkSwitcher","t0","$","_c","disabled","selectedNetwork","networks","onSelect","dropdownProps","networkDropdownClasses","t1","iconWithChevron","t2"],"mappings":";;;;;AAIO,MAAMA,yBAAgEC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAR,EAAAA;AAO7E,EAAA,IAAAS,EAAAA;AAAA,EAAA,IAAAR,EAAA,CAAA,CAAA,KAAAE,YAAAF,CAAAA,QAAAG,eAAAA,EAAA;AAEGK,IAAAA,EAAAA,uBAAC,yBAAA,EAAA,EACC,OAAA,QACWL,SAAAA,mBACDD,QAAAA,EAAQ,CAAA;AAClBF,IAAAA,CAAAA,MAAAE,QAAAA;AAAAF,IAAAA,CAAAA,MAAAG,eAAAA;AAAAH,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AALJ,EAAA,MAAAS,eAAAA,GACED,EAAAA;AAKA,EAAA,IAEEN,QAAAA,EAAQ;AAAA,IAAA,IAAAQ,GAAAA;AAAA,IAAA,IAAAV,CAAAA,QAAAS,eAAAA,EAAA;AAERC,MAAAA,GAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,8CACZD,QAAAA,EAAAA,eAAAA,EACH,CAAA;AAAMT,MAAAA,CAAAA,MAAAS,eAAAA;AAAAT,MAAAA,CAAAA,MAAAU,GAAAA;AAAAA,IAAA,CAAA,MAAA;AAAAA,MAAAA,GAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,IAAA;AAAA,IAAA,OAFNU,GAAAA;AAAAA,EAEM;AAAA,EAAA,IAAAA,EAAAA;AAAA,EAAA,IAAAV,CAAAA,QAAAM,aAAAA,IAAAN,EAAA,CAAA,CAAA,KAAAS,eAAAA,IAAAT,CAAAA,CAAA,CAAA,CAAA,KAAAO,0BAAAP,CAAAA,CAAA,CAAA,CAAA,KAAAI,QAAAA,IAAAJ,CAAAA,QAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,eAAAA,EAAA;AAIRO,IAAAA,EAAAA,mBAAA,GAAA,CAAC,2BACkBP,eAAAA,EACPC,QAAAA,EACAC,UACGI,WAAAA,EAAAA,eAAAA,EACEH,aAAAA,EACNC,OAAAA,EAAAA,sBAAAA,EAAsB,CAAA;AAC/BP,IAAAA,CAAAA,MAAAM,aAAAA;AAAAN,IAAAA,CAAAA,MAAAS,eAAAA;AAAAT,IAAAA,CAAAA,MAAAO,sBAAAA;AAAAP,IAAAA,CAAAA,MAAAI,QAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,eAAAA;AAAAH,IAAAA,CAAAA,OAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAPFU,EAAAA;AAOE;;;;"}

package/dist/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NetworkSwitcherDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAW5D,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC5C,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,CAsEtD,CAAC"}
+{"version":3,"file":"NetworkSwitcherDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAW5D,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC5C,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAAC,CAwEtD,CAAC"}

package/dist/components/widget/NetworkSwitcher/NetworkSwitcherDropdown.js

@@ -11,7 +11,7 @@ const networkWithIconClasses = {
   name: "text-contrast-3 dark:text-contrast-6"
 };
 const NetworkSwitcherDropdown = (t0) => {
-  const $ = distExports.c(18);
+  const $ = distExports.c(19);
   const {
     networks,
     selectedNetwork,
@@ -19,7 +19,8 @@ const NetworkSwitcherDropdown = (t0) => {
     prefix,
     classes,
     menuTrigger: forcedMenuTrigger,
-    disabled
+    disabled,
+    dropdownProps
   } = t0;
   let t1;
   let t2;
@@ -80,16 +81,17 @@ const NetworkSwitcherDropdown = (t0) => {
   }
   const menuTrigger = t3;
   let t4;
-  if ($[14] !== disabled || $[15] !== items_0 || $[16] !== menuTrigger) {
+  if ($[14] !== disabled || $[15] !== dropdownProps || $[16] !== items_0 || $[17] !== menuTrigger) {
     t4 = disabled ? menuTrigger : /* @__PURE__ */ jsx(DropdownWithItems, { items: items_0, menuTrigger, classes: {
       trigger: "w-min text-nowrap"
-    } });
+    }, ...dropdownProps });
     $[14] = disabled;
-    $[15] = items_0;
-    $[16] = menuTrigger;
-    $[17] = t4;
+    $[15] = dropdownProps;
+    $[16] = items_0;
+    $[17] = menuTrigger;
+    $[18] = t4;
   } else {
-    t4 = $[17];
+    t4 = $[18];
   }
   return t4;
 };