@luminescent/ui-qwik 6.8.2 → 6.8.3-2

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

package/lib/components/docs/RangeInput.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

package/lib/components/docs/Settings.d.ts

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

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@qwik.dev/core").Component<{
+    id: string;
+}>;
+export default _default;

package/{lib-types → lib}/components/elements/Anchor.d.ts

@@ -1,9 +1,9 @@
-import type { PropsOf } from '@builder.io/qwik';
+import type { PropsOf } from '@qwik.dev/core';
 interface AnchorProps extends Omit<PropsOf<'div'>, 'class'> {
     class?: {
         [key: string]: boolean;
     };
     id?: string;
 }
-export declare const Anchor: import("@builder.io/qwik").Component<AnchorProps>;
+export declare const Anchor: import("@qwik.dev/core").Component<AnchorProps>;
 export {};

package/lib/components/elements/Anchor.qwik.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
+const core = require("@qwik.dev/core");
+const Link = require("../../svg/Link.qwik.cjs");
+const Anchor = core.component$(({ id, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
+  ...props,
+  class: {
+    "group flex items-center gap-2 scroll-mt-32": true,
+    ...props.class
+  },
+  children: [
+    /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {}),
+    id && /* @__PURE__ */ jsxRuntime.jsx("a", {
+      href: `#${id}`,
+      onClick$: async () => {
+        await navigator.clipboard.writeText(window.location.href);
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(Link.Link, {
+        class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
+        size: 20
+      })
+    })
+  ]
+}));
+exports.Anchor = Anchor;

package/lib/components/elements/Anchor.qwik.mjs

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, Slot } from "@qwik.dev/core";
+import { Link } from "../../svg/Link.qwik.mjs";
+const Anchor = component$(({ id, ...props }) => /* @__PURE__ */ jsxs("div", {
+  ...props,
+  class: {
+    "group flex items-center gap-2 scroll-mt-32": true,
+    ...props.class
+  },
+  children: [
+    /* @__PURE__ */ jsx(Slot, {}),
+    id && /* @__PURE__ */ jsx("a", {
+      href: `#${id}`,
+      onClick$: async () => {
+        await navigator.clipboard.writeText(window.location.href);
+      },
+      children: /* @__PURE__ */ jsx(Link, {
+        class: "opacity-10 transition-opacity duration-300 group-hover:opacity-100 group-hover:duration-75",
+        size: 20
+      })
+    })
+  ]
+}));
+export {
+  Anchor
+};

package/{lib-types → lib}/components/elements/Blobs.d.ts

@@ -34,4 +34,4 @@ export declare const blobColorClasses: {
     pink: string[];
     rose: string[];
 };
-export declare const Blobs: import("@builder.io/qwik").Component<BlobProps>;
+export declare const Blobs: import("@qwik.dev/core").Component<BlobProps>;

package/lib/components/elements/Blobs.qwik.cjs

