@luminescent/ui-qwik 6.1.0 → 6.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/lib/index.qwik.cjs +8 -8
  2. package/lib/index.qwik.mjs +8 -8
  3. package/lib-types/components/docs.d.ts +8 -0
  4. package/lib-types/components/elements/Header.d.ts +10 -0
  5. package/package.json +2 -2
  6. package/lib-types/ui-qwik/src/components/docs/Anchor.d.ts +0 -2
  7. package/lib-types/ui-qwik/src/components/docs/Blobs.d.ts +0 -2
  8. package/lib-types/ui-qwik/src/components/docs/ColorPicker.d.ts +0 -2
  9. package/lib-types/ui-qwik/src/components/docs/Dropdown.d.ts +0 -2
  10. package/lib-types/ui-qwik/src/components/docs/IconsLogos.d.ts +0 -2
  11. package/lib-types/ui-qwik/src/components/docs/Nav.d.ts +0 -2
  12. package/lib-types/ui-qwik/src/components/docs/NumberInput.d.ts +0 -2
  13. package/lib-types/ui-qwik/src/components/docs/SelectMenu.d.ts +0 -2
  14. package/lib-types/ui-qwik/src/components/docs/Settings.d.ts +0 -2
  15. package/lib-types/ui-qwik/src/components/docs/Sidebar.d.ts +0 -2
  16. package/lib-types/ui-qwik/src/components/docs/Toggle.d.ts +0 -2
  17. package/lib-types/ui-qwik/src/components/docs/lum-btn.d.ts +0 -2
  18. package/lib-types/ui-qwik/src/components/docs/lum-card.d.ts +0 -2
  19. package/lib-types/ui-qwik/src/components/docs/lum-classes.d.ts +0 -2
  20. package/lib-types/ui-qwik/src/components/docs/lum-input.d.ts +0 -2
  21. package/lib-types/ui-qwik/src/components/logos.d.ts +0 -10
  22. package/lib-types/ui-qwik/src/entry.dev.d.ts +0 -2
  23. package/lib-types/ui-qwik/src/entry.ssr.d.ts +0 -14
  24. package/lib-types/ui-qwik/src/index.d.ts +0 -3
  25. package/lib-types/ui-qwik/src/root.d.ts +0 -3
  26. package/lib-types/ui-react/src/components/logos/Birdflop.d.ts +0 -7
  27. package/lib-types/ui-react/src/components/logos/Discord.d.ts +0 -2
  28. package/lib-types/ui-react/src/components/logos/Fabric.d.ts +0 -2
  29. package/lib-types/ui-react/src/components/logos/Forge.d.ts +0 -2
  30. package/lib-types/ui-react/src/components/logos/IconProps.d.ts +0 -3
  31. package/lib-types/ui-react/src/components/logos/Luminescent.d.ts +0 -3
  32. package/lib-types/ui-react/src/components/logos/Paper.d.ts +0 -2
  33. package/lib-types/ui-react/src/components/logos/Pterodactyl.d.ts +0 -2
  34. package/lib-types/ui-react/src/components/logos/Purpur.d.ts +0 -2
  35. package/lib-types/ui-react/src/components/logos/Velocity.d.ts +0 -2
  36. package/lib-types/ui-react/src/components/logos/Waterfall.d.ts +0 -2
  37. package/lib-types/ui-react/src/components/logos.d.ts +0 -10
@@ -45,7 +45,7 @@ const Anchor = qwik.component$(({ id, ...props }) => /* @__PURE__ */ jsxRuntime.
45
45
  await navigator.clipboard.writeText(window.location.href);
46
46
  },
47
47
  children: /* @__PURE__ */ jsxRuntime.jsx(Link, {
48
- class: "opacity-10 transition-all duration-300 group-hover:opacity-100 group-hover:duration-75",
48
+ class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
49
49
  size: 20
50
50
  })
51
51
  })
