@liner-fe/prism 2.1.31 → 2.1.33

package/lib/index.mjs

@@ -141,7 +141,7 @@ var ICLinerVariation = /* @__PURE__ */ __name((props) => {
   const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
   if (fill) {
     return /* @__PURE__ */ jsxs3("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx5("g", { "clip-path": "url(#clip0_1076_10079)", children: /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx5("g", { clipPath: "url(#clip0_1076_10079)", children: /* @__PURE__ */ jsx5(
         "path",
         {
           d: "M45.1539 0H33.0996C32.3358 0 31.6225 0.295362 31.0821 0.83566L22.6303 9.28591C22.3493 9.56686 21.9747 9.72535 21.5712 9.72535H8.24147C7.47771 9.72535 6.76439 10.0207 6.224 10.561L0.84168 15.9424C0.013077 16.7708 -0.224696 17.9667 0.222029 19.0473C0.668754 20.1351 1.68469 20.805 2.85915 20.805H10.5688C11.3902 20.805 12.0675 21.475 12.0675 22.3035V32.7852C12.0675 34.5214 13.4797 35.9334 15.2161 35.9334H25.6998C26.5212 35.9334 27.1985 36.6033 27.1985 37.4318V45.14C27.1985 46.3143 27.8758 47.3228 28.9565 47.7767C29.324 47.928 29.6987 48 30.0661 48C30.8011 48 31.5144 47.7118 32.062 47.1571L37.4443 41.7758C37.9847 41.2355 38.2801 40.5223 38.2801 39.7587V26.3161C38.2801 25.9919 38.4026 25.6821 38.6332 25.4516L47.1642 16.9221C47.6974 16.389 48 15.6542 48 14.905V2.85277C48 1.28231 46.7175 0 45.1467 0H45.1539ZM23.1563 12.5781C23.1563 11.7569 23.8264 11.0869 24.655 11.0869H35.4341C36.2555 11.0869 36.9327 11.7569 36.9327 12.5781V23.3552C36.9327 24.1765 36.2627 24.8537 35.4341 24.8537H24.655C23.8336 24.8537 23.1563 24.1837 23.1563 23.3552V12.5781Z",
@@ -152,7 +152,7 @@ var ICLinerVariation = /* @__PURE__ */ __name((props) => {
     ] });
   }
   return /* @__PURE__ */ jsxs3("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx5("g", { "clip-path": "url(#clip0_1076_10079)", children: /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx5("g", { clipPath: "url(#clip0_1076_10079)", children: /* @__PURE__ */ jsx5(
       "path",
       {
         d: "M45.1539 0H33.0996C32.3358 0 31.6225 0.295362 31.0821 0.83566L22.6303 9.28591C22.3493 9.56686 21.9747 9.72535 21.5712 9.72535H8.24147C7.47771 9.72535 6.76439 10.0207 6.224 10.561L0.84168 15.9424C0.013077 16.7708 -0.224696 17.9667 0.222029 19.0473C0.668754 20.1351 1.68469 20.805 2.85915 20.805H10.5688C11.3902 20.805 12.0675 21.475 12.0675 22.3035V32.7852C12.0675 34.5214 13.4797 35.9334 15.2161 35.9334H25.6998C26.5212 35.9334 27.1985 36.6033 27.1985 37.4318V45.14C27.1985 46.3143 27.8758 47.3228 28.9565 47.7767C29.324 47.928 29.6987 48 30.0661 48C30.8011 48 31.5144 47.7118 32.062 47.1571L37.4443 41.7758C37.9847 41.2355 38.2801 40.5223 38.2801 39.7587V26.3161C38.2801 25.9919 38.4026 25.6821 38.6332 25.4516L47.1642 16.9221C47.6974 16.389 48 15.6542 48 14.905V2.85277C48 1.28231 46.7175 0 45.1467 0H45.1539ZM23.1563 12.5781C23.1563 11.7569 23.8264 11.0869 24.655 11.0869H35.4341C36.2555 11.0869 36.9327 11.7569 36.9327 12.5781V23.3552C36.9327 24.1765 36.2627 24.8537 35.4341 24.8537H24.655C23.8336 24.8537 23.1563 24.1837 23.1563 23.3552V12.5781Z",
@@ -353,7 +353,7 @@ var ICPaperclip = /* @__PURE__ */ __name((props) => {
   const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
   if (thick) {
     return /* @__PURE__ */ jsxs9("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx11("g", { "clip-path": "url(#clip0_978_3263)", children: /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx11("g", { clipPath: "url(#clip0_978_3263)", children: /* @__PURE__ */ jsx11(
         "path",
         {
           fillRule: "evenodd",
@@ -1911,7 +1911,7 @@ var ICDescription = /* @__PURE__ */ __name((props) => {
         d: "M13.5 29.5V31H15H33H34.5V29.5V26.5V25H33H15H13.5V26.5V29.5ZM20 23H21.5V21.5V20.257C22.31 21.9261 24.0211 23.0769 26.001 23.0769H37.5V42C37.5 42.2761 37.2761 42.5 37 42.5H11C10.7239 42.5 10.5 42.2761 10.5 42V6C10.5 5.72386 10.7239 5.5 11 5.5H21.001V17H20H15H13.5V18.5V21.5V23H15H20ZM13.5 36.5V38H15H33H34.5V36.5V33.5V32H33H15H13.5V33.5V36.5ZM27.001 17.0769V9.41465L34.1496 17.0769H27.001Z",
         fill: color,
         stroke: "#1E1E1F",
-        "stroke-width": "3"
+        strokeWidth: "3"
       }
     ) });
   }
@@ -2054,7 +2054,7 @@ var ICCamera = /* @__PURE__ */ __name((props) => {
         d: "M32.6832 12.7183L33.1096 13.5H34H42C42.2761 13.5 42.5 13.7239 42.5 14V39C42.5 39.2761 42.2761 39.5 42 39.5H6C5.72386 39.5 5.5 39.2761 5.5 39V14C5.5 13.7239 5.72386 13.5 6 13.5H14H14.8904L15.3168 12.7183L17.7483 8.26057L16.4315 7.5423L17.7483 8.26057C17.8359 8.09994 18.0043 8 18.1873 8H29.8127C29.9957 8 30.1641 8.09994 30.2517 8.26057L32.6832 12.7183ZM28.5 26C28.5 28.4853 26.4853 30.5 24 30.5C21.5147 30.5 19.5 28.4853 19.5 26C19.5 23.5147 21.5147 21.5 24 21.5C26.4853 21.5 28.5 23.5147 28.5 26ZM24 36.5C29.799 36.5 34.5 31.799 34.5 26C34.5 20.201 29.799 15.5 24 15.5C18.201 15.5 13.5 20.201 13.5 26C13.5 31.799 18.201 36.5 24 36.5Z",
         fill: color,
         stroke: "#1E1E1F",
-        "stroke-width": "3"
+        strokeWidth: "3"
       }
     ) });
   }
@@ -2410,7 +2410,7 @@ var ICFolderAdd = /* @__PURE__ */ __name((props) => {
         d: "M22.4 11.7L23 12.5H24H41.5V39H6.5L6.5 8.5L20 8.5L22.4 11.7ZM20 15.9998V17.9998V21.5H16.25H14.25V23.5V27.5V29.5H16.25H20V33.4998V35.4998H22H26H28V33.4998V29.5H31.75H33.75V27.5V23.5V21.5H31.75H28V17.9998V15.9998H26H22H20Z",
         fill: color,
         stroke: "#1E1E1F",
-        "stroke-width": "4"
+        strokeWidth: "4"
       }
     ) });
   }
@@ -2435,7 +2435,7 @@ var ICFolderAdd = /* @__PURE__ */ __name((props) => {
         d: "M22.4 11.7L23 12.5H24H41.5V39H6.5L6.5 8.5L20 8.5L22.4 11.7ZM22.5 15.9998H20.5V17.9998V22H16.25H14.25V24V27V29H16.25H20.5V33.4998V35.4998H22.5H25.5H27.5V33.4998V29H31.75H33.75V27V24V22H31.75H27.5V17.9998V15.9998H25.5H22.5Z",
         fill: color,
         stroke: "#1E1E1F",
-        "stroke-width": "4"
+        strokeWidth: "4"
       }
     ) });
   }
@@ -3101,7 +3101,7 @@ var ICSummarize = /* @__PURE__ */ __name((props) => {
         d: "M36 23.0379V22V20V18V14V12H34H14H12V14V18V20V22V26V28V30V34V36H14H22C22 37.7707 22.3548 39.4603 22.9969 41H7L7 7L41 7V24.465C39.4841 23.675 37.7926 23.1745 36 23.0379ZM33.3002 35.4997H32.7203L34.1999 33.2622L34.1999 34.2054C34.1998 35.5862 35.3191 36.7055 36.6999 36.7055H37.2831L35.8002 38.9518V37.9997C35.8002 36.6189 34.6809 35.4997 33.3002 35.4997Z",
         fill: "black",
         stroke: "black",
-        "stroke-width": "4"
+        strokeWidth: "4"
       }
     ) });
   }
