@luminescent/ui-qwik 1.0.5 → 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.0.5",
+  "version": "1.1.3",
   "description": "Luminescent UI library",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -16,7 +16,7 @@
   "files": [
     "lib",
     "lib-types",
-    "src/tailwind"
+    "src/tailwind.config.js"
   ],
   "engines": {
     "node": ">=15.0.0"
@@ -34,32 +34,30 @@
     "dev": "vite --mode ssr",
     "dev.debug": "node --inspect-brk ./node_modules/vite/bin/vite.js --mode ssr --force",
     "lint": "eslint \"src/**/*.ts*\"",
-    "release": "np",
     "start": "vite --open --mode ssr",
     "test": "echo \"No test specified\" && exit 0",
     "qwik": "qwik"
   },
   "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",
-    "np": "^10.0.6",
-    "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

@@ -0,0 +1,86 @@
+function getBlobKeyFrame() {
+  const translateXPercentages = [0, 19, 38, 57, 76];
+  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 translateX0 = translateXPercentages[translateX0Key];
+  translateXPercentages.splice(translateX0Key, 1);
+  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 translateX2 = translateXPercentages[translateX2Key];
+  translateXPercentages.splice(translateX2Key, 1);
+  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 translateY0 = translateYPercentages[translateY0Key];
+  translateYPercentages.splice(translateY0Key, 1);
+  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 translateY2 = translateYPercentages[translateY2Key];
+  translateYPercentages.splice(translateY2Key, 1);
+  const translateY3Key = Math.floor(Math.random() * translateYPercentages.length);
+  const translateY3 = translateYPercentages[translateY3Key];
+  translateYPercentages.splice(translateY3Key, 1);
+
+  const scale0 = scaleValues[Math.floor(Math.random() * scaleValues.length)];
+  const scale1 = scaleValues[Math.floor(Math.random() * scaleValues.length)];
+  const scale2 = scaleValues[Math.floor(Math.random() * scaleValues.length)];
+  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})` },
+  };
+
+  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/**/*.{mjs,cjs}'],
+  theme: {
+    extend: {
+      colors: { luminescent },
+      animation: {
+        blob: 'blob 15s infinite',
+        blob1: 'blob1 15s infinite',
+        blob2: 'blob2 15s infinite',
+        blob3: 'blob3 15s infinite',
+        blob4: 'blob4 15s infinite',
+        blob5: 'blob5 15s infinite',
+        blob6: 'blob6 15s infinite',
+      },
+      keyframes: {
+        blob: getBlobKeyFrame(),
+        blob1: getBlobKeyFrame(),
+        blob2: getBlobKeyFrame(),
+        blob3: getBlobKeyFrame(),
+        blob4: getBlobKeyFrame(),
+        blob5: getBlobKeyFrame(),
+        blob6: getBlobKeyFrame(),
+      },
+    },
+  },
+};

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 {};