@mekari/pixel3-popover 0.0.17-dev.5 → 0.0.17-dev.6

package/dist/{chunk-NELKHTBU.mjs → chunk-2A6U22TT.mjs}

@@ -1,6 +1,6 @@
 import {
   usePopoverTrigger
-} from "./chunk-CXMHX2LF.mjs";
+} from "./chunk-3D72WCOZ.mjs";
 
 // src/trigger.tsx
 import { Fragment as _Fragment, createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";

package/dist/{chunk-CXMHX2LF.mjs → chunk-3D72WCOZ.mjs}

@@ -284,14 +284,24 @@ function usePopoverListItem(props) {
   const rootAttrs = computed(() => {
     return {
       "data-pixel-component": "MpPopoverListItem",
-      role: props.role,
+      role: props.role || void 0,
       class: popoverListItemRecipe(),
-      disabled: props.isDisabled,
+      disabled: props.isDisabled || void 0,
       "data-highlight": isHighligted.value || void 0,
       "data-active": props.isActive || void 0,
-      onmouseenter: () => isHighligted.value = true,
-      onmouseleave: () => isHighligted.value = false,
+      onmouseenter: () => {
+        if (props.isDisabled)
+          return;
+        isHighligted.value = true;
+      },
+      onmouseleave: () => {
+        if (props.isDisabled)
+          return;
+        isHighligted.value = false;
+      },
       onClick: () => {
+        if (props.isDisabled)
+          return;
         if (isCloseOnSelect.value) {
           onClosePopover();
         }

package/dist/{chunk-ACYTEMPK.mjs → chunk-AXLZTSBX.mjs}

@@ -67,7 +67,8 @@ var popoverContentProps = {
 };
 var popoverListItemProps = {
   as: {
-    type: String
+    type: [String, Object],
+    default: "button"
   },
   role: {
     type: String

package/dist/{chunk-ZZ4UCDCI.mjs → chunk-EONU2UQ7.mjs}

@@ -1,9 +1,9 @@
 import {
   popoverContentProps
-} from "./chunk-ACYTEMPK.mjs";
+} from "./chunk-AXLZTSBX.mjs";
 import {
   usePopoverContent
-} from "./chunk-CXMHX2LF.mjs";
+} from "./chunk-3D72WCOZ.mjs";
 
 // src/content.tsx
 import { createTextVNode as _createTextVNode, createVNode as _createVNode, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";

package/dist/{chunk-6R2XXAY4.mjs → chunk-JFUXWXE7.mjs}

@@ -1,6 +1,6 @@
 import {
   usePopoverList
-} from "./chunk-CXMHX2LF.mjs";
+} from "./chunk-3D72WCOZ.mjs";
 
 // src/list.tsx
 import { createVNode as _createVNode } from "vue";

package/dist/{chunk-AE6VZPBQ.mjs → chunk-O645Y76Q.mjs}

@@ -1,9 +1,9 @@
 import {
   popoverListItemProps
-} from "./chunk-ACYTEMPK.mjs";
+} from "./chunk-AXLZTSBX.mjs";
 import {
   usePopoverListItem
-} from "./chunk-CXMHX2LF.mjs";
+} from "./chunk-3D72WCOZ.mjs";
 
 // src/list-item.tsx
 import { createVNode as _createVNode } from "vue";
@@ -20,10 +20,13 @@ var MpPopoverListItem = defineComponent({
       contentAttrs
     } = usePopoverListItem(props);
     return () => {
-      return _createVNode("button", rootAttrs.value, [_createVNode("div", contentAttrs, [slots.default(), props.isArrow ? _createVNode(MpIcon, {
-        "name": "chevrons-right",
-        "size": "sm"
-      }, null) : null])]);
+      const Component = props.as || "button";
+      return _createVNode(Component, rootAttrs.value, {
+        default: () => [_createVNode("div", contentAttrs, [slots.default(), props.isArrow ? _createVNode(MpIcon, {
+          "name": "chevrons-right",
+          "size": "sm"
+        }, null) : null])]
+      });
     };
   }
 });

package/dist/{chunk-4GAXC7I4.mjs → chunk-XLGDD5UZ.mjs}

@@ -1,9 +1,9 @@
 import {
   popoverProps
-} from "./chunk-ACYTEMPK.mjs";
+} from "./chunk-AXLZTSBX.mjs";
 import {
   usePopover
-} from "./chunk-CXMHX2LF.mjs";
+} from "./chunk-3D72WCOZ.mjs";
 import {
   PopoverProvider
 } from "./chunk-2ZUCITXI.mjs";

package/dist/{chunk-SUZLQ7PX.mjs → chunk-ZRSTOSDN.mjs}

@@ -1,9 +1,9 @@
 import {
   singletonPopoverProps
-} from "./chunk-ACYTEMPK.mjs";
+} from "./chunk-AXLZTSBX.mjs";
 import {
   useSingletonPopover
-} from "./chunk-CXMHX2LF.mjs";
+} from "./chunk-3D72WCOZ.mjs";
 import {
   PopoverProvider
 } from "./chunk-2ZUCITXI.mjs";

package/dist/content.d.mts

@@ -1,8 +1,8 @@
 import { MpPopoverContentType } from './modules/popover.props.mjs';
 import 'vue';
-import '@floating-ui/vue';
 import '@mekari/pixel3-utils';
 import './modules/popover.types.mjs';
+import '@floating-ui/vue';
 
 declare const MpPopoverContent: MpPopoverContentType;
 

package/dist/content.d.ts

@@ -1,8 +1,8 @@
 import { MpPopoverContentType } from './modules/popover.props.js';
 import 'vue';
-import '@floating-ui/vue';
 import '@mekari/pixel3-utils';
 import './modules/popover.types.js';
+import '@floating-ui/vue';
 
 declare const MpPopoverContent: MpPopoverContentType;
 

package/dist/content.mjs

@@ -1,8 +1,8 @@
 import {
   MpPopoverContent
-} from "./chunk-ZZ4UCDCI.mjs";
-import "./chunk-ACYTEMPK.mjs";
-import "./chunk-CXMHX2LF.mjs";
+} from "./chunk-EONU2UQ7.mjs";
+import "./chunk-AXLZTSBX.mjs";
+import "./chunk-3D72WCOZ.mjs";
 import "./chunk-2ZUCITXI.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/dist/index.d.mts

@@ -6,7 +6,7 @@ export { MpPopoverList } from './list.mjs';
 export { MpPopoverListItem } from './list-item.mjs';
 export { MpSingletonPopover } from './singleton-popover.mjs';
 export { PopoverTrigger } from './modules/popover.types.mjs';
