@luminescent/ui-qwik 1.1.1 → 1.1.3

package/lib/index.qwik.mjs

@@ -3,7 +3,7 @@ import { Fragment } from "@builder.io/qwik/jsx-runtime";
 const Anchor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => /* @__PURE__ */ _jsxQ("span", null, {
   id: _fnSignal((p0) => p0.id, [
     props
-  ], "p0.id"),
+  ]),
   class: "block h-32 -mt-32 pointer-events-none"
 }, null, 3, "mN_0"), "Anchor_component_dUkqs0yGHwc"));
 const blobColorClasses = {
@@ -348,7 +348,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
   return /* @__PURE__ */ _jsxS("div", {
     ...props1,
     class: {
-      "flex lum-bg-gray-900 lum-pad-4xl lum-pad-equal rounded-lg": true,
+      "flex lum-bg-gray-900 lum-pad-equal-4xl rounded-lg": true,
       "flex-col": !props.row,
       [cardColorClasses[props.color ?? "darkgray"].bg]: !props.blobs,
       [cardColorClasses[props.color ?? "darkgray"].bg_blobs]: props.blobs,
@@ -383,7 +383,7 @@ const Card = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
         [_IMMUTABLE]: {
           color: _fnSignal((p0) => p0.blobs == true ? p0.color ?? "darkgray" : p0.blobs, [
             props
-          ], 'p0.blobs==true?p0.color??"darkgray":p0.blobs'),
+          ]),
           class: _IMMUTABLE
         }
       }, 3, "r7_4")
@@ -530,7 +530,7 @@ const Shuffle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     viewBox: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "z5_0");
 }, "Shuffle_component_17D0HKe0U1U"));
 const ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -664,7 +664,7 @@ const ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
   }, {
     id: _fnSignal((p0) => p0.id, [
       props
-    ], "p0.id"),
+    ]),
     onInput$: /* @__PURE__ */ inlinedQrl((e, el) => {
       const [setColor2] = useLexicalScope();
       if (!el.dataset.value) return;
@@ -682,7 +682,7 @@ const ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
           background: `linear-gradient(to right, #FFFFFF, ${p0.hue.color})`
         }), [
           store
-        ], "{background:`linear-gradient(to right, #FFFFFF, ${p0.hue.color})`}"),
+        ]),
         "preventdefault:mousedown": true,
         "preventdefault:touchstart": true,
         onMouseDown$: sbMouseDown,
