@luminescent/ui-qwik 5.0.1-2 → 5.0.1-4

package/lib/index.qwik.cjs

@@ -995,55 +995,31 @@ const SelectMenuRaw = qwik.component$(({ values, class: Class, customDropdown, h
     ]
   });
 });
-const Sidebar = qwik.component$(({ floating, ...props }) => {
-  const menu = qwik.useSignal(false);
+const Sidebar = qwik.component$(({ position, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("aside", {
     ...props,
     class: {
-      "lg:w-100 fixed lg:sticky lum-card top-0 left-0 z-[40] px-0 lg:px-6 pb-0": true,
-      "w-full rounded-none pt-14 lg:pt-20 lg:h-dvh lg:border-y-0 border-l-0": !floating,
-      "mt-16 lg:mt-22 lg:ml-4 pt-4 mx-2 w-[calc(100%-16px)]": floating,
+      "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",
       ...props.class
     },
     children: /* @__PURE__ */ jsxRuntime.jsxs("nav", {
       id: "docs-sidebar",
       class: "min-h-full relative",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        /* @__PURE__ */ jsxRuntime.jsx("div", {
           class: "flex items-center gap-3 pb-3 px-2 border-b border-lum-border/10",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", {
-              class: "flex-1",
-              children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
-                name: "title"
-              })
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx("button", {
-              class: "lum-btn lum-bg-transparent p-2 lg:hidden",
-              onClick$: () => {
-                menu.value = !menu.value;
-                const abortController = new AbortController();
-                document.addEventListener("click", (e) => {
-                  if (!e.composedPath().includes(document.querySelector("aside")) || e.target instanceof HTMLAnchorElement) {
-                    menu.value = false;
-                    abortController.abort();
-                  }
-                }, {
-                  signal: abortController.signal
-                });
-              },
-              "aria-label": "Toggle Menu",
-              children: /* @__PURE__ */ jsxRuntime.jsx(Menu, {
-                size: 24
-              })
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+            class: "flex-1",
+            children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {
+              name: "title"
             })
-          ]
+          })
         }),
         /* @__PURE__ */ jsxRuntime.jsx("div", {
           class: {
-            "flex-col gap-3 my-4 mx-4 lg:mx-0": true,
-            "hidden lg:flex": !menu.value,
-            "flex": menu.value
+            "flex flex-col gap-3 my-4 mx-4 lg:mx-0": true
           },
           children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
         })

package/lib/index.qwik.mjs

@@ -993,55 +993,31 @@ const SelectMenuRaw = component$(({ values, class: Class, customDropdown, hover,
     ]
   });
 });
-const Sidebar = component$(({ floating, ...props }) => {
-  const menu = useSignal(false);
+const Sidebar = component$(({ position, ...props }) => {
   return /* @__PURE__ */ jsx("aside", {
     ...props,
     class: {
-      "lg:w-100 fixed lg:sticky lum-card top-0 left-0 z-[40] px-0 lg:px-6 pb-0": true,
-      "w-full rounded-none pt-14 lg:pt-20 lg:h-dvh lg:border-y-0 border-l-0": !floating,
-      "mt-16 lg:mt-22 lg:ml-4 pt-4 mx-2 w-[calc(100%-16px)]": floating,
+      "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",
       ...props.class
     },
     children: /* @__PURE__ */ jsxs("nav", {
       id: "docs-sidebar",
       class: "min-h-full relative",
       children: [
-        /* @__PURE__ */ jsxs("div", {
+        /* @__PURE__ */ jsx("div", {
           class: "flex items-center gap-3 pb-3 px-2 border-b border-lum-border/10",
-          children: [
-            /* @__PURE__ */ jsx("div", {
-              class: "flex-1",
-              children: /* @__PURE__ */ jsx(Slot, {
-                name: "title"
-              })
-            }),
-            /* @__PURE__ */ jsx("button", {
-              class: "lum-btn lum-bg-transparent p-2 lg:hidden",
-              onClick$: () => {
-                menu.value = !menu.value;
-                const abortController = new AbortController();
-                document.addEventListener("click", (e) => {
-                  if (!e.composedPath().includes(document.querySelector("aside")) || e.target instanceof HTMLAnchorElement) {
-                    menu.value = false;
-                    abortController.abort();
-                  }
-                }, {
-                  signal: abortController.signal
-                });
-              },
-              "aria-label": "Toggle Menu",
-              children: /* @__PURE__ */ jsx(Menu, {
-                size: 24
-              })
+          children: /* @__PURE__ */ jsx("div", {
+            class: "flex-1",
+            children: /* @__PURE__ */ jsx(Slot, {
+              name: "title"
             })
-          ]
+          })
         }),
         /* @__PURE__ */ jsx("div", {
           class: {
-            "flex-col gap-3 my-4 mx-4 lg:mx-0": true,
-            "hidden lg:flex": !menu.value,
-            "flex": menu.value
+            "flex flex-col gap-3 my-4 mx-4 lg:mx-0": true
           },
           children: /* @__PURE__ */ jsx(Slot, {})
         })

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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/Sidebar.d.ts

@@ -4,6 +4,7 @@ interface SidebarProps extends Omit<PropsOf<'aside'>, 'class'> {
         [key: string]: boolean;
     };
     floating?: boolean;
+    position?: 'left' | 'right';
 }
 export declare const Sidebar: import("@builder.io/qwik").Component<SidebarProps>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui-qwik",
-  "version": "5.0.1-2",
+  "version": "5.0.1-4",
   "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.0.1-2"
+    "@luminescent/ui": "5.0.1-4"
   },
   "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';