@liner-fe/prism 2.0.0 → 2.1.0

package/lib/index.mjs

@@ -7238,6 +7238,32 @@ var ICLpPriIconMUndo = /* @__PURE__ */ __name((props) => {
   ) });
 }, "ICLpPriIconMUndo");
 
+// src/assets/lp-pri-icon-m-redo.tsx
+import { jsx as jsx157 } from "react/jsx-runtime";
+var ICLpPriIconMRedo = /* @__PURE__ */ __name((props) => {
+  const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
+  if (thick) {
+    return /* @__PURE__ */ jsx157("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx157(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M36.1723 16.414H17.5C10.5964 16.414 5 22.0105 5 28.914C5 35.8176 10.5964 41.414 17.5 41.414H38.9683V37.414H17.5C12.8056 37.414 9 33.6084 9 28.914C9 24.2196 12.8056 20.414 17.5 20.414H36.1743L29.5867 27.0016L32.4152 29.83L41.3743 20.8709C42.7307 19.5145 42.7307 17.3155 41.3743 15.9592L32.4152 7L29.5867 9.82843L36.1723 16.414Z",
+        fill: color
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx157("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx157(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M37.8794 16.5604H18C11.3726 16.5604 6 21.933 6 28.5604C6 35.1879 11.3726 40.5604 18 40.5604H38.9683V37.5604H18C13.0294 37.5604 9 33.531 9 28.5604C9 23.5899 13.0294 19.5604 18 19.5604H37.8815L30.4403 27.0016L32.5616 29.1229L41.5208 20.1638C42.6819 19.0027 42.6819 17.1202 41.5208 15.9592L32.5616 7L30.4403 9.12132L37.8794 16.5604Z",
+      fill: color
+    }
+  ) });
+}, "ICLpPriIconMRedo");
+
 // src/utils/icon.ts
 var iconMap = {
   "close-fill": ICCloseFill,
@@ -7395,7 +7421,8 @@ var iconMap = {
   "lp-pri-icon-m-folder-open-share": ICLpPriIconMFolderOpenShare,
   "lp-pri-icon-m-folder-share": ICLpPriIconMFolderShare,
   "lp-pri-icon-m-essay": ICLpPriIconMEssay,
-  "lp-pri-icon-m-undo": ICLpPriIconMUndo
+  "lp-pri-icon-m-undo": ICLpPriIconMUndo,
+  "lp-pri-icon-m-redo": ICLpPriIconMRedo
 };
 
 // src/utils/object.ts
@@ -7501,7 +7528,7 @@ var style_module_default2 = {
 };
 
 // src/components/Icon/index.tsx
-import { jsx as jsx157 } from "react/jsx-runtime";
+import { jsx as jsx158 } from "react/jsx-runtime";
 var iconSizeMap = {
   xs: 16,
   s: 20,
@@ -7554,7 +7581,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
   } = props;
   const IconComponent = getIconComponent(name, iconMap);
   const iconSize = iconSizeMap[size];
-  return /* @__PURE__ */ jsx157(
+  return /* @__PURE__ */ jsx158(
     IconComponent,
     {
       ...rest,
@@ -7567,7 +7594,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
 }, "Icon");
 
 // src/components/Button/index.tsx
-import { jsx as jsx158, jsxs as jsxs110 } from "react/jsx-runtime";
+import { jsx as jsx159, jsxs as jsxs110 } from "react/jsx-runtime";
 var buttonIconSizeMap = {
   cta: "m",
   l: "s",
@@ -7655,23 +7682,23 @@ var DefaultButton = forwardRef(
           ref
         },
         /* @__PURE__ */ jsxs110("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
-          !!leftIcon && /* @__PURE__ */ jsx158(Icon, { ...leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
-          /* @__PURE__ */ jsx158("p", { className: style_module_default.content, children: newChildren }),
-          !!rightIcon && /* @__PURE__ */ jsx158(Icon, { ...rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
+          !!leftIcon && /* @__PURE__ */ jsx159(Icon, { ...leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
+          /* @__PURE__ */ jsx159("p", { className: style_module_default.content, children: newChildren }),
+          !!rightIcon && /* @__PURE__ */ jsx159(Icon, { ...rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
         ] })
       );
       return ParentClone;
     }
-    return /* @__PURE__ */ jsx158(
+    return /* @__PURE__ */ jsx159(
       "button",
       {
         ...rest,
         className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
         ref,
         children: /* @__PURE__ */ jsxs110("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
-          !!leftIcon && /* @__PURE__ */ jsx158(Icon, { ...leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
-          /* @__PURE__ */ jsx158("p", { className: style_module_default.content, children }),
-          !!rightIcon && /* @__PURE__ */ jsx158(Icon, { ...rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
+          !!leftIcon && /* @__PURE__ */ jsx159(Icon, { ...leftIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
+          /* @__PURE__ */ jsx159("p", { className: style_module_default.content, children }),
+          !!rightIcon && /* @__PURE__ */ jsx159(Icon, { ...rightIcon, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
         ] })
       }
     );
@@ -7680,7 +7707,7 @@ var DefaultButton = forwardRef(
 var TextButton = forwardRef(
   ({ level = "inverse-primary", asChild = false, className, ...rest }, ref) => {
     const Component = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx158(Component, { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
+    return /* @__PURE__ */ jsx159(Component, { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
   }
 );
 var Button = forwardRef((props, ref) => {
@@ -7688,9 +7715,9 @@ var Button = forwardRef((props, ref) => {
   switch (rest.as) {
     case "default":
     case void 0:
-      return /* @__PURE__ */ jsx158(DefaultButton, { ...rest, ref });
+      return /* @__PURE__ */ jsx159(DefaultButton, { ...rest, ref });
     case "text":
-      return /* @__PURE__ */ jsx158(TextButton, { ...rest, ref });
+      return /* @__PURE__ */ jsx159(TextButton, { ...rest, ref });
   }
 });
 
@@ -7788,10 +7815,10 @@ var colorVariants = cva3(style_module_default4.typography, {
 });
 
 // src/components/Typography/Set/Paragraph.tsx
-import { jsx as jsx159 } from "react/jsx-runtime";
+import { jsx as jsx160 } from "react/jsx-runtime";
 var Paragraph = forwardRef2(
   ({ size, type, weight, className, children, color = "neutral-label-primary", ...rest }, ref) => {
-    return /* @__PURE__ */ jsx159(
+    return /* @__PURE__ */ jsx160(
       "p",
       {
         ...rest,
@@ -8281,13 +8308,13 @@ var loading_default = {
 };
 
 // src/components/Toast/index.tsx
-import { jsx as jsx160, jsxs as jsxs111 } from "react/jsx-runtime";
+import { jsx as jsx161, jsxs as jsxs111 } from "react/jsx-runtime";
 import { createElement } from "react";
 var Toaster = /* @__PURE__ */ __name(() => {
   const { list } = useRecoilValue(toastAtom);
   return /* @__PURE__ */ jsxs111(Provider, { children: [
     list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
-    /* @__PURE__ */ jsx160(Viewport, { className: style_module_default3.ToastViewport })
+    /* @__PURE__ */ jsx161(Viewport, { className: style_module_default3.ToastViewport })
   ] });
 }, "Toaster");
 var SingleToast = /* @__PURE__ */ __name((props) => {
@@ -8333,12 +8360,12 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
   }, [isLoading]);
   const renderIcon = /* @__PURE__ */ __name(() => {
     if (!icon) return null;
-    return /* @__PURE__ */ jsx160("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx160(Icon, { ...icon, size: "m" }) });
+    return /* @__PURE__ */ jsx161("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx161(Icon, { ...icon, size: "m" }) });
   }, "renderIcon");
   return /* @__PURE__ */ jsxs111(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
-    isLoading && !toastSuccess.current ? /* @__PURE__ */ jsx160("div", { ref: lottieRef, style: { width: "24px", height: "24px" } }) : renderIcon(),
+    isLoading && !toastSuccess.current ? /* @__PURE__ */ jsx161("div", { ref: lottieRef, style: { width: "24px", height: "24px" } }) : renderIcon(),
     /* @__PURE__ */ jsxs111(Title, { className: style_module_default3.ToastTitle, children: [
-      /* @__PURE__ */ jsx160(
+      /* @__PURE__ */ jsx161(
         Paragraph,
         {
           className: style_module_default3.TitleText,
@@ -8349,7 +8376,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
           children: message
         }
       ),
-      button && /* @__PURE__ */ jsx160(
+      button && /* @__PURE__ */ jsx161(
         Button,
         {
           onClick: () => {
@@ -8373,11 +8400,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 jsx161 } from "react/jsx-runtime";
+import { jsx as jsx162 } from "react/jsx-runtime";
 var Heading = forwardRef3(
   ({ size, children, type, className, color = "neutral-label-primary", ...rest }, ref) => {
     const Element = `h${size}`;
-    return /* @__PURE__ */ jsx161(
+    return /* @__PURE__ */ jsx162(
       Element,
       {
         ...rest,
@@ -8392,10 +8419,10 @@ var Heading = forwardRef3(
 // src/components/Typography/Set/Caption.tsx
 import clsx5 from "clsx";
 import { forwardRef as forwardRef4 } from "react";
-import { jsx as jsx162 } from "react/jsx-runtime";
+import { jsx as jsx163 } from "react/jsx-runtime";
 var Caption = forwardRef4(
   ({ children, size, weight, type, className, color = "neutral-label-primary", ...rest }, ref) => {
-    return /* @__PURE__ */ jsx162(
+    return /* @__PURE__ */ jsx163(
       "p",
       {
         ...rest,
@@ -8415,10 +8442,10 @@ var Caption = forwardRef4(
 // src/components/Typography/Set/Title.tsx
 import { forwardRef as forwardRef5 } from "react";
 import clsx6 from "clsx";
-import { jsx as jsx163 } from "react/jsx-runtime";
+import { jsx as jsx164 } from "react/jsx-runtime";
 var Title2 = forwardRef5(
   ({ weight, size, type, className, children, color = "neutral-label-primary", ...rest }, ref) => {
-    return /* @__PURE__ */ jsx163(
+    return /* @__PURE__ */ jsx164(
       "p",
       {
         ...rest,
@@ -8433,10 +8460,10 @@ var Title2 = forwardRef5(
 // src/components/Typography/Set/Display.tsx
 import clsx7 from "clsx";
 import { forwardRef as forwardRef6 } from "react";
-import { jsx as jsx164 } from "react/jsx-runtime";
+import { jsx as jsx165 } from "react/jsx-runtime";
 var Display = forwardRef6(
   ({ size, type, weight, className, children, color = "neutral-label-primary", ...rest }, ref) => {
-    return /* @__PURE__ */ jsx164(
+    return /* @__PURE__ */ jsx165(
       "p",
       {
         ref,
@@ -8469,7 +8496,7 @@ var rootMediaStyle = AppMedia.createMediaStyle();
 var { MediaContextProvider, Media } = AppMedia;
 
 // src/components/Typography/Responsive/index.tsx
-import { Fragment as Fragment3, jsx as jsx165 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx166 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var TypographyImpl = /* @__PURE__ */ __name(({ level, text, ...rest }) => {
   const commonProps = {
@@ -8478,15 +8505,15 @@ var TypographyImpl = /* @__PURE__ */ __name(({ level, text, ...rest }) => {
   };
   switch (level) {
     case "caption":
-      return /* @__PURE__ */ jsx165(Caption, { ...commonProps });
+      return /* @__PURE__ */ jsx166(Caption, { ...commonProps });
     case "display":
-      return /* @__PURE__ */ jsx165(Display, { ...commonProps });
+      return /* @__PURE__ */ jsx166(Display, { ...commonProps });
     case "heading":
-      return /* @__PURE__ */ jsx165(Heading, { ...commonProps });
+      return /* @__PURE__ */ jsx166(Heading, { ...commonProps });
     case "paragraph":
-      return /* @__PURE__ */ jsx165(Paragraph, { ...commonProps });
+      return /* @__PURE__ */ jsx166(Paragraph, { ...commonProps });
     case "title":
-      return /* @__PURE__ */ jsx165(Title2, { ...commonProps });
+      return /* @__PURE__ */ jsx166(Title2, { ...commonProps });
     default:
       return null;
   }
@@ -8527,11 +8554,11 @@ var Typography = /* @__PURE__ */ __name((props) => {
   }, "createMediaProps");
   return (
     // Fragment없이도 원래 동작해야하는데 liner-web에서 JSX.Element가 배열로 오면 에러 띄워서 임시로 Fragment로 래핑합니다.
-    /* @__PURE__ */ jsx165(Fragment3, { children: breakPointKeyArray.map((breakPointKey) => {
+    /* @__PURE__ */ jsx166(Fragment3, { children: breakPointKeyArray.map((breakPointKey) => {
       const variable = props[breakPointKey];
       const isExistVariable = !!variable;
       if (isExistVariable) {
-        return /* @__PURE__ */ createElement2(Media, { ...createMediaProps(breakPointKey), key: breakPointKey }, /* @__PURE__ */ jsx165(TypographyImpl, { ...variable, text: variable.text || children }));
+        return /* @__PURE__ */ createElement2(Media, { ...createMediaProps(breakPointKey), key: breakPointKey }, /* @__PURE__ */ jsx166(TypographyImpl, { ...variable, text: variable.text || children }));
       }
       return null;
     }) })
@@ -8562,7 +8589,7 @@ var style_module_default5 = {
 // src/components/Popover/index.tsx
 import { cva as cva4 } from "class-variance-authority";
 import { clsx as clsx8 } from "clsx";
-import { Fragment as Fragment4, jsx as jsx166, jsxs as jsxs112 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx167, jsxs as jsxs112 } from "react/jsx-runtime";
 var DEFAULT_OFFSET = -6;
 var popoverVariants = cva4(style_module_default5.content, {
   variants: {
@@ -8584,9 +8611,9 @@ var popoverTagVariants = cva4([style_module_default5.tag, "lp-sys-typo-caption3-
 var popoverTitleVariants = cva4([style_module_default5.title, "lp-sys-typo-paragraph3-normal-bold"]);
 var popoverDescriptionVariants = cva4([style_module_default5.description, "lp-sys-typo-caption1-normal-regular"]);
 var popoverFooterVariants = cva4([style_module_default5.footer, "lp-sys-typo-caption1-normal-medium"]);
-var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx166(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
-var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx166(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
-var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx166("svg", { className, xmlns: "http://www.w3.org/2000/svg", width: "30", height: "10", viewBox: "0 0 30 10", fill: "none", children: /* @__PURE__ */ jsx166(
+var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx167(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
+var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx167(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
+var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx167("svg", { className, xmlns: "http://www.w3.org/2000/svg", width: "30", height: "10", viewBox: "0 0 30 10", fill: "none", children: /* @__PURE__ */ jsx167(
   "path",
   {
     fillRule: "evenodd",
@@ -8613,7 +8640,7 @@ var PopoverContent = React3.forwardRef(
     children,
     container,
     ...props
-  }, ref) => /* @__PURE__ */ jsx166(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsxs112(Fragment4, { children: [
+  }, ref) => /* @__PURE__ */ jsx167(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsxs112(Fragment4, { children: [
     /* @__PURE__ */ jsxs112(
       PopoverPrimitive.Content,
       {
@@ -8627,22 +8654,22 @@ var PopoverContent = React3.forwardRef(
         children: [
           /* @__PURE__ */ jsxs112("div", { className: style_module_default5.contentContainer, children: [
             (tag || icon || onClose) && /* @__PURE__ */ jsxs112("div", { className: style_module_default5.heading, children: [
-              tag && /* @__PURE__ */ jsx166("span", { className: popoverTagVariants(), children: tag }),
-              icon && /* @__PURE__ */ jsx166(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
-              /* @__PURE__ */ jsx166("p", { className: popoverTitleVariants(), children: title }),
-              onClose && /* @__PURE__ */ jsx166(
+              tag && /* @__PURE__ */ jsx167("span", { className: popoverTagVariants(), children: tag }),
+              icon && /* @__PURE__ */ jsx167(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
+              /* @__PURE__ */ jsx167("p", { className: popoverTitleVariants(), children: title }),
+              onClose && /* @__PURE__ */ jsx167(
                 PopoverPrimitive.PopoverClose,
                 {
                   className: style_module_default5.closeButton,
                   onClick: () => {
                     onClose();
                   },
-                  children: /* @__PURE__ */ jsx166(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
+                  children: /* @__PURE__ */ jsx167(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
                 }
               )
             ] }),
-            description && /* @__PURE__ */ jsx166("p", { className: popoverDescriptionVariants(), children: description }),
-            onConfirm && /* @__PURE__ */ jsx166("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx166(
+            description && /* @__PURE__ */ jsx167("p", { className: popoverDescriptionVariants(), children: description }),
+            onConfirm && /* @__PURE__ */ jsx167("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx167(
               Button,
               {
                 as: "text",
@@ -8655,11 +8682,11 @@ var PopoverContent = React3.forwardRef(
             ) }),
             children
           ] }),
-          /* @__PURE__ */ jsx166(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx166(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
+          /* @__PURE__ */ jsx167(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx167(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
         ]
       }
     ),
-    isOverlay && /* @__PURE__ */ jsx166("div", { "data-radix-popper-overlay": true, className: style_module_default5.overlay })
+    isOverlay && /* @__PURE__ */ jsx167("div", { "data-radix-popper-overlay": true, className: style_module_default5.overlay })
   ] }) })
 );
 var Popover = Object.assign(PopoverRoot, {
@@ -8682,14 +8709,14 @@ var style_module_default6 = {
 // src/components/Tooltip/index.tsx
 import { cva as cva5 } from "class-variance-authority";
 import clsx9 from "clsx";
-import { jsx as jsx167 } from "react/jsx-runtime";
+import { jsx as jsx168 } from "react/jsx-runtime";
 var DEFAULT_OFFSET2 = "medium";
 var tooltipVariants = cva5([style_module_default6.tooltip, "lp-sys-typo-caption1-normal-medium"]);
 var TooltipProvider = TooltipPrimitive.Provider;
-var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx167(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
-var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx167(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
+var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx168(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
+var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx168(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
 var TooltipContent = forwardRef8(
-  ({ description, position = "top", className, offset = DEFAULT_OFFSET2, collisionPadding, ...props }, ref) => /* @__PURE__ */ jsx167(
+  ({ description, position = "top", className, offset = DEFAULT_OFFSET2, collisionPadding, ...props }, ref) => /* @__PURE__ */ jsx168(
     TooltipPrimitive.Content,
     {
       ref,
@@ -8698,7 +8725,7 @@ var TooltipContent = forwardRef8(
       collisionPadding,
       className: clsx9(tooltipVariants(), className),
       ...props,
-      children: /* @__PURE__ */ jsx167("p", { className: style_module_default6.tooltipContent, children: description })
+      children: /* @__PURE__ */ jsx168("p", { className: style_module_default6.tooltipContent, children: description })
     }
   )
 );
@@ -8730,7 +8757,7 @@ var style_module_default7 = {
 
 // src/components/IconButton/index.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { jsx as jsx168 } from "react/jsx-runtime";
+import { jsx as jsx169 } from "react/jsx-runtime";
 var iconButtonSizeIconSizeMap = {
   l: "m",
   m: "s",
@@ -8766,7 +8793,7 @@ var iconButtonVariants = cva6([style_module_default7.iconButton], {
 var IconButton = forwardRef9(
   ({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
     const Comp = asChild ? Slot2 : "button";
-    return /* @__PURE__ */ jsx168(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx168(
+    return /* @__PURE__ */ jsx169(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx169(
       Icon,
       {
         name,
@@ -8818,7 +8845,7 @@ var style_module_default9 = {
 
 // src/components/Label/index.tsx
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx169 } from "react/jsx-runtime";
+import { jsx as jsx170 } from "react/jsx-runtime";
 var defaultLabelVariants = cva7(["lp-sys-typo-paragraph2-normal-medium", style_module_default9.label], {
   variants: {
     level: {
@@ -8858,7 +8885,7 @@ var Label = forwardRef10(
     error = false,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx169(
+    return /* @__PURE__ */ jsx170(
       LabelPrimitive.Root,
       {
         ref,
@@ -8870,17 +8897,17 @@ var Label = forwardRef10(
 );
 
 // src/components/CheckBox/index.tsx
-import { Fragment as Fragment5, jsx as jsx170, jsxs as jsxs113 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx171, jsxs as jsxs113 } from "react/jsx-runtime";
 var Checkbox = forwardRef11(
   ({ className, label, description, ...props }, ref) => {
     const CheckboxWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs113(Label, { position: "right", htmlFor: props.id, children: [
       /* @__PURE__ */ jsxs113("div", { className: style_module_default8["label-wrapper"], children: [
         label,
-        /* @__PURE__ */ jsx170(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
+        /* @__PURE__ */ jsx171(Paragraph, { className: style_module_default8.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
       children
-    ] }) : /* @__PURE__ */ jsx170(Fragment5, { children }), "CheckboxWrapper");
-    return /* @__PURE__ */ jsx170(CheckboxWrapper, { children: /* @__PURE__ */ jsx170(CheckboxPrimitive.Root, { className: clsx12(style_module_default8.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx170(CheckboxPrimitive.Indicator, { className: style_module_default8["checkbox-indicator"], children: /* @__PURE__ */ jsx170(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
+    ] }) : /* @__PURE__ */ jsx171(Fragment5, { children }), "CheckboxWrapper");
+    return /* @__PURE__ */ jsx171(CheckboxWrapper, { children: /* @__PURE__ */ jsx171(CheckboxPrimitive.Root, { className: clsx12(style_module_default8.checkbox, className), ref, ...props, children: /* @__PURE__ */ jsx171(CheckboxPrimitive.Indicator, { className: style_module_default8["checkbox-indicator"], children: /* @__PURE__ */ jsx171(Icon, { name: "check-mark", thick: true, size: "xs", type: "inverse-label-primary" }) }) }) });
   }
 );
 
@@ -8899,19 +8926,19 @@ var style_module_default10 = {
 };
 
 // src/components/Radio/index.tsx
-import { Fragment as Fragment6, jsx as jsx171, jsxs as jsxs114 } from "react/jsx-runtime";
-var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx171("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx171("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
-var RadioRoot = forwardRef12(({ className, ...props }, ref) => /* @__PURE__ */ jsx171(RadioGroupPrimitive.Root, { className: clsx13(style_module_default10.radio, className), ...props }));
+import { Fragment as Fragment6, jsx as jsx172, jsxs as jsxs114 } from "react/jsx-runtime";
+var RadioIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx172("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ jsx172("circle", { cx: "5", cy: "5", r: "5", fill: "#313133" }) }), "RadioIndicator");
+var RadioRoot = forwardRef12(({ className, ...props }, ref) => /* @__PURE__ */ jsx172(RadioGroupPrimitive.Root, { className: clsx13(style_module_default10.radio, className), ...props }));
 var RadioItem = forwardRef12(
   ({ className, label, description, ...props }, ref) => {
     const RadioItemWrapper = /* @__PURE__ */ __name(({ children }) => label ? /* @__PURE__ */ jsxs114(Label, { position: "right", htmlFor: props.id, children: [
       /* @__PURE__ */ jsxs114("div", { className: style_module_default10["label-wrapper"], children: [
         label,
-        /* @__PURE__ */ jsx171(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
+        /* @__PURE__ */ jsx172(Paragraph, { className: style_module_default10.description, size: 3, type: "normal", weight: "regular", children: description })
       ] }),
       children
-    ] }) : /* @__PURE__ */ jsx171(Fragment6, { children }), "RadioItemWrapper");
-    return /* @__PURE__ */ jsx171(RadioItemWrapper, { children: /* @__PURE__ */ jsx171(RadioGroupPrimitive.Item, { ref, className: clsx13(style_module_default10["radio-item"], className), ...props, children: /* @__PURE__ */ jsx171(RadioGroupPrimitive.Indicator, { className: style_module_default10.indicator, children: /* @__PURE__ */ jsx171(RadioIndicator, {}) }) }) });
+    ] }) : /* @__PURE__ */ jsx172(Fragment6, { children }), "RadioItemWrapper");
+    return /* @__PURE__ */ jsx172(RadioItemWrapper, { children: /* @__PURE__ */ jsx172(RadioGroupPrimitive.Item, { ref, className: clsx13(style_module_default10["radio-item"], className), ...props, children: /* @__PURE__ */ jsx172(RadioGroupPrimitive.Indicator, { className: style_module_default10.indicator, children: /* @__PURE__ */ jsx172(RadioIndicator, {}) }) }) });
   }
 );
 var Radio = Object.assign(RadioRoot, {
@@ -8953,7 +8980,7 @@ var style_module_default11 = {
 import { cva as cva8 } from "class-variance-authority";
 import clsx14 from "clsx";
 import { flushSync } from "react-dom";
-import { Fragment as Fragment7, jsx as jsx172, jsxs as jsxs115 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx173, jsxs as jsxs115 } from "react/jsx-runtime";
 var defaultTextfieldVariants = cva8(style_module_default11.textfield, {
   variants: {
     color: {
@@ -9022,7 +9049,7 @@ var Textfield = forwardRef13((props, ref) => {
   }, "handleDeidentify");
   useImperativeHandle(ref, () => inputRef.current);
   return /* @__PURE__ */ jsxs115("div", { className: style_module_default11["textfield-container"], children: [
-    /* @__PURE__ */ jsx172(
+    /* @__PURE__ */ jsx173(
       "div",
       {
         className: clsx14(defaultTextfieldVariants({ color }), {
@@ -9031,7 +9058,7 @@ var Textfield = forwardRef13((props, ref) => {
         }),
         onClick: handleTextfieldClick,
         children: /* @__PURE__ */ jsxs115("div", { className: style_module_default11["input-wrapper"], children: [
-          /* @__PURE__ */ jsx172(
+          /* @__PURE__ */ jsx173(
             "input",
             {
               className: clsx14(style_module_default11.input, {
@@ -9046,7 +9073,7 @@ var Textfield = forwardRef13((props, ref) => {
               ...rest
             }
           ),
-          /* @__PURE__ */ jsx172(
+          /* @__PURE__ */ jsx173(
             Label,
             {
               className: clsx14(style_module_default11.label, {
@@ -9059,7 +9086,7 @@ var Textfield = forwardRef13((props, ref) => {
             }
           ),
           /* @__PURE__ */ jsxs115("div", { className: style_module_default11["input-action-buttons"], children: [
-            textfieldValue && !disabled && /* @__PURE__ */ jsx172(
+            textfieldValue && !disabled && /* @__PURE__ */ jsx173(
               IconButton,
               {
                 tabIndex: -1,
@@ -9074,7 +9101,7 @@ var Textfield = forwardRef13((props, ref) => {
                 }
               }
             ),
-            isPassword && !disabled && /* @__PURE__ */ jsx172(
+            isPassword && !disabled && /* @__PURE__ */ jsx173(
               IconButton,
               {
                 tabIndex: -1,
@@ -9089,15 +9116,15 @@ var Textfield = forwardRef13((props, ref) => {
                 }
               }
             ),
-            buttonProps && /* @__PURE__ */ jsx172(Button, { ...buttonProps, size: "m", type: "button" })
+            buttonProps && /* @__PURE__ */ jsx173(Button, { ...buttonProps, size: "m", type: "button" })
           ] })
         ] })
       }
     ),
     displayFooter && /* @__PURE__ */ jsxs115("div", { className: style_module_default11.footer, children: [
-      /* @__PURE__ */ jsx172("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs115(Fragment7, { children: [
-        /* @__PURE__ */ jsx172(Icon, { name: "exclamationmark-fill", fill: true, thick: true, size: "xs", type: "function-label-negative" }),
-        /* @__PURE__ */ jsx172(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default11["error-message"], children: error })
+      /* @__PURE__ */ jsx173("div", { className: style_module_default11["error-wrapper"], children: error && /* @__PURE__ */ jsxs115(Fragment7, { children: [
+        /* @__PURE__ */ jsx173(Icon, { name: "exclamationmark-fill", fill: true, thick: true, size: "xs", type: "function-label-negative" }),
+        /* @__PURE__ */ jsx173(Caption, { size: 3, type: "normal", weight: "regular", className: style_module_default11["error-message"], children: error })
       ] }) }),
       maxCharacter && /* @__PURE__ */ jsxs115(Caption, { className: style_module_default11.character, size: 3, type: "normal", weight: "regular", children: [
         isControlled ? controlledValue.length : value.length,
@@ -9126,29 +9153,29 @@ var style_module_default12 = {
 
 // src/components/Slider/index.tsx
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { Fragment as Fragment8, jsx as jsx173, jsxs as jsxs116 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx174, jsxs as jsxs116 } from "react/jsx-runtime";
 var SliderRoot = forwardRef14((props, ref) => {
   const { label, tooltip, rangeLeft, rangeRight, min, max, step = 50, ...rest } = props;
-  return /* @__PURE__ */ jsx173(Fragment8, { children: /* @__PURE__ */ jsxs116(Tooltip.Provider, { children: [
-    /* @__PURE__ */ jsx173(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default12.label, children: label }),
+  return /* @__PURE__ */ jsx174(Fragment8, { children: /* @__PURE__ */ jsxs116(Tooltip.Provider, { children: [
+    /* @__PURE__ */ jsx174(Label, { level: "secondary", size: "m", offset: "high", className: style_module_default12.label, children: label }),
     /* @__PURE__ */ jsxs116("div", { className: style_module_default12["slider-wrapper"], children: [
       /* @__PURE__ */ jsxs116("div", { className: style_module_default12["slider-option-wrapper"], children: [
-        /* @__PURE__ */ jsx173(Icon, { name: rangeLeft.icon, size: "xs" }),
-        /* @__PURE__ */ jsx173(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeLeft.text })
+        /* @__PURE__ */ jsx174(Icon, { name: rangeLeft.icon, size: "xs" }),
+        /* @__PURE__ */ jsx174(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeLeft.text })
       ] }),
       /* @__PURE__ */ jsxs116(SliderPrimitive.Root, { ...rest, step, className: style_module_default12["slider-root"], ref, children: [
         /* @__PURE__ */ jsxs116(SliderPrimitive.Track, { className: style_module_default12["slider-track"], children: [
-          Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ jsx173("span", { className: style_module_default12["slider-step"] }, index)),
-          /* @__PURE__ */ jsx173(SliderPrimitive.Range, { className: style_module_default12["slider-range"] })
+          Array.from({ length: 100 / step + 1 }).map((_, index) => /* @__PURE__ */ jsx174("span", { className: style_module_default12["slider-step"] }, index)),
+          /* @__PURE__ */ jsx174(SliderPrimitive.Range, { className: style_module_default12["slider-range"] })
         ] }),
         /* @__PURE__ */ jsxs116(Tooltip, { children: [
-          /* @__PURE__ */ jsx173(Tooltip.Trigger, { by: /* @__PURE__ */ jsx173(SliderPrimitive.Thumb, { className: style_module_default12["slider-thumb"] }) }),
-          /* @__PURE__ */ jsx173(Tooltip.Content, { description: tooltip })
+          /* @__PURE__ */ jsx174(Tooltip.Trigger, { by: /* @__PURE__ */ jsx174(SliderPrimitive.Thumb, { className: style_module_default12["slider-thumb"] }) }),
+          /* @__PURE__ */ jsx174(Tooltip.Content, { description: tooltip })
         ] })
       ] }),
       /* @__PURE__ */ jsxs116("div", { className: style_module_default12["slider-option-wrapper"], children: [
-        /* @__PURE__ */ jsx173(Icon, { name: rangeRight.icon, size: "xs" }),
-        /* @__PURE__ */ jsx173(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeRight.text })
+        /* @__PURE__ */ jsx174(Icon, { name: rangeRight.icon, size: "xs" }),
+        /* @__PURE__ */ jsx174(Caption, { size: 1, type: "normal", weight: "medium", className: style_module_default12.optionText, children: rangeRight.text })
       ] })
     ] })
   ] }) });
@@ -9192,11 +9219,11 @@ import {
   useState as useState4
 } from "react";
 import clsx15 from "clsx";
-import { jsx as jsx174, jsxs as jsxs117 } from "react/jsx-runtime";
-var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx174("div", { className: style_module_default13.badgeContainer, children: /* @__PURE__ */ jsx174(Caption, { className: style_module_default13.badge, size: 2, type: "normal", weight: "medium", children }) }), "Badge");
+import { jsx as jsx175, jsxs as jsxs117 } from "react/jsx-runtime";
+var Badge = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx175("div", { className: style_module_default13.badgeContainer, children: /* @__PURE__ */ jsx175(Caption, { className: style_module_default13.badge, size: 2, type: "normal", weight: "medium", children }) }), "Badge");
 var SelectContent = forwardRef15((props, ref) => {
   const { id, isResponsive, popSide, sideOffset, listLabel, children, container } = props;
-  return /* @__PURE__ */ jsx174(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsx174(
+  return /* @__PURE__ */ jsx175(SelectPrimitive.Portal, { container, children: /* @__PURE__ */ jsx175(
     SelectPrimitive.Content,
     {
       id: `select-content-${id}`,
@@ -9219,11 +9246,11 @@ var SelectContent = forwardRef15((props, ref) => {
       sideOffset,
       avoidCollisions: false,
       children: /* @__PURE__ */ jsxs117(ScrollArea.Root, { className: style_module_default13.scrollAreaRoot, type: "always", children: [
-        /* @__PURE__ */ jsx174(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx174(ScrollArea.Viewport, { className: style_module_default13.scrollAreaViewport, style: { maxHeight: "268px", overflowY: "auto" }, children: /* @__PURE__ */ jsxs117(SelectPrimitive.Group, { children: [
-          listLabel && /* @__PURE__ */ jsx174(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx174(Label, { className: style_module_default13["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
+        /* @__PURE__ */ jsx175(SelectPrimitive.Viewport, { asChild: true, children: /* @__PURE__ */ jsx175(ScrollArea.Viewport, { className: style_module_default13.scrollAreaViewport, style: { maxHeight: "268px", overflowY: "auto" }, children: /* @__PURE__ */ jsxs117(SelectPrimitive.Group, { children: [
+          listLabel && /* @__PURE__ */ jsx175(SelectPrimitive.Label, { asChild: true, children: /* @__PURE__ */ jsx175(Label, { className: style_module_default13["desktop-label"], level: "secondary", size: "m", offset: "low", children: listLabel }) }),
           children
         ] }) }) }),
-        /* @__PURE__ */ jsx174(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx174(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
+        /* @__PURE__ */ jsx175(ScrollArea.Scrollbar, { className: style_module_default13.scrollAreaScrollbar, orientation: "vertical", children: /* @__PURE__ */ jsx175(ScrollArea.Thumb, { className: style_module_default13.scrollAreaThumb }) })
       ] })
     }
   ) });
@@ -9253,8 +9280,8 @@ var SelectRoot = forwardRef15((props, ref) => {
   }, [open]);
   return /* @__PURE__ */ jsxs117("div", { children: [
     /* @__PURE__ */ jsxs117("div", { className: style_module_default13["label-container"], children: [
-      /* @__PURE__ */ jsx174(Label, { className: style_module_default13["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
-      badge && /* @__PURE__ */ jsx174(Badge, { children: badge })
+      /* @__PURE__ */ jsx175(Label, { className: style_module_default13["select-label"], level: "secondary", size: "m", offset: "low", htmlFor: id, children: label }),
+      badge && /* @__PURE__ */ jsx175(Badge, { children: badge })
     ] }),
     /* @__PURE__ */ jsxs117(
       SelectPrimitive.Root,
@@ -9267,10 +9294,10 @@ var SelectRoot = forwardRef15((props, ref) => {
         },
         children: [
           /* @__PURE__ */ jsxs117(SelectPrimitive.Trigger, { className: style_module_default13.trigger, ref, id, children: [
-            /* @__PURE__ */ jsx174(SelectPrimitive.Value, { className: style_module_default13.placeholder, placeholder }),
-            /* @__PURE__ */ jsx174(SelectPrimitive.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ jsx174(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
+            /* @__PURE__ */ jsx175(SelectPrimitive.Value, { className: style_module_default13.placeholder, placeholder }),
+            /* @__PURE__ */ jsx175(SelectPrimitive.Icon, { className: style_module_default13.openIcon, children: /* @__PURE__ */ jsx175(Icon, { name: "arrow-drop-down", fill: true, thick: true, size: "xs" }) })
           ] }),
-          /* @__PURE__ */ jsx174(SelectContent, { ...contentProps })
+          /* @__PURE__ */ jsx175(SelectContent, { ...contentProps })
         ]
       }
     )
@@ -9287,9 +9314,9 @@ var SelectItem = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick
       onClick?.();
     },
     children: [
-      /* @__PURE__ */ jsx174(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx174(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
-      icon && /* @__PURE__ */ jsx174(SelectPrimitive.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ jsx174(Icon, { size: "xs", ...icon }) }),
-      /* @__PURE__ */ jsx174(SelectPrimitive.ItemIndicator, { className: style_module_default13.itemIndicator, children: /* @__PURE__ */ jsx174(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
+      /* @__PURE__ */ jsx175(SelectPrimitive.ItemText, { children: /* @__PURE__ */ jsx175(Paragraph, { size: 3, type: "normal", weight: "medium", children: text ?? value }) }),
+      icon && /* @__PURE__ */ jsx175(SelectPrimitive.Icon, { className: style_module_default13.icon, children: /* @__PURE__ */ jsx175(Icon, { size: "xs", ...icon }) }),
+      /* @__PURE__ */ jsx175(SelectPrimitive.ItemIndicator, { className: style_module_default13.itemIndicator, children: /* @__PURE__ */ jsx175(Icon, { fill: false, thick: true, size: "xs", name: "check-mark", type: "brand-label-primary" }) })
     ]
   }
 ), "SelectItem");
@@ -9309,11 +9336,11 @@ import { useState as useState5 } from "react";
 
 // src/hooks/collection.tsx
 import { createContext, useContext, useMemo } from "react";
-import { jsx as jsx175 } from "react/jsx-runtime";
+import { jsx as jsx176 } 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__ */ jsx175(CollectionContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx176(CollectionContext.Provider, { value: contextValue, children });
 }, "CollectionProvider");
 var useCollectionContext = /* @__PURE__ */ __name(() => {
   const context = useContext(CollectionContext);
@@ -9325,9 +9352,9 @@ var useCollectionContext = /* @__PURE__ */ __name(() => {
 
 // src/components/List/index.tsx
 import clsx16 from "clsx";
-import { jsx as jsx176, jsxs as jsxs118 } from "react/jsx-runtime";
+import { jsx as jsx177, jsxs as jsxs118 } from "react/jsx-runtime";
 var ListRoot = /* @__PURE__ */ __name(({ children, className, ...props }) => {
-  return /* @__PURE__ */ jsx176(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx176("ul", { className: clsx16(style_module_default14.list, className), children }) });
+  return /* @__PURE__ */ jsx177(CollectionProvider, { ...props, children: /* @__PURE__ */ jsx177("ul", { className: clsx16(style_module_default14.list, className), children }) });
 }, "ListRoot");
 var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) => {
   const [isFocused, setIsFocused] = useState5(false);
@@ -9352,8 +9379,8 @@ var Item3 = /* @__PURE__ */ __name(({ value, text, disabled, icon, onClick }) =>
         onChangeValue?.(value);
       },
       children: [
-        /* @__PURE__ */ jsx176(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
-        (icon || isSelected) && /* @__PURE__ */ jsx176(Icon, { className: style_module_default14.icon, size: "xs", ...iconProps })
+        /* @__PURE__ */ jsx177(Paragraph, { size: 3, type: "normal", weight: "medium", children: text }),
+        (icon || isSelected) && /* @__PURE__ */ jsx177(Icon, { className: style_module_default14.icon, size: "xs", ...iconProps })
       ]
     }
   );