@luminescent/ui-qwik 6.2.0 → 6.2.2

package/lib/index.qwik.cjs

@@ -1083,12 +1083,17 @@ const Toggle = qwik.component$(({ checkbox, round, ...props }) => {
 });
 const Hoverable = {
   onMouseMove$: (e, el) => {
-    const mousex = e.clientX - el.getBoundingClientRect().left;
-    const mousey = e.clientY - el.getBoundingClientRect().top;
-    el.style.transform = `perspective(500px) rotateX(${(mousey / el.clientHeight - 0.5) * 10}deg) rotateY(${(mousex / el.clientWidth - 0.5) * 10}deg)`;
+    const rect = el.getBoundingClientRect();
+    const mouseX = e.clientX - rect.left;
+    const mouseY = e.clientY - rect.top;
+    const rotateX = (mouseY / rect.height - 0.5) * -10;
+    const rotateY = (mouseX / rect.width - 0.5) * 10;
+    el.style.transition = "transform 0.05s ease-out";
+    el.style.transform = `perspective(500px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
   },
-  onMouseLeave$: (e, el) => {
-    el.style.transform = "rotateX(0deg) rotateY(0deg)";
+  onMouseLeave$: (_e, el) => {
+    el.style.transition = "transform 0.3s ease-out";
+    el.style.transform = "perspective(500px) rotateX(0deg) rotateY(0deg)";
   }
 };
 const LogoBirdflop = qwik.component$(({ confused, fillGradient, size, ...props }) => {

package/lib/index.qwik.mjs

@@ -1081,12 +1081,17 @@ const Toggle = component$(({ checkbox, round, ...props }) => {
 });
 const Hoverable = {
   onMouseMove$: (e, el) => {
-    const mousex = e.clientX - el.getBoundingClientRect().left;
-    const mousey = e.clientY - el.getBoundingClientRect().top;
-    el.style.transform = `perspective(500px) rotateX(${(mousey / el.clientHeight - 0.5) * 10}deg) rotateY(${(mousex / el.clientWidth - 0.5) * 10}deg)`;
+    const rect = el.getBoundingClientRect();
+    const mouseX = e.clientX - rect.left;
+    const mouseY = e.clientY - rect.top;
+    const rotateX = (mouseY / rect.height - 0.5) * -10;
+    const rotateY = (mouseX / rect.width - 0.5) * 10;
+    el.style.transition = "transform 0.05s ease-out";
+    el.style.transform = `perspective(500px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
   },
-  onMouseLeave$: (e, el) => {
-    el.style.transform = "rotateX(0deg) rotateY(0deg)";
+  onMouseLeave$: (_e, el) => {
+    el.style.transition = "transform 0.3s ease-out";
+    el.style.transform = "perspective(500px) rotateX(0deg) rotateY(0deg)";
   }
 };
 const LogoBirdflop = component$(({ confused, fillGradient, size, ...props }) => {

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

@@ -1,4 +1,4 @@
 export declare const Hoverable: {
     readonly onMouseMove$: (e: MouseEvent, el: HTMLElement) => void;
-    readonly onMouseLeave$: (e: MouseEvent, el: HTMLElement) => void;
+    readonly onMouseLeave$: (_e: MouseEvent, el: HTMLElement) => void;
 };

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": "6.2.0",
+  "version": "6.2.2",
   "description": "Luminescent UI library - Qwik",
   "main": "./lib/index.qwik.mjs",
   "qwik": "./lib/index.qwik.mjs",
@@ -32,14 +32,14 @@
   },
   "devDependencies": {
     "@anuragroy/tailwindcss-animate": "^1.0.6",
-    "@builder.io/qwik": "1.17.0",
-    "@builder.io/qwik-city": "^1.17.0",
+    "@builder.io/qwik": "1.17.1",
+    "@builder.io/qwik-city": "^1.17.1",
     "@eslint/js": "^9.38.0",
     "@tailwindcss/vite": "^4.1.16",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^24.9.1",
+    "@types/node": "^24.9.2",
     "eslint": "^9.38.0",
-    "eslint-plugin-qwik": "^1.17.0",
+    "eslint-plugin-qwik": "^1.17.1",
     "globals": "^16.4.0",
     "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.7.1",
@@ -50,7 +50,7 @@
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {
-    "@luminescent/ui": "6.2.0"
+    "@luminescent/ui": "6.2.2"
   },
   "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 {};