@luminescent/ui 0.12.9 → 0.12.11

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")
@@ -1113,10 +1113,15 @@ const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
     ], 1, "dL_5");
   return Component;
 }, "Header_component_FfGOhhBNG5k"));
+const navColorClasses = {
+  gray: "bg-gray-800/50 border-gray-700/50",
+  transparent: "bg-transparent border-transparent"
+};
 const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   const props1 = qwik._restProps(props, [
     "fixed",
-    "floating"
+    "floating",
+    "color"
   ]);
   const menu = qwik.useSignal(false);
   return /* @__PURE__ */ qwik._jsxS("nav", {
@@ -1128,12 +1133,13 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
           "top-full mt-2": menu.value,
           "opacity-0 top-0 scale-95 pointer-events-none": !menu.value
         }
-      }, null, /* @__PURE__ */ qwik._jsxQ("div", null, {
+      }, null, /* @__PURE__ */ qwik._jsxQ("div", {
         class: {
-          "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 bg-gray-800/50 border border-gray-700/50 rounded-lg": true,
+          [navColorClasses[props.color ?? "gray"]]: true,
+          "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 border rounded-lg": true,
           'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': true
         }
-      }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
+      }, null, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
         name: "mobile",
         [qwik._IMMUTABLE]: {
           name: qwik._IMMUTABLE
@@ -1141,14 +1147,16 @@ const Nav = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((p
       }, 3, "8r_0"), 1, null), 1, null),
       /* @__PURE__ */ qwik._jsxQ("div", {
         class: {
-          "bg-gray-800/50 border-b border-gray-700/50": !props.floating,
+          [navColorClasses[props.color ?? "gray"]]: !props.floating,
+          "border-b": !props.floating,
           'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': !props.floating,
           "relative mt-2 mx-2": props.floating
         }
       }, null, /* @__PURE__ */ qwik._jsxQ("div", {
         class: {
           "flex justify-evenly w-full mx-auto px-2 max-w-7xl": true,
-          "bg-gray-800/50 border border-gray-700/50 rounded-lg": props.floating,
+          [navColorClasses[props.color ?? "gray"]]: props.floating,
+          "border rounded-lg": props.floating,
           'before:absolute before:content-[""] before:w-full before:max-w-7xl before:h-full before:rounded-lg before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': props.floating
         }
       }, null, [
@@ -1964,4 +1972,5 @@ exports._auto_buttonClass = buttonClass;
 exports.blobColorClasses = blobColorClasses;
 exports.buttonColorClasses = buttonColorClasses;
 exports.cardColorClasses = cardColorClasses;
+exports.navColorClasses = navColorClasses;
 exports.sizeClasses = sizeClasses;

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")
@@ -1111,10 +1111,15 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
     ], 1, "dL_5");
   return Component;
 }, "Header_component_FfGOhhBNG5k"));
+const navColorClasses = {
+  gray: "bg-gray-800/50 border-gray-700/50",
+  transparent: "bg-transparent border-transparent"
+};
 const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const props1 = _restProps(props, [
     "fixed",
-    "floating"
+    "floating",
+    "color"
   ]);
   const menu = useSignal(false);
   return /* @__PURE__ */ _jsxS("nav", {
@@ -1126,12 +1131,13 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
           "top-full mt-2": menu.value,
           "opacity-0 top-0 scale-95 pointer-events-none": !menu.value
         }
-      }, null, /* @__PURE__ */ _jsxQ("div", null, {
+      }, null, /* @__PURE__ */ _jsxQ("div", {
         class: {
-          "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 bg-gray-800/50 border border-gray-700/50 rounded-lg": true,
+          [navColorClasses[props.color ?? "gray"]]: true,
+          "flex flex-col gap-2 motion-safe:transition-all max-w-7xl w-full px-2 py-4 border rounded-lg": true,
           'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': true
         }
-      }, /* @__PURE__ */ _jsxC(Slot, {
+      }, null, /* @__PURE__ */ _jsxC(Slot, {
         name: "mobile",
         [_IMMUTABLE]: {
           name: _IMMUTABLE
@@ -1139,14 +1145,16 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
       }, 3, "8r_0"), 1, null), 1, null),
       /* @__PURE__ */ _jsxQ("div", {
         class: {
-          "bg-gray-800/50 border-b border-gray-700/50": !props.floating,
+          [navColorClasses[props.color ?? "gray"]]: !props.floating,
+          "border-b": !props.floating,
           'before:absolute before:content-[""] before:w-full before:h-full before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': !props.floating,
           "relative mt-2 mx-2": props.floating
         }
       }, null, /* @__PURE__ */ _jsxQ("div", {
         class: {
           "flex justify-evenly w-full mx-auto px-2 max-w-7xl": true,
-          "bg-gray-800/50 border border-gray-700/50 rounded-lg": props.floating,
+          [navColorClasses[props.color ?? "gray"]]: props.floating,
+          "border rounded-lg": props.floating,
           'before:absolute before:content-[""] before:w-full before:max-w-7xl before:h-full before:rounded-lg before:backdrop-blur-lg before:drop-shadow-xl before:-z-10': props.floating
         }
       }, null, [
@@ -1963,5 +1971,6 @@ export {
   blobColorClasses,
   buttonColorClasses,
   cardColorClasses,
+  navColorClasses,
   sizeClasses
 };

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/Nav.d.ts

@@ -5,6 +5,11 @@ interface NavContainerProps extends Omit<PropsOf<'nav'>, 'class'> {
     };
     fixed?: boolean;
     floating?: boolean;
+    color?: keyof typeof navColorClasses;
 }
+export declare const navColorClasses: {
+    gray: string;
+    transparent: string;
+};
 export declare const Nav: import("@builder.io/qwik").Component<NavContainerProps>;
 export {};

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.9",
+  "version": "0.12.11",
   "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;
-};