+export { Placement as PopoverPlacement } from '@floating-ui/vue';
 import 'vue';
-import '@floating-ui/vue';
 import '@mekari/pixel3-utils';
 import 'vue/jsx-runtime';

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { MpPopoverList } from './list.js';
 export { MpPopoverListItem } from './list-item.js';
 export { MpSingletonPopover } from './singleton-popover.js';
 export { PopoverTrigger } from './modules/popover.types.js';
+export { Placement as PopoverPlacement } from '@floating-ui/vue';
 import 'vue';
-import '@floating-ui/vue';
 import '@mekari/pixel3-utils';
 import 'vue/jsx-runtime';

package/dist/index.js

@@ -319,14 +319,24 @@ function usePopoverListItem(props) {
   const rootAttrs = (0, import_vue.computed)(() => {
     return {
       "data-pixel-component": "MpPopoverListItem",
-      role: props.role,
+      role: props.role || void 0,
       class: (0, import_recipes.popoverListItemRecipe)(),
-      disabled: props.isDisabled,
+      disabled: props.isDisabled || void 0,
       "data-highlight": isHighligted.value || void 0,
       "data-active": props.isActive || void 0,
-      onmouseenter: () => isHighligted.value = true,
-      onmouseleave: () => isHighligted.value = false,
+      onmouseenter: () => {
+        if (props.isDisabled)
+          return;
+        isHighligted.value = true;
+      },
+      onmouseleave: () => {
+        if (props.isDisabled)
+          return;
+        isHighligted.value = false;
+      },
       onClick: () => {
+        if (props.isDisabled)
+          return;
         if (isCloseOnSelect.value) {
           onClosePopover();
         }
@@ -416,7 +426,8 @@ var popoverContentProps = {
 };
 var popoverListItemProps = {
   as: {
-    type: String
+    type: [String, Object],
+    default: "button"
   },
   role: {
     type: String
@@ -564,10 +575,13 @@ var MpPopoverListItem = (0, import_vue12.defineComponent)({
       contentAttrs
     } = usePopoverListItem(props);
     return () => {
-      return (0, import_vue11.createVNode)("button", rootAttrs.value, [(0, import_vue11.createVNode)("div", contentAttrs, [slots.default(), props.isArrow ? (0, import_vue11.createVNode)(import_pixel3_icon.MpIcon, {
-        "name": "chevrons-right",
-        "size": "sm"
-      }, null) : null])]);
+      const Component = props.as || "button";
+      return (0, import_vue11.createVNode)(Component, rootAttrs.value, {
+        default: () => [(0, import_vue11.createVNode)("div", contentAttrs, [slots.default(), props.isArrow ? (0, import_vue11.createVNode)(import_pixel3_icon.MpIcon, {
+          "name": "chevrons-right",
+          "size": "sm"
+        }, null) : null])]
+      });
     };
   }
 });

package/dist/index.mjs

@@ -1,24 +1,24 @@
 import "./chunk-ERVPTGQK.mjs";
 import {
   MpPopoverContent
-} from "./chunk-ZZ4UCDCI.mjs";
+} from "./chunk-EONU2UQ7.mjs";
 import {
   MpPopoverListItem
-} from "./chunk-AE6VZPBQ.mjs";
+} from "./chunk-O645Y76Q.mjs";
 import {
   MpPopoverList
-} from "./chunk-6R2XXAY4.mjs";
+} from "./chunk-JFUXWXE7.mjs";
 import {
   MpPopover
-} from "./chunk-4GAXC7I4.mjs";
+} from "./chunk-XLGDD5UZ.mjs";
 import {
   MpSingletonPopover
-} from "./chunk-SUZLQ7PX.mjs";
-import "./chunk-ACYTEMPK.mjs";
+} from "./chunk-ZRSTOSDN.mjs";
+import "./chunk-AXLZTSBX.mjs";
 import {
   MpPopoverTrigger
-} from "./chunk-NELKHTBU.mjs";
-import "./chunk-CXMHX2LF.mjs";
+} from "./chunk-2A6U22TT.mjs";
+import "./chunk-3D72WCOZ.mjs";
 import "./chunk-2ZUCITXI.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/dist/list-item.d.mts

@@ -1,8 +1,8 @@
 import { ComponentWithProps } from '@mekari/pixel3-utils';
 import { PopoverListItemProps } from './modules/popover.props.mjs';
 import 'vue';
-import '@floating-ui/vue';
 import './modules/popover.types.mjs';
+import '@floating-ui/vue';
 
 declare const MpPopoverListItem: ComponentWithProps<PopoverListItemProps>;
 

package/dist/list-item.d.ts

@@ -1,8 +1,8 @@
 import { ComponentWithProps } from '@mekari/pixel3-utils';
 import { PopoverListItemProps } from './modules/popover.props.js';
 import 'vue';
-import '@floating-ui/vue';
 import './modules/popover.types.js';
+import '@floating-ui/vue';
 
 declare const MpPopoverListItem: ComponentWithProps<PopoverListItemProps>;
 

package/dist/list-item.js

