@luminescent/ui 0.12.3 → 0.12.5

package/lib/index.qwik.cjs

@@ -78,7 +78,7 @@ const Blobs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
   const colorClass = typeof (props.color ?? "darkgray") == "string" ? blobColorClasses[props.color ?? "darkgray"] : props.color ?? "darkgray";
   return /* @__PURE__ */ qwik._jsxQ("div", {
     class: {
-      "motion-reduce:hidden absolute -z-10 inset-0 transition-all animate-in fade-in anim-duration-[2s]": true,
+      "motion-reduce:hidden absolute inset-0 transition-all animate-in fade-in anim-duration-[2s] -z-[1]": true,
       ...props1.class
     }
   }, {
@@ -288,15 +288,7 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
   return /* @__PURE__ */ qwik._jsxS("div", {
     ...props1,
     children: [
-      /* @__PURE__ */ qwik._jsxQ("div", null, {
-        class: qwik._fnSignal((p0) => ({
-          "flex gap-4": true,
-          "flex-col": !p0.row,
-          "flex-row items-center": p0.row
-        }), [
-          props
-        ], '{"flex gap-4":true,"flex-col":!p0.row,"flex-row items-center":p0.row}')
-      }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_0"), 1, null),
+      /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "OW_0"),
       props1.href && /* @__PURE__ */ qwik._jsxQ("a", {
         href: qwik._wrapSignal(props1, "href")
       }, {
@@ -318,7 +310,8 @@ const Card = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
       }, 3, "OW_2")
     ],
     class: {
-      "relative p-8 border rounded-lg motion-safe:transition-all": true,
+      "relative flex gap-4 p-7 border rounded-lg motion-safe:transition-all": true,
+      "flex-col": !props.row,
       [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
       [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
       [cardColorClasses[props.color ?? "darkgray"].card.hover + " hover:shadow-lg"]: props.hover,
@@ -1061,10 +1054,18 @@ const LoadingIcon = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
 }, "LoadingIcon_component_QMsA9D0RcAM"));
 const Header = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   qwik._jsxBranch();
+  const props1 = qwik._restProps(props, [
+    "id",
+    "loading",
+    "subheader"
+  ]);
   let Component = /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
-    children: /* @__PURE__ */ qwik._jsxQ("h2", null, {
-      class: "flex gap-2 flex-1 items-center font-bold text-2xl whitespace-nowrap"
-    }, [
+    children: /* @__PURE__ */ qwik._jsxQ("h2", {
+      class: {
+        "flex gap-2 flex-1 items-center font-bold text-2xl whitespace-nowrap text-white": true,
+        ...props1.class
+      }
+    }, null, [
       /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "dL_0"),
       props.id && /* @__PURE__ */ qwik._jsxC(Anchor, {
         get id() {

package/lib/index.qwik.mjs

@@ -76,7 +76,7 @@ const Blobs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   const colorClass = typeof (props.color ?? "darkgray") == "string" ? blobColorClasses[props.color ?? "darkgray"] : props.color ?? "darkgray";
   return /* @__PURE__ */ _jsxQ("div", {
     class: {
-      "motion-reduce:hidden absolute -z-10 inset-0 transition-all animate-in fade-in anim-duration-[2s]": true,
+      "motion-reduce:hidden absolute inset-0 transition-all animate-in fade-in anim-duration-[2s] -z-[1]": true,
       ...props1.class
     }
   }, {
@@ -286,15 +286,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   return /* @__PURE__ */ _jsxS("div", {
     ...props1,
     children: [
-      /* @__PURE__ */ _jsxQ("div", null, {
-        class: _fnSignal((p0) => ({
-          "flex gap-4": true,
-          "flex-col": !p0.row,
-          "flex-row items-center": p0.row
-        }), [
-          props
-        ], '{"flex gap-4":true,"flex-col":!p0.row,"flex-row items-center":p0.row}')
-      }, /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_0"), 1, null),
+      /* @__PURE__ */ _jsxC(Slot, null, 3, "OW_0"),
       props1.href && /* @__PURE__ */ _jsxQ("a", {
         href: _wrapSignal(props1, "href")
       }, {
@@ -316,7 +308,8 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
       }, 3, "OW_2")
     ],
     class: {
-      "relative p-8 border rounded-lg motion-safe:transition-all": true,
+      "relative flex gap-4 p-7 border rounded-lg motion-safe:transition-all": true,
+      "flex-col": !props.row,
       [cardColorClasses[props.color ?? "darkgray"].card.bg]: !props.blobs,
       [cardColorClasses[props.color ?? "darkgray"].card.bg_blobs]: props.blobs,
       [cardColorClasses[props.color ?? "darkgray"].card.hover + " hover:shadow-lg"]: props.hover,
@@ -1059,10 +1052,18 @@ const LoadingIcon = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
 }, "LoadingIcon_component_QMsA9D0RcAM"));
 const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   _jsxBranch();
+  const props1 = _restProps(props, [
+    "id",
+    "loading",
+    "subheader"
+  ]);
   let Component = /* @__PURE__ */ _jsxC(Fragment, {
-    children: /* @__PURE__ */ _jsxQ("h2", null, {
-      class: "flex gap-2 flex-1 items-center font-bold text-2xl whitespace-nowrap"
-    }, [
+    children: /* @__PURE__ */ _jsxQ("h2", {
+      class: {
+        "flex gap-2 flex-1 items-center font-bold text-2xl whitespace-nowrap text-white": true,
+        ...props1.class
+      }
+    }, null, [
       /* @__PURE__ */ _jsxC(Slot, null, 3, "dL_0"),
       props.id && /* @__PURE__ */ _jsxC(Anchor, {
         get id() {

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

@@ -1,5 +1,8 @@
-import type { JSXOutput } from '@builder.io/qwik';
-interface HeaderProps {
+import type { JSXOutput, PropsOf } from '@builder.io/qwik';
+interface HeaderProps extends Omit<PropsOf<'h2'>, 'class'> {
+    class?: {
+        [key: string]: boolean;
+    };
     id?: string;
     loading?: boolean;
     subheader?: string | JSXOutput;

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

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

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

@@ -0,0 +1,36 @@
+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;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui",
-  "version": "0.12.3",
+  "version": "0.12.5",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",

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

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