@@ -703,7 +703,7 @@ const ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
             transform: `translate(${p0.sPosition}px, ${p0.bPosition}px)`
           }), [
             store
-          ], "{background:p0.value,transform:`translate(${p0.sPosition}px, ${p0.bPosition}px)`}")
+          ])
         }, null, 3, null)
       ], 1, null),
       /* @__PURE__ */ _jsxQ("div", null, {
@@ -722,7 +722,7 @@ const ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
           background: p0.hue.color
         }), [
           store
-        ], "{transform:`translateY(${-p0.hue.position}px)`,background:p0.hue.color}")
+        ])
       }, null, 3, null), 3, null)
     ], 1, null),
     /* @__PURE__ */ _jsxQ("div", null, {
@@ -750,7 +750,7 @@ const ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
             backgroundColor: `${p0.value}`
           }), [
             store
-          ], "{backgroundColor:`${p0.value}`}")
+          ])
         }, null, 3, "Xr_0"),
         /* @__PURE__ */ _jsxQ("input", {
           class: {
@@ -765,7 +765,7 @@ const ColorPicker = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
         }, {
           value: _fnSignal((p0) => p0.value, [
             store
-          ], "p0.value"),
+          ]),
           onInput$: /* @__PURE__ */ inlinedQrl((e, el) => {
             const [setColor2] = useLexicalScope();
             setColor2(el.value);
@@ -847,7 +847,7 @@ const ChevronDown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     viewBox: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "EL_0");
 }, "ChevronDown_component_t7XDRYS4gVA"));
 const Dropdown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -857,7 +857,7 @@ const Dropdown = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     /* @__PURE__ */ _jsxQ("label", null, {
       for: _fnSignal((p0) => p0.id, [
         props
-      ], "p0.id"),
+      ]),
       class: "text-gray-300 pb-1 select-none"
     }, /* @__PURE__ */ _jsxC(Slot, null, 3, "Q4_0"), 1, null),
     /* @__PURE__ */ _jsxC(DropdownRaw, {
@@ -905,7 +905,7 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
       "group": p0.hover
     }), [
       props
-    ], '{"relative touch-manipulation":true,"group":p0.hover}')
+    ])
   }, [
     props.values && /* @__PURE__ */ _jsxS("select", {
       ...props1,
@@ -923,7 +923,7 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     }, {
       id: _fnSignal((p0) => p0.id, [
         props
-      ], "p0.id"),
+      ]),
       class: _IMMUTABLE
     }, 0, "Q4_3"),
     /* @__PURE__ */ _jsxQ("button", null, {
@@ -932,7 +932,7 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
         ...p0.class
       }), [
         props
-      ], '{"lum-btn lum-pad-md text-base lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md":true,...p0.class}'),
+      ]),
       onClick$: /* @__PURE__ */ inlinedQrl(() => {
         const [store2] = useLexicalScope();
         store2.opened = !store2.opened;
@@ -942,11 +942,11 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     }, [
       _fnSignal((p0) => p0.display, [
         props
-      ], "p0.display"),
+      ]),
       !props.display && props.values && /* @__PURE__ */ _jsxQ("span", null, {
         id: _fnSignal((p0) => `lui-${p0.id}-name`, [
           props
-        ], "`lui-${p0.id}-name`"),
+        ]),
         class: "flex-1 text-left"
       }, props.values.find((value) => value.value.toString() === store.value)?.name ?? props.values[0].name, 1, "Q4_4"),
       /* @__PURE__ */ _jsxC(ChevronDown, {
@@ -967,7 +967,7 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
           }), [
             props,
             store
-          ], '{"motion-safe:transition-all duration-200":true,"transform rotate-180":p1.opened,"group-hover:transform group-hover:rotate-180":p0.hover}')
+          ])
         }
       }, 3, "Q4_5")
     ], 1, null),
@@ -980,7 +980,7 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     }, null, /* @__PURE__ */ _jsxQ("div", null, {
       id: _fnSignal((p0) => `lui-${p0.id}-opts`, [
         props
-      ], "`lui-${p0.id}-opts`"),
+      ]),
       class: {
         "motion-safe:transition-all p-1 gap-1 bg-gray-800/50 backdrop-blur-xl flex flex-col border border-gray-700 max-h-72 lui-scroll overflow-auto select-none": true
       }
@@ -1003,7 +1003,7 @@ const DropdownRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
           ])
         }, {
           class: {
-            "lum-btn lum-pad-md text-base lum-pad-transparent-gray-800 rounded-md": true
+            "lum-btn lum-pad-md text-base lum-bg-transparent": true
           }
         }, name, 0, i);
       }),
@@ -1037,7 +1037,7 @@ const Link = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     viewBox: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "zW_0");
 }, "Link_component_fiB6yg0RKjk"));
 const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1063,13 +1063,13 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
         [_IMMUTABLE]: {
           id: _fnSignal((p0) => p0.id, [
             props
-          ], "p0.id")
+          ])
         }
       }, 3, "hw_1"),
       props.anchor && props.id && /* @__PURE__ */ _jsxQ("a", null, {
         href: _fnSignal((p0) => `#${p0.id}`, [
           props
-        ], "`#${p0.id}`"),
+        ]),
         onClick$: /* @__PURE__ */ inlinedQrl(() => {
           navigator.clipboard.writeText(window.location.href);
         }, "Header_component_Component_Fragment_h2_a_onClick_tdwReSG5ZBA")
