@nation-a/ui 0.16.18 → 0.16.20

package/dist/index.js

@@ -636,6 +636,12 @@ const ud = At({
           color: "content.neutral.disabled",
           cursor: "not-allowed",
           pointerEvents: "none"
+        },
+        _hover: {
+          background: "black.100A",
+          _dark: {
+            background: "white.100A"
+          }
         }
       }
     },
@@ -892,7 +898,10 @@ const ud = At({
         color: "content.neutral.default",
         borderColor: "border.neutral.default",
         _hover: {
-          background: "background.neutral.selected",
+          background: "black.100A",
+          _dark: {
+            background: "white.100A"
+          },
           color: "content.neutral.bold"
         }
       }
@@ -949,99 +958,63 @@ const ud = At({
       variant: "light",
       color: "neuroid_primary",
       css: {
-        background: "transparent",
-        color: "content.neuroidPrimary.default",
-        _hover: {
-          textDecoration: "underline"
-        }
+        color: "content.neuroidPrimary.default"
       }
     },
     {
       variant: "light",
       color: "zoltarina_primary",
       css: {
-        background: "transparent",
-        color: "content.zoltarinaPrimary.default",
-        _hover: {
-          textDecoration: "underline"
-        }
+        color: "content.zoltarinaPrimary.default"
       }
     },
     {
       variant: "light",
       color: "heyd_primary",
       css: {
-        background: "transparent",
-        color: "content.heydPrimary.default",
-        _hover: {
-          textDecoration: "underline"
-        }
+        color: "content.heydPrimary.default"
       }
     },
     {
       variant: "light",
       color: "heybee_primary",
       css: {
-        background: "transparent",
-        color: "content.heybeePrimary.default",
-        _hover: {
-          textDecoration: "underline"
-        }
+        color: "content.heybeePrimary.default"
       }
     },
     {
       variant: "light",
       color: "neutral",
       css: {
-        background: "transparent",
-        color: "content.neutral.bold",
-        _hover: {
-          textDecoration: "underline"
-        }
+        color: "content.neutral.bold"
       }
     },
     {
       variant: "light",
       color: "danger",
       css: {
-        background: "transparent",
-        color: "content.danger.default",
-        _hover: {
-          textDecoration: "underline"
-        }
+        color: "content.danger.default"
       }
     },
     {
       variant: "light",
       color: "warning",
       css: {
-        background: "transparent",
-        color: "content.warning.default",
-        _hover: {
-          textDecoration: "underline"
-        }
+        color: "content.warning.default"
       }
     },
     {
       variant: "light",
       color: "success",
       css: {
-        background: "transparent",
-        color: "content.success.default",
-        _hover: {
-          textDecoration: "underline"
-        }
+        color: "content.success.default"
       }
     },
     {
       variant: "light",
       color: "informative",
       css: {
-        background: "transparent",
-        color: "content.informative.default",
-        _hover: {
-          textDecoration: "underline"
-        }
+        color: "content.informative.default"
       }
     }
   ]
@@ -1681,7 +1654,10 @@ const hd = (t, e, n = {}) => {
           pointerEvents: "none"
         },
         _hover: {
-          background: "background.neutral.selected"
+          background: "black.100A",
+          _dark: {
+            background: "white.100A"
+          }
         }
       },
       light: {
@@ -1694,7 +1670,10 @@ const hd = (t, e, n = {}) => {
           pointerEvents: "none"
         },
         _hover: {
-          background: "background.neutral.selected"
+          background: "black.100A",
+          _dark: {
+            background: "white.100A"
+          }
         }
       }
     },
@@ -9518,7 +9497,7 @@ const Rb = {
     "100%": { transform: "rotate(360deg)" }
   }
 };
