@mekari/pixel3-utils 0.0.1-alpha.0 → 0.0.2

package/dist/{chunk-VSOR555U.mjs → chunk-MUK2XIES.mjs}

@@ -1,3 +1,6 @@
+import {
+  isVueComponent
+} from "./chunk-RVQZSOON.mjs";
 import {
   __name
 } from "./chunk-QZ7VFGWC.mjs";
@@ -24,8 +27,26 @@ function scrollToTargetElement(target, containerEl, position) {
   }
 }
 __name(scrollToTargetElement, "scrollToTargetElement");
+function getElement(selector, domain) {
+  if (domain) {
+    return domain.querySelector(selector);
+  } else {
+    return document.querySelector(selector);
+  }
+}
+__name(getElement, "getElement");
+function getNode(selector) {
+  if (typeof selector === "string") {
+    return getElement(selector);
+  } else {
+    return isVueComponent(selector) ? selector.$el : selector;
+  }
+}
+__name(getNode, "getNode");
 
 export {
   isElementVisible,
-  scrollToTargetElement
+  scrollToTargetElement,
+  getElement,
+  getNode
 };

package/dist/chunk-P3Q2WHZW.mjs

@@ -0,0 +1,13 @@
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/types.ts
+function definePropsTable(value) {
+  return value;
+}
+__name(definePropsTable, "definePropsTable");
+
+export {
+  definePropsTable
+};

package/dist/{chunk-2UGMOMBN.mjs → chunk-RVQZSOON.mjs}

@@ -3,6 +3,10 @@ import {
 } from "./chunk-QZ7VFGWC.mjs";
 
 // src/validators.ts
+function isVueComponent(value) {
+  return !!value && !!value.$el;
+}
+__name(isVueComponent, "isVueComponent");
 function isUndef(v) {
   return v === void 0 || v === null;
 }
