@deepnoid/ui 0.1.223 → 1.0.0

package/dist/components/button/icon-button.js

@@ -113,6 +113,352 @@ var import_tailwind_variants = require("tailwind-variants");
 // ../tailwind-config/src/plugin.ts
 var import_plugin = __toESM(require_plugin());
 
+// ../tailwind-config/src/colors/primitive-palette.ts
+var primitivePalette = {
+  bg: {
+    "01": "#040811",
+    "02": "#040811",
+    "03": "#14161E",
+    "04": "#070414",
+    "05": "#070C12",
+    "06": "#202123"
+  },
+  gray: {
+    cool: {
+      50: "#F7F7F8",
+      100: "#EEEEF0",
+      200: "#D8D9DF",
+      300: "#B6B8C3",
+      400: "#999CA9",
+      500: "#717486",
+      600: "#5B5E6E",
+      700: "#4A4C5A",
+      800: "#40424C",
+      900: "#36373F",
+      950: "#25252C"
+    },
+    warm: {
+      50: "#F6F6F6",
+      100: "#E7E7E7",
+      200: "#D1D1D1",
+      300: "#B0B0B0",
+      400: "#888888",
+      500: "#6D6D6D",
+      600: "#5D5D5D",
+      700: "#525252",
+      800: "#454545",
+      900: "#3D3D3D",
+      950: "#25252C"
+    }
+  },
+  opacity: {
+    white: {
+      "0": "#FFFFFF, 0",
+      5: "#FFFFFF, 5",
+      10: "#FFFFFF, 10",
+      20: "#FFFFFF, 20",
+      30: "#FFFFFF, 30",
+      40: "#FFFFFF, 40",
+      50: "#FFFFFF, 50",
+      60: "#FFFFFF, 60",
+      70: "#FFFFFF, 70",
+      80: "#FFFFFF, 80",
+      90: "#FFFFFF, 90"
+    },
+    black: {
+      "0": "#000000, 0",
+      5: "#000000, 5",
+      10: "#000000, 10",
+      20: "#000000, 20",
+      30: "#000000, 30",
+      40: "#000000, 40",
+      50: "#000000, 50",
+      60: "#000000, 60",
+      70: "#000000, 70",
+      80: "#000000, 80",
+      90: "#000000, 90"
+    }
+  },
+  red: {
+    50: "#FEF2F2",
+    100: "#FEE9E9",
+    200: "#FCCFD2",
+    300: "#F9A8AC",
+    400: "#F57780",
+    500: "#EC4757",
+    600: "#D82640",
+    700: "#B71934",
+    800: "#991832",
+    900: "#831831",
+    950: "#831831"
+  },
+  rose: {
+    50: "#FDF4F6",
+    100: "#F9E9EC",
+    200: "#F4D8DD",
+    300: "#E9B8C2",
+    400: "#DF96A6",
+    500: "#CB6881",
+    600: "#B54969",
+    700: "#973957",
+    800: "#7F324D",
+    900: "#6A2740",
+    950: "#3C1523"
+  },
+  hotPink: {
+    50: "#FDF2F7",
+    100: "#FDE6F0",
+    200: "#FCCEE3",
+    300: "#FBA6CA",
+    400: "#F76FA6",
+    500: "#F04485",
+    600: "#E2326C",
+    700: "#C21448",
+    800: "#A1133C",
+    900: "#861535",
+    950: "#52051B"
+  },
+  sepia: {
+    50: "#FCF5F4",
+    100: "#FAE9E9",
+    200: "#F5D6D7",
+    300: "#EDB4B6",
+    400: "#E28A8F",
+    500: "#D45F69",
+    600: "#BE4051",
+    700: "#9F3142",
+    800: "#862B3C",
+    900: "#6B2433",
+    950: "#320E15"
+  },
+  orange: {
+    50: "#FEF7EE",
+    100: "#FDEDD7",
+    200: "#F9D8AF",
+    300: "#F5BB7C",
+    400: "#F09447",
+    500: "#EC7723",
+    600: "#E15F19",
+    700: "#E15F19",
+    800: "#92391A",
+    900: "#763118",
+    950: "#40160A"
+  },
+  yellow: {
+    50: "#F9F2E5",
+    100: "#F5E6BC",
+    200: "#FFE9BC",
+    300: "#FFD174",
+    400: "#F8BE4A",
+    500: "#EAAD30",
+    600: "#D77908",
+    700: "#B2550B",
+    800: "#91420F",
+    900: "#773610",
+    950: "#441B04"
+  },
+  tree: {
+    50: "#F5F3F1",
+    100: "#E5E1DC",
+    200: "#CCC5BC",
+    300: "#AFA395",
+    400: "#978878",
+    500: "#907E6F",
+    600: "#756459",
+    700: "#5F4F49",
+    800: "#524541",
+    900: "#483D3B",
+    950: "#282120"
+  },
+  brown: {
+    50: "#F6F3F0",
+    100: "#F4EDEC",
+    200: "#EBDFDD",
+    300: "#DCC9C5",
+    400: "#C6A9A3",
+    500: "#B08983",
+    600: "#A27E77",
+    700: "#7F5D56",
+    800: "#6A4F4A",
+    900: "#5B4541",
+    950: "#2C1E1C"
+  },
+  lime: {
+    50: "#F7FFE5",
+    100: "#ECFFC7",
+    200: "#D9FF95",
+    300: "#BDFE58",
+    400: "#A1F524",
+    500: "#82DC06",
+    600: "#63B000",
+    700: "#4B8506",
+    800: "#3E690B",
+    900: "#34580F",
+    950: "#193102"
+  },
+  green: {
+    50: "#E7F3EB",
+    100: "#DFF9EA",
+    200: "#CEECDA",
+    300: "#9CD4B3",
+    400: "#6EC092",
+    500: "#3FA46B",
+    600: "#209754",
+    700: "#1E7745",
+    800: "#1D5E3A",
+    900: "#194E32",
+    950: "#082B19"
+  },
+  timberGreen: {
+    50: "#F1FCF5",
+    100: "#DFF9EA",
+    200: "#B5DACD",
+    300: "#8ABFAF",
+    400: "#60A18F",
+    500: "#468675",
+    600: "#366B5F",
+    700: "#2E574D",
+    800: "#2A4641",
+    900: "#1D2F2B",
+    950: "#11221E"
+  },
+  teal: {
+    50: "#E2F1F0",
+    100: "#C9EBE8",
+    200: "#C7E8E5",
+    300: "#8AD0D0",
+    400: "#67C4C4",
+    500: "#39A6A7",
+    600: "#258386",
+    700: "#1B666A",
+    800: "#1A5255",
+    900: "#1A4447",
+    950: "#09272A"
+  },
+  lightBlue: {
+    50: "#F2F8FD",
+    100: "#E3EFFB",
+    200: "#C1E0F6",
+    300: "#8BC6EE",
+    400: "#3DA2E1",
+    500: "#258FD2",
+    600: "#1771B2",
+    700: "#145A90",
+    800: "#154D77",
+    900: "#174163",
+    950: "#062C2D"
+  },
+  sea: {
+    50: "#F4F6FC",
+    100: "#E8EDF6",
+    200: "#CBD9EB",
+    300: "#9FB9DA",
+    400: "#6A93C5",
+    500: "#446FA4",
+    600: "#375D92",
+    700: "#2D4B77",
+    800: "#294163",
+    900: "#263954",
+    950: "#1A2537"
+  },
+  blue: {
+    50: "#F0F6FE",
+    100: "#DDEAFC",
+    200: "#C2DBFB",
+    300: "#98C5F8",
+    400: "#68A7F2",
+    500: "#377CEB",
+    600: "#2F68E1",
+    700: "#2754CE",
+    800: "#20429E",
+    900: "#1C2A52",
+    950: "#061132"
+  },
+  lightPurple: {
+    50: "#F6F5FD",
+    100: "#EEEDFA",
+    200: "#DDDCFD",
+    300: "#BDB9EC",
+    400: "#AAA1E4",
+    500: "#826CE3",
+    600: "#7250D7",
+    700: "#623DC4",
+    800: "#5133A4",
+    900: "#442B87",
+    950: "#291A5B"
+  }
+};
+
+// ../tailwind-config/src/colors/semantic-palette.ts
+var semanticPalette = {
+  primary: {
+    soft: { light: primitivePalette.blue[100], dark: primitivePalette.blue[950] },
+    light: { light: primitivePalette.blue[200], dark: primitivePalette.blue[900] },
+    main: { light: primitivePalette.blue[600], dark: primitivePalette.blue[600] },
+    dark: { light: primitivePalette.blue[800], dark: primitivePalette.blue[500] },
+    strong: { light: primitivePalette.blue[900], dark: primitivePalette.blue[200] }
+  },
+  secondary: {
+    soft: { light: primitivePalette.lightPurple[100], dark: primitivePalette.lightPurple[950] },
+    light: { light: primitivePalette.lightPurple[200], dark: primitivePalette.lightPurple[900] },
+    main: { light: primitivePalette.lightPurple[600], dark: primitivePalette.lightPurple[500] },
+    dark: { light: primitivePalette.lightPurple[800], dark: primitivePalette.lightPurple[700] },
+    strong: { light: primitivePalette.lightPurple[950], dark: primitivePalette.lightPurple[950] }
+  },
+  body: {
+    foreground: { light: primitivePalette.gray.cool[950], dark: primitivePalette.gray.cool[50] },
+    background: { light: primitivePalette.gray.cool[50], dark: primitivePalette.bg["06"] }
+  },
+  neutral: {
+    soft: { light: primitivePalette.gray.cool[100], dark: primitivePalette.gray.cool[900] },
+    light: { light: primitivePalette.gray.cool[200], dark: primitivePalette.gray.cool[700] },
+    main: { light: primitivePalette.gray.cool[400], dark: primitivePalette.gray.cool[400] },
+    dark: { light: primitivePalette.gray.cool[500], dark: primitivePalette.gray.cool[300] },
+    strong: { light: primitivePalette.gray.cool[700], dark: primitivePalette.gray.cool[200] }
+  },
+  trans: {
+    soft: { light: primitivePalette.opacity.black[5], dark: primitivePalette.opacity.white[5] },
+    light: { light: primitivePalette.opacity.black[10], dark: primitivePalette.opacity.white[10] },
+    main: { light: primitivePalette.opacity.black[20], dark: primitivePalette.opacity.white[20] },
+    dark: { light: primitivePalette.opacity.black[30], dark: primitivePalette.opacity.white[30] },
+    strong: { light: primitivePalette.opacity.black[60], dark: primitivePalette.opacity.black[60] }
+  },
+  common: {
+    black: { light: primitivePalette.gray.cool[950], dark: primitivePalette.gray.cool[950] },
+    white: { light: primitivePalette.gray.cool[50], dark: primitivePalette.gray.cool[50] },
+    transparent: { light: primitivePalette.opacity.white["0"], dark: primitivePalette.opacity.black["0"] },
+    hover: { light: primitivePalette.opacity.black[5], dark: primitivePalette.opacity.white[5] }
+  },
+  info: {
+    soft: { light: primitivePalette.teal[50], dark: primitivePalette.teal[950] },
+    light: { light: primitivePalette.teal[100], dark: primitivePalette.teal[900] },
+    main: { light: primitivePalette.teal[500], dark: primitivePalette.teal[500] },
+    dark: { light: primitivePalette.teal[600], dark: primitivePalette.teal[700] },
+    strong: { light: "", dark: "" }
+  },
+  success: {
+    soft: { light: primitivePalette.green[50], dark: primitivePalette.green[950] },
+    light: { light: primitivePalette.green[200], dark: primitivePalette.green[900] },
+    main: { light: primitivePalette.green[500], dark: primitivePalette.green[600] },
+    dark: { light: primitivePalette.green[600], dark: primitivePalette.green[700] },
+    strong: { light: "", dark: "" }
+  },
+  warning: {
+    soft: { light: primitivePalette.yellow[50], dark: primitivePalette.yellow[950] },
+    light: { light: primitivePalette.yellow[100], dark: primitivePalette.yellow[900] },
+    main: { light: primitivePalette.yellow[500], dark: primitivePalette.yellow[600] },
+    dark: { light: primitivePalette.yellow[600], dark: primitivePalette.yellow[700] },
+    strong: { light: "", dark: "" }
+  },
+  danger: {
+    soft: { light: primitivePalette.hotPink[50], dark: primitivePalette.hotPink[950] },
+    light: { light: primitivePalette.hotPink[200], dark: primitivePalette.hotPink[900] },
+    main: { light: primitivePalette.hotPink[500], dark: primitivePalette.hotPink[500] },
+    dark: { light: primitivePalette.hotPink[600], dark: primitivePalette.hotPink[700] },
+    strong: { light: "", dark: "" }
+  }
+};
+
 // ../tailwind-config/src/typography/font.ts
 var fontSize = {
   h1: [
@@ -316,7 +662,7 @@ var boxShadow = {
   "drop-sm": "0 4px 12px 0 rgba(0, 0, 0, 0.1)",
   "drop-md": "0 6px 18px 0 rgba(0, 0, 0, 0.1)",
   "drop-lg": "0 8px 24px 0 rgba(0, 0, 0, 0.1)",
-  "drop-xl": "0 10px 30px 0 rgba(0, 0, 0, 0.1)"
+  "drop-xl": "0 0px 60px 0 rgba(0, 0, 0, 0.2)"
 };
 
 // ../tailwind-config/src/border/radius.ts
@@ -325,8 +671,19 @@ var borderRadius = {
   md: "6px",
   lg: "8px",
   xl: "10px",
+  "2xl": "20px",
   none: "0",
-  full: "9999px"
+  full: "9999px",
+  2: "2px",
+  5: "5px"
+};
+
+// ../tailwind-config/src/border/width.ts
+var borderWidth = {
+  sm: "1px",
+  md: "1.25px",
+  lg: "1.5px",
+  xl: "1.75px"
 };
 
 // ../tailwind-config/src/space/gap.ts
@@ -334,7 +691,11 @@ var gap = {
   sm: "4px",
   md: "6px",
   lg: "8px",
-  xl: "10px"
+  xl: "10px",
+  5: "5px",
+  10: "10px",
+  20: "20px",
+  30: "30px"
 };
 
 // src/utils/tailwind-variants.ts
@@ -349,201 +710,746 @@ var tv = (0, import_tailwind_variants.createTV)({
       borderRadius: [{ rounded: [...typedKeys(borderRadius)] }],
       boxShadow: [{ shadow: [...typedKeys(boxShadow)] }],
       padding: [{ p: [...COMMON_SIZE] }],
-      gap: [{ gap: [...typedKeys(gap)] }]
+      gap: [{ gap: [...typedKeys(gap)] }],
+      borderWidth: [{ border: [...typedKeys(borderWidth)] }]
     }
   }
 });
 
