@luminescent/ui-qwik 5.1.0 → 5.2.0

package/lib/index.qwik.cjs

@@ -586,6 +586,7 @@ const ColorPicker = qwik.component$(({ id, value = "#000000", colors = [
           colors.map((color, i) => {
             return /* @__PURE__ */ jsxRuntime.jsx("button", {
               type: "button",
+              name: color,
               class: {
                 "lum-btn rounded-sm h-[1.6rem] w-[1.6rem] border-2 border-white/30 p-0 hover:border-white": true
               },
@@ -601,6 +602,7 @@ const ColorPicker = qwik.component$(({ id, value = "#000000", colors = [
           /* @__PURE__ */ jsxRuntime.jsx("button", {
             type: "button",
             class: "lum-btn rounded-sm h-[1.6rem] w-[1.6rem] p-0.5",
+            name: "Randomize",
             onClick$: async () => {
               const color = `#${Math.floor(Math.random() * 16777215).toString(16)}`;
               await setColor(color);
@@ -742,6 +744,7 @@ const Nav = qwik.component$(({ fixed, floating, noblur, nohamburger, colorClass
                   name: "end"
                 }),
                 !nohamburger && /* @__PURE__ */ jsxRuntime.jsx("button", {
+                  name: "Navigation Menu",
                   class: "lum-btn lum-bg-transparent p-2 sm:hidden",
                   onClick$: () => menu.value = !menu.value,
                   children: /* @__PURE__ */ jsxRuntime.jsx(Menu, {
@@ -911,6 +914,7 @@ const SelectMenuRaw = qwik.component$(({ values, class: Class, panelClass = "lum
     value: props.value
   });
   const selectRef = qwik.useSignal();
+  const selected = values?.find((v) => v.value === store.value);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: {
       "relative touch-manipulation": true,
@@ -951,14 +955,9 @@ const SelectMenuRaw = qwik.component$(({ values, class: Class, panelClass = "lum
           customDropdown && /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
             name: "dropdown"
           }),
-          !customDropdown && /* @__PURE__ */ jsxRuntime.jsxs("span", {
-            children: [
-              values && (values.find((value) => value.value.toString() === store.value)?.name ?? values[0].name),
-              !values && /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
-                name: "dropdown"
-              })
-            ]
-          })
+          !customDropdown && (selected?.name ?? values?.[0]?.name ?? /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+            name: "dropdown"
+          }))
         ]
       }),
       hover && /* @__PURE__ */ jsxRuntime.jsx("div", {
@@ -1038,7 +1037,7 @@ const Sidebar = qwik.component$(({ position, ...props }) => {
     })
   });
 });
-const Toggle = qwik.component$(({ checkbox, round, label, ...props }) => {
+const Toggle = qwik.component$(({ checkbox, round, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
     class: "flex touch-manipulation items-center gap-3",
     children: [
@@ -1064,10 +1063,10 @@ const Toggle = qwik.component$(({ checkbox, round, label, ...props }) => {
           })
         ]
       }),
-      label && /* @__PURE__ */ jsxRuntime.jsx("label", {
+      /* @__PURE__ */ jsxRuntime.jsx("label", {
         for: props.id,
-        class: "flex gap-2 text-lum-text select-none",
-        children: label
+        class: "flex gap-2 text-lum-text select-none empty:hidden",
+        children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
       })
     ]
   });

package/lib/index.qwik.mjs

@@ -584,6 +584,7 @@ const ColorPicker = component$(({ id, value = "#000000", colors = [
           colors.map((color, i) => {
             return /* @__PURE__ */ jsx("button", {
               type: "button",
+              name: color,
               class: {
                 "lum-btn rounded-sm h-[1.6rem] w-[1.6rem] border-2 border-white/30 p-0 hover:border-white": true
               },
@@ -599,6 +600,7 @@ const ColorPicker = component$(({ id, value = "#000000", colors = [
           /* @__PURE__ */ jsx("button", {
             type: "button",
             class: "lum-btn rounded-sm h-[1.6rem] w-[1.6rem] p-0.5",
+            name: "Randomize",
             onClick$: async () => {
               const color = `#${Math.floor(Math.random() * 16777215).toString(16)}`;
               await setColor(color);
@@ -740,6 +742,7 @@ const Nav = component$(({ fixed, floating, noblur, nohamburger, colorClass = "lu
                   name: "end"
                 }),
                 !nohamburger && /* @__PURE__ */ jsx("button", {
+                  name: "Navigation Menu",
                   class: "lum-btn lum-bg-transparent p-2 sm:hidden",
                   onClick$: () => menu.value = !menu.value,
                   children: /* @__PURE__ */ jsx(Menu, {
@@ -909,6 +912,7 @@ const SelectMenuRaw = component$(({ values, class: Class, panelClass = "lum-bg-l
     value: props.value
   });
   const selectRef = useSignal();
+  const selected = values?.find((v) => v.value === store.value);
   return /* @__PURE__ */ jsxs("div", {
     class: {
       "relative touch-manipulation": true,
@@ -949,14 +953,9 @@ const SelectMenuRaw = component$(({ values, class: Class, panelClass = "lum-bg-l
           customDropdown && /* @__PURE__ */ jsx(Slot, {
             name: "dropdown"
           }),
-          !customDropdown && /* @__PURE__ */ jsxs("span", {
-            children: [
-              values && (values.find((value) => value.value.toString() === store.value)?.name ?? values[0].name),
-              !values && /* @__PURE__ */ jsx(Slot, {
-                name: "dropdown"
-              })
-            ]
-          })
+          !customDropdown && (selected?.name ?? values?.[0]?.name ?? /* @__PURE__ */ jsx(Slot, {
+            name: "dropdown"
+          }))
         ]
       }),
       hover && /* @__PURE__ */ jsx("div", {
@@ -1036,7 +1035,7 @@ const Sidebar = component$(({ position, ...props }) => {
     })
   });
 });
-const Toggle = component$(({ checkbox, round, label, ...props }) => {
+const Toggle = component$(({ checkbox, round, ...props }) => {
   return /* @__PURE__ */ jsxs("div", {
     class: "flex touch-manipulation items-center gap-3",
     children: [
@@ -1062,10 +1061,10 @@ const Toggle = component$(({ checkbox, round, label, ...props }) => {
           })
         ]
       }),
-      label && /* @__PURE__ */ jsx("label", {
+      /* @__PURE__ */ jsx("label", {
         for: props.id,
-        class: "flex gap-2 text-lum-text select-none",
-        children: label
+        class: "flex gap-2 text-lum-text select-none empty:hidden",
+        children: /* @__PURE__ */ jsx(Slot, {})
       })
     ]
   });

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

@@ -0,0 +1,8 @@
+export * from './docs/Anchor';
+export * from './docs/Blobs';
+export * from './docs/ColorPicker';
+export * from './docs/Dropdown';
+export * from './docs/IconsLogos';
+export * from './docs/Nav';
+export * from './docs/NumberInput';
+export * from './docs/Toggle';

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

@@ -0,0 +1,10 @@
+import type { PropsOf } from '@builder.io/qwik';
+interface HeaderProps extends Omit<PropsOf<'h2'>, 'class'> {
+    class?: {
+        [key: string]: boolean;
+    };
+    id?: string;
+    anchor?: boolean;
+}
+export declare const Header: import("@builder.io/qwik").Component<HeaderProps>;
+export {};

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

@@ -1,11 +1,10 @@
-import type { JSXOutput, PropsOf } from '@builder.io/qwik';
+import type { PropsOf } from '@builder.io/qwik';
 interface ToggleProps extends Omit<PropsOf<'input'> & {
     type: 'checkbox';
 }, 'class' | 'bind:checked' | 'type' | 'children'> {
     class?: string;
     checkbox?: boolean;
     round?: boolean;
-    label?: string | JSXOutput;
 }
 export declare const Toggle: import("@builder.io/qwik").Component<ToggleProps>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui-qwik",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "description": "Luminescent UI library - Qwik",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -50,7 +50,7 @@
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
-    "@luminescent/ui": "5.1.0"
+    "@luminescent/ui": "5.2.0"
   },
   "scripts": {
     "build": "qwik build",

package/lib-types/ui-qwik/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/ui-qwik/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/ui-qwik/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/ui-qwik/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/ui-qwik/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/ui-qwik/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/ui-qwik/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/ui-qwik/src/components/docs/SelectMenu.d.ts

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

package/lib-types/ui-qwik/src/components/docs/Settings.d.ts

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

package/lib-types/ui-qwik/src/components/docs/Sidebar.d.ts

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

package/lib-types/ui-qwik/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/ui-qwik/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/ui-qwik/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/ui-qwik/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/ui-qwik/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/ui-qwik/src/components/logos.d.ts

@@ -1,10 +0,0 @@
-export * from './logos/Birdflop';
-export * from './logos/Discord';
-export * from './logos/Fabric';
-export * from './logos/Forge';
-export * from './logos/Luminescent';
-export * from './logos/Paper';
-export * from './logos/Pterodactyl';
-export * from './logos/Purpur';
-export * from './logos/Velocity';
-export * from './logos/Waterfall';

package/lib-types/ui-qwik/src/entry.dev.d.ts

@@ -1,2 +0,0 @@
-import { type RenderOptions } from '@builder.io/qwik';
-export default function (opts: RenderOptions): Promise<import("@builder.io/qwik").RenderResult>;

package/lib-types/ui-qwik/src/entry.ssr.d.ts

@@ -1,14 +0,0 @@
-/**
- * WHAT IS THIS FILE?
- *
- * SSR entry point, in all cases the application is rendered outside the browser, this
- * entry point will be the common one.
- *
- * - Server (express, cloudflare...)
- * - npm run start
- * - npm run preview
- * - npm run build
- *
- */
-import { type RenderToStreamOptions } from '@builder.io/qwik/server';
-export default function (opts: RenderToStreamOptions): Promise<import("@builder.io/qwik/server").RenderToStreamResult>;

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

@@ -1,3 +0,0 @@
-export * from './components/elements';
-export * from './components/functions';
-export * from './components/logos';

package/lib-types/ui-qwik/src/root.d.ts

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

package/lib-types/ui-react/src/components/logos/Birdflop.d.ts

@@ -1,7 +0,0 @@
-import type { IconProps } from './IconProps';
-interface LogoBirdflopProps extends IconProps {
-    confused?: boolean;
-    fillGradient?: string[];
-}
-export declare function LogoBirdflop({ confused, fillGradient, size, ...props }: LogoBirdflopProps): any;
-export {};

package/lib-types/ui-react/src/components/logos/Discord.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare function LogoDiscord({ size, ...props }: IconProps): any;

package/lib-types/ui-react/src/components/logos/Fabric.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare function LogoFabric({ size, ...props }: IconProps): any;

package/lib-types/ui-react/src/components/logos/Forge.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare function LogoForge({ size, ...props }: IconProps): any;

package/lib-types/ui-react/src/components/logos/IconProps.d.ts

@@ -1,3 +0,0 @@
-export type IconProps = Omit<React.SVGAttributes<SVGElement>, 'bind:checked' | 'type' | 'children'> & {
-    size?: number;
-};

package/lib-types/ui-react/src/components/logos/Luminescent.d.ts

@@ -1,3 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare function LogoLuminescent({ size, ...props }: IconProps): any;
-export declare function LogoLuminescentFull({ size, ...props }: IconProps): any;

package/lib-types/ui-react/src/components/logos/Paper.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare function LogoPaper({ size, ...props }: IconProps): any;

package/lib-types/ui-react/src/components/logos/Pterodactyl.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare function LogoPterodactyl({ size, ...props }: IconProps): any;

package/lib-types/ui-react/src/components/logos/Purpur.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare function LogoPurpur({ size, ...props }: IconProps): any;

package/lib-types/ui-react/src/components/logos/Velocity.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare function LogoVelocity({ size, ...props }: IconProps): any;

package/lib-types/ui-react/src/components/logos/Waterfall.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare function LogoWaterfall({ size, ...props }: IconProps): any;

package/lib-types/ui-react/src/components/logos.d.ts

@@ -1,10 +0,0 @@
-export * from './logos/Birdflop';
-export * from './logos/Discord';
-export * from './logos/Fabric';
-export * from './logos/Forge';
-export * from './logos/Luminescent';
-export * from './logos/Paper';
-export * from './logos/Pterodactyl';
-export * from './logos/Purpur';
-export * from './logos/Velocity';
-export * from './logos/Waterfall';