@mekari/pixel3-timeline 0.0.10 → 0.0.11-dev.1

package/dist/index.js

@@ -36,29 +36,23 @@ module.exports = __toCommonJS(src_exports);
 // src/accordion.tsx
 var import_vue3 = require("vue");
 var import_pixel3_icon = require("@mekari/pixel3-icon");
-var import_css2 = require("@mekari/pixel3-styled-system/css");
-var import_patterns = require("@mekari/pixel3-styled-system/patterns");
 var import_pixel3_transition = require("@mekari/pixel3-transition");
 var import_vue4 = require("vue");
 
 // src/body.tsx
 var import_vue = require("vue");
 var import_vue2 = require("vue");
-var import_css = require("@mekari/pixel3-styled-system/css");
+var import_recipes = require("@mekari/pixel3-styled-system/recipes");
 var MpTimelineBody = (0, import_vue2.defineComponent)({
   name: "MpTimelineBody",
   setup(_props, {
     slots
   }) {
+    const classes = (0, import_recipes.timelineSlotRecipe)();
     return () => {
       return (0, import_vue.createVNode)("div", {
         "data-pixel-component": "MpTimelineBody",
-        "class": (0, import_css.css)({
-          marginLeft: "3",
-          paddingTop: "6px",
-          paddingBottom: "3",
-          width: "full"
-        })
+        "class": classes.body
       }, [slots.default && slots.default()]);
     };
   }
@@ -135,6 +129,7 @@ var timelineLogProps = {
 };
 
 // src/accordion.tsx
+var import_recipes2 = require("@mekari/pixel3-styled-system/recipes");
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, import_vue3.isVNode)(s);
 }
