@x-plat/design-system 0.1.4 → 0.2.0

package/dist/components/Pagination/index.css

@@ -4,6 +4,34 @@
   align-items: center;
   gap: 4px;
 }
+.lib-xplat-pagination.sm .dots {
+  width: 24px;
+  height: 24px;
+  font-size: 12px;
+}
+.lib-xplat-pagination.sm .page-btn {
+  min-width: 24px;
+  height: 24px;
+  font-size: 12px;
+}
+.lib-xplat-pagination.sm .page-btn svg {
+  width: 14px;
+  height: 14px;
+}
+.lib-xplat-pagination.lg .dots {
+  width: 40px;
+  height: 40px;
+  font-size: 16px;
+}
+.lib-xplat-pagination.lg .page-btn {
+  min-width: 40px;
+  height: 40px;
+  font-size: 16px;
+}
+.lib-xplat-pagination.lg .page-btn svg {
+  width: 20px;
+  height: 20px;
+}
 .lib-xplat-pagination .dots {
   display: flex;
   align-items: center;
@@ -11,7 +39,7 @@
   width: 32px;
   height: 32px;
   font-size: 14px;
-  color: #737373;
+  color: var(--xplat-neutral-500);
   user-select: none;
 }
 .lib-xplat-pagination .page-btn {
@@ -26,298 +54,20 @@
   background: none;
   font-size: 14px;
   cursor: pointer;
-  color: #404040;
+  color: var(--xplat-neutral-700);
   transition: background-color 0.2s, color 0.2s;
 }
 .lib-xplat-pagination .page-btn:hover:not(:disabled):not(.active) {
-  background-color: #F5F5F5;
+  background-color: var(--xplat-neutral-100);
 }
 .lib-xplat-pagination .page-btn:disabled {
   cursor: not-allowed;
   opacity: 0.4;
 }
 .lib-xplat-pagination .page-btn.active {
-  color: #FFFFFF;
+  color: var(--xplat-white);
   font-weight: 600;
-}
-.lib-xplat-pagination .page-btn.active.xplat-red-50 {
-  background-color: #FFF0F0;
-}
-.lib-xplat-pagination .page-btn.active.xplat-red-100 {
-  background-color: #FFDDDE;
-}
-.lib-xplat-pagination .page-btn.active.xplat-red-200 {
-  background-color: #FFC1C2;
-}
-.lib-xplat-pagination .page-btn.active.xplat-red-300 {
-  background-color: #FF9698;
-}
-.lib-xplat-pagination .page-btn.active.xplat-red-400 {
-  background-color: #FF5A5D;
-}
-.lib-xplat-pagination .page-btn.active.xplat-red-500 {
-  background-color: #FF272B;
-}
-.lib-xplat-pagination .page-btn.active.xplat-red-600 {
-  background-color: #F80409;
-}
-.lib-xplat-pagination .page-btn.active.xplat-red-700 {
-  background-color: #D40105;
-}
-.lib-xplat-pagination .page-btn.active.xplat-red-800 {
-  background-color: #AE0609;
-}
-.lib-xplat-pagination .page-btn.active.xplat-red-900 {
-  background-color: #900C0F;
-}
-.lib-xplat-pagination .page-btn.active.xplat-green-50 {
-  background-color: #E5F6EA;
-}
-.lib-xplat-pagination .page-btn.active.xplat-green-100 {
-  background-color: #C1E7CC;
-}
-.lib-xplat-pagination .page-btn.active.xplat-green-200 {
-  background-color: #98D8AC;
-}
-.lib-xplat-pagination .page-btn.active.xplat-green-300 {
-  background-color: #6CCA8B;
-}
-.lib-xplat-pagination .page-btn.active.xplat-green-400 {
-  background-color: #47BE72;
-}
-.lib-xplat-pagination .page-btn.active.xplat-green-500 {
-  background-color: #10B259;
-}
-.lib-xplat-pagination .page-btn.active.xplat-green-600 {
-  background-color: #00A34F;
-}
-.lib-xplat-pagination .page-btn.active.xplat-green-700 {
-  background-color: #009143;
-}
-.lib-xplat-pagination .page-btn.active.xplat-green-800 {
-  background-color: #007F38;
-}
-.lib-xplat-pagination .page-btn.active.xplat-green-900 {
-  background-color: #006024;
-}
-.lib-xplat-pagination .page-btn.active.xplat-orange-50 {
-  background-color: #FFF8EC;
-}
-.lib-xplat-pagination .page-btn.active.xplat-orange-100 {
-  background-color: #FFF0D3;
-}
-.lib-xplat-pagination .page-btn.active.xplat-orange-200 {
-  background-color: #FFDDA5;
-}
-.lib-xplat-pagination .page-btn.active.xplat-orange-300 {
-  background-color: #FFC46D;
-}
-.lib-xplat-pagination .page-btn.active.xplat-orange-400 {
-  background-color: #FF9F32;
-}
-.lib-xplat-pagination .page-btn.active.xplat-orange-500 {
-  background-color: #FF820A;
-}
-.lib-xplat-pagination .page-btn.active.xplat-orange-600 {
-  background-color: #FF6900;
-}
-.lib-xplat-pagination .page-btn.active.xplat-orange-700 {
-  background-color: #CC4B02;
-}
-.lib-xplat-pagination .page-btn.active.xplat-orange-800 {
-  background-color: #A13A0B;
-}
-.lib-xplat-pagination .page-btn.active.xplat-orange-900 {
-  background-color: #82320C;
-}
-.lib-xplat-pagination .page-btn.active.xplat-yellow-50 {
-  background-color: #FFFDE7;
-}
-.lib-xplat-pagination .page-btn.active.xplat-yellow-100 {
-  background-color: #FFFAC1;
-}
-.lib-xplat-pagination .page-btn.active.xplat-yellow-200 {
-  background-color: #FFF186;
-}
-.lib-xplat-pagination .page-btn.active.xplat-yellow-300 {
-  background-color: #FFE041;
-}
-.lib-xplat-pagination .page-btn.active.xplat-yellow-400 {
-  background-color: #FFCC0D;
-}
-.lib-xplat-pagination .page-btn.active.xplat-yellow-500 {
-  background-color: #F0B100;
-}
-.lib-xplat-pagination .page-btn.active.xplat-yellow-600 {
-  background-color: #D18800;
-}
-.lib-xplat-pagination .page-btn.active.xplat-yellow-700 {
-  background-color: #A66002;
-}
-.lib-xplat-pagination .page-btn.active.xplat-yellow-800 {
-  background-color: #894B0A;
-}
-.lib-xplat-pagination .page-btn.active.xplat-yellow-900 {
-  background-color: #743D0F;
-}
-.lib-xplat-pagination .page-btn.active.xplat-blue-50 {
-  background-color: #F1F4FD;
-}
-.lib-xplat-pagination .page-btn.active.xplat-blue-100 {
-  background-color: #DFE7FA;
-}
-.lib-xplat-pagination .page-btn.active.xplat-blue-200 {
-  background-color: #C5D4F8;
-}
-.lib-xplat-pagination .page-btn.active.xplat-blue-300 {
-  background-color: #9EB8F2;
-}
-.lib-xplat-pagination .page-btn.active.xplat-blue-400 {
-  background-color: #7093EA;
-}
-.lib-xplat-pagination .page-btn.active.xplat-blue-500 {
-  background-color: #4D6DE3;
-}
-.lib-xplat-pagination .page-btn.active.xplat-blue-600 {
-  background-color: #3950D7;
-}
-.lib-xplat-pagination .page-btn.active.xplat-blue-700 {
-  background-color: #303EC5;
-}
-.lib-xplat-pagination .page-btn.active.xplat-blue-800 {
-  background-color: #2D35A0;
-}
-.lib-xplat-pagination .page-btn.active.xplat-blue-900 {
-  background-color: #29317F;
-}
-.lib-xplat-pagination .page-btn.active.xplat-lightblue-50 {
-  background-color: #EEFAFF;
-}
-.lib-xplat-pagination .page-btn.active.xplat-lightblue-100 {
-  background-color: #D9F4FF;
-}
-.lib-xplat-pagination .page-btn.active.xplat-lightblue-200 {
-  background-color: #BBEDFF;
-}
-.lib-xplat-pagination .page-btn.active.xplat-lightblue-300 {
-  background-color: #8DE3FF;
-}
-.lib-xplat-pagination .page-btn.active.xplat-lightblue-400 {
-  background-color: #57D0FF;
-}
-.lib-xplat-pagination .page-btn.active.xplat-lightblue-500 {
-  background-color: #30B6FF;
-}
-.lib-xplat-pagination .page-btn.active.xplat-lightblue-600 {
-  background-color: #1999F7;
-}
-.lib-xplat-pagination .page-btn.active.xplat-lightblue-700 {
-  background-color: #1280E3;
-}
-.lib-xplat-pagination .page-btn.active.xplat-lightblue-800 {
-  background-color: #1566B8;
-}
-.lib-xplat-pagination .page-btn.active.xplat-lightblue-900 {
-  background-color: #175791;
-}
-.lib-xplat-pagination .page-btn.active.xplat-purple-50 {
-  background-color: #FBF6FE;
-}
-.lib-xplat-pagination .page-btn.active.xplat-purple-100 {
-  background-color: #F5EAFD;
-}
-.lib-xplat-pagination .page-btn.active.xplat-purple-200 {
-  background-color: #EDD8FC;
-}
-.lib-xplat-pagination .page-btn.active.xplat-purple-300 {
-  background-color: #E0BAF8;
-}
-.lib-xplat-pagination .page-btn.active.xplat-purple-400 {
-  background-color: #CD8DF3;
-}
-.lib-xplat-pagination .page-btn.active.xplat-purple-500 {
-  background-color: #B961EB;
-}
-.lib-xplat-pagination .page-btn.active.xplat-purple-600 {
-  background-color: #A541DC;
-}
-.lib-xplat-pagination .page-btn.active.xplat-purple-700 {
-  background-color: #9230C5;
-}
-.lib-xplat-pagination .page-btn.active.xplat-purple-800 {
-  background-color: #782B9E;
-}
-.lib-xplat-pagination .page-btn.active.xplat-purple-900 {
-  background-color: #62247F;
-}
-.lib-xplat-pagination .page-btn.active.xplat-pink-50 {
-  background-color: #FFF4FE;
-}
-.lib-xplat-pagination .page-btn.active.xplat-pink-100 {
-  background-color: #FFE7FD;
-}
-.lib-xplat-pagination .page-btn.active.xplat-pink-200 {
-  background-color: #FFCFFA;
-}
-.lib-xplat-pagination .page-btn.active.xplat-pink-300 {
-  background-color: #FEA9F1;
-}
-.lib-xplat-pagination .page-btn.active.xplat-pink-400 {
-  background-color: #FD75E7;
-}
-.lib-xplat-pagination .page-btn.active.xplat-pink-500 {
-  background-color: #F553DA;
-}
-.lib-xplat-pagination .page-btn.active.xplat-pink-600 {
-  background-color: #D821B6;
-}
-.lib-xplat-pagination .page-btn.active.xplat-pink-700 {
-  background-color: #B31892;
-}
-.lib-xplat-pagination .page-btn.active.xplat-pink-800 {
-  background-color: #921676;
-}
-.lib-xplat-pagination .page-btn.active.xplat-pink-900 {
-  background-color: #781761;
-}
-.lib-xplat-pagination .page-btn.active.xplat-neutral-50 {
-  background-color: #FAFAFA;
-}
-.lib-xplat-pagination .page-btn.active.xplat-neutral-100 {
-  background-color: #F5F5F5;
-}
-.lib-xplat-pagination .page-btn.active.xplat-neutral-200 {
-  background-color: #E5E5E5;
-}
-.lib-xplat-pagination .page-btn.active.xplat-neutral-300 {
-  background-color: #D4D4D4;
-}
-.lib-xplat-pagination .page-btn.active.xplat-neutral-400 {
-  background-color: #A1A1A1;
-}
-.lib-xplat-pagination .page-btn.active.xplat-neutral-500 {
-  background-color: #737373;
-}
-.lib-xplat-pagination .page-btn.active.xplat-neutral-600 {
-  background-color: #525252;
-}
-.lib-xplat-pagination .page-btn.active.xplat-neutral-700 {
-  background-color: #404040;
-}
-.lib-xplat-pagination .page-btn.active.xplat-neutral-800 {
-  background-color: #262626;
-}
-.lib-xplat-pagination .page-btn.active.xplat-neutral-900 {
-  background-color: #171717;
-}
-.lib-xplat-pagination .page-btn.active.xplat-black {
-  background-color: #000000;
-}
-.lib-xplat-pagination .page-btn.active.xplat-white {
-  background-color: #FFFFFF;
-}
-.lib-xplat-pagination .page-btn.active.test-default {
-  background-color: #ffffff;
+  background-color: var(--ds-color);
 }
 .lib-xplat-pagination .page-btn svg {
   width: 16px;

package/dist/components/Pagination/index.d.cts

@@ -1,132 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as ColorNamespace, a as ColorName, d as ColorProps } from '../../colors-BG91q_uV.cjs';
+import { a as ColorNamespace, b as ColorName, e as ColorProps } from '../../colors-DmMsWD7G.cjs';
 