@@ -0,0 +1,191 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
+const core = require("@qwik.dev/core");
+const blobColorClasses = {
+  slate: [
+    "bg-slate-400",
+    "bg-slate-500",
+    "bg-slate-600"
+  ],
+  gray: [
+    "bg-gray-400",
+    "bg-gray-500",
+    "bg-gray-600"
+  ],
+  darkgray: [
+    "bg-gray-500",
+    "bg-gray-600",
+    "bg-gray-700"
+  ],
+  darkergray: [
+    "bg-gray-600",
+    "bg-gray-700",
+    "bg-gray-800"
+  ],
+  zinc: [
+    "bg-zinc-400",
+    "bg-zinc-500",
+    "bg-zinc-600"
+  ],
+  neutral: [
+    "bg-neutral-400",
+    "bg-neutral-500",
+    "bg-neutral-600"
+  ],
+  stone: [
+    "bg-stone-400",
+    "bg-stone-500",
+    "bg-stone-600"
+  ],
+  red: [
+    "bg-red-400",
+    "bg-red-500",
+    "bg-red-600"
+  ],
+  orange: [
+    "bg-orange-400",
+    "bg-orange-500",
+    "bg-orange-600"
+  ],
+  amber: [
+    "bg-amber-400",
+    "bg-amber-500",
+    "bg-amber-600"
+  ],
+  yellow: [
+    "bg-yellow-400",
+    "bg-yellow-500",
+    "bg-yellow-600"
+  ],
+  lime: [
+    "bg-lime-400",
+    "bg-lime-500",
+    "bg-lime-600"
+  ],
+  green: [
+    "bg-green-400",
+    "bg-green-500",
+    "bg-green-600"
+  ],
+  emerald: [
+    "bg-emerald-400",
+    "bg-emerald-500",
+    "bg-emerald-600"
+  ],
+  teal: [
+    "bg-teal-400",
+    "bg-teal-500",
+    "bg-teal-600"
+  ],
+  cyan: [
+    "bg-cyan-400",
+    "bg-cyan-500",
+    "bg-cyan-600"
+  ],
+  sky: [
+    "bg-sky-400",
+    "bg-sky-500",
+    "bg-sky-600"
+  ],
+  blue: [
+    "bg-blue-400",
+    "bg-blue-500",
+    "bg-blue-600"
+  ],
+  indigo: [
+    "bg-indigo-400",
+    "bg-indigo-500",
+    "bg-indigo-600"
+  ],
+  violet: [
+    "bg-violet-400",
+    "bg-violet-500",
+    "bg-violet-600"
+  ],
+  purple: [
+    "bg-purple-400",
+    "bg-purple-500",
+    "bg-purple-600"
+  ],
+  fuchsia: [
+    "bg-fuchsia-400",
+    "bg-fuchsia-500",
+    "bg-fuchsia-600"
+  ],
+  pink: [
+    "bg-pink-400",
+    "bg-pink-500",
+    "bg-pink-600"
+  ],
+  rose: [
+    "bg-rose-400",
+    "bg-rose-500",
+    "bg-rose-600"
+  ]
+};
+const blobClasses = [
+  "animate-blob",
+  "animate-blob1",
+  "animate-blob2",
+  "animate-blob3",
+  "animate-blob4",
+  "animate-blob5",
+  "animate-blob6"
+];
+const Blobs = core.component$(({ color = "darkgray", blur = "xl", ...props }) => {
+  const blob = Math.round(Math.random() * 6);
+  const colorClass = typeof color == "string" ? blobColorClasses[color] : color;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    class: {
+      "animate-in fade-in anim-duration-[2s] absolute inset-0 transition-all motion-reduce:hidden": true,
+      ...props.class
+    },
+    style: {
+      containerType: "size",
+      ...props.style
+    },
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        class: {
+          "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
+          "blur-xs": blur === "xs",
+          "blur-sm": blur === "sm",
+          "blur-md": blur === "md",
+          "blur-lg": blur === "lg",
+          "blur-xl": blur === "xl",
+          [blobClasses[blob]]: true,
+          [colorClass[0]]: true
+        }
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        class: {
+          "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
+          "blur-xs": blur === "xs",
+          "blur-sm": blur === "sm",
+          "blur-md": blur === "md",
+          "blur-lg": blur === "lg",
+          "blur-xl": blur === "xl",
+          "anim-delay-[-5s]": true,
+          [blobClasses[blob]]: true,
+          [colorClass[1]]: true
+        }
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", {
+        class: {
+          "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
+          "blur-xs": blur === "xs",
+          "blur-sm": blur === "sm",
+          "blur-md": blur === "md",
+          "blur-lg": blur === "lg",
+          "blur-xl": blur === "xl",
+          "anim-delay-[-10s]": true,
+          [blobClasses[blob]]: true,
+          [colorClass[2]]: true
+        }
+      })
+    ]
+  });
+});
+exports.Blobs = Blobs;
+exports.blobColorClasses = blobColorClasses;

package/lib/components/elements/Blobs.qwik.mjs