@@ -147,6 +142,7 @@ var MpTimelineAccordion = (0, import_vue4.defineComponent)({
   }) {
     const isOpen = (0, import_vue4.ref)(props.isOpen || false);
     return () => {
+      const classes = (0, import_recipes2.timelineAccordionSlotRecipe)();
       const children = slots.default && slots.default();
       const timelineItemVNode = children ? children.filter((n) => n.type.name === "MpTimelineItem") : [];
       const length = timelineItemVNode.length - 1;
@@ -167,21 +163,14 @@ var MpTimelineAccordion = (0, import_vue4.defineComponent)({
         "data-pixel-component": "MpTimelineAccordion"
       }, [(0, import_vue3.createVNode)("div", {
         "data-pixel-component": "MpTimelineAccordionBody",
-        "class": (0, import_patterns.flex)()
+        "class": classes.body
       }, [(0, import_vue3.createVNode)("div", {
         "data-pixel-component": "MpTimelineAccordionSeparator",
-        "class": (0, import_patterns.flex)({
-          flexDirection: "column",
-          alignItems: "center"
-        })
+        "class": classes.separator
       }, [(0, import_vue3.createVNode)("div", {
         "data-pixel-component": "MpTimelineAccordionConnector",
-        "class": (0, import_css2.css)({
-          height: "4px",
-          width: "2px",
-          backgroundColor: props.position === "first" ? "transparent" : "gray.100",
-          roundedBottom: "full"
-        })
+        "data-position": props.position,
+        "class": classes.topConnector
       }, null), (0, import_vue3.createVNode)("button", {
         "role": "button",
         "aria-expanded": isOpen.value || void 0,
@@ -190,33 +179,18 @@ var MpTimelineAccordion = (0, import_vue4.defineComponent)({
         "name": isOpen.value ? "accordion-expand" : "accordion-collapse",
         "size": "sm",
         "color": "gray.600",
-        "class": (0, import_css2.css)({
-          my: 1,
-          cursor: "pointer"
-        })
+        "class": classes.icon
       }, null)]), (0, import_vue3.createVNode)("div", {
         "data-pixel-component": "MpTimelineAccordionConnector",
-        "class": (0, import_css2.css)({
-          flexGrow: 1,
-          width: "2px",
-          backgroundColor: !isOpen.value && props.position === "last" ? "transparent" : "gray.100",
-          roundedTop: "full"
-        })
+        "data-position": !isOpen.value && props.position === "last" ? "last" : void 0,
+        "class": classes.bottomConnector
       }, null)]), (0, import_vue3.createVNode)(MpTimelineBody, null, {
         default: () => [(0, import_vue3.createVNode)("div", {
-          "class": (0, import_css2.css)({
-            paddingTop: 1
-          }),
+          "class": classes.title,
           "data-pixel-component": "MpTimelineAccordionTitle"
         }, [(0, import_vue3.createVNode)("p", {
-          "class": (0, import_css2.css)({
-            fontSize: "md",
-            lineHeight: "md",
-            color: "dark",
-            fontWeight: "semibold",
-            letterSpacing: "normal"
-          })
-        }, [(0, import_vue3.createTextVNode)("Label")])])]
+          "class": classes.label
+        }, [(0, import_vue3.createTextVNode)(" "), props.label, (0, import_vue3.createTextVNode)(" ")])])]
       })]), (0, import_vue3.createVNode)(import_pixel3_transition.MpAnimateHeight, {
         "isOpen": isOpen.value
       }, _isSlot(cloneTimelineItem) ? cloneTimelineItem : {
@@ -229,21 +203,17 @@ var MpTimelineAccordion = (0, import_vue4.defineComponent)({
 // src/caption.tsx
 var import_vue5 = require("vue");
 var import_vue6 = require("vue");
-var import_css3 = require("@mekari/pixel3-styled-system/css");
+var import_recipes3 = require("@mekari/pixel3-styled-system/recipes");
 var MpTimelineCaption = (0, import_vue6.defineComponent)({
   name: "MpTimelineItem",
   setup(_props, {
     slots
   }) {
+    const classes = (0, import_recipes3.timelineSlotRecipe)();
     return () => {
       return (0, import_vue5.createVNode)("span", {
         "data-pixel-component": "MpTimelineCaption",
-        "class": (0, import_css3.css)({
-          fontSize: "sm",
-          color: "gray.400",
-          lineHeight: "sm",
-          marginTop: "0.5"
-        })
+        "class": classes.caption
       }, [slots.default && slots.default()]);
     };
   }
@@ -252,18 +222,17 @@ var MpTimelineCaption = (0, import_vue6.defineComponent)({
 // src/content.tsx
 var import_vue7 = require("vue");
 var import_vue8 = require("vue");
-var import_css4 = require("@mekari/pixel3-styled-system/css");
+var import_recipes4 = require("@mekari/pixel3-styled-system/recipes");
 var MpTimelineContent = (0, import_vue8.defineComponent)({
   name: "MpTimelineContent",
   setup(_props, {
     slots
   }) {
+    const classes = (0, import_recipes4.timelineSlotRecipe)();
     return () => {
       return (0, import_vue7.createVNode)("div", {
         "data-pixel-component": "MpTimelineContent",
-        "class": (0, import_css4.css)({
-          paddingTop: 3
-        })
+        "class": classes.content
       }, [slots.default && slots.default()]);
     };
   }
@@ -272,9 +241,9 @@ var MpTimelineContent = (0, import_vue8.defineComponent)({
 // src/document.tsx
 var import_vue9 = require("vue");
 var import_pixel3_icon2 = require("@mekari/pixel3-icon");
-var import_css5 = require("@mekari/pixel3-styled-system/css");
-var import_patterns2 = require("@mekari/pixel3-styled-system/patterns");
 var import_vue10 = require("vue");
+var import_recipes5 = require("@mekari/pixel3-styled-system/recipes");
+var import_pixel3_utils = require("@mekari/pixel3-utils");
 var MpTimelineDocument = (0, import_vue10.defineComponent)({
   name: "MpTimelineDocument",
   props: timelineDocumentProps,
@@ -282,26 +251,17 @@ var MpTimelineDocument = (0, import_vue10.defineComponent)({
     slots
   }) {
     return () => {
+      const classes = (0, import_recipes5.timelineDocumentSlotRecipe)({
+        icon: !(0, import_pixel3_utils.isUndef)(props.icon)
+      });
       return (0, import_vue9.createVNode)("span", {
         "data-pixel-component": "MpTimelineDocument",
-        "class": (0, import_css5.css)({
-          display: "flex",
-          alignItems: "center",
-          paddingX: "3",
-          paddingY: "2",
-          borderRadius: "lg",
-          borderWidth: "1px",
-          borderColor: "gray.100",
-          width: "full"
-        })
+        "class": classes.root
       }, [(0, import_vue9.createVNode)(import_pixel3_icon2.MpIcon, {
         "name": props.icon,
         "variant": props.iconVariant
       }, null), (0, import_vue9.createVNode)("div", {
-        "class": (0, import_patterns2.flex)({
-          flexDirection: "column",
-          marginLeft: props.icon ? "3" : "0"
-        })
+        "class": classes.content
       }, [(0, import_vue9.createVNode)("p", {
         "style": {
           overflow: "hidden",
@@ -309,25 +269,11 @@ var MpTimelineDocument = (0, import_vue10.defineComponent)({
           "-webkit-box-orient": "vertical",
           "-webkit-line-clamp": 1
         },
-        "class": (0, import_css5.css)({
-          fontSize: "sm",
-          lineHeight: "md",
-          fontWeight: "regular",
-          letterSpacing: "normal",
-          color: "dark"
-        })
+        "class": classes.title
       }, [props.title]), (0, import_vue9.createVNode)("div", {
-        "class": (0, import_patterns2.flex)({
-          alignItems: "center"
-        })
+        "class": classes.description
       }, [(0, import_vue9.createVNode)("p", {
-        "class": (0, import_css5.css)({
-          fontSize: "sm",
-          lineHeight: "md",
-          fontWeight: "regular",
-          letterSpacing: "normal",
-          color: "gray.400"
-        })
+        "class": classes.fileSize
       }, [props.fileSize, (0, import_vue9.createTextVNode)(" "), slots.default && " - "]), slots.default && slots.default()])])]);
     };
   }
@@ -335,38 +281,17 @@ var MpTimelineDocument = (0, import_vue10.defineComponent)({
 
 // src/item.tsx
 var import_vue13 = require("vue");
-var import_css7 = require("@mekari/pixel3-styled-system/css");
 var import_vue14 = require("vue");
 
 // src/separator.tsx
 var import_vue11 = require("vue");
 var import_pixel3_icon3 = require("@mekari/pixel3-icon");
-var import_css6 = require("@mekari/pixel3-styled-system/css");
-var import_patterns3 = require("@mekari/pixel3-styled-system/patterns");
 var import_vue12 = require("vue");
+var import_recipes6 = require("@mekari/pixel3-styled-system/recipes");
 var MpTimelineSeparator = (0, import_vue12.defineComponent)({
   name: "MpTimelineSeparator",
   props: timelineSeparatorProps,
   setup(props) {
-    const classes = {
-      wrapper: (0, import_patterns3.flex)({
-        flexDirection: "column",
-        alignItems: "center"
-      }),
-      topConnector: (0, import_css6.css)({
-        height: "6px",
-        width: "2px",
-        backgroundColor: props.position === "first" ? "transparent" : "gray.100",
-        roundedBottom: "2px"
-      }),
-      bottomConnector: (0, import_css6.css)({
-        height: "100%",
-        flexGrow: 1,
-        width: "2px",
-        backgroundColor: props.position === "last" ? "transparent" : "gray.100",
-        roundedTop: "2px"
-      })
-    };
     const iconAttrs = {
       approved: {
         name: "done",
@@ -395,12 +320,14 @@ var MpTimelineSeparator = (0, import_vue12.defineComponent)({
       }
     };
     return () => {
+      const classes = (0, import_recipes6.timelineSeparatorSlotRecipe)();
       return (0, import_vue11.createVNode)("div", {
         "data-pixel-component": "MpTimelineSeparator",
-        "class": classes.wrapper
+        "class": classes.root
       }, [(0, import_vue11.createVNode)("div", {
         "data-pixel-component": "MpTimelineConnector",
         "data-connector": "top",
+        "data-position": props.position,
         "class": classes.topConnector
       }, null), (0, import_vue11.createVNode)(import_pixel3_icon3.MpIcon, {
         "name": props.icon || iconAttrs[props.status].name,
@@ -410,6 +337,7 @@ var MpTimelineSeparator = (0, import_vue12.defineComponent)({
       }, null), (0, import_vue11.createVNode)("div", {
         "data-connector": "bottom",
         "data-pixel-component": "MpTimelineConnector",
+        "data-position": props.position,
         "class": classes.bottomConnector
       }, null)]);
     };
@@ -417,19 +345,19 @@ var MpTimelineSeparator = (0, import_vue12.defineComponent)({
 });
 
 // src/item.tsx
+var import_recipes7 = require("@mekari/pixel3-styled-system/recipes");
 var MpTimelineItem = (0, import_vue14.defineComponent)({
   name: "MpTimelineItem",
   props: timelineItemProps,
   setup(props, {
     slots
   }) {
+    const classes = (0, import_recipes7.timelineSlotRecipe)();
     return () => {
       return (0, import_vue13.createVNode)("li", {
         "data-pixel-component": "MpTimelineItem",
         "data-position": props.position,
-        "class": (0, import_css7.css)({
-          display: "flex"
-        })
+        "class": classes.item
       }, [(0, import_vue13.createVNode)(MpTimelineSeparator, {
         "position": props.position,
         "status": props.status,
@@ -446,45 +374,30 @@ var MpTimelineItem = (0, import_vue14.defineComponent)({
 // src/log.tsx
 var import_vue15 = require("vue");
 var import_pixel3_icon4 = require("@mekari/pixel3-icon");
-var import_css8 = require("@mekari/pixel3-styled-system/css");
-var import_patterns4 = require("@mekari/pixel3-styled-system/patterns");
 var import_pixel3_transition2 = require("@mekari/pixel3-transition");
 var import_vue16 = require("vue");
+var import_recipes8 = require("@mekari/pixel3-styled-system/recipes");
 var MpTimelineLog = (0, import_vue16.defineComponent)({
   name: "MpTimelineLog",
   props: timelineLogProps,
   setup(props, {
     slots
   }) {
+    const classes = (0, import_recipes8.timelineLogSlotRecipe)();
     const isOpen = (0, import_vue16.ref)(props.isOpen);
     return () => {
       return (0, import_vue15.createVNode)("div", {
-        "class": (0, import_css8.css)({
-          display: "flex",
-          flexDirection: "column"
-        })
+        "class": classes.root
       }, [(0, import_vue15.createVNode)("button", {
         "data-pixel-component": "MpTimelineLog",
         "aria-expanded": isOpen.value || void 0,
-        "class": ["group", (0, import_patterns4.flex)({
-          cursor: "pointer"
-        })],
+        "class": ["group", classes.log],
         "onClick": () => isOpen.value = !isOpen.value
       }, [(0, import_vue15.createVNode)("p", {
-        "class": (0, import_css8.css)({
-          color: "gray.400",
-          _groupHover: {
-            color: "blue.500"
-          }
-        })
+        "class": classes.logText
       }, [(0, import_vue15.createTextVNode)("Change log")]), (0, import_vue15.createVNode)(import_pixel3_icon4.MpIcon, {
         "name": "caret-down",
-        "class": (0, import_css8.css)({
-          color: "gray.400",
-          _groupHover: {
-            color: "blue.500"
-          }
-        }),
+        "class": classes.logIcon,
         "style": {
           transition: "transform 0.2s",
           transformOrigin: "center",
@@ -493,10 +406,7 @@ var MpTimelineLog = (0, import_vue16.defineComponent)({
       }, null)]), (0, import_vue15.createVNode)(import_pixel3_transition2.MpAnimateHeight, {
         "isOpen": isOpen.value,
         "as": "ul",
-        "class": (0, import_css8.css)({
-          listStyleType: "disc",
-          paddingLeft: 5
-        })
+        "class": classes.content
       }, {
         default: () => [slots.default && slots.default()]
       })]);
@@ -506,19 +416,18 @@ var MpTimelineLog = (0, import_vue16.defineComponent)({
 
 // src/log-item.tsx
 var import_vue17 = require("vue");
-var import_css9 = require("@mekari/pixel3-styled-system/css");
 var import_vue18 = require("vue");
+var import_recipes9 = require("@mekari/pixel3-styled-system/recipes");
 var MpTimelinLogItem = (0, import_vue18.defineComponent)({
   name: "MpTimelinLogItem",
   setup(_props, {
     slots
   }) {
+    const classes = (0, import_recipes9.timelineLogSlotRecipe)();
     return () => {
       return (0, import_vue17.createVNode)("li", {
         "data-pixel-component": "MpTimelinLogItem",
-        "class": (0, import_css9.css)({
-          color: "gray.600"
-        })
+        "class": classes.logItem
       }, [slots.default && slots.default()]);
     };
   }
@@ -526,13 +435,14 @@ var MpTimelinLogItem = (0, import_vue18.defineComponent)({
 
 // src/timeline.tsx
 var import_vue19 = require("vue");
-var import_css10 = require("@mekari/pixel3-styled-system/css");
 var import_vue20 = require("vue");
+var import_recipes10 = require("@mekari/pixel3-styled-system/recipes");
 var MpTimeline = (0, import_vue20.defineComponent)({
   name: "MpTimeline",
   setup(_props, {
     slots
   }) {
+    const classes = (0, import_recipes10.timelineSlotRecipe)();
     return () => {
       const children = slots.default && slots.default();
       const timelineItemVNode = children ? children.filter((n) => {
@@ -556,9 +466,7 @@ var MpTimeline = (0, import_vue20.defineComponent)({
       });
       return (0, import_vue19.createVNode)("ul", {
         "data-pixel-component": "MpTimeline",
-        "class": (0, import_css10.css)({
-          maxWidth: "sm"
-        })
+        "class": classes.root
       }, [cloneTimelineItem]);
     };
   }

package/dist/index.mjs

@@ -1,33 +1,33 @@
 import {
   MpTimelineLog
-} from "./chunk-C3OMXGFW.mjs";
+} from "./chunk-RUNJ5QTL.mjs";
 import {
   MpTimeline
-} from "./chunk-7DG62NMG.mjs";
+} from "./chunk-7AOF43E4.mjs";
 import {
   MpTimelineTitle
 } from "./chunk-WXCDLWFJ.mjs";
 import {
   MpTimelineAccordion
-} from "./chunk-QSWQT234.mjs";
+} from "./chunk-EYEK6NTK.mjs";
 import {
   MpTimelineCaption
-} from "./chunk-ZG4NN7A5.mjs";
+} from "./chunk-4PZZ5B6I.mjs";
 import {
   MpTimelineContent
-} from "./chunk-HSNDCO4E.mjs";
+} from "./chunk-RBX3CCVL.mjs";
 import {
   MpTimelineDocument
-} from "./chunk-XJGZTB4V.mjs";
+} from "./chunk-MRPVYAVX.mjs";
 import {
   MpTimelineItem
-} from "./chunk-R27QQWNW.mjs";
-import "./chunk-EO6SLNZK.mjs";
-import "./chunk-F5W3GZXM.mjs";
+} from "./chunk-ILY3Y465.mjs";
+import "./chunk-PFNAOR6K.mjs";
+import "./chunk-QHPZK7ZV.mjs";
 import "./chunk-3X4C56WA.mjs";
 import {
   MpTimelinLogItem
-} from "./chunk-GIZF7OP5.mjs";
+} from "./chunk-GA2OEUXW.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpTimelinLogItem,

package/dist/item.d.mts

@@ -10,7 +10,7 @@ declare const MpTimelineItem: vue.DefineComponent<{
         default: string;
     };
     icon: {
-        type: vue.PropType<"filter" | "done" | "code" | "img" | "link" | "progress" | "time" | "location" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | "priority-low" | "priority-medium" | "priority-high" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "X" | "error" | "help" | "info" | "pending" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "ai-assist" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "stamp" | "succesion-plan" | "talent-management" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img-break" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "undo" | "upload" | "verified" | "video-recorder">;
+        type: vue.PropType<"filter" | "done" | "code" | "img" | "link" | "progress" | "time" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "full-screen" | "indicator-circle" | "indicator-square" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | "priority-low" | "priority-medium" | "priority-high" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "X" | "error" | "help" | "info" | "pending" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "ai-assist" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "stamp" | "succesion-plan" | "talent-management" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img-break" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out">;
     };
     iconVariant: {
         type: vue.PropType<"fill" | "outline" | "duotone">;
@@ -27,7 +27,7 @@ declare const MpTimelineItem: vue.DefineComponent<{
         default: string;
     };
     icon: {
-        type: vue.PropType<"filter" | "done" | "code" | "img" | "link" | "progress" | "time" | "location" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | "priority-low" | "priority-medium" | "priority-high" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "X" | "error" | "help" | "info" | "pending" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "ai-assist" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "stamp" | "succesion-plan" | "talent-management" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img-break" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "undo" | "upload" | "verified" | "video-recorder">;
+        type: vue.PropType<"filter" | "done" | "code" | "img" | "link" | "progress" | "time" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "full-screen" | "indicator-circle" | "indicator-square" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | "priority-low" | "priority-medium" | "priority-high" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "X" | "error" | "help" | "info" | "pending" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "ai-assist" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "stamp" | "succesion-plan" | "talent-management" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img-break" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out">;
     };
     iconVariant: {
         type: vue.PropType<"fill" | "outline" | "duotone">;

package/dist/item.d.ts

@@ -10,7 +10,7 @@ declare const MpTimelineItem: vue.DefineComponent<{
         default: string;
     };
     icon: {
-        type: vue.PropType<"filter" | "done" | "code" | "img" | "link" | "progress" | "time" | "location" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | "priority-low" | "priority-medium" | "priority-high" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "X" | "error" | "help" | "info" | "pending" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "ai-assist" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "stamp" | "succesion-plan" | "talent-management" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img-break" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "undo" | "upload" | "verified" | "video-recorder">;
+        type: vue.PropType<"filter" | "done" | "code" | "img" | "link" | "progress" | "time" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "full-screen" | "indicator-circle" | "indicator-square" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | "priority-low" | "priority-medium" | "priority-high" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "X" | "error" | "help" | "info" | "pending" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "ai-assist" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "stamp" | "succesion-plan" | "talent-management" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img-break" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out">;
     };
     iconVariant: {
         type: vue.PropType<"fill" | "outline" | "duotone">;
@@ -27,7 +27,7 @@ declare const MpTimelineItem: vue.DefineComponent<{
         default: string;
     };
     icon: {
-        type: vue.PropType<"filter" | "done" | "code" | "img" | "link" | "progress" | "time" | "location" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | "priority-low" | "priority-medium" | "priority-high" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "X" | "error" | "help" | "info" | "pending" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "ai-assist" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "stamp" | "succesion-plan" | "talent-management" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img-break" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "undo" | "upload" | "verified" | "video-recorder">;
+        type: vue.PropType<"filter" | "done" | "code" | "img" | "link" | "progress" | "time" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-available" | "stock-running-out" | "pdf-document" | "image-document" | "excel-document" | "word-document" | "university-outline" | "task-on-progress" | "task-done" | "add" | "minus" | "text-editor-align-left" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "Line" | "Livechat" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "WhatsApp" | "XL" | "capital-black" | "capital-brand" | "capital-outline" | "mchat-black" | "mchat-brand" | "mchat-outline" | "expense-black" | "expense-brand" | "expense-outline" | "flex-black" | "flex-brand" | "flex-outline" | "insight-black" | "insight-brand" | "insight-outline" | "jurnal-black" | "jurnal-brand" | "jurnal-outline" | "klikpajak-black" | "klikpajak-brand" | "klikpajak-outline" | "mekari-black" | "mekari-brand" | "mekari-outline" | "pay-black" | "pay-brand" | "pay-outline" | "qontak-black" | "qontak-brand" | "qontak-outline" | "sign-black" | "sign-brand" | "sign-outline" | "stream-black" | "stream-brand" | "stream-outline" | "talenta-black" | "talenta-brand" | "talenta-outline" | "university-black" | "university-brand" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "full-screen" | "indicator-circle" | "indicator-square" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending" | "priority-low" | "priority-medium" | "priority-high" | "arrows-down" | "arrows-left" | "arrows-right" | "arrows-up" | "caret-down" | "caret-right" | "caret-up" | "chevrons-down" | "chevrons-forward" | "chevrons-left" | "chevrons-previous" | "chevrons-right" | "chevrons-up" | "X" | "error" | "help" | "info" | "pending" | "warning-circular" | "warning-triangle" | "account-mapping" | "add-ons" | "ai-assist" | "application" | "assets" | "attendee" | "bank" | "batch" | "billing" | "block-user" | "book" | "briefcase" | "bulk-send" | "bulk-upload" | "business-trip" | "broadcast" | "brush" | "calculator" | "cart" | "cash-advance" | "cash-in" | "cash-out" | "categories" | "certificate" | "channel" | "chart-of-account" | "chat" | "chatbot" | "cloud" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "finance" | "find-me" | "flag" | "fulfillment" | "gift" | "goal" | "hierarchy" | "home" | "hospital" | "inbox" | "increase-kpi" | "initials" | "join-invoice" | "key" | "lifestyle" | "like" | "loan" | "location" | "log" | "meeting-room" | "mekari_pay" | "migrate" | "mobile" | "mobile-postpaid" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "stamp" | "succesion-plan" | "talent-management" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "file-audio" | "file-image" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "img-break" | "pdf" | "zip" | "add-circular" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "help-centre" | "hide" | "magic" | "minus-circular" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-todo" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out">;
     };
     iconVariant: {
         type: vue.PropType<"fill" | "outline" | "duotone">;