kenikool-ui 1.0.0

package/dist/types/wrappers/vue/types.d.ts

@@ -0,0 +1,38 @@
+import type { DefineComponent, Ref, ComputedRef, App } from 'vue';
+export interface BaseKenikoolVueProps {
+    class?: string | string[] | Record<string, boolean>;
+    style?: string | Record<string, string>;
+}
+export interface KenikoolVueEventHandlers {
+    onClick?: (event: MouseEvent) => void;
+    onChange?: (event: Event) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+    onKeydown?: (event: KeyboardEvent) => void;
+    onKeyup?: (event: KeyboardEvent) => void;
+    onMouseenter?: (event: MouseEvent) => void;
+    onMouseleave?: (event: MouseEvent) => void;
+}
+export type VueComponentFactory<P = {}> = DefineComponent<P & BaseKenikoolVueProps>;
+export interface UseThemeReturn {
+    theme: Ref<string>;
+    setTheme: (theme: string) => void;
+    availableThemes: Ref<string[]>;
+    isDark: ComputedRef<boolean>;
+    isLight: ComputedRef<boolean>;
+}
+export interface UseKenikoolComponentReturn<T extends HTMLElement> {
+    component: ComputedRef<T | null>;
+    isConnected: ComputedRef<boolean>;
+    isReady: ComputedRef<boolean>;
+}
+export interface KenikoolUIPluginOptions {
+    prefix?: string;
+    theme?: string;
+    components?: string[];
+    globalProperties?: boolean;
+}
+export interface KenikoolUIPlugin {
+    install(app: App, options?: KenikoolUIPluginOptions): void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/wrappers/vue/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/wrappers/vue/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAY,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG5E,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AAGD,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CAC5C;AAGD,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,EAAE,IAAI,eAAe,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC;AAGpF,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;IAC/B,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,WAAW;IAC/D,SAAS,EAAE,WAAW,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACjC,WAAW,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAClC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC/B;AAGD,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAAC;CAC5D"}

package/package.json

@@ -0,0 +1,138 @@
+{
+  "name": "kenikool-ui",
+  "version": "1.0.0",
+  "description": "A modern, zero-configuration Web Components library with TypeScript development, built-in themes, and comprehensive accessibility features",
+  "type": "module",
+  "main": "dist/kenikool-ui.umd.js",
+  "module": "dist/kenikool-ui.es.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/kenikool-ui.es.js",
+      "require": "./dist/kenikool-ui.umd.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./react": {
+      "import": "./dist/wrappers/react/index.js",
+      "require": "./dist/wrappers/react/index.cjs",
+      "types": "./dist/wrappers/react/index.d.ts"
+    },
+    "./vue": {
+      "import": "./dist/wrappers/vue/index.js",
+      "require": "./dist/wrappers/vue/index.cjs",
+      "types": "./dist/wrappers/vue/index.d.ts"
+    },
+    "./angular": {
+      "import": "./dist/wrappers/angular/index.js",
+      "require": "./dist/wrappers/angular/index.cjs",
+      "types": "./dist/wrappers/angular/index.d.ts"
+    },
+    "./themes/*": "./dist/themes/*",
+    "./types": "./dist/types/index.d.ts"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "vite --config vite.config.dev.ts",
+    "build": "npm run build:types && npm run build:lib && npm run build:minified",
+    "build:lib": "vite build --config vite.config.prod.ts",
+    "build:types": "npx tsc -p tsconfig.build.json && npx tsc -p tsconfig.wrappers.json",
+    "build:minified": "vite build --config vite.config.prod.ts --minify",
+    "build:analyze": "npm run build && npx vite-bundle-analyzer dist/kenikool-ui.es.js",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:run": "vitest --run",
+    "test:coverage": "vitest --coverage",
+    "test:ui": "vitest --ui",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "format": "prettier --write src/**/*.{ts,tsx,css,md}",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "size-check": "bundlesize",
+    "serve:dev": "vite --config vite.config.dev.ts --host",
+    "serve:prod": "vite preview --host",
+    "type-check": "tsc --noEmit"
+  },
+  "keywords": [
+    "web-components",
+    "ui-library",
+    "typescript",
+    "vanilla-js",
+    "accessibility",
+    "themes",
+    "zero-config",
+    "custom-elements",
+    "react",
+    "vue",
+    "angular"
+  ],
+  "author": "Kenikool UI Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kenikool/kenikool-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/kenikool/kenikool-ui/issues"
+  },
+  "homepage": "https://kenikool-ui.dev",
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.6.0",
+    "@storybook/addon-links": "^7.6.0",
+    "@storybook/blocks": "^7.6.0",
+    "@storybook/web-components": "^7.6.0",
+    "@storybook/web-components-vite": "^7.6.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitest/coverage-v8": "^1.6.1",
+    "@vitest/ui": "^1.0.0",
+    "bundlesize": "^0.18.1",
+    "eslint": "^8.45.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "fast-check": "^3.23.2",
+    "jsdom": "^23.2.0",
+    "lit": "^3.1.0",
+    "prettier": "^3.0.0",
+    "storybook": "^7.6.0",
+    "typescript": "^5.2.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.6.0",
+    "vitest": "^1.6.1"
+  },
+  "peerDependencies": {
+    "@webcomponents/webcomponentsjs": "^2.8.0"
+  },
+  "optionalDependencies": {
+    "react": "^18.0.0",
+    "vue": "^3.0.0",
+    "@angular/core": "^17.0.0"
+  },
+  "bundlesize": [
+    {
+      "path": "./dist/kenikool-ui.es.js",
+      "maxSize": "45 kB",
+      "compression": "gzip"
+    },
+    {
+      "path": "./dist/kenikool-ui.umd.js",
+      "maxSize": "50 kB",
+      "compression": "gzip"
+    }
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "typesVersions": {
+    "*": {
+      "react": ["./dist/wrappers/react/index.d.ts"],
+      "vue": ["./dist/wrappers/vue/index.d.ts"],
+      "angular": ["./dist/wrappers/angular/index.d.ts"],
+      "types": ["./dist/types/index.d.ts"]
+    }
+  }
+}