@luminescent/ui-qwik 6.0.0 → 6.1.0

package/lib/index.qwik.cjs

@@ -508,7 +508,7 @@ const ColorPicker = qwik.component$(({ id, value = "#000000", colors = [
             "preventdefault:touchstart": true,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", {
-                class: "h-[150px] w-[125px] rounded-md border border-gray-700 bg-gradient-to-b from-transparent to-black"
+                class: "h-[150px] w-[125px] rounded-md border border-gray-700 bg-linear-to-b from-transparent to-black"
               }),
               /* @__PURE__ */ jsxRuntime.jsx("div", {
                 class: {
@@ -699,8 +699,8 @@ const Nav = qwik.component$(({ fixed, floating, noblur, nohamburger, colorClass
       !nohamburger && /* @__PURE__ */ jsxRuntime.jsx("div", {
         class: {
           "absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
-          "w-[calc(100%-theme(spacing.8))] mx-4": floating,
-          "w-[calc(100%-theme(spacing.4))] mx-2": !floating,
+          "w-[calc(100%-(--spacing(8)))] mx-4": floating,
+          "w-[calc(100%-(--spacing(4)))] mx-2": !floating,
           "mt-2": menu.value,
           "pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
           "backdrop-blur-lg": !noblur,
@@ -713,7 +713,7 @@ const Nav = qwik.component$(({ fixed, floating, noblur, nohamburger, colorClass
       /* @__PURE__ */ jsxRuntime.jsx("div", {
         class: {
           [colorClass]: !floating,
-          "!border-x-0 !border-t-0": !floating,
+          "border-x-0! border-t-0!": !floating,
           "backdrop-blur-lg": !noblur && !floating,
           "relative mx-2 mt-2": floating
         },
@@ -745,7 +745,7 @@ const Nav = qwik.component$(({ fixed, floating, noblur, nohamburger, colorClass
                 }),
                 !nohamburger && /* @__PURE__ */ jsxRuntime.jsx("button", {
                   name: "Navigation Menu",
-                  class: "lum-btn lum-bg-transparent p-2 sm:hidden",
+                  class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2",
                   onClick$: () => menu.value = !menu.value,
                   children: /* @__PURE__ */ jsxRuntime.jsx(Menu, {
                     size: 24
@@ -965,7 +965,7 @@ const SelectMenuRaw = qwik.component$(({ values, class: Class, panelClass = "lum
       }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", {
         class: {
-          "absolute z-[1000] mt-2 transition-all ease-out": true,
+          "absolute z-1000 mt-2 transition-all ease-out": true,
           "backdrop-blur-lg": !noblur,
           "lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all": true,
           "left-0": align === "left",
@@ -1009,9 +1009,9 @@ const Sidebar = qwik.component$(({ position, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("aside", {
     ...props,
     class: {
-      "hidden lg:flex sticky lum-card top-0 z-[40] px-6 pb-0 rounded-none pt-20 h-dvh": true,
-      "left-0 border-0 border-r-1": position === "left" || !position,
-      "right-0 border-0 border-l-1": position === "right",
+      "hidden lg:flex sticky lum-card top-0 z-40 px-6 pb-0 rounded-none pt-20 h-dvh": true,
+      "left-0 border-0 border-r": position === "left" || !position,
+      "right-0 border-0 border-l": position === "right",
       ...props.class
     },
     children: /* @__PURE__ */ jsxRuntime.jsxs("nav", {
@@ -1052,7 +1052,7 @@ const Toggle = qwik.component$(({ checkbox, round, ...props }) => {
           /* @__PURE__ */ jsxRuntime.jsx("div", {
             class: {
               "peer h-7 duration-300 ease-out hover:duration-75 motion-safe:transition": true,
-              "after:absolute after:top-[4px] after:left-[4px] after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-all": true,
+              "after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-all": true,
               "rounded-lum after:rounded-lum-1": !round,
               "rounded-full after:rounded-full": round,
               "w-12 peer-checked:after:translate-x-full": !checkbox,

package/lib/index.qwik.mjs

@@ -506,7 +506,7 @@ const ColorPicker = component$(({ id, value = "#000000", colors = [
             "preventdefault:touchstart": true,
             children: [
               /* @__PURE__ */ jsx("div", {
-                class: "h-[150px] w-[125px] rounded-md border border-gray-700 bg-gradient-to-b from-transparent to-black"
+                class: "h-[150px] w-[125px] rounded-md border border-gray-700 bg-linear-to-b from-transparent to-black"
               }),
               /* @__PURE__ */ jsx("div", {
                 class: {
@@ -697,8 +697,8 @@ const Nav = component$(({ fixed, floating, noblur, nohamburger, colorClass = "lu
       !nohamburger && /* @__PURE__ */ jsx("div", {
         class: {
           "absolute top-full lum-card motion-safe:transition-all sm:hidden max-w-7xl gap-2 px-2 py-4": true,
-          "w-[calc(100%-theme(spacing.8))] mx-4": floating,
-          "w-[calc(100%-theme(spacing.4))] mx-2": !floating,
+          "w-[calc(100%-(--spacing(8)))] mx-4": floating,
+          "w-[calc(100%-(--spacing(4)))] mx-2": !floating,
           "mt-2": menu.value,
           "pointer-events-none opacity-0 -mt-2 scale-95": !menu.value,
           "backdrop-blur-lg": !noblur,
@@ -711,7 +711,7 @@ const Nav = component$(({ fixed, floating, noblur, nohamburger, colorClass = "lu
       /* @__PURE__ */ jsx("div", {
         class: {
           [colorClass]: !floating,
-          "!border-x-0 !border-t-0": !floating,
+          "border-x-0! border-t-0!": !floating,
           "backdrop-blur-lg": !noblur && !floating,
           "relative mx-2 mt-2": floating
         },
@@ -743,7 +743,7 @@ const Nav = component$(({ fixed, floating, noblur, nohamburger, colorClass = "lu
                 }),
                 !nohamburger && /* @__PURE__ */ jsx("button", {
                   name: "Navigation Menu",
-                  class: "lum-btn lum-bg-transparent p-2 sm:hidden",
+                  class: "lum-btn lum-bg-transparent p-2 sm:hidden rounded-lum-2",
                   onClick$: () => menu.value = !menu.value,
                   children: /* @__PURE__ */ jsx(Menu, {
                     size: 24
@@ -963,7 +963,7 @@ const SelectMenuRaw = component$(({ values, class: Class, panelClass = "lum-bg-l
       }),
       /* @__PURE__ */ jsxs("div", {
         class: {
-          "absolute z-[1000] mt-2 transition-all ease-out": true,
+          "absolute z-1000 mt-2 transition-all ease-out": true,
           "backdrop-blur-lg": !noblur,
           "lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all": true,
           "left-0": align === "left",
@@ -1007,9 +1007,9 @@ const Sidebar = component$(({ position, ...props }) => {
   return /* @__PURE__ */ jsx("aside", {
     ...props,
     class: {
-      "hidden lg:flex sticky lum-card top-0 z-[40] px-6 pb-0 rounded-none pt-20 h-dvh": true,
-      "left-0 border-0 border-r-1": position === "left" || !position,
-      "right-0 border-0 border-l-1": position === "right",
+      "hidden lg:flex sticky lum-card top-0 z-40 px-6 pb-0 rounded-none pt-20 h-dvh": true,
+      "left-0 border-0 border-r": position === "left" || !position,
+      "right-0 border-0 border-l": position === "right",
       ...props.class
     },
     children: /* @__PURE__ */ jsxs("nav", {
@@ -1050,7 +1050,7 @@ const Toggle = component$(({ checkbox, round, ...props }) => {
           /* @__PURE__ */ jsx("div", {
             class: {
               "peer h-7 duration-300 ease-out hover:duration-75 motion-safe:transition": true,
-              "after:absolute after:top-[4px] after:left-[4px] after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-all": true,
+              "after:absolute after:top-1 after:left-1 after:h-5 after:w-5 after:border after:duration-300 after:ease-out after:content-[''] after:hover:duration-75 after:motion-safe:transition-all": true,
               "rounded-lum after:rounded-lum-1": !round,
               "rounded-full after:rounded-full": round,
               "w-12 peer-checked:after:translate-x-full": !checkbox,

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.0.0",
+  "version": "6.1.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": "6.0.0"
+    "@luminescent/ui": "6.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 {};