@vueland/ui 0.0.1

package/dist/utils/create-simple-functional.js

@@ -0,0 +1,34 @@
+import { defineComponent, h } from 'vue';
+
+const createSimpleInstance = (c, el = "div", name = "") => {
+  const _name = name || c.split("-").map((it) => it[0].toUpperCase() + it.slice(1)).join("");
+  return defineComponent({
+    name: _name,
+    setup(_, { slots }) {
+      const propsData = {
+        class: {
+          [c.trim()]: true
+        }
+      };
+      return () => h(el, propsData, slots.default && slots.default());
+    }
+  });
+};
+function createFunctionalComponent(cls, tag = "div") {
+  const name = cls.split("-").map((it) => it[0].toUpperCase() + it.slice(1)).join("");
+  const Comp = (props, ctx) => {
+    var _a, _b, _c;
+    return h(
+      (_a = props.tag) != null ? _a : tag,
+      {
+        ...ctx.attrs,
+        class: [cls]
+      },
+      (_c = (_b = ctx.slots).default) == null ? void 0 : _c.call(_b)
+    );
+  };
+  Comp.displayName = name;
+  return Comp;
+}
+
+export { createFunctionalComponent, createSimpleInstance };

package/dist/utils/globals.js

@@ -0,0 +1,3 @@
+const IN_BROWSER = typeof window !== "undefined";
+
+export { IN_BROWSER };

package/dist/utils/index.d.ts

@@ -0,0 +1,30 @@
+import * as vue from 'vue';
+import { FunctionalComponent } from 'vue';
+
+declare function throttle<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => void;
+
+declare function convertToUnit(str: string | number, unit?: string): string;
+
+declare const createSimpleInstance: (c: string, el?: string, name?: string) => vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare function createFunctionalComponent(cls: string, tag?: string): FunctionalComponent;
+
+declare const IN_BROWSER: boolean;
+
+type ThemeTokensInput = Record<string, string> | string[];
+type PropertyMap = Record<string, string>;
+interface CompileThemeCssOptions {
+    includeVars?: boolean;
+    includeUtils?: boolean;
+    minify?: boolean;
+    propertyMap?: PropertyMap;
+    colorKinds?: string[];
+    generateStates?: {
+        hover?: boolean;
+        active?: boolean;
+    };
+}
+declare function compileCssClasses(input: ThemeTokensInput, options?: CompileThemeCssOptions): string;
+
+export { IN_BROWSER, compileCssClasses, convertToUnit, createFunctionalComponent, createSimpleInstance, throttle };

package/dist/utils/index.js

@@ -0,0 +1,5 @@
+export { throttle } from './throttle.js';
+export { convertToUnit } from './convert-to-unit.js';
+export { createFunctionalComponent, createSimpleInstance } from './create-simple-functional.js';
+export { IN_BROWSER } from './globals.js';
+export { compileCssClasses } from './compile-css-classes.js';

package/dist/utils/throttle.js

@@ -0,0 +1,19 @@
+function throttle(func, delay) {
+  let timeoutId = null;
+  let lastArgs = null;
+  return (...args) => {
+    lastArgs = args;
+    if (!timeoutId) {
+      func(args);
+      lastArgs = null;
+      timeoutId = setTimeout(() => {
+        timeoutId = null;
+        if (lastArgs) {
+          func(lastArgs);
+        }
+      }, delay);
+    }
+  };
+}
+
+export { throttle };

package/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "@vueland/ui",
+  "description": "Vue 3 component library for the Vueland platform",
+  "version": "0.0.1",
+  "private": false,
+  "type": "module",
+  "sideEffects": [
+    "**/*.scss",
+    "**/*.css"
+  ],
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/types.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./css/utils/*": "./dist/css/utils/*",
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js",
+      "require": "./dist/components/index.js"
+    },
+    "./composables": {
+      "types": "./dist/composables/index.d.ts",
+      "import": "./dist/composables/index.js",
+      "require": "./dist/composables/index.js"
+    },
+    "./directives": {
+      "types": "./dist/directives/index.d.ts",
+      "import": "./dist/directives/index.js",
+      "require": "./dist/directives/index.js"
+    },
+    "./constants": {
+      "types": "./dist/constants/index.d.ts",
+      "import": "./dist/constants/index.js",
+      "require": "./dist/constants/index.js"
+    },
+    "./enums/*": {
+      "types": "./dist/enums/index.d.ts",
+      "import": "./dist/enums/index.js",
+      "require": "./dist/enums/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "require": "./dist/utils/index.js"
+    },
+    "./css/themes/default-theme.css": "./dist/css/themes/default-theme.css"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.27"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "@vitest/coverage-v8": "^4.0.18",
+    "@vue/compiler-sfc": "^3.5.27",
+    "@vue/test-utils": "^2.4.6",
+    "autoprefixer": "^10.4.20",
+    "fs-extra": "^11.3.4",
+    "happy-dom": "^20.4.0",
+    "postcss": "^8.5.1",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.57.1",
+    "rollup-plugin-dts": "^6.3.0",
+    "rollup-plugin-esbuild": "^6.2.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "sass": "^1.97.3",
+    "vitest": "^4.0.18",
+    "vue": "^3.5.27",
+    "vue-tsc": "^2.2.0"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "pnpm run clean && pnpm run build:js && pnpm run build:types",
+    "build:deploy": "pnpm run build:types && rollup -c ./build/rollup.config.mjs && pnpm run copy:all && pnpm run types:clean",
+    "copy:all": "node ./build/copy-dts.mjs && node ./build/insert-ref.mjs",
+    "build:js": "rollup -c ./build/rollup.config.mjs",
+    "build-lib": "pnpm run build:types && rollup -c ./build/rollup.config.mjs",
+    "build:types": "vue-tsc -p tsconfig.build.json --declaration --emitDeclarationOnly",
+    "test:lib": "vitest run -c vitest.config.ts",
+    "test:deploy": "vitest run -c vitest.config.ts",
+    "test:watch": "vitest -c vitest.config.ts",
+    "typecheck": "vue-tsc -p tsconfig.build.json --noEmit",
+    "types:clean": "rimraf dist/temp-types",
+    "lint:lib": "eslint ."
+  }
+}