@@ -0,0 +1,191 @@
+import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$ } from "@qwik.dev/core";
+const blobColorClasses = {
+  slate: [
+    "bg-slate-400",
+    "bg-slate-500",
+    "bg-slate-600"
+  ],
+  gray: [
+    "bg-gray-400",
+    "bg-gray-500",
+    "bg-gray-600"
+  ],
+  darkgray: [
+    "bg-gray-500",
+    "bg-gray-600",
+    "bg-gray-700"
+  ],
+  darkergray: [
+    "bg-gray-600",
+    "bg-gray-700",
+    "bg-gray-800"
+  ],
+  zinc: [
+    "bg-zinc-400",
+    "bg-zinc-500",
+    "bg-zinc-600"
+  ],
+  neutral: [
+    "bg-neutral-400",
+    "bg-neutral-500",
+    "bg-neutral-600"
+  ],
+  stone: [
+    "bg-stone-400",
+    "bg-stone-500",
+    "bg-stone-600"
+  ],
+  red: [
+    "bg-red-400",
+    "bg-red-500",
+    "bg-red-600"
+  ],
+  orange: [
+    "bg-orange-400",
+    "bg-orange-500",
+    "bg-orange-600"
+  ],
+  amber: [
+    "bg-amber-400",
+    "bg-amber-500",
+    "bg-amber-600"
+  ],
+  yellow: [
+    "bg-yellow-400",
+    "bg-yellow-500",
+    "bg-yellow-600"
+  ],
+  lime: [
+    "bg-lime-400",
+    "bg-lime-500",
+    "bg-lime-600"
+  ],
+  green: [
+    "bg-green-400",
+    "bg-green-500",
+    "bg-green-600"
+  ],
+  emerald: [
+    "bg-emerald-400",
+    "bg-emerald-500",
+    "bg-emerald-600"
+  ],
+  teal: [
+    "bg-teal-400",
+    "bg-teal-500",
+    "bg-teal-600"
+  ],
+  cyan: [
+    "bg-cyan-400",
+    "bg-cyan-500",
+    "bg-cyan-600"
+  ],
+  sky: [
+    "bg-sky-400",
+    "bg-sky-500",
+    "bg-sky-600"
+  ],
+  blue: [
+    "bg-blue-400",
+    "bg-blue-500",
+    "bg-blue-600"
+  ],
+  indigo: [
+    "bg-indigo-400",
+    "bg-indigo-500",
+    "bg-indigo-600"
+  ],
+  violet: [
+    "bg-violet-400",
+    "bg-violet-500",
+    "bg-violet-600"
+  ],
+  purple: [
+    "bg-purple-400",
+    "bg-purple-500",
+    "bg-purple-600"
+  ],
+  fuchsia: [
+    "bg-fuchsia-400",
+    "bg-fuchsia-500",
+    "bg-fuchsia-600"
+  ],
+  pink: [
+    "bg-pink-400",
+    "bg-pink-500",
+    "bg-pink-600"
+  ],
+  rose: [
+    "bg-rose-400",
+    "bg-rose-500",
+    "bg-rose-600"
+  ]
+};
+const blobClasses = [
+  "animate-blob",
+  "animate-blob1",
+  "animate-blob2",
+  "animate-blob3",
+  "animate-blob4",
+  "animate-blob5",
+  "animate-blob6"
+];
+const Blobs = component$(({ color = "darkgray", blur = "xl", ...props }) => {
+  const blob = Math.round(Math.random() * 6);
+  const colorClass = typeof color == "string" ? blobColorClasses[color] : color;
+  return /* @__PURE__ */ jsxs("div", {
+    class: {
+      "animate-in fade-in anim-duration-[2s] absolute inset-0 transition-all motion-reduce:hidden": true,
+      ...props.class
+    },
+    style: {
+      containerType: "size",
+      ...props.style
+    },
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        class: {
+          "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
+          "blur-xs": blur === "xs",
+          "blur-sm": blur === "sm",
+          "blur-md": blur === "md",
+          "blur-lg": blur === "lg",
+          "blur-xl": blur === "xl",
+          [blobClasses[blob]]: true,
+          [colorClass[0]]: true
+        }
+      }),
+      /* @__PURE__ */ jsx("div", {
+        class: {
+          "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
+          "blur-xs": blur === "xs",
+          "blur-sm": blur === "sm",
+          "blur-md": blur === "md",
+          "blur-lg": blur === "lg",
+          "blur-xl": blur === "xl",
+          "anim-delay-[-5s]": true,
+          [blobClasses[blob]]: true,
+          [colorClass[1]]: true
+        }
+      }),
+      /* @__PURE__ */ jsx("div", {
+        class: {
+          "absolute top-0 h-[30cqw] w-[30cqw] rounded-full opacity-20 ease-in-out": true,
+          "blur-xs": blur === "xs",
+          "blur-sm": blur === "sm",
+          "blur-md": blur === "md",
+          "blur-lg": blur === "lg",
+          "blur-xl": blur === "xl",
+          "anim-delay-[-10s]": true,
+          [blobClasses[blob]]: true,
+          [colorClass[2]]: true
+        }
+      })
+    ]
+  });
+});
+export {
+  Blobs,
+  blobColorClasses
+};

package/{lib-types → lib}/components/elements/ColorPicker.d.ts

@@ -1,4 +1,4 @@
-import type { PropsOf, QRL } from '@builder.io/qwik';
+import type { PropsOf, QRL } from '@qwik.dev/core';
 export interface ColorPickerProps extends Omit<PropsOf<'div'>, 'class' | 'onInput$'> {
     class?: {
         [key: string]: boolean;
@@ -11,4 +11,4 @@ export interface ColorPickerProps extends Omit<PropsOf<'div'>, 'class' | 'onInpu
     showInput?: boolean;
     opacity?: boolean;
 }
-export declare const ColorPicker: import("@builder.io/qwik").Component<ColorPickerProps>;
+export declare const ColorPicker: import("@qwik.dev/core").Component<ColorPickerProps>;