@mekari/pixel3-tabs 0.0.14-dev.0 → 0.0.14-dev.2

package/dist/chunk-BL274B26.mjs

@@ -0,0 +1,36 @@
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/modules/tabs.utils.ts
+var isValidChild = /* @__PURE__ */ __name((node, {
+  nodeName,
+  allowedNodes
+}) => {
+  const name = node.type.name;
+  const isValid = allowedNodes.includes(name);
+  if (!isValid) {
+    console.warn(`[Pixel]: Invalid child component of ${nodeName}. Only ${allowedNodes.join(" and ")} are allowed.`);
+  }
+  return isValid;
+}, "isValidChild");
+var getValidChildrens = /* @__PURE__ */ __name((children, options) => {
+  const validChildrens = [];
+  children.forEach((child) => {
+    const isVueFragment = typeof child.type === "symbol" && Symbol.keyFor(child.type) === "v-fgt";
+    if (isVueFragment) {
+      child.children.forEach((subChild) => {
+        if (isValidChild(subChild, options))
+          validChildrens.push(subChild);
+      });
+    } else {
+      if (isValidChild(child, options))
+        validChildrens.push(child);
+    }
+  });
+  return validChildrens;
+}, "getValidChildrens");
+
+export {
+  getValidChildrens
+};

package/dist/{chunk-SMPQ5Z7S.mjs → chunk-NAYD3AQO.mjs}

