@mekari/pixel3-accordion 0.0.16 → 0.0.17-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.
Files changed (43) hide show
  1. package/dist/accordion.js +1 -1
  2. package/dist/accordion.mjs +3 -3
  3. package/dist/chunk-E5PDGTMC.mjs +0 -0
  4. package/dist/{chunk-OPRYKB4H.mjs → chunk-GFOTGYER.mjs} +10 -6
  5. package/dist/{chunk-YHACEN5H.mjs → chunk-KUNOH5B2.mjs} +14 -8
  6. package/dist/{chunk-GSSAU6GB.mjs → chunk-PMTOCJCB.mjs} +4 -3
  7. package/dist/{chunk-IVT3BYAK.mjs → chunk-PP3LW2LX.mjs} +6 -2
  8. package/dist/{chunk-KDVXCH36.mjs → chunk-QTBSPFGA.mjs} +6 -4
  9. package/dist/{chunk-JZLHT46J.mjs → chunk-XNRE5EMB.mjs} +2 -2
  10. package/dist/{chunk-EGSWNAP7.mjs → chunk-ZK6YJPR2.mjs} +3 -2
  11. package/dist/header.js +13 -7
  12. package/dist/header.mjs +2 -2
  13. package/dist/icon.d.mts +10 -9
  14. package/dist/icon.d.ts +10 -9
  15. package/dist/icon.js +4 -3
  16. package/dist/icon.mjs +2 -2
  17. package/dist/index.d.mts +1 -0
  18. package/dist/index.d.ts +1 -0
  19. package/dist/index.js +37 -19
  20. package/dist/index.mjs +8 -7
  21. package/dist/item.d.mts +9 -0
  22. package/dist/item.d.ts +9 -0
  23. package/dist/item.js +10 -3
  24. package/dist/item.mjs +3 -3
  25. package/dist/metafile-cjs.json +1 -1
  26. package/dist/metafile-esm.json +1 -1
  27. package/dist/modules/accordion.context.d.mts +5 -1
  28. package/dist/modules/accordion.context.d.ts +5 -1
  29. package/dist/modules/accordion.props.d.mts +8 -3
  30. package/dist/modules/accordion.props.d.ts +8 -3
  31. package/dist/modules/accordion.props.js +6 -2
  32. package/dist/modules/accordion.props.mjs +1 -1
  33. package/dist/modules/accordion.types.d.mts +4 -0
  34. package/dist/modules/accordion.types.d.ts +4 -0
  35. package/dist/modules/accordion.types.js +18 -0
  36. package/dist/modules/accordion.types.mjs +1 -0
  37. package/dist/modules/useAccordion.d.mts +2 -0
  38. package/dist/modules/useAccordion.d.ts +2 -0
  39. package/dist/modules/useAccordion.js +2 -1
  40. package/dist/modules/useAccordion.mjs +1 -1
  41. package/dist/panel.js +9 -5
  42. package/dist/panel.mjs +1 -1
  43. package/package.json +7 -6
package/dist/icon.d.ts CHANGED
@@ -1,13 +1,14 @@
1
1
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
2
2
  import * as vue from 'vue';
3
+ import { AccordionSize, AccordionVariant } from './modules/accordion.types.js';
3
4
 
