@liner-fe/prism 3.6.3 → 4.0.1

package/lib/index.js

@@ -25,30 +25,30 @@ import {
 
 // src/components/Button/style.module.scss
 var style_module_default = {
-  "button": "_button_1un9b_1",
-  "loading-with-disabled": "_loading-with-disabled_1un9b_16",
-  "primary": "_primary_1un9b_23",
-  "loading": "_loading_1un9b_16",
-  "secondary": "_secondary_1un9b_35",
-  "tertiary": "_tertiary_1un9b_48",
-  "quaternary": "_quaternary_1un9b_60",
-  "quinary": "_quinary_1un9b_72",
-  "negative": "_negative_1un9b_84",
-  "static": "_static_1un9b_96",
-  "inverse-static": "_inverse-static_1un9b_108",
-  "cta": "_cta_1un9b_120",
-  "l": "_l_1un9b_16",
-  "m": "_m_1un9b_135",
-  "s": "_s_1un9b_35",
-  "align-center": "_align-center_1un9b_149",
-  "content": "_content_1un9b_154",
-  "full": "_full_1un9b_159",
-  "fit-content": "_fit-content_1un9b_163",
-  "children": "_children_1un9b_167",
-  "cta-children": "_cta-children_1un9b_174",
-  "l-children": "_l-children_1un9b_182",
-  "m-children": "_m-children_1un9b_190",
-  "s-children": "_s-children_1un9b_198"
+  "button": "_button_qblq6_1",
+  "loading-with-disabled": "_loading-with-disabled_qblq6_16",
+  "primary": "_primary_qblq6_23",
+  "loading": "_loading_qblq6_16",
+  "secondary": "_secondary_qblq6_35",
+  "tertiary": "_tertiary_qblq6_48",
+  "quaternary": "_quaternary_qblq6_60",
+  "quinary": "_quinary_qblq6_72",
+  "negative": "_negative_qblq6_84",
+  "static": "_static_qblq6_96",
+  "inverse-static": "_inverse-static_qblq6_108",
+  "cta": "_cta_qblq6_120",
+  "l": "_l_qblq6_16",
+  "m": "_m_qblq6_135",
+  "s": "_s_qblq6_35",
+  "align-center": "_align-center_qblq6_149",
+  "content": "_content_qblq6_154",
+  "full": "_full_qblq6_159",
+  "fit-content": "_fit-content_qblq6_163",
+  "children": "_children_qblq6_167",
+  "cta-children": "_cta-children_qblq6_174",
+  "l-children": "_l-children_qblq6_182",
+  "m-children": "_m-children_qblq6_190",
+  "s-children": "_s-children_qblq6_198"
 };
 
 // src/components/Button/index.tsx
@@ -57,28 +57,35 @@ import clsx from "clsx";
 
 // src/components/Loading/style.module.scss
 var style_module_default2 = {
-  "dots-loader-container": "_dots-loader-container_5kzc8_4",
-  "dots-loader": "_dots-loader_5kzc8_4",
-  "loadingFade": "_loadingFade_5kzc8_1",
-  "xl": "_xl_5kzc8_16",
-  "l": "_l_5kzc8_22",
-  "m": "_m_5kzc8_28",
-  "s": "_s_5kzc8_34",
-  "xs": "_xs_5kzc8_40",
-  "brand-label-primary": "_brand-label-primary_5kzc8_46",
-  "neutral-label-primary": "_neutral-label-primary_5kzc8_49",
-  "neutral-label-static-primary": "_neutral-label-static-primary_5kzc8_52",
-  "inverse-label-primary": "_inverse-label-primary_5kzc8_55",
-  "inverse-label-static-primary": "_inverse-label-static-primary_5kzc8_58",
-  "neutral-label-secondary": "_neutral-label-secondary_5kzc8_61",
-  "inverse-label-secondary": "_inverse-label-secondary_5kzc8_64",
-  "spinner-loader": "_spinner-loader_5kzc8_128",
-  "rotate": "_rotate_5kzc8_1",
-  "prixClipFix": "_prixClipFix_5kzc8_1"
+  "dots-loader": "_dots-loader_1yp9w_1",
+  "loadingFade": "_loadingFade_1yp9w_1",
+  "xl": "_xl_1yp9w_9",
+  "l": "_l_1yp9w_15",
+  "m": "_m_1yp9w_21",
+  "s": "_s_1yp9w_27",
+  "xs": "_xs_1yp9w_33",
+  "label-brand-base": "_label-brand-base_1yp9w_39",
+  "label-neutral-base": "_label-neutral-base_1yp9w_42",
+  "label-neutral-static": "_label-neutral-static_1yp9w_45",
+  "label-on-inverse-base": "_label-on-inverse-base_1yp9w_48",
+  "label-on-inverse-static-base": "_label-on-inverse-static-base_1yp9w_51",
+  "label-neutral-secondary": "_label-neutral-secondary_1yp9w_54",
+  "label-on-inverse-secondary": "_label-on-inverse-secondary_1yp9w_57",
+  "spinner-loader": "_spinner-loader_1yp9w_118",
+  "rotate": "_rotate_1yp9w_1",
+  "prixClipFix": "_prixClipFix_1yp9w_1"
 };
 
 // src/components/Loading/index.tsx
 import { cva } from "cva";
+
+// src/components/Box/index.tsx
+import { Box } from "@radix-ui/themes";
+
+// src/components/Flex/index.tsx
+import { Flex } from "@radix-ui/themes";
+
+// src/components/Loading/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var Loading = /* @__PURE__ */ __name(({ type = "dots", ...props }) => {
   return type === "dots" ? /* @__PURE__ */ jsx(DotsLoader, { ...props }) : /* @__PURE__ */ jsx(SpinnerLoader, { ...props });
@@ -94,22 +101,22 @@ var dotsLoaderVariants = cva({
       xs: style_module_default2["xs"]
     },
     level: {
-      "brand-label-primary": style_module_default2["brand-label-primary"],
-      "neutral-label-primary": style_module_default2["neutral-label-primary"],
-      "neutral-label-secondary": style_module_default2["neutral-label-secondary"],
-      "neutral-label-static-primary": style_module_default2["neutral-label-static-primary"],
-      "inverse-label-primary": style_module_default2["inverse-label-primary"],
-      "inverse-label-secondary": style_module_default2["inverse-label-secondary"],
-      "inverse-label-static-primary": style_module_default2["inverse-label-static-primary"]
+      "label-brand-base": style_module_default2["label-brand-base"],
+      "label-neutral-base": style_module_default2["label-neutral-base"],
+      "label-neutral-secondary": style_module_default2["label-neutral-secondary"],
+      "label-neutral-static": style_module_default2["label-neutral-static"],
+      "label-on-inverse-base": style_module_default2["label-on-inverse-base"],
+      "label-on-inverse-secondary": style_module_default2["label-on-inverse-secondary"],
+      "label-on-inverse-static-base": style_module_default2["label-on-inverse-static-base"]
     }
   }
 });
 var DotsLoader = /* @__PURE__ */ __name(({
   size = "m",
-  level = "inverse-label-static-primary",
+  level = "label-on-inverse-static-base",
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: style_module_default2["dots-loader-container"], ...props, children: [
+  return /* @__PURE__ */ jsxs(Flex, { ...props, children: [
     /* @__PURE__ */ jsx("div", { className: dotsLoaderVariants({ size, level }) }),
     /* @__PURE__ */ jsx("div", { className: dotsLoaderVariants({ size, level }) }),
     /* @__PURE__ */ jsx("div", { className: dotsLoaderVariants({ size, level }) })
@@ -126,19 +133,19 @@ var spinnerLoaderVariants = cva({
       xs: style_module_default2["xs"]
     },
     level: {
-      "brand-label-primary": style_module_default2["brand-label-primary"],
-      "neutral-label-primary": style_module_default2["neutral-label-primary"],
-      "neutral-label-secondary": style_module_default2["neutral-label-secondary"],
-      "neutral-label-static-primary": style_module_default2["neutral-label-static-primary"],
-      "inverse-label-primary": style_module_default2["inverse-label-primary"],
-      "inverse-label-static-primary": style_module_default2["inverse-label-static-primary"],
-      "inverse-label-secondary": style_module_default2["inverse-label-secondary"]
+      "label-brand-base": style_module_default2["label-brand-base"],
+      "label-neutral-base": style_module_default2["label-neutral-base"],
+      "label-neutral-secondary": style_module_default2["label-neutral-secondary"],
+      "label-neutral-static": style_module_default2["label-neutral-static"],
+      "label-on-inverse-base": style_module_default2["label-on-inverse-base"],
+      "label-on-inverse-static-base": style_module_default2["label-on-inverse-static-base"],
+      "label-on-inverse-secondary": style_module_default2["label-on-inverse-secondary"]
     }
   }
 });
 var SpinnerLoader = /* @__PURE__ */ __name(({
   size = "m",
-  level = "inverse-label-static-primary",
+  level = "label-on-inverse-static-base",
   ...props
 }) => {
   return /* @__PURE__ */ jsx("span", { className: spinnerLoaderVariants({ size, level }), ...props });
@@ -164,24 +171,24 @@ var buttonIconSizeMap = {
   s: "xs"
 };
 var buttonLoadingLevelMap = {
-  primary: "inverse-label-static-primary",
-  secondary: "brand-label-primary",
-  tertiary: "neutral-label-primary",
-  quaternary: "neutral-label-primary",
-  quinary: "neutral-label-secondary",
-  negative: "inverse-label-static-primary",
-  static: "neutral-label-static-primary",
-  "inverse-static": "inverse-label-static-primary"
+  primary: "label-on-inverse-static-base",
+  secondary: "label-brand-base",
+  tertiary: "label-neutral-base",
+  quaternary: "label-neutral-base",
+  quinary: "label-neutral-secondary",
+  negative: "label-on-inverse-static-base",
+  static: "label-neutral-static",
+  "inverse-static": "label-on-inverse-static-base"
 };
 var buttonFillLevelIconTypeMap = {
-  primary: "inverse-label-static-primary",
-  secondary: "brand-label-primary",
-  tertiary: "neutral-label-primary",
-  quaternary: "neutral-label-primary",
-  quinary: "neutral-label-secondary",
-  negative: "inverse-label-static-primary",
-  static: "neutral-label-static-primary",
-  "inverse-static": "inverse-label-static-primary"
+  primary: "label-on-inverse-static-base",
+  secondary: "label-brand-base",
+  tertiary: "label-neutral-base",
+  quaternary: "label-neutral-base",
+  quinary: "label-neutral-secondary",
+  negative: "label-on-inverse-static-base",
+  static: "label-neutral-static",
+  "inverse-static": "label-on-inverse-static-base"
 };
 var defaultButtonVariants = cva2({
   base: style_module_default.button,
@@ -220,14 +227,14 @@ var defaultButtonChildrenVariants = cva2({
   }
 });
 var fillTypeMap = {
-  primary: "brand-container-mid",
-  secondary: "inverse-label-primary",
-  tertiary: "inverse-label-primary",
-  quaternary: "inverse-label-primary",
-  quinary: "inverse-label-primary",
-  negative: "function-label-negative",
-  static: "inverse-label-static-primary",
-  "inverse-static": "inverse-container-static-high"
+  primary: "control-fill-brand",
+  secondary: "label-on-inverse-base",
+  tertiary: "label-on-inverse-base",
+  quaternary: "label-on-inverse-base",
+  quinary: "label-on-inverse-base",
+  negative: "negative-base",
+  static: "label-on-inverse-static-base",
+  "inverse-static": "surface-inverse-static-high"
 };
 var DefaultButton = forwardRef(
   ({
@@ -353,7 +360,7 @@ var Paragraph = forwardRef2(
     weight,
     className,
     children,
-    color = "neutral-label-primary",
+    color: color2 = "label-neutral-base",
     as: Element = "p",
     ...rest
   }, ref) => {
@@ -364,7 +371,7 @@ var Paragraph = forwardRef2(
         className: clsx2(`lp-sys-typo-paragraph${size}-${type}-${weight}`, className),
         ref,
         style: {
-          color: `var(--${color})`,
+          color: `var(--${color2})`,
           ...rest.style
         },
         children
@@ -382,20 +389,20 @@ import {
 
 // src/components/Toast/style.module.scss
 var style_module_default3 = {
-  "Root": "_Root_9lq3r_1",
-  "Icon": "_Icon_9lq3r_24",
-  "Content": "_Content_9lq3r_33",
-  "Actions": "_Actions_9lq3r_45",
-  "Spinner": "_Spinner_9lq3r_52",
-  "lds-spinner": "_lds-spinner_9lq3r_1"
+  "Root": "_Root_147e2_1",
+  "Icon": "_Icon_147e2_24",
+  "Content": "_Content_147e2_33",
+  "Actions": "_Actions_147e2_45",
+  "Spinner": "_Spinner_147e2_52",
+  "lds-spinner": "_lds-spinner_147e2_1"
 };
 
 // src/components/Toast/ToastContent.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var iconMap = {
-  success: { icon: IconCheckMarkFill, props: { type: "function-label-positive" } },
-  error: { icon: IconCloseFill, props: { type: "function-label-negative" } },
-  caution: { icon: IconExclamationmarkFill, props: { type: "function-label-caution" } }
+  success: { icon: IconCheckMarkFill, props: { type: "positive-base" } },
+  error: { icon: IconCloseFill, props: { type: "negative-base" } },
+  caution: { icon: IconExclamationmarkFill, props: { type: "caution" } }
 };
 var SPINNER_SPOKE_COUNT = 12;
 var LoadingSpinner = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx4("div", { className: style_module_default3.Spinner, children: Array.from({ length: SPINNER_SPOKE_COUNT }, (_, i) => /* @__PURE__ */ jsx4("div", {}, i)) }), "LoadingSpinner");
@@ -412,8 +419,17 @@ var ToastContent = /* @__PURE__ */ __name(({ toastId, title, description, type,
       children: [
         type === "loading" ? /* @__PURE__ */ jsx4("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx4(LoadingSpinner, {}) }) : iconEntry ? /* @__PURE__ */ jsx4("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx4(iconEntry.icon, { ...iconEntry.props, size: "m" }) }) : null,
         /* @__PURE__ */ jsxs3("div", { className: style_module_default3.Content, children: [
-          /* @__PURE__ */ jsx4(Paragraph, { type: "normal", weight: "medium", size: 3, color: "inverse-label-static-primary", children: title }),
-          description && /* @__PURE__ */ jsx4(Paragraph, { type: "normal", weight: "regular", size: 4, color: "inverse-label-static-secondary", children: description })
+          /* @__PURE__ */ jsx4(Paragraph, { type: "normal", weight: "medium", size: 3, color: "label-on-inverse-static-base", children: title }),
+          description && /* @__PURE__ */ jsx4(
+            Paragraph,
+            {
+              type: "normal",
+              weight: "regular",
+              size: 4,
+              color: "label-on-inverse-static-secondary",
+              children: description
+            }
+          )
         ] }),
         action && /* @__PURE__ */ jsx4("div", { className: style_module_default3.Actions, children: /* @__PURE__ */ jsx4(
           Button,
@@ -506,7 +522,7 @@ import { forwardRef as forwardRef3 } from "react";
 import clsx3 from "clsx";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var Heading = forwardRef3(
-  ({ size, children, type, className, color = "neutral-label-primary", as, ...rest }, ref) => {
+  ({ size, children, type, className, color: color2 = "label-neutral-base", as, ...rest }, ref) => {
     const Element = as || `h${size}`;
     return /* @__PURE__ */ jsx6(
       Element,
@@ -515,7 +531,7 @@ var Heading = forwardRef3(
         className: clsx3(`lp-sys-typo-heading${size}-${type}`, className),
         ref,
         style: {
-          color: `var(--${color})`,
+          color: `var(--${color2})`,
           ...rest.style
         },
         children
@@ -543,7 +559,7 @@ var Caption = forwardRef4(
     weight,
     type,
     className,
-    color = "neutral-label-primary",
+    color: color2 = "label-neutral-base",
     as: Element = "p",
     ...rest
   }, ref) => {
@@ -554,7 +570,7 @@ var Caption = forwardRef4(
         className: clsx4(`lp-sys-typo-caption${size}-${type}-${weight}`, style_module_default4.caption, className),
         ref,
         style: {
-          color: `var(--${color})`,
+          color: `var(--${color2})`,
           ...rest.style
         },
         children
@@ -575,7 +591,7 @@ var Title = forwardRef5(
     type,
     className,
     children,
-    color = "neutral-label-primary",
+    color: color2 = "label-neutral-base",
     as: Element = "p",
     ...rest
   }, ref) => {
@@ -586,7 +602,7 @@ var Title = forwardRef5(
         className: clsx5(`lp-sys-typo-title${size}-${type}-${weight}`, className),
         ref,
         style: {
-          color: `var(--${color})`,
+          color: `var(--${color2})`,
           ...rest.style
         },
         children
@@ -606,7 +622,7 @@ var Display = forwardRef6(
     weight,
     className,
     children,
-    color = "neutral-label-primary",
+    color: color2 = "label-neutral-base",
     as: Element = "p",
     ...rest
   }, ref) => {
@@ -617,7 +633,7 @@ var Display = forwardRef6(
         ref,
         className: clsx6(`lp-sys-typo-display${size}-${type}-${weight}`, className),
         style: {
-          color: `var(--${color})`,
+          color: `var(--${color2})`,
           ...rest.style
         },
         children
@@ -722,19 +738,17 @@ import { Popover as PopoverPrimitive } from "radix-ui";
 
 // src/components/Popover/style.module.scss
 var style_module_default5 = {
-  "content": "_content_10295_1",
-  "anchor": "_anchor_10295_7",
-  "primary": "_primary_10295_10",
-  "secondary": "_secondary_10295_16",
-  "contentContainer": "_contentContainer_10295_31",
-  "heading": "_heading_10295_39",
-  "tag": "_tag_10295_45",
-  "title": "_title_10295_56",
-  "description": "_description_10295_61",
-  "footer": "_footer_10295_67",
-  "arrow": "_arrow_10295_73",
-  "closeButton": "_closeButton_10295_77",
-  "overlay": "_overlay_10295_89"
+  "content": "_content_1wodt_1",
+  "anchor": "_anchor_1wodt_7",
+  "primary": "_primary_1wodt_10",
+  "secondary": "_secondary_1wodt_16",
+  "contentContainer": "_contentContainer_1wodt_31",
+  "tag": "_tag_1wodt_39",
+  "title": "_title_1wodt_50",
+  "description": "_description_1wodt_55",
+  "arrow": "_arrow_1wodt_61",
+  "closeButton": "_closeButton_1wodt_65",
+  "overlay": "_overlay_1wodt_77"
 };
 
 // src/components/Popover/index.tsx
@@ -766,7 +780,6 @@ var popoverTitleVariants = cva3({ base: [style_module_default5.title, "lp-sys-ty
 var popoverDescriptionVariants = cva3({
   base: [style_module_default5.description, "lp-sys-typo-caption1-normal-regular"]
 });
-var popoverFooterVariants = cva3({ base: [style_module_default5.footer, "lp-sys-typo-caption1-normal-medium"] });
 var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx11(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
 var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx11(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
 var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx11(
@@ -820,7 +833,7 @@ var PopoverContent = React3.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs4("div", { className: style_module_default5.contentContainer, children: [
-            (tag || icon || onClose) && /* @__PURE__ */ jsxs4("div", { className: style_module_default5.heading, children: [
+            (tag || icon || onClose) && /* @__PURE__ */ jsxs4(Flex, { align: "start", gap: "6px", children: [
               tag && /* @__PURE__ */ jsx11("span", { className: popoverTagVariants(), children: tag }),
               icon && /* @__PURE__ */ jsx11(icon.icon, { size: "xs", fill: icon.fill }),
               /* @__PURE__ */ jsx11("p", { className: popoverTitleVariants(), children: title }),
@@ -831,12 +844,12 @@ var PopoverContent = React3.forwardRef(
                   onClick: () => {
                     onClose();
                   },
-                  children: /* @__PURE__ */ jsx11(IconCloseFill2, { size: "s", fill: true, type: "neutral-label-static-primary" })
+                  children: /* @__PURE__ */ jsx11(IconCloseFill2, { size: "s", fill: true, type: "label-neutral-static" })
                 }
               )
             ] }),
             description && /* @__PURE__ */ jsx11("p", { className: popoverDescriptionVariants(), children: description }),
-            onConfirm && /* @__PURE__ */ jsx11("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx11(
+            onConfirm && /* @__PURE__ */ jsx11(Flex, { justify: "end", width: "100%", className: "lp-sys-typo-caption1-normal-medium", children: /* @__PURE__ */ jsx11(
               Button,
               {
                 level: "static",
@@ -869,8 +882,8 @@ import { forwardRef as forwardRef8 } from "react";
 
 // src/components/Tooltip/style.module.scss
 var style_module_default6 = {
-  "tooltip": "_tooltip_1cynk_1",
-  "tooltipContent": "_tooltipContent_1cynk_10"
+  "tooltip": "_tooltip_1by3q_1",
+  "tooltipContent": "_tooltipContent_1by3q_10"
 };
 
 // src/components/Tooltip/index.tsx
@@ -917,18 +930,18 @@ import clsx9 from "clsx";
 
 // src/components/IconButton/style.module.scss
 var style_module_default7 = {
-  "iconButton": "_iconButton_ae0km_1",
-  "primary": "_primary_ae0km_13",
-  "loading": "_loading_ae0km_19",
-  "secondary": "_secondary_ae0km_23",
-  "tertiary": "_tertiary_ae0km_34",
-  "quaternary": "_quaternary_ae0km_45",
-  "quinary": "_quinary_ae0km_52",
-  "static": "_static_ae0km_60",
-  "inverse-static": "_inverse-static_ae0km_67",
-  "l": "_l_ae0km_19",
-  "m": "_m_ae0km_80",
-  "s": "_s_ae0km_23"
+  "iconButton": "_iconButton_g5kt8_1",
+  "primary": "_primary_g5kt8_13",
+  "loading": "_loading_g5kt8_19",
+  "secondary": "_secondary_g5kt8_23",
+  "tertiary": "_tertiary_g5kt8_34",
+  "quaternary": "_quaternary_g5kt8_45",
+  "quinary": "_quinary_g5kt8_52",
+  "static": "_static_g5kt8_60",
+  "inverse-static": "_inverse-static_g5kt8_67",
+  "l": "_l_g5kt8_19",
+  "m": "_m_g5kt8_80",
+  "s": "_s_g5kt8_23"
 };
 
 // src/components/IconButton/index.tsx
@@ -951,32 +964,32 @@ var iconButtonSizeIconSizeMap = {
   s: "xs"
 };
 var iconButtonLoadingLevelMap = {
-  primary: "inverse-label-static-primary",
-  secondary: "brand-label-primary",
-  tertiary: "neutral-label-primary",
-  quaternary: "neutral-label-primary",
-  quinary: "neutral-label-secondary",
-  static: "neutral-label-static-primary",
-  "inverse-static": "inverse-label-static-primary"
+  primary: "label-on-inverse-static-base",
+  secondary: "label-brand-base",
+  tertiary: "label-neutral-base",
+  quaternary: "label-neutral-base",
+  quinary: "label-neutral-secondary",
+  static: "label-neutral-static",
+  "inverse-static": "label-on-inverse-static-base"
 };
 var iconButtonLevelIconTypeMap = {
   disabled: {
-    primary: "neutral-label-tertiary",
-    secondary: "neutral-label-tertiary",
-    tertiary: "neutral-label-tertiary",
-    quaternary: "neutral-label-quaternary",
-    quinary: "neutral-label-quaternary",
-    static: "neutral-label-tertiary",
-    "inverse-static": "inverse-label-tertiary"
+    primary: "label-neutral-tertiary",
+    secondary: "label-neutral-tertiary",
+    tertiary: "label-neutral-tertiary",
+    quaternary: "label-neutral-quaternary",
+    quinary: "label-neutral-quaternary",
+    static: "label-neutral-tertiary",
+    "inverse-static": "label-on-inverse-tertiary"
   },
   enabled: {
-    primary: "inverse-label-static-primary",
-    secondary: "brand-label-primary",
-    tertiary: "neutral-label-primary",
-    quaternary: "neutral-label-primary",
-    quinary: "neutral-label-secondary",
-    static: "neutral-label-static-primary",
-    "inverse-static": "inverse-label-static-primary"
+    primary: "label-on-inverse-static-base",
+    secondary: "label-brand-base",
+    tertiary: "label-neutral-base",
+    quaternary: "label-neutral-base",
+    quinary: "label-neutral-secondary",
+    static: "label-neutral-static",
+    "inverse-static": "label-on-inverse-static-base"
   }
 };
 var iconButtonVariants = cva5({
@@ -999,13 +1012,13 @@ var iconButtonVariants = cva5({
   }
 });
 var fillTypeMap2 = {
-  primary: "brand-container-mid",
-  secondary: "inverse-label-primary",
-  tertiary: "inverse-label-primary",
-  quaternary: "inverse-label-primary",
-  quinary: "inverse-label-primary",
-  static: "inverse-label-static-primary",
-  "inverse-static": "neutral-label-static-primary"
+  primary: "control-fill-brand",
+  secondary: "label-on-inverse-base",
+  tertiary: "label-on-inverse-base",
+  quaternary: "label-on-inverse-base",
+  quinary: "label-on-inverse-base",
+  static: "label-on-inverse-static-base",
+  "inverse-static": "label-neutral-static"
 };
 var IconButton = forwardRef9(
   ({
@@ -1057,12 +1070,11 @@ import { Checkbox as CheckboxPrimitive } from "radix-ui";
 
 // src/components/CheckBox/style.module.scss
 var style_module_default8 = {
-  "checkbox": "_checkbox_1vnvk_1",
-  "checkbox-indicator": "_checkbox-indicator_1vnvk_39",
-  "icon-minus": "_icon-minus_1vnvk_46",
-  "icon-check": "_icon-check_1vnvk_49",
-  "label-wrapper": "_label-wrapper_1vnvk_53",
-  "description": "_description_1vnvk_59"
+  "checkbox": "_checkbox_1b81r_1",
+  "checkbox-indicator": "_checkbox-indicator_1b81r_39",
+  "icon-minus": "_icon-minus_1b81r_46",
+  "icon-check": "_icon-check_1b81r_49",
+  "description": "_description_1b81r_53"
 };
 
 // src/components/CheckBox/index.tsx
@@ -1076,19 +1088,19 @@ import clsx10 from "clsx";
 
 // src/components/Label/style.module.scss
 var style_module_default9 = {
-  "label": "_label_1bwg6_1",
-  "error": "_error_1bwg6_12",
-  "primary": "_primary_1bwg6_16",
-  "secondary": "_secondary_1bwg6_27",
-  "top": "_top_1bwg6_38",
-  "l": "_l_1bwg6_1",
-  "offset-high": "_offset-high_1bwg6_41",
-  "offset-medium": "_offset-medium_1bwg6_44",
-  "offset-low": "_offset-low_1bwg6_47",
-  "m": "_m_1bwg6_50",
-  "s": "_s_1bwg6_27",
-  "right": "_right_1bwg6_69",
-  "disabled": "_disabled_1bwg6_91"
+  "label": "_label_d3opl_1",
+  "error": "_error_d3opl_12",
+  "primary": "_primary_d3opl_16",
+  "secondary": "_secondary_d3opl_27",
+  "top": "_top_d3opl_38",
+  "l": "_l_d3opl_1",
+  "offset-high": "_offset-high_d3opl_41",
+  "offset-medium": "_offset-medium_d3opl_44",
+  "offset-low": "_offset-low_d3opl_47",
+  "m": "_m_d3opl_50",
+  "s": "_s_d3opl_27",
+  "right": "_right_d3opl_69",
+  "disabled": "_disabled_d3opl_91"
 };
 
 // src/components/Label/index.tsx
@@ -1155,15 +1167,15 @@ import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs5 } from "react/jsx-ru
 var Checkbox = forwardRef11(
   ({ className, label, description, ...props }, ref) => {
     const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs5(Label, { position: "right", htmlFor: props.id, children: [
-      /* @__PURE__ */ jsxs5("div", { className: style_module_default8["label-wrapper"], children: [
+      /* @__PURE__ */ jsxs5(Flex, { direction: "column", gap: "2", children: [
         /* @__PURE__ */ jsx15(Paragraph, { type: "normal", weight: "medium", size: 3, children: label }),
         description && /* @__PURE__ */ jsx15(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
       children
     ] }) : /* @__PURE__ */ jsx15(Fragment4, { children }), "CheckboxWrapper");
     return /* @__PURE__ */ jsx15(CheckboxWrapper, { children: /* @__PURE__ */ jsx15(CheckboxPrimitive.Root, { className: clsx11(style_module_default8.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsxs5(CheckboxPrimitive.Indicator, { className: style_module_default8["checkbox-indicator"], children: [
-      /* @__PURE__ */ jsx15(IconCheckMark, { size: "xs", type: "inverse-label-primary", className: style_module_default8["icon-check"] }),
-      /* @__PURE__ */ jsx15(IconMinus, { size: "xs", type: "inverse-label-primary", className: style_module_default8["icon-minus"] })
+      /* @__PURE__ */ jsx15(IconCheckMark, { size: "xs", type: "label-on-inverse-base", className: style_module_default8["icon-check"] }),
+      /* @__PURE__ */ jsx15(IconMinus, { size: "xs", type: "label-on-inverse-base", className: style_module_default8["icon-minus"] })
     ] }) }) });
   }
 );
@@ -1175,10 +1187,10 @@ import { forwardRef as forwardRef12 } from "react";
 
 // src/components/Radio/style.module.scss
 var style_module_default10 = {
-  "radio-item": "_radio-item_1ct7a_1",
-  "indicator": "_indicator_1ct7a_44",
-  "label-wrapper": "_label-wrapper_1ct7a_50",
-  "description": "_description_1ct7a_60"
+  "radio-item": "_radio-item_k6avh_1",
+  "indicator": "_indicator_k6avh_44",
+  "label-wrapper": "_label-wrapper_k6avh_50",
+  "description": "_description_k6avh_60"
 };
 
 // src/components/Radio/index.tsx
@@ -1223,24 +1235,24 @@ import {
 
 // src/components/Textfield/style.module.scss
 var style_module_default11 = {
-  "textfield-container": "_textfield-container_1v086_1",
-  "textfield": "_textfield_1v086_1",
-  "label": "_label_1v086_10",
-  "input": "_input_1v086_28",
-  "footer": "_footer_1v086_40",
-  "error-wrapper": "_error-wrapper_1v086_40",
-  "error-message": "_error-message_1v086_40",
-  "label-out-textfield": "_label-out-textfield_1v086_63",
-  "white": "_white_1v086_67",
-  "gray": "_gray_1v086_70",
-  "label-in": "_label-in_1v086_82",
-  "label-out": "_label-out_1v086_63",
-  "label-visually-hidden": "_label-visually-hidden_1v086_93",
-  "input-wrapper": "_input-wrapper_1v086_104",
-  "label-out-input": "_label-out-input_1v086_148",
-  "input-action-buttons": "_input-action-buttons_1v086_152",
-  "action-button": "_action-button_1v086_158",
-  "character": "_character_1v086_183"
+  "textfield-container": "_textfield-container_kqt1z_1",
+  "textfield": "_textfield_kqt1z_1",
+  "label": "_label_kqt1z_10",
+  "input": "_input_kqt1z_28",
+  "footer": "_footer_kqt1z_40",
+  "error-wrapper": "_error-wrapper_kqt1z_40",
+  "error-message": "_error-message_kqt1z_40",
+  "label-out-textfield": "_label-out-textfield_kqt1z_63",
+  "white": "_white_kqt1z_67",
+  "gray": "_gray_kqt1z_70",
+  "label-in": "_label-in_kqt1z_82",
+  "label-out": "_label-out_kqt1z_63",
+  "label-visually-hidden": "_label-visually-hidden_kqt1z_93",
+  "input-wrapper": "_input-wrapper_kqt1z_104",
+  "label-out-input": "_label-out-input_kqt1z_148",
+  "input-action-buttons": "_input-action-buttons_kqt1z_152",
+  "action-button": "_action-button_kqt1z_158",
+  "character": "_character_kqt1z_183"
 };
 
 // src/components/Textfield/index.tsx
@@ -1258,8 +1270,8 @@ var defaultTextfieldVariants = cva7({
   base: style_module_default11.textfield,
   variants: {
     color: {
-      "neutral-container-mid": style_module_default11.gray,
-      "neutral-container-lowest": style_module_default11.white
+      "surface-neutral-mid": style_module_default11.gray,
+      "surface-neutral-lowest": style_module_default11.white
     }
   }
 });
@@ -1274,7 +1286,7 @@ var Textfield = forwardRef13((props, ref) => {
     error,
     disabled,
     button: buttonProps,
-    color = "neutral-container-lowest",
+    color: color2 = "surface-neutral-lowest",
     onChange,
     onClear,
     ...rest
@@ -1337,7 +1349,7 @@ var Textfield = forwardRef13((props, ref) => {
     /* @__PURE__ */ jsx17(
       "div",
       {
-        className: clsx13(defaultTextfieldVariants({ color }), {
+        className: clsx13(defaultTextfieldVariants({ color: color2 }), {
           [style_module_default11["label-out-textfield"]]: !label || labelType === "out"
         }),
         onClick: handleTextfieldClick,
@@ -1420,14 +1432,14 @@ var Textfield = forwardRef13((props, ref) => {
           "aria-atomic": "true",
           className: style_module_default11["error-wrapper"],
           children: error && /* @__PURE__ */ jsxs7(Fragment6, { children: [
-            /* @__PURE__ */ jsx17(IconExclamationmarkFill2, { fill: true, size: "xs", type: "function-label-negative" }),
+            /* @__PURE__ */ jsx17(IconExclamationmarkFill2, { fill: true, size: "xs", type: "negative-base" }),
             /* @__PURE__ */ jsx17(
               Caption,
               {
                 size: 3,
                 type: "normal",
                 weight: "regular",
-                color: "function-label-negative",
+                color: "negative-base",
                 className: style_module_default11["error-message"],
                 children: error
               }
@@ -1459,40 +1471,40 @@ import { IconInfo, IconArrowChevronDown, IconCheckMark as IconCheckMark2 } from
 
 // src/components/ListItem/style.module.scss
 var style_module_default12 = {
-  "root": "_root_mmjcv_9",
-  "label": "_label_mmjcv_6",
-  "main": "_main_mmjcv_6",
-  "labelRow": "_labelRow_mmjcv_6",
-  "labelEnd": "_labelEnd_mmjcv_6",
-  "description": "_description_mmjcv_6"
+  "root": "_root_1vpbz_9",
+  "label": "_label_1vpbz_6",
+  "main": "_main_1vpbz_6",
+  "labelRow": "_labelRow_1vpbz_6",
+  "labelEnd": "_labelEnd_1vpbz_6",
+  "description": "_description_1vpbz_6"
 };
 
 // src/components/ListItem/primitive/style.module.scss
 var style_module_default13 = {
-  "root": "_root_1j4ne_2"
+  "root": "_root_1cic3_2"
 };
 
 // src/components/Select/style.module.scss
 var style_module_default14 = {
-  "root": "_root_1m2x2_3",
-  "label": "_label_1m2x2_35",
-  "requiredMark": "_requiredMark_1m2x2_40",
-  "srOnly": "_srOnly_1m2x2_45",
-  "trigger": "_trigger_1m2x2_58",
-  "icon": "_icon_1m2x2_94",
-  "triggerButton": "_triggerButton_1m2x2_159",
-  "errorMessage": "_errorMessage_1m2x2_203",
-  "errorText": "_errorText_1m2x2_211",
-  "content": "_content_1m2x2_220",
-  "fadeScaleIn": "_fadeScaleIn_1m2x2_1",
-  "viewport": "_viewport_1m2x2_251",
-  "selectItem": "_selectItem_1m2x2_283",
-  "primitiveItem": "_primitiveItem_1m2x2_336",
-  "itemLabel": "_itemLabel_1m2x2_341",
-  "itemIndicator": "_itemIndicator_1m2x2_346",
-  "trailingSlot": "_trailingSlot_1m2x2_354",
-  "group": "_group_1m2x2_367",
-  "groupLabel": "_groupLabel_1m2x2_382"
+  "root": "_root_g2jm0_3",
+  "label": "_label_g2jm0_35",
+  "requiredMark": "_requiredMark_g2jm0_40",
+  "srOnly": "_srOnly_g2jm0_45",
+  "trigger": "_trigger_g2jm0_58",
+  "icon": "_icon_g2jm0_94",
+  "triggerButton": "_triggerButton_g2jm0_159",
+  "errorMessage": "_errorMessage_g2jm0_203",
+  "errorText": "_errorText_g2jm0_211",
+  "content": "_content_g2jm0_220",
+  "fadeScaleIn": "_fadeScaleIn_g2jm0_1",
+  "viewport": "_viewport_g2jm0_251",
+  "selectItem": "_selectItem_g2jm0_283",
+  "primitiveItem": "_primitiveItem_g2jm0_336",
+  "itemLabel": "_itemLabel_g2jm0_341",
+  "itemIndicator": "_itemIndicator_g2jm0_346",
+  "trailingSlot": "_trailingSlot_g2jm0_354",
+  "group": "_group_g2jm0_367",
+  "groupLabel": "_groupLabel_g2jm0_382"
 };
 
 // src/components/Select/index.tsx
@@ -1531,7 +1543,7 @@ var SelectRoot = forwardRef14(
     const hasError = !!error;
     const showLabel = !isButtonTrigger && label != null;
     const showErrorMessage = !isButtonTrigger && hasError && typeof error !== "boolean";
-    const labelColor = hasError ? "function-label-negative" : disabled ? "neutral-label-tertiary" : "neutral-label-secondary";
+    const labelColor = hasError ? "negative-base" : disabled ? "label-neutral-tertiary" : "label-neutral-secondary";
     return /* @__PURE__ */ jsx18(SelectInternalContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs8(
       "div",
       {
@@ -1562,7 +1574,7 @@ var SelectRoot = forwardRef14(
           /* @__PURE__ */ jsxs8(RadixSelect.Root, { ...rootProps, dir, required, disabled, children: [
             isButtonTrigger ? (
               /* button trigger: 실제 prism Button 컴포넌트 사용 (asChild로 Radix Trigger props merge).
-               level="tertiary"가 Figma button trigger와 매칭 — neutral-fill-opaque-lowest bg + neutral-border-overlay-normal border + neutral-label-primary color.
+               level="tertiary"가 Figma button trigger와 매칭 — surface-neutral-lowest bg + border-neutral-alpha-normal border + label-neutral-base color.
                Button size: s/m/l 그대로 매핑. chevron은 rightIcon으로 전달 (rotation 미지원 — Button rightIcon은 정적 아이콘). */
               /* @__PURE__ */ jsx18(
                 RadixSelect.Trigger,
@@ -1622,7 +1634,7 @@ var SelectRoot = forwardRef14(
             children
           ] }),
           showErrorMessage && /* @__PURE__ */ jsxs8("span", { id: errorId, "aria-live": "polite", "aria-atomic": "true", className: style_module_default14.errorMessage, children: [
-            /* @__PURE__ */ jsx18(IconInfo, { size: "xs", type: "function-label-negative" }),
+            /* @__PURE__ */ jsx18(IconInfo, { size: "xs", type: "negative-base" }),
             /* @__PURE__ */ jsx18(
               Caption,
               {
@@ -1630,7 +1642,7 @@ var SelectRoot = forwardRef14(
                 size: 3,
                 type: "normal",
                 weight: "regular",
-                color: "function-label-negative",
+                color: "negative-base",
                 className: style_module_default14.errorText,
                 children: error
               }
@@ -1674,9 +1686,9 @@ var SelectContent = forwardRef14(
 );
 SelectContent.displayName = "Select.Content";
 var getItemLabelColor = /* @__PURE__ */ __name((disabled, danger) => {
-  if (disabled) return "neutral-label-tertiary";
-  if (danger) return "function-label-negative";
-  return "neutral-label-primary";
+  if (disabled) return "label-neutral-tertiary";
+  if (danger) return "negative-base";
+  return "label-neutral-base";
 }, "getItemLabelColor");
 var SelectItem = forwardRef14(
   ({
@@ -1740,14 +1752,14 @@ var SelectItem = forwardRef14(
                 size: 2,
                 type: "normal",
                 weight: "regular",
-                color: disabled ? "neutral-label-tertiary" : "neutral-label-secondary",
+                color: disabled ? "label-neutral-tertiary" : "label-neutral-secondary",
                 className: style_module_default12.description,
                 children: description
               }
             )
           ] }),
           trailingSlot != null && /* @__PURE__ */ jsx18("div", { "data-zone": "trailing", className: style_module_default14.trailingSlot, children: trailingSlot }),
-          /* @__PURE__ */ jsx18(RadixSelect.ItemIndicator, { "data-zone": "trailing", className: style_module_default14.itemIndicator, children: /* @__PURE__ */ jsx18(IconCheckMark2, { size: "xs", type: "brand-label-primary" }) })
+          /* @__PURE__ */ jsx18(RadixSelect.ItemIndicator, { "data-zone": "trailing", className: style_module_default14.itemIndicator, children: /* @__PURE__ */ jsx18(IconCheckMark2, { size: "xs", type: "label-brand-base" }) })
         ]
       }
     );
@@ -1763,7 +1775,7 @@ var SelectGroup = forwardRef14(
         size: 2,
         type: "normal",
         weight: "regular",
-        color: "neutral-label-secondary",
+        color: "label-neutral-secondary",
         className: style_module_default14.groupLabel,
         children: label
       }
@@ -1816,7 +1828,7 @@ var SelectTrigger = forwardRef14((props, ref) => {
   const hasError = !!error;
   const showLabel = !isButtonTrigger && label != null;
   const showErrorMessage = !isButtonTrigger && hasError && typeof error !== "boolean";
-  const labelColor = hasError ? "function-label-negative" : disabled ? "neutral-label-tertiary" : "neutral-label-secondary";
+  const labelColor = hasError ? "negative-base" : disabled ? "label-neutral-tertiary" : "label-neutral-secondary";
   const rootStyle = width != null ? { width: `${width}px` } : void 0;
   const showingPlaceholder = triggerContent === void 0;
   const display = !showingPlaceholder ? triggerContent : /* @__PURE__ */ jsx18("span", { children: placeholder });
@@ -1893,7 +1905,7 @@ var SelectTrigger = forwardRef14((props, ref) => {
           }
         ),
         showErrorMessage && /* @__PURE__ */ jsxs8("span", { id: errorId, "aria-live": "polite", "aria-atomic": "true", className: style_module_default14.errorMessage, children: [
-          /* @__PURE__ */ jsx18(IconInfo, { size: "xs", type: "function-label-negative" }),
+          /* @__PURE__ */ jsx18(IconInfo, { size: "xs", type: "negative-base" }),
           /* @__PURE__ */ jsx18(
             Caption,
             {
@@ -1901,7 +1913,7 @@ var SelectTrigger = forwardRef14((props, ref) => {
               size: 3,
               type: "normal",
               weight: "regular",
-              color: "function-label-negative",
+              color: "negative-base",
               className: style_module_default14.errorText,
               children: error
             }
@@ -2009,9 +2021,9 @@ PrimitiveListItem.displayName = "PrimitiveListItem";
 // src/components/ListItem/index.tsx
 import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 var getLabelColor = /* @__PURE__ */ __name((disabled, danger) => {
-  if (disabled) return "neutral-label-tertiary";
-  if (danger) return "function-label-negative";
-  return "neutral-label-primary";
+  if (disabled) return "label-neutral-tertiary";
+  if (danger) return "negative-base";
+  return "label-neutral-base";
 }, "getLabelColor");
 var ListItem = forwardRef16(
   ({
@@ -2060,7 +2072,7 @@ var ListItem = forwardRef16(
             size: 2,
             type: "normal",
             weight: "regular",
-            color: disabled ? "neutral-label-tertiary" : "neutral-label-secondary",
+            color: disabled ? "label-neutral-tertiary" : "label-neutral-secondary",
             className: style_module_default12.description,
             children: description
           }
@@ -2073,10 +2085,10 @@ ListItem.displayName = "ListItem";
 
 // src/components/List/style.module.scss
 var style_module_default15 = {
-  "root": "_root_x5fwq_2",
-  "group": "_group_x5fwq_8",
-  "groupLabelContainer": "_groupLabelContainer_x5fwq_20",
-  "groupLabel": "_groupLabel_x5fwq_20"
+  "root": "_root_lgu43_2",
+  "group": "_group_lgu43_8",
+  "groupLabelContainer": "_groupLabelContainer_lgu43_20",
+  "groupLabel": "_groupLabel_lgu43_20"
 };
 
 // src/components/List/index.tsx
@@ -2163,7 +2175,7 @@ var ListGroup = forwardRef17(
               size: 2,
               weight: "regular",
               type: "normal",
-              color: "neutral-label-secondary",
+              color: "label-neutral-secondary",
               className: style_module_default15.groupLabel,
               children: label
             }
@@ -2186,16 +2198,16 @@ import { cva as cva8 } from "cva";
 
 // src/components/TextButton/style.module.scss
 var style_module_default16 = {
-  "button": "_button_zsyf9_1",
-  "text": "_text_zsyf9_20",
-  "primary": "_primary_zsyf9_23",
-  "secondary": "_secondary_zsyf9_29",
-  "tertiary": "_tertiary_zsyf9_35",
-  "m": "_m_zsyf9_42",
-  "text-children": "_text-children_zsyf9_42",
-  "s": "_s_zsyf9_29",
-  "xs": "_xs_zsyf9_50",
-  "underline": "_underline_zsyf9_54"
+  "button": "_button_ryw9b_1",
+  "text": "_text_ryw9b_20",
+  "primary": "_primary_ryw9b_23",
+  "secondary": "_secondary_ryw9b_29",
+  "tertiary": "_tertiary_ryw9b_35",
+  "m": "_m_ryw9b_42",
+  "text-children": "_text-children_ryw9b_42",
+  "s": "_s_ryw9b_29",
+  "xs": "_xs_ryw9b_50",
+  "underline": "_underline_ryw9b_54"
 };
 
 // src/components/TextButton/index.tsx
@@ -2212,14 +2224,14 @@ var textButtonSizeIconSizeMap = {
 };
 var textButtonLevelIconTypeMap = {
   enabled: {
-    primary: "brand-label-primary",
-    secondary: "neutral-label-primary",
-    tertiary: "neutral-label-secondary"
+    primary: "label-brand-base",
+    secondary: "label-neutral-base",
+    tertiary: "label-neutral-secondary"
   },
   disabled: {
-    primary: "neutral-label-tertiary",
-    secondary: "neutral-label-tertiary",
-    tertiary: "neutral-label-tertiary"
+    primary: "label-neutral-tertiary",
+    secondary: "label-neutral-tertiary",
+    tertiary: "label-neutral-tertiary"
   }
 };
 var textButtonVariants = cva8({
@@ -2255,7 +2267,7 @@ var TextButton = forwardRef18(
     const getIconProps = /* @__PURE__ */ __name((icon) => ({
       size: textButtonSizeIconSizeMap[size],
       type: textButtonLevelIconTypeMap[rest.disabled ? "disabled" : "enabled"][level],
-      fillType: "inverse-label-primary",
+      fillType: "label-on-inverse-base",
       ...icon
     }), "getIconProps");
     const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs12("span", { className: style_module_default16["text-children"], children: [
@@ -2682,7 +2694,7 @@ var LOGOS = {
 
 // src/components/Logo/index.tsx
 import { jsx as jsx25 } from "react/jsx-runtime";
-var Logo = /* @__PURE__ */ __name(({ name, height, fill = "brand-label-secondary", className }) => {
+var Logo = /* @__PURE__ */ __name(({ name, height, fill = "label-brand-secondary", className }) => {
   const def = LOGOS[name];
   const [viewBoxWidth, viewBoxHeight] = def.viewBox;
   const renderHeight = height ?? viewBoxHeight;
@@ -2710,10 +2722,10 @@ import { forwardRef as forwardRef19 } from "react";
 
 // src/components/coach-mark/primitive/style.module.scss
 var style_module_default17 = {
-  "anchor": "_anchor_1ynpr_2",
-  "content": "_content_1ynpr_6",
-  "overlay": "_overlay_1ynpr_24",
-  "close": "_close_1ynpr_34"
+  "anchor": "_anchor_9duhb_2",
+  "content": "_content_9duhb_6",
+  "overlay": "_overlay_9duhb_24",
+  "close": "_close_9duhb_34"
 };
 
 // src/components/coach-mark/primitive/index.tsx
@@ -2750,7 +2762,7 @@ var PrimitiveCoachMarkAnchor = /* @__PURE__ */ __name(({ className }) => /* @__P
     )
   }
 ), "PrimitiveCoachMarkAnchor");
-var PrimitiveCoachMarkClose = /* @__PURE__ */ __name(({ className, onClick }) => /* @__PURE__ */ jsx26(PopoverPrimitive2.Close, { asChild: true, className: clsx19(style_module_default17.close, className), onClick, children: /* @__PURE__ */ jsx26(IconCloseFill4, { fill: true, size: "xs", type: "neutral-label-primary" }) }), "PrimitiveCoachMarkClose");
+var PrimitiveCoachMarkClose = /* @__PURE__ */ __name(({ className, onClick }) => /* @__PURE__ */ jsx26(PopoverPrimitive2.Close, { asChild: true, className: clsx19(style_module_default17.close, className), onClick, children: /* @__PURE__ */ jsx26(IconCloseFill4, { fill: true, size: "xs", type: "label-neutral-base" }) }), "PrimitiveCoachMarkClose");
 var PrimitiveCoachMarkContent = forwardRef19(({ children, className, container, ...rest }, ref) => /* @__PURE__ */ jsx26(PopoverPrimitive2.Portal, { container, children: /* @__PURE__ */ jsxs14(
   PopoverPrimitive2.Content,
   {
@@ -2778,23 +2790,23 @@ import { forwardRef as forwardRef20 } from "react";
 
 // src/components/Badge/style.module.scss
 var style_module_default18 = {
-  "badge": "_badge_f8fzb_1",
-  "s": "_s_f8fzb_10",
-  "m": "_m_f8fzb_15",
-  "l": "_l_f8fzb_20",
-  "text": "_text_f8fzb_25",
-  "subtle": "_subtle_f8fzb_29",
-  "outlined": "_outlined_f8fzb_33",
-  "fill-primary": "_fill-primary_f8fzb_38",
-  "fill-accent": "_fill-accent_f8fzb_42",
-  "inverse-primary": "_inverse-primary_f8fzb_46",
-  "text-neutral": "_text-neutral_f8fzb_50",
-  "text-neutral-secondary": "_text-neutral-secondary_f8fzb_54",
-  "text-primary": "_text-primary_f8fzb_58",
-  "text-primary-inverse": "_text-primary-inverse_f8fzb_62",
-  "text-caution": "_text-caution_f8fzb_66",
-  "text-error": "_text-error_f8fzb_70",
-  "text-accent": "_text-accent_f8fzb_74"
+  "badge": "_badge_1l0o9_1",
+  "s": "_s_1l0o9_10",
+  "m": "_m_1l0o9_15",
+  "l": "_l_1l0o9_20",
+  "text": "_text_1l0o9_25",
+  "subtle": "_subtle_1l0o9_29",
+  "outlined": "_outlined_1l0o9_33",
+  "fill-primary": "_fill-primary_1l0o9_38",
+  "fill-accent": "_fill-accent_1l0o9_42",
+  "inverse-primary": "_inverse-primary_1l0o9_46",
+  "text-neutral": "_text-neutral_1l0o9_50",
+  "text-neutral-secondary": "_text-neutral-secondary_1l0o9_54",
+  "text-primary": "_text-primary_1l0o9_58",
+  "text-primary-inverse": "_text-primary-inverse_1l0o9_62",
+  "text-caution": "_text-caution_1l0o9_66",
+  "text-error": "_text-error_1l0o9_70",
+  "text-accent": "_text-accent_1l0o9_74"
 };
 
 // src/components/Badge/index.tsx
@@ -2821,36 +2833,36 @@ var badgeBase = cva10({
     }
   }
 });
-function getBgClass(variant, color) {
+function getBgClass(variant, color2) {
   if (variant === "subtle") return style_module_default18.subtle;
   if (variant === "outlined") return style_module_default18.outlined;
-  if (variant === "fill") return color === "accent" ? style_module_default18["fill-accent"] : style_module_default18["fill-primary"];
+  if (variant === "fill") return color2 === "accent" ? style_module_default18["fill-accent"] : style_module_default18["fill-primary"];
   return style_module_default18["inverse-primary"];
 }
 __name(getBgClass, "getBgClass");
-function getIconType(variant, color) {
-  if (variant === "inverse") return "brandinverse-label-static-primary";
-  switch (color) {
+function getIconType(variant, color2) {
+  if (variant === "inverse") return "label-on-brand";
+  switch (color2) {
     case "neutral":
-      return "neutral-label-primary";
+      return "label-neutral-base";
     case "neutral-secondary":
-      return "neutral-label-secondary";
+      return "label-neutral-secondary";
     case "primary":
-      return "brand-label-primary";
+      return "label-brand-base";
     case "caution":
-      return "function-label-caution";
+      return "caution";
     case "error":
-      return "function-label-negative";
+      return "negative-base";
     case "accent":
-      return "accent-label-primary";
+      return "accent-label-base";
     default:
-      return "neutral-label-primary";
+      return "label-neutral-base";
   }
 }
 __name(getIconType, "getIconType");
-function getTextClass(variant, color) {
+function getTextClass(variant, color2) {
   if (variant === "inverse") return style_module_default18["text-primary-inverse"];
-  switch (color) {
+  switch (color2) {
     case "neutral":
       return style_module_default18["text-neutral"];
     case "neutral-secondary":
@@ -2872,7 +2884,7 @@ var Badge = forwardRef20(
   ({
     size = "s",
     variant = "fill",
-    color = "primary",
+    color: color2 = "primary",
     thick = false,
     className,
     children,
@@ -2883,7 +2895,7 @@ var Badge = forwardRef20(
     const iconSize = badgeSizeIconSizeMap[size];
     const typoClass = badgeSizeTypoMap[size][+thick];
     const resolvedVariant = variant;
-    const resolvedColor = color;
+    const resolvedColor = color2;
     return /* @__PURE__ */ jsxs15(
       "span",
       {
@@ -2923,10 +2935,10 @@ Badge.displayName = "Badge";
 
 // src/components/coach-mark/compact/style.module.scss
 var style_module_default19 = {
-  "content": "_content_1wkpa_2",
-  "slideIn": "_slideIn_1wkpa_1",
-  "clickable": "_clickable_1wkpa_23",
-  "main": "_main_1wkpa_36"
+  "content": "_content_9adg9_2",
+  "slideIn": "_slideIn_9adg9_1",
+  "clickable": "_clickable_9adg9_23",
+  "main": "_main_9adg9_36"
 };
 
 // src/components/coach-mark/compact/index.tsx
@@ -2957,7 +2969,7 @@ var CompactCoachMarkContent = forwardRef21(({ badge, title, className, side = "t
             size: 1,
             type: "normal",
             weight: "bold",
-            color: "inverse-label-static-primary",
+            color: "label-on-inverse-static-base",
             className: style_module_default19.main,
             children: title
           }
@@ -2977,16 +2989,16 @@ import * as PopoverPrimitive4 from "@radix-ui/react-popover";
 
 // src/components/coach-mark/main/style.module.scss
 var style_module_default20 = {
-  "content": "_content_1cmnt_2",
-  "slideIn": "_slideIn_1cmnt_1",
-  "top": "_top_1cmnt_26",
-  "main": "_main_1cmnt_33",
-  "title": "_title_1cmnt_40",
-  "description": "_description_1cmnt_57",
-  "media": "_media_1cmnt_63",
-  "footer": "_footer_1cmnt_69",
-  "buttonGroup": "_buttonGroup_1cmnt_76",
-  "closeButton": "_closeButton_1cmnt_82"
+  "content": "_content_p4m90_2",
+  "slideIn": "_slideIn_p4m90_1",
+  "top": "_top_p4m90_26",
+  "main": "_main_p4m90_33",
+  "title": "_title_p4m90_40",
+  "description": "_description_p4m90_57",
+  "media": "_media_p4m90_63",
+  "footer": "_footer_p4m90_69",
+  "buttonGroup": "_buttonGroup_p4m90_76",
+  "closeButton": "_closeButton_p4m90_82"
 };
 
 // src/components/coach-mark/main/index.tsx
@@ -3049,7 +3061,7 @@ var CoachMarkContent = forwardRef22(
         /* @__PURE__ */ jsx29("header", { className: style_module_default20.top, children: /* @__PURE__ */ jsxs17("div", { className: style_module_default20.main, children: [
           /* @__PURE__ */ jsxs17("div", { className: style_module_default20.title, children: [
             badge && /* @__PURE__ */ jsx29(Badge, { variant: "inverse", color: "primary", children: badge }),
-            /* @__PURE__ */ jsx29(Paragraph, { size: 4, type: "normal", weight: "bold", color: "inverse-label-static-primary", children: title })
+            /* @__PURE__ */ jsx29(Paragraph, { size: 4, type: "normal", weight: "bold", color: "label-on-inverse-static-base", children: title })
           ] }),
           media && /* @__PURE__ */ jsx29("div", { className: style_module_default20.media, children: media }),
           description && /* @__PURE__ */ jsx29(
@@ -3058,18 +3070,27 @@ var CoachMarkContent = forwardRef22(
               size: 1,
               type: "normal",
               weight: "regular",
-              color: "inverse-label-static-primary",
+              color: "label-on-inverse-static-base",
               className: style_module_default20.description,
               children: description
             }
           )
         ] }) }),
         /* @__PURE__ */ jsxs17("footer", { className: style_module_default20.footer, children: [
-          step ? /* @__PURE__ */ jsxs17(Caption, { size: 3, type: "normal", weight: "regular", color: "inverse-label-static-secondary", children: [
-            step.current,
-            " / ",
-            step.total
-          ] }) : /* @__PURE__ */ jsx29("div", { className: style_module_default20.empty }),
+          step ? /* @__PURE__ */ jsxs17(
+            Caption,
+            {
+              size: 3,
+              type: "normal",
+              weight: "regular",
+              color: "label-on-inverse-static-secondary",
+              children: [
+                step.current,
+                " / ",
+                step.total
+              ]
+            }
+          ) : /* @__PURE__ */ jsx29("div", { className: style_module_default20.empty }),
           /* @__PURE__ */ jsxs17("div", { className: style_module_default20.buttonGroup, children: [
             secondaryButton && /* @__PURE__ */ jsx29(Button, { size: "m", level: "inverse-static", ...secondaryButton }),
             primaryButton && /* @__PURE__ */ jsx29(Button, { size: "m", level: "primary", ...primaryButton })
@@ -3090,145 +3111,39 @@ import { forwardRef as forwardRef23 } from "react";
 
 // src/components/Tag/style.module.scss
 var style_module_default21 = {
-  "tag": "_tag_b57yu_2",
-  "s": "_s_b57yu_12",
-  "m": "_m_b57yu_17",
-  "l": "_l_b57yu_22",
-  "thick": "_thick_b57yu_27",
-  "square": "_square_b57yu_31",
-  "rounded": "_rounded_b57yu_35",
-  "border-neutral-border-overlay-strong": "_border-neutral-border-overlay-strong_b57yu_44",
-  "border-neutral-border-overlay-normal": "_border-neutral-border-overlay-normal_b57yu_48",
-  "border-neutral-border-overlay-subtle": "_border-neutral-border-overlay-subtle_b57yu_52",
-  "border-neutral-border-overlay-hint": "_border-neutral-border-overlay-hint_b57yu_56",
-  "border-neutral-border-opaque-strong": "_border-neutral-border-opaque-strong_b57yu_60",
-  "border-neutral-border-opaque-normal": "_border-neutral-border-opaque-normal_b57yu_64",
-  "border-neutral-border-opaque-subtle": "_border-neutral-border-opaque-subtle_b57yu_68",
-  "border-inverse-border-overlay-strong": "_border-inverse-border-overlay-strong_b57yu_72",
-  "border-inverse-border-overlay-normal": "_border-inverse-border-overlay-normal_b57yu_76",
-  "border-inverse-border-overlay-subtle": "_border-inverse-border-overlay-subtle_b57yu_80",
-  "border-inverse-border-overlay-hint": "_border-inverse-border-overlay-hint_b57yu_84",
-  "border-inverse-border-opaque-strong": "_border-inverse-border-opaque-strong_b57yu_88",
-  "border-inverse-border-opaque-normal": "_border-inverse-border-opaque-normal_b57yu_92",
-  "border-inverse-border-opaque-subtle": "_border-inverse-border-opaque-subtle_b57yu_96",
-  "border-brand-border-opaque-normal": "_border-brand-border-opaque-normal_b57yu_100",
-  "border-brand-border-opaque-strong": "_border-brand-border-opaque-strong_b57yu_104",
-  "border-accent-yellow": "_border-accent-yellow_b57yu_108",
-  "border-accent-mint": "_border-accent-mint_b57yu_112",
-  "border-accent-cyan": "_border-accent-cyan_b57yu_116",
-  "border-accent-purple": "_border-accent-purple_b57yu_120",
-  "border-accent-pink": "_border-accent-pink_b57yu_124"
+  "tag": "_tag_1vdj8_2",
+  "s": "_s_1vdj8_12",
+  "m": "_m_1vdj8_17",
+  "l": "_l_1vdj8_22",
+  "thick": "_thick_1vdj8_27",
+  "square": "_square_1vdj8_31",
+  "rounded": "_rounded_1vdj8_35",
+  "border-border-neutral-alpha-strong": "_border-border-neutral-alpha-strong_1vdj8_44",
+  "border-border-neutral-alpha-normal": "_border-border-neutral-alpha-normal_1vdj8_48",
+  "border-border-neutral-alpha-subtle": "_border-border-neutral-alpha-subtle_1vdj8_52",
+  "border-border-neutral-alpha-hint": "_border-border-neutral-alpha-hint_1vdj8_56",
+  "border-border-neutral-strong": "_border-border-neutral-strong_1vdj8_60",
+  "border-border-neutral-normal": "_border-border-neutral-normal_1vdj8_64",
+  "border-border-neutral-subtle": "_border-border-neutral-subtle_1vdj8_68",
+  "border-border-on-inverse-alpha-strong": "_border-border-on-inverse-alpha-strong_1vdj8_72",
+  "border-border-on-inverse-alpha-normal": "_border-border-on-inverse-alpha-normal_1vdj8_76",
+  "border-border-on-inverse-alpha-subtle": "_border-border-on-inverse-alpha-subtle_1vdj8_80",
+  "border-border-on-inverse-alpha-hint": "_border-border-on-inverse-alpha-hint_1vdj8_84",
+  "border-border-on-inverse-strong": "_border-border-on-inverse-strong_1vdj8_88",
+  "border-border-on-inverse-normal": "_border-border-on-inverse-normal_1vdj8_92",
+  "border-border-on-inverse-subtle": "_border-border-on-inverse-subtle_1vdj8_96",
+  "border-border-brand-normal": "_border-border-brand-normal_1vdj8_100",
+  "border-border-brand-strong": "_border-border-brand-strong_1vdj8_104",
+  "border-accent-yellow": "_border-accent-yellow_1vdj8_108",
+  "border-accent-mint": "_border-accent-mint_1vdj8_112",
+  "border-accent-cyan": "_border-accent-cyan_1vdj8_116",
+  "border-accent-purple": "_border-accent-purple_1vdj8_120",
+  "border-accent-pink": "_border-accent-pink_1vdj8_124"
 };
 
 // src/constants/color.ts
-var colorOptions = [
-  "neutral-container-variation-lowest",
-  "neutral-container-lowest-hover",
-  "neutral-container-lowest",
-  "neutral-container-low",
-  "neutral-container-low-hover",
-  "neutral-container-mid",
-  "neutral-container-mid-hover",
-  "neutral-container-high",
-  "neutral-container-high-hover",
-  "neutral-container-highest",
-  "neutral-container-static-lowest",
-  "neutral-container-static-lowest-hover",
-  "neutral-fill-overlay-lowest",
-  "neutral-fill-overlay-lowest-hover",
-  "neutral-fill-overlay-low",
-  "neutral-fill-overlay-low-hover",
-  "neutral-fill-overlay-mid",
-  "neutral-fill-overlay-mid-hover",
-  "neutral-fill-overlay-high",
-  "neutral-fill-overlay-high-hover",
-  "neutral-fill-overlay-highest",
-  "neutral-fill-opaque-lowest",
-  "neutral-fill-opaque-lowest-hover",
-  "neutral-fill-opaque-low",
-  "neutral-fill-opaque-low-hover",
-  "neutral-fill-opaque-static-lowest",
-  "neutral-label-primary",
-  "neutral-label-secondary",
-  "neutral-label-tertiary",
-  "neutral-label-quaternary",
-  "neutral-label-static-primary",
-  "neutral-label-static-secondary",
-  "neutral-border-overlay-strong",
-  "neutral-border-overlay-normal",
-  "neutral-border-overlay-subtle",
-  "neutral-border-overlay-hint",
-  "neutral-border-opaque-strong",
-  "neutral-border-opaque-normal",
-  "neutral-border-opaque-subtle",
-  "inverse-container-lowest",
-  "inverse-container-lowest-hover",
-  "inverse-container-low",
-  "inverse-container-low-hover",
-  "inverse-container-mid",
-  "inverse-container-mid-hover",
-  "inverse-container-high",
-  "inverse-container-high-hover",
-  "inverse-container-static-high",
-  "inverse-container-static-high-hover",
-  "inverse-fill-mid",
-  "inverse-fill-mid-hover",
-  "inverse-fill-opaque-lowest",
-  "inverse-fill-opaque-lowest-hover",
-  "inverse-fill-opaque-low",
-  "inverse-fill-opaque-low-hover",
-  "inverse-fill-opaque-mid",
-  "inverse-label-primary",
-  "inverse-label-static-primary",
-  "inverse-label-static-secondary",
-  "inverse-label-secondary",
-  "inverse-label-tertiary",
-  "inverse-label-quaternary",
-  "inverse-border-overlay-strong",
-  "inverse-border-overlay-normal",
-  "inverse-border-overlay-subtle",
-  "inverse-border-overlay-hint",
-  "inverse-border-opaque-strong",
-  "inverse-border-opaque-normal",
-  "inverse-border-opaque-subtle",
-  "brand-container-mid",
-  "brand-container-mid-hover",
-  "brand-container-high",
-  "brand-fill-mid",
-  "brand-fill-mid-hover",
-  "brand-fill-low",
-  "brand-fill-low-hover",
-  "brand-label-primary",
-  "brand-label-secondary",
-  "brand-label-variation-secondary",
-  "brand-border-opaque-normal",
-  "brand-border-opaque-strong",
-  "brandinverse-label-primary",
-  "brandinverse-label-secondary",
-  "brandinverse-label-static-primary",
-  "accent-label-primary",
-  "accent-label-yellow",
-  "accent-label-mint",
-  "accent-label-cyan",
-  "accent-label-purple",
-  "accent-label-pink",
-  "accent-fill-primary",
-  "function-fill-positive-mid",
-  "function-fill-positive-low",
-  "function-fill-negative-mid",
-  "function-fill-negative-low",
-  "function-fill-negative-mid-hover",
-  "function-fill-caution",
-  "function-fill-highlight",
-  "function-fill-selection",
-  "function-fill-drag",
-  "function-label-positive",
-  "function-label-negative",
-  "function-label-caution",
-  "function-label-link",
-  "inverse-container-highest",
-  "cover-dim-page"
-];
+import { color } from "@liner-fe/design-token-primitive";
+var colorOptions = Object.keys(color.system.light);
 
 // src/components/Tag/index.tsx
 import { cva as cva11 } from "cva";
@@ -3255,8 +3170,8 @@ var tagVariants = cva11({
 var Tag = forwardRef23(
   ({
     children,
-    color = "neutral-label-static-primary",
-    backgroundColor = "neutral-container-static-lowest",
+    color: color2 = "label-neutral-static",
+    backgroundColor = "surface-neutral-static-lowest",
     borderColor = void 0,
     radius = "square",
     thick = false,
@@ -3272,7 +3187,7 @@ var Tag = forwardRef23(
         type: "normal",
         weight: "bold",
         className: clsx23(tagVariants({ borderColor, size, thick, radius }), className),
-        color,
+        color: color2,
         style: { backgroundColor: `var(--${backgroundColor})`, ...rest.style },
         ...rest,
         children
@@ -3292,12 +3207,12 @@ var FALLBACK_IMAGE_SRC = "https://assets.getliner.com/web/prism/fallback-profile
 
 // src/components/Avatar/style.module.scss
 var style_module_default22 = {
-  "avatar": "_avatar_1tgi1_1",
-  "small": "_small_1tgi1_12",
-  "medium": "_medium_1tgi1_17",
-  "xlarge": "_xlarge_1tgi1_22",
-  "image": "_image_1tgi1_27",
-  "fallback": "_fallback_1tgi1_33"
+  "avatar": "_avatar_1lw78_1",
+  "small": "_small_1lw78_12",
+  "medium": "_medium_1lw78_17",
+  "xlarge": "_xlarge_1lw78_22",
+  "image": "_image_1lw78_27",
+  "fallback": "_fallback_1lw78_33"
 };
 
 // src/components/Avatar/index.tsx
@@ -3345,14 +3260,14 @@ import { cva as cva13 } from "cva";
 
 // src/components/AlertDialog/style.module.scss
 var style_module_default23 = {
-  "overlay": "_overlay_6ipeu_20",
-  "overlayShow": "_overlayShow_6ipeu_1",
-  "content": "_content_6ipeu_30",
-  "contentShow": "_contentShow_6ipeu_1",
-  "contents": "_contents_6ipeu_55",
-  "title": "_title_6ipeu_65",
-  "description": "_description_6ipeu_75",
-  "actions": "_actions_6ipeu_85"
+  "overlay": "_overlay_ma27d_19",
+  "overlayShow": "_overlayShow_ma27d_1",
+  "content": "_content_ma27d_29",
+  "contentShow": "_contentShow_ma27d_1",
+  "contents": "_contents_ma27d_53",
+  "title": "_title_ma27d_63",
+  "description": "_description_ma27d_72",
+  "actions": "_actions_ma27d_92"
 };
 
 // src/components/AlertDialog/index.tsx
@@ -3389,7 +3304,7 @@ var AlertDialogContent = /* @__PURE__ */ __name(({
             /* @__PURE__ */ jsx32(AlertDialogPrimitive.Description, { className: descriptionVariants(), children: description })
           ] }),
           children,
-          /* @__PURE__ */ jsxs19("div", { className: style_module_default23.actions, children: [
+          /* @__PURE__ */ jsxs19(Flex, { align: "center", justify: "end", gap: "2", width: "100%", className: style_module_default23.actions, children: [
             /* @__PURE__ */ jsx32(AlertDialogPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ jsx32(Button, { level: "tertiary", size: "l", onClick: dismiss.onClick, children: dismiss.label }) }),
             /* @__PURE__ */ jsx32(AlertDialogPrimitive.Action, { asChild: true, children: /* @__PURE__ */ jsx32(Button, { level: confirm.level ?? "primary", size: "l", onClick: confirm.onClick, children: confirm.label }) })
           ] })
@@ -3414,19 +3329,17 @@ import { cva as cva14 } from "cva";
 
 // src/components/Dialog/style.module.scss
 var style_module_default24 = {
-  "overlay": "_overlay_424hi_20",
-  "overlayShow": "_overlayShow_424hi_1",
-  "content": "_content_424hi_30",
-  "contentShow": "_contentShow_424hi_1",
-  "illust": "_illust_424hi_55",
-  "close": "_close_424hi_63",
-  "header": "_header_424hi_70",
-  "body": "_body_424hi_80",
-  "title": "_title_424hi_85",
-  "description": "_description_424hi_91",
-  "footer": "_footer_424hi_97",
-  "actions": "_actions_424hi_108",
-  "extra": "_extra_424hi_123"
+  "overlay": "_overlay_376kf_19",
+  "overlayShow": "_overlayShow_376kf_1",
+  "content": "_content_376kf_29",
+  "contentShow": "_contentShow_376kf_1",
+  "illust": "_illust_376kf_52",
+  "close": "_close_376kf_60",
+  "header": "_header_376kf_67",
+  "title": "_title_376kf_75",
+  "description": "_description_376kf_81",
+  "actions": "_actions_376kf_87",
+  "extra": "_extra_376kf_100"
 };
 
 // src/components/Dialog/Header.tsx
@@ -3447,7 +3360,7 @@ var DialogFooter = /* @__PURE__ */ __name(({ dismiss, confirm, extra }) => {
   const hasActions = Boolean(dismiss || confirm);
   const hasFooter = hasActions || Boolean(extra);
   if (!hasFooter) return null;
-  return /* @__PURE__ */ jsxs21("div", { className: style_module_default24.footer, children: [
+  return /* @__PURE__ */ jsxs21(Flex, { direction: "column", gap: "2", width: "100%", pt: "3", px: "4", pb: "4", children: [
     hasActions && /* @__PURE__ */ jsxs21("div", { className: style_module_default24.actions, children: [
       dismiss && /* @__PURE__ */ jsx34(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx34(Button, { level: "tertiary", size: "cta", onClick: dismiss.onClick, children: dismiss.label }) }),
       confirm && /* @__PURE__ */ jsx34(DialogPrimitive2.Close, { asChild: true, children: /* @__PURE__ */ jsx34(Button, { level: confirm.level ?? "primary", size: "cta", onClick: confirm.onClick, children: confirm.label }) })
@@ -3484,12 +3397,12 @@ var DialogContent = /* @__PURE__ */ __name(({
           "aria-label": "\uB2EB\uAE30",
           level: "quinary",
           size: "m",
-          icon: { icon: IconClose2, type: "neutral-label-secondary" }
+          icon: { icon: IconClose2, type: "label-neutral-secondary" }
         }
       ) }),
       illust && /* @__PURE__ */ jsx35("div", { className: style_module_default24.illust, children: illust }),
       /* @__PURE__ */ jsx35(DialogHeader, { title, description }),
-      children && /* @__PURE__ */ jsx35("div", { className: style_module_default24.body, children }),
+      children && /* @__PURE__ */ jsx35(Box, { py: "2", px: "4", children }),
       /* @__PURE__ */ jsx35(DialogFooter, { dismiss, confirm, extra })
     ] })
   ] });
@@ -3510,18 +3423,17 @@ import { cva as cva15 } from "cva";
 
 // src/components/BottomSheet/style.module.scss
 var style_module_default25 = {
-  "overlay": "_overlay_ifftf_2",
-  "content": "_content_ifftf_9",
-  "inner": "_inner_ifftf_18",
-  "handle": "_handle_ifftf_90",
-  "illust": "_illust_ifftf_100",
-  "header": "_header_ifftf_106",
-  "body": "_body_ifftf_18",
-  "title": "_title_ifftf_126",
-  "description": "_description_ifftf_132",
-  "footer": "_footer_ifftf_138",
-  "actions": "_actions_ifftf_149",
-  "extra": "_extra_ifftf_163"
+  "overlay": "_overlay_1imx7_1",
+  "content": "_content_1imx7_8",
+  "inner": "_inner_1imx7_35",
+  "handle": "_handle_1imx7_50",
+  "illust": "_illust_1imx7_59",
+  "header": "_header_1imx7_65",
+  "body": "_body_1imx7_73",
+  "title": "_title_1imx7_82",
+  "description": "_description_1imx7_88",
+  "actions": "_actions_1imx7_94",
+  "extra": "_extra_1imx7_106"
 };
 
 // src/components/BottomSheet/Header.tsx
@@ -3542,7 +3454,7 @@ var BottomSheetFooter = /* @__PURE__ */ __name(({ dismiss, confirm, extra }) =>
   const hasActions = Boolean(dismiss || confirm);
   const hasFooter = hasActions || Boolean(extra);
   if (!hasFooter) return null;
-  return /* @__PURE__ */ jsxs24("div", { className: style_module_default25.footer, children: [
+  return /* @__PURE__ */ jsxs24(Flex, { direction: "column", gap: "2", width: "100%", pt: "3", px: "4", pb: "4", children: [
     hasActions && /* @__PURE__ */ jsxs24("div", { className: style_module_default25.actions, children: [
       dismiss && /* @__PURE__ */ jsx37(Drawer2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(Button, { level: "tertiary", size: "l", onClick: dismiss.onClick, children: dismiss.label }) }),
       confirm && /* @__PURE__ */ jsx37(Drawer2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(Button, { level: confirm.level ?? "primary", size: "l", onClick: confirm.onClick, children: confirm.label }) })
@@ -3632,274 +3544,14 @@ var Ratio = React5.forwardRef(
 );
 Ratio.displayName = "Ratio";
 
-// src/components/Box/index.tsx
-import { forwardRef as forwardRef26 } from "react";
-import { Slot as SlotPrimitive2 } from "radix-ui";
-import { vars as vars2 } from "@liner-fe/design-token";
-import { jsx as jsx40 } from "react/jsx-runtime";
-var { Slot: Slot2 } = SlotPrimitive2;
-var padTok = /* @__PURE__ */ __name((k) => k ? vars2.padding[k] : void 0, "padTok");
-var gapTok = /* @__PURE__ */ __name((k) => k ? vars2.gap[k] : void 0, "gapTok");
-var marginTok = /* @__PURE__ */ __name((k) => k ? vars2.size[k] : void 0, "marginTok");
-function resolveLayoutStyle(props) {
-  const {
-    p,
-    px,
-    py,
-    pt,
-    pr,
-    pb,
-    pl,
-    m,
-    mx,
-    my,
-    mt,
-    mr,
-    mb,
-    ml,
-    display,
-    width,
-    height,
-    minWidth,
-    maxWidth,
-    minHeight,
-    maxHeight,
-    position,
-    inset,
-    overflow,
-    flexBasis,
-    flexGrow,
-    flexShrink,
-    gridColumn,
-    gridRow,
-    gridArea
-  } = props;
-  const style = {};
-  if (p) style.padding = padTok(p);
-  if (px) {
-    style.paddingLeft = padTok(px);
-    style.paddingRight = padTok(px);
-  }
-  if (py) {
-    style.paddingTop = padTok(py);
-    style.paddingBottom = padTok(py);
-  }
-  if (pt) style.paddingTop = padTok(pt);
-  if (pr) style.paddingRight = padTok(pr);
-  if (pb) style.paddingBottom = padTok(pb);
-  if (pl) style.paddingLeft = padTok(pl);
-  if (m) style.margin = marginTok(m);
-  if (mx) {
-    style.marginLeft = marginTok(mx);
-    style.marginRight = marginTok(mx);
-  }
-  if (my) {
-    style.marginTop = marginTok(my);
-    style.marginBottom = marginTok(my);
-  }
-  if (mt) style.marginTop = marginTok(mt);
-  if (mr) style.marginRight = marginTok(mr);
-  if (mb) style.marginBottom = marginTok(mb);
-  if (ml) style.marginLeft = marginTok(ml);
-  if (display) style.display = display;
-  if (width !== void 0) style.width = width;
-  if (height !== void 0) style.height = height;
-  if (minWidth !== void 0) style.minWidth = minWidth;
-  if (maxWidth !== void 0) style.maxWidth = maxWidth;
-  if (minHeight !== void 0) style.minHeight = minHeight;
-  if (maxHeight !== void 0) style.maxHeight = maxHeight;
-  if (position) style.position = position;
-  if (inset !== void 0) style.inset = inset;
-  if (overflow) style.overflow = overflow;
-  if (flexBasis !== void 0) style.flexBasis = flexBasis;
-  if (flexGrow !== void 0) style.flexGrow = flexGrow;
-  if (flexShrink !== void 0) style.flexShrink = flexShrink;
-  if (gridColumn !== void 0) style.gridColumn = gridColumn;
-  if (gridRow !== void 0) style.gridRow = gridRow;
-  if (gridArea !== void 0) style.gridArea = gridArea;
-  return style;
-}
-__name(resolveLayoutStyle, "resolveLayoutStyle");
-function splitLayoutProps(props) {
-  const {
-    p,
-    px,
-    py,
-    pt,
-    pr,
-    pb,
-    pl,
-    m,
-    mx,
-    my,
-    mt,
-    mr,
-    mb,
-    ml,
-    display,
-    width,
-    height,
-    minWidth,
-    maxWidth,
-    minHeight,
-    maxHeight,
-    position,
-    inset,
-    overflow,
-    flexBasis,
-    flexGrow,
-    flexShrink,
-    gridColumn,
-    gridRow,
-    gridArea,
-    ...rest
-  } = props;
-  return {
-    layout: {
-      p,
-      px,
-      py,
-      pt,
-      pr,
-      pb,
-      pl,
-      m,
-      mx,
-      my,
-      mt,
-      mr,
-      mb,
-      ml,
-      display,
-      width,
-      height,
-      minWidth,
-      maxWidth,
-      minHeight,
-      maxHeight,
-      position,
-      inset,
-      overflow,
-      flexBasis,
-      flexGrow,
-      flexShrink,
-      gridColumn,
-      gridRow,
-      gridArea
-    },
-    rest
-  };
-}
-__name(splitLayoutProps, "splitLayoutProps");
-var FLEX_ALIGN = {
-  start: "flex-start",
-  center: "center",
-  end: "flex-end",
-  baseline: "baseline",
-  stretch: "stretch"
-};
-var FLEX_JUSTIFY = {
-  start: "flex-start",
-  center: "center",
-  end: "flex-end",
-  between: "space-between",
-  around: "space-around",
-  evenly: "space-evenly"
-};
-var Box = forwardRef26(/* @__PURE__ */ __name(function Box2({ as: Tag2 = "div", asChild, className, style, children, ...props }, ref) {
-  const { layout, rest } = splitLayoutProps(props);
-  const Comp = asChild ? Slot2 : Tag2;
-  return /* @__PURE__ */ jsx40(Comp, { ref, className, style: { ...resolveLayoutStyle(layout), ...style }, ...rest, children });
-}, "Box"));
-
-// src/components/Flex/index.tsx
-import { forwardRef as forwardRef27 } from "react";
-import { jsx as jsx41 } from "react/jsx-runtime";
-var Flex = forwardRef27(/* @__PURE__ */ __name(function Flex2({ inline, direction, align, justify, wrap, gap, gapX, gapY, style, ...boxProps }, ref) {
-  const flexStyle = {
-    display: inline ? "inline-flex" : "flex",
-    flexDirection: direction,
-    alignItems: align ? FLEX_ALIGN[align] : void 0,
-    justifyContent: justify ? FLEX_JUSTIFY[justify] : void 0,
-    flexWrap: wrap,
-    gap: gapTok(gap),
-    columnGap: gapTok(gapX),
-    rowGap: gapTok(gapY)
-  };
-  return /* @__PURE__ */ jsx41(Box, { ref, style: { ...flexStyle, ...style }, ...boxProps });
-}, "Flex"));
-
 // src/components/Grid/index.tsx
-import { forwardRef as forwardRef28 } from "react";
-import { jsx as jsx42 } from "react/jsx-runtime";
-var GRID_JUSTIFY = {
-  start: "start",
-  center: "center",
-  end: "end",
-  between: "space-between"
-};
-var GRID_FLOW = {
-  row: "row",
-  column: "column",
-  dense: "dense",
-  "row-dense": "row dense",
-  "column-dense": "column dense"
-};
-var track = /* @__PURE__ */ __name((v) => {
-  if (v === void 0) return void 0;
-  return typeof v === "number" ? `repeat(${v}, minmax(0, 1fr))` : v;
-}, "track");
-var Grid = forwardRef28(/* @__PURE__ */ __name(function Grid2({ inline, columns, rows, flow, align, justify, gap, gapX, gapY, style, ...boxProps }, ref) {
-  const gridStyle = {
-    display: inline ? "inline-grid" : "grid",
-    gridTemplateColumns: track(columns),
-    gridTemplateRows: track(rows),
-    gridAutoFlow: flow ? GRID_FLOW[flow] : void 0,
-    alignItems: align,
-    justifyContent: justify ? GRID_JUSTIFY[justify] : void 0,
-    gap: gapTok(gap),
-    columnGap: gapTok(gapX),
-    rowGap: gapTok(gapY)
-  };
-  return /* @__PURE__ */ jsx42(Box, { ref, style: { ...gridStyle, ...style }, ...boxProps });
-}, "Grid"));
+import { Grid } from "@radix-ui/themes";
 
 // src/components/Container/index.tsx
-import { forwardRef as forwardRef29 } from "react";
-import { breakpointOrigin as breakpointOrigin2 } from "@liner-fe/design-token";
-import { jsx as jsx43 } from "react/jsx-runtime";
-var SIZE_MAX_WIDTH = {
-  s: breakpointOrigin2.s,
-  // 600px
-  m: breakpointOrigin2.m,
-  // 1024px
-  l: breakpointOrigin2.l,
-  // 1366px
-  xl: breakpointOrigin2.xl
-  // 1536px
-};
-var Container = forwardRef29(/* @__PURE__ */ __name(function Container2({ size = "l", style, maxWidth, ...boxProps }, ref) {
-  const containerStyle = {
-    width: "100%",
-    marginInline: "auto"
-  };
-  return /* @__PURE__ */ jsx43(
-    Box,
-    {
-      ref,
-      maxWidth: maxWidth ?? SIZE_MAX_WIDTH[size],
-      style: { ...containerStyle, ...style },
-      ...boxProps
-    }
-  );
-}, "Container"));
+import { Container } from "@radix-ui/themes";
 
 // src/components/Section/index.tsx
-import { forwardRef as forwardRef30 } from "react";
-import { jsx as jsx44 } from "react/jsx-runtime";
-var Section = forwardRef30(/* @__PURE__ */ __name(function Section2({ size = "section-400", py, as = "section", ...boxProps }, ref) {
-  return /* @__PURE__ */ jsx44(Box, { ref, as, py: py ?? size, ...boxProps });
-}, "Section"));
+import { Section } from "@radix-ui/themes";
 export {
   AlertDialog,
   Avatar,
@@ -3917,8 +3569,6 @@ export {
   DefaultButton,
   Dialog,
   Display,
-  FLEX_ALIGN,
-  FLEX_JUSTIFY,
   Flex,
   Grid,
   Heading,
@@ -3954,9 +3604,6 @@ export {
   arrayToStyleObject,
   isEmptyObject,
   objectToArray,
-  gapTok as resolveGapToken,
-  resolveLayoutStyle,
   rootMediaStyle,
-  splitLayoutProps,
   toast
 };