-var Db = { colors: { content: { neutral: { bold: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.1100}" } }, default: { value: { base: "{colors.neutral.300}", _dark: "{colors.neutral.1000}" } }, subtle: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.900}" } }, subtlest: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.500}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.600}" } }, default_inverse: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.500}", _dark: "{colors.purple.400}" } }, default_inverse: { value: { base: "{colors.purple.800}", _dark: "{colors.purple.800}" } } }, danger: { default: { value: { base: "{colors.red.600}", _dark: "{colors.red.400}" } } }, warning: { default: { value: { base: "{colors.orange.600}", _dark: "{colors.orange.400}" } } }, success: { default: { value: { base: "{colors.green.600}", _dark: "{colors.green.400}" } } }, informative: { default: { value: { base: "{colors.blue.600}", _dark: "{colors.blue.400}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.800}", _dark: "{colors.ohre.400}" } }, default_inverse: { value: { base: "{colors.ohre.1000}", _dark: "{colors.ohre.1000}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.800}", _dark: "{colors.cyan.400}" } }, default_inverse: { value: { base: "{colors.cyan.1000}", _dark: "{colors.cyan.1000}" } } }, static: { white: { bold: { value: { base: "{colors.neutral.1200}", _dark: "{colors.neutral.1200}" } }, default: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.1050}" } }, subtle: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.1000}" } }, subtlest: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.900}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.800}" } } }, black: { bold: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.0}" } }, default: { value: { base: "{colors.neutral.200}", _dark: "{colors.neutral.200}" } }, subtle: { value: { base: "{colors.neutral.400}", _dark: "{colors.neutral.400}" } }, subtlest: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.600}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.800}" } } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.800}", _dark: "{colors.yellow.500}" } }, default_inverse: { value: { base: "{colors.yellow.1000}", _dark: "{colors.yellow.1000}" } } }, neutralInverse: { bold: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } }, default: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.300}" } }, subtle: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.600}" } }, subtlest: { value: { base: "{colors.neutral.500}", _dark: "{colors.neutral.900}" } }, disabled: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.800}" } }, default_inverse: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.1100}" } } } }, background: { neutral: { default: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.200}" } }, selected: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.300}" } }, disabled: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.400}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.300}", _dark: "{colors.purple.600}" } }, selected: { value: { base: "{colors.purple.400}", _dark: "{colors.purple.700}" } } }, neuroidSecondary: { default: { value: { base: "{colors.purple.200}", _dark: "{colors.purple.300}" } }, selected: { value: { base: "{colors.purple.300}", _dark: "{colors.purple.400}" } } }, danger: { default: { value: { base: "{colors.red.300}", _dark: "{colors.red.700}" } }, selected: { value: { base: "{colors.red.400}", _dark: "{colors.red.800}" } } }, warning: { default: { value: { base: "{colors.orange.300}", _dark: "{colors.orange.700}" } }, selected: { value: { base: "{colors.orange.400}", _dark: "{colors.orange.800}" } } }, success: { default: { value: { base: "{colors.green.300}", _dark: "{colors.green.700}" } }, selected: { value: { base: "{colors.green.400}", _dark: "{colors.green.800}" } } }, informative: { default: { value: { base: "{colors.blue.300}", _dark: "{colors.blue.700}" } }, selected: { value: { base: "{colors.blue.400}", _dark: "{colors.blue.800}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.400}", _dark: "{colors.ohre.400}" } }, selected: { value: { base: "{colors.ohre.500}", _dark: "{colors.ohre.500}" } } }, zoltarinaSecondary: { default: { value: { base: "{colors.ohre.200}", _dark: "{colors.ohre.200}" } }, selected: { value: { base: "{colors.ohre.300}", _dark: "{colors.ohre.300}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.500}", _dark: "{colors.cyan.500}" } }, selected: { value: { base: "{colors.cyan.600}", _dark: "{colors.cyan.600}" } } }, heydSecondary: { default: { value: { base: "{colors.cyan.200}", _dark: "{colors.cyan.200}" } }, selected: { value: { base: "{colors.cyan.300}", _dark: "{colors.cyan.300}" } } }, static: { whiteAlpha: { bold: { value: { base: "{colors.white.800A}", _dark: "{colors.white.800A}" } }, default: { value: { base: "{colors.white.500A}", _dark: "{colors.white.500A}" } }, selected: { value: { base: "{colors.white.600A}", _dark: "{colors.white.600A}" } }, disabled: { value: { base: "{colors.white.500A}", _dark: "{colors.white.500A}" } } }, blackAlpha: { bold: { value: { base: "{colors.black.700A}", _dark: "{colors.black.700A}" } }, default: { value: { base: "{colors.black.500A}", _dark: "{colors.black.500A}" } }, selected: { value: { base: "{colors.black.600A}", _dark: "{colors.black.600A}" } }, disabled: { value: { base: "{colors.black.500A}", _dark: "{colors.black.500A}" } } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.500}", _dark: "{colors.yellow.500}" } }, selected: { value: { base: "{colors.yellow.600}", _dark: "{colors.yellow.600}" } } }, neutralInverse: { default: { value: { base: "{colors.neutral.200}", _dark: "{colors.neutral.1050}" } }, selected: { value: { base: "{colors.neutral.300}", _dark: "{colors.neutral.1000}" } }, disabled: { value: { base: "{colors.neutral.400}", _dark: "{colors.neutral.1000}" } } } }, surface: { base: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } }, layer_1: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.100}" } }, layer_2: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.200}" } } }, shadow: { overlay: { value: { base: "{colors.black.100A}", _dark: "{colors.black.400A}" } }, raised: { value: { base: "{colors.black.400A}", _dark: "{colors.black.600A}" } } }, scrim: { default: { value: { base: "{colors.black.600A}", _dark: "{colors.black.600A}" } } }, skeleton: { default: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.100}" } }, subtle: { value: { base: "{colors.neutral.700}", _dark: "{colors.neutral.200}" } } }, border: { neutral: { default: { value: { base: "{colors.neutral.700}", _dark: "{colors.neutral.400}" } }, subtle: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.300}" } }, disabled: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.200}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.500}", _dark: "{colors.purple.400}" } } }, danger: { default: { value: { base: "{colors.red.500}", _dark: "{colors.red.400}" } } }, warning: { default: { value: { base: "{colors.orange.500}", _dark: "{colors.orange.400}" } } }, success: { default: { value: { base: "{colors.green.500}", _dark: "{colors.green.400}" } } }, informative: { default: { value: { base: "{colors.blue.500}", _dark: "{colors.blue.400}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.800}", _dark: "{colors.ohre.400}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.800}", _dark: "{colors.cyan.400}" } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.800}", _dark: "{colors.yellow.500}" } } } } }, shadows: { raised: { value: "0px 1px 3px 0px {colors.shadow.raised}" }, overlay: { value: "0px 20px 25px -5px {colors.shadow.overlay}" } } }, Eb = { body: { md: { value: { fontFamily: "notoSans", fontWeight: "regular", fontSize: "sm", lineHeight: "lg", letterSpacing: "3xl" } }, lg: { value: { fontFamily: "notoSans", fontWeight: "regular", fontSize: "md", lineHeight: "xl", letterSpacing: "3xl" } }, sm: { value: { fontSize: "xs", fontWeight: "regular", fontFamily: "notoSans", lineHeight: "md", letterSpacing: "3xl" } } }, label: { sm: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "xs", lineHeight: "md", letterSpacing: "3xl" } }, md: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "sm", lineHeight: "lg", letterSpacing: "3xl" } } }, title: { sm: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "sm", lineHeight: "lg", letterSpacing: "2xl" } }, md: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "md", lineHeight: "xl", letterSpacing: "xl" } }, lg: { value: { fontFamily: "notoSans", fontWeight: "semibold", fontSize: "lg", lineHeight: "2xl", letterSpacing: "xl" } } }, headline: { sm: { value: { fontFamily: "inter", fontWeight: "semibold", fontSize: "xl", lineHeight: "2xl", letterSpacing: "lg" } }, md: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "2xl", lineHeight: "3xl", letterSpacing: "md" } } }, display: { md: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "3xl", lineHeight: "4xl", letterSpacing: "sm" } }, lg: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "4xl", lineHeight: "5xl", letterSpacing: "xs" } } }, en: { title: { main: { 22: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "22px", letterSpacing: "3xl" } } }, 24: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "24px", letterSpacing: "3xl" } } }, 30: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "30px", letterSpacing: "2xl" } } }, 56: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "100%", fontSize: "56px", letterSpacing: "sm" } } } }, sub: { 16: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } } }, 18: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "18px", letterSpacing: "3xl" } } }, 20: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "20px", letterSpacing: "3xl" } } } } }, text: { chat: { 14: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "150%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "150%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "150%", fontSize: "16px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "150%", fontSize: "16px", letterSpacing: "3xl" } } } }, body: { 14: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } } } } }, label: { caption: { 10: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } } }, 12: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } } }, 14: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } } } } }, kr: { title: { main: { 22: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "22px", letterSpacing: "2xl" } } }, 24: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "24px", letterSpacing: "2xl" } } }, 30: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "30px", letterSpacing: "xl" } } }, 56: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "100%", fontSize: "56px", letterSpacing: "sm" } } } }, sub: { 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "16px", letterSpacing: "2xl" } } }, 18: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "18px", letterSpacing: "2xl" } } }, 20: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "20px", letterSpacing: "2xl" } } } } }, text: { chat: { 14: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "160%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "160%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "160%", fontSize: "16px", letterSpacing: "2xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "160%", fontSize: "16px", letterSpacing: "2xl" } } } }, body: { 14: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "130%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "130%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "130%", fontSize: "16px", letterSpacing: "2xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "130%", fontSize: "16px", letterSpacing: "2xl" } } } } }, label: { caption: { 10: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } } }, 12: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } } }, 14: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } } } } } }, ti = { semantic: Db, textStyles: Eb };
+var Db = { colors: { content: { neutral: { bold: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.1100}" } }, default: { value: { base: "{colors.neutral.300}", _dark: "{colors.neutral.1000}" } }, subtle: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.900}" } }, subtlest: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.500}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.600}" } }, default_inverse: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.500}", _dark: "{colors.purple.400}" } }, default_inverse: { value: { base: "{colors.purple.800}", _dark: "{colors.purple.800}" } } }, danger: { default: { value: { base: "{colors.red.600}", _dark: "{colors.red.400}" } } }, warning: { default: { value: { base: "{colors.orange.600}", _dark: "{colors.orange.400}" } } }, success: { default: { value: { base: "{colors.green.600}", _dark: "{colors.green.400}" } } }, informative: { default: { value: { base: "{colors.blue.600}", _dark: "{colors.blue.400}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.800}", _dark: "{colors.ohre.400}" } }, default_inverse: { value: { base: "{colors.ohre.1000}", _dark: "{colors.ohre.1000}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.800}", _dark: "{colors.cyan.400}" } }, default_inverse: { value: { base: "{colors.cyan.1000}", _dark: "{colors.cyan.1000}" } } }, static: { white: { bold: { value: { base: "{colors.neutral.1200}", _dark: "{colors.neutral.1200}" } }, default: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.1050}" } }, subtle: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.1000}" } }, subtlest: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.900}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.800}" } } }, black: { bold: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.0}" } }, default: { value: { base: "{colors.neutral.200}", _dark: "{colors.neutral.200}" } }, subtle: { value: { base: "{colors.neutral.400}", _dark: "{colors.neutral.400}" } }, subtlest: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.600}" } }, disabled: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.800}" } } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.800}", _dark: "{colors.yellow.500}" } }, default_inverse: { value: { base: "{colors.yellow.1000}", _dark: "{colors.yellow.1000}" } } }, neutralInverse: { bold: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } }, default: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.300}" } }, subtle: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.600}" } }, subtlest: { value: { base: "{colors.neutral.500}", _dark: "{colors.neutral.900}" } }, disabled: { value: { base: "{colors.neutral.600}", _dark: "{colors.neutral.800}" } }, default_inverse: { value: { base: "{colors.neutral.0}", _dark: "{colors.neutral.1100}" } } } }, background: { neutral: { default: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.200}" } }, selected: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.300}" } }, disabled: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.400}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.300}", _dark: "{colors.purple.600}" } }, selected: { value: { base: "{colors.purple.400}", _dark: "{colors.purple.700}" } } }, neuroidSecondary: { default: { value: { base: "{colors.purple.200}", _dark: "{colors.purple.300}" } }, selected: { value: { base: "{colors.purple.300}", _dark: "{colors.purple.400}" } } }, danger: { default: { value: { base: "{colors.red.300}", _dark: "{colors.red.700}" } }, selected: { value: { base: "{colors.red.400}", _dark: "{colors.red.800}" } } }, warning: { default: { value: { base: "{colors.orange.300}", _dark: "{colors.orange.700}" } }, selected: { value: { base: "{colors.orange.400}", _dark: "{colors.orange.800}" } } }, success: { default: { value: { base: "{colors.green.300}", _dark: "{colors.green.700}" } }, selected: { value: { base: "{colors.green.400}", _dark: "{colors.green.800}" } } }, informative: { default: { value: { base: "{colors.blue.300}", _dark: "{colors.blue.700}" } }, selected: { value: { base: "{colors.blue.400}", _dark: "{colors.blue.800}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.400}", _dark: "{colors.ohre.400}" } }, selected: { value: { base: "{colors.ohre.500}", _dark: "{colors.ohre.500}" } } }, zoltarinaSecondary: { default: { value: { base: "{colors.ohre.200}", _dark: "{colors.ohre.200}" } }, selected: { value: { base: "{colors.ohre.300}", _dark: "{colors.ohre.300}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.500}", _dark: "{colors.cyan.500}" } }, selected: { value: { base: "{colors.cyan.600}", _dark: "{colors.cyan.600}" } } }, heydSecondary: { default: { value: { base: "{colors.cyan.200}", _dark: "{colors.cyan.200}" } }, selected: { value: { base: "{colors.cyan.300}", _dark: "{colors.cyan.300}" } } }, static: { whiteAlpha: { bold: { value: { base: "{colors.white.800A}", _dark: "{colors.white.800A}" } }, default: { value: { base: "{colors.white.500A}", _dark: "{colors.white.500A}" } }, selected: { value: { base: "{colors.white.600A}", _dark: "{colors.white.600A}" } }, disabled: { value: { base: "{colors.white.500A}", _dark: "{colors.white.500A}" } } }, blackAlpha: { bold: { value: { base: "{colors.black.700A}", _dark: "{colors.black.700A}" } }, default: { value: { base: "{colors.black.500A}", _dark: "{colors.black.500A}" } }, selected: { value: { base: "{colors.black.600A}", _dark: "{colors.black.600A}" } }, disabled: { value: { base: "{colors.black.500A}", _dark: "{colors.black.500A}" } } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.500}", _dark: "{colors.yellow.500}" } }, selected: { value: { base: "{colors.yellow.600}", _dark: "{colors.yellow.600}" } } }, neutralInverse: { default: { value: { base: "{colors.neutral.200}", _dark: "{colors.neutral.1050}" } }, selected: { value: { base: "{colors.neutral.300}", _dark: "{colors.neutral.1000}" } }, disabled: { value: { base: "{colors.neutral.400}", _dark: "{colors.neutral.1000}" } } }, v3: { default: { value: { base: "#404040", _dark: "#404040" } } } }, surface: { base: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.0}" } }, layer_1: { value: { base: "{colors.neutral.1100}", _dark: "{colors.neutral.100}" } }, layer_2: { value: { base: "{colors.neutral.1050}", _dark: "{colors.neutral.200}" } } }, shadow: { overlay: { value: { base: "{colors.black.100A}", _dark: "{colors.black.400A}" } }, raised: { value: { base: "{colors.black.400A}", _dark: "{colors.black.600A}" } } }, scrim: { default: { value: { base: "{colors.black.600A}", _dark: "{colors.black.600A}" } } }, skeleton: { default: { value: { base: "{colors.neutral.800}", _dark: "{colors.neutral.100}" } }, subtle: { value: { base: "{colors.neutral.700}", _dark: "{colors.neutral.200}" } } }, border: { neutral: { default: { value: { base: "{colors.neutral.700}", _dark: "{colors.neutral.400}" } }, subtle: { value: { base: "{colors.neutral.900}", _dark: "{colors.neutral.300}" } }, disabled: { value: { base: "{colors.neutral.1000}", _dark: "{colors.neutral.200}" } } }, neuroidPrimary: { default: { value: { base: "{colors.purple.500}", _dark: "{colors.purple.400}" } } }, danger: { default: { value: { base: "{colors.red.500}", _dark: "{colors.red.400}" } } }, warning: { default: { value: { base: "{colors.orange.500}", _dark: "{colors.orange.400}" } } }, success: { default: { value: { base: "{colors.green.500}", _dark: "{colors.green.400}" } } }, informative: { default: { value: { base: "{colors.blue.500}", _dark: "{colors.blue.400}" } } }, zoltarinaPrimary: { default: { value: { base: "{colors.ohre.800}", _dark: "{colors.ohre.400}" } } }, heydPrimary: { default: { value: { base: "{colors.cyan.800}", _dark: "{colors.cyan.400}" } } }, heybeePrimary: { default: { value: { base: "{colors.yellow.800}", _dark: "{colors.yellow.500}" } } } } }, shadows: { raised: { value: "0px 1px 3px 0px {colors.shadow.raised}" }, overlay: { value: "0px 20px 25px -5px {colors.shadow.overlay}" } } }, Eb = { body: { md: { value: { fontFamily: "notoSans", fontWeight: "regular", fontSize: "sm", lineHeight: "lg", letterSpacing: "3xl" } }, lg: { value: { fontFamily: "notoSans", fontWeight: "regular", fontSize: "md", lineHeight: "xl", letterSpacing: "3xl" } }, sm: { value: { fontSize: "xs", fontWeight: "regular", fontFamily: "notoSans", lineHeight: "md", letterSpacing: "3xl" } } }, label: { sm: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "xs", lineHeight: "md", letterSpacing: "3xl" } }, md: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "sm", lineHeight: "lg", letterSpacing: "3xl" } } }, title: { sm: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "sm", lineHeight: "lg", letterSpacing: "2xl" } }, md: { value: { fontFamily: "notoSans", fontWeight: "medium", fontSize: "md", lineHeight: "xl", letterSpacing: "xl" } }, lg: { value: { fontFamily: "notoSans", fontWeight: "semibold", fontSize: "lg", lineHeight: "2xl", letterSpacing: "xl" } } }, headline: { sm: { value: { fontFamily: "inter", fontWeight: "semibold", fontSize: "xl", lineHeight: "2xl", letterSpacing: "lg" } }, md: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "2xl", lineHeight: "3xl", letterSpacing: "md" } } }, display: { md: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "3xl", lineHeight: "4xl", letterSpacing: "sm" } }, lg: { value: { fontFamily: "inter", fontWeight: "bold", fontSize: "4xl", lineHeight: "5xl", letterSpacing: "xs" } } }, en: { title: { main: { 22: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "22px", letterSpacing: "3xl" } } }, 24: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "24px", letterSpacing: "3xl" } } }, 30: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "30px", letterSpacing: "2xl" } } }, 56: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "100%", fontSize: "56px", letterSpacing: "sm" } } } }, sub: { 16: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } } }, 18: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "18px", letterSpacing: "3xl" } } }, 20: { bold: { value: { fontFamily: "freeman", fontWeight: "regular", lineHeight: "120%", fontSize: "20px", letterSpacing: "3xl" } } } } }, text: { chat: { 14: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "150%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "150%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "150%", fontSize: "16px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "150%", fontSize: "16px", letterSpacing: "3xl" } } } }, body: { 14: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "dmSans", fontWeight: "bold", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "dmSans", fontWeight: "regular", lineHeight: "120%", fontSize: "16px", letterSpacing: "3xl" } } } } }, label: { caption: { 10: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } } }, 12: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } } }, 14: { semibold: { value: { fontFamily: "dmSans", fontWeight: "semibold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } } } } }, kr: { title: { main: { 22: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "22px", letterSpacing: "2xl" } } }, 24: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "24px", letterSpacing: "2xl" } } }, 30: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "30px", letterSpacing: "xl" } } }, 56: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "100%", fontSize: "56px", letterSpacing: "sm" } } } }, sub: { 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "16px", letterSpacing: "2xl" } } }, 18: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "18px", letterSpacing: "2xl" } } }, 20: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "120%", fontSize: "20px", letterSpacing: "2xl" } } } } }, text: { chat: { 14: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "160%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "160%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "160%", fontSize: "16px", letterSpacing: "2xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "160%", fontSize: "16px", letterSpacing: "2xl" } } } }, body: { 14: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "130%", fontSize: "14px", letterSpacing: "3xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "130%", fontSize: "14px", letterSpacing: "3xl" } } }, 16: { bold: { value: { fontFamily: "pretendard", fontWeight: "bold", lineHeight: "130%", fontSize: "16px", letterSpacing: "2xl" } }, regular: { value: { fontFamily: "pretendard", fontWeight: "regular", lineHeight: "130%", fontSize: "16px", letterSpacing: "2xl" } } } } }, label: { caption: { 10: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "10px", letterSpacing: "3xl" } } }, 12: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "12px", letterSpacing: "3xl" } } }, 14: { semibold: { value: { fontFamily: "pretendard", fontWeight: "semibold", lineHeight: "120%", fontSize: "14px", letterSpacing: "3xl" } } } } } } }, ti = { semantic: Db, textStyles: Eb };
 const Mb = {
   extend: {
     collapsed: '&:is([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])',