@@ -484,7 +484,7 @@ const ColorPicker = qwik.component$(({ id, value = "#000000", colors = [
484
484
  });
485
485
  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
486
486
  class: {
487
- "lum-card touch-none p-4 motion-safe:transition-all": true,
487
+ "lum-card touch-none p-4": true,
488
488
  "flex-col": !horizontal,
489
489
  ...props.class
490
490
  },
@@ -650,7 +650,7 @@ const Dropdown = qwik.component$(({ class: Class, hover, opened, ...props }) =>
650
650
  /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, {
651
651
  size: 16,
652
652
  class: {
653
- "ease-out motion-safe:transition-all": true,
653
+ "ease-out motion-safe:transition-transform": true,
654
654
  "rotate-180 transform": opened,
655
655
  "duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
656
656
  "focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
@@ -690,7 +690,7 @@ const Nav = qwik.component$(({ fixed, floating, noblur, nohamburger, colorClass
690
690
  return /* @__PURE__ */ jsxRuntime.jsxs("nav", {
691
691
  ...props,
692
692
  class: {
693
- "top-0 left-0 z-50 flex w-full flex-col duration-200 motion-safe:transition-all": true,
693
+ "top-0 left-0 z-50 flex w-full flex-col": true,
694
694
  fixed,
695
695
  absolute: !fixed,
696
696
  ...props.class
@@ -965,9 +965,9 @@ const SelectMenuRaw = qwik.component$(({ values, class: Class, panelClass = "lum
965
965
  }),
966
966
  /* @__PURE__ */ jsxRuntime.jsxs("div", {
967
967
  class: {
968
- "absolute z-1000 mt-2 transition-all ease-out": true,
968
+ "absolute z-1000 mt-2": true,
969
969
  "backdrop-blur-lg": !noblur,
970
- "lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all": true,
970
+ "lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all ease-out": true,
971
971
  "left-0": align === "left",
972
972
  "right-0": align === "right",
973
973
  "left-1/2 -translate-x-1/2": align === "center",
@@ -1051,8 +1051,8 @@ const Toggle = qwik.component$(({ checkbox, round, ...props }) => {
1051
1051
  }),
1052
1052
  /* @__PURE__ */ jsxRuntime.jsx("div", {
1053
1053
  class: {
1054
- "peer h-7 duration-300 ease-out hover:duration-75 motion-safe:transition": true,
1055
- "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,
1054
+ "peer h-7 duration-300 ease-out hover:duration-75": true,
1055
+ "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-transform": true,
1056
1056
  "rounded-lum after:rounded-lum-1": !round,
1057
1057
  "rounded-full after:rounded-full": round,
1058
1058
  "w-12 peer-checked:after:translate-x-full": !checkbox,
@@ -43,7 +43,7 @@ const Anchor = component$(({ id, ...props }) => /* @__PURE__ */ jsxs("div", {
43
43
  await navigator.clipboard.writeText(window.location.href);
44
44
  },
45
45
  children: /* @__PURE__ */ jsx(Link, {
46
- class: "opacity-10 transition-all duration-300 group-hover:opacity-100 group-hover:duration-75",
46
+ class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
47
47
  size: 20
48
48
  })
49
49
  })
@@ -482,7 +482,7 @@ const ColorPicker = component$(({ id, value = "#000000", colors = [
482
482
  });
483
483
  return /* @__PURE__ */ jsxs("div", {
484
484
  class: {
485
- "lum-card touch-none p-4 motion-safe:transition-all": true,
485
+ "lum-card touch-none p-4": true,
486
486
  "flex-col": !horizontal,
487
487
  ...props.class
488
488
  },
@@ -648,7 +648,7 @@ const Dropdown = component$(({ class: Class, hover, opened, ...props }) => {
648
648
  /* @__PURE__ */ jsx(ChevronDown, {
649
649
  size: 16,
650
650
  class: {
651
- "ease-out motion-safe:transition-all": true,
651
+ "ease-out motion-safe:transition-transform": true,
652
652
  "rotate-180 transform": opened,
653
653
  "duration-300 group-hover:rotate-180 group-hover:transform group-hover:duration-75": hover,
654
654
  "focus-within:rotate-180 focus-within:transform focus-within:duration-75": true
@@ -688,7 +688,7 @@ const Nav = component$(({ fixed, floating, noblur, nohamburger, colorClass = "lu
688
688
  return /* @__PURE__ */ jsxs("nav", {
689
689
  ...props,
690
690
  class: {
691
- "top-0 left-0 z-50 flex w-full flex-col duration-200 motion-safe:transition-all": true,
691
+ "top-0 left-0 z-50 flex w-full flex-col": true,
692
692
  fixed,
693
693
  absolute: !fixed,
694
694
  ...props.class
@@ -963,9 +963,9 @@ const SelectMenuRaw = component$(({ values, class: Class, panelClass = "lum-bg-l
963
963
  }),
964
964
  /* @__PURE__ */ jsxs("div", {
965
965
  class: {
966
- "absolute z-1000 mt-2 transition-all ease-out": true,
966
+ "absolute z-1000 mt-2": true,
967
967
  "backdrop-blur-lg": !noblur,
968
- "lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all": true,
968
+ "lum-scroll flex max-h-72 flex-col gap-1 overflow-auto rounded-lum border p-1 select-none motion-safe:transition-all ease-out": true,
969
969
  "left-0": align === "left",
970
970
  "right-0": align === "right",
971
971
  "left-1/2 -translate-x-1/2": align === "center",
@@ -1049,8 +1049,8 @@ const Toggle = component$(({ checkbox, round, ...props }) => {
1049
1049
  }),
1050
1050
  /* @__PURE__ */ jsx("div", {
1051
1051
  class: {
1052
- "peer h-7 duration-300 ease-out hover:duration-75 motion-safe:transition": true,
1053
- "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,
1052
+ "peer h-7 duration-300 ease-out hover:duration-75": true,
1053
+ "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-transform": true,
1054
1054
  "rounded-lum after:rounded-lum-1": !round,
1055
1055
  "rounded-full after:rounded-full": round,
1056
1056
  "w-12 peer-checked:after:translate-x-full": !checkbox,
@@ -0,0 +1,8 @@
1
+ export * from './docs/Anchor';
2
+ export * from './docs/Blobs';
3
+ export * from './docs/ColorPicker';
4
+ export * from './docs/Dropdown';
5
+ export * from './docs/IconsLogos';
6
+ export * from './docs/Nav';
7
+ export * from './docs/NumberInput';
8
+ export * from './docs/Toggle';
@@ -0,0 +1,10 @@
1
+ import type { PropsOf } from '@builder.io/qwik';
2
+ interface HeaderProps extends Omit<PropsOf<'h2'>, 'class'> {
3
+ class?: {
4
+ [key: string]: boolean;
5
+ };
6
+ id?: string;
7
+ anchor?: boolean;
8
+ }
9
+ export declare const Header: import("@builder.io/qwik").Component<HeaderProps>;
10
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luminescent/ui-qwik",
3
- "version": "6.1.0",
3
+ "version": "6.1.2",
4
4
  "description": "Luminescent UI library - Qwik",
5
5
  "main": "./lib/index.qwik.mjs",
6
6
  "qwik": "./lib/index.qwik.mjs",
@@ -50,7 +50,7 @@
50
50
  "vite-tsconfig-paths": "^5.1.4"
51
51
  },
52
52
  "peerDependencies": {
53
- "@luminescent/ui": "6.1.0"
53
+ "@luminescent/ui": "6.1.2"
54
54
  },
55
55
  "scripts": {
56
56
  "build": "qwik build",
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("@builder.io/qwik").Component<unknown>;
2
- export default _default;
@@ -1,10 +0,0 @@
1
- export * from './logos/Birdflop';
2
- export * from './logos/Discord';
3
- export * from './logos/Fabric';
4
- export * from './logos/Forge';
5
- export * from './logos/Luminescent';
6
- export * from './logos/Paper';
7
- export * from './logos/Pterodactyl';
8
- export * from './logos/Purpur';
9
- export * from './logos/Velocity';
10
- export * from './logos/Waterfall';
@@ -1,2 +0,0 @@
1
- import { type RenderOptions } from '@builder.io/qwik';
2
- export default function (opts: RenderOptions): Promise<import("@builder.io/qwik").RenderResult>;
@@ -1,14 +0,0 @@
1
- /**
2
- * WHAT IS THIS FILE?
3
- *
4
- * SSR entry point, in all cases the application is rendered outside the browser, this
5
- * entry point will be the common one.
6
- *
7
- * - Server (express, cloudflare...)
8
- * - npm run start
9
- * - npm run preview
10
- * - npm run build
11
- *
12
- */
13
- import { type RenderToStreamOptions } from '@builder.io/qwik/server';
14
- export default function (opts: RenderToStreamOptions): Promise<import("@builder.io/qwik/server").RenderToStreamResult>;
@@ -1,3 +0,0 @@
1
- export * from './components/elements';
2
- export * from './components/functions';
3
- export * from './components/logos';
@@ -1,3 +0,0 @@
1
- import './global.css';
2
- declare const _default: import("@builder.io/qwik").Component<unknown>;
3
- export default _default;
@@ -1,7 +0,0 @@
1
- import type { IconProps } from './IconProps';
2
- interface LogoBirdflopProps extends IconProps {
3
- confused?: boolean;
4
- fillGradient?: string[];
5
- }
6
- export declare function LogoBirdflop({ confused, fillGradient, size, ...props }: LogoBirdflopProps): any;
7
- export {};
@@ -1,2 +0,0 @@
1
- import type { IconProps } from './IconProps';
2
- export declare function LogoDiscord({ size, ...props }: IconProps): any;
@@ -1,2 +0,0 @@
1
- import type { IconProps } from './IconProps';
2
- export declare function LogoFabric({ size, ...props }: IconProps): any;
@@ -1,2 +0,0 @@
1
- import type { IconProps } from './IconProps';
2
- export declare function LogoForge({ size, ...props }: IconProps): any;
@@ -1,3 +0,0 @@
1
- export type IconProps = Omit<React.SVGAttributes<SVGElement>, 'bind:checked' | 'type' | 'children'> & {
2
- size?: number;
3
- };
@@ -1,3 +0,0 @@
1
- import type { IconProps } from './IconProps';
2
- export declare function LogoLuminescent({ size, ...props }: IconProps): any;
3
- export declare function LogoLuminescentFull({ size, ...props }: IconProps): any;
@@ -1,2 +0,0 @@
1
- import type { IconProps } from './IconProps';
2
- export declare function LogoPaper({ size, ...props }: IconProps): any;
@@ -1,2 +0,0 @@
1
- import type { IconProps } from './IconProps';
2
- export declare function LogoPterodactyl({ size, ...props }: IconProps): any;
@@ -1,2 +0,0 @@
1
- import type { IconProps } from './IconProps';
2
- export declare function LogoPurpur({ size, ...props }: IconProps): any;
@@ -1,2 +0,0 @@
1
- import type { IconProps } from './IconProps';
2
- export declare function LogoVelocity({ size, ...props }: IconProps): any;
@@ -1,2 +0,0 @@
1
- import type { IconProps } from './IconProps';
2
- export declare function LogoWaterfall({ size, ...props }: IconProps): any;
@@ -1,10 +0,0 @@
1
- export * from './logos/Birdflop';
2
- export * from './logos/Discord';
3
- export * from './logos/Fabric';
4
- export * from './logos/Forge';
5
- export * from './logos/Luminescent';
6
- export * from './logos/Paper';
7
- export * from './logos/Pterodactyl';
8
- export * from './logos/Purpur';
9
- export * from './logos/Velocity';
10
- export * from './logos/Waterfall';