@@ -1091,7 +1091,7 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
       class: "flex items-center text-gray-400 text-sm"
     }, _fnSignal((p0) => p0.subheader, [
       props
-    ], "p0.subheader"), 3, null)
+    ]), 3, null)
   ], 1, "hw_5");
   if (props.loading !== void 0) Component = /* @__PURE__ */ _jsxQ("div", null, {
     class: "flex"
@@ -1104,7 +1104,7 @@ const Header = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
         "opacity-100": p0.loading
       }), [
         props
-      ], '{"motion-safe:transition-all duration-200":true,"opacity-0":!p0.loading,"opacity-100":p0.loading}')
+      ])
     }, /* @__PURE__ */ _jsxQ("div", null, {
       class: "lum-loading w-6 h-6"
     }, null, 3, null), 3, null)
@@ -1216,7 +1216,7 @@ const Nav = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
             }
           }, 3, "03_3"),
           /* @__PURE__ */ _jsxQ("button", null, {
-            class: "lum-btn lum-pad-md text-base lum-pad-equal lum-pad-transparent-gray-800 rounded-md"
+            class: "lum-btn lum-pad-md text-base lum-pad-equal lum-bg-transparent rounded-md"
           }, /* @__PURE__ */ _jsxQ("svg", null, {
             class: "w-6 h-6",
             fill: "none",
@@ -1255,7 +1255,7 @@ const Plus = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     viewBox: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "1y_0");
 }, "Plus_component_MKiwkkJ7or4"));
 const Minus = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1279,7 +1279,7 @@ const Minus = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =>
     viewBox: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "tk_0");
 }, "Minus_component_eaRlUyV3g0s"));
 const NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1289,7 +1289,7 @@ const NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     /* @__PURE__ */ _jsxQ("label", null, {
       for: _fnSignal((p0) => p0.id, [
         props
-      ], "p0.id"),
+      ]),
       class: "text-gray-300 pb-1 select-none"
     }, /* @__PURE__ */ _jsxC(Slot, null, 3, "kR_0"), 1, null),
     /* @__PURE__ */ _jsxC(NumberInputRaw, {
@@ -1322,7 +1322,7 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
       "gap-2": !p0.input
     }), [
       props
-    ], '{"flex text-gray-50 touch-manipulation":true,"gap-2":!p0.input}')
+    ])
   }, [
     /* @__PURE__ */ _jsxQ("button", {
       disabled: props1.min ? (props.value ?? 0) <= props1.min : false,
@@ -1366,10 +1366,10 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
       type: _IMMUTABLE,
       value: _fnSignal((p0) => p0.value ?? 0, [
         props
-      ], "p0.value??0"),
+      ]),
       step: _fnSignal((p0) => p0.step ?? 1, [
         props
-      ], "p0.step??1")
+      ])
     }, 0, "kR_4"),
     /* @__PURE__ */ _jsxQ("button", {
       disabled: props1.max ? (props.value ?? 0) >= props1.max : false,
@@ -1608,7 +1608,7 @@ const Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
       "justify-center": p0.center
     }), [
       props
-    ], '{"flex gap-3 items-center touch-manipulation":true,"justify-center":p0.center}')
+    ])
   }, [
     /* @__PURE__ */ _jsxQ("label", null, {
       class: "inline-flex relative items-center cursor-pointer"
@@ -1644,7 +1644,7 @@ const Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
       class: "text-gray-300 flex gap-2 select-none"
     }, _fnSignal((p0) => p0.label, [
       props
-    ], "p0.label"), 3, "R0_0")
+    ]), 3, "R0_0")
   ], 1, "R0_1");
 }, "Toggle_component_AHnKi33alRM"));
 const LogoBirdflop = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1692,7 +1692,7 @@ const LogoBirdflop = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
         transform: "translate(2479.9 1169.7)",
         fill: _fnSignal((p0) => p0.fillGradient ? "url(#linear-gradient)" : "", [
           props
-        ], 'p0.fillGradient?"url(#linear-gradient)":""')
+        ])
       }, null, 3, null), 3, null),
       props.confused && /* @__PURE__ */ _jsxQ("g", null, {
         style: "transform: translate(595px, 460px) scale(0.375)",
@@ -1738,7 +1738,7 @@ const LogoDiscord = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
     fill: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "uo_0");
 }, "LogoDiscord_component_jDPP8Q3cU0M"));
 const LogoFabric = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1777,7 +1777,7 @@ const LogoFabric = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
     viewBox: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "hI_0");
 }, "LogoFabric_component_iP0a9wJyPAg"));
 const LogoForge = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1815,7 +1815,7 @@ const LogoForge = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props
     viewBox: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "zC_0");
 }, "LogoForge_component_W5Al1sALh8A"));
 const LogoLuminescent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1848,7 +1848,7 @@ const LogoLuminescent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     fill: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "we_0");
 }, "LogoLuminescent_component_XLiMRdgGu0c"));
 const LogoLuminescentFull = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1994,7 +1994,7 @@ const LogoPaper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props
     viewBox: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "gL_0");
 }, "LogoPaper_component_aG0HRBVBRDI"));
 const LogoPterodactyl = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -2032,7 +2032,7 @@ const LogoPterodactyl = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
     preserveAspectRatio: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "D4_0");
 }, "LogoPterodactyl_component_10hbViSPESg"));
 const LogoPurpur = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -2113,7 +2113,7 @@ const LogoPurpur = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
     viewBox: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "tL_0");
 }, "LogoPurpur_component_c9OHr4CkPBo"));
 const LogoVelocity = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -2142,7 +2142,7 @@ const LogoVelocity = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
     fill: _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "XA_0");
 }, "LogoVelocity_component_ZPc1n5yvS0Y"));
 const LogoWaterfall = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -2169,7 +2169,7 @@ const LogoWaterfall = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     "stroke-linejoin": _IMMUTABLE,
     height: _fnSignal((p0) => p0.width, [
       props
-    ], "p0.width")
+    ])
   }, 0, "to_0");
 }, "LogoWaterfall_component_5eX8hGbmtoU"));
 export {

package/lib-types/ui/src/components/btn.d.ts

@@ -0,0 +1,3 @@
+import type { PluginAPI } from 'tailwindcss/types/config';
+export declare const defaultClasses = "lum-pad-md text-base lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md";
+export default function ({ addComponents }: PluginAPI): void;

package/lib-types/ui/src/components/card.d.ts

@@ -0,0 +1,3 @@
+import type { PluginAPI } from 'tailwindcss/types/config';
+export declare const defaultClasses = "lum-bg-gray-900 lum-pad-equal-4xl rounded-lg";
+export default function ({ addComponents }: PluginAPI): void;

package/lib-types/ui/src/components/input.d.ts

@@ -0,0 +1,3 @@
+import type { PluginAPI } from 'tailwindcss/types/config';
+export declare const defaultClasses = "lum-pad-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md";
+export default function ({ addComponents }: PluginAPI): void;

package/lib-types/ui/src/index.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config>;
+};
+export default _default;

