@liner-fe/prism 1.10.16 → 1.10.17

package/lib/assets/arrow-down-left.d.ts

@@ -0,0 +1,8 @@
+interface ICArrowDownLeftProps {
+    color?: string;
+    fill?: boolean;
+    thick?: boolean;
+    size?: 16 | 20 | 24 | 32 | 40;
+}
+export declare const ICArrowDownLeft: (props: ICArrowDownLeftProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/arrow-up-left.d.ts

@@ -0,0 +1,8 @@
+interface ICArrowUpLeftProps {
+    color?: string;
+    fill?: boolean;
+    thick?: boolean;
+    size?: 16 | 20 | 24 | 32 | 40;
+}
+export declare const ICArrowUpLeft: (props: ICArrowUpLeftProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/arrow-up-right.d.ts

@@ -0,0 +1,8 @@
+interface ICArrowUpRightProps {
+    color?: string;
+    fill?: boolean;
+    thick?: boolean;
+    size?: 16 | 20 | 24 | 32 | 40;
+}
+export declare const ICArrowUpRight: (props: ICArrowUpRightProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/email.d.ts

@@ -0,0 +1,8 @@
+interface ICEmailProps {
+    color?: string;
+    fill?: boolean;
+    thick?: boolean;
+    size?: 16 | 20 | 24 | 32 | 40;
+}
+export declare const ICEmail: (props: ICEmailProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/assets/index.d.ts

@@ -115,3 +115,7 @@ export { ICQuote } from './quote';
 export { ICDocumentCheck } from './document-check';
 export { ICBlock } from './block';
 export { ICBookmarkCancel } from './bookmark-cancel';
+export { ICArrowUpRight } from './arrow-up-right';
+export { ICArrowDownLeft } from './arrow-down-left';
+export { ICArrowUpLeft } from './arrow-up-left';
+export { ICEmail } from './email';

package/lib/index.mjs

@@ -5548,6 +5548,134 @@ var ICBookmarkCancel = /* @__PURE__ */ __name((props) => {
   ] });
 }, "ICBookmarkCancel");
 
+// src/assets/arrow-up-right.tsx
+import { jsx as jsx118 } from "react/jsx-runtime";
+var ICArrowUpRight = /* @__PURE__ */ __name((props) => {
+  const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
+  if (thick) {
+    return /* @__PURE__ */ jsx118("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx118(
+      "path",
+      {
+        d: "M35 15.8286L35 31H39L39 13C39 10.7909 37.2091 9 35 9H17V13L32.1718 13L8.58582 36.5859L11.4142 39.4144L35 15.8286Z",
+        fill: color
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx118("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx118(
+    "path",
+    {
+      d: "M35.5 14.6214L35.5 31H38.5L38.5 13C38.5 11.067 36.933 9.5 35 9.5H17V12.5L33.3788 12.5L8.93933 36.9395L11.0607 39.0608L35.5 14.6214Z",
+      fill: color
+    }
+  ) });
+}, "ICArrowUpRight");
+
+// src/assets/arrow-down-left.tsx
+import { jsx as jsx119 } from "react/jsx-runtime";
+var ICArrowDownLeft = /* @__PURE__ */ __name((props) => {
+  const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
+  if (thick) {
+    return /* @__PURE__ */ jsx119("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx119(
+      "path",
+      {
+        d: "M15.8282 35.0003L39.4142 11.4144L36.5858 8.58594L13 32.1717V17.0003H9V35.0003C9 37.2094 10.7909 39.0003 13 39.0003H31V35.0003H15.8282Z",
+        fill: color
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx119("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx119(
+    "path",
+    {
+      d: "M14.6212 35.5002L39.0607 11.0608L36.9394 8.93945L12.5 33.3788V17.0002H9.5V35.0002C9.5 36.9332 11.067 38.5002 13 38.5002H31V35.5002H14.6212Z",
+      fill: color
+    }
+  ) });
+}, "ICArrowDownLeft");
+
+// src/assets/arrow-up-left.tsx
+import { jsx as jsx120 } from "react/jsx-runtime";
+var ICArrowUpLeft = /* @__PURE__ */ __name((props) => {
+  const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
+  if (thick) {
+    return /* @__PURE__ */ jsx120("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx120(
+      "path",
+      {
+        d: "M12.5858 15.8286L12.5858 31H8.58581L8.58581 13C8.58581 10.7909 10.3767 9 12.5858 9H30.5858V13L15.4141 13L39 36.5859L36.1716 39.4144L12.5858 15.8286Z",
+        fill: color
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx120("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx120(
+    "path",
+    {
+      d: "M11.9393 14.6214L11.9393 31H8.93933L8.93933 13C8.93933 11.067 10.5063 9.5 12.4393 9.5H30.4393V12.5L14.0605 12.5L38.5 36.9395L36.3787 39.0608L11.9393 14.6214Z",
+      fill: color
+    }
+  ) });
+}, "ICArrowUpLeft");
+
+// src/assets/email.tsx
+import { jsx as jsx121, jsxs as jsxs85 } from "react/jsx-runtime";
+var ICEmail = /* @__PURE__ */ __name((props) => {
+  const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
+  if (fill && thick) {
+    return /* @__PURE__ */ jsxs85("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ jsx121(
+        "path",
+        {
+          d: "M4.83894 9.37133L24 23.514L43.161 9.3713C42.8337 9.13754 42.4329 9 42 9H6C5.56708 9 5.16629 9.13755 4.83894 9.37133Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsx121(
+        "path",
+        {
+          d: "M4 13.7237V37C4 38.1046 4.89543 39 6 39H42C43.1046 39 44 38.1046 44 37V13.7236L24 28.4856L4 13.7237Z",
+          fill: color
+        }
+      )
+    ] });
+  }
+  if (thick) {
+    return /* @__PURE__ */ jsx121("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx121(
+      "path",
+      {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M4 11C4 9.89543 4.89543 9 6 9H42C43.1046 9 44 9.89543 44 11V37C44 38.1046 43.1046 39 42 39H6C4.89543 39 4 38.1046 4 37V11ZM8 16.9118V35H40V16.9117L24 28.4673L8 16.9118ZM38.5844 13H9.41553L24 23.5332L38.5844 13Z",
+        fill: color
+      }
+    ) });
+  }
+  if (fill) {
+    return /* @__PURE__ */ jsxs85("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ jsx121(
+        "path",
+        {
+          d: "M4.46554 9.71718L24 24.1355L43.5345 9.71721C43.1676 9.27882 42.6164 9 42 9H6C5.38365 9 4.83242 9.2788 4.46554 9.71718Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsx121(
+        "path",
+        {
+          d: "M44 13.1023L24 27.8642L4 13.1022V37C4 38.1046 4.89543 39 6 39H42C43.1046 39 44 38.1046 44 37V13.1023Z",
+          fill: color
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx121("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx121(
+    "path",
+    {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M4 11C4 9.89543 4.89543 9 6 9H42C43.1046 9 44 9.89543 44 11V37C44 38.1046 43.1046 39 42 39H6C4.89543 39 4 38.1046 4 37V11ZM7 15.5728V36H41V15.5727L23.9999 27.8505L7 15.5728ZM40.8229 12H7.177L23.9999 24.1499L40.8229 12Z",
+      fill: color
+    }
+  ) });
+}, "ICEmail");
+
 // src/utils/icon.ts
 var iconMap = {
   "close-fill": ICCloseFill,
@@ -5666,7 +5794,11 @@ var iconMap = {
   quote: ICQuote,
   "document-check": ICDocumentCheck,
   block: ICBlock,
-  "bookmark-cancel": ICBookmarkCancel
+  "bookmark-cancel": ICBookmarkCancel,
+  "arrow-up-right": ICArrowUpRight,
+  "arrow-down-left": ICArrowDownLeft,
+  "arrow-up-left": ICArrowUpLeft,
+  email: ICEmail
 };
 
 // src/utils/object.ts
@@ -5746,7 +5878,7 @@ var style_module_default2 = {
 };
 
 // src/components/Icon/index.tsx
-import { jsx as jsx118 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 var iconSizeMap = {
   xs: 16,
   s: 20,
@@ -5789,7 +5921,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
   const { name, type = "neutral-label-primary", size = "m", thick = false, fill = false, className, ...rest } = props;
   const IconComponent = getIconComponent(name, iconMap);
   const iconSize = iconSizeMap[size];
-  return /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx122(
     IconComponent,
     {
       ...rest,
@@ -5802,7 +5934,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
 }, "Icon");
 
 // src/components/Button/index.tsx
-import { jsx as jsx119, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs86 } from "react/jsx-runtime";
 var buttonIconSizeMap = {
   cta: "m",
   l: "s",
@@ -5889,24 +6021,24 @@ var DefaultButton = forwardRef(
           className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
           ref
         },
-        /* @__PURE__ */ jsxs85("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
-          !!leftIcon && /* @__PURE__ */ jsx119(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
-          /* @__PURE__ */ jsx119("p", { className: style_module_default.content, children: newChildren }),
-          !!rightIcon && /* @__PURE__ */ jsx119(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
+        /* @__PURE__ */ jsxs86("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
+          !!leftIcon && /* @__PURE__ */ jsx123(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
+          /* @__PURE__ */ jsx123("p", { className: style_module_default.content, children: newChildren }),
+          !!rightIcon && /* @__PURE__ */ jsx123(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
         ] })
       );
       return ParentClone;
     }
-    return /* @__PURE__ */ jsx119(
+    return /* @__PURE__ */ jsx123(
       "button",
       {
         ...rest,
         className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
         ref,
-        children: /* @__PURE__ */ jsxs85("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
-          !!leftIcon && /* @__PURE__ */ jsx119(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
-          /* @__PURE__ */ jsx119("p", { className: style_module_default.content, children }),
-          !!rightIcon && /* @__PURE__ */ jsx119(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
+        children: /* @__PURE__ */ jsxs86("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
+          !!leftIcon && /* @__PURE__ */ jsx123(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
+          /* @__PURE__ */ jsx123("p", { className: style_module_default.content, children }),
+          !!rightIcon && /* @__PURE__ */ jsx123(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
         ] })
       }
     );
@@ -5915,16 +6047,16 @@ var DefaultButton = forwardRef(
 var TextButton = forwardRef(
   ({ level = "inverse-primary", asChild = false, className, ...rest }, ref) => {
     const Component = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx119(Component, { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
+    return /* @__PURE__ */ jsx123(Component, { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
   }
 );
 var Button = forwardRef((props, ref) => {
   switch (props.as) {
     case "default":
     case void 0:
-      return /* @__PURE__ */ jsx119(DefaultButton, { ...props, ref });
+      return /* @__PURE__ */ jsx123(DefaultButton, { ...props, ref });
     case "text":
-      return /* @__PURE__ */ jsx119(TextButton, { ...props, ref });
+      return /* @__PURE__ */ jsx123(TextButton, { ...props, ref });
   }
 });
 
@@ -6009,7 +6141,7 @@ var colorVariants = cva3(style_module_default4.typography, {
 });
 
 // src/components/Typography/Paragraph.tsx
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 var Paragraph = /* @__PURE__ */ __name(({
   size,
   type,
@@ -6019,7 +6151,7 @@ var Paragraph = /* @__PURE__ */ __name(({
   color = "neutral-label-primary",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx124(
     "p",
     {
       ...rest,
@@ -6031,13 +6163,13 @@ var Paragraph = /* @__PURE__ */ __name(({
 
 // src/components/Toast/index.tsx
 import { useRecoilValue, useSetRecoilState as useSetRecoilState2 } from "recoil";
-import { jsx as jsx121, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs87 } from "react/jsx-runtime";
 import { createElement } from "react";
 var Toaster = /* @__PURE__ */ __name(() => {
   const { list } = useRecoilValue(toastAtom);
-  return /* @__PURE__ */ jsxs86(Provider, { children: [
+  return /* @__PURE__ */ jsxs87(Provider, { children: [
     list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
-    /* @__PURE__ */ jsx121(Viewport, { className: style_module_default3.ToastViewport })
+    /* @__PURE__ */ jsx125(Viewport, { className: style_module_default3.ToastViewport })
   ] });
 }, "Toaster");
 var SingleToast = /* @__PURE__ */ __name((props) => {
@@ -6066,10 +6198,10 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
       clearTimeout(timerRef.current);
     };
   }, []);
-  return /* @__PURE__ */ jsxs86(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
-    icon && /* @__PURE__ */ jsx121("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx121(Icon, { ...icon, size: "s" }) }),
-    /* @__PURE__ */ jsxs86(Title, { className: style_module_default3.ToastTitle, children: [
-      /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsxs87(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
+    icon && /* @__PURE__ */ jsx125("i", { className: style_module_default3.Icon, children: /* @__PURE__ */ jsx125(Icon, { ...icon, size: "s" }) }),
+    /* @__PURE__ */ jsxs87(Title, { className: style_module_default3.ToastTitle, children: [
+      /* @__PURE__ */ jsx125(
         Paragraph,
         {
           className: style_module_default3.TitleText,
@@ -6080,7 +6212,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
           children: message
         }
       ),
-      button && /* @__PURE__ */ jsx121(
+      button && /* @__PURE__ */ jsx125(
         Button,
         {
           onClick: () => {
@@ -6103,7 +6235,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
 
 // src/components/Typography/Heading.tsx
 import clsx4 from "clsx";
-import { jsx as jsx122 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 var Heading = /* @__PURE__ */ __name(({
   size,
   children,
@@ -6113,7 +6245,7 @@ var Heading = /* @__PURE__ */ __name(({
   ...rest
 }) => {
   const Element = `h${size}`;
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx126(
     Element,
     {
       ...rest,
@@ -6125,7 +6257,7 @@ var Heading = /* @__PURE__ */ __name(({
 
 // src/components/Typography/Display.tsx
 import clsx5 from "clsx";
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 var Display = /* @__PURE__ */ __name(({
   size,
   type,
@@ -6135,7 +6267,7 @@ var Display = /* @__PURE__ */ __name(({
   color = "neutral-label-primary",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx127(
     "p",
     {
       ...rest,
@@ -6147,7 +6279,7 @@ var Display = /* @__PURE__ */ __name(({
 
 // src/components/Typography/Title.tsx
 import clsx6 from "clsx";
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 var Title2 = /* @__PURE__ */ __name(({
   weight,
   size,
@@ -6157,7 +6289,7 @@ var Title2 = /* @__PURE__ */ __name(({
   color = "neutral-label-primary",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx128(
     "p",
     {
       ...rest,
@@ -6169,7 +6301,7 @@ var Title2 = /* @__PURE__ */ __name(({
 
 // src/components/Typography/Caption.tsx
 import clsx7 from "clsx";
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 var Caption = /* @__PURE__ */ __name(({
   children,
   size,
@@ -6179,7 +6311,7 @@ var Caption = /* @__PURE__ */ __name(({
   color = "neutral-label-primary",
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsx129(
     "caption",
     {
       ...rest,
@@ -6217,7 +6349,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 { jsx as jsx126, jsxs as jsxs87 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs88 } from "react/jsx-runtime";
 var DEFAULT_OFFSET = -6;
 var popoverVariants = cva4(style_module_default5.content, {
   variants: {
@@ -6239,9 +6371,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 popoverSubtitleVariants = cva4([style_module_default5.subTitle, "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__ */ jsx126(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
-var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx126(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
-var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx126(
+var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx130(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
+var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx130(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
+var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx130(
   "svg",
   {
     className,
@@ -6251,7 +6383,7 @@ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ js
     height: "10",
     viewBox: "0 0 30 10",
     fill: "none",
-    children: /* @__PURE__ */ jsx126(
+    children: /* @__PURE__ */ jsx130(
       "path",
       {
         "fill-rule": "evenodd",
@@ -6276,7 +6408,7 @@ var PopoverContent = React.forwardRef(
     onClose,
     className,
     ...props
-  }, ref) => /* @__PURE__ */ jsx126(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs87(
+  }, ref) => /* @__PURE__ */ jsx130(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs88(
     PopoverPrimitive.Content,
     {
       ref,
@@ -6286,24 +6418,24 @@ var PopoverContent = React.forwardRef(
       className: clsx8(popoverVariants({ level }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs87("div", { className: style_module_default5.contentContainer, children: [
-          /* @__PURE__ */ jsxs87("div", { className: style_module_default5.heading, children: [
-            tag && /* @__PURE__ */ jsx126("span", { className: popoverTagVariants(), children: tag }),
-            icon && /* @__PURE__ */ jsx126(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
-            /* @__PURE__ */ jsx126("p", { className: popoverTitleVariants(), children: title }),
-            /* @__PURE__ */ jsx126(
+        /* @__PURE__ */ jsxs88("div", { className: style_module_default5.contentContainer, children: [
+          /* @__PURE__ */ jsxs88("div", { className: style_module_default5.heading, children: [
+            tag && /* @__PURE__ */ jsx130("span", { className: popoverTagVariants(), children: tag }),
+            icon && /* @__PURE__ */ jsx130(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
+            /* @__PURE__ */ jsx130("p", { className: popoverTitleVariants(), children: title }),
+            /* @__PURE__ */ jsx130(
               PopoverPrimitive.PopoverClose,
               {
                 className: style_module_default5.closeButton,
                 onClick: () => {
                   onClose?.();
                 },
-                children: /* @__PURE__ */ jsx126(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
+                children: /* @__PURE__ */ jsx130(Icon, { name: "close-fill", size: "s", fill: true, thick: true, type: "neutral-label-static-primary" })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx126("p", { className: popoverSubtitleVariants(), children: subTitle }),
-          onConfirm && /* @__PURE__ */ jsx126("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx126(
+          /* @__PURE__ */ jsx130("p", { className: popoverSubtitleVariants(), children: subTitle }),
+          onConfirm && /* @__PURE__ */ jsx130("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx130(
             Button,
             {
               as: "text",
@@ -6315,7 +6447,7 @@ var PopoverContent = React.forwardRef(
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx126(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx126(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
+        /* @__PURE__ */ jsx130(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx130(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
       ]
     }
   ) })
@@ -6340,14 +6472,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 jsx127 } from "react/jsx-runtime";
+import { jsx as jsx131 } from "react/jsx-runtime";
 var DEFAULT_OFFSET2 = 4;
 var tooltipVariants = cva5([style_module_default6.tooltip, "lp-sys-typo-caption1-normal-medium"]);
 var TooltipProvider = TooltipPrimitive.Provider;
-var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx127(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
-var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx127(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
+var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx131(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
+var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx131(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
 var TooltipContent = forwardRef3(
-  ({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */ jsx127(
+  ({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */ jsx131(
     TooltipPrimitive.Content,
     {
       ref,
@@ -6355,7 +6487,7 @@ var TooltipContent = forwardRef3(
       sideOffset: offset,
       className: clsx9(tooltipVariants(), className),
       ...props,
-      children: /* @__PURE__ */ jsx127("p", { className: style_module_default6.tooltipContent, children: description })
+      children: /* @__PURE__ */ jsx131("p", { className: style_module_default6.tooltipContent, children: description })
     }
   )
 );
@@ -6387,7 +6519,7 @@ var style_module_default7 = {
 
 // src/components/IconButton/index.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { jsx as jsx128 } from "react/jsx-runtime";
+import { jsx as jsx132 } from "react/jsx-runtime";
 var iconButtonSizeIconSizeMap = {
   l: "m",
   m: "s",
@@ -6415,7 +6547,7 @@ var iconButtonVariants = cva6([style_module_default7.iconButton], {
 var IconButton = forwardRef4(
   ({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
     const Comp = asChild ? Slot2 : "button";
-    return /* @__PURE__ */ jsx128(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx128(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
+    return /* @__PURE__ */ jsx132(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx132(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
   }
 );
 
@@ -6430,9 +6562,9 @@ var style_module_default8 = {
 };
 
 // src/components/_Label/index.tsx
-import { jsx as jsx129 } from "react/jsx-runtime";
+import { jsx as jsx133 } from "react/jsx-runtime";
 var Label = forwardRef5(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsx133(
     LabelPrimitive.Root,
     {
       ref,