-// src/utils/props.ts
-var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
-  if (!variantKeys) {
-    return [props, {}];
-  }
-  const picked = variantKeys.reduce((acc, key) => {
-    if (key in props) {
-      return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
-    }
-  }, {});
-  if (removeVariantProps) {
-    const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
-    return [omitted, picked];
-  } else {
-    return [props, picked];
-  }
-};
-
-// src/components/icon/template.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var template = {
-  "left-chevron": ({ className }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "18",
-        height: "18",
-        viewBox: "0 0 18 18",
-        fill: "none",
-        className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M11 13L7 9L11 5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
-      }
-    );
-  },
-  "right-chevron": ({ className }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "18",
-        height: "18",
-        viewBox: "0 0 18 18",
-        fill: "none",
-        className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 5L11 9L7 13", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
-      }
-    );
+// src/components/button/button.style.ts
+var buttonBaseStyle = tv({
+  slots: {
+    base: [
+      "relative",
+      "flex",
+      "items-center",
+      "justify-center",
+      "whitespace-nowrap",
+      "transition",
+      "duration-200",
+      "select-none",
+      "overflow-hidden",
+      "box-border",
+      "border",
+      "border-transparent"
+    ]
   },
-  "left-double-chevron": ({ className }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "18",
-        height: "18",
-        viewBox: "0 0 18 18",
-        fill: "none",
-        className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M13 5L8.55556 9L13 13M9.44444 5L5 9L9.44444 13",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
+  variants: {
+    variant: {
+      solid: [],
+      soft: [],
+      outline: [],
+      ghost: []
+    },
+    color: {
+      primary: [],
+      secondary: [],
+      neutral: [],
+      info: [],
+      success: [],
+      warning: [],
+      danger: []
+    },
+    disabled: {
+      true: {
+        base: ["!bg-neutral-soft", "!border-neutral-soft", "!text-neutral-light", "pointer-events-none"]
       }
-    );
-  },
-  "right-double-chevron": ({ className }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "18",
-        height: "18",
-        viewBox: "0 0 18 18",
-        fill: "none",
-        className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M5 5L9.44444 9L5 13M8.55556 5L13 9L8.55556 13",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
+    },
+    isInGroup: {
+      true: {
+        base: [
+          "[&:not(:first-child):not(:last-child)]:rounded-none",
+          "first:rounded-r-none",
+          "last:rounded-l-none",
+          "[&:not(:first-child)]:border-l-0"
+        ]
       }
-    );
+    }
   },
-  star: ({ className, fill }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "18",
-        height: "18",
-        viewBox: "0 0 18 18",
-        fill: "none",
-        className,
-        children: fill ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z",
-            fill: "currentColor"
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M8.65925 3.23957C8.68697 3.16871 8.73417 3.1081 8.79484 3.06544C8.85552 3.02278 8.92693 3 9 3C9.07306 3 9.14448 3.02278 9.20515 3.06544C9.26583 3.1081 9.31303 3.16871 9.34074 3.23957L10.7332 6.74977C10.7593 6.81546 10.8021 6.87233 10.857 6.91413C10.912 6.95594 10.9768 6.98105 11.0445 6.98672L14.6603 7.29028C14.9873 7.31775 15.1196 7.74563 14.8706 7.96883L12.1158 10.4427C12.0644 10.4888 12.026 10.5489 12.005 10.6164C11.984 10.6839 11.981 10.7561 11.9966 10.8252L12.8386 14.5236C12.8555 14.5978 12.8511 14.6756 12.8259 14.7471C12.8006 14.8187 12.7557 14.8808 12.6968 14.9257C12.6379 14.9705 12.5677 14.996 12.495 14.999C12.4222 15.002 12.3503 14.9824 12.2882 14.9425L9.19199 12.9611C9.13418 12.9241 9.06775 12.9045 9 12.9045C8.93225 12.9045 8.86581 12.9241 8.808 12.9611L5.71181 14.9432C5.64973 14.9831 5.57778 15.0027 5.50504 14.9997C5.43231 14.9967 5.36206 14.9712 5.30316 14.9263C5.24426 14.8815 5.19936 14.8194 5.17412 14.7478C5.14889 14.6763 5.14445 14.5985 5.16138 14.5243L6.00341 10.8252C6.01903 10.7561 6.01616 10.6838 5.99511 10.6164C5.97407 10.5489 5.93568 10.4888 5.88415 10.4427L3.12936 7.96883C3.07389 7.91927 3.03369 7.85357 3.01387 7.78005C2.99405 7.70652 2.9955 7.62849 3.01802 7.55583C3.04055 7.48317 3.08314 7.41915 3.1404 7.37188C3.19767 7.3246 3.26703 7.29621 3.33971 7.29028L6.95553 6.98672C7.02319 6.98105 7.08804 6.95594 7.14296 6.91413C7.19787 6.87233 7.24072 6.81546 7.26679 6.74977L8.65925 3.23957Z",
-            stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
+  compoundVariants: [
+    {
+      variant: "solid",
+      color: "primary",
+      class: {
+        base: [
+          "text-white",
+          "bg-primary-main",
+          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-primary-main)]",
+          "active:bg-primary-dark"
+        ]
       }
-    );
-  },
-  halfStar: ({ className }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "18",
-        height: "18",
-        viewBox: "0 0 18 18",
-        fill: "none",
-        className,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "half-clip", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "9", height: "18" }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "path",
-            {
-              fillRule: "evenodd",
-              clipRule: "evenodd",
-              fill: "currentColor",
-              d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z",
-              clipPath: "url(#half-clip)"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "path",
-            {
-              d: "M8.65925 3.23957C8.68697 3.16871 8.73417 3.1081 8.79484 3.06544C8.85552 3.02278 8.92693 3 9 3C9.07306 3 9.14448 3.02278 9.20515 3.06544C9.26583 3.1081 9.31303 3.16871 9.34074 3.23957L10.7332 6.74977C10.7593 6.81546 10.8021 6.87233 10.857 6.91413C10.912 6.95594 10.9768 6.98105 11.0445 6.98672L14.6603 7.29028C14.9873 7.31775 15.1196 7.74563 14.8706 7.96883L12.1158 10.4427C12.0644 10.4888 12.026 10.5489 12.005 10.6164C11.984 10.6839 11.981 10.7561 11.9966 10.8252L12.8386 14.5236C12.8555 14.5978 12.8511 14.6756 12.8259 14.7471C12.8006 14.8187 12.7557 14.8808 12.6968 14.9257C12.6379 14.9705 12.5677 14.996 12.495 14.999C12.4222 15.002 12.3503 14.9824 12.2882 14.9425L9.19199 12.9611C9.13418 12.9241 9.06775 12.9045 9 12.9045C8.93225 12.9045 8.86581 12.9241 8.808 12.9611L5.71181 14.9432C5.64973 14.9831 5.57778 15.0027 5.50504 14.9997C5.43231 14.9967 5.36206 14.9712 5.30316 14.9263C5.24426 14.8815 5.19936 14.8194 5.17412 14.7478C5.14889 14.6763 5.14445 14.5985 5.16138 14.5243L6.00341 10.8252C6.01903 10.7561 6.01616 10.6838 5.99511 10.6164C5.97407 10.5489 5.93568 10.4888 5.88415 10.4427L3.12936 7.96883C3.07389 7.91927 3.03369 7.85357 3.01387 7.78005C2.99405 7.70652 2.9955 7.62849 3.01802 7.55583C3.04055 7.48317 3.08314 7.41915 3.1404 7.37188C3.19767 7.3246 3.26703 7.29621 3.33971 7.29028L6.95553 6.98672C7.02319 6.98105 7.08804 6.95594 7.14296 6.91413C7.19787 6.87233 7.24072 6.81546 7.26679 6.74977L8.65925 3.23957Z",
-              stroke: "currentColor",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          )
+    },
+    {
+      variant: "solid",
+      color: "secondary",
+      class: {
+        base: [
+          "text-white",
+          "bg-secondary-main",
+          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-secondary-main)]",
+          "active:bg-secondary-dark"
         ]
       }
