@mekari/pixel3-accordion 0.0.17-dev.0 → 0.0.17-dev.1

package/dist/accordion.js

@@ -39,7 +39,7 @@ var accordionProps = {
   },
   isAllowMultiple: {
     type: Boolean,
-    default: false
+    default: true
   },
   isAllowToggle: {
     type: Boolean,

package/dist/accordion.mjs

@@ -1,9 +1,9 @@
 import {
   MpAccordion
-} from "./chunk-3TIMI3MY.mjs";
-import "./chunk-EGSWNAP7.mjs";
+} from "./chunk-XNRE5EMB.mjs";
+import "./chunk-ZK6YJPR2.mjs";
 import "./chunk-PFYTMT2T.mjs";
-import "./chunk-WLLI4QLE.mjs";
+import "./chunk-PP3LW2LX.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpAccordion

package/dist/{chunk-OPRYKB4H.mjs → chunk-GFOTGYER.mjs}

@@ -3,30 +3,34 @@ import {
 } from "./chunk-PFYTMT2T.mjs";
 
 // src/panel.tsx
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { defineComponent } from "vue";
 import { MpCollapse } from "@mekari/pixel3-collapse";
 import { accordionSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
 var MpAccordionPanel = defineComponent({
   name: "MpAccordionPanel",
   setup(_props, {
-    slots
+    slots,
+    attrs
   }) {
-    const classes = accordionSlotRecipe();
     const {
       isExpanded,
-      id
+      id,
+      props: itemProps
     } = useAccordionItemContext();
+    const classes = accordionSlotRecipe({
+      iconPosition: itemProps.iconPosition.value
+    });
     return () => {
       return _createVNode(MpCollapse, {
         "isOpen": isExpanded.value
       }, {
-        default: () => [_createVNode("div", {
+        default: () => [_createVNode("div", _mergeProps({
           "data-pixel-component": "MpAccordionPanel",
           "id": `accordin-panel-${id}`,
           "aria-labelledby": `accordion-header-${id}`,
           "class": classes.panel
-        }, [slots.default()])]
+        }, attrs), [slots.default()])]
       });
     };
   }

package/dist/{chunk-A7ZV2YVS.mjs → chunk-KUNOH5B2.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-PFYTMT2T.mjs";
 import {
   accordionHeaderProps
-} from "./chunk-WLLI4QLE.mjs";
+} from "./chunk-PP3LW2LX.mjs";
 
 // src/header.tsx
 import { createVNode as _createVNode } from "vue";
@@ -15,24 +15,30 @@ var MpAccordionHeader = defineComponent({
   setup(props, {
     slots
   }) {
-    const classes = accordionSlotRecipe({
-      isClickable: props.isClickable
-    });
     const {
       isExpanded,
       onToggle,
-      id
+      id,
+      props: itemProps
     } = useAccordionItemContext();
     return () => {
-      return _createVNode("button", {
+      const classes = accordionSlotRecipe({
+        isClickable: props.isClickable,
+        iconPosition: itemProps.iconPosition.value
+      });
+      return _createVNode("div", {
         "data-pixel-component": "MpAccordionHeader",
-        "type": "button",
+        "role": "button",
         "id": `accordion-header-${id}`,
         "aria-expanded": isExpanded.value,
         "aria-controls": `accordion-panel-${id}`,
         "class": classes.header,
         "onClick": onToggle
-      }, [slots.default()]);
+      }, [_createVNode("div", {
+        "class": classes.headerTitle
+      }, [slots.default()]), slots.description && _createVNode("div", {
+        "class": classes.headerDescription
+      }, [slots.description()])]);
     };
   }
 });

package/dist/{chunk-PEBWUTJC.mjs → chunk-PMTOCJCB.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-PFYTMT2T.mjs";
 import {
   accordionIconProps
-} from "./chunk-WLLI4QLE.mjs";
+} from "./chunk-PP3LW2LX.mjs";
 
 // src/icon.tsx
 import { createVNode as _createVNode } from "vue";
@@ -14,7 +14,8 @@ var MpAccordionIcon = defineComponent({
   props: accordionIconProps,
   setup(props) {
     const {
-      isExpanded
+      isExpanded,
+      props: itemProps
     } = useAccordionItemContext();
     return () => {
       return _createVNode(MpIcon, {
@@ -23,7 +24,7 @@ var MpAccordionIcon = defineComponent({
         "color": props.color,
         "variant": props.variant,
         "style": {
-          transform: isExpanded.value ? "rotate(-180deg)" : "rotate(0)",
+          transform: isExpanded.value ? itemProps.iconPosition.value === "start" ? "rotate(90deg)" : "rotate(-180deg)" : "rotate(0)",
           transition: "transform 0.2s",
           transformOrigin: "center"
         }

package/dist/{chunk-WLLI4QLE.mjs → chunk-PP3LW2LX.mjs}

@@ -5,7 +5,7 @@ var accordionProps = {
   },
   isAllowMultiple: {
     type: Boolean,
-    default: false
+    default: true
   },
   isAllowToggle: {
     type: Boolean,
@@ -34,6 +34,10 @@ var accordionItemProps = {
   isDisabled: {
     type: Boolean,
     default: false
+  },
+  iconPosition: {
+    type: String,
+    default: "end"
   }
 };
 var accordionHeaderProps = {

package/dist/{chunk-EIKKVAUT.mjs → chunk-QTBSPFGA.mjs}

@@ -1,12 +1,12 @@
 import {
   useAccordionItem
-} from "./chunk-EGSWNAP7.mjs";
+} from "./chunk-ZK6YJPR2.mjs";
 import {
   AccordionItemProvider
 } from "./chunk-PFYTMT2T.mjs";
 import {
   accordionItemProps
-} from "./chunk-WLLI4QLE.mjs";
+} from "./chunk-PP3LW2LX.mjs";
 
 // src/item.tsx
 import { createVNode as _createVNode } from "vue";
@@ -22,12 +22,14 @@ var MpAccordionItem = defineComponent({
     const {
       isExpanded,
       onToggle,
-      id
+      id,
+      props: itemProps
     } = useAccordionItem(props);
     AccordionItemProvider({
       isExpanded,
       onToggle,
-      id
+      id,
+      props: itemProps
     });
     return () => {
       return _createVNode("div", {

package/dist/{chunk-3TIMI3MY.mjs → chunk-XNRE5EMB.mjs}

@@ -1,12 +1,12 @@
 import {
   useAccordion
-} from "./chunk-EGSWNAP7.mjs";
+} from "./chunk-ZK6YJPR2.mjs";
 import {
   AccordionProvider
 } from "./chunk-PFYTMT2T.mjs";
 import {
   accordionProps
-} from "./chunk-WLLI4QLE.mjs";
+} from "./chunk-PP3LW2LX.mjs";
 
 // src/accordion.tsx
 import { createVNode as _createVNode } from "vue";

package/dist/{chunk-EGSWNAP7.mjs → chunk-ZK6YJPR2.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-QZ7VFGWC.mjs";
 
 // src/modules/useAccordion.ts
-import { ref, computed } from "vue";
+import { ref, computed, toRefs } from "vue";
 import { useId } from "@mekari/pixel3-utils";
 function useAccordion(props, emit) {
   const expandedIndex = ref(props.defaultIndexOpen);
@@ -54,7 +54,8 @@ function useAccordionItem(props) {
   return {
     isExpanded,
     onToggle,
-    id
+    id,
+    props: toRefs(props)
   };
 }
 __name(useAccordionItem, "useAccordionItem");

package/dist/header.js

@@ -47,24 +47,30 @@ var MpAccordionHeader = (0, import_vue2.defineComponent)({
   setup(props, {
     slots
   }) {
-    const classes = (0, import_recipes.accordionSlotRecipe)({
-      isClickable: props.isClickable
-    });
     const {
       isExpanded,
       onToggle,
-      id
+      id,
+      props: itemProps
     } = useAccordionItemContext();
     return () => {
-      return (0, import_vue.createVNode)("button", {
+      const classes = (0, import_recipes.accordionSlotRecipe)({
+        isClickable: props.isClickable,
+        iconPosition: itemProps.iconPosition.value
+      });
+      return (0, import_vue.createVNode)("div", {
         "data-pixel-component": "MpAccordionHeader",
-        "type": "button",
+        "role": "button",
         "id": `accordion-header-${id}`,
         "aria-expanded": isExpanded.value,
         "aria-controls": `accordion-panel-${id}`,
         "class": classes.header,
         "onClick": onToggle
-      }, [slots.default()]);
+      }, [(0, import_vue.createVNode)("div", {
+        "class": classes.headerTitle
+      }, [slots.default()]), slots.description && (0, import_vue.createVNode)("div", {
+        "class": classes.headerDescription
+      }, [slots.description()])]);
     };
   }
 });

package/dist/header.mjs

@@ -1,8 +1,8 @@
 import {
   MpAccordionHeader
-} from "./chunk-A7ZV2YVS.mjs";
+} from "./chunk-KUNOH5B2.mjs";
 import "./chunk-PFYTMT2T.mjs";
-import "./chunk-WLLI4QLE.mjs";
+import "./chunk-PP3LW2LX.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpAccordionHeader

package/dist/icon.d.mts

@@ -1,5 +1,6 @@
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import * as vue from 'vue';
+import { AccordionSize, AccordionVariant } from './modules/accordion.types.mjs';
 
 declare const MpAccordionIcon: vue.DefineComponent<{
     name: {
@@ -7,7 +8,7 @@ declare const MpAccordionIcon: vue.DefineComponent<{
         default: string;
     };
     size: {
-        type: vue.PropType<"sm" | "md">;
+        type: vue.PropType<AccordionSize>;
         default: string;
     };
     color: {
@@ -15,7 +16,7 @@ declare const MpAccordionIcon: vue.DefineComponent<{
         default: string;
     };
     variant: {
-        type: vue.PropType<"outline" | "duotone" | "fill">;
+        type: vue.PropType<AccordionVariant>;
         default: string;
     };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -24,7 +25,7 @@ declare const MpAccordionIcon: vue.DefineComponent<{
         default: string;
     };
     size: {
-        type: vue.PropType<"sm" | "md">;
+        type: vue.PropType<AccordionSize>;
         default: string;
     };
     color: {
@@ -32,14 +33,14 @@ declare const MpAccordionIcon: vue.DefineComponent<{
         default: string;
     };
     variant: {
-        type: vue.PropType<"outline" | "duotone" | "fill">;
+        type: vue.PropType<AccordionVariant>;
         default: string;
     };
 }>>, {
     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";
-    size: "sm" | "md";
+    size: AccordionSize;
     color: string;
-    variant: "outline" | "duotone" | "fill";
+    variant: AccordionVariant;
 }, {}>;
 
 export { MpAccordionIcon };

package/dist/icon.d.ts

@@ -1,5 +1,6 @@
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import * as vue from 'vue';
+import { AccordionSize, AccordionVariant } from './modules/accordion.types.js';
 
 declare const MpAccordionIcon: vue.DefineComponent<{
     name: {
@@ -7,7 +8,7 @@ declare const MpAccordionIcon: vue.DefineComponent<{
         default: string;
     };
     size: {
-        type: vue.PropType<"sm" | "md">;
+        type: vue.PropType<AccordionSize>;
         default: string;
     };
     color: {
@@ -15,7 +16,7 @@ declare const MpAccordionIcon: vue.DefineComponent<{
         default: string;
     };
     variant: {
-        type: vue.PropType<"outline" | "duotone" | "fill">;
+        type: vue.PropType<AccordionVariant>;
         default: string;
     };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -24,7 +25,7 @@ declare const MpAccordionIcon: vue.DefineComponent<{
         default: string;
     };
     size: {
-        type: vue.PropType<"sm" | "md">;
+        type: vue.PropType<AccordionSize>;
         default: string;
     };
     color: {
@@ -32,14 +33,14 @@ declare const MpAccordionIcon: vue.DefineComponent<{
         default: string;
     };
     variant: {
-        type: vue.PropType<"outline" | "duotone" | "fill">;
+        type: vue.PropType<AccordionVariant>;
         default: string;
     };
 }>>, {
     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";
-    size: "sm" | "md";
+    size: AccordionSize;
     color: string;
-    variant: "outline" | "duotone" | "fill";
+    variant: AccordionVariant;
 }, {}>;
 
 export { MpAccordionIcon };

package/dist/icon.js

@@ -58,7 +58,8 @@ var MpAccordionIcon = (0, import_vue2.defineComponent)({
   props: accordionIconProps,
   setup(props) {
     const {
-      isExpanded
+      isExpanded,
+      props: itemProps
     } = useAccordionItemContext();
     return () => {
       return (0, import_vue.createVNode)(import_pixel3_icon.MpIcon, {
@@ -67,7 +68,7 @@ var MpAccordionIcon = (0, import_vue2.defineComponent)({
         "color": props.color,
         "variant": props.variant,
         "style": {
-          transform: isExpanded.value ? "rotate(-180deg)" : "rotate(0)",
+          transform: isExpanded.value ? itemProps.iconPosition.value === "start" ? "rotate(90deg)" : "rotate(-180deg)" : "rotate(0)",
           transition: "transform 0.2s",
           transformOrigin: "center"
         }

package/dist/icon.mjs

@@ -1,8 +1,8 @@
 import {
   MpAccordionIcon
-} from "./chunk-PEBWUTJC.mjs";
+} from "./chunk-PMTOCJCB.mjs";
 import "./chunk-PFYTMT2T.mjs";
-import "./chunk-WLLI4QLE.mjs";
+import "./chunk-PP3LW2LX.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpAccordionIcon

package/dist/index.d.mts

@@ -3,5 +3,6 @@ export { MpAccordionItem } from './item.mjs';
 export { MpAccordionHeader } from './header.mjs';
 export { MpAccordionPanel } from './panel.mjs';
 export { MpAccordionIcon } from './icon.mjs';
+export { AccordionSize, AccordionVariant } from './modules/accordion.types.mjs';
 import 'vue/jsx-runtime';
 import 'vue';

package/dist/index.d.ts

@@ -3,5 +3,6 @@ export { MpAccordionItem } from './item.js';
 export { MpAccordionHeader } from './header.js';
 export { MpAccordionPanel } from './panel.js';
 export { MpAccordionIcon } from './icon.js';
+export { AccordionSize, AccordionVariant } from './modules/accordion.types.js';
 import 'vue/jsx-runtime';
 import 'vue';

package/dist/index.js

@@ -45,7 +45,7 @@ var accordionProps = {
   },
   isAllowMultiple: {
     type: Boolean,
-    default: false
+    default: true
   },
   isAllowToggle: {
     type: Boolean,
@@ -74,6 +74,10 @@ var accordionItemProps = {
   isDisabled: {
     type: Boolean,
     default: false
+  },
+  iconPosition: {
+    type: String,
+    default: "end"
   }
 };
 var accordionHeaderProps = {
@@ -150,7 +154,8 @@ function useAccordionItem(props) {
   return {
     isExpanded,
     onToggle,
-    id
+    id,
+    props: (0, import_vue.toRefs)(props)
   };
 }
 __name(useAccordionItem, "useAccordionItem");
@@ -201,12 +206,14 @@ var MpAccordionItem = (0, import_vue5.defineComponent)({
     const {
       isExpanded,
       onToggle,
-      id
+      id,
+      props: itemProps
     } = useAccordionItem(props);
     AccordionItemProvider({
       isExpanded,
       onToggle,
-      id
+      id,
+      props: itemProps
     });
     return () => {
       return (0, import_vue4.createVNode)("div", {
@@ -227,24 +234,30 @@ var MpAccordionHeader = (0, import_vue7.defineComponent)({
   setup(props, {
     slots
   }) {
-    const classes = (0, import_recipes2.accordionSlotRecipe)({
-      isClickable: props.isClickable
-    });
     const {
       isExpanded,
       onToggle,
-      id
+      id,
+      props: itemProps
     } = useAccordionItemContext();
     return () => {
-      return (0, import_vue6.createVNode)("button", {
+      const classes = (0, import_recipes2.accordionSlotRecipe)({
+        isClickable: props.isClickable,
+        iconPosition: itemProps.iconPosition.value
+      });
+      return (0, import_vue6.createVNode)("div", {
         "data-pixel-component": "MpAccordionHeader",
-        "type": "button",
+        "role": "button",
         "id": `accordion-header-${id}`,
         "aria-expanded": isExpanded.value,
         "aria-controls": `accordion-panel-${id}`,
         "class": classes.header,
         "onClick": onToggle
-      }, [slots.default()]);
+      }, [(0, import_vue6.createVNode)("div", {
+        "class": classes.headerTitle
+      }, [slots.default()]), slots.description && (0, import_vue6.createVNode)("div", {
+        "class": classes.headerDescription
+      }, [slots.description()])]);
     };
   }
 });
@@ -257,23 +270,27 @@ var import_recipes3 = require("@mekari/pixel3-styled-system/recipes");
 var MpAccordionPanel = (0, import_vue9.defineComponent)({
   name: "MpAccordionPanel",
   setup(_props, {
-    slots
+    slots,
+    attrs
   }) {
-    const classes = (0, import_recipes3.accordionSlotRecipe)();
     const {
       isExpanded,
-      id
+      id,
+      props: itemProps
     } = useAccordionItemContext();
+    const classes = (0, import_recipes3.accordionSlotRecipe)({
+      iconPosition: itemProps.iconPosition.value
+    });
     return () => {
       return (0, import_vue8.createVNode)(import_pixel3_collapse.MpCollapse, {
         "isOpen": isExpanded.value
       }, {
-        default: () => [(0, import_vue8.createVNode)("div", {
+        default: () => [(0, import_vue8.createVNode)("div", (0, import_vue8.mergeProps)({
           "data-pixel-component": "MpAccordionPanel",
           "id": `accordin-panel-${id}`,
           "aria-labelledby": `accordion-header-${id}`,
           "class": classes.panel
-        }, [slots.default()])]
+        }, attrs), [slots.default()])]
       });
     };
   }
@@ -288,7 +305,8 @@ var MpAccordionIcon = (0, import_vue11.defineComponent)({
   props: accordionIconProps,
   setup(props) {
     const {
-      isExpanded
+      isExpanded,
+      props: itemProps
     } = useAccordionItemContext();
     return () => {
       return (0, import_vue10.createVNode)(import_pixel3_icon.MpIcon, {
@@ -297,7 +315,7 @@ var MpAccordionIcon = (0, import_vue11.defineComponent)({
         "color": props.color,
         "variant": props.variant,
         "style": {
-          transform: isExpanded.value ? "rotate(-180deg)" : "rotate(0)",
+          transform: isExpanded.value ? itemProps.iconPosition.value === "start" ? "rotate(90deg)" : "rotate(-180deg)" : "rotate(0)",
           transition: "transform 0.2s",
           transformOrigin: "center"
         }

package/dist/index.mjs

@@ -1,21 +1,22 @@
+import "./chunk-E5PDGTMC.mjs";
 import {
   MpAccordion
-} from "./chunk-3TIMI3MY.mjs";
+} from "./chunk-XNRE5EMB.mjs";
 import {
   MpAccordionHeader
-} from "./chunk-A7ZV2YVS.mjs";
+} from "./chunk-KUNOH5B2.mjs";
 import {
   MpAccordionIcon
-} from "./chunk-PEBWUTJC.mjs";
+} from "./chunk-PMTOCJCB.mjs";
 import {
   MpAccordionItem
-} from "./chunk-EIKKVAUT.mjs";
-import "./chunk-EGSWNAP7.mjs";
+} from "./chunk-QTBSPFGA.mjs";
+import "./chunk-ZK6YJPR2.mjs";
 import {
   MpAccordionPanel
-} from "./chunk-OPRYKB4H.mjs";
+} from "./chunk-GFOTGYER.mjs";
 import "./chunk-PFYTMT2T.mjs";
-import "./chunk-WLLI4QLE.mjs";
+import "./chunk-PP3LW2LX.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpAccordion,

package/dist/item.d.mts

@@ -20,6 +20,10 @@ declare const MpAccordionItem: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    iconPosition: {
+        type: vue.PropType<"start" | "end">;
+        default: string;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     id: {
         type: vue.PropType<string>;
@@ -39,10 +43,15 @@ declare const MpAccordionItem: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    iconPosition: {
+        type: vue.PropType<"start" | "end">;
+        default: string;
+    };
 }>>, {
     isOpen: boolean;
     isDefaultOpen: boolean;
     isDisabled: boolean;
+    iconPosition: "start" | "end";
 }, {}>;
 
 export { MpAccordionItem };

package/dist/item.d.ts

@@ -20,6 +20,10 @@ declare const MpAccordionItem: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    iconPosition: {
+        type: vue.PropType<"start" | "end">;
+        default: string;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     id: {
         type: vue.PropType<string>;
@@ -39,10 +43,15 @@ declare const MpAccordionItem: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    iconPosition: {
+        type: vue.PropType<"start" | "end">;
+        default: string;
+    };
 }>>, {
     isOpen: boolean;
     isDefaultOpen: boolean;
     isDisabled: boolean;
+    iconPosition: "start" | "end";
 }, {}>;
 
 export { MpAccordionItem };

package/dist/item.js

@@ -51,6 +51,10 @@ var accordionItemProps = {
   isDisabled: {
     type: Boolean,
     default: false
+  },
+  iconPosition: {
+    type: String,
+    default: "end"
   }
 };
 
@@ -86,7 +90,8 @@ function useAccordionItem(props) {
   return {
     isExpanded,
     onToggle,
-    id
+    id,
+    props: (0, import_vue.toRefs)(props)
   };
 }
 __name(useAccordionItem, "useAccordionItem");
@@ -103,12 +108,14 @@ var MpAccordionItem = (0, import_vue3.defineComponent)({
     const {
       isExpanded,
       onToggle,
-      id
+      id,
+      props: itemProps
     } = useAccordionItem(props);
     AccordionItemProvider({
       isExpanded,
       onToggle,
-      id
+      id,
+      props: itemProps
     });
     return () => {
       return (0, import_vue2.createVNode)("div", {

package/dist/item.mjs

@@ -1,9 +1,9 @@
 import {
   MpAccordionItem
-} from "./chunk-EIKKVAUT.mjs";
-import "./chunk-EGSWNAP7.mjs";
+} from "./chunk-QTBSPFGA.mjs";
+import "./chunk-ZK6YJPR2.mjs";
 import "./chunk-PFYTMT2T.mjs";
-import "./chunk-WLLI4QLE.mjs";
+import "./chunk-PP3LW2LX.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpAccordionItem

package/dist/metafile-cjs.json

@@ -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":1562,"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":248}},"bytes":2437},"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":862},"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":8295},"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":1179}},"bytes":2189},"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}}}
+{"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":1714,"imports":[],"format":"esm"},"src/modules/useAccordion.ts":{"bytes":1715,"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":1353,"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":1010,"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":1019,"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":1133,"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/modules/accordion.types.ts":{"bytes":188,"imports":[],"format":"esm"},"src/index.ts":{"bytes":255,"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"},{"path":"src/modules/accordion.types.ts","kind":"import-statement","original":"./modules/accordion.types"}],"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":255},"src/modules/useAccordion.ts":{"bytesInOutput":599}},"bytes":3242},"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":1323},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":90}},"bytes":2734},"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":959},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":248}},"bytes":2522},"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":921},"src/modules/useAccordion.ts":{"bytesInOutput":1525},"src/item.tsx":{"bytesInOutput":758},"src/header.tsx":{"bytesInOutput":1181},"src/panel.tsx":{"bytesInOutput":1034},"src/icon.tsx":{"bytesInOutput":827}},"bytes":8957},"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":896},"src/modules/accordion.context.ts":{"bytesInOutput":301},"src/modules/accordion.props.ts":{"bytesInOutput":328},"src/modules/useAccordion.ts":{"bytesInOutput":1019}},"bytes":3680},"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":1171},"src/modules/accordion.context.ts":{"bytesInOutput":301}},"bytes":2454},"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":1238}},"bytes":2248},"dist/modules/accordion.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/accordion.types.ts","inputs":{"src/modules/accordion.types.ts":{"bytesInOutput":90}},"bytes":796},"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":1725},"src/modules/accordion.context.ts":{"bytesInOutput":301}},"bytes":3142}}}

package/dist/metafile-esm.json

@@ -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":1562,"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-3TIMI3MY.mjs","kind":"import-statement"},{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-WLLI4QLE.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-A7ZV2YVS.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-WLLI4QLE.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-PEBWUTJC.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-WLLI4QLE.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-3TIMI3MY.mjs","kind":"import-statement"},{"path":"dist/chunk-A7ZV2YVS.mjs","kind":"import-statement"},{"path":"dist/chunk-PEBWUTJC.mjs","kind":"import-statement"},{"path":"dist/chunk-EIKKVAUT.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-WLLI4QLE.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-3TIMI3MY.mjs":{"imports":[{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-WLLI4QLE.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-A7ZV2YVS.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-WLLI4QLE.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-PEBWUTJC.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-WLLI4QLE.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-EIKKVAUT.mjs","kind":"import-statement"},{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-WLLI4QLE.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordionItem"],"entryPoint":"src/item.tsx","inputs":{},"bytes":212},"dist/chunk-EIKKVAUT.mjs":{"imports":[{"path":"dist/chunk-EGSWNAP7.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-WLLI4QLE.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-WLLI4QLE.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-WLLI4QLE.mjs":{"imports":[],"exports":["accordionHeaderProps","accordionIconProps","accordionItemProps","accordionProps"],"inputs":{"src/modules/accordion.props.ts":{"bytesInOutput":862}},"bytes":994},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
+{"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":1714,"imports":[],"format":"esm"},"src/modules/useAccordion.ts":{"bytes":1715,"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":1353,"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":1010,"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":1019,"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":1133,"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/modules/accordion.types.ts":{"bytes":188,"imports":[],"format":"esm"},"src/index.ts":{"bytes":255,"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"},{"path":"src/modules/accordion.types.ts","kind":"import-statement","original":"./modules/accordion.types"}],"format":"esm"}},"outputs":{"dist/modules/accordion.types.mjs":{"imports":[{"path":"dist/chunk-E5PDGTMC.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/accordion.types.ts","inputs":{},"bytes":32},"dist/modules/useAccordion.mjs":{"imports":[{"path":"dist/chunk-ZK6YJPR2.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-XNRE5EMB.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK6YJPR2.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-PP3LW2LX.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-KUNOH5B2.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-PP3LW2LX.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-PMTOCJCB.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-PP3LW2LX.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-E5PDGTMC.mjs","kind":"import-statement"},{"path":"dist/chunk-XNRE5EMB.mjs","kind":"import-statement"},{"path":"dist/chunk-KUNOH5B2.mjs","kind":"import-statement"},{"path":"dist/chunk-PMTOCJCB.mjs","kind":"import-statement"},{"path":"dist/chunk-QTBSPFGA.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK6YJPR2.mjs","kind":"import-statement"},{"path":"dist/chunk-GFOTGYER.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-PP3LW2LX.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":549},"dist/chunk-E5PDGTMC.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/accordion.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/chunk-XNRE5EMB.mjs":{"imports":[{"path":"dist/chunk-ZK6YJPR2.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-PP3LW2LX.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-KUNOH5B2.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-PP3LW2LX.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":1122}},"bytes":1303},"dist/chunk-PMTOCJCB.mjs":{"imports":[{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-PP3LW2LX.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":782}},"bytes":957},"dist/item.mjs":{"imports":[{"path":"dist/chunk-QTBSPFGA.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK6YJPR2.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-PP3LW2LX.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAccordionItem"],"entryPoint":"src/item.tsx","inputs":{},"bytes":212},"dist/chunk-QTBSPFGA.mjs":{"imports":[{"path":"dist/chunk-ZK6YJPR2.mjs","kind":"import-statement"},{"path":"dist/chunk-PFYTMT2T.mjs","kind":"import-statement"},{"path":"dist/chunk-PP3LW2LX.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":733}},"bytes":965},"dist/chunk-ZK6YJPR2.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":1433}},"bytes":1624},"dist/panel.mjs":{"imports":[{"path":"dist/chunk-GFOTGYER.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-GFOTGYER.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":968}},"bytes":1084},"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-PP3LW2LX.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-PP3LW2LX.mjs":{"imports":[],"exports":["accordionHeaderProps","accordionIconProps","accordionItemProps","accordionProps"],"inputs":{"src/modules/accordion.props.ts":{"bytesInOutput":921}},"bytes":1053},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}

package/dist/modules/accordion.context.d.mts

@@ -1,7 +1,8 @@
+import { AccordionItemProps, AccordionProps } from './accordion.props.mjs';
 import * as vue from 'vue';
 import { ToRefs } from 'vue';
 import { UseAccordionReturn } from './useAccordion.mjs';
-import { AccordionProps } from './accordion.props.mjs';
+import './accordion.types.mjs';
 
 interface UseAccordionContext extends UseAccordionReturn {
     props: ToRefs<AccordionProps>;
@@ -12,15 +13,18 @@ declare const AccordionItemProvider: (opts: {
     isExpanded: vue.ComputedRef<boolean>;
     onToggle: () => void;
     id: string;
+    props: ToRefs<AccordionItemProps>;
 }) => void;
 declare const useAccordionItemContext: (fallback?: {
     isExpanded: vue.ComputedRef<boolean>;
     onToggle: () => void;
     id: string;
+    props: ToRefs<AccordionItemProps>;
 } | undefined) => {
     isExpanded: vue.ComputedRef<boolean>;
     onToggle: () => void;
     id: string;
+    props: ToRefs<AccordionItemProps>;
 };
 
 export { AccordionItemProvider, AccordionProvider, useAccordionContext, useAccordionItemContext };

package/dist/modules/accordion.context.d.ts

@@ -1,7 +1,8 @@
+import { AccordionItemProps, AccordionProps } from './accordion.props.js';
 import * as vue from 'vue';
 import { ToRefs } from 'vue';
 import { UseAccordionReturn } from './useAccordion.js';
-import { AccordionProps } from './accordion.props.js';
+import './accordion.types.js';
 
 interface UseAccordionContext extends UseAccordionReturn {
     props: ToRefs<AccordionProps>;
@@ -12,15 +13,18 @@ declare const AccordionItemProvider: (opts: {
     isExpanded: vue.ComputedRef<boolean>;
     onToggle: () => void;
     id: string;
+    props: ToRefs<AccordionItemProps>;
 }) => void;
 declare const useAccordionItemContext: (fallback?: {
     isExpanded: vue.ComputedRef<boolean>;
     onToggle: () => void;
     id: string;
+    props: ToRefs<AccordionItemProps>;
 } | undefined) => {
     isExpanded: vue.ComputedRef<boolean>;
     onToggle: () => void;
     id: string;
+    props: ToRefs<AccordionItemProps>;
 };
 
 export { AccordionItemProvider, AccordionProvider, useAccordionContext, useAccordionItemContext };

package/dist/modules/accordion.props.d.mts

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { AccordionSize, AccordionVariant } from './accordion.types.mjs';
 
 declare const accordionProps: {
     defaultIndexOpen: {
@@ -37,6 +38,10 @@ declare const accordionItemProps: {
         type: PropType<boolean>;
         default: boolean;
     };
+    iconPosition: {
+        type: PropType<"start" | "end">;
+        default: string;
+    };
 };
 type AccordionItemProps = ExtractPropTypes<typeof accordionItemProps>;
 declare const accordionHeaderProps: {
@@ -51,7 +56,7 @@ declare const accordionIconProps: {
         default: string;
     };
     size: {
-        type: PropType<"sm" | "md">;
+        type: PropType<AccordionSize>;
         default: string;
     };
     color: {
@@ -59,7 +64,7 @@ declare const accordionIconProps: {
         default: string;
     };
     variant: {
-        type: PropType<"fill" | "outline" | "duotone">;
+        type: PropType<AccordionVariant>;
         default: string;
     };
 };

package/dist/modules/accordion.props.d.ts

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { AccordionSize, AccordionVariant } from './accordion.types.js';
 
 declare const accordionProps: {
     defaultIndexOpen: {
@@ -37,6 +38,10 @@ declare const accordionItemProps: {
         type: PropType<boolean>;
         default: boolean;
     };
+    iconPosition: {
+        type: PropType<"start" | "end">;
+        default: string;
+    };
 };
 type AccordionItemProps = ExtractPropTypes<typeof accordionItemProps>;
 declare const accordionHeaderProps: {
@@ -51,7 +56,7 @@ declare const accordionIconProps: {
         default: string;
     };
     size: {
-        type: PropType<"sm" | "md">;
+        type: PropType<AccordionSize>;
         default: string;
     };
     color: {
@@ -59,7 +64,7 @@ declare const accordionIconProps: {
         default: string;
     };
     variant: {
-        type: PropType<"fill" | "outline" | "duotone">;
+        type: PropType<AccordionVariant>;
         default: string;
     };
 };

package/dist/modules/accordion.props.js

@@ -32,7 +32,7 @@ var accordionProps = {
   },
   isAllowMultiple: {
     type: Boolean,
-    default: false
+    default: true
   },
   isAllowToggle: {
     type: Boolean,
@@ -61,6 +61,10 @@ var accordionItemProps = {
   isDisabled: {
     type: Boolean,
     default: false
+  },
+  iconPosition: {
+    type: String,
+    default: "end"
   }
 };
 var accordionHeaderProps = {

package/dist/modules/accordion.props.mjs

@@ -3,7 +3,7 @@ import {
   accordionIconProps,
   accordionItemProps,
   accordionProps
-} from "../chunk-WLLI4QLE.mjs";
+} from "../chunk-PP3LW2LX.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   accordionHeaderProps,

package/dist/modules/accordion.types.d.mts

@@ -0,0 +1,4 @@
+type AccordionSize = 'sm' | 'md';
+type AccordionVariant = 'outline' | 'duotone' | 'fill';
+
+export { AccordionSize, AccordionVariant };

package/dist/modules/accordion.types.d.ts

@@ -0,0 +1,4 @@
+type AccordionSize = 'sm' | 'md';
+type AccordionVariant = 'outline' | 'duotone' | 'fill';
+
+export { AccordionSize, AccordionVariant };

package/dist/modules/accordion.types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modules/accordion.types.ts
+var accordion_types_exports = {};
+module.exports = __toCommonJS(accordion_types_exports);

package/dist/modules/accordion.types.mjs

@@ -0,0 +1 @@
+import "../chunk-E5PDGTMC.mjs";

package/dist/modules/useAccordion.d.mts

@@ -1,5 +1,6 @@
 import * as vue from 'vue';
 import { AccordionProps, AccordionItemProps } from './accordion.props.mjs';
+import './accordion.types.mjs';
 
 declare function useAccordion(props: AccordionProps, emit: CallableFunction): {
     expandedIndex: vue.Ref<number | undefined>;
@@ -10,6 +11,7 @@ declare function useAccordionItem(props: AccordionItemProps): {
     isExpanded: vue.ComputedRef<boolean>;
     onToggle: () => void;
     id: string;
+    props: vue.ToRefs<AccordionItemProps>;
 };
 type UseAccordionItemReturn = ReturnType<typeof useAccordionItem>;
 

package/dist/modules/useAccordion.d.ts

@@ -1,5 +1,6 @@
 import * as vue from 'vue';
 import { AccordionProps, AccordionItemProps } from './accordion.props.js';
+import './accordion.types.js';
 
 declare function useAccordion(props: AccordionProps, emit: CallableFunction): {
     expandedIndex: vue.Ref<number | undefined>;
@@ -10,6 +11,7 @@ declare function useAccordionItem(props: AccordionItemProps): {
     isExpanded: vue.ComputedRef<boolean>;
     onToggle: () => void;
     id: string;
+    props: vue.ToRefs<AccordionItemProps>;
 };
 type UseAccordionItemReturn = ReturnType<typeof useAccordionItem>;
 

package/dist/modules/useAccordion.js

@@ -80,7 +80,8 @@ function useAccordionItem(props) {
   return {
     isExpanded,
     onToggle,
-    id
+    id,
+    props: (0, import_vue.toRefs)(props)
   };
 }
 __name(useAccordionItem, "useAccordionItem");

package/dist/modules/useAccordion.mjs

@@ -1,7 +1,7 @@
 import {
   useAccordion,
   useAccordionItem
-} from "../chunk-EGSWNAP7.mjs";
+} from "../chunk-ZK6YJPR2.mjs";
 import "../chunk-PFYTMT2T.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {

package/dist/panel.js

@@ -37,23 +37,27 @@ var import_recipes = require("@mekari/pixel3-styled-system/recipes");
 var MpAccordionPanel = (0, import_vue2.defineComponent)({
   name: "MpAccordionPanel",
   setup(_props, {
-    slots
+    slots,
+    attrs
   }) {
-    const classes = (0, import_recipes.accordionSlotRecipe)();
     const {
       isExpanded,
-      id
+      id,
+      props: itemProps
     } = useAccordionItemContext();
+    const classes = (0, import_recipes.accordionSlotRecipe)({
+      iconPosition: itemProps.iconPosition.value
+    });
     return () => {
       return (0, import_vue.createVNode)(import_pixel3_collapse.MpCollapse, {
         "isOpen": isExpanded.value
       }, {
-        default: () => [(0, import_vue.createVNode)("div", {
+        default: () => [(0, import_vue.createVNode)("div", (0, import_vue.mergeProps)({
           "data-pixel-component": "MpAccordionPanel",
           "id": `accordin-panel-${id}`,
           "aria-labelledby": `accordion-header-${id}`,
           "class": classes.panel
-        }, [slots.default()])]
+        }, attrs), [slots.default()])]
       });
     };
   }

package/dist/panel.mjs

@@ -1,6 +1,6 @@
 import {
   MpAccordionPanel
-} from "./chunk-OPRYKB4H.mjs";
+} from "./chunk-GFOTGYER.mjs";
 import "./chunk-PFYTMT2T.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@mekari/pixel3-accordion",
   "description": "Accordion component for mekari pixel 3",
-  "version": "0.0.17-dev.0",
+  "version": "0.0.17-dev.1",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@mekari/pixel3-styled-system": "0.1.2-dev.0",
-    "@mekari/pixel3-utils": "0.0.7-dev.0",
-    "@mekari/pixel3-icon": "0.0.17-dev.0",
-    "@mekari/pixel3-collapse": "0.0.16-dev.0"
+    "@mekari/pixel3-styled-system": "0.1.2-dev.1",
+    "@mekari/pixel3-utils": "0.0.7-dev.1",
+    "@mekari/pixel3-icon": "0.0.17-dev.1",
+    "@mekari/pixel3-collapse": "0.0.16-dev.1"
   },
   "peerDependencies": {
     "vue": "^3.4.9"
@@ -38,6 +38,7 @@
     "build:types": "tsup src --dts-only",
     "types:check": "tsc --noEmit",
     "replace-config": "clean-package",
-    "restore-config": "clean-package restore"
+    "restore-config": "clean-package restore",
+    "types:vue": "vue-tsc --noEmit"
   }
 }