@@ -3133,7 +3133,7 @@ var ICSummarize = /* @__PURE__ */ __name((props) => {
         d: "M14.5 35.5H22.0095C22.0032 35.666 22 35.8326 22 36C22 37.7707 22.3548 39.4603 22.9969 41H7L7 7L41 7V24.465C39.3439 23.6019 37.4782 23.0844 35.5 23.0095V22.5V20.5H33.5H14.5H12.5V22.5V25.5V27.5H14.5H25.1636C24.8868 27.8201 24.6254 28.1538 24.3805 28.5H14.5H12.5V30.5V33.5V35.5H14.5ZM12.5 17.5V19.5H14.5H33.5H35.5V17.5V14.5V12.5H33.5H14.5H12.5V14.5V17.5ZM33.3002 35.4997H32.7203L34.1999 33.2622L34.1999 34.2054C34.1998 35.5862 35.3191 36.7055 36.6999 36.7055H37.2831L35.8002 38.9518V37.9997C35.8002 36.6189 34.6809 35.4997 33.3002 35.4997Z",
         fill: "black",
         stroke: "black",
-        "stroke-width": "4"
+        strokeWidth: "4"
       }
     ) });
   }
@@ -4183,8 +4183,8 @@ var ICBulb = /* @__PURE__ */ __name((props) => {
       /* @__PURE__ */ jsx85(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M31 35C31 33.3206 31.9663 31.8223 33.2847 30.7819C36.7656 28.035 39 23.7784 39 19C39 10.7157 32.2843 4 24 4C15.7157 4 9 10.7157 9 19C9 23.7784 11.2344 28.035 14.7153 30.7819C16.0337 31.8223 17 33.3206 17 35C17 36.1046 17.8954 37 19 37H29C30.1046 37 31 36.1046 31 35ZM35 19C35 22.5022 33.3679 25.6208 30.8068 27.6419C29.2724 28.8527 27.7996 30.6858 27.2384 33H20.7616C20.2004 30.6858 18.7276 28.8527 17.1932 27.6419C14.6321 25.6208 13 22.5022 13 19C13 12.9249 17.9249 8 24 8C30.0751 8 35 12.9249 35 19Z",
           fill: color
         }
@@ -4196,8 +4196,8 @@ var ICBulb = /* @__PURE__ */ __name((props) => {
     /* @__PURE__ */ jsx85(
       "path",
       {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
         d: "M31 35C31 33.3206 31.9663 31.8223 33.2847 30.7819C36.7656 28.035 39 23.7784 39 19C39 10.7157 32.2843 4 24 4C15.7157 4 9 10.7157 9 19C9 23.7784 11.2344 28.035 14.7153 30.7819C16.0337 31.8223 17 33.3206 17 35C17 36.1046 17.8954 37 19 37H29C30.1046 37 31 36.1046 31 35ZM36 19C36 22.8213 34.2173 26.2244 31.4262 28.4269C29.8454 29.6744 28.3909 31.5977 28.0669 34H19.9331C19.6091 31.5977 18.1546 29.6744 16.5738 28.4269C13.7827 26.2244 12 22.8213 12 19C12 12.3726 17.3726 7 24 7C30.6274 7 36 12.3726 36 19Z",
         fill: color
       }
@@ -4426,7 +4426,7 @@ var ICFolderOpen = /* @__PURE__ */ __name((props) => {
   }
   if (thick) {
     return /* @__PURE__ */ jsxs69("svg", { ...rest, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsx90("g", { "clip-path": "url(#clip0_975_1749)", children: /* @__PURE__ */ jsx90(
+      /* @__PURE__ */ jsx90("g", { clipPath: "url(#clip0_975_1749)", children: /* @__PURE__ */ jsx90(
         "path",
         {
           fillRule: "evenodd",
@@ -4439,7 +4439,7 @@ var ICFolderOpen = /* @__PURE__ */ __name((props) => {
     ] });
   }
   return /* @__PURE__ */ jsxs69("svg", { ...rest, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx90("g", { "clip-path": "url(#clip0_975_1738)", children: /* @__PURE__ */ jsx90(
+    /* @__PURE__ */ jsx90("g", { clipPath: "url(#clip0_975_1738)", children: /* @__PURE__ */ jsx90(
       "path",
       {
         fillRule: "evenodd",
@@ -5933,7 +5933,7 @@ var ICTextSelect = /* @__PURE__ */ __name((props) => {
   const { thick = false, fill = false, size = 32, color = "#1E1E1F" } = props;
   if (thick) {
     return /* @__PURE__ */ jsxs92("svg", { ...props, width: size, height: size, viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-      /* @__PURE__ */ jsxs92("g", { "clip-path": "url(#clip0_3527_4665)", children: [
+      /* @__PURE__ */ jsxs92("g", { clipPath: "url(#clip0_3527_4665)", children: [
         /* @__PURE__ */ jsx127("path", { d: "M26 19H30V15H18V19H22V31H26V19Z", fill: color }),
         /* @__PURE__ */ jsx127(
           "path",
@@ -7640,34 +7640,33 @@ var DefaultButton = forwardRef(
 );
 var Button = forwardRef((props, ref) => /* @__PURE__ */ jsx157(DefaultButton, { ...props, ref }));
 
-// src/components/Toast/hooks/useToast.ts
+// src/hooks/useToast.ts
 import { atom, useSetRecoilState } from "recoil";
+
+// src/types/generateRandomId.ts
+var generateRandomId = /* @__PURE__ */ __name(() => Date.now() + Math.random(), "generateRandomId");
+
+// src/hooks/useToast.ts
+import { millisecondsInSecond } from "date-fns/constants";
 var toastAtom = atom({
-  default: { list: [] },
+  default: [],
   key: "toastAtoms"
 });
-var ONE_SECOND = 1e3;
 var useToast = /* @__PURE__ */ __name(() => {
   const setToasts = useSetRecoilState(toastAtom);
   return {
     open: /* @__PURE__ */ __name((toast) => {
-      const toastId = Date.now() + Math.random();
-      const timer = toast.button ? ONE_SECOND * 5 : ONE_SECOND + 800;
+      const toastId = generateRandomId();
+      const timer = toast.button ? millisecondsInSecond * 5 : millisecondsInSecond + 800;
       const list = { toastId, timer, ...toast };
-      setToasts((prev) => {
-        return {
-          list: [...prev.list, list]
-        };
-      });
+      setToasts((prev) => [...prev, list]);
       return { toastId };
     }, "open"),
     endLoading: /* @__PURE__ */ __name((toastId) => {
       setToasts((prev) => {
-        return {
-          list: prev.list.map((list) => {
-            return { ...list, isLoading: list.toastId === toastId ? false : list.isLoading };
-          })
-        };
+        return prev.map((list) => {
+          return { ...list, isLoading: list.toastId === toastId ? false : list.isLoading };
+        });
       });
     }, "endLoading")
   };
@@ -7737,9 +7736,9 @@ var colorVariants = cva4({
 // src/components/Typography/Set/Paragraph.tsx
 import { jsx as jsx158 } from "react/jsx-runtime";
 var Paragraph = forwardRef2(
-  ({ size, type, weight, className, children, color = "neutral-label-primary", ...rest }, ref) => {
+  ({ size, type, weight, className, children, color = "neutral-label-primary", as: Element = "p", ...rest }, ref) => {
     return /* @__PURE__ */ jsx158(
-      "p",
+      Element,
       {
         ...rest,
         className: clsx3(`lp-sys-typo-paragraph${size}-${type}-${weight}`, colorVariants({ type: color }), className),
@@ -8228,10 +8227,11 @@ var loading_default = {
 };
 
 // src/components/Toast/index.tsx
+import { millisecondsInSecond as millisecondsInSecond2 } from "date-fns/constants";
 import { jsx as jsx159, jsxs as jsxs110 } from "react/jsx-runtime";
 import { createElement } from "react";
 var Toaster = /* @__PURE__ */ __name(() => {
-  const { list } = useRecoilValue(toastAtom);
+  const list = useRecoilValue(toastAtom);
   return /* @__PURE__ */ jsxs110(Provider, { children: [
     list.map((props) => /* @__PURE__ */ createElement(SingleToast, { ...props, key: props.toastId })),
     /* @__PURE__ */ jsx159(Viewport, { className: style_module_default4.ToastViewport })
@@ -8245,11 +8245,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
   const lottieRef = useRef(null);
   const toastSuccess = useRef(false);
   const removeToast = /* @__PURE__ */ __name(() => {
-    setToast((prev) => {
-      return {
-        list: prev.list.filter((toast) => toast.toastId !== toastId)
-      };
-    });
+    setToast((prev) => prev.filter((toast) => toast.toastId !== toastId));
     timerRef.current && clearTimeout(timerRef.current);
   }, "removeToast");
   useEffect(() => {
@@ -8268,7 +8264,7 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
       timerRef.current = setTimeout(() => {
         removeToast();
         clearTimeout(timerRef.current);
-      }, timer + ONE_SECOND);
+      }, timer + millisecondsInSecond2);
       const preCloseTimeout = setTimeout(() => {
         setIsOpen(false);
       }, timer);
@@ -8322,8 +8318,8 @@ import { forwardRef as forwardRef3 } from "react";
 import clsx4 from "clsx";
 import { jsx as jsx160 } from "react/jsx-runtime";
 var Heading = forwardRef3(
-  ({ size, children, type, className, color = "neutral-label-primary", ...rest }, ref) => {
-    const Element = `h${size}`;
+  ({ size, children, type, className, color = "neutral-label-primary", as, ...rest }, ref) => {
+    const Element = as || `h${size}`;
     return /* @__PURE__ */ jsx160(
       Element,
       {
@@ -8341,9 +8337,9 @@ import clsx5 from "clsx";
 import { forwardRef as forwardRef4 } from "react";
 import { jsx as jsx161 } from "react/jsx-runtime";
 var Caption = forwardRef4(
-  ({ children, size, weight, type, className, color = "neutral-label-primary", ...rest }, ref) => {
+  ({ children, size, weight, type, className, color = "neutral-label-primary", as: Element = "p", ...rest }, ref) => {
     return /* @__PURE__ */ jsx161(
-      "p",
+      Element,
       {
         ...rest,
         className: clsx5(
@@ -8364,9 +8360,9 @@ import { forwardRef as forwardRef5 } from "react";
 import clsx6 from "clsx";
 import { jsx as jsx162 } from "react/jsx-runtime";
 var Title2 = forwardRef5(
-  ({ weight, size, type, className, children, color = "neutral-label-primary", ...rest }, ref) => {
+  ({ weight, size, type, className, children, color = "neutral-label-primary", as: Element = "p", ...rest }, ref) => {
     return /* @__PURE__ */ jsx162(
-      "p",
+      Element,
       {
         ...rest,
         className: clsx6(`lp-sys-typo-title${size}-${type}-${weight}`, colorVariants({ type: color }), className),
@@ -8382,12 +8378,12 @@ import clsx7 from "clsx";
 import { forwardRef as forwardRef6 } from "react";
 import { jsx as jsx163 } from "react/jsx-runtime";
 var Display = forwardRef6(
-  ({ size, type, weight, className, children, color = "neutral-label-primary", ...rest }, ref) => {
+  ({ size, type, weight, className, children, color = "neutral-label-primary", as: Element = "p", ...rest }, ref) => {
     return /* @__PURE__ */ jsx163(
-      "p",
+      Element,
       {
-        ref,
         ...rest,
+        ref,
         className: clsx7(`lp-sys-typo-display${size}-${type}-${weight}`, colorVariants({ type: color }), className),
         children
       }