-    );
-  },
-  avatar: ({ className }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "svg",
-      {
-        width: "50",
-        height: "50",
-        viewBox: "0 0 50 50",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        xmlnsXlink: "http://www.w3.org/1999/xlink",
-        className,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { id: "Rectangle 6445", width: "50", height: "50", rx: "5", fill: "url(#pattern0_10_7240)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pattern", { id: "pattern0_10_7240", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("use", { xlinkHref: "#image0_10_7240", transform: "scale(0.00195312)" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "image",
-              {
-                id: "image0_10_7240",
-                width: "512",
-                height: "512",
-                preserveAspectRatio: "none",
-                xlinkHref: "data:image/png;base64,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"
-              }
-            )
-          ] })
+    },
+    {
+      variant: "solid",
+      color: "neutral",
+      class: {
+        base: [
+          "text-white",
+          "bg-neutral-main",
+          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-neutral-main)]",
+          "active:bg-neutral-dark"
         ]
       }
-    );
-  },
+    },
+    {
+      variant: "solid",
+      color: "info",
+      class: {
+        base: [
+          "text-white",
+          "bg-info-main",
+          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-info-main)]",
+          "active:bg-info-dark"
+        ]
+      }
+    },
+    {
+      variant: "solid",
+      color: "success",
+      class: {
+        base: [
+          "text-white",
+          "bg-success-main",
+          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-success-main)]",
+          "active:bg-success-dark"
+        ]
+      }
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      class: {
+        base: [
+          "text-white",
+          "bg-warning-main",
+          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-warning-main)]",
+          "active:bg-warning-dark"
+        ]
+      }
+    },
+    {
+      variant: "solid",
+      color: "danger",
+      class: {
+        base: [
+          "text-white",
+          "bg-danger-main",
+          "hover:[background:linear-gradient(0deg,var(--dn-trans-light)_0%,var(--dn-trans-light)_100%),var(--dn-danger-main)]",
+          "active:bg-danger-dark"
+        ]
+      }
+    },
+    // soft & color
+    {
+      variant: "soft",
+      color: "primary",
+      class: {
+        base: [
+          "text-primary-main",
+          "bg-primary-soft",
+          "border-primary-soft",
+          "hover:border-primary-light",
+          "active:bg-primary-light"
+        ]
+      }
+    },
+    {
+      variant: "soft",
+      color: "secondary",
+      class: {
+        base: [
+          "text-secondary-main",
+          "bg-secondary-soft",
+          "border-secondary-soft",
+          "hover:border-secondary-light",
+          "active:bg-secondary-light"
+        ]
+      }
+    },
+    {
+      variant: "soft",
+      color: "neutral",
+      class: {
+        base: [
+          "text-neutral-main",
+          "bg-neutral-soft",
+          "border-neutral-soft",
+          "hover:border-neutral-light",
+          "active:bg-neutral-light"
+        ]
+      }
+    },
+    {
+      variant: "soft",
+      color: "info",
+      class: {
+        base: ["text-info-main", "bg-info-soft", "border-info-soft", "hover:border-info-light", "active:bg-info-light"]
+      }
+    },
+    {
+      variant: "soft",
+      color: "success",
+      class: {
+        base: [
+          "text-success-main",
+          "bg-success-soft",
+          "border-success-soft",
+          "hover:border-success-light",
+          "active:bg-success-light"
+        ]
+      }
+    },
+    {
+      variant: "soft",
+      color: "warning",
+      class: {
+        base: [
+          "text-warning-main",
+          "bg-warning-soft",
+          "border-warning-soft",
+          "hover:border-warning-light",
+          "active:bg-warning-light"
+        ]
+      }
+    },
+    {
+      variant: "soft",
+      color: "danger",
+      class: {
+        base: [
+          "text-danger-main",
+          "bg-danger-soft",
+          "border-danger-soft",
+          "hover:border-danger-light",
+          "active:bg-danger-light"
+        ]
+      }
+    },
+    // outline & color
+    {
+      variant: "outline",
+      color: "primary",
+      class: {
+        base: [
+          "bg-body-background",
+          "border-primary-main",
+          "text-primary-main",
+          "hover:bg-primary-soft",
+          "active:bg-primary-light"
+        ]
+      }
+    },
+    {
+      variant: "outline",
+      color: "secondary",
+      class: {
+        base: [
+          "bg-body-background",
+          "border-secondary-main",
+          "text-secondary-main",
+          "hover:bg-secondary-soft",
+          "active:bg-secondary-light"
+        ]
+      }
+    },
+    {
+      variant: "outline",
+      color: "neutral",
+      class: {
+        base: [
+          "bg-body-background",
+          "border-neutral-main",
+          "text-neutral-main",
+          "hover:bg-neutral-soft",
+          "active:bg-neutral-light"
+        ]
+      }
+    },
+    {
+      variant: "outline",
+      color: "info",
+      class: {
+        base: [
+          "bg-body-background",
+          "border-info-main",
+          "text-info-main",
+          "hover:bg-info-soft",
+          "active:bg-info-light"
+        ]
+      }
+    },
+    {
+      variant: "outline",
+      color: "success",
+      class: {
+        base: [
+          "bg-body-background",
+          "border-success-main",
+          "text-success-main",
+          "hover:bg-success-soft",
+          "active:bg-success-light"
+        ]
+      }
+    },
+    {
+      variant: "outline",
+      color: "warning",
+      class: {
+        base: [
+          "bg-body-background",
+          "border-warning-main",
+          "text-warning-main",
+          "hover:bg-warning-soft",
+          "active:bg-warning-light"
+        ]
+      }
+    },
+    {
+      variant: "outline",
+      color: "danger",
+      class: {
+        base: [
+          "bg-body-background",
+          "border-danger-main",
+          "text-danger-main",
+          "hover:bg-danger-soft",
+          "active:bg-danger-light"
+        ]
+      }
+    },
+    // ghost & color
+    {
+      variant: "ghost",
+      color: "primary",
+      class: {
+        base: [
+          "text-primary-main",
+          "border-transparent",
+          "hover:bg-primary-soft",
+          "active:bg-primary-main",
+          "active:text-common-white"
+        ]
+      }
+    },
+    {
+      variant: "ghost",
+      color: "secondary",
+      class: {
+        base: [
+          "text-secondary-main",
+          "border-transparent",
+          "hover:bg-secondary-soft",
+          "active:bg-secondary-main",
+          "active:text-common-white"
+        ]
+      }
+    },
+    {
+      variant: "ghost",
+      color: "neutral",
+      class: {
+        base: [
+          "text-neutral-main",
+          "border-transparent",
+          "hover:bg-neutral-soft",
+          "active:bg-neutral-main",
+          "active:text-common-white"
+        ]
+      }
+    },
+    {
+      variant: "ghost",
+      color: "info",
+      class: {
+        base: [
+          "text-info-main",
+          "border-transparent",
+          "hover:bg-info-soft",
+          "active:bg-info-main",
+          "active:text-common-white"
+        ]
+      }
+    },
+    {
+      variant: "ghost",
+      color: "success",
+      class: {
+        base: [
+          "text-success-main",
+          "border-transparent",
+          "hover:bg-success-soft",
+          "active:bg-success-main",
+          "active:text-common-white"
+        ]
+      }
+    },
+    {
+      variant: "ghost",
+      color: "warning",
+      class: {
+        base: [
+          "text-warning-main",
+          "border-transparent",
+          "hover:bg-warning-soft",
+          "active:bg-warning-main",
+          "active:text-common-white"
+        ]
+      }
+    },
+    {
+      variant: "ghost",
+      color: "danger",
+      class: {
+        base: [
+          "text-danger-main",
+          "border-transparent",
+          "hover:bg-danger-soft",
+          "active:bg-danger-main",
+          "active:text-common-white"
+        ]
+      }
+    },
+    // variant && size
+    {
+      variant: ["soft", "outline"],
+      size: "sm",
+      class: {
+        base: ["border-sm"]
+      }
+    },
+    {
+      variant: ["soft", "outline"],
+      size: "md",
+      class: {
+        base: ["border-md"]
+      }
+    },
+    {
+      variant: ["soft", "outline"],
+      size: "lg",
+      class: {
+        base: ["border-lg"]
+      }
+    },
+    {
+      variant: ["soft", "outline"],
+      size: "xl",
+      class: {
+        base: ["border-xl"]
+      }
+    },
+    // variant && disabled
+    {
+      variant: ["soft", "ghost"],
+      disabled: true,
+      class: {
+        base: ["!border-neutral-soft"]
+      }
+    },
+    {
+      variant: ["outline"],
+      disabled: true,
+      class: {
+        base: ["!border-neutral-light"]
+      }
+    }
+  ]
+});
+
+// src/utils/props.ts
+var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
+  if (!variantKeys) {
+    return [props, {}];
+  }
+  const picked = variantKeys.reduce((acc, key) => {
+    if (key in props) {
+      return { ...acc, [key]: props[key] };
+    } else {
+      return acc;
+    }
+  }, {});
+  if (removeVariantProps) {
+    const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
+    return [omitted, picked];
+  } else {
+    return [props, picked];
+  }
+};
+
+// src/components/icon/template.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var template = {
+  left: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "21",
+        height: "21",
+        viewBox: "0 0 21 21",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M12.8333 15.1667L8.16667 10.5L12.8333 5.83334",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
+  "left-double": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "21",
+        height: "21",
+        viewBox: "0 0 21 21",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M15.1667 5.83334L9.98148 10.5L15.1667 15.1667M11.0185 5.83334L5.83334 10.5L11.0185 15.1667",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
+  right: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "21",
+        height: "21",
+        viewBox: "0 0 21 21",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M8.16666 5.83334L12.8333 10.5L8.16666 15.1667",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
+  "right-double": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "21",
+        height: "21",
+        viewBox: "0 0 21 21",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M5.83334 5.83334L11.0185 10.5L5.83334 15.1667M9.98149 5.83334L15.1667 10.5L9.98149 15.1667",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
+  "left-chevron": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M11 13L7 9L11 5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+      }
+    );
+  },
+  "right-chevron": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 5L11 9L7 13", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+      }
+    );
+  },
+  "left-double-chevron": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M13 5L8.55556 9L13 13M9.44444 5L5 9L9.44444 13",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
+  "right-double-chevron": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M5 5L9.44444 9L5 13M8.55556 5L13 9L8.55556 13",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
+  star: ({ className, fill }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: fill ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z",
+            fill: "currentColor"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M8.65925 3.23957C8.68697 3.16871 8.73417 3.1081 8.79484 3.06544C8.85552 3.02278 8.92693 3 9 3C9.07306 3 9.14448 3.02278 9.20515 3.06544C9.26583 3.1081 9.31303 3.16871 9.34074 3.23957L10.7332 6.74977C10.7593 6.81546 10.8021 6.87233 10.857 6.91413C10.912 6.95594 10.9768 6.98105 11.0445 6.98672L14.6603 7.29028C14.9873 7.31775 15.1196 7.74563 14.8706 7.96883L12.1158 10.4427C12.0644 10.4888 12.026 10.5489 12.005 10.6164C11.984 10.6839 11.981 10.7561 11.9966 10.8252L12.8386 14.5236C12.8555 14.5978 12.8511 14.6756 12.8259 14.7471C12.8006 14.8187 12.7557 14.8808 12.6968 14.9257C12.6379 14.9705 12.5677 14.996 12.495 14.999C12.4222 15.002 12.3503 14.9824 12.2882 14.9425L9.19199 12.9611C9.13418 12.9241 9.06775 12.9045 9 12.9045C8.93225 12.9045 8.86581 12.9241 8.808 12.9611L5.71181 14.9432C5.64973 14.9831 5.57778 15.0027 5.50504 14.9997C5.43231 14.9967 5.36206 14.9712 5.30316 14.9263C5.24426 14.8815 5.19936 14.8194 5.17412 14.7478C5.14889 14.6763 5.14445 14.5985 5.16138 14.5243L6.00341 10.8252C6.01903 10.7561 6.01616 10.6838 5.99511 10.6164C5.97407 10.5489 5.93568 10.4888 5.88415 10.4427L3.12936 7.96883C3.07389 7.91927 3.03369 7.85357 3.01387 7.78005C2.99405 7.70652 2.9955 7.62849 3.01802 7.55583C3.04055 7.48317 3.08314 7.41915 3.1404 7.37188C3.19767 7.3246 3.26703 7.29621 3.33971 7.29028L6.95553 6.98672C7.02319 6.98105 7.08804 6.95594 7.14296 6.91413C7.19787 6.87233 7.24072 6.81546 7.26679 6.74977L8.65925 3.23957Z",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  },
+  halfStar: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "half-clip", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "9", height: "18" }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              fill: "currentColor",
+              d: "M8.26603 3.51086C8.53733 2.82971 9.46267 2.82971 9.73397 3.51086L10.9948 6.67687L14.2674 6.95135C14.9723 7.01017 15.2582 7.92848 14.721 8.40913L12.2278 10.6398L12.989 13.9746C13.1531 14.6931 12.4052 15.2604 11.8021 14.8759L9 13.0886L6.19794 14.8759C5.59478 15.2604 4.84687 14.6925 5.01099 13.9746L5.77221 10.6398L3.27901 8.40913C2.74185 7.92848 3.02769 7.01017 3.73259 6.95135L7.00519 6.67687L8.26603 3.51086Z",
+              clipPath: "url(#half-clip)"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M8.65925 3.23957C8.68697 3.16871 8.73417 3.1081 8.79484 3.06544C8.85552 3.02278 8.92693 3 9 3C9.07306 3 9.14448 3.02278 9.20515 3.06544C9.26583 3.1081 9.31303 3.16871 9.34074 3.23957L10.7332 6.74977C10.7593 6.81546 10.8021 6.87233 10.857 6.91413C10.912 6.95594 10.9768 6.98105 11.0445 6.98672L14.6603 7.29028C14.9873 7.31775 15.1196 7.74563 14.8706 7.96883L12.1158 10.4427C12.0644 10.4888 12.026 10.5489 12.005 10.6164C11.984 10.6839 11.981 10.7561 11.9966 10.8252L12.8386 14.5236C12.8555 14.5978 12.8511 14.6756 12.8259 14.7471C12.8006 14.8187 12.7557 14.8808 12.6968 14.9257C12.6379 14.9705 12.5677 14.996 12.495 14.999C12.4222 15.002 12.3503 14.9824 12.2882 14.9425L9.19199 12.9611C9.13418 12.9241 9.06775 12.9045 9 12.9045C8.93225 12.9045 8.86581 12.9241 8.808 12.9611L5.71181 14.9432C5.64973 14.9831 5.57778 15.0027 5.50504 14.9997C5.43231 14.9967 5.36206 14.9712 5.30316 14.9263C5.24426 14.8815 5.19936 14.8194 5.17412 14.7478C5.14889 14.6763 5.14445 14.5985 5.16138 14.5243L6.00341 10.8252C6.01903 10.7561 6.01616 10.6838 5.99511 10.6164C5.97407 10.5489 5.93568 10.4888 5.88415 10.4427L3.12936 7.96883C3.07389 7.91927 3.03369 7.85357 3.01387 7.78005C2.99405 7.70652 2.9955 7.62849 3.01802 7.55583C3.04055 7.48317 3.08314 7.41915 3.1404 7.37188C3.19767 7.3246 3.26703 7.29621 3.33971 7.29028L6.95553 6.98672C7.02319 6.98105 7.08804 6.95594 7.14296 6.91413C7.19787 6.87233 7.24072 6.81546 7.26679 6.74977L8.65925 3.23957Z",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
+  avatar: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        width: "50",
+        height: "50",
+        viewBox: "0 0 50 50",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { id: "Rectangle 6445", width: "50", height: "50", rx: "5", fill: "url(#pattern0_10_7240)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pattern", { id: "pattern0_10_7240", patternContentUnits: "objectBoundingBox", width: "1", height: "1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("use", { xlinkHref: "#image0_10_7240", transform: "scale(0.00195312)" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "image",
+              {
+                id: "image0_10_7240",
+                width: "512",
+                height: "512",
+                preserveAspectRatio: "none",
+                xlinkHref: "data:image/png;base64,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"
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  },
   dashboard: ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
@@ -1762,46 +2668,6 @@ var template = {
       }
     );
   },