@@ -12,7 +12,7 @@ import {
 // src/tab.tsx
 import { createVNode as _createVNode } from "vue";
 import { defineComponent, unref } from "vue";
-import { selectedBorderRecipe } from "@mekari/pixel3-styled-system/recipes";
+import { tabSelectedBorderRecipe } from "@mekari/pixel3-styled-system/recipes";
 var MpTab = defineComponent({
   name: "MpTab",
   props: tabProps,
@@ -41,7 +41,7 @@ var MpTabSelectedBorder = defineComponent({
     } = rootProps;
     return () => {
       return _createVNode("div", {
-        "class": selectedBorderRecipe({
+        "class": tabSelectedBorderRecipe({
           isSelected: props.isSelected,
           variantColor: unref(variantColor)
         }),

package/dist/{chunk-D6AW4HES.mjs → chunk-PK7I5463.mjs}

@@ -1,3 +1,6 @@
+import {
+  getValidChildrens
+} from "./chunk-BL274B26.mjs";
 import {
   useTabPanels
 } from "./chunk-LHXOFCTX.mjs";
@@ -15,7 +18,12 @@ var MpTabPanels = defineComponent({
       selectedTab
     } = useTabPanels();
     return () => {
-      const clones = slots.default().map((vnode, index) => {
+      const children = slots.default && slots.default();
+      const validChildrens = getValidChildrens(children || [], {
+        nodeName: "MpTabPanels",
+        allowedNodes: ["MpTabPanel"]
+      });
+      const clones = validChildrens.map((vnode, index) => {
         const clone = cloneVNode(vnode, {
           isSelected: selectedTab.value === index
         });

package/dist/{chunk-46QYKUG3.mjs → chunk-XFNUNL7H.mjs}

@@ -1,3 +1,6 @@
+import {
+  getValidChildrens
+} from "./chunk-BL274B26.mjs";
 import {
   useTabList
 } from "./chunk-LHXOFCTX.mjs";
@@ -17,7 +20,12 @@ var MpTabList = defineComponent({
       selectedTab
     } = useTabList();
     return () => {
-      const clones = slots.default().map((vnode, index) => {
+      const children = slots.default && slots.default();
+      const validChildrens = getValidChildrens(children || [], {
+        nodeName: "MpTabList",
+        allowedNodes: ["MpTab"]
+      });
+      const clones = validChildrens.map((vnode, index) => {
         const clone = cloneVNode(vnode, {
           isSelected: selectedTab.value === index,
           index,

package/dist/index.js

@@ -252,6 +252,37 @@ var MpTabs = (0, import_vue3.defineComponent)({
 // src/tab-list.tsx
 var import_vue5 = require("vue");
 var import_vue6 = require("vue");
+
+// src/modules/tabs.utils.ts
+var isValidChild = /* @__PURE__ */ __name((node, {
+  nodeName,
+  allowedNodes
+}) => {
+  const name = node.type.name;
+  const isValid = allowedNodes.includes(name);
+  if (!isValid) {
+    console.warn(`[Pixel]: Invalid child component of ${nodeName}. Only ${allowedNodes.join(" and ")} are allowed.`);
+  }
+  return isValid;
+}, "isValidChild");
+var getValidChildrens = /* @__PURE__ */ __name((children, options) => {
+  const validChildrens = [];
+  children.forEach((child) => {
+    const isVueFragment = typeof child.type === "symbol" && Symbol.keyFor(child.type) === "v-fgt";
+    if (isVueFragment) {
+      child.children.forEach((subChild) => {
+        if (isValidChild(subChild, options))
+          validChildrens.push(subChild);
+      });
+    } else {
+      if (isValidChild(child, options))
+        validChildrens.push(child);
+    }
+  });
+  return validChildrens;
+}, "getValidChildrens");
+
+// src/tab-list.tsx
 var MpTabList = (0, import_vue6.defineComponent)({
   name: "MpTabList",
   setup(props, {
@@ -264,7 +295,12 @@ var MpTabList = (0, import_vue6.defineComponent)({
       selectedTab
     } = useTabList();
     return () => {
-      const clones = slots.default().map((vnode, index) => {
+      const children = slots.default && slots.default();
+      const validChildrens = getValidChildrens(children || [], {
+        nodeName: "MpTabList",
+        allowedNodes: ["MpTab"]
+      });
+      const clones = validChildrens.map((vnode, index) => {
         const clone = (0, import_vue6.cloneVNode)(vnode, {
           isSelected: selectedTab.value === index,
           index,
@@ -312,7 +348,7 @@ var MpTabSelectedBorder = (0, import_vue8.defineComponent)({
     } = rootProps;
     return () => {
       return (0, import_vue7.createVNode)("div", {
-        "class": (0, import_recipes2.selectedBorderRecipe)({
+        "class": (0, import_recipes2.tabSelectedBorderRecipe)({
           isSelected: props.isSelected,
           variantColor: (0, import_vue8.unref)(variantColor)
         }),
@@ -335,7 +371,12 @@ var MpTabPanels = (0, import_vue10.defineComponent)({
       selectedTab
     } = useTabPanels();
     return () => {
-      const clones = slots.default().map((vnode, index) => {
+      const children = slots.default && slots.default();
+      const validChildrens = getValidChildrens(children || [], {
+        nodeName: "MpTabPanels",
+        allowedNodes: ["MpTabPanel"]
+      });
+      const clones = validChildrens.map((vnode, index) => {
         const clone = (0, import_vue10.cloneVNode)(vnode, {
           isSelected: selectedTab.value === index
         });

package/dist/index.mjs

@@ -1,15 +1,16 @@
 import {
   MpTabList
-} from "./chunk-46QYKUG3.mjs";
+} from "./chunk-XFNUNL7H.mjs";
 import {
   MpTabPanel
 } from "./chunk-BNHJW7SW.mjs";
 import {
   MpTabPanels
-} from "./chunk-D6AW4HES.mjs";
+} from "./chunk-PK7I5463.mjs";
+import "./chunk-BL274B26.mjs";
 import {
   MpTab
-} from "./chunk-SMPQ5Z7S.mjs";
+} from "./chunk-NAYD3AQO.mjs";
 import {
   MpTabs
 } from "./chunk-VC24XC6J.mjs";

package/dist/metafile-cjs.json

@@ -1 +1 @@
-{"inputs":{"src/modules/tabs.props.ts":{"bytes":1691,"imports":[],"format":"esm"},"src/modules/tabs.context.ts":{"bytes":559,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tabs.hooks.ts":{"bytes":2855,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./tabs.context"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/tabs.tsx":{"bytes":838,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./modules/tabs.context"}],"format":"esm"},"src/tab-list.tsx":{"bytes":919,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"}],"format":"esm"},"src/tab.tsx":{"bytes":1322,"imports":[{"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},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./modules/tabs.context"}],"format":"esm"},"src/tab-panels.tsx":{"bytes":705,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"}],"format":"esm"},"src/tab-panel.tsx":{"bytes":744,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"}],"format":"esm"},"src/index.ts":{"bytes":218,"imports":[{"path":"src/tabs.tsx","kind":"import-statement","original":"./tabs"},{"path":"src/tab-list.tsx","kind":"import-statement","original":"./tab-list"},{"path":"src/tab.tsx","kind":"import-statement","original":"./tab"},{"path":"src/tab-panels.tsx","kind":"import-statement","original":"./tab-panels"},{"path":"src/tab-panel.tsx","kind":"import-statement","original":"./tab-panel"}],"format":"esm"}},"outputs":{"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":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","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":"@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":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":235},"src/tabs.tsx":{"bytesInOutput":623},"src/modules/tabs.props.ts":{"bytesInOutput":746},"src/modules/tabs.hooks.ts":{"bytesInOutput":2884},"src/modules/tabs.context.ts":{"bytesInOutput":159},"src/tab-list.tsx":{"bytesInOutput":799},"src/tab.tsx":{"bytesInOutput":1137},"src/tab-panels.tsx":{"bytesInOutput":577},"src/tab-panel.tsx":{"bytesInOutput":556}},"bytes":9011},"dist/tab-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":"@mekari/pixel3-styled-system/recipes","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/tab-list.tsx","inputs":{"src/tab-list.tsx":{"bytesInOutput":937},"src/modules/tabs.hooks.ts":{"bytesInOutput":778},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":3000},"dist/tab-panel.js":{"imports":[{"path":"vue","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":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/tab-panel.tsx","inputs":{"src/tab-panel.tsx":{"bytesInOutput":693},"src/modules/tabs.hooks.ts":{"bytesInOutput":485},"src/modules/tabs.context.ts":{"bytesInOutput":159},"src/modules/tabs.props.ts":{"bytesInOutput":155}},"bytes":2651},"dist/tab-panels.js":{"imports":[{"path":"vue","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":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/tab-panels.tsx","inputs":{"src/tab-panels.tsx":{"bytesInOutput":722},"src/modules/tabs.hooks.ts":{"bytesInOutput":449},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":2462},"dist/tab.js":{"imports":[{"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":"@mekari/pixel3-styled-system/recipes","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/tab.tsx","inputs":{"src/tab.tsx":{"bytesInOutput":1252},"src/modules/tabs.props.ts":{"bytesInOutput":289},"src/modules/tabs.hooks.ts":{"bytesInOutput":908},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":3750},"dist/tabs.js":{"imports":[{"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-styled-system/recipes","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/tabs.tsx","inputs":{"src/tabs.tsx":{"bytesInOutput":743},"src/modules/tabs.props.ts":{"bytesInOutput":302},"src/modules/tabs.hooks.ts":{"bytesInOutput":916},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":3265},"dist/modules/tabs.context.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/tabs.context.ts","inputs":{"src/modules/tabs.context.ts":{"bytesInOutput":355}},"bytes":1310},"dist/modules/tabs.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","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/tabs.hooks.ts","inputs":{"src/modules/tabs.hooks.ts":{"bytesInOutput":3150},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":4446},"dist/modules/tabs.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/tabs.props.ts","inputs":{"src/modules/tabs.props.ts":{"bytesInOutput":1006}},"bytes":1990}}}
+{"inputs":{"src/modules/tabs.props.ts":{"bytes":1691,"imports":[],"format":"esm"},"src/modules/tabs.context.ts":{"bytes":559,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tabs.hooks.ts":{"bytes":2855,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./tabs.context"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/tabs.tsx":{"bytes":838,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./modules/tabs.context"}],"format":"esm"},"src/modules/tabs.utils.ts":{"bytes":1474,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/tab-list.tsx":{"bytes":1170,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.utils.ts","kind":"import-statement","original":"./modules/tabs.utils"}],"format":"esm"},"src/tab.tsx":{"bytes":1328,"imports":[{"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},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./modules/tabs.context"}],"format":"esm"},"src/tab-panels.tsx":{"bytes":963,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.utils.ts","kind":"import-statement","original":"./modules/tabs.utils"}],"format":"esm"},"src/tab-panel.tsx":{"bytes":744,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"}],"format":"esm"},"src/index.ts":{"bytes":218,"imports":[{"path":"src/tabs.tsx","kind":"import-statement","original":"./tabs"},{"path":"src/tab-list.tsx","kind":"import-statement","original":"./tab-list"},{"path":"src/tab.tsx","kind":"import-statement","original":"./tab"},{"path":"src/tab-panels.tsx","kind":"import-statement","original":"./tab-panels"},{"path":"src/tab-panel.tsx","kind":"import-statement","original":"./tab-panel"}],"format":"esm"}},"outputs":{"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":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","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":"@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":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":235},"src/tabs.tsx":{"bytesInOutput":623},"src/modules/tabs.props.ts":{"bytesInOutput":746},"src/modules/tabs.hooks.ts":{"bytesInOutput":2884},"src/modules/tabs.context.ts":{"bytesInOutput":159},"src/tab-list.tsx":{"bytesInOutput":993},"src/modules/tabs.utils.ts":{"bytesInOutput":891},"src/tab.tsx":{"bytesInOutput":1140},"src/tab-panels.tsx":{"bytesInOutput":778},"src/tab-panel.tsx":{"bytesInOutput":556}},"bytes":10351},"dist/tab-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":"@mekari/pixel3-styled-system/recipes","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/tab-list.tsx","inputs":{"src/tab-list.tsx":{"bytesInOutput":1131},"src/modules/tabs.hooks.ts":{"bytesInOutput":778},"src/modules/tabs.context.ts":{"bytesInOutput":159},"src/modules/tabs.utils.ts":{"bytesInOutput":891}},"bytes":4115},"dist/tab-panel.js":{"imports":[{"path":"vue","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":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/tab-panel.tsx","inputs":{"src/tab-panel.tsx":{"bytesInOutput":693},"src/modules/tabs.hooks.ts":{"bytesInOutput":485},"src/modules/tabs.context.ts":{"bytesInOutput":159},"src/modules/tabs.props.ts":{"bytesInOutput":155}},"bytes":2651},"dist/tab-panels.js":{"imports":[{"path":"vue","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":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/tab-panels.tsx","inputs":{"src/tab-panels.tsx":{"bytesInOutput":923},"src/modules/tabs.hooks.ts":{"bytesInOutput":449},"src/modules/tabs.context.ts":{"bytesInOutput":159},"src/modules/tabs.utils.ts":{"bytesInOutput":891}},"bytes":3584},"dist/tab.js":{"imports":[{"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":"@mekari/pixel3-styled-system/recipes","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/tab.tsx","inputs":{"src/tab.tsx":{"bytesInOutput":1255},"src/modules/tabs.props.ts":{"bytesInOutput":289},"src/modules/tabs.hooks.ts":{"bytesInOutput":908},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":3753},"dist/tabs.js":{"imports":[{"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-styled-system/recipes","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/tabs.tsx","inputs":{"src/tabs.tsx":{"bytesInOutput":743},"src/modules/tabs.props.ts":{"bytesInOutput":302},"src/modules/tabs.hooks.ts":{"bytesInOutput":916},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":3265},"dist/modules/tabs.context.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/tabs.context.ts","inputs":{"src/modules/tabs.context.ts":{"bytesInOutput":355}},"bytes":1310},"dist/modules/tabs.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","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/tabs.hooks.ts","inputs":{"src/modules/tabs.hooks.ts":{"bytesInOutput":3150},"src/modules/tabs.context.ts":{"bytesInOutput":159}},"bytes":4446},"dist/modules/tabs.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/tabs.props.ts","inputs":{"src/modules/tabs.props.ts":{"bytesInOutput":1006}},"bytes":1990},"dist/modules/tabs.utils.js":{"imports":[],"exports":[],"entryPoint":"src/modules/tabs.utils.ts","inputs":{"src/modules/tabs.utils.ts":{"bytesInOutput":1051}},"bytes":2081}}}

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/modules/tabs.props.ts":{"bytes":1691,"imports":[],"format":"esm"},"src/modules/tabs.context.ts":{"bytes":559,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tabs.hooks.ts":{"bytes":2855,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./tabs.context"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/tabs.tsx":{"bytes":838,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./modules/tabs.context"}],"format":"esm"},"src/tab-list.tsx":{"bytes":919,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"}],"format":"esm"},"src/tab.tsx":{"bytes":1322,"imports":[{"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},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./modules/tabs.context"}],"format":"esm"},"src/tab-panels.tsx":{"bytes":705,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"}],"format":"esm"},"src/tab-panel.tsx":{"bytes":744,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"}],"format":"esm"},"src/index.ts":{"bytes":218,"imports":[{"path":"src/tabs.tsx","kind":"import-statement","original":"./tabs"},{"path":"src/tab-list.tsx","kind":"import-statement","original":"./tab-list"},{"path":"src/tab.tsx","kind":"import-statement","original":"./tab"},{"path":"src/tab-panels.tsx","kind":"import-statement","original":"./tab-panels"},{"path":"src/tab-panel.tsx","kind":"import-statement","original":"./tab-panel"}],"format":"esm"}},"outputs":{"dist/modules/tabs.props.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["selectedBorderProps","tabPanelProps","tabProps","tabsProps"],"entryPoint":"src/modules/tabs.props.ts","inputs":{},"bytes":213},"dist/index.mjs":{"imports":[{"path":"dist/chunk-46QYKUG3.mjs","kind":"import-statement"},{"path":"dist/chunk-BNHJW7SW.mjs","kind":"import-statement"},{"path":"dist/chunk-D6AW4HES.mjs","kind":"import-statement"},{"path":"dist/chunk-SMPQ5Z7S.mjs","kind":"import-statement"},{"path":"dist/chunk-VC24XC6J.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTab","MpTabList","MpTabPanel","MpTabPanels","MpTabs"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":452},"dist/tab-list.mjs":{"imports":[{"path":"dist/chunk-46QYKUG3.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTabList"],"entryPoint":"src/tab-list.tsx","inputs":{},"bytes":169},"dist/chunk-46QYKUG3.mjs":{"imports":[{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTabList"],"inputs":{"src/tab-list.tsx":{"bytesInOutput":767}},"bytes":866},"dist/tab-panel.mjs":{"imports":[{"path":"dist/chunk-BNHJW7SW.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTabPanel"],"entryPoint":"src/tab-panel.tsx","inputs":{},"bytes":202},"dist/chunk-BNHJW7SW.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTabPanel"],"inputs":{"src/tab-panel.tsx":{"bytesInOutput":544}},"bytes":702},"dist/tab-panels.mjs":{"imports":[{"path":"dist/chunk-D6AW4HES.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTabPanels"],"entryPoint":"src/tab-panels.tsx","inputs":{},"bytes":173},"dist/chunk-D6AW4HES.mjs":{"imports":[{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTabPanels"],"inputs":{"src/tab-panels.tsx":{"bytesInOutput":558}},"bytes":663},"dist/tab.mjs":{"imports":[{"path":"dist/chunk-SMPQ5Z7S.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTab"],"entryPoint":"src/tab.tsx","inputs":{},"bytes":192},"dist/chunk-SMPQ5Z7S.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.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":["MpTab"],"inputs":{"src/tab.tsx":{"bytesInOutput":1052}},"bytes":1269},"dist/tabs.mjs":{"imports":[{"path":"dist/chunk-VC24XC6J.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTabs"],"entryPoint":"src/tabs.tsx","inputs":{},"bytes":194},"dist/chunk-VC24XC6J.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTabs"],"inputs":{"src/tabs.tsx":{"bytesInOutput":591}},"bytes":787},"dist/chunk-S4TZOCG7.mjs":{"imports":[],"exports":["selectedBorderProps","tabPanelProps","tabProps","tabsProps"],"inputs":{"src/modules/tabs.props.ts":{"bytesInOutput":746}},"bytes":852},"dist/modules/tabs.context.mjs":{"imports":[{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["TabsProvider","useTabsContext"],"entryPoint":"src/modules/tabs.context.ts","inputs":{},"bytes":151},"dist/modules/tabs.hooks.mjs":{"imports":[{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useTab","useTabList","useTabPanel","useTabPanels","useTabs"],"entryPoint":"src/modules/tabs.hooks.ts","inputs":{},"bytes":247},"dist/chunk-LHXOFCTX.mjs":{"imports":[{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useTab","useTabList","useTabPanel","useTabPanels","useTabs"],"inputs":{"src/modules/tabs.hooks.ts":{"bytesInOutput":2664}},"bytes":2878},"dist/chunk-S5AGDSR2.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["TabsProvider","useTabsContext"],"inputs":{"src/modules/tabs.context.ts":{"bytesInOutput":137}},"bytes":214},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
+{"inputs":{"src/modules/tabs.props.ts":{"bytes":1691,"imports":[],"format":"esm"},"src/modules/tabs.context.ts":{"bytes":559,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/modules/tabs.hooks.ts":{"bytes":2855,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./tabs.context"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/tabs.tsx":{"bytes":838,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./modules/tabs.context"}],"format":"esm"},"src/modules/tabs.utils.ts":{"bytes":1474,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/tab-list.tsx":{"bytes":1170,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.utils.ts","kind":"import-statement","original":"./modules/tabs.utils"}],"format":"esm"},"src/tab.tsx":{"bytes":1328,"imports":[{"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},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.context.ts","kind":"import-statement","original":"./modules/tabs.context"}],"format":"esm"},"src/tab-panels.tsx":{"bytes":963,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.utils.ts","kind":"import-statement","original":"./modules/tabs.utils"}],"format":"esm"},"src/tab-panel.tsx":{"bytes":744,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/tabs.hooks.ts","kind":"import-statement","original":"./modules/tabs.hooks"},{"path":"src/modules/tabs.props.ts","kind":"import-statement","original":"./modules/tabs.props"}],"format":"esm"},"src/index.ts":{"bytes":218,"imports":[{"path":"src/tabs.tsx","kind":"import-statement","original":"./tabs"},{"path":"src/tab-list.tsx","kind":"import-statement","original":"./tab-list"},{"path":"src/tab.tsx","kind":"import-statement","original":"./tab"},{"path":"src/tab-panels.tsx","kind":"import-statement","original":"./tab-panels"},{"path":"src/tab-panel.tsx","kind":"import-statement","original":"./tab-panel"}],"format":"esm"}},"outputs":{"dist/modules/tabs.props.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["selectedBorderProps","tabPanelProps","tabProps","tabsProps"],"entryPoint":"src/modules/tabs.props.ts","inputs":{},"bytes":213},"dist/modules/tabs.utils.mjs":{"imports":[{"path":"dist/chunk-BL274B26.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getValidChildrens"],"entryPoint":"src/modules/tabs.utils.ts","inputs":{},"bytes":125},"dist/index.mjs":{"imports":[{"path":"dist/chunk-XFNUNL7H.mjs","kind":"import-statement"},{"path":"dist/chunk-BNHJW7SW.mjs","kind":"import-statement"},{"path":"dist/chunk-PK7I5463.mjs","kind":"import-statement"},{"path":"dist/chunk-BL274B26.mjs","kind":"import-statement"},{"path":"dist/chunk-NAYD3AQO.mjs","kind":"import-statement"},{"path":"dist/chunk-VC24XC6J.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTab","MpTabList","MpTabPanel","MpTabPanels","MpTabs"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":483},"dist/tab-list.mjs":{"imports":[{"path":"dist/chunk-XFNUNL7H.mjs","kind":"import-statement"},{"path":"dist/chunk-BL274B26.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTabList"],"entryPoint":"src/tab-list.tsx","inputs":{},"bytes":200},"dist/chunk-XFNUNL7H.mjs":{"imports":[{"path":"dist/chunk-BL274B26.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTabList"],"inputs":{"src/tab-list.tsx":{"bytesInOutput":961}},"bytes":1120},"dist/tab-panel.mjs":{"imports":[{"path":"dist/chunk-BNHJW7SW.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTabPanel"],"entryPoint":"src/tab-panel.tsx","inputs":{},"bytes":202},"dist/chunk-BNHJW7SW.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTabPanel"],"inputs":{"src/tab-panel.tsx":{"bytesInOutput":544}},"bytes":702},"dist/tab-panels.mjs":{"imports":[{"path":"dist/chunk-PK7I5463.mjs","kind":"import-statement"},{"path":"dist/chunk-BL274B26.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTabPanels"],"entryPoint":"src/tab-panels.tsx","inputs":{},"bytes":204},"dist/chunk-PK7I5463.mjs":{"imports":[{"path":"dist/chunk-BL274B26.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTabPanels"],"inputs":{"src/tab-panels.tsx":{"bytesInOutput":759}},"bytes":924},"dist/chunk-BL274B26.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getValidChildrens"],"inputs":{"src/modules/tabs.utils.ts":{"bytesInOutput":891}},"bytes":1003},"dist/tab.mjs":{"imports":[{"path":"dist/chunk-NAYD3AQO.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTab"],"entryPoint":"src/tab.tsx","inputs":{},"bytes":192},"dist/chunk-NAYD3AQO.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.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":["MpTab"],"inputs":{"src/tab.tsx":{"bytesInOutput":1058}},"bytes":1275},"dist/tabs.mjs":{"imports":[{"path":"dist/chunk-VC24XC6J.mjs","kind":"import-statement"},{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpTabs"],"entryPoint":"src/tabs.tsx","inputs":{},"bytes":194},"dist/chunk-VC24XC6J.mjs":{"imports":[{"path":"dist/chunk-S4TZOCG7.mjs","kind":"import-statement"},{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpTabs"],"inputs":{"src/tabs.tsx":{"bytesInOutput":591}},"bytes":787},"dist/chunk-S4TZOCG7.mjs":{"imports":[],"exports":["selectedBorderProps","tabPanelProps","tabProps","tabsProps"],"inputs":{"src/modules/tabs.props.ts":{"bytesInOutput":746}},"bytes":852},"dist/modules/tabs.context.mjs":{"imports":[{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["TabsProvider","useTabsContext"],"entryPoint":"src/modules/tabs.context.ts","inputs":{},"bytes":151},"dist/modules/tabs.hooks.mjs":{"imports":[{"path":"dist/chunk-LHXOFCTX.mjs","kind":"import-statement"},{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useTab","useTabList","useTabPanel","useTabPanels","useTabs"],"entryPoint":"src/modules/tabs.hooks.ts","inputs":{},"bytes":247},"dist/chunk-LHXOFCTX.mjs":{"imports":[{"path":"dist/chunk-S5AGDSR2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useTab","useTabList","useTabPanel","useTabPanels","useTabs"],"inputs":{"src/modules/tabs.hooks.ts":{"bytesInOutput":2664}},"bytes":2878},"dist/chunk-S5AGDSR2.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["TabsProvider","useTabsContext"],"inputs":{"src/modules/tabs.context.ts":{"bytesInOutput":137}},"bytes":214},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}

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

@@ -2,7 +2,7 @@ import * as vue from 'vue';
 import { TabsProps, TabsEmits, TabProps, TabPanelProps } from './tabs.props.mjs';
 
 declare function useTabs(props: TabsProps, emit: TabsEmits): {
-    selectedTab: vue.Ref<number> | vue.ComputedRef<number | undefined>;
+    selectedTab: vue.ComputedRef<number | undefined> | vue.Ref<number>;
     onChangeTab: (value: number) => void;
     rootAttrs: vue.ComputedRef<{
         'data-pixel-component': string;
@@ -13,7 +13,7 @@ declare function useTabs(props: TabsProps, emit: TabsEmits): {
 declare function useTabList(): {
     tabsProps: vue.ToRefs<TabsProps>;
     onChangeTab: (value: number) => void;
-    selectedTab: vue.Ref<number> | vue.ComputedRef<number | undefined>;
+    selectedTab: vue.ComputedRef<number | undefined> | vue.Ref<number>;
     rootAttrs: {
         'data-border': boolean;
         class: string;
@@ -42,7 +42,7 @@ declare function useTabPanels(): {
     rootAttrs: vue.ComputedRef<{
         'data-pixel-component': string;
     }>;
-    selectedTab: vue.Ref<number> | vue.ComputedRef<number | undefined>;
+    selectedTab: vue.ComputedRef<number | undefined> | vue.Ref<number>;
 };
 declare function useTabPanel(props: TabPanelProps): {
     rootAttrs: vue.ComputedRef<{

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

@@ -2,7 +2,7 @@ import * as vue from 'vue';
 import { TabsProps, TabsEmits, TabProps, TabPanelProps } from './tabs.props.js';
 
 declare function useTabs(props: TabsProps, emit: TabsEmits): {
-    selectedTab: vue.Ref<number> | vue.ComputedRef<number | undefined>;
+    selectedTab: vue.ComputedRef<number | undefined> | vue.Ref<number>;
     onChangeTab: (value: number) => void;
     rootAttrs: vue.ComputedRef<{
         'data-pixel-component': string;
@@ -13,7 +13,7 @@ declare function useTabs(props: TabsProps, emit: TabsEmits): {
 declare function useTabList(): {
     tabsProps: vue.ToRefs<TabsProps>;
     onChangeTab: (value: number) => void;
-    selectedTab: vue.Ref<number> | vue.ComputedRef<number | undefined>;
+    selectedTab: vue.ComputedRef<number | undefined> | vue.Ref<number>;
     rootAttrs: {
         'data-border': boolean;
         class: string;
@@ -42,7 +42,7 @@ declare function useTabPanels(): {
     rootAttrs: vue.ComputedRef<{
         'data-pixel-component': string;
     }>;
-    selectedTab: vue.Ref<number> | vue.ComputedRef<number | undefined>;
+    selectedTab: vue.ComputedRef<number | undefined> | vue.Ref<number>;
 };
 declare function useTabPanel(props: TabPanelProps): {
     rootAttrs: vue.ComputedRef<{

package/dist/modules/tabs.utils.d.mts

@@ -0,0 +1,9 @@
+import { VNode } from 'vue';
+
+interface ValidChildrenOptions {
+    nodeName: string;
+    allowedNodes: string[];
+}
+declare const getValidChildrens: (children: VNode[], options: ValidChildrenOptions) => VNode[];
+
+export { getValidChildrens };

package/dist/modules/tabs.utils.d.ts

@@ -0,0 +1,9 @@
+import { VNode } from 'vue';
+
+interface ValidChildrenOptions {
+    nodeName: string;
+    allowedNodes: string[];
+}
+declare const getValidChildrens: (children: VNode[], options: ValidChildrenOptions) => VNode[];
+
+export { getValidChildrens };

package/dist/modules/tabs.utils.js

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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/tabs.utils.ts
+var tabs_utils_exports = {};
+__export(tabs_utils_exports, {
+  getValidChildrens: () => getValidChildrens
+});
+module.exports = __toCommonJS(tabs_utils_exports);
+var isValidChild = /* @__PURE__ */ __name((node, {
+  nodeName,
+  allowedNodes
+}) => {
+  const name = node.type.name;
+  const isValid = allowedNodes.includes(name);
+  if (!isValid) {
+    console.warn(`[Pixel]: Invalid child component of ${nodeName}. Only ${allowedNodes.join(" and ")} are allowed.`);
+  }
+  return isValid;
+}, "isValidChild");
+var getValidChildrens = /* @__PURE__ */ __name((children, options) => {
+  const validChildrens = [];
+  children.forEach((child) => {
+    const isVueFragment = typeof child.type === "symbol" && Symbol.keyFor(child.type) === "v-fgt";
+    if (isVueFragment) {
+      child.children.forEach((subChild) => {
+        if (isValidChild(subChild, options))
+          validChildrens.push(subChild);
+      });
+    } else {
+      if (isValidChild(child, options))
+        validChildrens.push(child);
+    }
+  });
+  return validChildrens;
+}, "getValidChildrens");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getValidChildrens
+});

package/dist/modules/tabs.utils.mjs

@@ -0,0 +1,7 @@
+import {
+  getValidChildrens
+} from "../chunk-BL274B26.mjs";
+import "../chunk-QZ7VFGWC.mjs";
+export {
+  getValidChildrens
+};

package/dist/tab-list.js

@@ -70,6 +70,35 @@ function useTabList() {
 }
 __name(useTabList, "useTabList");
 
+// src/modules/tabs.utils.ts
+var isValidChild = /* @__PURE__ */ __name((node, {
+  nodeName,
+  allowedNodes
+}) => {
+  const name = node.type.name;
+  const isValid = allowedNodes.includes(name);
+  if (!isValid) {
+    console.warn(`[Pixel]: Invalid child component of ${nodeName}. Only ${allowedNodes.join(" and ")} are allowed.`);
+  }
+  return isValid;
+}, "isValidChild");
+var getValidChildrens = /* @__PURE__ */ __name((children, options) => {
+  const validChildrens = [];
+  children.forEach((child) => {
+    const isVueFragment = typeof child.type === "symbol" && Symbol.keyFor(child.type) === "v-fgt";
+    if (isVueFragment) {
+      child.children.forEach((subChild) => {
+        if (isValidChild(subChild, options))
+          validChildrens.push(subChild);
+      });
+    } else {
+      if (isValidChild(child, options))
+        validChildrens.push(child);
+    }
+  });
+  return validChildrens;
+}, "getValidChildrens");
+
 // src/tab-list.tsx
 var MpTabList = (0, import_vue3.defineComponent)({
   name: "MpTabList",
@@ -83,7 +112,12 @@ var MpTabList = (0, import_vue3.defineComponent)({
       selectedTab
     } = useTabList();
     return () => {
-      const clones = slots.default().map((vnode, index) => {
+      const children = slots.default && slots.default();
+      const validChildrens = getValidChildrens(children || [], {
+        nodeName: "MpTabList",
+        allowedNodes: ["MpTab"]
+      });
+      const clones = validChildrens.map((vnode, index) => {
         const clone = (0, import_vue3.cloneVNode)(vnode, {
           isSelected: selectedTab.value === index,
           index,

package/dist/tab-list.mjs

@@ -1,6 +1,7 @@
 import {
   MpTabList
-} from "./chunk-46QYKUG3.mjs";
+} from "./chunk-XFNUNL7H.mjs";
+import "./chunk-BL274B26.mjs";
 import "./chunk-LHXOFCTX.mjs";
 import "./chunk-S5AGDSR2.mjs";
 import "./chunk-QZ7VFGWC.mjs";

package/dist/tab-panels.js

@@ -53,6 +53,35 @@ function useTabPanels() {
 }
 __name(useTabPanels, "useTabPanels");
 
+// src/modules/tabs.utils.ts
+var isValidChild = /* @__PURE__ */ __name((node, {
+  nodeName,
+  allowedNodes
+}) => {
+  const name = node.type.name;
+  const isValid = allowedNodes.includes(name);
+  if (!isValid) {
+    console.warn(`[Pixel]: Invalid child component of ${nodeName}. Only ${allowedNodes.join(" and ")} are allowed.`);
+  }
+  return isValid;
+}, "isValidChild");
+var getValidChildrens = /* @__PURE__ */ __name((children, options) => {
+  const validChildrens = [];
+  children.forEach((child) => {
+    const isVueFragment = typeof child.type === "symbol" && Symbol.keyFor(child.type) === "v-fgt";
+    if (isVueFragment) {
+      child.children.forEach((subChild) => {
+        if (isValidChild(subChild, options))
+          validChildrens.push(subChild);
+      });
+    } else {
+      if (isValidChild(child, options))
+        validChildrens.push(child);
+    }
+  });
+  return validChildrens;
+}, "getValidChildrens");
+
 // src/tab-panels.tsx
 var MpTabPanels = (0, import_vue3.defineComponent)({
   name: "MpTabPanels",
@@ -64,7 +93,12 @@ var MpTabPanels = (0, import_vue3.defineComponent)({
       selectedTab
     } = useTabPanels();
     return () => {
-      const clones = slots.default().map((vnode, index) => {
+      const children = slots.default && slots.default();
+      const validChildrens = getValidChildrens(children || [], {
+        nodeName: "MpTabPanels",
+        allowedNodes: ["MpTabPanel"]
+      });
+      const clones = validChildrens.map((vnode, index) => {
         const clone = (0, import_vue3.cloneVNode)(vnode, {
           isSelected: selectedTab.value === index
         });

package/dist/tab-panels.mjs

@@ -1,6 +1,7 @@
 import {
   MpTabPanels
-} from "./chunk-D6AW4HES.mjs";
+} from "./chunk-PK7I5463.mjs";
+import "./chunk-BL274B26.mjs";
 import "./chunk-LHXOFCTX.mjs";
 import "./chunk-S5AGDSR2.mjs";
 import "./chunk-QZ7VFGWC.mjs";

package/dist/tab.d.mts

@@ -32,8 +32,8 @@ declare const MpTab: vue.DefineComponent<{
         type: vue.PropType<string>;
     };
 }>>, {
-    isDisabled: boolean;
     isSelected: boolean;
+    isDisabled: boolean;
 }, {}>;
 
 export { MpTab };

package/dist/tab.d.ts

@@ -32,8 +32,8 @@ declare const MpTab: vue.DefineComponent<{
         type: vue.PropType<string>;
     };
 }>>, {
-    isDisabled: boolean;
     isSelected: boolean;
+    isDisabled: boolean;
 }, {}>;
 
 export { MpTab };

package/dist/tab.js

@@ -123,7 +123,7 @@ var MpTabSelectedBorder = (0, import_vue3.defineComponent)({
     } = rootProps;
     return () => {
       return (0, import_vue2.createVNode)("div", {
-        "class": (0, import_recipes2.selectedBorderRecipe)({
+        "class": (0, import_recipes2.tabSelectedBorderRecipe)({
           isSelected: props.isSelected,
           variantColor: (0, import_vue3.unref)(variantColor)
         }),

package/dist/tab.mjs

@@ -1,6 +1,6 @@
 import {
   MpTab
-} from "./chunk-SMPQ5Z7S.mjs";
+} from "./chunk-NAYD3AQO.mjs";
 import "./chunk-S4TZOCG7.mjs";
 import "./chunk-LHXOFCTX.mjs";
 import "./chunk-S5AGDSR2.mjs";

package/dist/tabs.d.mts

@@ -46,8 +46,8 @@ declare const MpTabs: vue.DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     variantColor: "blue" | "green" | "orange" | "red" | "gray";
     defaultValue: number;

package/dist/tabs.d.ts

@@ -46,8 +46,8 @@ declare const MpTabs: vue.DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     variantColor: "blue" | "green" | "orange" | "red" | "gray";
     defaultValue: number;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@mekari/pixel3-tabs",
   "description": "Tabs component for mekari pixel 3",
-  "version": "0.0.14-dev.0",
+  "version": "0.0.14-dev.2",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@mekari/pixel3-styled-system": "0.1.0-dev.0",
+    "@mekari/pixel3-styled-system": "0.1.0-dev.2",
     "@mekari/pixel3-utils": "0.0.6"
   },
   "peerDependencies": {