package/lib-types/{components → ui-qwik/src/components}/elements/Blobs.d.ts

@@ -1,4 +1,4 @@
-interface BlobProps {
+export interface BlobProps {
     class?: {
         [key: string]: boolean;
     };
@@ -32,4 +32,3 @@ export declare const blobColorClasses: {
     rose: string[];
 };
 export declare const Blobs: import("@builder.io/qwik").Component<BlobProps>;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui-qwik",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -40,24 +40,24 @@
   },
   "devDependencies": {
     "@anuragroy/tailwindcss-animate": "^1.0.6",
-    "@builder.io/qwik": "1.6.0",
-    "@builder.io/qwik-city": "^1.6.0",
+    "@builder.io/qwik": "1.7.1",
+    "@builder.io/qwik-city": "^1.7.1",
     "@types/eslint": "^8.56.10",
-    "@types/node": "^20.14.9",
-    "@typescript-eslint/eslint-plugin": "^7.14.1",
-    "@typescript-eslint/parser": "^7.14.1",
+    "@types/node": "^20.14.10",
+    "@typescript-eslint/eslint-plugin": "^7.16.1",
+    "@typescript-eslint/parser": "^7.16.1",
     "autoprefixer": "^10.4.19",
     "chart.js": "^4.4.3",
     "eslint": "^8.57.0",
     "eslint-plugin-qwik": "latest",
-    "postcss": "^8.4.38",
-    "tailwindcss": "3.4.4",
-    "typescript": "5.5.2",
+    "postcss": "^8.4.39",
+    "tailwindcss": "3.4.6",
+    "typescript": "5.5.3",
     "undici": "*",
-    "vite": "^5.3.2",
+    "vite": "^5.3.4",
     "vite-tsconfig-paths": "^4.3.2"
   },
   "peerDependencies": {
-    "@luminescent/ui": "^1.0.0"
+    "@luminescent/ui": "^1.1.1"
   }
 }

