@liner-fe/prism 1.7.2 → 1.7.3

package/lib/assets/index.d.ts

@@ -73,3 +73,4 @@ export { ICLight } from './light';
 export { ICDocumentAdd } from './document-add';
 export { ICThumbUp } from './thumb-up';
 export { ICThumbDown } from './thumb-down';
+export { ICShield } from './shield';

package/lib/assets/shield.d.ts

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

package/lib/components/Tooltip/index.d.ts

@@ -2,8 +2,18 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import React, { ReactNode } from 'react';
 interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
+    /**
+     * Tooltip안에 표시할 텍스트 컨텐츠를 설정합니다.
+     */
     description?: string;
+    /**
+     * Tooltip을 렌더링할 방향을 설정합니다.
+     */
     position?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Tooltip과 Trigger 사이의 간격을 설정합니다(px)
+     */
+    offset?: number;
 }
 export declare const Tooltip: (({ children }: {
     children: ReactNode;

package/lib/index.mjs

@@ -3553,6 +3553,72 @@ var ICThumbDown = /* @__PURE__ */ __name((props) => {
   ) });
 }, "ICThumbDown");
 
+// src/assets/shield.tsx
+import { jsx as jsx76, jsxs as jsxs53 } from "react/jsx-runtime";
+var ICShield = /* @__PURE__ */ __name((props) => {
+  const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
+  if (fill && thick) {
+    return /* @__PURE__ */ jsx76("svg", { ...props, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", fill: "none", children: /* @__PURE__ */ jsx76(
+      "path",
+      {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M7.29089 9.33611C6.51387 9.63075 6 10.3752 6 11.2062V20.9793C6 29.6885 10.5324 37.77 17.9637 42.3114L22.9571 45.3629C23.5973 45.7541 24.4027 45.7541 25.0429 45.3629L30.0363 42.3114C37.4676 37.77 42 29.6885 42 20.9793V11.2062C42 10.3752 41.4861 9.63075 40.7091 9.33611L24.7091 3.26909C24.2522 3.09585 23.7478 3.09585 23.2909 3.26909L7.29089 9.33611ZM16.6763 20.6675L22.0738 26.065L31.4986 16.6731L34.322 19.5065L24.2884 29.5051C23.062 30.7273 21.0775 30.7256 19.8531 29.5012L13.8479 23.496L16.6763 20.6675Z",
+        fill: color
+      }
+    ) });
+  }
+  if (thick) {
+    return /* @__PURE__ */ jsxs53("svg", { ...props, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", fill: "none", children: [
+      /* @__PURE__ */ jsx76(
+        "path",
+        {
+          d: "M16.6763 20.6675L22.0738 26.065L31.4986 16.6731L34.322 19.5065L24.2884 29.5051C23.062 30.7273 21.0775 30.7256 19.8531 29.5012L13.8479 23.496L16.6763 20.6675Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsx76(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M6 11.2062C6 10.3752 6.51387 9.63075 7.29089 9.33611L23.2909 3.26909C23.7478 3.09585 24.2522 3.09585 24.7091 3.26909L40.7091 9.33611C41.4861 9.63075 42 10.3752 42 11.2062V20.9793C42 29.6885 37.4676 37.77 30.0363 42.3114L25.0429 45.3629C24.4027 45.7541 23.5973 45.7541 22.9571 45.3629L17.9637 42.3114C10.5324 37.77 6 29.6885 6 20.9793V11.2062ZM24 7.27812L38 12.5868V20.9793C38 28.295 34.1928 35.0835 27.9505 38.8983L24 41.3124L20.0495 38.8983C13.8072 35.0835 10 28.295 10 20.9793L10 12.5868L24 7.27812Z",
+          fill: color
+        }
+      )
+    ] });
+  }
+  if (fill) {
+    return /* @__PURE__ */ jsx76("svg", { ...props, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", fill: "none", children: /* @__PURE__ */ jsx76(
+      "path",
+      {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M7.29089 9.33611C6.51387 9.63075 6 10.3752 6 11.2062V20.9793C6 29.6885 10.5324 37.77 17.9637 42.3114L22.9571 45.3629C23.5973 45.7541 24.4027 45.7541 25.0429 45.3629L30.0363 42.3114C37.4676 37.77 42 29.6885 42 20.9793V11.2062C42 10.3752 41.4861 9.63075 40.7091 9.33611L24.7091 3.26909C24.2522 3.09585 23.7478 3.09585 23.2909 3.26909L7.29089 9.33611ZM16.3224 21.0216L22.0728 26.772L31.8511 17.0278L33.9687 19.1528L23.9351 29.1514C22.904 30.1789 21.2356 30.1775 20.2063 29.1482L14.2011 23.1429L16.3224 21.0216Z",
+        fill: color
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs53("svg", { ...props, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", fill: "none", children: [
+    /* @__PURE__ */ jsx76(
+      "path",
+      {
+        d: "M16.3224 21.0216L22.0728 26.772L31.8511 17.0278L33.9687 19.1528L23.9351 29.1514C22.904 30.1789 21.2356 30.1775 20.2063 29.1482L14.2011 23.1429L16.3224 21.0216Z",
+        fill: color
+      }
+    ),
+    /* @__PURE__ */ jsx76(
+      "path",
+      {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M6 11.2062C6 10.3752 6.51387 9.63075 7.29089 9.33611L23.2909 3.26909C23.7478 3.09585 24.2522 3.09585 24.7091 3.26909L40.7091 9.33611C41.4861 9.63075 42 10.3752 42 11.2062V20.9793C42 29.6885 37.4676 37.77 30.0363 42.3114L25.0429 45.3629C24.4027 45.7541 23.5973 45.7541 22.9571 45.3629L17.9637 42.3114C10.5324 37.77 6 29.6885 6 20.9793V11.2062ZM24 6.20864L39 11.8965V20.9793C39 28.6434 35.0115 35.7551 28.4719 39.7515L24 42.4844L19.5281 39.7515C12.9885 35.7551 9 28.6434 9 20.9793L9 11.8965L24 6.20864Z",
+        fill: color
+      }
+    )
+  ] });
+}, "ICShield");
+
 // src/utils/icon.ts
 var iconMap = {
   "close-fill": ICCloseFill,
@@ -3629,7 +3695,8 @@ var iconMap = {
   light: ICLight,
   "document-add": ICDocumentAdd,
   "thumb-up": ICThumbUp,
-  "thumb-down": ICThumbDown
+  "thumb-down": ICThumbDown,
+  shield: ICShield
 };
 
 // src/utils/object.ts
@@ -3698,7 +3765,7 @@ var style_module_default2 = {
 };
 
 // src/components/Icon/index.tsx
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var iconSizeMap = {
   xs: 16,
   s: 20,
@@ -3738,7 +3805,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
   } = props;
   const IconComponent = getIconComponent(name, iconMap);
   const iconSize = iconSizeMap[size];
-  return color ? /* @__PURE__ */ jsx76(IconComponent, { ...rest, color, size: iconSize, thick, fill }) : /* @__PURE__ */ jsx76(
+  return color ? /* @__PURE__ */ jsx77(IconComponent, { ...rest, color, size: iconSize, thick, fill }) : /* @__PURE__ */ jsx77(
     IconComponent,
     {
       ...rest,
@@ -3751,7 +3818,7 @@ var Icon = /* @__PURE__ */ __name((props) => {
 }, "Icon");
 
 // src/components/Button/index.tsx
-import { jsx as jsx77, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs54 } from "react/jsx-runtime";
 var buttonIconSizeMap = {
   cta: "m",
   l: "s",
@@ -3827,16 +3894,16 @@ var DefaultButton = forwardRef(
     rightIcon,
     ...rest
   }, ref) => {
-    return /* @__PURE__ */ jsx77(
+    return /* @__PURE__ */ jsx78(
       "button",
       {
         ...rest,
         className: clsx2(defaultButtonVariants({ level, fill, align, size, width }), className),
         ref,
-        children: /* @__PURE__ */ jsxs53("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
-          !!leftIcon && /* @__PURE__ */ jsx77(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
-          /* @__PURE__ */ jsx77("p", { className: style_module_default.content, children: rest.children }),
-          !!rightIcon && /* @__PURE__ */ jsx77(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
+        children: /* @__PURE__ */ jsxs54("span", { className: clsx2(defaultButtonChildrenVariants({ size })), children: [
+          !!leftIcon && /* @__PURE__ */ jsx78(Icon, { name: leftIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] }),
+          /* @__PURE__ */ jsx78("p", { className: style_module_default.content, children: rest.children }),
+          !!rightIcon && /* @__PURE__ */ jsx78(Icon, { name: rightIcon.name, size: buttonIconSizeMap[size], thick: buttonSizeIconThickMap[size] })
         ] })
       }
     );
@@ -3844,7 +3911,7 @@ var DefaultButton = forwardRef(
 );
 var TextButton = forwardRef(
   ({ level = "inversePrimary", className, ...rest }, ref) => {
-    return /* @__PURE__ */ jsx77("button", { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
+    return /* @__PURE__ */ jsx78("button", { ...rest, className: clsx2(textButtonVariants({ level }), className), ref });
   }
 );
 var Button = forwardRef((props, ref) => {
@@ -3852,10 +3919,10 @@ var Button = forwardRef((props, ref) => {
     case "default":
     case void 0:
       const DefaultComp = props.asChild ? Slot : DefaultButton;
-      return /* @__PURE__ */ jsx77(DefaultComp, { ...props, ref });
+      return /* @__PURE__ */ jsx78(DefaultComp, { ...props, ref });
     case "text":
       const TextComp = props.asChild ? Slot : TextButton;
-      return /* @__PURE__ */ jsx77(TextComp, { ...props, ref });
+      return /* @__PURE__ */ jsx78(TextComp, { ...props, ref });
   }
 });
 
@@ -3900,9 +3967,9 @@ import { useEffect, useRef, useState } from "react";
 
 // src/components/Typography/Paragraph.tsx
 import clsx3 from "clsx";
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 var Paragraph = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx79(
     "div",
     {
       ...props,
@@ -3914,13 +3981,13 @@ var Paragraph = /* @__PURE__ */ __name((props) => {
 
 // src/components/Toast/index.tsx
 import { useRecoilValue, useSetRecoilState as useSetRecoilState2 } from "recoil";
-import { Fragment, jsx as jsx79, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx80, jsxs as jsxs55 } from "react/jsx-runtime";
 import { createElement } from "react";
 var Toaster = /* @__PURE__ */ __name(() => {
   const { list } = useRecoilValue(toastAtom);
-  return /* @__PURE__ */ jsxs54(Provider, { children: [
+  return /* @__PURE__ */ jsxs55(Provider, { children: [
     list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
-    /* @__PURE__ */ jsx79(Viewport, { className: style_module_default3.ToastViewport })
+    /* @__PURE__ */ jsx80(Viewport, { className: style_module_default3.ToastViewport })
   ] });
 }, "Toaster");
 var SingleToast = /* @__PURE__ */ __name((props) => {
@@ -3950,51 +4017,51 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
     };
   }, []);
   const IconComponent = (() => {
-    if (!icon) return /* @__PURE__ */ jsx79(Fragment, {});
+    if (!icon) return /* @__PURE__ */ jsx80(Fragment, {});
     switch (icon) {
       case "negative":
-        return /* @__PURE__ */ jsx79(Icon, { name: "exclamationmark", type: "functionLabelNegative", fill: true, size: "s" });
+        return /* @__PURE__ */ jsx80(Icon, { name: "exclamationmark", type: "functionLabelNegative", fill: true, size: "s" });
       case "positive":
-        return /* @__PURE__ */ jsx79(Icon, { name: "check-mark", type: "functionLabelPositive", fill: true, size: "s" });
+        return /* @__PURE__ */ jsx80(Icon, { name: "check-mark", type: "functionLabelPositive", fill: true, size: "s" });
       default:
-        return /* @__PURE__ */ jsx79(Fragment, {});
+        return /* @__PURE__ */ jsx80(Fragment, {});
     }
   })();
-  return /* @__PURE__ */ jsxs54(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
-    /* @__PURE__ */ jsx79("i", { className: style_module_default3.Icon, children: IconComponent }),
-    /* @__PURE__ */ jsxs54(Title, { className: style_module_default3.ToastTitle, children: [
-      /* @__PURE__ */ jsx79(Paragraph, { className: style_module_default3.TitleText, type: "normal", weight: "medium", size: 3, children: message }),
-      button && /* @__PURE__ */ jsx79(Button, { onClick: button.onClick, level: "inverse", size: "s", align: "center", children: button.label })
+  return /* @__PURE__ */ jsxs55(Root, { className: style_module_default3.ToastRoot, open: isOpen, ...props, children: [
+    /* @__PURE__ */ jsx80("i", { className: style_module_default3.Icon, children: IconComponent }),
+    /* @__PURE__ */ jsxs55(Title, { className: style_module_default3.ToastTitle, children: [
+      /* @__PURE__ */ jsx80(Paragraph, { className: style_module_default3.TitleText, type: "normal", weight: "medium", size: 3, children: message }),
+      button && /* @__PURE__ */ jsx80(Button, { onClick: button.onClick, level: "inverse", size: "s", align: "center", children: button.label })
     ] })
   ] });
 }, "SingleToast");
 
 // src/components/Typography/Heading.tsx
 import clsx4 from "clsx";
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var Heading = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ jsx80("div", { ...props, className: clsx4(`lp-sys-typo-heading${props.size}-${props.type}`, props.className), children: props.children });
+  return /* @__PURE__ */ jsx81("div", { ...props, className: clsx4(`lp-sys-typo-heading${props.size}-${props.type}`, props.className), children: props.children });
 }, "Heading");
 
 // src/components/Typography/Display.tsx
 import clsx5 from "clsx";
-import { jsx as jsx81 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var Display = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ jsx81("div", { ...props, className: clsx5(`lp-sys-typo-display${props.size}-${props.type}-${props.weight}`, props.className), children: props.children });
+  return /* @__PURE__ */ jsx82("div", { ...props, className: clsx5(`lp-sys-typo-display${props.size}-${props.type}-${props.weight}`, props.className), children: props.children });
 }, "Display");
 
 // src/components/Typography/Title.tsx
 import clsx6 from "clsx";
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx83 } from "react/jsx-runtime";
 var Title2 = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ jsx82("div", { ...props, className: clsx6(`lp-sys-typo-title${props.size}-${props.type}-${props.weight}`, props.className), children: props.children });
+  return /* @__PURE__ */ jsx83("div", { ...props, className: clsx6(`lp-sys-typo-title${props.size}-${props.type}-${props.weight}`, props.className), children: props.children });
 }, "Title");
 
 // src/components/Typography/Caption.tsx
 import clsx7 from "clsx";
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var Caption = /* @__PURE__ */ __name(({ children, size, weight, type, className, ...rest }) => {
-  return /* @__PURE__ */ jsx83("div", { ...rest, className: clsx7(`lp-sys-typo-caption${size}-${type}-${weight}`, className), children });
+  return /* @__PURE__ */ jsx84("div", { ...rest, className: clsx7(`lp-sys-typo-caption${size}-${type}-${weight}`, className), children });
 }, "Caption");
 
 // src/components/Popover/index.tsx
@@ -4020,7 +4087,7 @@ var style_module_default4 = {
 // src/components/Popover/index.tsx
 import { cva as cva3 } from "class-variance-authority";
 import { clsx as clsx8 } from "clsx";
-import { jsx as jsx84, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs56 } from "react/jsx-runtime";
 var DEFAULT_OFFSET = -6;
 var popoverVariants = cva3(style_module_default4.content, {
   variants: {
@@ -4042,9 +4109,9 @@ var popoverTagVariants = cva3([style_module_default4.tag, "lp-sys-typo-caption3-
 var popoverTitleVariants = cva3([style_module_default4.title, "lp-sys-typo-paragraph3-normal-bold"]);
 var popoverSubtitleVariants = cva3([style_module_default4.subTitle, "lp-sys-typo-caption1-normal-regular"]);
 var popoverFooterVariants = cva3([style_module_default4.footer, "lp-sys-typo-caption1-normal-medium"]);
-var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx84(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
-var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx84(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
-var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx84(
+var PopoverRoot = /* @__PURE__ */ __name(({ isOpen, children, onChange }) => /* @__PURE__ */ jsx85(PopoverPrimitive.Root, { open: isOpen, onOpenChange: onChange, children }), "PopoverRoot");
+var PopoverTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx85(PopoverPrimitive.Trigger, { asChild: true, children: by }), "PopoverTrigger");
+var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ jsx85(
   "svg",
   {
     className,
@@ -4054,7 +4121,7 @@ var PopoverAnchor = /* @__PURE__ */ __name(({ className }) => /* @__PURE__ */ js
     height: "10",
     viewBox: "0 0 30 10",
     fill: "none",
-    children: /* @__PURE__ */ jsx84(
+    children: /* @__PURE__ */ jsx85(
       "path",
       {
         "fill-rule": "evenodd",
@@ -4079,7 +4146,7 @@ var PopoverContent = React.forwardRef(
     onClose,
     className,
     ...props
-  }, ref) => /* @__PURE__ */ jsx84(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs55(
+  }, ref) => /* @__PURE__ */ jsx85(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs56(
     PopoverPrimitive.Content,
     {
       ref,
@@ -4089,24 +4156,24 @@ var PopoverContent = React.forwardRef(
       className: clsx8(popoverVariants({ level }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs55("div", { className: style_module_default4.contentContainer, children: [
-          /* @__PURE__ */ jsxs55("div", { className: style_module_default4.heading, children: [
-            tag && /* @__PURE__ */ jsx84("span", { className: popoverTagVariants(), children: tag }),
-            icon && /* @__PURE__ */ jsx84(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
-            /* @__PURE__ */ jsx84("p", { className: popoverTitleVariants(), children: title }),
-            /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsxs56("div", { className: style_module_default4.contentContainer, children: [
+          /* @__PURE__ */ jsxs56("div", { className: style_module_default4.heading, children: [
+            tag && /* @__PURE__ */ jsx85("span", { className: popoverTagVariants(), children: tag }),
+            icon && /* @__PURE__ */ jsx85(Icon, { name: icon.name, size: "xs", thick: icon.thick, fill: icon.fill }),
+            /* @__PURE__ */ jsx85("p", { className: popoverTitleVariants(), children: title }),
+            /* @__PURE__ */ jsx85(
               PopoverPrimitive.PopoverClose,
               {
                 className: style_module_default4.closeButton,
                 onClick: () => {
                   onClose?.();
                 },
-                children: /* @__PURE__ */ jsx84(Icon, { name: "close-fill", size: "s", color: "#1E1E1F", fill: true, thick: true })
+                children: /* @__PURE__ */ jsx85(Icon, { name: "close-fill", size: "s", color: "#1E1E1F", fill: true, thick: true })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx84("p", { className: popoverSubtitleVariants(), children: subTitle }),
-          onConfirm && /* @__PURE__ */ jsx84("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx84(
+          /* @__PURE__ */ jsx85("p", { className: popoverSubtitleVariants(), children: subTitle }),
+          onConfirm && /* @__PURE__ */ jsx85("div", { className: popoverFooterVariants(), children: /* @__PURE__ */ jsx85(
             Button,
             {
               as: "text",
@@ -4118,7 +4185,7 @@ var PopoverContent = React.forwardRef(
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx84(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx84(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
+        /* @__PURE__ */ jsx85(PopoverPrimitive.Arrow, { asChild: true, children: /* @__PURE__ */ jsx85(PopoverAnchor, { className: clsx8(popoverAnchorVariants({ level })) }) })
       ]
     }
   ) })
@@ -4143,22 +4210,22 @@ var style_module_default5 = {
 // src/components/Tooltip/index.tsx
 import { cva as cva4 } from "class-variance-authority";
 import clsx9 from "clsx";
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 var DEFAULT_OFFSET2 = 4;
 var tooltipVariants = cva4([style_module_default5.tooltip, "lp-sys-typo-caption1-normal-medium"]);
 var TooltipProvider = TooltipPrimitive.Provider;
-var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx85(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
-var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx85(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
+var TooltipRoot = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ jsx86(TooltipPrimitive.Root, { delayDuration: 0, children }), "TooltipRoot");
+var TooltipTrigger = /* @__PURE__ */ __name(({ by }) => /* @__PURE__ */ jsx86(TooltipPrimitive.Trigger, { asChild: true, children: by }), "TooltipTrigger");
 var TooltipContent = forwardRef3(
-  ({ description, position = "top", className, ...props }, ref) => /* @__PURE__ */ jsx85(
+  ({ description, position = "top", className, offset = DEFAULT_OFFSET2, ...props }, ref) => /* @__PURE__ */ jsx86(
     TooltipPrimitive.Content,
     {
       ref,
       side: position,
-      sideOffset: DEFAULT_OFFSET2,
+      sideOffset: offset,
       className: clsx9(tooltipVariants(), className),
       ...props,
-      children: /* @__PURE__ */ jsx85("p", { className: style_module_default5.tooltipContent, children: description })
+      children: /* @__PURE__ */ jsx86("p", { className: style_module_default5.tooltipContent, children: description })
     }
   )
 );
@@ -4190,7 +4257,7 @@ var style_module_default6 = {
 
 // src/components/IconButton/index.tsx
 import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { jsx as jsx86 } from "react/jsx-runtime";
+import { jsx as jsx87 } from "react/jsx-runtime";
 var iconButtonSizeIconSizeMap = {
   l: "m",
   m: "s",
@@ -4218,7 +4285,7 @@ var iconButtonVariants = cva5([style_module_default6.iconButton], {
 var IconButton = forwardRef4(
   ({ asChild, level = "primary", name, thick = false, fill = false, size = "m", className, ...rest }, ref) => {
     const Comp = asChild ? Slot2 : "button";
-    return /* @__PURE__ */ jsx86(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx86(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
+    return /* @__PURE__ */ jsx87(Comp, { ...rest, className: clsx10(iconButtonVariants({ level, size }), className), ref, children: /* @__PURE__ */ jsx87(Icon, { name, thick, fill, size: iconButtonSizeIconSizeMap[size] }) });
   }
 );
 export {