vueless 0.0.552 → 0.0.553

package/index.d.ts

@@ -1,7 +1,9 @@
 import type { App } from "vue";
 import type { CreateVuelessOptions } from "./types.ts";
-export { setTitle } from "./utils/helper.ts";
 export { setTheme } from "./utils/theme.ts";
+export { cx, cva, compose } from "./utils/ui.ts";
+export { isSSR, isCSR, getRandomId, setTitle, createDebounce } from "./utils/helper.ts";
+export { isMac, isPWA, isIOS, isAndroid, isMobileApp, isWindows } from "./utils/platform.ts";
 export { default as createVueI18nAdapter } from "./adatper.locale/vue-i18n.js";
 export { default as defaultEnLocale } from "./adatper.locale/locales/en.js";
 export { useLocale } from "./composables/useLocale.ts";

package/index.ts

@@ -7,8 +7,10 @@ import { themeInit } from "./utils/theme.ts";
 import type { App } from 'vue'
 import type { CreateVuelessOptions } from './types.ts'
 
-export { setTitle } from "./utils/helper.ts";
 export { setTheme } from "./utils/theme.ts";
+export { cx, cva, compose } from "./utils/ui.ts";
+export { isSSR, isCSR, getRandomId, setTitle, createDebounce } from "./utils/helper.ts";
+export { isMac, isPWA, isIOS, isAndroid, isMobileApp, isWindows } from "./utils/platform.ts";
 export { default as createVueI18nAdapter } from "./adatper.locale/vue-i18n.js";
 export { default as defaultEnLocale } from "./adatper.locale/locales/en.js";
 export { useLocale } from "./composables/useLocale.ts";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.552",
+  "version": "0.0.553",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.data-table/storybook/stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryFn } from "@storybook/vue3";
 import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
-import { getRandomId } from "../../utils/ui.ts";
+import { getRandomId } from "../../utils/helper.ts";
 
 import UTable from "../UTable.vue";
 import UButton from "../../ui.button/UButton.vue";

package/ui.data-table/utilTable.ts

@@ -1,4 +1,4 @@
-import { getRandomId } from "../utils/ui.ts";
+import { getRandomId } from "../utils/helper.ts";
 
 import type { Column, ColumnObject, Row, RowData, RowId } from "./types.ts";
 

package/ui.text-notify/utilNotify.ts

@@ -1,4 +1,5 @@
-import { getRandomId, vuelessConfig } from "../utils/ui.ts";
+import { vuelessConfig } from "../utils/ui.ts";
+import { getRandomId } from "../utils/helper.ts";
 import { DELAY_BETWEEN_CLONES, DURATION, LOCAL_STORAGE_ID, NOTIFY_TYPE } from "./constants.ts";
 
 interface NotifyConfig {

package/utils/helper.ts

@@ -57,6 +57,22 @@ export function setTitle({ title = "", separator = " / ", suffix = "" }) {
   }
 }
 
+/**
+ * Generates simple unique identifier.
+ */
+export function getRandomId(length = 15) {
+  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+  const charactersLength = characters.length;
+
+  let id = "";
+
+  while (id.length < length) {
+    id += characters.charAt(Math.floor(Math.random() * charactersLength));
+  }
+
+  return id;
+}
+
 /**
  * Check is code rendering on the server side.
  */

package/utils/ui.ts

@@ -127,19 +127,3 @@ export function getColor(color: string) {
 export function setColor(classes: string, color: string) {
   return classes?.replace(/{color}/g, color);
 }
-
-/**
- * Generates simple unique identifier.
- */
-export function getRandomId(length = 15) {
-  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
-  const charactersLength = characters.length;
-
-  let id = "";
-
-  while (id.length < length) {
-    id += characters.charAt(Math.floor(Math.random() * charactersLength));
-  }
-
-  return id;
-}

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.552",
+  "version": "0.0.553",
   "contributions": {
     "html": {
       "description-markup": "markdown",