@liner-fe/prism 2.1.50 → 2.1.52

package/lib/index.mjs

@@ -7724,6 +7724,48 @@ var ICHelp = /* @__PURE__ */ __name((props) => {
   );
 }, "ICHelp");
 
+// src/assets/paragraph.tsx
+import { jsx as jsx164, jsxs as jsxs114 } from "react/jsx-runtime";
+var ICParagraph = /* @__PURE__ */ __name((props) => {
+  const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
+  if (thick) {
+    return /* @__PURE__ */ jsxs114(
+      "svg",
+      {
+        ...props,
+        width: size,
+        height: size,
+        viewBox: "0 0 48 48",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ jsx164("path", { d: "M39 7H9V11H39V7Z", fill: color }),
+          /* @__PURE__ */ jsx164("path", { d: "M39 17H9V21H39V17Z", fill: color }),
+          /* @__PURE__ */ jsx164("path", { d: "M9 27H39V31H9V27Z", fill: color }),
+          /* @__PURE__ */ jsx164("path", { d: "M27 37H9V41H27V37Z", fill: color })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs114(
+    "svg",
+    {
+      ...props,
+      width: size,
+      height: size,
+      viewBox: "0 0 48 48",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx164("path", { d: "M39 7.5H9V10.5H39V7.5Z", fill: color }),
+        /* @__PURE__ */ jsx164("path", { d: "M39 17.5H9V20.5H39V17.5Z", fill: color }),
+        /* @__PURE__ */ jsx164("path", { d: "M9 27.5H39V30.5H9V27.5Z", fill: color }),
+        /* @__PURE__ */ jsx164("path", { d: "M27 37.5H9V40.5H27V37.5Z", fill: color })
+      ]
+    }
+  );
+}, "ICParagraph");
+
 // src/utils/icon.ts
 var iconMap = {
   "close-fill": ICCloseFill,
@@ -7888,7 +7930,8 @@ var iconMap = {
   "zoom-in": ICZoomIn,
   "zoom-out": ICZoomOut,
   focus: ICFocus,
-  help: ICHelp
+  help: ICHelp,
+  paragraph: ICParagraph
 };
 
 // src/utils/object.ts
@@ -7994,7 +8037,7 @@ var style_module_default2 = {
 };
 
 // src/components/Icon/index.tsx
-import { jsx as jsx164 } from "react/jsx-runtime";
+import { jsx as jsx165 } from "react/jsx-runtime";
 var iconSizeMap = {
   xs: 16,
   s: 20,
@@ -8048,7 +8091,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
   } = props;
   const IconComponent = getIconComponent(name, iconMap);
   const iconSize = iconSizeMap[size];
-  return /* @__PURE__ */ jsx164(
+  return /* @__PURE__ */ jsx165(
     IconComponent,
     {
       ...rest,
@@ -8077,7 +8120,7 @@ var style_module_default3 = {
 
 // src/components/Loading/index.tsx
 import { cva as cva2 } from "cva";
-import { jsx as jsx165, jsxs as jsxs114 } from "react/jsx-runtime";
+import { jsx as jsx166, jsxs as jsxs115 } from "react/jsx-runtime";
 var loadingVariants = cva2({
   base: [style_module_default3["loading-dot"]],
   variants: {
@@ -8096,15 +8139,15 @@ var loadingVariants = cva2({
   }
 });
 var Loading = /* @__PURE__ */ __name(({ size = "m", level = "inverse-label-static-primary" }) => {
-  return /* @__PURE__ */ jsxs114("div", { className: style_module_default3.loading, children: [
-    /* @__PURE__ */ jsx165("div", { className: loadingVariants({ size, level }) }),
-    /* @__PURE__ */ jsx165("div", { className: loadingVariants({ size, level }) }),
-    /* @__PURE__ */ jsx165("div", { className: loadingVariants({ size, level }) })
+  return /* @__PURE__ */ jsxs115("div", { className: style_module_default3.loading, children: [
+    /* @__PURE__ */ jsx166("div", { className: loadingVariants({ size, level }) }),
+    /* @__PURE__ */ jsx166("div", { className: loadingVariants({ size, level }) }),
+    /* @__PURE__ */ jsx166("div", { className: loadingVariants({ size, level }) })
   ] });
 }, "Loading");
 
 // src/components/Button/index.tsx
-import { Fragment as Fragment4, jsx as jsx166, jsxs as jsxs115 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx167, jsxs as jsxs116 } from "react/jsx-runtime";
 var buttonIconSizeMap = {
   cta: "m",
   l: "s",
@@ -8237,13 +8280,13 @@ var DefaultButton = forwardRef(
       type: buttonFillLevelIconTypeMap[`${fill}`][level],
       fillType: buttonFillLevelIconFillTypeMap[`${fill}`][level]
     };
-    const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs115("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
-      !!leftIcon && !isLoading && /* @__PURE__ */ jsx166(Icon, { ...iconProps, ...leftIcon }),
-      isLoading ? !!leftIcon || !!rightIcon ? /* @__PURE__ */ jsxs115(Fragment4, { children: [
-        /* @__PURE__ */ jsx166(Loading, { size: buttonLoadingSizeMap[size], level: buttonLoadingLevelMap[level] }),
-        /* @__PURE__ */ jsx166("p", { className: style_module_default.content, children: children2 })
-      ] }) : /* @__PURE__ */ jsx166(Loading, { size: buttonLoadingSizeMap[size], level: buttonLoadingLevelMap[level] }) : /* @__PURE__ */ jsx166("p", { className: style_module_default.content, children: children2 }),
-      !!rightIcon && !isLoading && /* @__PURE__ */ jsx166(Icon, { ...iconProps, ...rightIcon })
+    const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs116("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
+      !!leftIcon && !isLoading && /* @__PURE__ */ jsx167(Icon, { ...iconProps, ...leftIcon }),
+      isLoading ? !!leftIcon || !!rightIcon ? /* @__PURE__ */ jsxs116(Fragment4, { children: [
+        /* @__PURE__ */ jsx167(Loading, { size: buttonLoadingSizeMap[size], level: buttonLoadingLevelMap[level] }),
+        /* @__PURE__ */ jsx167("p", { className: style_module_default.content, children: children2 })
+      ] }) : /* @__PURE__ */ jsx167(Loading, { size: buttonLoadingSizeMap[size], level: buttonLoadingLevelMap[level] }) : /* @__PURE__ */ jsx167("p", { className: style_module_default.content, children: children2 }),
+      !!rightIcon && !isLoading && /* @__PURE__ */ jsx167(Icon, { ...iconProps, ...rightIcon })
     ] }), "renderContent");
     if (asChild) {
       const parent = Children.only(children);
@@ -8259,7 +8302,7 @@ var DefaultButton = forwardRef(
       );
       return ParentClone;
     }
-    return /* @__PURE__ */ jsx166(
+    return /* @__PURE__ */ jsx167(
       "button",
       {
         ...rest,
@@ -8274,7 +8317,7 @@ var DefaultButton = forwardRef(
   }
 );
 DefaultButton.displayName = "DefaultButton";
-var Button = forwardRef((props, ref) => /* @__PURE__ */ jsx166(DefaultButton, { ...props, ref }));
+var Button = forwardRef((props, ref) => /* @__PURE__ */ jsx167(DefaultButton, { ...props, ref }));
 Button.displayName = "Button";
 
 // src/hooks/useToast.ts
@@ -8371,10 +8414,10 @@ var colorVariants = cva4({
 });
 
 // src/components/Typography/Set/Paragraph.tsx
-import { jsx as jsx167 } from "react/jsx-runtime";
+import { jsx as jsx168 } from "react/jsx-runtime";
 var Paragraph = forwardRef2(
   ({ size, type, weight, className, children, color = "neutral-label-primary", as: Element = "p", ...rest }, ref) => {
-    return /* @__PURE__ */ jsx167(
+    return /* @__PURE__ */ jsx168(
       Element,
       {
         ...rest,
@@ -8865,13 +8908,13 @@ var loading_default = {
 
 // src/components/Toast/index.tsx
 import { millisecondsInSecond as millisecondsInSecond2 } from "date-fns/constants";
-import { jsx as jsx168, jsxs as jsxs116 } from "react/jsx-runtime";
+import { jsx as jsx169, jsxs as jsxs117 } from "react/jsx-runtime";
 import { createElement } from "react";
 var Toaster = /* @__PURE__ */ __name(() => {
   const list = useRecoilValue(toastAtom);
-  return /* @__PURE__ */ jsxs116(Provider, { children: [
+  return /* @__PURE__ */ jsxs117(Provider, { children: [
     list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
-    /* @__PURE__ */ jsx168(Viewport, { className: style_module_default4.ToastViewport })
+    /* @__PURE__ */ jsx169(Viewport, { className: style_module_default4.ToastViewport })
   ] });
 }, "Toaster");
 var SingleToast = /* @__PURE__ */ __name((props) => {
@@ -8913,12 +8956,12 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
   }, [isLoading]);
   const renderIcon = /* @__PURE__ */ __name(() => {
     if (!icon) return null;
-    return /* @__PURE__ */ jsx168("i", { className: style_module_default4.Icon, children: /* @__PURE__ */ jsx168(Icon, { ...icon, size: "m" }) });
+    return /* @__PURE__ */ jsx169("i", { className: style_module_default4.Icon, children: /* @__PURE__ */ jsx169(Icon, { ...icon, size: "m" }) });
   }, "renderIcon");
-  return /* @__PURE__ */ jsxs116(Root, { className: style_module_default4.ToastRoot, open: isOpen, ...props, children: [
-    isLoading && !toastSuccess.current ? /* @__PURE__ */ jsx168("div", { ref: lottieRef, style: { width: "24px", height: "24px" } }) : renderIcon(),
-    /* @__PURE__ */ jsxs116(Title, { className: style_module_default4.ToastTitle, children: [
-      /* @__PURE__ */ jsx168(
+  return /* @__PURE__ */ jsxs117(Root, { className: style_module_default4.ToastRoot, open: isOpen, ...props, children: [
+    isLoading && !toastSuccess.current ? /* @__PURE__ */ jsx169("div", { ref: lottieRef, style: { width: "24px", height: "24px" } }) : renderIcon(),
+    /* @__PURE__ */ jsxs117(Title, { className: style_module_default4.ToastTitle, children: [
+      /* @__PURE__ */ jsx169(
         Paragraph,
         {
           className: style_module_default4.TitleText,
@@ -8929,7 +8972,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
           children: message
         }
       ),
-      button && /* @__PURE__ */ jsx168(
+      button && /* @__PURE__ */ jsx169(
         Button,
         {
           onClick: () => {
@@ -8953,11 +8996,11 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
 // src/components/Typography/Set/Heading.tsx
 import { forwardRef as forwardRef3 } from "react";
 import clsx4 from "clsx";
-import { jsx as jsx169 } from "react/jsx-runtime";
+import { jsx as jsx170 } from "react/jsx-runtime";
 var Heading = forwardRef3(
   ({ size, children, type, className, color = "neutral-label-primary", as, ...rest }, ref) => {
     const Element = as || `h${size}`;
-    return /* @__PURE__ */ jsx169(
+    return /* @__PURE__ */ jsx170(
       Element,
       {
         ...rest,
@@ -8972,10 +9015,10 @@ var Heading = forwardRef3(
 // src/components/Typography/Set/Caption.tsx
 import clsx5 from "clsx";
 import { forwardRef as forwardRef4 } from "react";
-import { jsx as jsx170 } from "react/jsx-runtime";
+import { jsx as jsx171 } from "react/jsx-runtime";
 var Caption = forwardRef4(
   ({ children, size, weight, type, className, color = "neutral-label-primary", as: Element = "p", ...rest }, ref) => {
-    return /* @__PURE__ */ jsx170(
+    return /* @__PURE__ */ jsx171(
       Element,
       {
         ...rest,
@@ -8995,10 +9038,10 @@ var Caption = forwardRef4(
 // src/components/Typography/Set/Title.tsx
 import { forwardRef as forwardRef5 } from "react";
 import clsx6 from "clsx";
-import { jsx as jsx171 } from "react/jsx-runtime";
+import { jsx as jsx172 } from "react/jsx-runtime";
 var Title2 = forwardRef5(
   ({ weight, size, type, className, children, color = "neutral-label-primary", as: Element = "p", ...rest }, ref) => {
-    return /* @__PURE__ */ jsx171(
+    return /* @__PURE__ */ jsx172(
       Element,
       {
         ...rest,
@@ -9013,10 +9056,10 @@ var Title2 = forwardRef5(
 // src/components/Typography/Set/Display.tsx
 import clsx7 from "clsx";
 import { forwardRef as forwardRef6 } from "react";
-import { jsx as jsx172 } from "react/jsx-runtime";
+import { jsx as jsx173 } from "react/jsx-runtime";
 var Display = forwardRef6(
   ({ size, type, weight, className, children, color = "neutral-label-primary", as: Element = "p", ...rest }, ref) => {
-    return /* @__PURE__ */ jsx172(
+    return /* @__PURE__ */ jsx173(
       Element,
       {
         ...rest,
@@ -9049,7 +9092,7 @@ var rootMediaStyle = AppMedia.createMediaStyle();
 var { MediaContextProvider, Media } = AppMedia;
 
 // src/components/Typography/Responsive/index.tsx
-import { Fragment as Fragment5, jsx as jsx173 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx174 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var TypographyImpl = /* @__PURE__ */ __name(({ level, text, ...rest }) => {
   const commonProps = {
@@ -9058,15 +9101,15 @@ var TypographyImpl = /* @__PURE__ */ __name(({ level, text, ...rest }) => {
   };
   switch (level) {
     case "caption":
-      return /* @__PURE__ */ jsx173(Caption, { ...commonProps });
+      return /* @__PURE__ */ jsx174(Caption, { ...commonProps });
     case "display":
-      return /* @__PURE__ */ jsx173(Display, { ...commonProps });
+      return /* @__PURE__ */ jsx174(Display, { ...commonProps });
     case "heading":
-      return /* @__PURE__ */ jsx173(Heading, { ...commonProps });
+      return /* @__PURE__ */ jsx174(Heading, { ...commonProps });
     case "paragraph":
-      return /* @__PURE__ */ jsx173(Paragraph, { ...commonProps });
+      return /* @__PURE__ */ jsx174(Paragraph, { ...commonProps });
     case "title":
-      return /* @__PURE__ */ jsx173(Title2, { ...commonProps });
+      return /* @__PURE__ */ jsx174(Title2, { ...commonProps });
     default:
       return null;
   }
@@ -9107,11 +9150,11 @@ var Typography = /* @__PURE__ */ __name((props) => {
   }, "createMediaProps");
   return (
     // Fragment없이도 원래 동작해야하는데 liner-web에서 JSX.Element가 배열로 오면 에러 띄워서 임시로 Fragment로 래핑합니다.
-    /* @__PURE__ */ jsx173(Fragment5, { children: breakPointKeyArray.map((breakPointKey) => {
+    /* @__PURE__ */ jsx174(Fragment5, { children: breakPointKeyArray.map((breakPointKey) => {
       const variable = props[breakPointKey];
       const isExistVariable = !!variable;
       if (isExistVariable) {
-        return /* @__PURE__ */ createElement2(Media, { ...createMediaProps(breakPointKey), key: breakPointKey }, /* @__PURE__ */ jsx173(TypographyImpl, { ...variable, text: variable.text || children }));
+        return /* @__PURE__ */ createElement2(Media, { ...createMediaProps(breakPointKey), key: breakPointKey }, /* @__PURE__ */ jsx174(TypographyImpl, { ...variable, text: variable.text || children }));
       }
       return null;
     }) })
@@ -9165,7 +9208,7 @@ var style_module_default7 = {
 // src/components/TextButton/index.tsx
 import { Children as Children2, cloneElement as cloneElement2, forwardRef as forwardRef7 } from "react";
 import clsx8 from "clsx";
-import { jsx as jsx174, jsxs as jsxs117 } from "react/jsx-runtime";
+import { jsx as jsx175, jsxs as jsxs118 } from "react/jsx-runtime";
 var textButtonLevelIconTypeMap = {
   primary: "brand-label-primary",
   secondary: "neutral-label-primary",
@@ -9222,10 +9265,10 @@ var TextButton = forwardRef7(
       fillType: textButtonLevelIconFillTypeMap[level],
       ...icon
     }), "getIconProps");
-    const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs117("span", { className: style_module_default7["text-children"], children: [
-      leftIcon && /* @__PURE__ */ jsx174(Icon, { ...getIconProps(leftIcon) }),
-      /* @__PURE__ */ jsx174("p", { children: children2 }),
-      rightIcon && /* @__PURE__ */ jsx174(Icon, { ...getIconProps(rightIcon) })
+    const renderContent = /* @__PURE__ */ __name((children2) => /* @__PURE__ */ jsxs118("span", { className: style_module_default7["text-children"], children: [
+      leftIcon && /* @__PURE__ */ jsx175(Icon, { ...getIconProps(leftIcon) }),
+      /* @__PURE__ */ jsx175("p", { children: children2 }),
+      rightIcon && /* @__PURE__ */ jsx175(Icon, { ...getIconProps(rightIcon) })
     ] }), "renderContent");
     if (asChild) {
       const parent = Children2.only(children);
@@ -9239,7 +9282,7 @@ var TextButton = forwardRef7(
         renderContent(parent.props.children)
       );
     }
-    return /* @__PURE__ */ jsx174(
+    return /* @__PURE__ */ jsx175(
       "button",
       {
         className: clsx8(textButtonVariants({ level, thick, underline, size }), className),
@@ -9253,7 +9296,7 @@ var TextButton = forwardRef7(
 TextButton.displayName = "TextButton";
 
 // src/components/Popover/index.tsx
-import { Fragment as Fragment6, jsx as jsx175, jsxs as jsxs118 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx176, jsxs as jsxs119 } from "react/jsx-runtime";
 var DEFAULT_OFFSET = -6;
 var popoverVariants = cva6({
   base: style_module_default6.content,
@@ -9277,9 +9320,9 @@ var popoverTagVariants = cva6({ base: [style_module_default6.tag, "lp-sys-typo-c
 var popoverTitleVariants = cva6({ base: [style_module_default6.title, "lp-sys-typo-paragraph3-normal-bold"] });
 var popoverDescriptionVariants = cva6({ base: [style_module_default6.description, "lp-sys-typo-caption1-normal-regular"] });
 var popoverFooterVariants = cva6({ base: [style_module_default6.footer, "lp-sys-typo-caption1-normal-medium"] });
-var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx175(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
-var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx175(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
-var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx175("svg", { className, xmlns: "http://www.w3.org/2000/svg", width: "30", height: "10", viewBox: "0 0 30 10", fill: "none", children: /* @__PURE__ */ jsx175(
+var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx176(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
+var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx176(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
+var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx176("svg", { className, xmlns: "http://www.w3.org/2000/svg", width: "30", height: "10", viewBox: "0 0 30 10", fill: "none", children: /* @__PURE__ */ jsx176(
   "path",
   {
     fillRule: "evenodd",
@@ -9306,8 +9349,8 @@ var PopoverContent = React3.forwardRef(
     children,
     container,
     ...props
-  }, ref) => /* @__PURE__ */ jsx175(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsxs118(Fragment6, { children: [
-    /* @__PURE__ */ jsxs118(
+  }, ref) => /* @__PURE__ */ jsx176(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsxs119(Fragment6, { children: [
+    /* @__PURE__ */ jsxs119(
       PopoverPrimitive.Content,
       {
         ref,
@@ -9318,24 +9361,24 @@ var PopoverContent = React3.forwardRef(
         className: clsx9(popoverVariants({ level }), className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs118("div", { className: style_module_default6.contentContainer, children: [
-            (tag || icon || onClose) && /* @__PURE__ */ jsxs118("div", { className: style_module_default6.heading, children: [
-              tag && /* @__PURE__ */ jsx175("span", { className: popoverTagVariants(), children: tag }),
-              icon && /* @__PURE__ */ jsx175(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
-              /* @__PURE__ */ jsx175("p", { className: popoverTitleVariants(), children: title }),
-              onClose && /* @__PURE__ */ jsx175(
+          /* @__PURE__ */ jsxs119("div", { className: style_module_default6.contentContainer, children: [
+            (tag || icon || onClose) && /* @__PURE__ */ jsxs119("div", { className: style_module_default6.heading, children: [
+              tag && /* @__PURE__ */ jsx176("span", { className: popoverTagVariants(), children: tag }),
+              icon && /* @__PURE__ */ jsx176(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
+              /* @__PURE__ */ jsx176("p", { className: popoverTitleVariants(), children: title }),
+              onClose && /* @__PURE__ */ jsx176(
                 PopoverPrimitive.PopoverClose,
                 {
                   className: style_module_default6.closeButton,
                   onClick: () => {
                     onClose();
                   },
-                  children: /* @__PURE__ */ jsx175(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
+                  children: /* @__PURE__ */ jsx176(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
                 }
               )
             ] }),
-            description && /* @__PURE__ */ jsx175("p", { className: popoverDescriptionVariants(), children: description }),
-            onConfirm && /* @__PURE__ */ jsx175("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx175(
+            description && /* @__PURE__ */ jsx176("p", { className: popoverDescriptionVariants(), children: description }),
+            onConfirm && /* @__PURE__ */ jsx176("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx176(
               TextButton,
               {
                 level: "inverse-static",
@@ -9347,11 +9390,11 @@ var PopoverContent = React3.forwardRef(
             ) }),
             children
           ] }),
-          /* @__PURE__ */ jsx175(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx175(PopoverAnchor, { className: clsx9(popoverAnchorVariants({ level })) }) })
+          /* @__PURE__ */ jsx176(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx176(PopoverAnchor, { className: clsx9(popoverAnchorVariants({ level })) }) })
         ]
       }
     ),
-    isOverlay && /* @__PURE__ */ jsx175("div", { "data-radix-popper-overlay": true, className: style_module_default6.overlay })
+    isOverlay && /* @__PURE__ */ jsx176("div", { "data-radix-popper-overlay": true, className: style_module_default6.overlay })
   ] }) })
 );
 var Popover = Object.assign(PopoverRoot, {
@@ -9374,14 +9417,14 @@ var style_module_default8 = {
 // src/components/Tooltip/index.tsx
 import { cva as cva7 } from "cva";
 import clsx10 from "clsx";
-import { jsx as jsx176 } from "react/jsx-runtime";
+import { jsx as jsx177 } from "react/jsx-runtime";
 var DEFAULT_OFFSET2 = "medium";
 var tooltipVariants = cva7({ base: [style_module_default8.tooltip, "lp-sys-typo-caption1-normal-medium"] });
 var TooltipProvider = TooltipPrimitive.Provider;
-var TooltipRoot = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ jsx176(TooltipPrimitive.Root, { delayDuration: 0, ...props, children }), "TooltipRoot");
-var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx176(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
+var TooltipRoot = /* @__PURE__ */ __name(({ children, ...props }) => /* @__PURE__ */ jsx177(TooltipPrimitive.Root, { delayDuration: 0, ...props, children }), "TooltipRoot");
+var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx177(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
 var TooltipContent = forwardRef9(
-  ({ description, position = "top", className, offset = DEFAULT_OFFSET2, collisionPadding, ...props }, ref) => /* @__PURE__ */ jsx176(
+  ({ description, position = "top", className, offset = DEFAULT_OFFSET2, collisionPadding, ...props }, ref) => /* @__PURE__ */ jsx177(
     TooltipPrimitive.Content,
     {
       ref,
@@ -9390,7 +9433,7 @@ var TooltipContent = forwardRef9(
       collisionPadding,
       className: clsx10(tooltipVariants(), className),
       ...props,
-      children: /* @__PURE__ */ jsx176("p", { className: style_module_default8.tooltipContent, children: description })
+      children: /* @__PURE__ */ jsx177("p", { className: style_module_default8.tooltipContent, children: description })
     }
   )
 );
@@ -9425,7 +9468,7 @@ var style_module_default9 = {
 
 // src/components/IconButton/index.tsx
 import { Slot } from "@radix-ui/react-slot";
-import { jsx as jsx177 } from "react/jsx-runtime";
+import { jsx as jsx178 } from "react/jsx-runtime";
 var iconButtonSizeIconSizeMap = {
   l: "m",
   m: "s",
@@ -9509,7 +9552,7 @@ var IconButton = forwardRef10(
     ...rest
   }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx177(
+    return /* @__PURE__ */ jsx178(
       Comp,
       {
         ...rest,
@@ -9518,7 +9561,7 @@ var IconButton = forwardRef10(
         disabled: disabled && !isLoading,
         "aria-label": icon.name,
         role: "button",
-        children: isLoading ? /* @__PURE__ */ jsx177(Loading, { size: iconButtonLoadingSizeMap[size], level: iconButtonLoadingLevelMap[level] }) : /* @__PURE__ */ jsx177(
+        children: isLoading ? /* @__PURE__ */ jsx178(Loading, { size: iconButtonLoadingSizeMap[size], level: iconButtonLoadingLevelMap[level] }) : /* @__PURE__ */ jsx178(
           Icon,
           {
             size: iconButtonSizeIconSizeMap[size],
@@ -9571,7 +9614,7 @@ var style_module_default11 = {
 
 // src/components/Label/index.tsx
 import { cva as cva9 } from "cva";
-import { jsx as jsx178 } from "react/jsx-runtime";
+import { jsx as jsx179 } from "react/jsx-runtime";
 var defaultLabelVariants = cva9({
   base: ["lp-sys-typo-paragraph2-normal-medium", style_module_default11.label],
   variants: {
@@ -9612,7 +9655,7 @@ var Label = forwardRef11(
     error = false,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx178(
+    return /* @__PURE__ */ jsx179(
       LabelPrimitive.Root,
       {
         ref,
@@ -9628,17 +9671,17 @@ var Label = forwardRef11(
 Label.displayName = "Label";
 
 // src/components/CheckBox/index.tsx
-import { Fragment as Fragment7, jsx as jsx179, jsxs as jsxs119 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx180, jsxs as jsxs120 } from "react/jsx-runtime";
 var Checkbox = forwardRef12(
   ({ className, label, description, ...props }, ref) => {
-    const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs119(Label, { position: "right", htmlFor: props.id, children: [
-      /* @__PURE__ */ jsxs119("div", { className: style_module_default10["label-wrapper"], children: [
+    const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs120(Label, { position: "right", htmlFor: props.id, children: [
+      /* @__PURE__ */ jsxs120("div", { className: style_module_default10["label-wrapper"], children: [
         label,
-        /* @__PURE__ */ jsx179(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
+        /* @__PURE__ */ jsx180(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
       children
-    ] }) : /* @__PURE__ */ jsx179(Fragment7, { children }), "CheckboxWrapper");
-    return /* @__PURE__ */ jsx179(CheckboxWrapper, { children: /* @__PURE__ */ jsx179(CheckboxPrimitive.Root, { className: clsx13(style_module_default10.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx179(CheckboxPrimitive.Indicator, { className: style_module_default10["checkbox-indicator"], children: /* @__PURE__ */ jsx179(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
+    ] }) : /* @__PURE__ */ jsx180(Fragment7, { children }), "CheckboxWrapper");
+    return /* @__PURE__ */ jsx180(CheckboxWrapper, { children: /* @__PURE__ */ jsx180(CheckboxPrimitive.Root, { className: clsx13(style_module_default10.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx180(CheckboxPrimitive.Indicator, { className: style_module_default10["checkbox-indicator"], children: /* @__PURE__ */ jsx180(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
   }
 );
 
@@ -9656,27 +9699,27 @@ var style_module_default12 = {
 };
 
 // src/components/Radio/index.tsx
-import { Fragment as Fragment8, jsx as jsx180, jsxs as jsxs120 } from "react/jsx-runtime";
-var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx180("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx180("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
-var RadioRoot = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */ jsx180(RadioGroupPrimitive.Root, { ref, className, ...props }));
+import { Fragment as Fragment8, jsx as jsx181, jsxs as jsxs121 } from "react/jsx-runtime";
+var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx181("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx181("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
+var RadioRoot = forwardRef13(({ className, ...props }, ref) => /* @__PURE__ */ jsx181(RadioGroupPrimitive.Root, { ref, className, ...props }));
 RadioRoot.displayName = "RadioRoot";
 var RadioItem = forwardRef13(
   ({ className, label, description, ...props }, ref) => {
-    const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs120(Label, { position: "right", children: [
-      /* @__PURE__ */ jsxs120("div", { className: style_module_default12["label-wrapper"], children: [
+    const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs121(Label, { position: "right", children: [
+      /* @__PURE__ */ jsxs121("div", { className: style_module_default12["label-wrapper"], children: [
         label,
-        description && /* @__PURE__ */ jsx180(Paragraph, { className: style_module_default12.description, size: 3, type: "normal", weight: "regular", children: description })
+        description && /* @__PURE__ */ jsx181(Paragraph, { className: style_module_default12.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
       children
-    ] }) : /* @__PURE__ */ jsx180(Fragment8, { children }), "RadioItemWrapper");
-    return /* @__PURE__ */ jsx180(RadioItemWrapper, { children: /* @__PURE__ */ jsx180(
+    ] }) : /* @__PURE__ */ jsx181(Fragment8, { children }), "RadioItemWrapper");
+    return /* @__PURE__ */ jsx181(RadioItemWrapper, { children: /* @__PURE__ */ jsx181(
       RadioGroupPrimitive.Item,
       {
         ref,
         className: clsx14(style_module_default12["radio-item"], className),
         ...props,
         "aria-label": label,
-        children: /* @__PURE__ */ jsx180(RadioGroupPrimitive.Indicator, { className: style_module_default12.indicator, children: /* @__PURE__ */ jsx180(RadioIndicator, {}) })
+        children: /* @__PURE__ */ jsx181(RadioGroupPrimitive.Indicator, { className: style_module_default12.indicator, children: /* @__PURE__ */ jsx181(RadioIndicator, {}) })
       }
     ) });
   }
@@ -9721,7 +9764,7 @@ var style_module_default13 = {
 import { cva as cva10 } from "cva";
 import clsx15 from "clsx";
 import { flushSync } from "react-dom";
-import { Fragment as Fragment9, jsx as jsx181, jsxs as jsxs121 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx182, jsxs as jsxs122 } from "react/jsx-runtime";
 var defaultTextfieldVariants = cva10({
   base: style_module_default13.textfield,
   variants: {
@@ -9790,8 +9833,8 @@ var Textfield = forwardRef14((props, ref) => {
     }
   }, "handleDeidentify");
   useImperativeHandle(ref, () => inputRef.current);
-  return /* @__PURE__ */ jsxs121("div", { className: style_module_default13["textfield-container"], children: [
-    /* @__PURE__ */ jsx181(
+  return /* @__PURE__ */ jsxs122("div", { className: style_module_default13["textfield-container"], children: [
+    /* @__PURE__ */ jsx182(
       "div",
       {
         className: clsx15(defaultTextfieldVariants({ color }), {
@@ -9799,8 +9842,8 @@ var Textfield = forwardRef14((props, ref) => {
           [style_module_default13["label-out-textfield"]]: !label || labelType === "out"
         }),
         onClick: handleTextfieldClick,
-        children: /* @__PURE__ */ jsxs121("div", { className: style_module_default13["input-wrapper"], children: [
-          /* @__PURE__ */ jsx181(
+        children: /* @__PURE__ */ jsxs122("div", { className: style_module_default13["input-wrapper"], children: [
+          /* @__PURE__ */ jsx182(
             "input",
             {
               className: clsx15(style_module_default13.input, {
@@ -9815,7 +9858,7 @@ var Textfield = forwardRef14((props, ref) => {
               ...rest
             }
           ),
-          /* @__PURE__ */ jsx181(
+          /* @__PURE__ */ jsx182(
             Label,
             {
               className: clsx15(style_module_default13.label, {
@@ -9827,8 +9870,8 @@ var Textfield = forwardRef14((props, ref) => {
               children: labelText
             }
           ),
-          /* @__PURE__ */ jsxs121("div", { className: style_module_default13["input-action-buttons"], children: [
-            textfieldValue && !disabled && /* @__PURE__ */ jsx181(
+          /* @__PURE__ */ jsxs122("div", { className: style_module_default13["input-action-buttons"], children: [
+            textfieldValue && !disabled && /* @__PURE__ */ jsx182(
               IconButton,
               {
                 tabIndex: -1,
@@ -9846,7 +9889,7 @@ var Textfield = forwardRef14((props, ref) => {
                 }
               }
             ),
-            isPassword && !disabled && /* @__PURE__ */ jsx181(
+            isPassword && !disabled && /* @__PURE__ */ jsx182(
               IconButton,
               {
                 tabIndex: -1,
@@ -9864,14 +9907,14 @@ var Textfield = forwardRef14((props, ref) => {
                 }
               }
             ),
-            buttonProps && /* @__PURE__ */ jsx181(Button, { ...buttonProps, size: "m", type: "button" })
+            buttonProps && /* @__PURE__ */ jsx182(Button, { ...buttonProps, size: "m", type: "button" })
           ] })
         ] })
       }
     ),
-    displayFooter && /* @__PURE__ */ jsxs121("div", { className: style_module_default13.footer, children: [
-      /* @__PURE__ */ jsx181("div", { className: style_module_default13["error-wrapper"], children: error && /* @__PURE__ */ jsxs121(Fragment9, { children: [
-        /* @__PURE__ */ jsx181(
+    displayFooter && /* @__PURE__ */ jsxs122("div", { className: style_module_default13.footer, children: [
+      /* @__PURE__ */ jsx182("div", { className: style_module_default13["error-wrapper"], children: error && /* @__PURE__ */ jsxs122(Fragment9, { children: [
+        /* @__PURE__ */ jsx182(
           Icon,
           {
             name: "exclamationmark-fill",
@@ -9881,9 +9924,9 @@ var Textfield = forwardRef14((props, ref) => {
             type: "function-label-negative"
           }
         ),
-        /* @__PURE__ */ jsx181(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default13["error-message"], children: error })
+        /* @__PURE__ */ jsx182(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default13["error-message"], children: error })
       ] }) }),
-      maxCharacter && /* @__PURE__ */ jsxs121(Caption, { className: style_module_default13.character, size: 3, type: "normal", weight: "regular", children: [
+      maxCharacter && /* @__PURE__ */ jsxs122(Caption, { className: style_module_default13.character, size: 3, type: "normal", weight: "regular", children: [
         isControlled ? controlledValue.length : value.length,
         "/",
         maxCharacter
@@ -9911,29 +9954,29 @@ var style_module_default14 = {
 
 // src/components/Slider/index.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { Fragment as Fragment10, jsx as jsx182, jsxs as jsxs122 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx183, jsxs as jsxs123 } from "react/jsx-runtime";
 var SliderRoot = forwardRef15((props, ref) => {
   const { label, tooltip, rangeLeft, rangeRight, min, max, step = 50, ...rest } = props;
-  return /* @__PURE__ */ jsx182(Fragment10, { children: /* @__PURE__ */ jsxs122(Tooltip.Provider, { children: [
-    /* @__PURE__ */ jsx182(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default14.label, children: label }),
-    /* @__PURE__ */ jsxs122("div", { className: style_module_default14["slider-wrapper"], children: [
-      /* @__PURE__ */ jsxs122("div", { className: style_module_default14["slider-option-wrapper"], children: [
-        /* @__PURE__ */ jsx182(Icon, { name: rangeLeft.icon, size: "xs" }),
-        /* @__PURE__ */ jsx182(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default14.optionText, children: rangeLeft.text })
+  return /* @__PURE__ */ jsx183(Fragment10, { children: /* @__PURE__ */ jsxs123(Tooltip.Provider, { children: [
+    /* @__PURE__ */ jsx183(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default14.label, children: label }),
+    /* @__PURE__ */ jsxs123("div", { className: style_module_default14["slider-wrapper"], children: [
+      /* @__PURE__ */ jsxs123("div", { className: style_module_default14["slider-option-wrapper"], children: [
+        /* @__PURE__ */ jsx183(Icon, { name: rangeLeft.icon, size: "xs" }),
+        /* @__PURE__ */ jsx183(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default14.optionText, children: rangeLeft.text })
       ] }),
-      /* @__PURE__ */ jsxs122(SliderPrimitive.Root, { ...rest, step, className: style_module_default14["slider-root"], ref, children: [
-        /* @__PURE__ */ jsxs122(SliderPrimitive.Track, { className: style_module_default14["slider-track"], children: [
-          Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ jsx182("span", { className: style_module_default14["slider-step"] }, index)),
-          /* @__PURE__ */ jsx182(SliderPrimitive.Range, { className: style_module_default14["slider-range"] })
+      /* @__PURE__ */ jsxs123(SliderPrimitive.Root, { ...rest, step, className: style_module_default14["slider-root"], ref, children: [
+        /* @__PURE__ */ jsxs123(SliderPrimitive.Track, { className: style_module_default14["slider-track"], children: [
+          Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ jsx183("span", { className: style_module_default14["slider-step"] }, index)),
+          /* @__PURE__ */ jsx183(SliderPrimitive.Range, { className: style_module_default14["slider-range"] })
         ] }),
-        /* @__PURE__ */ jsxs122(Tooltip, { children: [
-          /* @__PURE__ */ jsx182(Tooltip.Trigger, { by: /* @__PURE__ */ jsx182(SliderPrimitive.Thumb, { className: style_module_default14["slider-thumb"] }) }),
-          /* @__PURE__ */ jsx182(Tooltip.Content, { description: tooltip })
+        /* @__PURE__ */ jsxs123(Tooltip, { children: [
+          /* @__PURE__ */ jsx183(Tooltip.Trigger, { by: /* @__PURE__ */ jsx183(SliderPrimitive.Thumb, { className: style_module_default14["slider-thumb"] }) }),
+          /* @__PURE__ */ jsx183(Tooltip.Content, { description: tooltip })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs122("div", { className: style_module_default14["slider-option-wrapper"], children: [
-        /* @__PURE__ */ jsx182(Icon, { name: rangeRight.icon, size: "xs" }),
-        /* @__PURE__ */ jsx182(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default14.optionText, children: rangeRight.text })
+      /* @__PURE__ */ jsxs123("div", { className: style_module_default14["slider-option-wrapper"], children: [
+        /* @__PURE__ */ jsx183(Icon, { name: rangeRight.icon, size: "xs" }),
+        /* @__PURE__ */ jsx183(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default14.optionText, children: rangeRight.text })
       ] })
     ] })
   ] }) });
@@ -9977,11 +10020,11 @@ import {
   useState as useState4
 } from "react";
 import clsx16 from "clsx";
-import { jsx as jsx183, jsxs as jsxs123 } from "react/jsx-runtime";
-var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx183("div", { className: style_module_default15.badgeContainer, children: /* @__PURE__ */ jsx183(Caption, { className: style_module_default15.badge, size: 2, type: "normal", weight: "medium", children }) }), "Badge");
+import { jsx as jsx184, jsxs as jsxs124 } from "react/jsx-runtime";
+var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx184("div", { className: style_module_default15.badgeContainer, children: /* @__PURE__ */ jsx184(Caption, { className: style_module_default15.badge, size: 2, type: "normal", weight: "medium", children }) }), "Badge");
 var SelectContent = forwardRef16((props, ref) => {
   const { id, isResponsive, popSide, sideOffset, listLabel, children, container } = props;
-  return /* @__PURE__ */ jsx183(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsx183(
+  return /* @__PURE__ */ jsx184(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsx184(
     SelectPrimitive.Content,
     {
       id: `select-content-${id}`,
@@ -10003,12 +10046,12 @@ var SelectContent = forwardRef16((props, ref) => {
       side: popSide,
       sideOffset,
       avoidCollisions: false,
-      children: /* @__PURE__ */ jsxs123(ScrollArea.Root, { className: style_module_default15.scrollAreaRoot, type: "always", children: [
-        /* @__PURE__ */ jsx183(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx183(ScrollArea.Viewport, { className: style_module_default15.scrollAreaViewport, style: { maxHeight: "268px", overflowY: "auto" }, children: /* @__PURE__ */ jsxs123(SelectPrimitive.Group, { children: [
-          listLabel && /* @__PURE__ */ jsx183(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx183(Label, { className: style_module_default15["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
+      children: /* @__PURE__ */ jsxs124(ScrollArea.Root, { className: style_module_default15.scrollAreaRoot, type: "always", children: [
+        /* @__PURE__ */ jsx184(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx184(ScrollArea.Viewport, { className: style_module_default15.scrollAreaViewport, style: { maxHeight: "268px", overflowY: "auto" }, children: /* @__PURE__ */ jsxs124(SelectPrimitive.Group, { children: [
+          listLabel && /* @__PURE__ */ jsx184(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx184(Label, { className: style_module_default15["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
           children
         ] }) }) }),
-        /* @__PURE__ */ jsx183(ScrollArea.Scrollbar, { className: style_module_default15.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx183(ScrollArea.Thumb, { className: style_module_default15.scrollAreaThumb }) })
+        /* @__PURE__ */ jsx184(ScrollArea.Scrollbar, { className: style_module_default15.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx184(ScrollArea.Thumb, { className: style_module_default15.scrollAreaThumb }) })
       ] })
     }
   ) });
@@ -10036,12 +10079,12 @@ var SelectRoot = forwardRef16((props, ref) => {
   useEffect2(() => {
     setIsOpen(open);
   }, [open]);
-  return /* @__PURE__ */ jsxs123("div", { children: [
-    /* @__PURE__ */ jsxs123("div", { className: style_module_default15["label-container"], children: [
-      /* @__PURE__ */ jsx183(Label, { className: style_module_default15["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
-      badge && /* @__PURE__ */ jsx183(Badge, { children: badge })
+  return /* @__PURE__ */ jsxs124("div", { children: [
+    /* @__PURE__ */ jsxs124("div", { className: style_module_default15["label-container"], children: [
+      /* @__PURE__ */ jsx184(Label, { className: style_module_default15["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
+      badge && /* @__PURE__ */ jsx184(Badge, { children: badge })
     ] }),
-    /* @__PURE__ */ jsxs123(
+    /* @__PURE__ */ jsxs124(
       SelectPrimitive.Root,
       {
         ...rest,
@@ -10051,17 +10094,17 @@ var SelectRoot = forwardRef16((props, ref) => {
           setIsOpen(open2);
         },
         children: [
-          /* @__PURE__ */ jsxs123(SelectPrimitive.Trigger, { className: style_module_default15.trigger, ref, id, children: [
-            /* @__PURE__ */ jsx183(SelectPrimitive.Value, { className: style_module_default15.placeholder, placeholder }),
-            /* @__PURE__ */ jsx183(SelectPrimitive.Icon, { className: style_module_default15.openIcon, children: /* @__PURE__ */ jsx183(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
+          /* @__PURE__ */ jsxs124(SelectPrimitive.Trigger, { className: style_module_default15.trigger, ref, id, children: [
+            /* @__PURE__ */ jsx184(SelectPrimitive.Value, { className: style_module_default15.placeholder, placeholder }),
+            /* @__PURE__ */ jsx184(SelectPrimitive.Icon, { className: style_module_default15.openIcon, children: /* @__PURE__ */ jsx184(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
           ] }),
-          /* @__PURE__ */ jsx183(SelectContent, { ...contentProps })
+          /* @__PURE__ */ jsx184(SelectContent, { ...contentProps })
         ]
       }
     )
   ] });
 });
-var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ jsxs123(
+var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => /* @__PURE__ */ jsxs124(
   SelectPrimitive.Item,
   {
     className: style_module_default15.item,
@@ -10072,9 +10115,9 @@ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick
       onClick?.();
     },
     children: [
-      /* @__PURE__ */ jsx183(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx183(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
-      icon && /* @__PURE__ */ jsx183(SelectPrimitive.Icon, { className: style_module_default15.icon, children: /* @__PURE__ */ jsx183(Icon, { size: "xs", ...icon }) }),
-      /* @__PURE__ */ jsx183(SelectPrimitive.ItemIndicator, { className: style_module_default15.itemIndicator, children: /* @__PURE__ */ jsx183(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
+      /* @__PURE__ */ jsx184(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx184(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
+      icon && /* @__PURE__ */ jsx184(SelectPrimitive.Icon, { className: style_module_default15.icon, children: /* @__PURE__ */ jsx184(Icon, { size: "xs", ...icon }) }),
+      /* @__PURE__ */ jsx184(SelectPrimitive.ItemIndicator, { className: style_module_default15.itemIndicator, children: /* @__PURE__ */ jsx184(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
     ]
   }
 ), "SelectItem");
@@ -10094,11 +10137,11 @@ import { useState as useState5 } from "react";
 
 // src/hooks/collection.tsx
 import { createContext, useContext, useMemo } from "react";
-import { jsx as jsx184 } from "react/jsx-runtime";
+import { jsx as jsx185 } from "react/jsx-runtime";
 var CollectionContext = createContext(void 0);
 var CollectionProvider = /* @__PURE__ */ __name(({ value, onChangeValue, children }) => {
   const contextValue = useMemo(() => ({ value, onChangeValue }), [value, onChangeValue]);
-  return /* @__PURE__ */ jsx184(CollectionContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx185(CollectionContext.Provider, { value: contextValue, children });
 }, "CollectionProvider");
 var useCollectionContext = /* @__PURE__ */ __name(() => {
   const context = useContext(CollectionContext);
@@ -10110,16 +10153,16 @@ var useCollectionContext = /* @__PURE__ */ __name(() => {
 
 // src/components/List/index.tsx
 import clsx17 from "clsx";
-import { jsx as jsx185, jsxs as jsxs124 } from "react/jsx-runtime";
+import { jsx as jsx186, jsxs as jsxs125 } from "react/jsx-runtime";
 var ListRoot = /* @__PURE__ */ __name(({ children, className, ...props }) => {
-  return /* @__PURE__ */ jsx185(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx185("ul", { className: clsx17(style_module_default16.list, className), children }) });
+  return /* @__PURE__ */ jsx186(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx186("ul", { className: clsx17(style_module_default16.list, className), children }) });
 }, "ListRoot");
 var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => {
   const [isFocused, setIsFocused] = useState5(false);
   const { value: contextValue, onChangeValue } = useCollectionContext();
   const isSelected = contextValue === value;
   const iconProps = isSelected ? { name: "check-mark", type: "brand-label-primary", thick: true } : icon ? icon : {};
-  return /* @__PURE__ */ jsxs124(
+  return /* @__PURE__ */ jsxs125(
     "li",
     {
       className: style_module_default16.item,
@@ -10137,8 +10180,8 @@ var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
         onChangeValue?.(value);
       },
       children: [
-        /* @__PURE__ */ jsx185(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
-        (icon || isSelected) && /* @__PURE__ */ jsx185(Icon, { className: style_module_default16.icon, size: "xs", ...iconProps })
+        /* @__PURE__ */ jsx186(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
+        (icon || isSelected) && /* @__PURE__ */ jsx186(Icon, { className: style_module_default16.icon, size: "xs", ...iconProps })
       ]
     }
   );