@luminescent/ui-qwik 1.4.6-0 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui-qwik",
-  "version": "1.4.6-0",
+  "version": "2.0.0",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -11,15 +11,18 @@
       "require": "./lib/index.qwik.cjs",
       "types": "./lib-types/index.d.ts"
     },
-    "./config": "./src/tailwind.config.js"
+    "./config": "./tailwind.config.js"
   },
   "files": [
     "lib",
     "lib-types",
-    "src/tailwind.config.js"
+    "tailwind.config.js"
   ],
   "engines": {
-    "node": ">=15.0.0"
+    "node": ">=23.11.0",
+    "npm": "please-use-pnpm",
+    "yarn": "please-use-pnpm",
+    "pnpm": ">=10.10.0"
   },
   "license": "AGPL-3.0-or-later",
   "private": false,
@@ -29,23 +32,27 @@
   },
   "devDependencies": {
     "@anuragroy/tailwindcss-animate": "^1.0.6",
-    "@builder.io/qwik": "1.12.0",
-    "@builder.io/qwik-city": "^1.12.0",
-    "@tailwindcss/vite": "^4.0.6",
-    "@types/eslint": "^8.56.11",
-    "@types/node": "^22.13.2",
-    "@typescript-eslint/eslint-plugin": "^8.24.0",
-    "@typescript-eslint/parser": "^8.24.0",
-    "eslint": "^8.57.0",
-    "eslint-plugin-qwik": "latest",
-    "tailwindcss": "4.0.6",
-    "typescript": "5.7.3",
-    "undici": "*",
-    "vite": "^6.1.0",
+    "@builder.io/qwik": "1.13.0",
+    "@builder.io/qwik-city": "^1.13.0",
+    "@eslint/js": "^9.26.0",
+    "@tailwindcss/vite": "^4.1.5",
+    "@types/eslint": "^9.6.1",
+    "@types/node": "^22.15.3",
+    "@typescript-eslint/eslint-plugin": "^8.31.1",
+    "@typescript-eslint/parser": "^8.31.1",
+    "eslint": "^9.26.0",
+    "eslint-plugin-qwik": "^1.13.0",
+    "globals": "^16.0.0",
+    "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "tailwindcss": "4.1.5",
+    "typescript": "5.8.3",
+    "typescript-eslint": "^8.31.1",
+    "vite": "5.4.14",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
-    "@luminescent/ui": "^1.4.3"
+    "@luminescent/ui": "2.0.0"
   },
   "scripts": {
     "build": "qwik build",
@@ -53,6 +60,8 @@
     "build.types": "tsc --emitDeclarationOnly",
     "dev": "vite --mode ssr",
     "dev.debug": "node --inspect-brk ./node_modules/vite/bin/vite.js --mode ssr --force",
+    "fmt": "prettier --write .",
+    "fmt.check": "prettier --check .",
     "lint": "eslint \"src/**/*.ts*\"",
     "start": "vite --open --mode ssr",
     "test": "echo \"No test specified\" && exit 0",

package/{src/tailwind.config.js → tailwind.config.js}

@@ -3,29 +3,45 @@ function getBlobKeyFrame() {
   const translateYPercentages = [0, 12, 25, 38, 50];
   const scaleValues = [0.8, 1, 1.2, 1.4];
 
-  const translateX0Key = Math.floor(Math.random() * translateXPercentages.length);
+  const translateX0Key = Math.floor(
+    Math.random() * translateXPercentages.length,
+  );
   const translateX0 = translateXPercentages[translateX0Key];
   translateXPercentages.splice(translateX0Key, 1);
-  const translateX1Key = Math.floor(Math.random() * translateXPercentages.length);
+  const translateX1Key = Math.floor(
+    Math.random() * translateXPercentages.length,
+  );
   const translateX1 = translateXPercentages[translateX1Key];
   translateXPercentages.splice(translateX1Key, 1);
-  const translateX2Key = Math.floor(Math.random() * translateXPercentages.length);
+  const translateX2Key = Math.floor(
+    Math.random() * translateXPercentages.length,
+  );
   const translateX2 = translateXPercentages[translateX2Key];
   translateXPercentages.splice(translateX2Key, 1);
-  const translateX3Key = Math.floor(Math.random() * translateXPercentages.length);
+  const translateX3Key = Math.floor(
+    Math.random() * translateXPercentages.length,
+  );
   const translateX3 = translateXPercentages[translateX3Key];
   translateXPercentages.splice(translateX3Key, 1);
 
-  const translateY0Key = Math.floor(Math.random() * translateYPercentages.length);
+  const translateY0Key = Math.floor(
+    Math.random() * translateYPercentages.length,
+  );
   const translateY0 = translateYPercentages[translateY0Key];
   translateYPercentages.splice(translateY0Key, 1);
-  const translateY1Key = Math.floor(Math.random() * translateYPercentages.length);
+  const translateY1Key = Math.floor(
+    Math.random() * translateYPercentages.length,
+  );
   const translateY1 = translateYPercentages[translateY1Key];
   translateYPercentages.splice(translateY1Key, 1);
-  const translateY2Key = Math.floor(Math.random() * translateYPercentages.length);
+  const translateY2Key = Math.floor(
+    Math.random() * translateYPercentages.length,
+  );
   const translateY2 = translateYPercentages[translateY2Key];
   translateYPercentages.splice(translateY2Key, 1);
-  const translateY3Key = Math.floor(Math.random() * translateYPercentages.length);
+  const translateY3Key = Math.floor(
+    Math.random() * translateYPercentages.length,
+  );
   const translateY3 = translateYPercentages[translateY3Key];
   translateYPercentages.splice(translateY3Key, 1);
 
@@ -35,34 +51,26 @@ function getBlobKeyFrame() {
   const scale3 = scaleValues[Math.floor(Math.random() * scaleValues.length)];
 
   const keyframe = {
-    '0%, 100%': { transform: `translate(${translateX0}cqw, ${translateY0}cqh) scale(${scale0})` },
-    '25%': { transform: `translate(${translateX1}cqw, ${translateY1}cqh) scale(${scale1})` },
-    '50%': { transform: `translate(${translateX2}cqw, ${translateY2}cqh) scale(${scale2})` },
-    '75%': { transform: `translate(${translateX3}cqw, ${translateY3}cqh) scale(${scale3})` },
+    '0%, 100%': {
+      transform: `translate(${translateX0}cqw, ${translateY0}cqh) scale(${scale0})`,
+    },
+    '25%': {
+      transform: `translate(${translateX1}cqw, ${translateY1}cqh) scale(${scale1})`,
+    },
+    '50%': {
+      transform: `translate(${translateX2}cqw, ${translateY2}cqh) scale(${scale2})`,
+    },
+    '75%': {
+      transform: `translate(${translateX3}cqw, ${translateY3}cqh) scale(${scale3})`,
+    },
   };
 
   return keyframe;
 }
 
-const luminescent = {
-  50: 'hsl(286deg, 65%, 97%)',
-  100: 'hsl(286deg, 60%, 95%)',
-  200: 'hsl(286deg, 55%, 90%)',
-  300: 'hsl(286deg, 50%, 82%)',
-  400: 'hsl(286deg, 45%, 75%)',
-  500: 'hsl(286deg, 40%, 60%)',
-  600: 'hsl(286deg, 35%, 51%)',
-  700: 'hsl(286deg, 30%, 42%)',
-  800: 'hsl(286deg, 25%, 35%)',
-  900: 'hsl(286deg, 20%, 30%)',
-  950: 'hsl(286deg, 15%, 17%)',
-};
-
-module.exports = {
-  content: ['./node_modules/@luminescent/ui-qwik/**/*.{mjs,cjs}'],
+export default {
   theme: {
     extend: {
-      colors: { luminescent },
       animation: {
         blob: 'blob 15s infinite',
         blob1: 'blob1 15s infinite',
@@ -83,4 +91,4 @@ module.exports = {
       },
     },
   },
-};
+};

package/lib-types/components/docs/Playground.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@builder.io/qwik").Component<unknown>;
-export default _default;