@@ -88,7 +88,8 @@ var singletonPopoverProps = {
 };
 var popoverListItemProps = {
   as: {
-    type: String
+    type: [String, Object],
+    default: "button"
   },
   role: {
     type: String
@@ -128,14 +129,24 @@ function usePopoverListItem(props) {
   const rootAttrs = (0, import_vue.computed)(() => {
     return {
       "data-pixel-component": "MpPopoverListItem",
-      role: props.role,
+      role: props.role || void 0,
       class: (0, import_recipes.popoverListItemRecipe)(),
-      disabled: props.isDisabled,
+      disabled: props.isDisabled || void 0,
       "data-highlight": isHighligted.value || void 0,
       "data-active": props.isActive || void 0,
-      onmouseenter: () => isHighligted.value = true,
-      onmouseleave: () => isHighligted.value = false,
+      onmouseenter: () => {
+        if (props.isDisabled)
+          return;
+        isHighligted.value = true;
+      },
+      onmouseleave: () => {
+        if (props.isDisabled)
+          return;
+        isHighligted.value = false;
+      },
       onClick: () => {
+        if (props.isDisabled)
+          return;
         if (isCloseOnSelect.value) {
           onClosePopover();
         }
@@ -169,10 +180,13 @@ var MpPopoverListItem = (0, import_vue4.defineComponent)({
       contentAttrs
     } = usePopoverListItem(props);
     return () => {
-      return (0, import_vue3.createVNode)("button", rootAttrs.value, [(0, import_vue3.createVNode)("div", contentAttrs, [slots.default(), props.isArrow ? (0, import_vue3.createVNode)(import_pixel3_icon.MpIcon, {
-        "name": "chevrons-right",
-        "size": "sm"
-      }, null) : null])]);
+      const Component = props.as || "button";
+      return (0, import_vue3.createVNode)(Component, rootAttrs.value, {
+        default: () => [(0, import_vue3.createVNode)("div", contentAttrs, [slots.default(), props.isArrow ? (0, import_vue3.createVNode)(import_pixel3_icon.MpIcon, {
+          "name": "chevrons-right",
+          "size": "sm"
+        }, null) : null])]
+      });
     };
   }
 });

package/dist/list-item.mjs

@@ -1,8 +1,8 @@
 import {
   MpPopoverListItem
-} from "./chunk-AE6VZPBQ.mjs";
-import "./chunk-ACYTEMPK.mjs";
-import "./chunk-CXMHX2LF.mjs";
+} from "./chunk-O645Y76Q.mjs";
+import "./chunk-AXLZTSBX.mjs";
+import "./chunk-3D72WCOZ.mjs";
 import "./chunk-2ZUCITXI.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/dist/list.mjs

@@ -1,7 +1,7 @@
 import {
   MpPopoverList
-} from "./chunk-6R2XXAY4.mjs";
-import "./chunk-CXMHX2LF.mjs";
+} from "./chunk-JFUXWXE7.mjs";
+import "./chunk-3D72WCOZ.mjs";
 import "./chunk-2ZUCITXI.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/dist/metafile-cjs.json

@@ -1 +1 @@
-{"inputs":{"src/modules/popover.context.ts":{"bytes":490,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./popover.props","kind":"import-statement","external":true}],"format":"esm"},"src/modules/popover.hooks.ts":{"bytes":7763,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@floating-ui/vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"src/modules/popover.context.ts","kind":"import-statement","original":"./popover.context"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/popover.props.ts":{"bytes":2703,"imports":[],"format":"esm"},"src/content.tsx":{"bytes":1309,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"}],"format":"esm"},"src/popover.tsx":{"bytes":1117,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"},{"path":"src/modules/popover.context.ts","kind":"import-statement","original":"./modules/popover.context"}],"format":"esm"},"src/trigger.tsx":{"bytes":1146,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/list.tsx":{"bytes":487,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"}],"format":"esm"},"src/list-item.tsx":{"bytes":1011,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"format":"esm"},"src/singleton-popover.tsx":{"bytes":1195,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"},{"path":"src/modules/popover.context.ts","kind":"import-statement","original":"./modules/popover.context"}],"format":"esm"},"src/modules/popover.types.ts":{"bytes":132,"imports":[],"format":"esm"},"src/index.ts":{"bytes":471,"imports":[{"path":"src/popover.tsx","kind":"import-statement","original":"./popover"},{"path":"src/trigger.tsx","kind":"import-statement","original":"./trigger"},{"path":"src/content.tsx","kind":"import-statement","original":"./content"},{"path":"src/list.tsx","kind":"import-statement","original":"./list"},{"path":"src/list-item.tsx","kind":"import-statement","original":"./list-item"},{"path":"src/singleton-popover.tsx","kind":"import-statement","original":"./singleton-popover"},{"path":"src/modules/popover.types.ts","kind":"import-statement","original":"./modules/popover.types"}],"format":"esm"}},"outputs":{"dist/content.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/content.tsx","inputs":{"src/content.tsx":{"bytesInOutput":1182},"src/modules/popover.hooks.ts":{"bytesInOutput":2700},"src/modules/popover.context.ts":{"bytesInOutput":168},"src/modules/popover.props.ts":{"bytesInOutput":933}},"bytes":6156},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","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-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","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},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":343},"src/popover.tsx":{"bytesInOutput":860},"src/modules/popover.hooks.ts":{"bytesInOutput":8189},"src/modules/popover.context.ts":{"bytesInOutput":168},"src/modules/popover.props.ts":{"bytesInOutput":1138},"src/trigger.tsx":{"bytesInOutput":994},"src/content.tsx":{"bytesInOutput":1033},"src/list.tsx":{"bytesInOutput":348},"src/list-item.tsx":{"bytesInOutput":695},"src/singleton-popover.tsx":{"bytesInOutput":902}},"bytes":16062},"dist/list-item.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/list-item.tsx","inputs":{"src/list-item.tsx":{"bytesInOutput":846},"src/modules/popover.props.ts":{"bytesInOutput":1034},"src/modules/popover.hooks.ts":{"bytesInOutput":1330},"src/modules/popover.context.ts":{"bytesInOutput":168}},"bytes":4556},"dist/list.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/list.tsx","inputs":{"src/list.tsx":{"bytesInOutput":480},"src/modules/popover.hooks.ts":{"bytesInOutput":507},"src/modules/popover.context.ts":{"bytesInOutput":168}},"bytes":2286},"dist/popover.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/popover.tsx","inputs":{"src/popover.tsx":{"bytesInOutput":995},"src/modules/popover.hooks.ts":{"bytesInOutput":1897},"src/modules/popover.context.ts":{"bytesInOutput":168},"src/modules/popover.props.ts":{"bytesInOutput":829}},"bytes":5055},"dist/singleton-popover.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/singleton-popover.tsx","inputs":{"src/singleton-popover.tsx":{"bytesInOutput":1079},"src/modules/popover.hooks.ts":{"bytesInOutput":1611},"src/modules/popover.context.ts":{"bytesInOutput":168},"src/modules/popover.props.ts":{"bytesInOutput":829}},"bytes":4882},"dist/trigger.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","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/trigger.tsx","inputs":{"src/trigger.tsx":{"bytesInOutput":1143},"src/modules/popover.hooks.ts":{"bytesInOutput":1552},"src/modules/popover.context.ts":{"bytesInOutput":168}},"bytes":4003},"dist/modules/popover.context.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/popover.context.ts","inputs":{"src/modules/popover.context.ts":{"bytesInOutput":385}},"bytes":1349},"dist/modules/popover.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/popover.hooks.ts","inputs":{"src/modules/popover.hooks.ts":{"bytesInOutput":8553},"src/modules/popover.context.ts":{"bytesInOutput":168}},"bytes":9920},"dist/modules/popover.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/popover.props.ts","inputs":{"src/modules/popover.props.ts":{"bytesInOutput":1453}},"bytes":2463},"dist/modules/popover.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/popover.types.ts","inputs":{"src/modules/popover.types.ts":{"bytesInOutput":86}},"bytes":790}}}
+{"inputs":{"src/modules/popover.context.ts":{"bytes":490,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./popover.props","kind":"import-statement","external":true}],"format":"esm"},"src/modules/popover.hooks.ts":{"bytes":7941,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@floating-ui/vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"src/modules/popover.context.ts","kind":"import-statement","original":"./popover.context"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/popover.props.ts":{"bytes":2820,"imports":[],"format":"esm"},"src/content.tsx":{"bytes":1309,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"}],"format":"esm"},"src/popover.tsx":{"bytes":1117,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"},{"path":"src/modules/popover.context.ts","kind":"import-statement","original":"./modules/popover.context"}],"format":"esm"},"src/trigger.tsx":{"bytes":1146,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/list.tsx":{"bytes":487,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"}],"format":"esm"},"src/list-item.tsx":{"bytes":1210,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"format":"esm"},"src/singleton-popover.tsx":{"bytes":1195,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"},{"path":"src/modules/popover.context.ts","kind":"import-statement","original":"./modules/popover.context"}],"format":"esm"},"src/modules/popover.types.ts":{"bytes":203,"imports":[],"format":"esm"},"src/index.ts":{"bytes":471,"imports":[{"path":"src/popover.tsx","kind":"import-statement","original":"./popover"},{"path":"src/trigger.tsx","kind":"import-statement","original":"./trigger"},{"path":"src/content.tsx","kind":"import-statement","original":"./content"},{"path":"src/list.tsx","kind":"import-statement","original":"./list"},{"path":"src/list-item.tsx","kind":"import-statement","original":"./list-item"},{"path":"src/singleton-popover.tsx","kind":"import-statement","original":"./singleton-popover"},{"path":"src/modules/popover.types.ts","kind":"import-statement","original":"./modules/popover.types"}],"format":"esm"}},"outputs":{"dist/content.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/content.tsx","inputs":{"src/content.tsx":{"bytesInOutput":1182},"src/modules/popover.hooks.ts":{"bytesInOutput":2700},"src/modules/popover.context.ts":{"bytesInOutput":168},"src/modules/popover.props.ts":{"bytesInOutput":933}},"bytes":6156},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","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-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","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},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":343},"src/popover.tsx":{"bytesInOutput":860},"src/modules/popover.hooks.ts":{"bytesInOutput":8391},"src/modules/popover.context.ts":{"bytesInOutput":168},"src/modules/popover.props.ts":{"bytesInOutput":1171},"src/trigger.tsx":{"bytesInOutput":994},"src/content.tsx":{"bytesInOutput":1033},"src/list.tsx":{"bytesInOutput":348},"src/list-item.tsx":{"bytesInOutput":781},"src/singleton-popover.tsx":{"bytesInOutput":902}},"bytes":16383},"dist/list-item.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/list-item.tsx","inputs":{"src/list-item.tsx":{"bytesInOutput":932},"src/modules/popover.props.ts":{"bytesInOutput":1067},"src/modules/popover.hooks.ts":{"bytesInOutput":1532},"src/modules/popover.context.ts":{"bytesInOutput":168}},"bytes":4877},"dist/list.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/list.tsx","inputs":{"src/list.tsx":{"bytesInOutput":480},"src/modules/popover.hooks.ts":{"bytesInOutput":507},"src/modules/popover.context.ts":{"bytesInOutput":168}},"bytes":2286},"dist/popover.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/popover.tsx","inputs":{"src/popover.tsx":{"bytesInOutput":995},"src/modules/popover.hooks.ts":{"bytesInOutput":1897},"src/modules/popover.context.ts":{"bytesInOutput":168},"src/modules/popover.props.ts":{"bytesInOutput":829}},"bytes":5055},"dist/singleton-popover.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/singleton-popover.tsx","inputs":{"src/singleton-popover.tsx":{"bytesInOutput":1079},"src/modules/popover.hooks.ts":{"bytesInOutput":1611},"src/modules/popover.context.ts":{"bytesInOutput":168},"src/modules/popover.props.ts":{"bytesInOutput":829}},"bytes":4882},"dist/trigger.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","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/trigger.tsx","inputs":{"src/trigger.tsx":{"bytesInOutput":1143},"src/modules/popover.hooks.ts":{"bytesInOutput":1552},"src/modules/popover.context.ts":{"bytesInOutput":168}},"bytes":4003},"dist/modules/popover.context.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/popover.context.ts","inputs":{"src/modules/popover.context.ts":{"bytesInOutput":385}},"bytes":1349},"dist/modules/popover.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@floating-ui/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},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/popover.hooks.ts","inputs":{"src/modules/popover.hooks.ts":{"bytesInOutput":8755},"src/modules/popover.context.ts":{"bytesInOutput":168}},"bytes":10122},"dist/modules/popover.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/popover.props.ts","inputs":{"src/modules/popover.props.ts":{"bytesInOutput":1486}},"bytes":2496},"dist/modules/popover.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/popover.types.ts","inputs":{"src/modules/popover.types.ts":{"bytesInOutput":86}},"bytes":790}}}

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/modules/popover.context.ts":{"bytes":490,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./popover.props","kind":"import-statement","external":true}],"format":"esm"},"src/modules/popover.hooks.ts":{"bytes":7763,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@floating-ui/vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"src/modules/popover.context.ts","kind":"import-statement","original":"./popover.context"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/popover.props.ts":{"bytes":2703,"imports":[],"format":"esm"},"src/content.tsx":{"bytes":1309,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"}],"format":"esm"},"src/popover.tsx":{"bytes":1117,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"},{"path":"src/modules/popover.context.ts","kind":"import-statement","original":"./modules/popover.context"}],"format":"esm"},"src/trigger.tsx":{"bytes":1146,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/list.tsx":{"bytes":487,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"}],"format":"esm"},"src/list-item.tsx":{"bytes":1011,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"format":"esm"},"src/singleton-popover.tsx":{"bytes":1195,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"},{"path":"src/modules/popover.context.ts","kind":"import-statement","original":"./modules/popover.context"}],"format":"esm"},"src/modules/popover.types.ts":{"bytes":132,"imports":[],"format":"esm"},"src/index.ts":{"bytes":471,"imports":[{"path":"src/popover.tsx","kind":"import-statement","original":"./popover"},{"path":"src/trigger.tsx","kind":"import-statement","original":"./trigger"},{"path":"src/content.tsx","kind":"import-statement","original":"./content"},{"path":"src/list.tsx","kind":"import-statement","original":"./list"},{"path":"src/list-item.tsx","kind":"import-statement","original":"./list-item"},{"path":"src/singleton-popover.tsx","kind":"import-statement","original":"./singleton-popover"},{"path":"src/modules/popover.types.ts","kind":"import-statement","original":"./modules/popover.types"}],"format":"esm"}},"outputs":{"dist/modules/popover.hooks.mjs":{"imports":[{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["usePopover","usePopoverContent","usePopoverList","usePopoverListItem","usePopoverTrigger","useSingletonPopover"],"entryPoint":"src/modules/popover.hooks.ts","inputs":{},"bytes":353},"dist/modules/popover.props.mjs":{"imports":[{"path":"dist/chunk-ACYTEMPK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["popoverContentProps","popoverListItemProps","popoverProps","singletonPopoverProps"],"entryPoint":"src/modules/popover.props.ts","inputs":{},"bytes":259},"dist/modules/popover.types.mjs":{"imports":[{"path":"dist/chunk-ERVPTGQK.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/popover.types.ts","inputs":{},"bytes":32},"dist/content.mjs":{"imports":[{"path":"dist/chunk-ZZ4UCDCI.mjs","kind":"import-statement"},{"path":"dist/chunk-ACYTEMPK.mjs","kind":"import-statement"},{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpPopoverContent"],"entryPoint":"src/content.tsx","inputs":{},"bytes":214},"dist/index.mjs":{"imports":[{"path":"dist/chunk-ERVPTGQK.mjs","kind":"import-statement"},{"path":"dist/chunk-ZZ4UCDCI.mjs","kind":"import-statement"},{"path":"dist/chunk-AE6VZPBQ.mjs","kind":"import-statement"},{"path":"dist/chunk-6R2XXAY4.mjs","kind":"import-statement"},{"path":"dist/chunk-4GAXC7I4.mjs","kind":"import-statement"},{"path":"dist/chunk-SUZLQ7PX.mjs","kind":"import-statement"},{"path":"dist/chunk-ACYTEMPK.mjs","kind":"import-statement"},{"path":"dist/chunk-NELKHTBU.mjs","kind":"import-statement"},{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpPopover","MpPopoverContent","MpPopoverList","MpPopoverListItem","MpPopoverTrigger","MpSingletonPopover"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":626},"dist/chunk-ERVPTGQK.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/popover.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/chunk-ZZ4UCDCI.mjs":{"imports":[{"path":"dist/chunk-ACYTEMPK.mjs","kind":"import-statement"},{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpPopoverContent"],"inputs":{"src/content.tsx":{"bytesInOutput":1000}},"bytes":1174},"dist/list-item.mjs":{"imports":[{"path":"dist/chunk-AE6VZPBQ.mjs","kind":"import-statement"},{"path":"dist/chunk-ACYTEMPK.mjs","kind":"import-statement"},{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpPopoverListItem"],"entryPoint":"src/list-item.tsx","inputs":{},"bytes":216},"dist/chunk-AE6VZPBQ.mjs":{"imports":[{"path":"dist/chunk-ACYTEMPK.mjs","kind":"import-statement"},{"path":"dist/chunk-CXMHX2LF.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":["MpPopoverListItem"],"inputs":{"src/list-item.tsx":{"bytesInOutput":616}},"bytes":795},"dist/list.mjs":{"imports":[{"path":"dist/chunk-6R2XXAY4.mjs","kind":"import-statement"},{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpPopoverList"],"entryPoint":"src/list.tsx","inputs":{},"bytes":177},"dist/chunk-6R2XXAY4.mjs":{"imports":[{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpPopoverList"],"inputs":{"src/list.tsx":{"bytesInOutput":335}},"bytes":438},"dist/popover.mjs":{"imports":[{"path":"dist/chunk-4GAXC7I4.mjs","kind":"import-statement"},{"path":"dist/chunk-ACYTEMPK.mjs","kind":"import-statement"},{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpPopover"],"entryPoint":"src/popover.tsx","inputs":{},"bytes":200},"dist/chunk-4GAXC7I4.mjs":{"imports":[{"path":"dist/chunk-ACYTEMPK.mjs","kind":"import-statement"},{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpPopover"],"inputs":{"src/popover.tsx":{"bytesInOutput":852}},"bytes":1063},"dist/singleton-popover.mjs":{"imports":[{"path":"dist/chunk-SUZLQ7PX.mjs","kind":"import-statement"},{"path":"dist/chunk-ACYTEMPK.mjs","kind":"import-statement"},{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpSingletonPopover"],"entryPoint":"src/singleton-popover.tsx","inputs":{},"bytes":218},"dist/chunk-SUZLQ7PX.mjs":{"imports":[{"path":"dist/chunk-ACYTEMPK.mjs","kind":"import-statement"},{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpSingletonPopover"],"inputs":{"src/singleton-popover.tsx":{"bytesInOutput":888}},"bytes":1136},"dist/chunk-ACYTEMPK.mjs":{"imports":[],"exports":["popoverContentProps","popoverListItemProps","popoverProps","singletonPopoverProps"],"inputs":{"src/modules/popover.props.ts":{"bytesInOutput":1138}},"bytes":1270},"dist/trigger.mjs":{"imports":[{"path":"dist/chunk-NELKHTBU.mjs","kind":"import-statement"},{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpPopoverTrigger"],"entryPoint":"src/trigger.tsx","inputs":{},"bytes":183},"dist/chunk-NELKHTBU.mjs":{"imports":[{"path":"dist/chunk-CXMHX2LF.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpPopoverTrigger"],"inputs":{"src/trigger.tsx":{"bytesInOutput":953}},"bytes":1065},"dist/chunk-CXMHX2LF.mjs":{"imports":[{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@floating-ui/vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true}],"exports":["usePopover","usePopoverContent","usePopoverList","usePopoverListItem","usePopoverTrigger","useSingletonPopover"],"inputs":{"src/modules/popover.hooks.ts":{"bytesInOutput":7582}},"bytes":7855},"dist/modules/popover.context.mjs":{"imports":[{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["PopoverProvider","usePopoverContext"],"entryPoint":"src/modules/popover.context.ts","inputs":{},"bytes":163},"dist/chunk-2ZUCITXI.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["PopoverProvider","usePopoverContext"],"inputs":{"src/modules/popover.context.ts":{"bytesInOutput":146}},"bytes":232},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
+{"inputs":{"src/modules/popover.context.ts":{"bytes":490,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./popover.props","kind":"import-statement","external":true}],"format":"esm"},"src/modules/popover.hooks.ts":{"bytes":7941,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@floating-ui/vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"src/modules/popover.context.ts","kind":"import-statement","original":"./popover.context"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/popover.props.ts":{"bytes":2820,"imports":[],"format":"esm"},"src/content.tsx":{"bytes":1309,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"}],"format":"esm"},"src/popover.tsx":{"bytes":1117,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"},{"path":"src/modules/popover.context.ts","kind":"import-statement","original":"./modules/popover.context"}],"format":"esm"},"src/trigger.tsx":{"bytes":1146,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/list.tsx":{"bytes":487,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"}],"format":"esm"},"src/list-item.tsx":{"bytes":1210,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"format":"esm"},"src/singleton-popover.tsx":{"bytes":1195,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/popover.hooks.ts","kind":"import-statement","original":"./modules/popover.hooks"},{"path":"src/modules/popover.props.ts","kind":"import-statement","original":"./modules/popover.props"},{"path":"src/modules/popover.context.ts","kind":"import-statement","original":"./modules/popover.context"}],"format":"esm"},"src/modules/popover.types.ts":{"bytes":203,"imports":[],"format":"esm"},"src/index.ts":{"bytes":471,"imports":[{"path":"src/popover.tsx","kind":"import-statement","original":"./popover"},{"path":"src/trigger.tsx","kind":"import-statement","original":"./trigger"},{"path":"src/content.tsx","kind":"import-statement","original":"./content"},{"path":"src/list.tsx","kind":"import-statement","original":"./list"},{"path":"src/list-item.tsx","kind":"import-statement","original":"./list-item"},{"path":"src/singleton-popover.tsx","kind":"import-statement","original":"./singleton-popover"},{"path":"src/modules/popover.types.ts","kind":"import-statement","original":"./modules/popover.types"}],"format":"esm"}},"outputs":{"dist/modules/popover.hooks.mjs":{"imports":[{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["usePopover","usePopoverContent","usePopoverList","usePopoverListItem","usePopoverTrigger","useSingletonPopover"],"entryPoint":"src/modules/popover.hooks.ts","inputs":{},"bytes":353},"dist/modules/popover.props.mjs":{"imports":[{"path":"dist/chunk-AXLZTSBX.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["popoverContentProps","popoverListItemProps","popoverProps","singletonPopoverProps"],"entryPoint":"src/modules/popover.props.ts","inputs":{},"bytes":259},"dist/modules/popover.types.mjs":{"imports":[{"path":"dist/chunk-ERVPTGQK.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/popover.types.ts","inputs":{},"bytes":32},"dist/content.mjs":{"imports":[{"path":"dist/chunk-EONU2UQ7.mjs","kind":"import-statement"},{"path":"dist/chunk-AXLZTSBX.mjs","kind":"import-statement"},{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpPopoverContent"],"entryPoint":"src/content.tsx","inputs":{},"bytes":214},"dist/index.mjs":{"imports":[{"path":"dist/chunk-ERVPTGQK.mjs","kind":"import-statement"},{"path":"dist/chunk-EONU2UQ7.mjs","kind":"import-statement"},{"path":"dist/chunk-O645Y76Q.mjs","kind":"import-statement"},{"path":"dist/chunk-JFUXWXE7.mjs","kind":"import-statement"},{"path":"dist/chunk-XLGDD5UZ.mjs","kind":"import-statement"},{"path":"dist/chunk-ZRSTOSDN.mjs","kind":"import-statement"},{"path":"dist/chunk-AXLZTSBX.mjs","kind":"import-statement"},{"path":"dist/chunk-2A6U22TT.mjs","kind":"import-statement"},{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpPopover","MpPopoverContent","MpPopoverList","MpPopoverListItem","MpPopoverTrigger","MpSingletonPopover"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":626},"dist/chunk-ERVPTGQK.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/popover.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/chunk-EONU2UQ7.mjs":{"imports":[{"path":"dist/chunk-AXLZTSBX.mjs","kind":"import-statement"},{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpPopoverContent"],"inputs":{"src/content.tsx":{"bytesInOutput":1000}},"bytes":1174},"dist/list-item.mjs":{"imports":[{"path":"dist/chunk-O645Y76Q.mjs","kind":"import-statement"},{"path":"dist/chunk-AXLZTSBX.mjs","kind":"import-statement"},{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpPopoverListItem"],"entryPoint":"src/list-item.tsx","inputs":{},"bytes":216},"dist/chunk-O645Y76Q.mjs":{"imports":[{"path":"dist/chunk-AXLZTSBX.mjs","kind":"import-statement"},{"path":"dist/chunk-3D72WCOZ.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":["MpPopoverListItem"],"inputs":{"src/list-item.tsx":{"bytesInOutput":702}},"bytes":881},"dist/list.mjs":{"imports":[{"path":"dist/chunk-JFUXWXE7.mjs","kind":"import-statement"},{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpPopoverList"],"entryPoint":"src/list.tsx","inputs":{},"bytes":177},"dist/chunk-JFUXWXE7.mjs":{"imports":[{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpPopoverList"],"inputs":{"src/list.tsx":{"bytesInOutput":335}},"bytes":438},"dist/popover.mjs":{"imports":[{"path":"dist/chunk-XLGDD5UZ.mjs","kind":"import-statement"},{"path":"dist/chunk-AXLZTSBX.mjs","kind":"import-statement"},{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpPopover"],"entryPoint":"src/popover.tsx","inputs":{},"bytes":200},"dist/chunk-XLGDD5UZ.mjs":{"imports":[{"path":"dist/chunk-AXLZTSBX.mjs","kind":"import-statement"},{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpPopover"],"inputs":{"src/popover.tsx":{"bytesInOutput":852}},"bytes":1063},"dist/singleton-popover.mjs":{"imports":[{"path":"dist/chunk-ZRSTOSDN.mjs","kind":"import-statement"},{"path":"dist/chunk-AXLZTSBX.mjs","kind":"import-statement"},{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpSingletonPopover"],"entryPoint":"src/singleton-popover.tsx","inputs":{},"bytes":218},"dist/chunk-ZRSTOSDN.mjs":{"imports":[{"path":"dist/chunk-AXLZTSBX.mjs","kind":"import-statement"},{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpSingletonPopover"],"inputs":{"src/singleton-popover.tsx":{"bytesInOutput":888}},"bytes":1136},"dist/chunk-AXLZTSBX.mjs":{"imports":[],"exports":["popoverContentProps","popoverListItemProps","popoverProps","singletonPopoverProps"],"inputs":{"src/modules/popover.props.ts":{"bytesInOutput":1171}},"bytes":1303},"dist/trigger.mjs":{"imports":[{"path":"dist/chunk-2A6U22TT.mjs","kind":"import-statement"},{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpPopoverTrigger"],"entryPoint":"src/trigger.tsx","inputs":{},"bytes":183},"dist/chunk-2A6U22TT.mjs":{"imports":[{"path":"dist/chunk-3D72WCOZ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpPopoverTrigger"],"inputs":{"src/trigger.tsx":{"bytesInOutput":953}},"bytes":1065},"dist/chunk-3D72WCOZ.mjs":{"imports":[{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@floating-ui/vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true}],"exports":["usePopover","usePopoverContent","usePopoverList","usePopoverListItem","usePopoverTrigger","useSingletonPopover"],"inputs":{"src/modules/popover.hooks.ts":{"bytesInOutput":7784}},"bytes":8057},"dist/modules/popover.context.mjs":{"imports":[{"path":"dist/chunk-2ZUCITXI.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["PopoverProvider","usePopoverContext"],"entryPoint":"src/modules/popover.context.ts","inputs":{},"bytes":163},"dist/chunk-2ZUCITXI.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["PopoverProvider","usePopoverContext"],"inputs":{"src/modules/popover.context.ts":{"bytesInOutput":146}},"bytes":232},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}

package/dist/modules/popover.hooks.d.mts

@@ -97,11 +97,11 @@ declare function usePopoverListItem(props: PopoverListItemProps): {
         'data-pixel-component': string;
         role: string | undefined;
         class: string;
-        disabled: boolean | undefined;
+        disabled: true | undefined;
         'data-highlight': true | undefined;
         'data-active': true | undefined;
-        onmouseenter: () => true;
-        onmouseleave: () => false;
+        onmouseenter: () => void;
+        onmouseleave: () => void;
         onClick: () => void;
     }>;
     contentAttrs: {

package/dist/modules/popover.hooks.d.ts

@@ -97,11 +97,11 @@ declare function usePopoverListItem(props: PopoverListItemProps): {
         'data-pixel-component': string;
         role: string | undefined;
         class: string;
-        disabled: boolean | undefined;
+        disabled: true | undefined;
         'data-highlight': true | undefined;
         'data-active': true | undefined;
-        onmouseenter: () => true;
-        onmouseleave: () => false;
+        onmouseenter: () => void;
+        onmouseleave: () => void;
         onClick: () => void;
     }>;
     contentAttrs: {

package/dist/modules/popover.hooks.js

@@ -313,14 +313,24 @@ function usePopoverListItem(props) {
   const rootAttrs = (0, import_vue.computed)(() => {
     return {
       "data-pixel-component": "MpPopoverListItem",
-      role: props.role,
+      role: props.role || void 0,
       class: (0, import_recipes.popoverListItemRecipe)(),
-      disabled: props.isDisabled,
+      disabled: props.isDisabled || void 0,
       "data-highlight": isHighligted.value || void 0,
       "data-active": props.isActive || void 0,
-      onmouseenter: () => isHighligted.value = true,
-      onmouseleave: () => isHighligted.value = false,
+      onmouseenter: () => {
+        if (props.isDisabled)
+          return;
+        isHighligted.value = true;
+      },
+      onmouseleave: () => {
+        if (props.isDisabled)
+          return;
+        isHighligted.value = false;
+      },
       onClick: () => {
+        if (props.isDisabled)
+          return;
         if (isCloseOnSelect.value) {
           onClosePopover();
         }

package/dist/modules/popover.hooks.mjs

@@ -5,7 +5,7 @@ import {
   usePopoverListItem,
   usePopoverTrigger,
   useSingletonPopover
-} from "../chunk-CXMHX2LF.mjs";
+} from "../chunk-3D72WCOZ.mjs";
 import "../chunk-2ZUCITXI.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {

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

@@ -1,7 +1,7 @@
-import { ComponentPublicInstance, Ref, PropType, ExtractPropTypes } from 'vue';
-import { Placement } from '@floating-ui/vue';
+import { ComponentPublicInstance, Ref, PropType, Component, ExtractPropTypes } from 'vue';
 import { ComponentWithProps } from '@mekari/pixel3-utils';
 import { PopoverTrigger } from './popover.types.mjs';
+import { Placement } from '@floating-ui/vue';
 
 type MaybeElement = ComponentPublicInstance | null | undefined;
 type TriggerNode = Readonly<Ref<MaybeElement>>;
@@ -122,7 +122,8 @@ declare const popoverContentProps: {
 };
 declare const popoverListItemProps: {
     as: {
-        type: PropType<string>;
+        type: PropType<keyof HTMLElementTagNameMap | Component>;
+        default: string;
     };
     role: {
         type: PropType<string>;
@@ -142,7 +143,9 @@ type PopoverProps = ExtractPropTypes<typeof popoverProps>;
 type SingletonPopoverProps = ExtractPropTypes<typeof singletonPopoverProps>;
 type PopoverContentEmits = (e: 'blur' | 'escape', value?: unknown) => void;
 type PopoverContentProps = ExtractPropTypes<typeof popoverContentProps>;
-type PopoverListItemProps = ExtractPropTypes<typeof popoverListItemProps>;
+type PopoverListItemProps = Omit<ExtractPropTypes<typeof popoverListItemProps>, 'as'> & {
+    as?: Component | keyof HTMLElementTagNameMap;
+};
 type MpPopoverContentType = ComponentWithProps<PopoverContentProps>;
 
 export { MaybeElement, MpPopoverContentType, PopoverContentEmits, PopoverContentProps, PopoverEmits, PopoverListItemProps, PopoverProps, SingletonPopoverProps, TriggerNode, popoverContentProps, popoverListItemProps, popoverProps, singletonPopoverProps };

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

@@ -1,7 +1,7 @@
-import { ComponentPublicInstance, Ref, PropType, ExtractPropTypes } from 'vue';
-import { Placement } from '@floating-ui/vue';
+import { ComponentPublicInstance, Ref, PropType, Component, ExtractPropTypes } from 'vue';
 import { ComponentWithProps } from '@mekari/pixel3-utils';
 import { PopoverTrigger } from './popover.types.js';
+import { Placement } from '@floating-ui/vue';
 
 type MaybeElement = ComponentPublicInstance | null | undefined;
 type TriggerNode = Readonly<Ref<MaybeElement>>;
@@ -122,7 +122,8 @@ declare const popoverContentProps: {
 };
 declare const popoverListItemProps: {
     as: {
-        type: PropType<string>;
+        type: PropType<keyof HTMLElementTagNameMap | Component>;
+        default: string;
     };
     role: {
         type: PropType<string>;
@@ -142,7 +143,9 @@ type PopoverProps = ExtractPropTypes<typeof popoverProps>;
 type SingletonPopoverProps = ExtractPropTypes<typeof singletonPopoverProps>;
 type PopoverContentEmits = (e: 'blur' | 'escape', value?: unknown) => void;
 type PopoverContentProps = ExtractPropTypes<typeof popoverContentProps>;
-type PopoverListItemProps = ExtractPropTypes<typeof popoverListItemProps>;
+type PopoverListItemProps = Omit<ExtractPropTypes<typeof popoverListItemProps>, 'as'> & {
+    as?: Component | keyof HTMLElementTagNameMap;
+};
 type MpPopoverContentType = ComponentWithProps<PopoverContentProps>;
 
 export { MaybeElement, MpPopoverContentType, PopoverContentEmits, PopoverContentProps, PopoverEmits, PopoverListItemProps, PopoverProps, SingletonPopoverProps, TriggerNode, popoverContentProps, popoverListItemProps, popoverProps, singletonPopoverProps };

package/dist/modules/popover.props.js

@@ -94,7 +94,8 @@ var popoverContentProps = {
 };
 var popoverListItemProps = {
   as: {
-    type: String
+    type: [String, Object],
+    default: "button"
   },
   role: {
     type: String

package/dist/modules/popover.props.mjs

@@ -3,7 +3,7 @@ import {
   popoverListItemProps,
   popoverProps,
   singletonPopoverProps
-} from "../chunk-ACYTEMPK.mjs";
+} from "../chunk-AXLZTSBX.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   popoverContentProps,

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

@@ -1,3 +1,5 @@
+export { Placement as PopoverPlacement } from '@floating-ui/vue';
+
 type PopoverTrigger = 'click' | 'hover';
 
 export { PopoverTrigger };

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

@@ -1,3 +1,5 @@
+export { Placement as PopoverPlacement } from '@floating-ui/vue';
+
 type PopoverTrigger = 'click' | 'hover';
 
 export { PopoverTrigger };

package/dist/popover.d.mts

@@ -1,7 +1,7 @@
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import * as vue from 'vue';
-import * as _floating_ui_vue from '@floating-ui/vue';
 import { PopoverTrigger } from './modules/popover.types.mjs';
+import * as _floating_ui_vue from '@floating-ui/vue';
 
 declare const MpPopover: vue.DefineComponent<{
     placement: {
@@ -54,7 +54,7 @@ declare const MpPopover: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("open" | "close")[], "open" | "close", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("close" | "open")[], "close" | "open", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     placement: {
         type: vue.PropType<_floating_ui_vue.Placement>;
         default: string;
@@ -106,8 +106,8 @@ declare const MpPopover: vue.DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
 }, {
     placement: _floating_ui_vue.Placement;
     trigger: PopoverTrigger;

package/dist/popover.d.ts

@@ -1,7 +1,7 @@
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import * as vue from 'vue';
-import * as _floating_ui_vue from '@floating-ui/vue';
 import { PopoverTrigger } from './modules/popover.types.js';
+import * as _floating_ui_vue from '@floating-ui/vue';
 
 declare const MpPopover: vue.DefineComponent<{
     placement: {
@@ -54,7 +54,7 @@ declare const MpPopover: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("open" | "close")[], "open" | "close", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("close" | "open")[], "close" | "open", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     placement: {
         type: vue.PropType<_floating_ui_vue.Placement>;
         default: string;
@@ -106,8 +106,8 @@ declare const MpPopover: vue.DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
 }, {
     placement: _floating_ui_vue.Placement;
     trigger: PopoverTrigger;

package/dist/popover.mjs

@@ -1,8 +1,8 @@
 import {
   MpPopover
-} from "./chunk-4GAXC7I4.mjs";
-import "./chunk-ACYTEMPK.mjs";
-import "./chunk-CXMHX2LF.mjs";
+} from "./chunk-XLGDD5UZ.mjs";
+import "./chunk-AXLZTSBX.mjs";
+import "./chunk-3D72WCOZ.mjs";
 import "./chunk-2ZUCITXI.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/dist/singleton-popover.d.mts

@@ -59,7 +59,7 @@ declare const MpSingletonPopover: vue.DefineComponent<{
     triggerNode: {
         type: vue.PropType<Readonly<vue.Ref<MaybeElement>>>;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("open" | "close")[], "open" | "close", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("close" | "open")[], "close" | "open", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     placement: {
         type: vue.PropType<_floating_ui_vue.Placement>;
         default: string;
@@ -114,8 +114,8 @@ declare const MpSingletonPopover: vue.DefineComponent<{
         type: vue.PropType<Readonly<vue.Ref<MaybeElement>>>;
     };
 }>> & {
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
 }, {
     placement: _floating_ui_vue.Placement;
     trigger: PopoverTrigger;

package/dist/singleton-popover.d.ts

@@ -59,7 +59,7 @@ declare const MpSingletonPopover: vue.DefineComponent<{
     triggerNode: {
         type: vue.PropType<Readonly<vue.Ref<MaybeElement>>>;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("open" | "close")[], "open" | "close", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("close" | "open")[], "close" | "open", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     placement: {
         type: vue.PropType<_floating_ui_vue.Placement>;
         default: string;
@@ -114,8 +114,8 @@ declare const MpSingletonPopover: vue.DefineComponent<{
         type: vue.PropType<Readonly<vue.Ref<MaybeElement>>>;
     };
 }>> & {
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
 }, {
     placement: _floating_ui_vue.Placement;
     trigger: PopoverTrigger;

package/dist/singleton-popover.mjs

@@ -1,8 +1,8 @@
 import {
   MpSingletonPopover
-} from "./chunk-SUZLQ7PX.mjs";
-import "./chunk-ACYTEMPK.mjs";
-import "./chunk-CXMHX2LF.mjs";
+} from "./chunk-ZRSTOSDN.mjs";
+import "./chunk-AXLZTSBX.mjs";
+import "./chunk-3D72WCOZ.mjs";
 import "./chunk-2ZUCITXI.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/dist/trigger.mjs

@@ -1,7 +1,7 @@
 import {
   MpPopoverTrigger
-} from "./chunk-NELKHTBU.mjs";
-import "./chunk-CXMHX2LF.mjs";
+} from "./chunk-2A6U22TT.mjs";
+import "./chunk-3D72WCOZ.mjs";
 import "./chunk-2ZUCITXI.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mekari/pixel3-popover",
   "description": "Popover component for mekari pixel 3",
-  "version": "0.0.17-dev.5",
+  "version": "0.0.17-dev.6",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
@@ -9,9 +9,9 @@
   ],
   "dependencies": {
     "@floating-ui/vue": "^1.0.6",
-    "@mekari/pixel3-icon": "0.0.17-dev.5",
-    "@mekari/pixel3-styled-system": "0.1.2-dev.3",
-    "@mekari/pixel3-utils": "0.0.7-dev.1"
+    "@mekari/pixel3-icon": "0.0.17-dev.6",
+    "@mekari/pixel3-styled-system": "0.1.2-dev.4",
+    "@mekari/pixel3-utils": "0.0.7-dev.2"
   },
   "peerDependencies": {
     "vue": "^3.4.9"