@@ -37,6 +41,7 @@ var isEqual = /* @__PURE__ */ __name((x, y) => {
 }, "isEqual");
 
 export {
+  isVueComponent,
   isUndef,
   isDef,
   isEqual

package/dist/dom.d.mts

@@ -1,14 +1,30 @@
+import { ComponentPublicInstance } from 'vue';
+
 /**
  * isElementVisible
- * @param {DOM} domElement
+ * @param {Element} domElement
  * @returns {Boolean}
  */
 declare function isElementVisible(domElement: Element): Promise<unknown>;
 /**
  * scrollToTarget
- * @param {DOM} target
- * @param {DOM} containerEl
+ * @param {Element} target
+ * @param {Element} containerEl
+ * @param {string} position
  */
 declare function scrollToTargetElement(target: Element, containerEl: Element, position?: 'top' | 'bottom'): void;
+/**
+ * getElement
+ * @param {String} selector
+ * @param {Element} domain
+ * @returns {Element | null}
+ */
+declare function getElement(selector: string, domain?: Element): Element | null;
+/**
+ * getNode
+ * @param {String} selector
+ * @returns {Element | null}
+ */
+declare function getNode(selector: string | ComponentPublicInstance): Element | null;
 
-export { isElementVisible, scrollToTargetElement };
+export { getElement, getNode, isElementVisible, scrollToTargetElement };

package/dist/dom.d.ts

@@ -1,14 +1,30 @@
+import { ComponentPublicInstance } from 'vue';
+
 /**
  * isElementVisible
- * @param {DOM} domElement
+ * @param {Element} domElement
  * @returns {Boolean}
  */
 declare function isElementVisible(domElement: Element): Promise<unknown>;
 /**
  * scrollToTarget
- * @param {DOM} target
- * @param {DOM} containerEl
+ * @param {Element} target
+ * @param {Element} containerEl
+ * @param {string} position
  */
 declare function scrollToTargetElement(target: Element, containerEl: Element, position?: 'top' | 'bottom'): void;
+/**
+ * getElement
+ * @param {String} selector
+ * @param {Element} domain
+ * @returns {Element | null}
+ */
+declare function getElement(selector: string, domain?: Element): Element | null;
+/**
+ * getNode
+ * @param {String} selector
+ * @returns {Element | null}
+ */
+declare function getNode(selector: string | ComponentPublicInstance): Element | null;
 
-export { isElementVisible, scrollToTargetElement };
+export { getElement, getNode, isElementVisible, scrollToTargetElement };

package/dist/dom.js

@@ -21,10 +21,20 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/dom.ts
 var dom_exports = {};
 __export(dom_exports, {
+  getElement: () => getElement,
+  getNode: () => getNode,
   isElementVisible: () => isElementVisible,
   scrollToTargetElement: () => scrollToTargetElement
 });
 module.exports = __toCommonJS(dom_exports);
+
+// src/validators.ts
+function isVueComponent(value) {
+  return !!value && !!value.$el;
+}
+__name(isVueComponent, "isVueComponent");
+
+// src/dom.ts
 function isElementVisible(domElement) {
   return new Promise((resolve) => {
     const o = new IntersectionObserver(([entry]) => {
@@ -46,8 +56,26 @@ function scrollToTargetElement(target, containerEl, position) {
   }
 }
 __name(scrollToTargetElement, "scrollToTargetElement");
+function getElement(selector, domain) {
+  if (domain) {
+    return domain.querySelector(selector);
+  } else {
+    return document.querySelector(selector);
+  }
+}
+__name(getElement, "getElement");
+function getNode(selector) {
+  if (typeof selector === "string") {
+    return getElement(selector);
+  } else {
+    return isVueComponent(selector) ? selector.$el : selector;
+  }
+}
+__name(getNode, "getNode");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getElement,
+  getNode,
   isElementVisible,
   scrollToTargetElement
 });

package/dist/dom.mjs

@@ -1,9 +1,14 @@
 import {
+  getElement,
+  getNode,
   isElementVisible,
   scrollToTargetElement
-} from "./chunk-VSOR555U.mjs";
+} from "./chunk-MUK2XIES.mjs";
+import "./chunk-RVQZSOON.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
+  getElement,
+  getNode,
   isElementVisible,
   scrollToTargetElement
 };

package/dist/index.d.mts

@@ -1,10 +1,11 @@
 export { usePerformanceObserver } from './performance.mjs';
-export { isDef, isEqual, isUndef } from './validators.mjs';
+export { isDef, isEqual, isUndef, isVueComponent } from './validators.mjs';
 export { declareEmit, getUniqueId, useId } from './generators.mjs';
 export { getChildren, isObject, objectFilter, objectFilterUndefined } from './object.mjs';
 export { usePixelCreateContext } from './context.mjs';
-export { isElementVisible, scrollToTargetElement } from './dom.mjs';
-export { ComponentWithProps, Dict, FilterFn, Optional, PropTypes } from './types.mjs';
+export { getElement, getNode, isElementVisible, scrollToTargetElement } from './dom.mjs';
+export { ComponentWithProps, Dict, FilterFn, Optional, PropTypes, PropsTable, definePropsTable } from './types.mjs';
 export { groupBy } from './array.mjs';
-export { onClickOutside, onKeyStroke, unrefElement, useInfiniteScroll, useIntersectionObserver, useStorage, useVirtualList } from '@vueuse/core';
+export { onClickOutside, onKeyStroke, unrefElement, useInfiniteScroll, useIntersectionObserver, useScrollLock, useStorage, useStyleTag, useVirtualList } from '@vueuse/core';
+export { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
 import 'vue';

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 export { usePerformanceObserver } from './performance.js';
-export { isDef, isEqual, isUndef } from './validators.js';
+export { isDef, isEqual, isUndef, isVueComponent } from './validators.js';
 export { declareEmit, getUniqueId, useId } from './generators.js';
 export { getChildren, isObject, objectFilter, objectFilterUndefined } from './object.js';
 export { usePixelCreateContext } from './context.js';
-export { isElementVisible, scrollToTargetElement } from './dom.js';
-export { ComponentWithProps, Dict, FilterFn, Optional, PropTypes } from './types.js';
+export { getElement, getNode, isElementVisible, scrollToTargetElement } from './dom.js';
+export { ComponentWithProps, Dict, FilterFn, Optional, PropTypes, PropsTable, definePropsTable } from './types.js';
 export { groupBy } from './array.js';
-export { onClickOutside, onKeyStroke, unrefElement, useInfiniteScroll, useIntersectionObserver, useStorage, useVirtualList } from '@vueuse/core';
+export { onClickOutside, onKeyStroke, unrefElement, useInfiniteScroll, useIntersectionObserver, useScrollLock, useStorage, useStyleTag, useVirtualList } from '@vueuse/core';
+export { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
 import 'vue';

package/dist/index.js

@@ -22,7 +22,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   declareEmit: () => declareEmit,
+  definePropsTable: () => definePropsTable,
   getChildren: () => getChildren,
+  getElement: () => getElement,
+  getNode: () => getNode,
   getUniqueId: () => getUniqueId,
   groupBy: () => groupBy,
   isDef: () => isDef,
@@ -30,18 +33,22 @@ __export(src_exports, {
   isEqual: () => isEqual,
   isObject: () => isObject,
   isUndef: () => isUndef,
+  isVueComponent: () => isVueComponent,
   objectFilter: () => objectFilter,
   objectFilterUndefined: () => objectFilterUndefined,
   onClickOutside: () => import_core.onClickOutside,
   onKeyStroke: () => import_core.onKeyStroke,
   scrollToTargetElement: () => scrollToTargetElement,
   unrefElement: () => import_core.unrefElement,
+  useFocusTrap: () => import_useFocusTrap.useFocusTrap,
   useId: () => useId,
   useInfiniteScroll: () => import_core.useInfiniteScroll,
   useIntersectionObserver: () => import_core.useIntersectionObserver,
   usePerformanceObserver: () => usePerformanceObserver,
   usePixelCreateContext: () => usePixelCreateContext,
+  useScrollLock: () => import_core.useScrollLock,
   useStorage: () => import_core.useStorage,
+  useStyleTag: () => import_core.useStyleTag,
   useVirtualList: () => import_core.useVirtualList
 });
 module.exports = __toCommonJS(src_exports);
@@ -111,6 +118,10 @@ var usePerformanceObserver = /* @__PURE__ */ __name((label) => {
 }, "usePerformanceObserver");
 
 // src/validators.ts
+function isVueComponent(value) {
+  return !!value && !!value.$el;
+}
+__name(isVueComponent, "isVueComponent");
 function isUndef(v) {
   return v === void 0 || v === null;
 }
@@ -222,6 +233,28 @@ function scrollToTargetElement(target, containerEl, position) {
   }
 }
 __name(scrollToTargetElement, "scrollToTargetElement");
+function getElement(selector, domain) {
+  if (domain) {
+    return domain.querySelector(selector);
+  } else {
+    return document.querySelector(selector);
+  }
+}
+__name(getElement, "getElement");
+function getNode(selector) {
+  if (typeof selector === "string") {
+    return getElement(selector);
+  } else {
+    return isVueComponent(selector) ? selector.$el : selector;
+  }
+}
+__name(getNode, "getNode");
+
+// src/types.ts
+function definePropsTable(value) {
+  return value;
+}
+__name(definePropsTable, "definePropsTable");
 
 // src/array.ts
 function groupBy(arr, key) {
@@ -236,10 +269,14 @@ __name(groupBy, "groupBy");
 
 // src/index.ts
 var import_core = require("@vueuse/core");
+var import_useFocusTrap = require("@vueuse/integrations/useFocusTrap");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   declareEmit,
+  definePropsTable,
   getChildren,
+  getElement,
+  getNode,
   getUniqueId,
   groupBy,
   isDef,
@@ -247,17 +284,21 @@ var import_core = require("@vueuse/core");
   isEqual,
   isObject,
   isUndef,
+  isVueComponent,
   objectFilter,
   objectFilterUndefined,
   onClickOutside,
   onKeyStroke,
   scrollToTargetElement,
   unrefElement,
+  useFocusTrap,
   useId,
   useInfiniteScroll,
   useIntersectionObserver,
   usePerformanceObserver,
   usePixelCreateContext,
+  useScrollLock,
   useStorage,
+  useStyleTag,
   useVirtualList
 });

package/dist/index.mjs

@@ -1,8 +1,3 @@
-import {
-  isDef,
-  isEqual,
-  isUndef
-} from "./chunk-2UGMOMBN.mjs";
 import {
   groupBy
 } from "./chunk-555RL46T.mjs";
@@ -10,9 +5,17 @@ import {
   usePixelCreateContext
 } from "./chunk-HXLTBFWE.mjs";
 import {
+  getElement,
+  getNode,
   isElementVisible,
   scrollToTargetElement
-} from "./chunk-VSOR555U.mjs";
+} from "./chunk-MUK2XIES.mjs";
+import {
+  isDef,
+  isEqual,
+  isUndef,
+  isVueComponent
+} from "./chunk-RVQZSOON.mjs";
 import {
   declareEmit,
   getUniqueId,
@@ -27,14 +30,20 @@ import {
 import {
   usePerformanceObserver
 } from "./chunk-65WDFMBW.mjs";
+import {
+  definePropsTable
+} from "./chunk-P3Q2WHZW.mjs";
 import "./chunk-QZ7VFGWC.mjs";
-import "./chunk-WBQAMGXK.mjs";
 
 // src/index.ts
-import { onClickOutside, onKeyStroke, useInfiniteScroll, useVirtualList, useIntersectionObserver, unrefElement, useStorage } from "@vueuse/core";
+import { onClickOutside, onKeyStroke, useInfiniteScroll, useVirtualList, useIntersectionObserver, unrefElement, useStorage, useStyleTag, useScrollLock } from "@vueuse/core";
+import { useFocusTrap } from "@vueuse/integrations/useFocusTrap";
 export {
   declareEmit,
+  definePropsTable,
   getChildren,
+  getElement,
+  getNode,
   getUniqueId,
   groupBy,
   isDef,
@@ -42,17 +51,21 @@ export {
   isEqual,
   isObject,
   isUndef,
+  isVueComponent,
   objectFilter,
   objectFilterUndefined,
   onClickOutside,
   onKeyStroke,
   scrollToTargetElement,
   unrefElement,
+  useFocusTrap,
   useId,
   useInfiniteScroll,
   useIntersectionObserver,
   usePerformanceObserver,
   usePixelCreateContext,
+  useScrollLock,
   useStorage,
+  useStyleTag,
   useVirtualList
 };

package/dist/metafile-cjs.json

@@ -1 +1 @@
-{"inputs":{"src/array.ts":{"bytes":479,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/context.ts":{"bytes":493,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/dom.ts":{"bytes":975,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/generators.ts":{"bytes":778,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/performance.ts":{"bytes":2091,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/validators.ts":{"bytes":1193,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/object.ts":{"bytes":918,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/types.ts":{"bytes":773,"imports":[{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":472,"imports":[{"path":"src/performance.ts","kind":"import-statement","original":"./performance"},{"path":"src/validators.ts","kind":"import-statement","original":"./validators"},{"path":"src/generators.ts","kind":"import-statement","original":"./generators"},{"path":"src/object.ts","kind":"import-statement","original":"./object"},{"path":"src/context.ts","kind":"import-statement","original":"./context"},{"path":"src/dom.ts","kind":"import-statement","original":"./dom"},{"path":"src/types.ts","kind":"import-statement","original":"./types"},{"path":"src/array.ts","kind":"import-statement","original":"./array"},{"path":"src/types.ts","kind":"import-statement","original":"./types"},{"path":"@vueuse/core","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/array.js":{"imports":[],"exports":[],"entryPoint":"src/array.ts","inputs":{"src/array.ts":{"bytesInOutput":377}},"bytes":1384},"dist/context.js":{"imports":[{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/context.ts","inputs":{"src/context.ts":{"bytesInOutput":579}},"bytes":1602},"dist/dom.js":{"imports":[],"exports":[],"entryPoint":"src/dom.ts","inputs":{"src/dom.ts":{"bytesInOutput":920}},"bytes":1959},"dist/generators.js":{"imports":[{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/generators.ts","inputs":{"src/generators.ts":{"bytesInOutput":953}},"bytes":1993},"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":"@vueuse/core","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":1056},"src/performance.ts":{"bytesInOutput":1935},"src/validators.ts":{"bytesInOutput":880},"src/generators.ts":{"bytesInOutput":752},"src/object.ts":{"bytesInOutput":851},"src/context.ts":{"bytesInOutput":423},"src/dom.ts":{"bytesInOutput":729},"src/array.ts":{"bytesInOutput":252}},"bytes":8401},"dist/object.js":{"imports":[{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/object.ts","inputs":{"src/object.ts":{"bytesInOutput":1103}},"bytes":2168},"dist/performance.js":{"imports":[{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/performance.ts","inputs":{"src/performance.ts":{"bytesInOutput":2108}},"bytes":3136},"dist/types.js":{"imports":[],"exports":[],"entryPoint":"src/types.ts","inputs":{"src/types.ts":{"bytesInOutput":70}},"bytes":758},"dist/validators.js":{"imports":[],"exports":[],"entryPoint":"src/validators.ts","inputs":{"src/validators.ts":{"bytesInOutput":1068}},"bytes":2100}}}
+{"inputs":{"src/array.ts":{"bytes":479,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/context.ts":{"bytes":493,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/validators.ts":{"bytes":1465,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/dom.ts":{"bytes":1738,"imports":[{"path":"src/validators.ts","kind":"import-statement","original":"./validators"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/generators.ts":{"bytes":778,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/performance.ts":{"bytes":2171,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/object.ts":{"bytes":918,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/types.ts":{"bytes":1084,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":566,"imports":[{"path":"src/performance.ts","kind":"import-statement","original":"./performance"},{"path":"src/validators.ts","kind":"import-statement","original":"./validators"},{"path":"src/generators.ts","kind":"import-statement","original":"./generators"},{"path":"src/object.ts","kind":"import-statement","original":"./object"},{"path":"src/context.ts","kind":"import-statement","original":"./context"},{"path":"src/dom.ts","kind":"import-statement","original":"./dom"},{"path":"src/types.ts","kind":"import-statement","original":"./types"},{"path":"src/array.ts","kind":"import-statement","original":"./array"},{"path":"src/types.ts","kind":"import-statement","original":"./types"},{"path":"@vueuse/core","kind":"import-statement","external":true},{"path":"@vueuse/integrations/useFocusTrap","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/array.js":{"imports":[],"exports":[],"entryPoint":"src/array.ts","inputs":{"src/array.ts":{"bytesInOutput":377}},"bytes":1384},"dist/context.js":{"imports":[{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/context.ts","inputs":{"src/context.ts":{"bytesInOutput":579}},"bytes":1602},"dist/dom.js":{"imports":[],"exports":[],"entryPoint":"src/dom.ts","inputs":{"src/dom.ts":{"bytesInOutput":1381},"src/validators.ts":{"bytesInOutput":110}},"bytes":2592},"dist/generators.js":{"imports":[{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/generators.ts","inputs":{"src/generators.ts":{"bytesInOutput":953}},"bytes":1993},"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":"@vueuse/core","kind":"require-call","external":true},{"path":"@vueuse/integrations/useFocusTrap","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":1422},"src/performance.ts":{"bytesInOutput":1935},"src/validators.ts":{"bytesInOutput":990},"src/generators.ts":{"bytesInOutput":752},"src/object.ts":{"bytesInOutput":851},"src/context.ts":{"bytesInOutput":423},"src/dom.ts":{"bytesInOutput":1132},"src/types.ts":{"bytesInOutput":99},"src/array.ts":{"bytesInOutput":252}},"bytes":9507},"dist/object.js":{"imports":[{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/object.ts","inputs":{"src/object.ts":{"bytesInOutput":1103}},"bytes":2168},"dist/performance.js":{"imports":[{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/performance.ts","inputs":{"src/performance.ts":{"bytesInOutput":2108}},"bytes":3136},"dist/types.js":{"imports":[],"exports":[],"entryPoint":"src/types.ts","inputs":{"src/types.ts":{"bytesInOutput":242}},"bytes":1258},"dist/validators.js":{"imports":[],"exports":[],"entryPoint":"src/validators.ts","inputs":{"src/validators.ts":{"bytesInOutput":1218}},"bytes":2268}}}

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/array.ts":{"bytes":479,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/context.ts":{"bytes":493,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/dom.ts":{"bytes":975,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/generators.ts":{"bytes":778,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/performance.ts":{"bytes":2091,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/validators.ts":{"bytes":1193,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/object.ts":{"bytes":918,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/types.ts":{"bytes":773,"imports":[{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":472,"imports":[{"path":"src/performance.ts","kind":"import-statement","original":"./performance"},{"path":"src/validators.ts","kind":"import-statement","original":"./validators"},{"path":"src/generators.ts","kind":"import-statement","original":"./generators"},{"path":"src/object.ts","kind":"import-statement","original":"./object"},{"path":"src/context.ts","kind":"import-statement","original":"./context"},{"path":"src/dom.ts","kind":"import-statement","original":"./dom"},{"path":"src/types.ts","kind":"import-statement","original":"./types"},{"path":"src/array.ts","kind":"import-statement","original":"./array"},{"path":"src/types.ts","kind":"import-statement","original":"./types"},{"path":"@vueuse/core","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/validators.mjs":{"imports":[{"path":"dist/chunk-2UGMOMBN.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["isDef","isEqual","isUndef"],"entryPoint":"src/validators.ts","inputs":{},"bytes":143},"dist/array.mjs":{"imports":[{"path":"dist/chunk-555RL46T.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["groupBy"],"entryPoint":"src/array.ts","inputs":{},"bytes":103},"dist/context.mjs":{"imports":[{"path":"dist/chunk-HXLTBFWE.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["usePixelCreateContext"],"entryPoint":"src/context.ts","inputs":{},"bytes":131},"dist/dom.mjs":{"imports":[{"path":"dist/chunk-VSOR555U.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["isElementVisible","scrollToTargetElement"],"entryPoint":"src/dom.ts","inputs":{},"bytes":171},"dist/generators.mjs":{"imports":[{"path":"dist/chunk-TJIIVYQV.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["declareEmit","getUniqueId","useId"],"entryPoint":"src/generators.ts","inputs":{},"bytes":159},"dist/index.mjs":{"imports":[{"path":"dist/chunk-2UGMOMBN.mjs","kind":"import-statement"},{"path":"dist/chunk-555RL46T.mjs","kind":"import-statement"},{"path":"dist/chunk-HXLTBFWE.mjs","kind":"import-statement"},{"path":"dist/chunk-VSOR555U.mjs","kind":"import-statement"},{"path":"dist/chunk-TJIIVYQV.mjs","kind":"import-statement"},{"path":"dist/chunk-PLTSXP5P.mjs","kind":"import-statement"},{"path":"dist/chunk-65WDFMBW.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"dist/chunk-WBQAMGXK.mjs","kind":"import-statement"},{"path":"@vueuse/core","kind":"import-statement","external":true}],"exports":["declareEmit","getChildren","getUniqueId","groupBy","isDef","isElementVisible","isEqual","isObject","isUndef","objectFilter","objectFilterUndefined","onClickOutside","onKeyStroke","scrollToTargetElement","unrefElement","useId","useInfiniteScroll","useIntersectionObserver","usePerformanceObserver","usePixelCreateContext","useStorage","useVirtualList"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":146}},"bytes":1128},"dist/chunk-2UGMOMBN.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["isDef","isEqual","isUndef"],"inputs":{"src/validators.ts":{"bytesInOutput":880}},"bytes":994},"dist/chunk-555RL46T.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["groupBy"],"inputs":{"src/array.ts":{"bytesInOutput":252}},"bytes":341},"dist/chunk-HXLTBFWE.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["usePixelCreateContext"],"inputs":{"src/context.ts":{"bytesInOutput":394}},"bytes":499},"dist/chunk-VSOR555U.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["isElementVisible","scrollToTargetElement"],"inputs":{"src/dom.ts":{"bytesInOutput":729}},"bytes":850},"dist/chunk-TJIIVYQV.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["declareEmit","getUniqueId","useId"],"inputs":{"src/generators.ts":{"bytesInOutput":721}},"bytes":843},"dist/object.mjs":{"imports":[{"path":"dist/chunk-PLTSXP5P.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getChildren","isObject","objectFilter","objectFilterUndefined"],"entryPoint":"src/object.ts","inputs":{},"bytes":217},"dist/chunk-PLTSXP5P.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["getChildren","isObject","objectFilter","objectFilterUndefined"],"inputs":{"src/object.ts":{"bytesInOutput":831}},"bytes":978},"dist/performance.mjs":{"imports":[{"path":"dist/chunk-65WDFMBW.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["usePerformanceObserver"],"entryPoint":"src/performance.ts","inputs":{},"bytes":133},"dist/chunk-65WDFMBW.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["usePerformanceObserver"],"inputs":{"src/performance.ts":{"bytesInOutput":1880}},"bytes":1990},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/types.mjs":{"imports":[{"path":"dist/chunk-WBQAMGXK.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/types.ts","inputs":{},"bytes":31},"dist/chunk-WBQAMGXK.mjs":{"imports":[],"exports":[],"inputs":{"src/types.ts":{"bytesInOutput":0}},"bytes":0}}}
+{"inputs":{"src/array.ts":{"bytes":479,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/context.ts":{"bytes":493,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/validators.ts":{"bytes":1465,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/dom.ts":{"bytes":1738,"imports":[{"path":"src/validators.ts","kind":"import-statement","original":"./validators"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/generators.ts":{"bytes":778,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/performance.ts":{"bytes":2171,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/object.ts":{"bytes":918,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"./types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/types.ts":{"bytes":1084,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":566,"imports":[{"path":"src/performance.ts","kind":"import-statement","original":"./performance"},{"path":"src/validators.ts","kind":"import-statement","original":"./validators"},{"path":"src/generators.ts","kind":"import-statement","original":"./generators"},{"path":"src/object.ts","kind":"import-statement","original":"./object"},{"path":"src/context.ts","kind":"import-statement","original":"./context"},{"path":"src/dom.ts","kind":"import-statement","original":"./dom"},{"path":"src/types.ts","kind":"import-statement","original":"./types"},{"path":"src/array.ts","kind":"import-statement","original":"./array"},{"path":"src/types.ts","kind":"import-statement","original":"./types"},{"path":"@vueuse/core","kind":"import-statement","external":true},{"path":"@vueuse/integrations/useFocusTrap","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/validators.mjs":{"imports":[{"path":"dist/chunk-RVQZSOON.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["isDef","isEqual","isUndef","isVueComponent"],"entryPoint":"src/validators.ts","inputs":{},"bytes":179},"dist/array.mjs":{"imports":[{"path":"dist/chunk-555RL46T.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["groupBy"],"entryPoint":"src/array.ts","inputs":{},"bytes":103},"dist/context.mjs":{"imports":[{"path":"dist/chunk-HXLTBFWE.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["usePixelCreateContext"],"entryPoint":"src/context.ts","inputs":{},"bytes":131},"dist/dom.mjs":{"imports":[{"path":"dist/chunk-MUK2XIES.mjs","kind":"import-statement"},{"path":"dist/chunk-RVQZSOON.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getElement","getNode","isElementVisible","scrollToTargetElement"],"entryPoint":"src/dom.ts","inputs":{},"bytes":252},"dist/generators.mjs":{"imports":[{"path":"dist/chunk-TJIIVYQV.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["declareEmit","getUniqueId","useId"],"entryPoint":"src/generators.ts","inputs":{},"bytes":159},"dist/index.mjs":{"imports":[{"path":"dist/chunk-555RL46T.mjs","kind":"import-statement"},{"path":"dist/chunk-HXLTBFWE.mjs","kind":"import-statement"},{"path":"dist/chunk-MUK2XIES.mjs","kind":"import-statement"},{"path":"dist/chunk-RVQZSOON.mjs","kind":"import-statement"},{"path":"dist/chunk-TJIIVYQV.mjs","kind":"import-statement"},{"path":"dist/chunk-PLTSXP5P.mjs","kind":"import-statement"},{"path":"dist/chunk-65WDFMBW.mjs","kind":"import-statement"},{"path":"dist/chunk-P3Q2WHZW.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"@vueuse/core","kind":"import-statement","external":true},{"path":"@vueuse/integrations/useFocusTrap","kind":"import-statement","external":true}],"exports":["declareEmit","definePropsTable","getChildren","getElement","getNode","getUniqueId","groupBy","isDef","isElementVisible","isEqual","isObject","isUndef","isVueComponent","objectFilter","objectFilterUndefined","onClickOutside","onKeyStroke","scrollToTargetElement","unrefElement","useFocusTrap","useId","useInfiniteScroll","useIntersectionObserver","usePerformanceObserver","usePixelCreateContext","useScrollLock","useStorage","useStyleTag","useVirtualList"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":240}},"bytes":1404},"dist/chunk-555RL46T.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["groupBy"],"inputs":{"src/array.ts":{"bytesInOutput":252}},"bytes":341},"dist/chunk-HXLTBFWE.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["usePixelCreateContext"],"inputs":{"src/context.ts":{"bytesInOutput":394}},"bytes":499},"dist/chunk-MUK2XIES.mjs":{"imports":[{"path":"dist/chunk-RVQZSOON.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getElement","getNode","isElementVisible","scrollToTargetElement"],"inputs":{"src/dom.ts":{"bytesInOutput":1132}},"bytes":1335},"dist/chunk-RVQZSOON.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["isDef","isEqual","isUndef","isVueComponent"],"inputs":{"src/validators.ts":{"bytesInOutput":990}},"bytes":1122},"dist/chunk-TJIIVYQV.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["declareEmit","getUniqueId","useId"],"inputs":{"src/generators.ts":{"bytesInOutput":721}},"bytes":843},"dist/object.mjs":{"imports":[{"path":"dist/chunk-PLTSXP5P.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getChildren","isObject","objectFilter","objectFilterUndefined"],"entryPoint":"src/object.ts","inputs":{},"bytes":217},"dist/chunk-PLTSXP5P.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["getChildren","isObject","objectFilter","objectFilterUndefined"],"inputs":{"src/object.ts":{"bytesInOutput":831}},"bytes":978},"dist/performance.mjs":{"imports":[{"path":"dist/chunk-65WDFMBW.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["usePerformanceObserver"],"entryPoint":"src/performance.ts","inputs":{},"bytes":133},"dist/chunk-65WDFMBW.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["usePerformanceObserver"],"inputs":{"src/performance.ts":{"bytesInOutput":1880}},"bytes":1990},"dist/types.mjs":{"imports":[{"path":"dist/chunk-P3Q2WHZW.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["definePropsTable"],"entryPoint":"src/types.ts","inputs":{},"bytes":121},"dist/chunk-P3Q2WHZW.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["definePropsTable"],"inputs":{"src/types.ts":{"bytesInOutput":99}},"bytes":197},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}

package/dist/types.d.mts

@@ -13,5 +13,16 @@ type ComponentWithProps<P> = {
         };
     };
 };
+interface PropsTable {
+    name: string;
+    description: string;
+    types: string;
+    defaultValue?: string;
+    playground?: {
+        category: 'text' | 'dropdown' | 'boolean';
+        dropdownOptions?: string[] | number[] | boolean[];
+    };
+}
+declare function definePropsTable(value: PropsTable[]): PropsTable[];
 
-export { ComponentWithProps, Dict, FilterFn, Optional, PropTypes };
+export { ComponentWithProps, Dict, FilterFn, Optional, PropTypes, PropsTable, definePropsTable };

package/dist/types.d.ts

@@ -13,5 +13,16 @@ type ComponentWithProps<P> = {
         };
     };
 };
+interface PropsTable {
+    name: string;
+    description: string;
+    types: string;
+    defaultValue?: string;
+    playground?: {
+        category: 'text' | 'dropdown' | 'boolean';
+        dropdownOptions?: string[] | number[] | boolean[];
+    };
+}
+declare function definePropsTable(value: PropsTable[]): PropsTable[];
 
-export { ComponentWithProps, Dict, FilterFn, Optional, PropTypes };
+export { ComponentWithProps, Dict, FilterFn, Optional, PropTypes, PropsTable, definePropsTable };

package/dist/types.js

@@ -3,6 +3,11 @@ 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))
@@ -15,4 +20,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // src/types.ts
 var types_exports = {};
+__export(types_exports, {
+  definePropsTable: () => definePropsTable
+});
 module.exports = __toCommonJS(types_exports);
+function definePropsTable(value) {
+  return value;
+}
+__name(definePropsTable, "definePropsTable");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  definePropsTable
+});

package/dist/types.mjs

@@ -1 +1,7 @@
-import "./chunk-WBQAMGXK.mjs";
+import {
+  definePropsTable
+} from "./chunk-P3Q2WHZW.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  definePropsTable
+};

package/dist/validators.d.mts

@@ -1,3 +1,11 @@
+import { ComponentPublicInstance } from 'vue';
+
+/**
+ * Check if element is Vue Component
+ * @param {ComponentPublicInstance} value
+ * @returns {Boolean}
+ */
+declare function isVueComponent(value: ComponentPublicInstance): boolean;
 /**
  * Checks if a value is undefined
  * @param {*} v
@@ -12,4 +20,4 @@ declare function isUndef(v: unknown): boolean;
 declare function isDef(v: unknown): boolean;
 declare const isEqual: <TType>(x: TType, y: TType) => boolean;
 
-export { isDef, isEqual, isUndef };
+export { isDef, isEqual, isUndef, isVueComponent };

package/dist/validators.d.ts

@@ -1,3 +1,11 @@
+import { ComponentPublicInstance } from 'vue';
+
+/**
+ * Check if element is Vue Component
+ * @param {ComponentPublicInstance} value
+ * @returns {Boolean}
+ */
+declare function isVueComponent(value: ComponentPublicInstance): boolean;
 /**
  * Checks if a value is undefined
  * @param {*} v
@@ -12,4 +20,4 @@ declare function isUndef(v: unknown): boolean;
 declare function isDef(v: unknown): boolean;
 declare const isEqual: <TType>(x: TType, y: TType) => boolean;
 
-export { isDef, isEqual, isUndef };
+export { isDef, isEqual, isUndef, isVueComponent };

package/dist/validators.js

@@ -23,9 +23,14 @@ var validators_exports = {};
 __export(validators_exports, {
   isDef: () => isDef,
   isEqual: () => isEqual,
-  isUndef: () => isUndef
+  isUndef: () => isUndef,
+  isVueComponent: () => isVueComponent
 });
 module.exports = __toCommonJS(validators_exports);
+function isVueComponent(value) {
+  return !!value && !!value.$el;
+}
+__name(isVueComponent, "isVueComponent");
 function isUndef(v) {
   return v === void 0 || v === null;
 }
@@ -62,5 +67,6 @@ var isEqual = /* @__PURE__ */ __name((x, y) => {
 0 && (module.exports = {
   isDef,
   isEqual,
-  isUndef
+  isUndef,
+  isVueComponent
 });

package/dist/validators.mjs

@@ -1,11 +1,13 @@
 import {
   isDef,
   isEqual,
-  isUndef
-} from "./chunk-2UGMOMBN.mjs";
+  isUndef,
+  isVueComponent
+} from "./chunk-RVQZSOON.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   isDef,
   isEqual,
-  isUndef
+  isUndef,
+  isVueComponent
 };

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@mekari/pixel3-utils",
   "description": "Utils for mekari pixel 3",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.2",
   "files": [
     "dist"
   ],
   "main": "dist/index.js",
   "dependencies": {
-    "@pandacss/dev": "0.15.4",
+    "@pandacss/dev": "0.24.1",
     "@vueuse/core": "10.6.1",
+    "@vueuse/integrations": "^10.7.1",
     "focus-trap": "^7.5.4"
   },
   "peerDependencies": {
@@ -18,7 +19,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "vue": "^3.3.7"
+    "vue": "^3.4.3"
   },
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -34,9 +35,9 @@
     "build": "tsup && pnpm build:types",
     "build:fast": "tsup",
     "types:check": "tsc --noEmit",
-    "replace-config": "clean-package",
-    "backup-config": "clean-package restore",
     "build:types": "tsup src --dts-only",
+    "backup-config": "clean-package restore",
+    "replace-config": "clean-package",
     "restore-config": "clean-package restore"
   }
 }