-  left: ({ className }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "22",
-        height: "22",
-        viewBox: "0 0 22 22",
-        fill: "none",
-        className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M14.4955 7.21404C14.4957 7.26442 14.4957 7.26442 14.4959 7.31582C14.4962 7.40882 14.4962 7.50182 14.496 7.59482C14.496 7.69521 14.4962 7.79559 14.4965 7.89598C14.4969 8.09257 14.497 8.28915 14.4969 8.48574C14.4968 8.64555 14.4969 8.80536 14.497 8.96516C14.4971 8.98791 14.4971 9.01066 14.4971 9.0341C14.4971 9.08032 14.4972 9.12653 14.4972 9.17275C14.4976 9.60613 14.4975 10.0395 14.4973 10.4729C14.4971 10.8692 14.4975 11.2656 14.4981 11.6619C14.4988 12.069 14.499 12.4761 14.4989 12.8832C14.4989 13.1117 14.4989 13.3402 14.4994 13.5687C14.4998 13.7633 14.4998 13.9578 14.4994 14.1524C14.4992 14.2516 14.4992 14.3508 14.4996 14.45C14.4999 14.5577 14.4997 14.6653 14.4993 14.7729C14.4995 14.8042 14.4997 14.8354 14.5 14.8676C14.4981 15.094 14.4635 15.2952 14.2769 15.4694C14.0633 15.6269 13.8501 15.6664 13.574 15.6667C13.3359 15.6312 13.1607 15.5177 12.9847 15.381C12.9446 15.3506 12.9044 15.3202 12.8642 15.2898C12.8338 15.2666 12.8338 15.2666 12.8028 15.2429C12.7059 15.1692 12.6076 15.0969 12.5094 15.0246C12.4807 15.0034 12.4807 15.0034 12.4515 14.9819C12.3238 14.8875 12.1955 14.7936 12.0669 14.7C11.8604 14.5497 11.6552 14.3982 11.4501 14.2465C11.3539 14.1754 11.2577 14.1043 11.1615 14.0332C11.1231 14.0048 11.0847 13.9765 11.0462 13.9481C11.0177 13.927 11.0177 13.927 10.9886 13.9055C10.1627 13.2955 9.33686 12.6854 8.51098 12.0753C8.49194 12.0613 8.47291 12.0472 8.45329 12.0328C8.41508 12.0045 8.37691 11.9762 8.33878 11.9479C8.23994 11.8746 8.14044 11.8021 8.03961 11.7309C7.56492 11.3929 7.56492 11.3929 7.50676 11.139C7.48169 10.8947 7.5218 10.7077 7.70431 10.5165C7.82684 10.4027 7.96443 10.3072 8.1052 10.2107C8.19396 10.1488 8.27857 10.0845 8.36282 10.0181C8.5044 9.90695 8.65122 9.80273 8.80011 9.69893C8.88704 9.63693 8.97086 9.57289 9.05425 9.50739C9.19583 9.3962 9.34265 9.29198 9.49154 9.18818C9.57847 9.12618 9.6623 9.06214 9.74569 8.99664C9.88726 8.88544 10.0341 8.78123 10.183 8.67742C10.2699 8.61542 10.3537 8.55139 10.4371 8.48589C10.5787 8.37469 10.7255 8.27048 10.8744 8.16667C10.9613 8.10467 11.0452 8.04064 11.1286 7.97514C11.2379 7.88937 11.3491 7.80701 11.464 7.72686C11.676 7.57888 11.881 7.42428 12.0868 7.26992C12.2036 7.18255 12.321 7.09588 12.4386 7.00934C12.5366 6.93723 12.6341 6.8648 12.7311 6.7917C13.3456 6.32986 13.3456 6.32986 13.7814 6.33404C13.9843 6.35117 14.1418 6.41415 14.2854 6.53943C14.4816 6.75169 14.4966 6.95069 14.4955 7.21404Z",
-            fill: "currentColor"
-          }
-        )
-      }
-    );
-  },
-  right: ({ className }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "22",
-        height: "22",
-        viewBox: "0 0 22 22",
-        fill: "none",
-        className,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M7.50447 7.21404C7.50428 7.26442 7.50428 7.26442 7.50409 7.31582C7.50381 7.40882 7.50383 7.50182 7.50397 7.59482C7.50405 7.69521 7.50375 7.79559 7.5035 7.89598C7.50308 8.09257 7.50303 8.28915 7.5031 8.48574C7.50316 8.64555 7.5031 8.80536 7.50296 8.96516C7.50294 8.98791 7.50292 9.01066 7.5029 9.0341C7.50286 9.08032 7.50282 9.12653 7.50278 9.17275C7.50243 9.60613 7.5025 10.0395 7.5027 10.4729C7.50287 10.8692 7.5025 11.2656 7.50187 11.6619C7.50123 12.069 7.50096 12.4761 7.50109 12.8832C7.50115 13.1117 7.50107 13.3402 7.5006 13.5687C7.50021 13.7633 7.50016 13.9578 7.50056 14.1524C7.50076 14.2516 7.50079 14.3508 7.5004 14.45C7.50005 14.5577 7.50032 14.6653 7.50074 14.7729C7.50049 14.8042 7.50025 14.8354 7.5 14.8676C7.50185 15.094 7.53645 15.2952 7.72309 15.4694C7.93671 15.6269 8.14985 15.6664 8.42597 15.6667C8.66414 15.6312 8.8393 15.5177 9.01528 15.381C9.05544 15.3506 9.09561 15.3202 9.13579 15.2898C9.16617 15.2666 9.16617 15.2666 9.19716 15.2429C9.29408 15.1692 9.39237 15.0969 9.49064 15.0246C9.51926 15.0034 9.51926 15.0034 9.54847 14.9819C9.67623 14.8875 9.80451 14.7936 9.93307 14.7C10.1396 14.5497 10.3448 14.3982 10.5499 14.2465C10.6461 14.1754 10.7423 14.1043 10.8385 14.0332C10.8769 14.0048 10.9153 13.9765 10.9538 13.9481C10.9823 13.927 10.9823 13.927 11.0114 13.9055C11.8373 13.2955 12.6631 12.6854 13.489 12.0753C13.5081 12.0613 13.5271 12.0472 13.5467 12.0328C13.5849 12.0045 13.6231 11.9762 13.6612 11.9479C13.7601 11.8746 13.8596 11.8021 13.9604 11.7309C14.4351 11.3929 14.4351 11.3929 14.4932 11.139C14.5183 10.8947 14.4782 10.7077 14.2957 10.5165C14.1732 10.4027 14.0356 10.3072 13.8948 10.2107C13.806 10.1488 13.7214 10.0845 13.6372 10.0181C13.4956 9.90695 13.3488 9.80273 13.1999 9.69893C13.113 9.63693 13.0291 9.57289 12.9457 9.50739C12.8042 9.3962 12.6573 9.29198 12.5085 9.18818C12.4215 9.12618 12.3377 9.06214 12.2543 8.99664C12.1127 8.88544 11.9659 8.78123 11.817 8.67742C11.7301 8.61542 11.6463 8.55139 11.5629 8.48589C11.4213 8.37469 11.2745 8.27048 11.1256 8.16667C11.0387 8.10467 10.9548 8.04064 10.8714 7.97514C10.7621 7.88937 10.6509 7.80701 10.536 7.72686C10.324 7.57888 10.119 7.42428 9.9132 7.26992C9.79643 7.18255 9.67897 7.09588 9.56138 7.00934C9.46343 6.93723 9.36586 6.8648 9.26891 6.7917C8.65441 6.32986 8.65441 6.32986 8.21864 6.33404C8.01565 6.35117 7.85817 6.41415 7.7146 6.53943C7.51841 6.75169 7.50343 6.95069 7.50447 7.21404Z",
-            fill: "currentColor"
-          }
-        )
-      }
-    );
-  },
   "brace-left": ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
