@luminescent/ui 0.12.8 → 0.12.10

package/lib/index.qwik.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const qwik = require("@builder.io/qwik");
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const Anchor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => /* @__PURE__ */ qwik._jsxQ("span", null, {
-  class: "block h-32 -mt-32",
+  class: "block h-32 -mt-32 pointer-events-none",
   id: qwik._fnSignal((p0) => p0.id, [
     props
   ], "p0.id")
@@ -124,12 +124,13 @@ const Blobs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   ], 1, "OL_0");
 }, "Blobs_component_246Oa50YM60"));
 const buttonColorClasses = {
+  red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
+  orange: "bg-orange-700/90 border-orange-600 hover:bg-orange-600 active:bg-orange-500 focus:border-orange-500",
+  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
+  green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-500",
   blue: "bg-blue-600/90 border-blue-500 hover:bg-blue-500 active:bg-blue-400 focus:border-blue-400",
   purple: "bg-purple-600/90 border-purple-500 hover:bg-purple-500 active:bg-purple-400 focus:border-purple-400",
   pink: "bg-pink-600/90 border-pink-500 hover:bg-pink-500 active:bg-pink-400 focus:border-pink-400",
-  red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
-  green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-500",
-  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
   gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
   darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
   transparent: "bg-transparent border-transparent hover:bg-gray-600/50 active:bg-gray-600/60 focus:border-gray-600/60"

package/lib/index.qwik.mjs

@@ -1,7 +1,7 @@
 import { componentQrl, inlinedQrl, _jsxQ, _fnSignal, _restProps, _jsxS, _jsxC, Slot, _jsxBranch, _wrapSignal, _IMMUTABLE, useStore, useLexicalScope, _wrapProp, useOn, useStylesQrl, useSignal } from "@builder.io/qwik";
 import { Fragment } from "@builder.io/qwik/jsx-runtime";
 const Anchor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => /* @__PURE__ */ _jsxQ("span", null, {
-  class: "block h-32 -mt-32",
+  class: "block h-32 -mt-32 pointer-events-none",
   id: _fnSignal((p0) => p0.id, [
     props
   ], "p0.id")
@@ -122,12 +122,13 @@ const Blobs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   ], 1, "OL_0");
 }, "Blobs_component_246Oa50YM60"));
 const buttonColorClasses = {
+  red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
+  orange: "bg-orange-700/90 border-orange-600 hover:bg-orange-600 active:bg-orange-500 focus:border-orange-500",
+  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
+  green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-500",
   blue: "bg-blue-600/90 border-blue-500 hover:bg-blue-500 active:bg-blue-400 focus:border-blue-400",
   purple: "bg-purple-600/90 border-purple-500 hover:bg-purple-500 active:bg-purple-400 focus:border-purple-400",
   pink: "bg-pink-600/90 border-pink-500 hover:bg-pink-500 active:bg-pink-400 focus:border-pink-400",
-  red: "bg-red-700/90 border-red-600 hover:bg-red-600 active:bg-red-500 focus:border-red-500",
-  green: "bg-green-700/90 border-green-600 hover:bg-green-600 active:bg-green-500 focus:border-green-500",
-  yellow: "bg-yellow-700/90 border-yellow-600 hover:bg-yellow-600 active:bg-yellow-500 focus:border-yellow-500",
   gray: "bg-gray-700/90 border-gray-600 hover:bg-gray-600 active:bg-gray-500 focus:border-gray-500",
   darkgray: "bg-gray-800/90 border-gray-700 hover:bg-gray-700 active:bg-gray-600 focus:border-gray-600",
   transparent: "bg-transparent border-transparent hover:bg-gray-600/50 active:bg-gray-600/60 focus:border-gray-600/60"

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

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

package/lib-types/components/elements/Button.d.ts

@@ -1,11 +1,12 @@
 import type { PropsOf } from '@builder.io/qwik';
 export declare const buttonColorClasses: {
+    red: string;
+    orange: string;
+    yellow: string;
+    green: string;
     blue: string;
     purple: string;
     pink: string;
-    red: string;
-    green: string;
-    yellow: string;
     gray: string;
     darkgray: string;
     transparent: string;

package/lib-types/components/elements/SelectInput.d.ts

@@ -9,8 +9,9 @@ interface SelectInputProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
     size?: keyof typeof sizeClasses;
     id: string;
     values: {
-        name: string;
+        name: JSXChildren;
         value: string | number;
+        color?: keyof typeof buttonColorClasses;
     }[];
 }
 export declare const SelectInput: import("@builder.io/qwik").Component<SelectInputProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui",
-  "version": "0.12.8",
+  "version": "0.12.10",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -41,12 +41,12 @@
   },
   "devDependencies": {
     "@anuragroy/tailwindcss-animate": "^1.0.6",
-    "@builder.io/qwik": "1.4.5",
-    "@builder.io/qwik-city": "^1.4.5",
+    "@builder.io/qwik": "1.5.1",
+    "@builder.io/qwik-city": "^1.5.1",
     "@types/eslint": "^8.56.5",
-    "@types/node": "^20.11.24",
-    "@typescript-eslint/eslint-plugin": "^7.1.0",
-    "@typescript-eslint/parser": "^7.1.0",
+    "@types/node": "^20.11.25",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
     "autoprefixer": "^10.4.18",
     "chart.js": "^4.4.2",
     "eslint": "^8.57.0",
@@ -54,9 +54,9 @@
     "np": "^10.0.0",
     "postcss": "^8.4.35",
     "tailwindcss": "3.4.1",
-    "typescript": "5.3.3",
+    "typescript": "5.4.2",
     "undici": "*",
-    "vite": "^5.1.4",
+    "vite": "^5.1.6",
     "vite-tsconfig-paths": "^4.3.1"
   }
 }

package/lib-types/utils/simple-color-picker/color.d.ts

@@ -1,36 +0,0 @@
-export declare const clamp: (value: number, min: number, max: number) => number;
-export declare function getMousePosition(e: MouseEvent | TouchEvent): {
-    x: number;
-    y: number;
-};
-export declare const pad2: (c: string) => string;
-export type RGBAColor = {
-    r: number;
-    g: number;
-    b: number;
-    a?: number;
-};
-export type HSVAColor = {
-    h: number;
-    s: number;
-    v: number;
-    a?: number;
-};
-export declare function getBrightness(color: RGBAColor): number;
-export declare function hexNumberToRgb(color: number): {
-    r: number;
-    g: number;
-    b: number;
-};
-export declare function rgbToHex(color: RGBAColor): string;
-export declare const hexStringToNumber: (color: string) => number;
-export declare function hsvToRgb(color: HSVAColor): {
-    r: number;
-    g: number;
-    b: number;
-};
-export declare function rgbToHsv(color: RGBAColor): {
-    h: number;
-    s: number;
-    v: number;
-};