@chakra-ui/vue-composables - npm Package Compare versions

Comparing version 0.0.0-dev-20230425124456 to 0.0.0-dev-20230520095026

dist/index.js

@@ -258,20 +258,8 @@ "use strict";
 // src/use-id.ts
-var import_utils3 = require("@chakra-ui/utils");
 var import_vue5 = require("vue");
-var serverHandoffComplete = (0, import_utils3.canUseDOM)();
 var _id = 0;
 var genId = /* @__PURE__ */ __name(() => ++_id, "genId");
 var useId = /* @__PURE__ */ __name((id, prefix) => {
-  const initialId = id || (serverHandoffComplete ? genId() : null);
+  const initialId = id || genId();
   const uid = (0, import_vue5.ref)(initialId);
-  (0, import_vue5.onBeforeMount)(() => {
-    if (serverHandoffComplete === false) {
-      serverHandoffComplete = true;
-    }
-  });
-  (0, import_vue5.onMounted)(() => {
-    if (uid.value === null) {
-      uid.value = genId();
-    }
-  });
   return (0, import_vue5.computed)(() => {
@@ -278,0 +266,0 @@ const __id__ = uid.value !== null ? uid.value.toString() : void 0;

dist/metafile-cjs.json

@@ -1,1 +0,1 @@
-{"inputs":{"src/use-event-listener.ts":{"bytes":3188,"imports":[]},"src/use-element-stack.ts":{"bytes":1083,"imports":[]},"src/use-clipboard.ts":{"bytes":1257,"imports":[{"path":"src/use-event-listener.ts","kind":"import-statement"}]},"src/use-counter.ts":{"bytes":3769,"imports":[]},"src/use-id.ts":{"bytes":2727,"imports":[]},"src/use-disclosure.ts":{"bytes":3712,"imports":[{"path":"src/use-id.ts","kind":"import-statement"}]},"src/use-supported.ts":{"bytes":844,"imports":[]},"src/use-media-query.ts":{"bytes":1383,"imports":[{"path":"src/use-supported.ts","kind":"import-statement"}]},"src/use-window-event.ts":{"bytes":525,"imports":[]},"src/use-descendant.ts":{"bytes":3227,"imports":[]},"src/index.tsx":{"bytes":872,"imports":[{"path":"src/use-event-listener.ts","kind":"import-statement"},{"path":"src/use-element-stack.ts","kind":"import-statement"},{"path":"src/use-clipboard.ts","kind":"import-statement"},{"path":"src/use-counter.ts","kind":"import-statement"},{"path":"src/use-disclosure.ts","kind":"import-statement"},{"path":"src/use-id.ts","kind":"import-statement"},{"path":"src/use-media-query.ts","kind":"import-statement"},{"path":"src/use-supported.ts","kind":"import-statement"},{"path":"src/use-window-event.ts","kind":"import-statement"},{"path":"src/use-descendant.ts","kind":"import-statement"}]}},"outputs":{"dist/index.js":{"imports":[],"exports":[],"entryPoint":"src/index.tsx","inputs":{"src/index.tsx":{"bytesInOutput":627},"src/use-event-listener.ts":{"bytesInOutput":1108},"src/use-element-stack.ts":{"bytesInOutput":1164},"src/use-clipboard.ts":{"bytesInOutput":1103},"src/use-counter.ts":{"bytesInOutput":2795},"src/use-disclosure.ts":{"bytesInOutput":1491},"src/use-id.ts":{"bytesInOutput":993},"src/use-media-query.ts":{"bytesInOutput":1204},"src/use-supported.ts":{"bytesInOutput":410},"src/use-window-event.ts":{"bytesInOutput":381},"src/use-descendant.ts":{"bytesInOutput":3109}},"bytes":16227},"dist/use-clipboard.js":{"imports":[],"exports":[],"entryPoint":"src/use-clipboard.ts","inputs":{"src/use-clipboard.ts":{"bytesInOutput":1262},"src/use-event-listener.ts":{"bytesInOutput":1108}},"bytes":3445},"dist/use-counter.js":{"imports":[],"exports":[],"entryPoint":"src/use-counter.ts","inputs":{"src/use-counter.ts":{"bytesInOutput":2931}},"bytes":3947},"dist/use-descendant.js":{"imports":[],"exports":[],"entryPoint":"src/use-descendant.ts","inputs":{"src/use-descendant.ts":{"bytesInOutput":3369}},"bytes":4735},"dist/use-disclosure.js":{"imports":[],"exports":[],"entryPoint":"src/use-disclosure.ts","inputs":{"src/use-disclosure.ts":{"bytesInOutput":1655},"src/use-id.ts":{"bytesInOutput":798}},"bytes":3519},"dist/use-element-stack.js":{"imports":[],"exports":[],"entryPoint":"src/use-element-stack.ts","inputs":{"src/use-element-stack.ts":{"bytesInOutput":1459}},"bytes":2541},"dist/use-event-listener.js":{"imports":[],"exports":[],"entryPoint":"src/use-event-listener.ts","inputs":{"src/use-event-listener.ts":{"bytesInOutput":1290}},"bytes":2319},"dist/use-id.js":{"imports":[],"exports":[],"entryPoint":"src/use-id.ts","inputs":{"src/use-id.ts":{"bytesInOutput":1133}},"bytes":2149},"dist/use-media-query.js":{"imports":[],"exports":[],"entryPoint":"src/use-media-query.ts","inputs":{"src/use-media-query.ts":{"bytesInOutput":1358},"src/use-supported.ts":{"bytesInOutput":406}},"bytes":2839},"dist/use-supported.js":{"imports":[],"exports":[],"entryPoint":"src/use-supported.ts","inputs":{"src/use-supported.ts":{"bytesInOutput":565}},"bytes":1585},"dist/use-window-event.js":{"imports":[],"exports":[],"entryPoint":"src/use-window-event.ts","inputs":{"src/use-window-event.ts":{"bytesInOutput":551}},"bytes":1576}}}
+{"inputs":{"src/use-event-listener.ts":{"bytes":3188,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@chakra-ui/utils","kind":"import-statement","external":true},{"path":"@chakra-ui/vue-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-element-stack.ts":{"bytes":1083,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-clipboard.ts":{"bytes":1257,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"src/use-event-listener.ts","kind":"import-statement","original":"./use-event-listener"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-counter.ts":{"bytes":3769,"imports":[{"path":"@chakra-ui/utils","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-id.ts":{"bytes":925,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-disclosure.ts":{"bytes":3712,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"src/use-id.ts","kind":"import-statement","original":"./use-id"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-supported.ts":{"bytes":844,"imports":[{"path":"@chakra-ui/vue-utils","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-media-query.ts":{"bytes":1383,"imports":[{"path":"@chakra-ui/vue-utils","kind":"import-statement","external":true},{"path":"src/use-supported.ts","kind":"import-statement","original":"./use-supported"},{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-window-event.ts":{"bytes":525,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-descendant.ts":{"bytes":3227,"imports":[{"path":"@chakra-ui/vue-utils","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.tsx":{"bytes":872,"imports":[{"path":"src/use-event-listener.ts","kind":"import-statement","original":"./use-event-listener"},{"path":"src/use-element-stack.ts","kind":"import-statement","original":"./use-element-stack"},{"path":"src/use-clipboard.ts","kind":"import-statement","original":"./use-clipboard"},{"path":"src/use-counter.ts","kind":"import-statement","original":"./use-counter"},{"path":"src/use-disclosure.ts","kind":"import-statement","original":"./use-disclosure"},{"path":"src/use-id.ts","kind":"import-statement","original":"./use-id"},{"path":"src/use-media-query.ts","kind":"import-statement","original":"./use-media-query"},{"path":"src/use-supported.ts","kind":"import-statement","original":"./use-supported"},{"path":"src/use-window-event.ts","kind":"import-statement","original":"./use-window-event"},{"path":"src/use-descendant.ts","kind":"import-statement","original":"./use-descendant"}],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@chakra-ui/utils","kind":"require-call","external":true},{"path":"@chakra-ui/vue-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@chakra-ui/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":"@chakra-ui/vue-utils","kind":"require-call","external":true},{"path":"@chakra-ui/vue-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":"@chakra-ui/vue-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.tsx","inputs":{"src/index.tsx":{"bytesInOutput":627},"src/use-event-listener.ts":{"bytesInOutput":1108},"src/use-element-stack.ts":{"bytesInOutput":1164},"src/use-clipboard.ts":{"bytesInOutput":1103},"src/use-counter.ts":{"bytesInOutput":2795},"src/use-disclosure.ts":{"bytesInOutput":1491},"src/use-id.ts":{"bytesInOutput":613},"src/use-media-query.ts":{"bytesInOutput":1204},"src/use-supported.ts":{"bytesInOutput":410},"src/use-window-event.ts":{"bytesInOutput":381},"src/use-descendant.ts":{"bytesInOutput":3109}},"bytes":15847},"dist/use-clipboard.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@chakra-ui/utils","kind":"require-call","external":true},{"path":"@chakra-ui/vue-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/use-clipboard.ts","inputs":{"src/use-clipboard.ts":{"bytesInOutput":1262},"src/use-event-listener.ts":{"bytesInOutput":1108}},"bytes":3445},"dist/use-counter.js":{"imports":[{"path":"@chakra-ui/utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/use-counter.ts","inputs":{"src/use-counter.ts":{"bytesInOutput":2931}},"bytes":3947},"dist/use-descendant.js":{"imports":[{"path":"@chakra-ui/vue-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/use-descendant.ts","inputs":{"src/use-descendant.ts":{"bytesInOutput":3369}},"bytes":4735},"dist/use-disclosure.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/use-disclosure.ts","inputs":{"src/use-disclosure.ts":{"bytesInOutput":1655},"src/use-id.ts":{"bytesInOutput":422}},"bytes":3143},"dist/use-element-stack.js":{"imports":[{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/use-element-stack.ts","inputs":{"src/use-element-stack.ts":{"bytesInOutput":1459}},"bytes":2541},"dist/use-event-listener.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@chakra-ui/utils","kind":"require-call","external":true},{"path":"@chakra-ui/vue-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/use-event-listener.ts","inputs":{"src/use-event-listener.ts":{"bytesInOutput":1290}},"bytes":2319},"dist/use-id.js":{"imports":[{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/use-id.ts","inputs":{"src/use-id.ts":{"bytesInOutput":757}},"bytes":1773},"dist/use-media-query.js":{"imports":[{"path":"@chakra-ui/vue-utils","kind":"require-call","external":true},{"path":"@chakra-ui/vue-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/use-media-query.ts","inputs":{"src/use-media-query.ts":{"bytesInOutput":1358},"src/use-supported.ts":{"bytesInOutput":406}},"bytes":2839},"dist/use-supported.js":{"imports":[{"path":"@chakra-ui/vue-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/use-supported.ts","inputs":{"src/use-supported.ts":{"bytesInOutput":565}},"bytes":1585},"dist/use-window-event.js":{"imports":[{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/use-window-event.ts","inputs":{"src/use-window-event.ts":{"bytesInOutput":551}},"bytes":1576}}}

dist/metafile-esm.json

@@ -1,1 +0,1 @@
-{"inputs":{"src/use-event-listener.ts":{"bytes":3188,"imports":[]},"src/use-element-stack.ts":{"bytes":1083,"imports":[]},"src/use-clipboard.ts":{"bytes":1257,"imports":[{"path":"src/use-event-listener.ts","kind":"import-statement"}]},"src/use-counter.ts":{"bytes":3769,"imports":[]},"src/use-id.ts":{"bytes":2727,"imports":[]},"src/use-disclosure.ts":{"bytes":3712,"imports":[{"path":"src/use-id.ts","kind":"import-statement"}]},"src/use-supported.ts":{"bytes":844,"imports":[]},"src/use-media-query.ts":{"bytes":1383,"imports":[{"path":"src/use-supported.ts","kind":"import-statement"}]},"src/use-window-event.ts":{"bytes":525,"imports":[]},"src/use-descendant.ts":{"bytes":3227,"imports":[]},"src/index.tsx":{"bytes":872,"imports":[{"path":"src/use-event-listener.ts","kind":"import-statement"},{"path":"src/use-element-stack.ts","kind":"import-statement"},{"path":"src/use-clipboard.ts","kind":"import-statement"},{"path":"src/use-counter.ts","kind":"import-statement"},{"path":"src/use-disclosure.ts","kind":"import-statement"},{"path":"src/use-id.ts","kind":"import-statement"},{"path":"src/use-media-query.ts","kind":"import-statement"},{"path":"src/use-supported.ts","kind":"import-statement"},{"path":"src/use-window-event.ts","kind":"import-statement"},{"path":"src/use-descendant.ts","kind":"import-statement"}]}},"outputs":{"dist/use-media-query.mjs":{"imports":[{"path":"dist/chunk-6PADYM5L.mjs","kind":"import-statement"},{"path":"dist/chunk-T2UAVNAT.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useMediaQuery"],"entryPoint":"src/use-media-query.ts","inputs":{},"bytes":146},"dist/use-supported.mjs":{"imports":[{"path":"dist/chunk-T2UAVNAT.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useSupported"],"entryPoint":"src/use-supported.ts","inputs":{},"bytes":113},"dist/use-window-event.mjs":{"imports":[{"path":"dist/chunk-NZCDU3ND.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useWindowEvent"],"entryPoint":"src/use-window-event.ts","inputs":{},"bytes":117},"dist/index.mjs":{"imports":[{"path":"dist/chunk-6PADYM5L.mjs","kind":"import-statement"},{"path":"dist/chunk-T2UAVNAT.mjs","kind":"import-statement"},{"path":"dist/chunk-NZCDU3ND.mjs","kind":"import-statement"},{"path":"dist/chunk-HJHQWC54.mjs","kind":"import-statement"},{"path":"dist/chunk-ITNZ3OHT.mjs","kind":"import-statement"},{"path":"dist/chunk-6XTWJRAW.mjs","kind":"import-statement"},{"path":"dist/chunk-SI2LUL6C.mjs","kind":"import-statement"},{"path":"dist/chunk-6U6PC2OR.mjs","kind":"import-statement"},{"path":"dist/chunk-5KFONQLM.mjs","kind":"import-statement"},{"path":"dist/chunk-OGYT5CBC.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["StackMessage","createDescendantRegister","useClipboard","useCounter","useDisclosure","useElementStack","useEventListener","useId","useIds","useMediaQuery","useStackContext","useStackProvider","useSupported","useWindowEvent"],"entryPoint":"src/index.tsx","inputs":{"src/index.tsx":{"bytesInOutput":0}},"bytes":910},"dist/chunk-6PADYM5L.mjs":{"imports":[{"path":"dist/chunk-T2UAVNAT.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useMediaQuery"],"inputs":{"src/use-media-query.ts":{"bytesInOutput":1127}},"bytes":1287},"dist/chunk-T2UAVNAT.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useSupported"],"inputs":{"src/use-supported.ts":{"bytesInOutput":359}},"bytes":461},"dist/chunk-NZCDU3ND.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useWindowEvent"],"inputs":{"src/use-window-event.ts":{"bytesInOutput":365}},"bytes":472},"dist/use-clipboard.mjs":{"imports":[{"path":"dist/chunk-HJHQWC54.mjs","kind":"import-statement"},{"path":"dist/chunk-5KFONQLM.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useClipboard"],"entryPoint":"src/use-clipboard.ts","inputs":{},"bytes":144},"dist/chunk-HJHQWC54.mjs":{"imports":[{"path":"dist/chunk-5KFONQLM.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useClipboard"],"inputs":{"src/use-clipboard.ts":{"bytesInOutput":1035}},"bytes":1196},"dist/use-counter.mjs":{"imports":[{"path":"dist/chunk-ITNZ3OHT.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useCounter"],"entryPoint":"src/use-counter.ts","inputs":{},"bytes":109},"dist/chunk-ITNZ3OHT.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useCounter"],"inputs":{"src/use-counter.ts":{"bytesInOutput":2633}},"bytes":2731},"dist/use-descendant.mjs":{"imports":[{"path":"dist/chunk-6XTWJRAW.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["Descendant","DescendantAuthority","createDescendantRegister"],"entryPoint":"src/use-descendant.ts","inputs":{},"bytes":211},"dist/chunk-6XTWJRAW.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["Descendant","DescendantAuthority","createDescendantRegister"],"inputs":{"src/use-descendant.ts":{"bytesInOutput":3057}},"bytes":3226},"dist/use-disclosure.mjs":{"imports":[{"path":"dist/chunk-SI2LUL6C.mjs","kind":"import-statement"},{"path":"dist/chunk-OGYT5CBC.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useDisclosure"],"entryPoint":"src/use-disclosure.ts","inputs":{},"bytes":146},"dist/chunk-SI2LUL6C.mjs":{"imports":[{"path":"dist/chunk-OGYT5CBC.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useDisclosure"],"inputs":{"src/use-disclosure.ts":{"bytesInOutput":1405}},"bytes":1557},"dist/use-element-stack.mjs":{"imports":[{"path":"dist/chunk-6U6PC2OR.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["StackMessage","useElementStack","useStackContext","useStackProvider"],"entryPoint":"src/use-element-stack.ts","inputs":{},"bytes":229},"dist/chunk-6U6PC2OR.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["StackMessage","useElementStack","useStackContext","useStackProvider"],"inputs":{"src/use-element-stack.ts":{"bytesInOutput":1137}},"bytes":1301},"dist/use-event-listener.mjs":{"imports":[{"path":"dist/chunk-5KFONQLM.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useEventListener"],"entryPoint":"src/use-event-listener.ts","inputs":{},"bytes":121},"dist/chunk-5KFONQLM.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useEventListener"],"inputs":{"src/use-event-listener.ts":{"bytesInOutput":1003}},"bytes":1114},"dist/use-id.mjs":{"imports":[{"path":"dist/chunk-OGYT5CBC.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useId","useIds"],"entryPoint":"src/use-id.ts","inputs":{},"bytes":119},"dist/chunk-OGYT5CBC.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useId","useIds"],"inputs":{"src/use-id.ts":{"bytesInOutput":915}},"bytes":1013},"dist/chunk-Q3KE6ACF.mjs":{"imports":[],"exports":["__name","__publicField"],"inputs":{},"bytes":464}}}
+{"inputs":{"src/use-event-listener.ts":{"bytes":3188,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@chakra-ui/utils","kind":"import-statement","external":true},{"path":"@chakra-ui/vue-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-element-stack.ts":{"bytes":1083,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-clipboard.ts":{"bytes":1257,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"src/use-event-listener.ts","kind":"import-statement","original":"./use-event-listener"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-counter.ts":{"bytes":3769,"imports":[{"path":"@chakra-ui/utils","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-id.ts":{"bytes":925,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-disclosure.ts":{"bytes":3712,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"src/use-id.ts","kind":"import-statement","original":"./use-id"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-supported.ts":{"bytes":844,"imports":[{"path":"@chakra-ui/vue-utils","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-media-query.ts":{"bytes":1383,"imports":[{"path":"@chakra-ui/vue-utils","kind":"import-statement","external":true},{"path":"src/use-supported.ts","kind":"import-statement","original":"./use-supported"},{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-window-event.ts":{"bytes":525,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/use-descendant.ts":{"bytes":3227,"imports":[{"path":"@chakra-ui/vue-utils","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.tsx":{"bytes":872,"imports":[{"path":"src/use-event-listener.ts","kind":"import-statement","original":"./use-event-listener"},{"path":"src/use-element-stack.ts","kind":"import-statement","original":"./use-element-stack"},{"path":"src/use-clipboard.ts","kind":"import-statement","original":"./use-clipboard"},{"path":"src/use-counter.ts","kind":"import-statement","original":"./use-counter"},{"path":"src/use-disclosure.ts","kind":"import-statement","original":"./use-disclosure"},{"path":"src/use-id.ts","kind":"import-statement","original":"./use-id"},{"path":"src/use-media-query.ts","kind":"import-statement","original":"./use-media-query"},{"path":"src/use-supported.ts","kind":"import-statement","original":"./use-supported"},{"path":"src/use-window-event.ts","kind":"import-statement","original":"./use-window-event"},{"path":"src/use-descendant.ts","kind":"import-statement","original":"./use-descendant"}],"format":"esm"}},"outputs":{"dist/use-media-query.mjs":{"imports":[{"path":"dist/chunk-6PADYM5L.mjs","kind":"import-statement"},{"path":"dist/chunk-T2UAVNAT.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useMediaQuery"],"entryPoint":"src/use-media-query.ts","inputs":{},"bytes":146},"dist/use-supported.mjs":{"imports":[{"path":"dist/chunk-T2UAVNAT.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useSupported"],"entryPoint":"src/use-supported.ts","inputs":{},"bytes":113},"dist/use-window-event.mjs":{"imports":[{"path":"dist/chunk-NZCDU3ND.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useWindowEvent"],"entryPoint":"src/use-window-event.ts","inputs":{},"bytes":117},"dist/index.mjs":{"imports":[{"path":"dist/chunk-6PADYM5L.mjs","kind":"import-statement"},{"path":"dist/chunk-T2UAVNAT.mjs","kind":"import-statement"},{"path":"dist/chunk-NZCDU3ND.mjs","kind":"import-statement"},{"path":"dist/chunk-HJHQWC54.mjs","kind":"import-statement"},{"path":"dist/chunk-ITNZ3OHT.mjs","kind":"import-statement"},{"path":"dist/chunk-6XTWJRAW.mjs","kind":"import-statement"},{"path":"dist/chunk-N434GVKB.mjs","kind":"import-statement"},{"path":"dist/chunk-6U6PC2OR.mjs","kind":"import-statement"},{"path":"dist/chunk-5KFONQLM.mjs","kind":"import-statement"},{"path":"dist/chunk-XMBQAQIT.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["StackMessage","createDescendantRegister","useClipboard","useCounter","useDisclosure","useElementStack","useEventListener","useId","useIds","useMediaQuery","useStackContext","useStackProvider","useSupported","useWindowEvent"],"entryPoint":"src/index.tsx","inputs":{"src/index.tsx":{"bytesInOutput":0}},"bytes":910},"dist/chunk-6PADYM5L.mjs":{"imports":[{"path":"dist/chunk-T2UAVNAT.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"},{"path":"@chakra-ui/vue-utils","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["useMediaQuery"],"inputs":{"src/use-media-query.ts":{"bytesInOutput":1127}},"bytes":1287},"dist/chunk-T2UAVNAT.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"},{"path":"@chakra-ui/vue-utils","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["useSupported"],"inputs":{"src/use-supported.ts":{"bytesInOutput":359}},"bytes":461},"dist/chunk-NZCDU3ND.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["useWindowEvent"],"inputs":{"src/use-window-event.ts":{"bytesInOutput":365}},"bytes":472},"dist/use-clipboard.mjs":{"imports":[{"path":"dist/chunk-HJHQWC54.mjs","kind":"import-statement"},{"path":"dist/chunk-5KFONQLM.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useClipboard"],"entryPoint":"src/use-clipboard.ts","inputs":{},"bytes":144},"dist/chunk-HJHQWC54.mjs":{"imports":[{"path":"dist/chunk-5KFONQLM.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["useClipboard"],"inputs":{"src/use-clipboard.ts":{"bytesInOutput":1035}},"bytes":1196},"dist/use-counter.mjs":{"imports":[{"path":"dist/chunk-ITNZ3OHT.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useCounter"],"entryPoint":"src/use-counter.ts","inputs":{},"bytes":109},"dist/chunk-ITNZ3OHT.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"},{"path":"@chakra-ui/utils","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["useCounter"],"inputs":{"src/use-counter.ts":{"bytesInOutput":2633}},"bytes":2731},"dist/use-descendant.mjs":{"imports":[{"path":"dist/chunk-6XTWJRAW.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["Descendant","DescendantAuthority","createDescendantRegister"],"entryPoint":"src/use-descendant.ts","inputs":{},"bytes":211},"dist/chunk-6XTWJRAW.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"},{"path":"@chakra-ui/vue-utils","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["Descendant","DescendantAuthority","createDescendantRegister"],"inputs":{"src/use-descendant.ts":{"bytesInOutput":3057}},"bytes":3226},"dist/use-disclosure.mjs":{"imports":[{"path":"dist/chunk-N434GVKB.mjs","kind":"import-statement"},{"path":"dist/chunk-XMBQAQIT.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useDisclosure"],"entryPoint":"src/use-disclosure.ts","inputs":{},"bytes":146},"dist/chunk-N434GVKB.mjs":{"imports":[{"path":"dist/chunk-XMBQAQIT.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["useDisclosure"],"inputs":{"src/use-disclosure.ts":{"bytesInOutput":1405}},"bytes":1557},"dist/use-element-stack.mjs":{"imports":[{"path":"dist/chunk-6U6PC2OR.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["StackMessage","useElementStack","useStackContext","useStackProvider"],"entryPoint":"src/use-element-stack.ts","inputs":{},"bytes":229},"dist/chunk-6U6PC2OR.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["StackMessage","useElementStack","useStackContext","useStackProvider"],"inputs":{"src/use-element-stack.ts":{"bytesInOutput":1137}},"bytes":1301},"dist/use-event-listener.mjs":{"imports":[{"path":"dist/chunk-5KFONQLM.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useEventListener"],"entryPoint":"src/use-event-listener.ts","inputs":{},"bytes":121},"dist/chunk-5KFONQLM.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@chakra-ui/utils","kind":"import-statement","external":true},{"path":"@chakra-ui/vue-utils","kind":"import-statement","external":true}],"exports":["useEventListener"],"inputs":{"src/use-event-listener.ts":{"bytesInOutput":1003}},"bytes":1114},"dist/use-id.mjs":{"imports":[{"path":"dist/chunk-XMBQAQIT.mjs","kind":"import-statement"},{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"}],"exports":["useId","useIds"],"entryPoint":"src/use-id.ts","inputs":{},"bytes":119},"dist/chunk-XMBQAQIT.mjs":{"imports":[{"path":"dist/chunk-Q3KE6ACF.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true}],"exports":["useId","useIds"],"inputs":{"src/use-id.ts":{"bytesInOutput":565}},"bytes":663},"dist/chunk-Q3KE6ACF.mjs":{"imports":[],"exports":["__name","__publicField"],"inputs":{},"bytes":464}}}

dist/use-disclosure.js

@@ -30,20 +30,8 @@ "use strict";
 // src/use-id.ts
-var import_utils = require("@chakra-ui/utils");
 var import_vue = require("vue");
-var serverHandoffComplete = (0, import_utils.canUseDOM)();
 var _id = 0;
 var genId = /* @__PURE__ */ __name(() => ++_id, "genId");
 var useId = /* @__PURE__ */ __name((id, prefix) => {
-  const initialId = id || (serverHandoffComplete ? genId() : null);
+  const initialId = id || genId();
   const uid = (0, import_vue.ref)(initialId);
-  (0, import_vue.onBeforeMount)(() => {
-    if (serverHandoffComplete === false) {
-      serverHandoffComplete = true;
-    }
-  });
-  (0, import_vue.onMounted)(() => {
-    if (uid.value === null) {
-      uid.value = genId();
-    }
-  });
   return (0, import_vue.computed)(() => {
@@ -50,0 +38,0 @@ const __id__ = uid.value !== null ? uid.value.toString() : void 0;

dist/use-id.d.ts

 import * as vue from 'vue';
 
 /**
- * Credit: https://github.com/reach/reach-ui/blob/develop/packages/auto-id/src/index.tsx
- *
- * Why does this hook exist?
- *   1. Accessibiliy APIs rely heavily on element IDs
- *   2. Requiring developers to put IDs on every Chakra component
- *      is cumbersome and error-prone.
- *   3. With a components model, we can generate IDs for them!
- *
- * Solutions to ID problem:
- * 1. Generate random IDs
- *    In v0.x of @chakra-ui/vue, we did this for components.
- *    Since then, we've learned some things about performance for
- *    components especially with SSR.
- *
- *    This may not be a good idea because during server rendering
- *    the IDs will be statically generated, and during client-side hydration,
- *    the IDs may not match, when booting up the Vue App. Vue will then
- *    go ahead and recreate the entire application.
- *
- * 2. Don't server render IDs. Instead patch on client `onMounted`
- *    In this approach, generated ID is an empty string on the first render.
- *    This way the client and server possess the same ID.
- *
- *    When the component is finally mounted, we patch the ID.
- *    This may cause a re-render on the client, but it shouldn't be a
- *    big problem, because:
- *
- *        1. Components using `useId` composable are small
- *        2. With solution 1, it would cause a re-render anyway.
- *        3. This patch only runs once. (Only when the `onMounted` life
- *           -cycle hook is called.)
- *
- */
-/**
  * Generates a unique id
@@ -39,0 +5,0 @@ *

dist/use-id.js

@@ -28,20 +28,8 @@ "use strict";
 module.exports = __toCommonJS(use_id_exports);
-var import_utils = require("@chakra-ui/utils");
 var import_vue = require("vue");
-var serverHandoffComplete = (0, import_utils.canUseDOM)();
 var _id = 0;
 var genId = /* @__PURE__ */ __name(() => ++_id, "genId");
 var useId = /* @__PURE__ */ __name((id, prefix) => {
-  const initialId = id || (serverHandoffComplete ? genId() : null);
+  const initialId = id || genId();
   const uid = (0, import_vue.ref)(initialId);
-  (0, import_vue.onBeforeMount)(() => {
-    if (serverHandoffComplete === false) {
-      serverHandoffComplete = true;
-    }
-  });
-  (0, import_vue.onMounted)(() => {
-    if (uid.value === null) {
-      uid.value = genId();
-    }
-  });
   return (0, import_vue.computed)(() => {
@@ -48,0 +36,0 @@ const __id__ = uid.value !== null ? uid.value.toString() : void 0;

package.json

 {
   "name": "@chakra-ui/vue-composables",
   "description": "Chakra UI Vue | Chakra ui vue utility composables component",
-  "version": "0.0.0-dev-20230425124456",
+  "version": "0.0.0-dev-20230520095026",
   "main": "dist/index.js",
@@ -24,4 +24,4 @@ "clean-package": "../../clean-package.config.json",
     "@chakra-ui/utils": "2.0.15",
-    "@chakra-ui/vue-system": "0.0.0-dev-20230425124456",
-    "@chakra-ui/vue-utils": "0.0.0-dev-20230425124456"
+    "@chakra-ui/vue-system": "0.0.0-dev-20230520095026",
+    "@chakra-ui/vue-utils": "0.0.0-dev-20230520095026"
   },
@@ -28,0 +28,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

92600

increased by5.3%

Worsened metrics

Lines of code

2275

decreased by-3.48%

Dependency changes

• + Added@chakra-ui/c-color-mode@0.0.0-dev-20230520095026(transitive)

• + Added@chakra-ui/vue-system@0.0.0-dev-20230520095026(transitive)

• + Added@chakra-ui/vue-utils@0.0.0-dev-20230520095026(transitive)

• - Removed@chakra-ui/c-color-mode@0.0.0-dev-20230425124456(transitive)

• - Removed@chakra-ui/vue-system@0.0.0-dev-20230425124456(transitive)

• - Removed@chakra-ui/vue-utils@0.0.0-dev-20230425124456(transitive)

• Updated@chakra-ui/vue-system@0.0.0-dev-20230520095026

• Updated@chakra-ui/vue-utils@0.0.0-dev-20230520095026