+type PaginationSize = "sm" | "md" | "lg";
 interface PaginationProps<N extends ColorNamespace, C extends ColorName<N> = ColorName<N>> extends ColorProps<N, C> {
     current: number;
     total: number;
     pageSize?: number;
     siblingCount?: number;
     onChange?: (page: number) => void;
+    size?: PaginationSize;
     className?: string;
 }
 declare const Pagination: {
-    <N extends ColorNamespace = "xplat", C extends ColorName<N> = keyof {
-        readonly xplat: {
-            readonly red: {
-                readonly 50: "#FFF0F0";
-                readonly 100: "#FFDDDE";
-                readonly 200: "#FFC1C2";
-                readonly 300: "#FF9698";
-                readonly 400: "#FF5A5D";
-                readonly 500: "#FF272B";
-                readonly 600: "#F80409";
-                readonly 700: "#D40105";
-                readonly 800: "#AE0609";
-                readonly 900: "#900C0F";
-            };
-            readonly green: {
-                readonly 50: "#E5F6EA";
-                readonly 100: "#C1E7CC";
-                readonly 200: "#98D8AC";
-                readonly 300: "#6CCA8B";
-                readonly 400: "#47BE72";
-                readonly 500: "#10B259";
-                readonly 600: "#00A34F";
-                readonly 700: "#009143";
-                readonly 800: "#007F38";
-                readonly 900: "#006024";
-            };
-            readonly orange: {
-                readonly 50: "#FFF8EC";
-                readonly 100: "#FFF0D3";
-                readonly 200: "#FFDDA5";
-                readonly 300: "#FFC46D";
-                readonly 400: "#FF9F32";
-                readonly 500: "#FF820A";
-                readonly 600: "#FF6900";
-                readonly 700: "#CC4B02";
-                readonly 800: "#A13A0B";
-                readonly 900: "#82320C";
-            };
-            readonly yellow: {
-                readonly 50: "#FFFDE7";
-                readonly 100: "#FFFAC1";
-                readonly 200: "#FFF186";
-                readonly 300: "#FFE041";
-                readonly 400: "#FFCC0D";
-                readonly 500: "#F0B100";
-                readonly 600: "#D18800";
-                readonly 700: "#A66002";
-                readonly 800: "#894B0A";
-                readonly 900: "#743D0F";
-            };
-            readonly blue: {
-                readonly 50: "#F1F4FD";
-                readonly 100: "#DFE7FA";
-                readonly 200: "#C5D4F8";
-                readonly 300: "#9EB8F2";
-                readonly 400: "#7093EA";
-                readonly 500: "#4D6DE3";
-                readonly 600: "#3950D7";
-                readonly 700: "#303EC5";
-                readonly 800: "#2D35A0";
-                readonly 900: "#29317F";
-            };
-            readonly lightblue: {
-                readonly 50: "#EEFAFF";
-                readonly 100: "#D9F4FF";
-                readonly 200: "#BBEDFF";
-                readonly 300: "#8DE3FF";
-                readonly 400: "#57D0FF";
-                readonly 500: "#30B6FF";
-                readonly 600: "#1999F7";
-                readonly 700: "#1280E3";
-                readonly 800: "#1566B8";
-                readonly 900: "#175791";
-            };
-            readonly purple: {
-                readonly 50: "#FBF6FE";
-                readonly 100: "#F5EAFD";
-                readonly 200: "#EDD8FC";
-                readonly 300: "#E0BAF8";
-                readonly 400: "#CD8DF3";
-                readonly 500: "#B961EB";
-                readonly 600: "#A541DC";
-                readonly 700: "#9230C5";
-                readonly 800: "#782B9E";
-                readonly 900: "#62247F";
-            };
-            readonly pink: {
-                readonly 50: "#FFF4FE";
-                readonly 100: "#FFE7FD";
-                readonly 200: "#FFCFFA";
-                readonly 300: "#FEA9F1";
-                readonly 400: "#FD75E7";
-                readonly 500: "#F553DA";
-                readonly 600: "#D821B6";
-                readonly 700: "#B31892";
-                readonly 800: "#921676";
-                readonly 900: "#781761";
-            };
-            readonly neutral: {
-                readonly 50: "#FAFAFA";
-                readonly 100: "#F5F5F5";
-                readonly 200: "#E5E5E5";
-                readonly 300: "#D4D4D4";
-                readonly 400: "#A1A1A1";
-                readonly 500: "#737373";
-                readonly 600: "#525252";
-                readonly 700: "#404040";
-                readonly 800: "#262626";
-                readonly 900: "#171717";
-            };
-            readonly black: "#000000";
-            readonly white: "#FFFFFF";
-        };
-        readonly test: {
-            readonly default: "#ffffff";
-        };
-    }[N]>(props: PaginationProps<N, C>): react_jsx_runtime.JSX.Element;
+    <N extends ColorNamespace = "xplat", C extends ColorName<N> = ColorName<N>>(props: PaginationProps<N, C>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

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

@@ -1,132 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as ColorNamespace, a as ColorName, d as ColorProps } from '../../colors-BG91q_uV.js';
+import { a as ColorNamespace, b as ColorName, e as ColorProps } from '../../colors-DmMsWD7G.js';
 
+type PaginationSize = "sm" | "md" | "lg";
 interface PaginationProps<N extends ColorNamespace, C extends ColorName<N> = ColorName<N>> extends ColorProps<N, C> {
     current: number;
     total: number;
     pageSize?: number;
     siblingCount?: number;
     onChange?: (page: number) => void;
+    size?: PaginationSize;
     className?: string;
 }
 declare const Pagination: {
-    <N extends ColorNamespace = "xplat", C extends ColorName<N> = keyof {
-        readonly xplat: {
-            readonly red: {
-                readonly 50: "#FFF0F0";
-                readonly 100: "#FFDDDE";
-                readonly 200: "#FFC1C2";
-                readonly 300: "#FF9698";
-                readonly 400: "#FF5A5D";
-                readonly 500: "#FF272B";
-                readonly 600: "#F80409";
-                readonly 700: "#D40105";
-                readonly 800: "#AE0609";
-                readonly 900: "#900C0F";
-            };
-            readonly green: {
-                readonly 50: "#E5F6EA";
-                readonly 100: "#C1E7CC";
-                readonly 200: "#98D8AC";
-                readonly 300: "#6CCA8B";
-                readonly 400: "#47BE72";
-                readonly 500: "#10B259";
-                readonly 600: "#00A34F";
-                readonly 700: "#009143";
-                readonly 800: "#007F38";
-                readonly 900: "#006024";
-            };
-            readonly orange: {
-                readonly 50: "#FFF8EC";
-                readonly 100: "#FFF0D3";
-                readonly 200: "#FFDDA5";
-                readonly 300: "#FFC46D";
-                readonly 400: "#FF9F32";
-                readonly 500: "#FF820A";
-                readonly 600: "#FF6900";
-                readonly 700: "#CC4B02";
-                readonly 800: "#A13A0B";
-                readonly 900: "#82320C";
-            };
-            readonly yellow: {
-                readonly 50: "#FFFDE7";
-                readonly 100: "#FFFAC1";
-                readonly 200: "#FFF186";
-                readonly 300: "#FFE041";
-                readonly 400: "#FFCC0D";
-                readonly 500: "#F0B100";
-                readonly 600: "#D18800";
-                readonly 700: "#A66002";
-                readonly 800: "#894B0A";
-                readonly 900: "#743D0F";
-            };
-            readonly blue: {
-                readonly 50: "#F1F4FD";
-                readonly 100: "#DFE7FA";
-                readonly 200: "#C5D4F8";
-                readonly 300: "#9EB8F2";
-                readonly 400: "#7093EA";
-                readonly 500: "#4D6DE3";
-                readonly 600: "#3950D7";
-                readonly 700: "#303EC5";
-                readonly 800: "#2D35A0";
-                readonly 900: "#29317F";
-            };
-            readonly lightblue: {
-                readonly 50: "#EEFAFF";
-                readonly 100: "#D9F4FF";
-                readonly 200: "#BBEDFF";
-                readonly 300: "#8DE3FF";
-                readonly 400: "#57D0FF";
-                readonly 500: "#30B6FF";
-                readonly 600: "#1999F7";
-                readonly 700: "#1280E3";
-                readonly 800: "#1566B8";
-                readonly 900: "#175791";
-            };
-            readonly purple: {
-                readonly 50: "#FBF6FE";
-                readonly 100: "#F5EAFD";
-                readonly 200: "#EDD8FC";
-                readonly 300: "#E0BAF8";
-                readonly 400: "#CD8DF3";
-                readonly 500: "#B961EB";
-                readonly 600: "#A541DC";
-                readonly 700: "#9230C5";
-                readonly 800: "#782B9E";
-                readonly 900: "#62247F";
-            };
-            readonly pink: {
-                readonly 50: "#FFF4FE";
-                readonly 100: "#FFE7FD";
-                readonly 200: "#FFCFFA";
-                readonly 300: "#FEA9F1";
-                readonly 400: "#FD75E7";
-                readonly 500: "#F553DA";
-                readonly 600: "#D821B6";
-                readonly 700: "#B31892";
-                readonly 800: "#921676";
-                readonly 900: "#781761";
-            };
-            readonly neutral: {
-                readonly 50: "#FAFAFA";
-                readonly 100: "#F5F5F5";
-                readonly 200: "#E5E5E5";
-                readonly 300: "#D4D4D4";
-                readonly 400: "#A1A1A1";
-                readonly 500: "#737373";
-                readonly 600: "#525252";
-                readonly 700: "#404040";
-                readonly 800: "#262626";
-                readonly 900: "#171717";
-            };
-            readonly black: "#000000";
-            readonly white: "#FFFFFF";
-        };
-        readonly test: {
-            readonly default: "#ffffff";
-        };
-    }[N]>(props: PaginationProps<N, C>): react_jsx_runtime.JSX.Element;
+    <N extends ColorNamespace = "xplat", C extends ColorName<N> = ColorName<N>>(props: PaginationProps<N, C>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/components/Pagination/index.js

@@ -1031,7 +1031,7 @@ import { jsx as jsx293, jsxs as jsxs188 } from "react/jsx-runtime";
 // src/tokens/svg/validation/SuccessIcon.tsx
 import { jsx as jsx294 } from "react/jsx-runtime";
 
-// node_modules/clsx/dist/clsx.mjs
+// ../../node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -1081,6 +1081,7 @@ var Pagination = (props) => {
     pageSize = 10,
     siblingCount = 1,
     onChange,
+    size = "md",
     colorNamespace = "xplat",
     color = "blue",
     colorDepth,
@@ -1098,7 +1099,7 @@ var Pagination = (props) => {
       onChange?.(page);
     }
   };
-  return /* @__PURE__ */ jsxs189("nav", { className: clsx_default("lib-xplat-pagination", className), "aria-label": "\uD398\uC774\uC9C0 \uB124\uBE44\uAC8C\uC774\uC158", children: [
+  return /* @__PURE__ */ jsxs189("nav", { className: clsx_default("lib-xplat-pagination", size, className), "aria-label": "\uD398\uC774\uC9C0 \uB124\uBE44\uAC8C\uC774\uC158", children: [
     /* @__PURE__ */ jsx295(
       "button",
       {

package/dist/components/PopOver/index.cjs

@@ -100,7 +100,7 @@ var useClickOutside = (refs, handler, enabled = true) => {
 };
 var useClickOutside_default = useClickOutside;
 
-// node_modules/clsx/dist/clsx.mjs
+// ../../node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;

package/dist/components/PopOver/index.js

@@ -64,7 +64,7 @@ var useClickOutside = (refs, handler, enabled = true) => {
 };
 var useClickOutside_default = useClickOutside;
 
-// node_modules/clsx/dist/clsx.mjs
+// ../../node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;

package/dist/components/Progress/index.cjs

@@ -151,7 +151,7 @@ var getColorClass = (namespace, palette, shade) => {
   return `${String(namespace)}-${String(palette)}${hasShade ? `-${String(shade)}` : ""}`;
 };
 
-// node_modules/clsx/dist/clsx.mjs
+// ../../node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;