@@ -2111,6 +2977,20 @@ var template = {
       }
     );
   },
+  polygon: ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        className,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "12 4 20 9 20 15 12 20 4 15 4 9", stroke: "currentColor", strokeWidth: "2" })
+      }
+    );
+  },
   "new-window": ({ className }) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "svg",
@@ -5224,25 +6104,26 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var Icon = ({ name, size = "md", fill = false, className, onClick, ...props }) => {
   const SVGIcon = template[name];
   const getInputIconSize = (size2) => {
-    switch (size2) {
+    switch (String(size2)) {
       case "sm":
-        return "size-[18px]";
+        return "w-[18px] h-[18px]";
       case "md":
-        return "size-[21px] stroke-[1.25px]";
+        return "w-[21px] h-[21px] stroke-[1.25px]";
       case "lg":
-        return "size-[24px] stroke-[1.5px]";
+        return "w-[24px] h-[24px] stroke-[1.5px]";
       case "xl":
-        return "size-[27px] stroke-[1.5px]";
+        return "w-[27px] h-[27px] stroke-[1.5px]";
+      case "20":
+        return "w-[20px] h-[20px] stroke-[1.25px]";
+      case "30":
+        return "w-[30px] h-[30px] stroke-[1.5px]";
+      case "40":
+        return "w-[40px] h-[40px] stroke-[2px]";
+      default:
+        return "w-[21px] h-[21px] stroke-[1.25px]";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "h-fit w-fit", onClick, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    SVGIcon,
-    {
-      fill,
-      className: className ? `${getInputIconSize(size)} ${className}` : `${getInputIconSize(size)}`,
-      ...props
-    }
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `m-0 flex items-center justify-center p-0 ${className}`, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SVGIcon, { fill, className: getInputIconSize(size), ...props }) });
 };
 var Icon_default = Icon;
 