4
5
  declare const MpAccordionIcon: vue.DefineComponent<{
5
6
  name: {
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-banner" | "text-editor-button" | "text-editor-divider" | "text-editor-footer" | "text-editor-logo" | "text-editor-move" | "text-editor-paragraph" | "text-editor-text" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "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-" | "minimize" | "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" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "headphone" | "mic" | "mic-mute" | "account-mapping" | "add-ons" | "ai-assist" | "api" | "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" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "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" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "succesion-plan" | "talent-management" | "theme" | "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-code" | "file-image" | "file-music" | "file-video" | "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
+ type: vue.PropType<"done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "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" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "add-ons" | "ai-assist" | "api" | "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" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "filter" | "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" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-banner" | "text-editor-button" | "text-editor-divider" | "text-editor-footer" | "text-editor-logo" | "text-editor-move" | "text-editor-paragraph" | "text-editor-text" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "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" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
7
8
  default: string;
8
9
  };
9
10
  size: {
10
- type: vue.PropType<"sm" | "md">;
11
+ type: vue.PropType<AccordionSize>;
11
12
  default: string;
12
13
  };
13
14
  color: {
@@ -15,16 +16,16 @@ declare const MpAccordionIcon: vue.DefineComponent<{
15
16
  default: string;
16
17
  };
17
18
  variant: {
18
- type: vue.PropType<"fill" | "outline" | "duotone">;
19
+ type: vue.PropType<AccordionVariant>;
19
20
  default: string;
20
21
  };
21
22
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
22
23
  name: {
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-banner" | "text-editor-button" | "text-editor-divider" | "text-editor-footer" | "text-editor-logo" | "text-editor-move" | "text-editor-paragraph" | "text-editor-text" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "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-" | "minimize" | "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" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "headphone" | "mic" | "mic-mute" | "account-mapping" | "add-ons" | "ai-assist" | "api" | "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" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "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" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "succesion-plan" | "talent-management" | "theme" | "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-code" | "file-image" | "file-music" | "file-video" | "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
+ type: vue.PropType<"done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "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" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "add-ons" | "ai-assist" | "api" | "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" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "filter" | "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" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-banner" | "text-editor-button" | "text-editor-divider" | "text-editor-footer" | "text-editor-logo" | "text-editor-move" | "text-editor-paragraph" | "text-editor-text" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "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" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending">;
24
25
  default: string;
25
26
  };
26
27
  size: {
27
- type: vue.PropType<"sm" | "md">;
28
+ type: vue.PropType<AccordionSize>;
28
29
  default: string;
29
30
  };
30
31
  color: {
@@ -32,14 +33,14 @@ declare const MpAccordionIcon: vue.DefineComponent<{
32
33
  default: string;
33
34
  };
34
35
  variant: {
35
- type: vue.PropType<"fill" | "outline" | "duotone">;
36
+ type: vue.PropType<AccordionVariant>;
36
37
  default: string;
37
38
  };
38
39
  }>>, {
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-banner" | "text-editor-button" | "text-editor-divider" | "text-editor-footer" | "text-editor-logo" | "text-editor-move" | "text-editor-paragraph" | "text-editor-text" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "checkbox-checklist" | "checkbox-partial" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "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-" | "minimize" | "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" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "headphone" | "mic" | "mic-mute" | "account-mapping" | "add-ons" | "ai-assist" | "api" | "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" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "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" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "succesion-plan" | "talent-management" | "theme" | "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-code" | "file-image" | "file-music" | "file-video" | "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";
40
- size: "sm" | "md";
41
- variant: "fill" | "outline" | "duotone";
40
+ name: "done" | "error" | "help" | "info" | "pending" | "priority-high" | "priority-low" | "priority-medium" | "progress" | "warning-circular" | "warning-triangle" | "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" | "backspace" | "call-active" | "call-add" | "call-declined" | "call-disabled" | "call-end" | "call-incoming" | "call-outgoing" | "call-pause" | "caption" | "globe" | "headphone" | "mic" | "mic-mute" | "picture-in-picture" | "share-screen" | "account-mapping" | "add-ons" | "ai-assist" | "api" | "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" | "code" | "column-settings" | "comment" | "commuting" | "company" | "competencies" | "connected_apps" | "contact" | "dashboard" | "database" | "design" | "dislike" | "decrease-kpi" | "desktop" | "document-sent" | "draft" | "education" | "email-sent" | "emeterai" | "employee" | "employee-not-found" | "employment" | "envelope" | "esignature" | "evaluation" | "expenses" | "face-recognition" | "file-change" | "filter" | "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" | "monitor-message" | "muted" | "notification" | "organizations" | "organizations-h" | "organizations-v" | "overtime" | "partner" | "password" | "payroll" | "payslip" | "people" | "performance" | "phone" | "pipeline" | "place-fields" | "plans" | "play-video" | "policy" | "productivity" | "products" | "profile" | "promo" | "protection" | "receipt-lock" | "reimbursement" | "reports" | "restore" | "roles" | "sales" | "scan" | "schedule" | "security" | "sent" | "share" | "shop" | "sidebar-pin" | "stamp" | "stock-available" | "stock-bulk-update-sku" | "stock-out-of-stock" | "stock-running-out" | "succesion-plan" | "talent-management" | "theme" | "team" | "timer" | "tips" | "today" | "transfer" | "truck" | "unlock" | "upgrade" | "user-response" | "virtual-account" | "voucher" | "wallet" | "warehouse" | "whatsapp-flat" | "wifi" | "workflow" | "blank" | "copy" | "doc" | "excel-document" | "file-audio" | "file-code" | "file-image" | "file-music" | "file-video" | "folder-close" | "folder-open" | "folder-transfer-close" | "folder-transfer-open" | "id-card" | "image-document" | "img-break" | "img" | "pdf-document" | "pdf" | "word-document" | "zip" | "add-circular" | "add" | "approval-rules" | "attachment" | "calendar" | "camera" | "chart-bar" | "chart-bar-line" | "chart-line" | "checkbox-checklist" | "checkbox-partial" | "delete" | "download" | "edit" | "emoji" | "empty" | "fingerprint" | "forward" | "full-screen" | "help-centre" | "hide" | "magic" | "minimize" | "minus-circular" | "minus" | "newtab" | "number-five" | "paint-bucket" | "pause" | "pin" | "redo" | "refresh" | "reply" | "rotate-left" | "rotate-right" | "search" | "settings" | "show" | "sign-in" | "sign-out" | "table-view-column" | "table-view-field" | "table-view-filter" | "table-view-list" | "table-view-sort" | "task-done" | "task-on-progress" | "task-todo" | "text-editor-align-left" | "text-editor-banner" | "text-editor-button" | "text-editor-divider" | "text-editor-footer" | "text-editor-logo" | "text-editor-move" | "text-editor-paragraph" | "text-editor-text" | "text-editor-variable" | "text-editor-write" | "text-editor-list" | "time" | "undo" | "upload" | "verified" | "video-recorder" | "zoom-in" | "zoom-out" | "Axis" | "DJP" | "Facebook-Messenger" | "Google" | "Gopay" | "Indosat" | "Instagram" | "JCB" | "Line" | "Livechat" | "Mastercard" | "OVO" | "PLN-Token" | "PLN" | "Shopee" | "Shopeepay" | "Smartfren" | "Telegram" | "Telkomsel" | "Tokopedia" | "Tri" | "Visa" | "WhatsApp" | "XL" | "airene-black" | "airene-brand" | "airene-outline" | "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" | "university-outline" | "X" | "accordion-collapse" | "accordion-expand" | "apply-all" | "arrow-collapse" | "arrow-expand" | "burger" | "check" | "close" | "crop" | "drag" | "fit-screen" | "indicator-circle" | "indicator-square" | "link" | "loader-" | "menu-kebab" | "menu-meatball" | "remove-tag" | "reset" | "shortcuts" | "sliders" | "sort-ascending" | "sort-default" | "sort-descending";
41
+ size: AccordionSize;
42
42
  color: string;
43
+ variant: AccordionVariant;
43
44
  }, {}>;
44
45
 
45
46
  export { MpAccordionIcon };
package/dist/icon.js CHANGED
@@ -44,7 +44,7 @@ var accordionIconProps = {
44
44
  },
45
45
  color: {
46
46
  type: String,
47
- default: "gray.600"
47
+ default: ""
48
48
  },
49
49
  variant: {
50
50
  type: String,
@@ -58,7 +58,8 @@ var MpAccordionIcon = (0, import_vue2.defineComponent)({
58
58
  props: accordionIconProps,
59
59
  setup(props) {
60
60
  const {
61
- isExpanded
61
+ isExpanded,
62
+ props: itemProps
62
63
  } = useAccordionItemContext();
63
64
  return () => {
64
65
  return (0, import_vue.createVNode)(import_pixel3_icon.MpIcon, {
@@ -67,7 +68,7 @@ var MpAccordionIcon = (0, import_vue2.defineComponent)({
67
68
  "color": props.color,
68
69
  "variant": props.variant,
69
70
  "style": {
70
- transform: isExpanded.value ? "rotate(-180deg)" : "rotate(0)",
71
+ transform: isExpanded.value ? itemProps.iconPosition.value === "start" ? "rotate(90deg)" : "rotate(-180deg)" : "rotate(0)",
71
72
  transition: "transform 0.2s",
72
73
  transformOrigin: "center"
73
74
  }
package/dist/icon.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpAccordionIcon
3
- } from "./chunk-GSSAU6GB.mjs";
3
+ } from "./chunk-PMTOCJCB.mjs";
4
4
  import "./chunk-PFYTMT2T.mjs";
5
- import "./chunk-IVT3BYAK.mjs";
5
+ import "./chunk-PP3LW2LX.mjs";
6
6
  import "./chunk-QZ7VFGWC.mjs";
7
7
  export {
8
8
  MpAccordionIcon
package/dist/index.d.mts CHANGED
@@ -3,5 +3,6 @@ export { MpAccordionItem } from './item.mjs';
3
3
  export { MpAccordionHeader } from './header.mjs';
4
4
  export { MpAccordionPanel } from './panel.mjs';
5
5
  export { MpAccordionIcon } from './icon.mjs';
6
+ export { AccordionSize, AccordionVariant } from './modules/accordion.types.mjs';
6
7
  import 'vue/jsx-runtime';
7
8
  import 'vue';
package/dist/index.d.ts CHANGED
@@ -3,5 +3,6 @@ export { MpAccordionItem } from './item.js';
3
3
  export { MpAccordionHeader } from './header.js';
4
4
  export { MpAccordionPanel } from './panel.js';
5
5
  export { MpAccordionIcon } from './icon.js';
6
+ export { AccordionSize, AccordionVariant } from './modules/accordion.types.js';
6
7
  import 'vue/jsx-runtime';
7
8
  import 'vue';
package/dist/index.js CHANGED
@@ -45,7 +45,7 @@ var accordionProps = {
45
45
  },
46
46
  isAllowMultiple: {
47
47
  type: Boolean,
48
- default: false
48
+ default: true
49
49
  },
50
50
  isAllowToggle: {
51
51
  type: Boolean,
@@ -74,6 +74,10 @@ var accordionItemProps = {
74
74
  isDisabled: {
75
75
  type: Boolean,
76
76
  default: false
77
+ },
78
+ iconPosition: {
79
+ type: String,
80
+ default: "end"
77
81
  }
78
82
  };
79
83
  var accordionHeaderProps = {
@@ -93,7 +97,7 @@ var accordionIconProps = {
93
97
  },
94
98
  color: {
95
99
  type: String,
96
- default: "gray.600"
100
+ default: ""
97
101
  },
98
102
  variant: {
99
103
  type: String,
@@ -150,7 +154,8 @@ function useAccordionItem(props) {
150
154
  return {
151
155
  isExpanded,
152
156
  onToggle,
153
- id
157
+ id,
158
+ props: (0, import_vue.toRefs)(props)
154
159
  };
155
160
  }
156
161
  __name(useAccordionItem, "useAccordionItem");
@@ -201,12 +206,14 @@ var MpAccordionItem = (0, import_vue5.defineComponent)({
201
206
  const {
202
207
  isExpanded,
203
208
  onToggle,
204
- id
209
+ id,
210
+ props: itemProps
205
211
  } = useAccordionItem(props);
206
212
  AccordionItemProvider({
207
213
  isExpanded,
208
214
  onToggle,
209
- id
215
+ id,
216
+ props: itemProps
210
217
  });
211
218
  return () => {
212
219
  return (0, import_vue4.createVNode)("div", {
@@ -227,24 +234,30 @@ var MpAccordionHeader = (0, import_vue7.defineComponent)({
227
234
  setup(props, {
228
235
  slots
229
236
  }) {
230
- const classes = (0, import_recipes2.accordionSlotRecipe)({
231
- isClickable: props.isClickable
232
- });
233
237
  const {
234
238
  isExpanded,
235
239
  onToggle,
236
- id
240
+ id,
241
+ props: itemProps
237
242
  } = useAccordionItemContext();
238
243
  return () => {
239
- return (0, import_vue6.createVNode)("button", {
244
+ const classes = (0, import_recipes2.accordionSlotRecipe)({
245
+ isClickable: props.isClickable,
246
+ iconPosition: itemProps.iconPosition.value
247
+ });
248
+ return (0, import_vue6.createVNode)("div", {
240
249
  "data-pixel-component": "MpAccordionHeader",
241
- "type": "button",
250
+ "role": "button",
242
251
  "id": `accordion-header-${id}`,
243
252
  "aria-expanded": isExpanded.value,
244
253
  "aria-controls": `accordion-panel-${id}`,
245
254
  "class": classes.header,
246
255
  "onClick": onToggle
247
- }, [slots.default()]);
256
+ }, [(0, import_vue6.createVNode)("div", {
257
+ "class": classes.headerTitle
258
+ }, [slots.default()]), slots.description && (0, import_vue6.createVNode)("div", {
259
+ "class": classes.headerDescription
260
+ }, [slots.description()])]);
248
261
  };
249
262
  }
250
263
  });
@@ -257,23 +270,27 @@ var import_recipes3 = require("@mekari/pixel3-styled-system/recipes");
257
270
  var MpAccordionPanel = (0, import_vue9.defineComponent)({
258
271
  name: "MpAccordionPanel",
259
272
  setup(_props, {
260
- slots
273
+ slots,
274
+ attrs
261
275
  }) {
262
- const classes = (0, import_recipes3.accordionSlotRecipe)();
263
276
  const {
264
277
  isExpanded,
265
- id
278
+ id,
279
+ props: itemProps
266
280
  } = useAccordionItemContext();
281
+ const classes = (0, import_recipes3.accordionSlotRecipe)({
282
+ iconPosition: itemProps.iconPosition.value
283
+ });
267
284
  return () => {
268
285
  return (0, import_vue8.createVNode)(import_pixel3_collapse.MpCollapse, {
269
286
  "isOpen": isExpanded.value
270
287
  }, {
271
- default: () => [(0, import_vue8.createVNode)("div", {
288
+ default: () => [(0, import_vue8.createVNode)("div", (0, import_vue8.mergeProps)({
272
289
  "data-pixel-component": "MpAccordionPanel",
273
290
  "id": `accordin-panel-${id}`,
274
291
  "aria-labelledby": `accordion-header-${id}`,
275
292
  "class": classes.panel
276
- }, [slots.default()])]
293
+ }, attrs), [slots.default()])]
277
294
  });
278
295
  };
279
296
  }
@@ -288,7 +305,8 @@ var MpAccordionIcon = (0, import_vue11.defineComponent)({
288
305
  props: accordionIconProps,
289
306
  setup(props) {
290
307
  const {
291
- isExpanded
308
+ isExpanded,
309
+ props: itemProps
292
310
  } = useAccordionItemContext();
293
311
  return () => {
294
312
  return (0, import_vue10.createVNode)(import_pixel3_icon.MpIcon, {
@@ -297,7 +315,7 @@ var MpAccordionIcon = (0, import_vue11.defineComponent)({
297
315
  "color": props.color,
298
316
  "variant": props.variant,
299
317
  "style": {
300
- transform: isExpanded.value ? "rotate(-180deg)" : "rotate(0)",
318
+ transform: isExpanded.value ? itemProps.iconPosition.value === "start" ? "rotate(90deg)" : "rotate(-180deg)" : "rotate(0)",
301
319
  transition: "transform 0.2s",
302
320
  transformOrigin: "center"
303
321
  }
package/dist/index.mjs CHANGED
@@ -1,21 +1,22 @@
1
+ import "./chunk-E5PDGTMC.mjs";
1
2
  import {
2
3
  MpAccordion
3
- } from "./chunk-JZLHT46J.mjs";
4
+ } from "./chunk-XNRE5EMB.mjs";
4
5
  import {
5
6
  MpAccordionHeader
6
- } from "./chunk-YHACEN5H.mjs";
7
+ } from "./chunk-KUNOH5B2.mjs";
7
8
  import {
8
9
  MpAccordionIcon
9
- } from "./chunk-GSSAU6GB.mjs";
10
+ } from "./chunk-PMTOCJCB.mjs";
10
11
  import {
11
12
  MpAccordionItem
12
- } from "./chunk-KDVXCH36.mjs";
13
- import "./chunk-EGSWNAP7.mjs";
13
+ } from "./chunk-QTBSPFGA.mjs";
14
+ import "./chunk-ZK6YJPR2.mjs";
14
15
  import {
15
16
  MpAccordionPanel
16
- } from "./chunk-OPRYKB4H.mjs";
17
+ } from "./chunk-GFOTGYER.mjs";
17
18
  import "./chunk-PFYTMT2T.mjs";
18
- import "./chunk-IVT3BYAK.mjs";
19
+ import "./chunk-PP3LW2LX.mjs";
19
20
  import "./chunk-QZ7VFGWC.mjs";
20
21
  export {
21
22
  MpAccordion,
package/dist/item.d.mts CHANGED
@@ -20,6 +20,10 @@ declare const MpAccordionItem: vue.DefineComponent<{
20
20
  type: vue.PropType<boolean>;
21
21
  default: boolean;
22
22
  };
23
+ iconPosition: {
24
+ type: vue.PropType<"start" | "end">;
25
+ default: string;
26
+ };
23
27
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
24
28
  id: {
25
29
  type: vue.PropType<string>;
@@ -39,10 +43,15 @@ declare const MpAccordionItem: vue.DefineComponent<{
39
43
  type: vue.PropType<boolean>;
40
44
  default: boolean;
41
45
  };
46
+ iconPosition: {
47
+ type: vue.PropType<"start" | "end">;
48
+ default: string;
49
+ };
42
50
  }>>, {
43
51
  isOpen: boolean;
44
52
  isDefaultOpen: boolean;
45
53
  isDisabled: boolean;
54
+ iconPosition: "start" | "end";
46
55
  }, {}>;
47
56
 
48
57
  export { MpAccordionItem };
package/dist/item.d.ts CHANGED
@@ -20,6 +20,10 @@ declare const MpAccordionItem: vue.DefineComponent<{
20
20
  type: vue.PropType<boolean>;
21
21
  default: boolean;
22
22
  };
23
+ iconPosition: {
24
+ type: vue.PropType<"start" | "end">;
25
+ default: string;
26
+ };
23
27
  }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
24
28
  id: {
25
29
  type: vue.PropType<string>;
@@ -39,10 +43,15 @@ declare const MpAccordionItem: vue.DefineComponent<{
39
43
  type: vue.PropType<boolean>;
40
44
  default: boolean;
41
45
  };
46
+ iconPosition: {
47
+ type: vue.PropType<"start" | "end">;
48
+ default: string;
49
+ };
42
50
  }>>, {
43
51
  isOpen: boolean;
44
52
  isDefaultOpen: boolean;
45
53
  isDisabled: boolean;
54
+ iconPosition: "start" | "end";
46
55
  }, {}>;
47
56
 
48
57
  export { MpAccordionItem };
package/dist/item.js CHANGED
@@ -51,6 +51,10 @@ var accordionItemProps = {
51
51
  isDisabled: {
52
52
  type: Boolean,
53
53
  default: false
54
+ },
55
+ iconPosition: {
56
+ type: String,
57
+ default: "end"
54
58
  }
55
59
  };
56
60
 
@@ -86,7 +90,8 @@ function useAccordionItem(props) {
86
90
  return {
87
91
  isExpanded,
88
92
  onToggle,
89
- id
93
+ id,
94
+ props: (0, import_vue.toRefs)(props)
90
95
  };
91
96
  }
92
97
  __name(useAccordionItem, "useAccordionItem");
@@ -103,12 +108,14 @@ var MpAccordionItem = (0, import_vue3.defineComponent)({
103
108
  const {
104
109
  isExpanded,
105
110
  onToggle,
106
- id
111
+ id,
112
+ props: itemProps
107
113
  } = useAccordionItem(props);
108
114
  AccordionItemProvider({
109
115
  isExpanded,
110
116
  onToggle,
111
- id
117
+ id,
118
+ props: itemProps
112
119
  });
113
120
  return () => {
114
121
  return (0, import_vue2.createVNode)("div", {
package/dist/item.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  MpAccordionItem
3
- } from "./chunk-KDVXCH36.mjs";
4
- import "./chunk-EGSWNAP7.mjs";
3
+ } from "./chunk-QTBSPFGA.mjs";
4
+ import "./chunk-ZK6YJPR2.mjs";
5
5
  import "./chunk-PFYTMT2T.mjs";
6
- import "./chunk-IVT3BYAK.mjs";
6
+ import "./chunk-PP3LW2LX.mjs";
7
7
  import "./chunk-QZ7VFGWC.mjs";
8
8
  export {
9
9
  MpAccordionItem