@cck-ui/hooks 0.11.1 → 0.12.1

package/cjs/index.cjs

@@ -1,5 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_use_id = require("./use-id/use-id.cjs");
 const require_use_isomorphic_effect = require("./use-isomorphic-effect/use-isomorphic-effect.cjs");
 const require_use_splitter = require("./use-splitter/use-splitter.cjs");
+exports.useId = require_use_id.useId;
 exports.useIsomorphicEffect = require_use_isomorphic_effect.useIsomorphicEffect;
 exports.useSplitter = require_use_splitter.useSplitter;

package/cjs/use-id/use-id.cjs

@@ -0,0 +1,20 @@
+"use client";
+const require_random_id = require("../utils/random-id/random-id.cjs");
+let vue = require("vue");
+//#region packages/@cck-ui/hooks/src/use-id/use-id.ts
+function useId(staticId) {
+	if (staticId) return staticId;
+	const id = (0, vue.ref)((0, vue.useId)());
+	const initialized = (0, vue.ref)(false);
+	(0, vue.onMounted)(() => {
+		if (!initialized.value) {
+			initialized.value = true;
+			id.value = require_random_id.randomId();
+		}
+	});
+	return id;
+}
+//#endregion
+exports.useId = useId;
+
+//# sourceMappingURL=use-id.cjs.map

package/cjs/use-id/use-id.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-id.cjs","names":["randomId"],"sources":["../../src/use-id/use-id.ts"],"sourcesContent":["import { useId as vueUseId, ref, onMounted } from 'vue'\nimport { randomId } from '../utils'\n\nexport function useId(staticId?: string) {\n  if (staticId) {\n    return staticId\n  }\n\n  const vueId = vueUseId()\n  const id = ref(vueId)\n  const initialized = ref(false)\n\n  onMounted(() => {\n    if (!initialized.value) {\n      initialized.value = true\n      id.value = randomId()\n    }\n  })\n\n  return id\n}\n"],"mappings":";;;;AAGA,SAAgB,MAAM,UAAmB;CACvC,IAAI,UACF,OAAO;CAIT,MAAM,MAAA,GAAA,IAAA,IAAA,EAAA,GAAA,IAAA,MAAA,CAAa,CAAC;CACpB,MAAM,eAAA,GAAA,IAAA,IAAA,CAAkB,KAAK;CAE7B,CAAA,GAAA,IAAA,UAAA,OAAgB;EACd,IAAI,CAAC,YAAY,OAAO;GACtB,YAAY,QAAQ;GACpB,GAAG,QAAQA,kBAAAA,SAAS;EACtB;CACF,CAAC;CAED,OAAO;AACT"}

package/cjs/utils/random-id/random-id.cjs

@@ -0,0 +1,9 @@
+"use client";
+//#region packages/@cck-ui/hooks/src/utils/random-id/random-id.ts
+function randomId(prefix = "c-") {
+	return `${prefix}${Math.random().toString(36).slice(2, 11)}`;
+}
+//#endregion
+exports.randomId = randomId;
+
+//# sourceMappingURL=random-id.cjs.map

package/cjs/utils/random-id/random-id.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"random-id.cjs","names":[],"sources":["../../../src/utils/random-id/random-id.ts"],"sourcesContent":["export function randomId(prefix = 'c-'): string {\n  return `${prefix}${Math.random().toString(36).slice(2, 11)}`\n}\n"],"mappings":";;AAAA,SAAgB,SAAS,SAAS,MAAc;CAC9C,OAAO,GAAG,SAAS,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,GAAG,EAAE;AAC3D"}

package/esm/index.mjs

@@ -1,3 +1,4 @@
+import { useId } from "./use-id/use-id.mjs";
 import { useIsomorphicEffect } from "./use-isomorphic-effect/use-isomorphic-effect.mjs";
 import { useSplitter } from "./use-splitter/use-splitter.mjs";
-export { useIsomorphicEffect, useSplitter };
+export { useId, useIsomorphicEffect, useSplitter };