package/src/tailwind.config.js

@@ -45,17 +45,17 @@ function getBlobKeyFrame() {
 }
 
 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%)"
+  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 = {

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

@@ -1,10 +0,0 @@
-import type { PropsOf } from '@builder.io/qwik';
-interface loadingIconProps extends Omit<PropsOf<'div'>, 'class'> {
-    class?: {
-        [key: string]: boolean;
-    };
-    width: number;
-    speed?: string;
-}
-export declare const LoadingIcon: import("@builder.io/qwik").Component<loadingIconProps>;
-export {};

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

@@ -1,10 +0,0 @@
-export * from './elements/Anchor';
-export * from './elements/Blobs';
-export * from './elements/Card';
-export * from './elements/ColorPicker';
-export * from './elements/Dropdown';
-export * from './elements/Header';
-export * from './elements/LoadingIcon';
-export * from './elements/Nav';
-export * from './elements/NumberInput';
-export * from './elements/Toggle';

package/lib-types/src/components/docs/Anchor.d.ts

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

package/lib-types/src/components/docs/Blobs.d.ts

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

package/lib-types/src/components/docs/ColorPicker.d.ts

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

package/lib-types/src/components/docs/Dropdown.d.ts

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

package/lib-types/src/components/docs/IconsLogos.d.ts

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

package/lib-types/src/components/docs/Nav.d.ts

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

package/lib-types/src/components/docs/NumberInput.d.ts

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

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

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

package/lib-types/src/components/docs/Toggle.d.ts

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

package/lib-types/src/components/docs/lum-btn.d.ts

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

package/lib-types/src/components/docs/lum-card.d.ts

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

package/lib-types/src/components/docs/lum-classes.d.ts

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

package/lib-types/src/components/docs/lum-input.d.ts

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

package/lib-types/src/components/elements/Anchor.d.ts

@@ -1,5 +0,0 @@
-interface AnchorProps {
-    id: string;
-}
-export declare const Anchor: import("@builder.io/qwik").Component<AnchorProps>;
-export {};

package/lib-types/src/components/elements/Blobs.d.ts

@@ -1,35 +0,0 @@
-interface BlobProps {
-    class?: {
-        [key: string]: boolean;
-    };
-    color?: keyof typeof blobColorClasses | [string, string, string];
-    blur?: 'sm' | 'md' | 'lg' | 'xl';
-}
-export declare const blobColorClasses: {
-    slate: string[];
-    gray: string[];
-    darkgray: string[];
-    darkergray: string[];
-    zinc: string[];
-    neutral: string[];
-    stone: string[];
-    red: string[];
-    orange: string[];
-    amber: string[];
-    yellow: string[];
-    lime: string[];
-    green: string[];
-    emerald: string[];
-    teal: string[];
-    cyan: string[];
-    sky: string[];
-    blue: string[];
-    indigo: string[];
-    violet: string[];
-    purple: string[];
-    fuchsia: string[];
-    pink: string[];
-    rose: string[];
-};
-export declare const Blobs: import("@builder.io/qwik").Component<BlobProps>;
-export {};