@@ -5316,7 +6197,7 @@ function useRipple(props = {}) {
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var IconButton = (0, import_react2.forwardRef)((props, ref) => {
   const [localProps, variantProps] = mapPropsVariants(props, iconButtonStyle.variantKeys);
-  const { classNames, name, disableRipple, disabled, isLoading, size, full, isInGroup, onMouseDown, ...buttonProps } = {
+  const { classNames, name, disableRipple, disabled, isLoading, size, isInGroup, onMouseDown, ...buttonProps } = {
     ...localProps,
     ...variantProps
   };
@@ -5357,36 +6238,8 @@ var IconButton = (0, import_react2.forwardRef)((props, ref) => {
 IconButton.displayName = "IconButton";
 var icon_button_default = IconButton;
 var iconButtonStyle = tv({
-  slots: {
-    base: [
-      "relative",
-      "flex",
-      "items-center",
-      "justify-center",
-      "whitespace-nowrap",
-      "transition",
-      "duration-200",
-      "select-none",
-      "overflow-hidden",
-      "box-border"
-    ]
-  },
+  extend: buttonBaseStyle,
   variants: {
-    variant: {
-      solid: [],
-      soft: [],
-      outline: [],
-      ghost: []
-    },
-    color: {
-      primary: [],
-      secondary: [],
-      neutral: [],
-      info: [],
-      success: [],
-      warning: [],
-      danger: []
-    },
     size: {
       sm: {
         base: ["w-[24px]", "h-[24px]", "rounded-sm"]
@@ -5401,270 +6254,15 @@ var iconButtonStyle = tv({
         base: ["w-[50px]", "h-[50px]", "rounded-xl"]
       }
     },
-    isLoading: {
-      true: {}
-    },
-    disabled: {
+    full: {
       true: {
-        base: ["!bg-neutral-soft", "!border-neutral-soft", "!text-neutral-light", "pointer-events-none"]
+        base: ["w-full", "h-full"]
       }
     },
-    isInGroup: {
-      true: {
-        base: [
-          "[&:not(:first-child):not(:last-child)]:rounded-none",
-          "first:rounded-r-none",
-          "last:rounded-l-none",
-          "[&:not(:first-child)]:border-l-0"
-        ]
-      }
+    isLoading: {
+      true: {}
     }
   },
-  compoundVariants: [
-    {
-      variant: "solid",
-      color: "primary",
-      class: {
-        base: ["text-white", "bg-primary-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "secondary",
-      class: {
-        base: ["text-white", "bg-secondary-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "neutral",
-      class: {
-        base: ["text-white", "bg-neutral-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "info",
-      class: {
-        base: ["text-white", "bg-info-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "success",
-      class: {
-        base: ["text-white", "bg-success-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "warning",
-      class: {
-        base: ["text-white", "bg-warning-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    {
-      variant: "solid",
-      color: "danger",
-      class: {
-        base: ["text-white", "bg-danger-main", "hover:bg-gradient-to-t", "hover:from-white/20", "hover:to-white/20"]
-      }
-    },
-    // soft
-    {
-      variant: "soft",
-      color: "primary",
-      class: {
-        base: ["text-primary-main", "bg-primary-soft", "!border-primary-soft", "hover:!border-primary-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "secondary",
-      class: {
-        base: ["text-secondary-main", "bg-secondary-soft", "!border-secondary-soft", "hover:!border-secondary-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "neutral",
-      class: {
-        base: ["text-neutral-main", "bg-neutral-soft", "!border-neutral-soft", "hover:!border-neutral-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "info",
-      class: {
-        base: ["text-info-main", "bg-info-soft", "!border-info-soft", "hover:!border-info-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "success",
-      class: {
-        base: ["text-success-main", "bg-success-soft", "!border-success-soft", "hover:!border-success-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "warning",
-      class: {
-        base: ["text-warning-main", "bg-warning-soft", "!border-warning-soft", "hover:!border-warning-light"]
-      }
-    },
-    {
-      variant: "soft",
-      color: "danger",
-      class: {
-        base: ["text-danger-main", "bg-danger-soft", "!border-danger-soft", "hover:!border-danger-light"]
-      }
-    },
-    // outline
-    {
-      variant: "outline",
-      color: "primary",
-      class: {
-        base: ["bg-body-background", "!border-primary-main", "text-primary-main", "hover:bg-primary-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "secondary",
-      class: {
-        base: ["bg-body-background", "!border-secondary-main", "text-secondary-main", "hover:bg-secondary-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "neutral",
-      class: {
-        base: ["bg-body-background", "!border-neutral-light", "text-neutral-main", "hover:bg-neutral-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "info",
-      class: {
-        base: ["bg-body-background", "!border-info-main", "text-info-main", "hover:bg-info-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "success",
-      class: {
-        base: ["bg-body-background", "!border-success-main", "text-success-main", "hover:bg-success-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "warning",
-      class: {
-        base: ["bg-body-background", "!border-warning-main", "text-warning-main", "hover:bg-warning-soft"]
-      }
-    },
-    {
-      variant: "outline",
-      color: "danger",
-      class: {
-        base: ["bg-body-background", "!border-danger-main", "text-danger-main", "hover:bg-danger-soft"]
-      }
-    },
-    // ghost
-    {
-      variant: "ghost",
-      color: "primary",
-      class: {
-        base: ["text-primary-main", "border-transparent", "hover:bg-primary-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "secondary",
-      class: {
-        base: ["text-secondary-main", "border-transparent", "hover:bg-secondary-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "neutral",
-      class: {
-        base: ["text-neutral-main", "border-transparent", "hover:bg-neutral-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "info",
-      class: {
-        base: ["text-info-main", "border-transparent", "hover:bg-info-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "success",
-      class: {
-        base: ["text-success-main", "border-transparent", "hover:bg-success-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "warning",
-      class: {
-        base: ["text-warning-main", "border-transparent", "hover:bg-warning-soft"]
-      }
-    },
-    {
-      variant: "ghost",
-      color: "danger",
-      class: {
-        base: ["text-danger-main", "border-transparent", "hover:bg-danger-soft"]
-      }
-    },
-    // soft/outline + size
-    {
-      variant: ["soft", "outline"],
-      size: "sm",
-      class: {
-        base: ["border-sm"]
-      }
-    },
-    {
-      variant: ["soft", "outline"],
-      size: "md",
-      class: {
-        base: ["border-md"]
-      }
-    },
-    {
-      variant: ["soft", "outline"],
-      size: "lg",
-      class: {
-        base: ["border-lg"]
-      }
-    },
-    {
-      variant: ["soft", "outline"],
-      size: "xl",
-      class: {
-        base: ["border-xl"]
-      }
-    },
-    // disabled + variant
-    {
-      variant: ["soft", "ghost"],
-      disabled: true,
-      class: {
-        base: ["!border-neutral-soft"]
-      }
-    },
-    {
-      variant: ["outline"],
-      disabled: true,
-      class: {
-        base: ["!border-neutral-light"]
-      }
-    }
-  ],
   defaultVariants: {
     size: "md",
     variant: "solid",