@mekari/pixel3-accordion 0.0.11 → 0.0.12-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,13 +11,14 @@ import {
11
11
  // src/item.tsx
12
12
  import { createVNode as _createVNode } from "vue";
13
13
  import { defineComponent } from "vue";
14
- import { css } from "@mekari/pixel3-styled-system/css";
14
+ import { accordionSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
15
15
  var MpAccordionItem = defineComponent({
16
16
  name: "MpAccordionItem",
17
17
  props: accordionItemProps,
18
18
  setup(props, {
19
19
  slots
20
20
  }) {
21
+ const classes = accordionSlotRecipe();
21
22
  const {
22
23
  isExpanded,
23
24
  onToggle,
@@ -31,14 +32,7 @@ var MpAccordionItem = defineComponent({
31
32
  return () => {
32
33
  return _createVNode("div", {
33
34
  "data-pixel-component": "MpAccordionItem",
34
- "class": css({
35
- borderBottomWidth: "1px",
36
- borderColor: "gray.100",
37
- _last: {
38
- borderBottomWidth: "1px",
39
- borderColor: "gray.100"
40
- }
41
- })
35
+ "class": classes.item
42
36
  }, [slots.default()]);
43
37
  };
44
38
  }
@@ -6,12 +6,13 @@ import {
6
6
  import { createVNode as _createVNode } from "vue";
7
7
  import { defineComponent } from "vue";
8
8
  import { MpCollapse } from "@mekari/pixel3-collapse";
9
- import { css } from "@mekari/pixel3-styled-system/css";
9
+ import { accordionSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
10
10
  var MpAccordionPanel = defineComponent({
11
11
  name: "MpAccordionPanel",
12
12
  setup(_props, {
13
13
  slots
14
14
  }) {
15
+ const classes = accordionSlotRecipe();
15
16
  const {
16
17
  isExpanded,
17
18
  id
@@ -24,9 +25,7 @@ var MpAccordionPanel = defineComponent({
24
25
  "data-pixel-component": "MpAccordionPanel",
25
26
  "id": `accordin-panel-${id}`,
26
27
  "aria-labelledby": `accordion-header-${id}`,
27
- "class": css({
28
- py: 3
29
- })
28
+ "class": classes.panel
30
29
  }, [slots.default()])]
31
30
  });
32
31
  };
@@ -8,43 +8,29 @@ import {
8
8
  // src/header.tsx
9
9
  import { createVNode as _createVNode } from "vue";
10
10
  import { defineComponent } from "vue";
11
- import { css } from "@mekari/pixel3-styled-system/css";
11
+ import { accordionSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
12
12
  var MpAccordionHeader = defineComponent({
13
13
  name: "MpAccordionHeader",
14
14
  props: accordionHeaderProps,
15
15
  setup(props, {
16
16
  slots
17
17
  }) {
18
+ const classes = accordionSlotRecipe({
19
+ isClickable: props.isClickable
20
+ });
18
21
  const {
19
22
  isExpanded,
20
23
  onToggle,
21
24
  id
22
25
  } = useAccordionItemContext();
23
26
  return () => {
24
- const headerClass = css({
25
- display: "flex",
26
- alignItems: "center",
27
- width: "100%",
28
- outline: 0,
29
- gap: 4,
30
- transition: "all 0.2s",
31
- py: 3,
32
- fontWeight: "semiBold",
33
- fontSize: "md",
34
- color: "dark",
35
- _disabled: {
36
- opacity: "0.4",
37
- cursor: "not-allowed"
38
- },
39
- cursor: props.isClickable ? "pointer" : "default"
40
- });
41
27
  return _createVNode("button", {
42
28
  "data-pixel-component": "MpAccordionHeader",
43
29
  "type": "button",
44
30
  "id": `accordion-header-${id}`,
45
31
  "aria-expanded": isExpanded.value,
46
32
  "aria-controls": `accordion-panel-${id}`,
47
- "class": headerClass,
33
+ "class": classes.header,
48
34
  "onClick": onToggle
49
35
  }, [slots.default()]);
50
36
  };
package/dist/header.js CHANGED
@@ -25,7 +25,6 @@ __export(header_exports, {
25
25
  module.exports = __toCommonJS(header_exports);
26
26
  var import_vue = require("vue");
27
27
  var import_vue2 = require("vue");
28
- var import_css = require("@mekari/pixel3-styled-system/css");
29
28
 
30
29
  // src/modules/accordion.context.ts
31
30
  var import_pixel3_utils = require("@mekari/pixel3-utils");
@@ -41,42 +40,29 @@ var accordionHeaderProps = {
41
40
  };
42
41
 
43
42
  // src/header.tsx
43
+ var import_recipes = require("@mekari/pixel3-styled-system/recipes");
44
44
  var MpAccordionHeader = (0, import_vue2.defineComponent)({
45
45
  name: "MpAccordionHeader",
46
46
  props: accordionHeaderProps,
47
47
  setup(props, {
48
48
  slots
49
49
  }) {
50
+ const classes = (0, import_recipes.accordionSlotRecipe)({
51
+ isClickable: props.isClickable
52
+ });
50
53
  const {
51
54
  isExpanded,
52
55
  onToggle,
53
56
  id
54
57
  } = useAccordionItemContext();
55
58
  return () => {
56
- const headerClass = (0, import_css.css)({
57
- display: "flex",
58
- alignItems: "center",
59
- width: "100%",
60
- outline: 0,
61
- gap: 4,
62
- transition: "all 0.2s",
63
- py: 3,
64
- fontWeight: "semiBold",
65
- fontSize: "md",
66
- color: "dark",
67
- _disabled: {
68
- opacity: "0.4",
69
- cursor: "not-allowed"
70
- },
71
- cursor: props.isClickable ? "pointer" : "default"
72
- });
73
59
  return (0, import_vue.createVNode)("button", {
74
60
  "data-pixel-component": "MpAccordionHeader",
75
61
  "type": "button",
76
62
  "id": `accordion-header-${id}`,
77
63
  "aria-expanded": isExpanded.value,
78
64
  "aria-controls": `accordion-panel-${id}`,
79
- "class": headerClass,
65
+ "class": classes.header,
80
66
  "onClick": onToggle
81
67
  }, [slots.default()]);
82
68
  };
package/dist/header.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  MpAccordionHeader
3
- } from "./chunk-HZIINS7D.mjs";
3
+ } from "./chunk-YHACEN5H.mjs";
4
4
  import "./chunk-PFYTMT2T.mjs";
5
5
  import "./chunk-IVT3BYAK.mjs";
6
6
  import "./chunk-QZ7VFGWC.mjs";
package/dist/icon.d.mts CHANGED
@@ -3,7 +3,7 @@ import * as vue from 'vue';
3
3
 
4
4
  declare const MpAccordionIcon: vue.DefineComponent<{
5
5
  name: {
6
- type: vue.PropType<"filter" | "done" | "search" | "link" | "location" | "time" | "copy" | "help" | "progress" | "code" | "img" | "reset" | "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" | "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" | "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" | "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" | "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">;
6
+ type: vue.PropType<"filter" | "done" | "search" | "link" | "code" | "img" | "progress" | "time" | "reset" | "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" | "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" | "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">;
7
7
  default: string;
8
8
  };
9
9
  size: {
@@ -20,7 +20,7 @@ declare const MpAccordionIcon: vue.DefineComponent<{
20
20
  };
21
21
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
22
22
  name: {
23
- type: vue.PropType<"filter" | "done" | "search" | "link" | "location" | "time" | "copy" | "help" | "progress" | "code" | "img" | "reset" | "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" | "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" | "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" | "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" | "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">;
23
+ type: vue.PropType<"filter" | "done" | "search" | "link" | "code" | "img" | "progress" | "time" | "reset" | "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" | "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" | "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">;
24
24
  default: string;
25
25
  };
26
26
  size: {
@@ -36,10 +36,10 @@ declare const MpAccordionIcon: vue.DefineComponent<{
36
36
  default: string;
37
37
  };
38
38
  }>>, {
39
- name: "filter" | "done" | "search" | "link" | "location" | "time" | "copy" | "help" | "progress" | "code" | "img" | "reset" | "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" | "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" | "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" | "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" | "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";
40
- color: string;
39
+ name: "filter" | "done" | "search" | "link" | "code" | "img" | "progress" | "time" | "reset" | "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" | "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" | "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";
41
40
  size: "sm" | "md";
42
41
  variant: "fill" | "outline" | "duotone";
42
+ color: string;
43
43
  }, {}>;
44
44
 
45
45
  export { MpAccordionIcon };
package/dist/icon.d.ts CHANGED
@@ -3,7 +3,7 @@ import * as vue from 'vue';
3
3
 
4
4
  declare const MpAccordionIcon: vue.DefineComponent<{
5
5
  name: {
6
- type: vue.PropType<"filter" | "done" | "search" | "link" | "location" | "time" | "copy" | "help" | "progress" | "code" | "img" | "reset" | "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" | "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" | "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" | "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" | "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">;
6
+ type: vue.PropType<"filter" | "done" | "search" | "link" | "code" | "img" | "progress" | "time" | "reset" | "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" | "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" | "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">;
7
7
  default: string;
8
8
  };
9
9
  size: {
@@ -20,7 +20,7 @@ declare const MpAccordionIcon: vue.DefineComponent<{
20
20
  };
21
21
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
22
22
  name: {
23
- type: vue.PropType<"filter" | "done" | "search" | "link" | "location" | "time" | "copy" | "help" | "progress" | "code" | "img" | "reset" | "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" | "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" | "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" | "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" | "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">;
23
+ type: vue.PropType<"filter" | "done" | "search" | "link" | "code" | "img" | "progress" | "time" | "reset" | "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" | "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" | "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">;
24
24
  default: string;
25
25
  };
26
26
  size: {
@@ -36,10 +36,10 @@ declare const MpAccordionIcon: vue.DefineComponent<{
36
36
  default: string;
37
37
  };
38
38
  }>>, {
39
- name: "filter" | "done" | "search" | "link" | "location" | "time" | "copy" | "help" | "progress" | "code" | "img" | "reset" | "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" | "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" | "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" | "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" | "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";
40
- color: string;
39
+ name: "filter" | "done" | "search" | "link" | "code" | "img" | "progress" | "time" | "reset" | "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" | "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" | "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";
41
40
  size: "sm" | "md";
42
41
  variant: "fill" | "outline" | "duotone";
42
+ color: string;
43
43
  }, {}>;
44
44
 
45
45
  export { MpAccordionIcon };
package/dist/index.js CHANGED
@@ -190,13 +190,14 @@ var MpAccordion = (0, import_vue3.defineComponent)({
190
190
  // src/item.tsx
191
191
  var import_vue4 = require("vue");
192
192
  var import_vue5 = require("vue");
193
- var import_css = require("@mekari/pixel3-styled-system/css");
193
+ var import_recipes = require("@mekari/pixel3-styled-system/recipes");
194
194
  var MpAccordionItem = (0, import_vue5.defineComponent)({
195
195
  name: "MpAccordionItem",
196
196
  props: accordionItemProps,
197
197
  setup(props, {
198
198
  slots
199
199
  }) {
200
+ const classes = (0, import_recipes.accordionSlotRecipe)();
200
201
  const {
201
202
  isExpanded,
202
203
  onToggle,
@@ -210,14 +211,7 @@ var MpAccordionItem = (0, import_vue5.defineComponent)({
210
211
  return () => {
211
212
  return (0, import_vue4.createVNode)("div", {
212
213
  "data-pixel-component": "MpAccordionItem",
213
- "class": (0, import_css.css)({
214
- borderBottomWidth: "1px",
215
- borderColor: "gray.100",
216
- _last: {
217
- borderBottomWidth: "1px",
218
- borderColor: "gray.100"
219
- }
220
- })
214
+ "class": classes.item
221
215
  }, [slots.default()]);
222
216
  };
223
217
  }
@@ -226,43 +220,29 @@ var MpAccordionItem = (0, import_vue5.defineComponent)({
226
220
  // src/header.tsx
227
221
  var import_vue6 = require("vue");
228
222
  var import_vue7 = require("vue");
229
- var import_css2 = require("@mekari/pixel3-styled-system/css");
223
+ var import_recipes2 = require("@mekari/pixel3-styled-system/recipes");
230
224
  var MpAccordionHeader = (0, import_vue7.defineComponent)({
231
225
  name: "MpAccordionHeader",
232
226
  props: accordionHeaderProps,
233
227
  setup(props, {
234
228
  slots
235
229
  }) {
230
+ const classes = (0, import_recipes2.accordionSlotRecipe)({
231
+ isClickable: props.isClickable
232
+ });
236
233
  const {
237
234
  isExpanded,
238
235
  onToggle,
239
236
  id
240
237
  } = useAccordionItemContext();
241
238
  return () => {
242
- const headerClass = (0, import_css2.css)({
243
- display: "flex",
244
- alignItems: "center",
245
- width: "100%",
246
- outline: 0,
247
- gap: 4,
248
- transition: "all 0.2s",
249
- py: 3,
250
- fontWeight: "semiBold",
251
- fontSize: "md",
252
- color: "dark",
253
- _disabled: {
254
- opacity: "0.4",
255
- cursor: "not-allowed"
256
- },
257
- cursor: props.isClickable ? "pointer" : "default"
258
- });
259
239
  return (0, import_vue6.createVNode)("button", {
260
240
  "data-pixel-component": "MpAccordionHeader",
261
241
  "type": "button",
262
242
  "id": `accordion-header-${id}`,
263
243
  "aria-expanded": isExpanded.value,
264
244
  "aria-controls": `accordion-panel-${id}`,
265
- "class": headerClass,
245
+ "class": classes.header,
266
246
  "onClick": onToggle
267
247
  }, [slots.default()]);
268
248
  };
@@ -273,12 +253,13 @@ var MpAccordionHeader = (0, import_vue7.defineComponent)({
273
253
  var import_vue8 = require("vue");
274
254
  var import_vue9 = require("vue");
275
255
  var import_pixel3_collapse = require("@mekari/pixel3-collapse");
276
- var import_css3 = require("@mekari/pixel3-styled-system/css");
256
+ var import_recipes3 = require("@mekari/pixel3-styled-system/recipes");
277
257
  var MpAccordionPanel = (0, import_vue9.defineComponent)({
278
258
  name: "MpAccordionPanel",
279
259
  setup(_props, {
280
260
  slots
281
261
  }) {
262
+ const classes = (0, import_recipes3.accordionSlotRecipe)();
282
263
  const {
283
264
  isExpanded,
284
265
  id
@@ -291,9 +272,7 @@ var MpAccordionPanel = (0, import_vue9.defineComponent)({
291
272
  "data-pixel-component": "MpAccordionPanel",
292
273
  "id": `accordin-panel-${id}`,
293
274
  "aria-labelledby": `accordion-header-${id}`,
294
- "class": (0, import_css3.css)({
295
- py: 3
296
- })
275
+ "class": classes.panel
297
276
  }, [slots.default()])]
298
277
  });
299
278
  };
package/dist/index.mjs CHANGED
@@ -3,17 +3,17 @@ import {
3
3
  } from "./chunk-JZLHT46J.mjs";
4
4
  import {
5
5
  MpAccordionHeader
6
- } from "./chunk-HZIINS7D.mjs";
6
+ } from "./chunk-YHACEN5H.mjs";
7
7
  import {
8
8
  MpAccordionIcon
9
9
  } from "./chunk-GSSAU6GB.mjs";
10
10
  import {
11
11
  MpAccordionItem
12
- } from "./chunk-XLH5YQM2.mjs";
12
+ } from "./chunk-KDVXCH36.mjs";
13
13
  import "./chunk-EGSWNAP7.mjs";
14
14
  import {
15
15
  MpAccordionPanel
16
- } from "./chunk-SZIA7VIC.mjs";
16
+ } from "./chunk-OPRYKB4H.mjs";
17
17
  import "./chunk-PFYTMT2T.mjs";
18
18
  import "./chunk-IVT3BYAK.mjs";
19
19
  import "./chunk-QZ7VFGWC.mjs";
package/dist/item.js CHANGED
@@ -32,9 +32,6 @@ var import_pixel3_utils = require("@mekari/pixel3-utils");
32
32
  var [AccordionProvider, useAccordionContext] = (0, import_pixel3_utils.usePixelCreateContext)("AccordionContext");
33
33
  var [AccordionItemProvider, useAccordionItemContext] = (0, import_pixel3_utils.usePixelCreateContext)("AccordionItemContext");
34
34
 
35
- // src/item.tsx
36
- var import_css = require("@mekari/pixel3-styled-system/css");
37
-
38
35
  // src/modules/accordion.props.ts
39
36
  var accordionItemProps = {
40
37
  id: {
@@ -95,12 +92,14 @@ function useAccordionItem(props) {
95
92
  __name(useAccordionItem, "useAccordionItem");
96
93
 
97
94
  // src/item.tsx
95
+ var import_recipes = require("@mekari/pixel3-styled-system/recipes");
98
96
  var MpAccordionItem = (0, import_vue3.defineComponent)({
99
97
  name: "MpAccordionItem",
100
98
  props: accordionItemProps,
101
99
  setup(props, {
102
100
  slots
103
101
  }) {
102
+ const classes = (0, import_recipes.accordionSlotRecipe)();
104
103
  const {
105
104
  isExpanded,
106
105
  onToggle,
@@ -114,14 +113,7 @@ var MpAccordionItem = (0, import_vue3.defineComponent)({
114
113
  return () => {
115
114
  return (0, import_vue2.createVNode)("div", {
116
115
  "data-pixel-component": "MpAccordionItem",
117
- "class": (0, import_css.css)({
118
- borderBottomWidth: "1px",
119
- borderColor: "gray.100",
120
- _last: {
121
- borderBottomWidth: "1px",
122
- borderColor: "gray.100"
123
- }
124
- })
116
+ "class": classes.item
125
117
  }, [slots.default()]);
126
118
  };
127
119
  }
package/dist/item.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  MpAccordionItem
3
- } from "./chunk-XLH5YQM2.mjs";
3
+ } from "./chunk-KDVXCH36.mjs";
4
4
  import "./chunk-EGSWNAP7.mjs";
5
5
  import "./chunk-PFYTMT2T.mjs";
6
6
  import "./chunk-IVT3BYAK.mjs";
@@ -1 +1 @@
1
- {"inputs":{"src/modules/accordion.context.ts":{"bytes":669,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/accordion.props.ts":{"bytes":1570,"imports":[],"format":"esm"},"src/modules/useAccordion.ts":{"bytes":1681,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./accordion.context"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/accordion.tsx":{"bytes":1055,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"},{"path":"src/modules/useAccordion.ts","kind":"import-statement","original":"./modules/useAccordion"}],"format":"esm"},"src/header.tsx":{"bytes":1442,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"}],"format":"esm"},"src/icon.tsx":{"bytes":925,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"}],"format":"esm"},"src/item.tsx":{"bytes":1088,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"},{"path":"src/modules/useAccordion.ts","kind":"import-statement","original":"./modules/useAccordion"}],"format":"esm"},"src/panel.tsx":{"bytes":955,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-collapse","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":212,"imports":[{"path":"src/accordion.tsx","kind":"import-statement","original":"./accordion"},{"path":"src/item.tsx","kind":"import-statement","original":"./item"},{"path":"src/header.tsx","kind":"import-statement","original":"./header"},{"path":"src/panel.tsx","kind":"import-statement","original":"./panel"},{"path":"src/icon.tsx","kind":"import-statement","original":"./icon"}],"format":"esm"}},"outputs":{"dist/accordion.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/accordion.tsx","inputs":{"src/accordion.tsx":{"bytesInOutput":945},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":256},"src/modules/useAccordion.ts":{"bytesInOutput":599}},"bytes":3243},"dist/header.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/header.tsx","inputs":{"src/header.tsx":{"bytesInOutput":1352},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":90}},"bytes":2763},"dist/icon.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/icon.tsx","inputs":{"src/icon.tsx":{"bytesInOutput":874},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":256}},"bytes":2445},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-collapse","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":301},"src/accordion.tsx":{"bytesInOutput":800},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":870},"src/modules/useAccordion.ts":{"bytesInOutput":1483},"src/item.tsx":{"bytesInOutput":835},"src/header.tsx":{"bytesInOutput":1208},"src/panel.tsx":{"bytesInOutput":875},"src/icon.tsx":{"bytesInOutput":742}},"bytes":8724},"dist/item.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/item.tsx","inputs":{"src/item.tsx":{"bytesInOutput":973},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":268},"src/modules/useAccordion.ts":{"bytesInOutput":977}},"bytes":3672},"dist/panel.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-collapse","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/panel.tsx","inputs":{"src/panel.tsx":{"bytesInOutput":1013},"src/modules/accordion.context.ts":{"bytesInOutput":301}},"bytes":2296},"dist/modules/accordion.context.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/accordion.context.ts","inputs":{"src/modules/accordion.context.ts":{"bytesInOutput":644}},"bytes":1666},"dist/modules/accordion.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/accordion.props.ts","inputs":{"src/modules/accordion.props.ts":{"bytesInOutput":1187}},"bytes":2197},"dist/modules/useAccordion.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/useAccordion.ts","inputs":{"src/modules/useAccordion.ts":{"bytesInOutput":1683},"src/modules/accordion.context.ts":{"bytesInOutput":301}},"bytes":3100}}}
1
+ {"inputs":{"src/modules/accordion.context.ts":{"bytes":669,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/accordion.props.ts":{"bytes":1570,"imports":[],"format":"esm"},"src/modules/useAccordion.ts":{"bytes":1681,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./accordion.context"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/accordion.tsx":{"bytes":1055,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"},{"path":"src/modules/useAccordion.ts","kind":"import-statement","original":"./modules/useAccordion"}],"format":"esm"},"src/header.tsx":{"bytes":1084,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/icon.tsx":{"bytes":925,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"}],"format":"esm"},"src/item.tsx":{"bytes":971,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"},{"path":"src/modules/useAccordion.ts","kind":"import-statement","original":"./modules/useAccordion"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/panel.tsx":{"bytes":995,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-collapse","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":212,"imports":[{"path":"src/accordion.tsx","kind":"import-statement","original":"./accordion"},{"path":"src/item.tsx","kind":"import-statement","original":"./item"},{"path":"src/header.tsx","kind":"import-statement","original":"./header"},{"path":"src/panel.tsx","kind":"import-statement","original":"./panel"},{"path":"src/icon.tsx","kind":"import-statement","original":"./icon"}],"format":"esm"}},"outputs":{"dist/accordion.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/accordion.tsx","inputs":{"src/accordion.tsx":{"bytesInOutput":945},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":256},"src/modules/useAccordion.ts":{"bytesInOutput":599}},"bytes":3243},"dist/header.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/header.tsx","inputs":{"src/header.tsx":{"bytesInOutput":1024},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":90}},"bytes":2435},"dist/icon.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/icon.tsx","inputs":{"src/icon.tsx":{"bytesInOutput":874},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":256}},"bytes":2445},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-collapse","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":301},"src/accordion.tsx":{"bytesInOutput":800},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":870},"src/modules/useAccordion.ts":{"bytesInOutput":1483},"src/item.tsx":{"bytesInOutput":710},"src/header.tsx":{"bytesInOutput":880},"src/panel.tsx":{"bytesInOutput":907},"src/icon.tsx":{"bytesInOutput":742}},"bytes":8303},"dist/item.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/item.tsx","inputs":{"src/item.tsx":{"bytesInOutput":848},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":268},"src/modules/useAccordion.ts":{"bytesInOutput":977}},"bytes":3530},"dist/panel.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-collapse","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/panel.tsx","inputs":{"src/panel.tsx":{"bytesInOutput":1045},"src/modules/accordion.context.ts":{"bytesInOutput":301}},"bytes":2328},"dist/modules/accordion.context.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/accordion.context.ts","inputs":{"src/modules/accordion.context.ts":{"bytesInOutput":644}},"bytes":1666},"dist/modules/accordion.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/accordion.props.ts","inputs":{"src/modules/accordion.props.ts":{"bytesInOutput":1187}},"bytes":2197},"dist/modules/useAccordion.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/useAccordion.ts","inputs":{"src/modules/useAccordion.ts":{"bytesInOutput":1683},"src/modules/accordion.context.ts":{"bytesInOutput":301}},"bytes":3100}}}
@@ -1 +1 @@
1
- {"inputs":{"src/modules/accordion.context.ts":{"bytes":669,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/accordion.props.ts":{"bytes":1570,"imports":[],"format":"esm"},"src/modules/useAccordion.ts":{"bytes":1681,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./accordion.context"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/accordion.tsx":{"bytes":1055,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"},{"path":"src/modules/useAccordion.ts","kind":"import-statement","original":"./modules/useAccordion"}],"format":"esm"},"src/header.tsx":{"bytes":1442,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"}],"format":"esm"},"src/icon.tsx":{"bytes":925,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"}],"format":"esm"},"src/item.tsx":{"bytes":1088,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"},{"path":"src/modules/useAccordion.ts","kind":"import-statement","original":"./modules/useAccordion"}],"format":"esm"},"src/panel.tsx":{"bytes":955,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-collapse","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":212,"imports":[{"path":"src/accordion.tsx","kind":"import-statement","original":"./accordion"},{"path":"src/item.tsx","kind":"import-statement","original":"./item"},{"path":"src/header.tsx","kind":"import-statement","original":"./header"},{"path":"src/panel.tsx","kind":"import-statement","original":"./panel"},{"path":"src/icon.tsx","kind":"import-statement","original":"./icon"}],"format":"esm"}},"outputs":{"dist/modules/useAccordion.mjs":{"imports":[{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAccordion","useAccordionItem"],"entryPoint":"src/modules/useAccordion.ts","inputs":{},"bytes":187},"dist/accordion.mjs":{"imports":[{"path":"dist/chunk-JZLHT46J.mjs","kind":"import-statement"},{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordion"],"entryPoint":"src/accordion.tsx","inputs":{},"bytes":204},"dist/header.mjs":{"imports":[{"path":"dist/chunk-HZIINS7D.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordionHeader"],"entryPoint":"src/header.tsx","inputs":{},"bytes":185},"dist/icon.mjs":{"imports":[{"path":"dist/chunk-GSSAU6GB.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordionIcon"],"entryPoint":"src/icon.tsx","inputs":{},"bytes":181},"dist/index.mjs":{"imports":[{"path":"dist/chunk-JZLHT46J.mjs","kind":"import-statement"},{"path":"dist/chunk-HZIINS7D.mjs","kind":"import-statement"},{"path":"dist/chunk-GSSAU6GB.mjs","kind":"import-statement"},{"path":"dist/chunk-XLH5YQM2.mjs","kind":"import-statement"},{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-SZIA7VIC.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordion","MpAccordionHeader","MpAccordionIcon","MpAccordionItem","MpAccordionPanel"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":518},"dist/chunk-JZLHT46J.mjs":{"imports":[{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAccordion"],"inputs":{"src/accordion.tsx":{"bytesInOutput":775}},"bytes":996},"dist/chunk-HZIINS7D.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpAccordionHeader"],"inputs":{"src/header.tsx":{"bytesInOutput":1173}},"bytes":1354},"dist/chunk-GSSAU6GB.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpAccordionIcon"],"inputs":{"src/icon.tsx":{"bytesInOutput":697}},"bytes":872},"dist/item.mjs":{"imports":[{"path":"dist/chunk-XLH5YQM2.mjs","kind":"import-statement"},{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordionItem"],"entryPoint":"src/item.tsx","inputs":{},"bytes":212},"dist/chunk-XLH5YQM2.mjs":{"imports":[{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpAccordionItem"],"inputs":{"src/item.tsx":{"bytesInOutput":802}},"bytes":1034},"dist/chunk-EGSWNAP7.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useAccordion","useAccordionItem"],"inputs":{"src/modules/useAccordion.ts":{"bytesInOutput":1399}},"bytes":1590},"dist/panel.mjs":{"imports":[{"path":"dist/chunk-SZIA7VIC.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordionPanel"],"entryPoint":"src/panel.tsx","inputs":{},"bytes":152},"dist/chunk-SZIA7VIC.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-collapse","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/css","kind":"import-statement","external":true}],"exports":["MpAccordionPanel"],"inputs":{"src/panel.tsx":{"bytesInOutput":790}},"bytes":906},"dist/modules/accordion.context.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["AccordionItemProvider","AccordionProvider","useAccordionContext","useAccordionItemContext"],"entryPoint":"src/modules/accordion.context.ts","inputs":{},"bytes":275},"dist/chunk-PFYTMT2T.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["AccordionItemProvider","AccordionProvider","useAccordionContext","useAccordionItemContext"],"inputs":{"src/modules/accordion.context.ts":{"bytesInOutput":254}},"bytes":398},"dist/modules/accordion.props.mjs":{"imports":[{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["accordionHeaderProps","accordionIconProps","accordionItemProps","accordionProps"],"entryPoint":"src/modules/accordion.props.ts","inputs":{},"bytes":255},"dist/chunk-IVT3BYAK.mjs":{"imports":[],"exports":["accordionHeaderProps","accordionIconProps","accordionItemProps","accordionProps"],"inputs":{"src/modules/accordion.props.ts":{"bytesInOutput":870}},"bytes":1002},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
1
+ {"inputs":{"src/modules/accordion.context.ts":{"bytes":669,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/accordion.props.ts":{"bytes":1570,"imports":[],"format":"esm"},"src/modules/useAccordion.ts":{"bytes":1681,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./accordion.context"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/accordion.tsx":{"bytes":1055,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"},{"path":"src/modules/useAccordion.ts","kind":"import-statement","original":"./modules/useAccordion"}],"format":"esm"},"src/header.tsx":{"bytes":1084,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/icon.tsx":{"bytes":925,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"}],"format":"esm"},"src/item.tsx":{"bytes":971,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"src/modules/accordion.props.ts","kind":"import-statement","original":"./modules/accordion.props"},{"path":"src/modules/useAccordion.ts","kind":"import-statement","original":"./modules/useAccordion"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/panel.tsx":{"bytes":995,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-collapse","kind":"import-statement","external":true},{"path":"src/modules/accordion.context.ts","kind":"import-statement","original":"./modules/accordion.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":212,"imports":[{"path":"src/accordion.tsx","kind":"import-statement","original":"./accordion"},{"path":"src/item.tsx","kind":"import-statement","original":"./item"},{"path":"src/header.tsx","kind":"import-statement","original":"./header"},{"path":"src/panel.tsx","kind":"import-statement","original":"./panel"},{"path":"src/icon.tsx","kind":"import-statement","original":"./icon"}],"format":"esm"}},"outputs":{"dist/modules/useAccordion.mjs":{"imports":[{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAccordion","useAccordionItem"],"entryPoint":"src/modules/useAccordion.ts","inputs":{},"bytes":187},"dist/accordion.mjs":{"imports":[{"path":"dist/chunk-JZLHT46J.mjs","kind":"import-statement"},{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordion"],"entryPoint":"src/accordion.tsx","inputs":{},"bytes":204},"dist/header.mjs":{"imports":[{"path":"dist/chunk-YHACEN5H.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordionHeader"],"entryPoint":"src/header.tsx","inputs":{},"bytes":185},"dist/icon.mjs":{"imports":[{"path":"dist/chunk-GSSAU6GB.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordionIcon"],"entryPoint":"src/icon.tsx","inputs":{},"bytes":181},"dist/index.mjs":{"imports":[{"path":"dist/chunk-JZLHT46J.mjs","kind":"import-statement"},{"path":"dist/chunk-YHACEN5H.mjs","kind":"import-statement"},{"path":"dist/chunk-GSSAU6GB.mjs","kind":"import-statement"},{"path":"dist/chunk-KDVXCH36.mjs","kind":"import-statement"},{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-OPRYKB4H.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordion","MpAccordionHeader","MpAccordionIcon","MpAccordionItem","MpAccordionPanel"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":518},"dist/chunk-JZLHT46J.mjs":{"imports":[{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAccordion"],"inputs":{"src/accordion.tsx":{"bytesInOutput":775}},"bytes":996},"dist/chunk-YHACEN5H.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpAccordionHeader"],"inputs":{"src/header.tsx":{"bytesInOutput":853}},"bytes":1034},"dist/chunk-GSSAU6GB.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpAccordionIcon"],"inputs":{"src/icon.tsx":{"bytesInOutput":697}},"bytes":872},"dist/item.mjs":{"imports":[{"path":"dist/chunk-KDVXCH36.mjs","kind":"import-statement"},{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordionItem"],"entryPoint":"src/item.tsx","inputs":{},"bytes":212},"dist/chunk-KDVXCH36.mjs":{"imports":[{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpAccordionItem"],"inputs":{"src/item.tsx":{"bytesInOutput":685}},"bytes":917},"dist/chunk-EGSWNAP7.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useAccordion","useAccordionItem"],"inputs":{"src/modules/useAccordion.ts":{"bytesInOutput":1399}},"bytes":1590},"dist/panel.mjs":{"imports":[{"path":"dist/chunk-OPRYKB4H.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordionPanel"],"entryPoint":"src/panel.tsx","inputs":{},"bytes":152},"dist/chunk-OPRYKB4H.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-collapse","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpAccordionPanel"],"inputs":{"src/panel.tsx":{"bytesInOutput":830}},"bytes":946},"dist/modules/accordion.context.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["AccordionItemProvider","AccordionProvider","useAccordionContext","useAccordionItemContext"],"entryPoint":"src/modules/accordion.context.ts","inputs":{},"bytes":275},"dist/chunk-PFYTMT2T.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["AccordionItemProvider","AccordionProvider","useAccordionContext","useAccordionItemContext"],"inputs":{"src/modules/accordion.context.ts":{"bytesInOutput":254}},"bytes":398},"dist/modules/accordion.props.mjs":{"imports":[{"path":"dist/chunk-IVT3BYAK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["accordionHeaderProps","accordionIconProps","accordionItemProps","accordionProps"],"entryPoint":"src/modules/accordion.props.ts","inputs":{},"bytes":255},"dist/chunk-IVT3BYAK.mjs":{"imports":[],"exports":["accordionHeaderProps","accordionIconProps","accordionItemProps","accordionProps"],"inputs":{"src/modules/accordion.props.ts":{"bytesInOutput":870}},"bytes":1002},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
@@ -47,7 +47,7 @@ declare const accordionHeaderProps: {
47
47
  };
48
48
  declare const accordionIconProps: {
49
49
  name: {
50
- type: PropType<"filter" | "done" | "search" | "link" | "code" | "img" | "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" | "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" | "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">;
50
+ type: PropType<"filter" | "done" | "search" | "link" | "code" | "img" | "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" | "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">;
51
51
  default: string;
52
52
  };
53
53
  size: {
@@ -47,7 +47,7 @@ declare const accordionHeaderProps: {
47
47
  };
48
48
  declare const accordionIconProps: {
49
49
  name: {
50
- type: PropType<"filter" | "done" | "search" | "link" | "code" | "img" | "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" | "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" | "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">;
50
+ type: PropType<"filter" | "done" | "search" | "link" | "code" | "img" | "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" | "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">;
51
51
  default: string;
52
52
  };
53
53
  size: {
package/dist/panel.js CHANGED
@@ -33,12 +33,13 @@ var [AccordionProvider, useAccordionContext] = (0, import_pixel3_utils.usePixelC
33
33
  var [AccordionItemProvider, useAccordionItemContext] = (0, import_pixel3_utils.usePixelCreateContext)("AccordionItemContext");
34
34
 
35
35
  // src/panel.tsx
36
- var import_css = require("@mekari/pixel3-styled-system/css");
36
+ var import_recipes = require("@mekari/pixel3-styled-system/recipes");
37
37
  var MpAccordionPanel = (0, import_vue2.defineComponent)({
38
38
  name: "MpAccordionPanel",
39
39
  setup(_props, {
40
40
  slots
41
41
  }) {
42
+ const classes = (0, import_recipes.accordionSlotRecipe)();
42
43
  const {
43
44
  isExpanded,
44
45
  id
@@ -51,9 +52,7 @@ var MpAccordionPanel = (0, import_vue2.defineComponent)({
51
52
  "data-pixel-component": "MpAccordionPanel",
52
53
  "id": `accordin-panel-${id}`,
53
54
  "aria-labelledby": `accordion-header-${id}`,
54
- "class": (0, import_css.css)({
55
- py: 3
56
- })
55
+ "class": classes.panel
57
56
  }, [slots.default()])]
58
57
  });
59
58
  };
package/dist/panel.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  MpAccordionPanel
3
- } from "./chunk-SZIA7VIC.mjs";
3
+ } from "./chunk-OPRYKB4H.mjs";
4
4
  import "./chunk-PFYTMT2T.mjs";
5
5
  import "./chunk-QZ7VFGWC.mjs";
6
6
  export {
package/package.json CHANGED
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-accordion",
3
3
  "description": "Accordion component for mekari pixel 3",
4
- "version": "0.0.11",
4
+ "version": "0.0.12-dev.1",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
8
8
  "dist"
9
9
  ],
10
10
  "dependencies": {
11
- "@mekari/pixel3-styled-system": "0.0.9",
11
+ "@mekari/pixel3-styled-system": "0.0.10-dev.0",
12
12
  "@mekari/pixel3-utils": "0.0.6",
13
- "@mekari/pixel3-icon": "0.0.11",
14
- "@mekari/pixel3-collapse": "0.0.10"
13
+ "@mekari/pixel3-icon": "0.0.12-dev.1",
14
+ "@mekari/pixel3-collapse": "0.0.11-dev.1"
15
15
  },
16
16
  "peerDependencies": {
17
17
  "vue": "^3.4.9"