package/esm/use-id/use-id.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { randomId } from "../utils/random-id/random-id.mjs";
+import { onMounted, ref, useId } from "vue";
+//#region packages/@cck-ui/hooks/src/use-id/use-id.ts
+function useId$1(staticId) {
+	if (staticId) return staticId;
+	const id = ref(useId());
+	const initialized = ref(false);
+	onMounted(() => {
+		if (!initialized.value) {
+			initialized.value = true;
+			id.value = randomId();
+		}
+	});
+	return id;
+}
+//#endregion
+export { useId$1 as useId };
+
+//# sourceMappingURL=use-id.mjs.map

package/esm/use-id/use-id.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-id.mjs","names":["useId","vueUseId"],"sources":["../../src/use-id/use-id.ts"],"sourcesContent":["import { useId as vueUseId, ref, onMounted } from 'vue'\nimport { randomId } from '../utils'\n\nexport function useId(staticId?: string) {\n  if (staticId) {\n    return staticId\n  }\n\n  const vueId = vueUseId()\n  const id = ref(vueId)\n  const initialized = ref(false)\n\n  onMounted(() => {\n    if (!initialized.value) {\n      initialized.value = true\n      id.value = randomId()\n    }\n  })\n\n  return id\n}\n"],"mappings":";;;;AAGA,SAAgBA,QAAM,UAAmB;CACvC,IAAI,UACF,OAAO;CAIT,MAAM,KAAK,IADGC,MACK,CAAC;CACpB,MAAM,cAAc,IAAI,KAAK;CAE7B,gBAAgB;EACd,IAAI,CAAC,YAAY,OAAO;GACtB,YAAY,QAAQ;GACpB,GAAG,QAAQ,SAAS;EACtB;CACF,CAAC;CAED,OAAO;AACT"}

package/esm/utils/random-id/random-id.mjs

@@ -0,0 +1,9 @@
+"use client";
+//#region packages/@cck-ui/hooks/src/utils/random-id/random-id.ts
+function randomId(prefix = "c-") {
+	return `${prefix}${Math.random().toString(36).slice(2, 11)}`;
+}
+//#endregion
+export { randomId };
+
+//# sourceMappingURL=random-id.mjs.map

package/esm/utils/random-id/random-id.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"random-id.mjs","names":[],"sources":["../../../src/utils/random-id/random-id.ts"],"sourcesContent":["export function randomId(prefix = 'c-'): string {\n  return `${prefix}${Math.random().toString(36).slice(2, 11)}`\n}\n"],"mappings":";;AAAA,SAAgB,SAAS,SAAS,MAAc;CAC9C,OAAO,GAAG,SAAS,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,GAAG,EAAE;AAC3D"}

package/lib/index.d.mts

@@ -1,3 +1,4 @@
+export { useId } from './use-id/use-id';
 export { useIsomorphicEffect } from './use-isomorphic-effect/use-isomorphic-effect';
 export { useSplitter } from './use-splitter/use-splitter';
 export type { UseSplitterPanel, UseSplitterOptions, UseSplitterReturnValue, UseSplitterRedistributeInput, UseSplitterRedistributeFn, UseSplitterResolvedPanel, SplitterPaneSize, SplitterStep, } from './use-splitter/use-splitter';

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+export { useId } from './use-id/use-id';
 export { useIsomorphicEffect } from './use-isomorphic-effect/use-isomorphic-effect';
 export { useSplitter } from './use-splitter/use-splitter';
 export type { UseSplitterPanel, UseSplitterOptions, UseSplitterReturnValue, UseSplitterRedistributeInput, UseSplitterRedistributeFn, UseSplitterResolvedPanel, SplitterPaneSize, SplitterStep, } from './use-splitter/use-splitter';

package/lib/use-id/use-id.d.ts

@@ -0,0 +1 @@
+export declare function useId(staticId?: string): string | import("vue").Ref<string, string>;

package/lib/utils/index.d.ts

@@ -0,0 +1 @@
+export { randomId } from './random-id/random-id';

package/lib/utils/random-id/random-id.d.ts

@@ -0,0 +1 @@
+export declare function randomId(prefix?: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cck-ui/hooks",
-  "version": "0.11.1",
+  "version": "0.12.1",
   "description": "A collection of hooks for state and UI management",
   "homepage": "https://cck-ui.jackatlas.xyz",
   "license": "ISC",