@luminescent/ui-qwik 5.0.1 → 5.1.0

package/lib/index.qwik.cjs

@@ -905,7 +905,7 @@ const SelectMenu = qwik.component$((props) => {
     ]
   });
 });
-const SelectMenuRaw = qwik.component$(({ values, class: Class, panelClass = "lum-bg-lum-input-bg", btnClass = "lum-bg-transparent", noblur, customDropdown, hover, align, ...props }) => {
+const SelectMenuRaw = qwik.component$(({ values, class: Class, panelClass = "lum-bg-lum-input-bg", btnClass = "lum-bg-transparent", noblur, nocloseonclick, customDropdown, hover, align, ...props }) => {
   const store = qwik.useStore({
     opened: false,
     value: props.value
@@ -934,8 +934,18 @@ const SelectMenuRaw = qwik.component$(({ values, class: Class, panelClass = "lum
           "w-full": true,
           ...Class
         },
-        onClick$: () => {
-          if (!hover) store.opened = !store.opened;
+        onClick$: (e, el) => {
+          if (hover) return;
+          store.opened = !store.opened;
+          if (nocloseonclick) return;
+          const listener = (e2) => {
+            if (!store.opened) return document.removeEventListener("click", listener);
+            const path = e2.composedPath();
+            if (path.includes(el)) return;
+            store.opened = false;
+            document.removeEventListener("click", listener);
+          };
+          document.addEventListener("click", listener);
         },
         children: [
           customDropdown && /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
@@ -975,7 +985,8 @@ const SelectMenuRaw = qwik.component$(({ values, class: Class, panelClass = "lum
                 "lum-btn rounded-lum-1": true,
                 [btnClass]: true
               },
-              onClick$: () => {
+              onClick$: (e, el) => {
+                el.blur();
                 store.opened = false;
                 const select = selectRef.value;
                 if (select) {

package/lib/index.qwik.mjs

@@ -903,7 +903,7 @@ const SelectMenu = component$((props) => {
     ]
   });
 });
-const SelectMenuRaw = component$(({ values, class: Class, panelClass = "lum-bg-lum-input-bg", btnClass = "lum-bg-transparent", noblur, customDropdown, hover, align, ...props }) => {
+const SelectMenuRaw = component$(({ values, class: Class, panelClass = "lum-bg-lum-input-bg", btnClass = "lum-bg-transparent", noblur, nocloseonclick, customDropdown, hover, align, ...props }) => {
   const store = useStore({
     opened: false,
     value: props.value
@@ -932,8 +932,18 @@ const SelectMenuRaw = component$(({ values, class: Class, panelClass = "lum-bg-l
           "w-full": true,
           ...Class
         },
-        onClick$: () => {
-          if (!hover) store.opened = !store.opened;
+        onClick$: (e, el) => {
+          if (hover) return;
+          store.opened = !store.opened;
+          if (nocloseonclick) return;
+          const listener = (e2) => {
+            if (!store.opened) return document.removeEventListener("click", listener);
+            const path = e2.composedPath();
+            if (path.includes(el)) return;
+            store.opened = false;
+            document.removeEventListener("click", listener);
+          };
+          document.addEventListener("click", listener);
         },
         children: [
           customDropdown && /* @__PURE__ */ jsx(Slot, {
@@ -973,7 +983,8 @@ const SelectMenuRaw = component$(({ values, class: Class, panelClass = "lum-bg-l
                 "lum-btn rounded-lum-1": true,
                 [btnClass]: true
               },
-              onClick$: () => {
+              onClick$: (e, el) => {
+                el.blur();
                 store.opened = false;
                 const select = selectRef.value;
                 if (select) {

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

@@ -6,6 +6,7 @@ interface SelectMenuProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
     panelClass?: string;
     btnClass?: string;
     noblur?: boolean;
+    nocloseonclick?: boolean;
     customDropdown?: boolean;
     hover?: boolean;
     align?: 'left' | 'right' | 'center';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,14 @@
+/**
+ * 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

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

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

@@ -0,0 +1,3 @@
+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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui-qwik",
-  "version": "5.0.1",
+  "version": "5.1.0",
   "description": "Luminescent UI library - Qwik",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -32,25 +32,25 @@
   },
   "devDependencies": {
     "@anuragroy/tailwindcss-animate": "^1.0.6",
-    "@builder.io/qwik": "1.14.1",
-    "@builder.io/qwik-city": "^1.14.1",
-    "@eslint/js": "^9.30.1",
+    "@builder.io/qwik": "1.15.0",
+    "@builder.io/qwik-city": "^1.15.0",
+    "@eslint/js": "^9.32.0",
     "@tailwindcss/vite": "^4.1.11",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^24.0.10",
-    "eslint": "^9.30.1",
-    "eslint-plugin-qwik": "^1.14.1",
+    "@types/node": "^24.1.0",
+    "eslint": "^9.32.0",
+    "eslint-plugin-qwik": "^1.15.0",
     "globals": "^16.3.0",
     "prettier": "^3.6.2",
-    "prettier-plugin-tailwindcss": "^0.6.13",
+    "prettier-plugin-tailwindcss": "^0.6.14",
     "tailwindcss": "4.1.11",
     "typescript": "5.8.3",
-    "typescript-eslint": "^8.35.1",
+    "typescript-eslint": "^8.38.0",
     "vite": "5.4.14",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
-    "@luminescent/ui": "5.0.1"
+    "@luminescent/ui": "5.1.0"
   },
   "scripts": {
     "build": "qwik build",

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

@@ -1,8 +0,0 @@
-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

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