@luminescent/ui 0.19.2 → 1.0.0

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

@@ -1,212 +0,0 @@
-import type { JSXOutput, PropsOf } from '@builder.io/qwik';
-interface ToggleProps extends Omit<(PropsOf<'input'> & {
-    type: 'checkbox';
-}), 'class' | 'bind:checked' | 'type' | 'children'> {
-    class?: {
-        [key: string]: boolean;
-    };
-    checkbox?: boolean;
-    round?: boolean;
-    onColor?: keyof typeof toggleOnColorClasses;
-    offColor?: keyof typeof toggleOffColorClasses;
-    center?: boolean;
-    label?: string | JSXOutput;
-}
-export declare const toggleOnColorClasses: {
-    slate: {
-        checked: string;
-        checkedAfter: string;
-    };
-    gray: {
-        checked: string;
-        checkedAfter: string;
-    };
-    darkgray: {
-        checked: string;
-        checkedAfter: string;
-    };
-    darkergray: {
-        checked: string;
-        checkedAfter: string;
-    };
-    zinc: {
-        checked: string;
-        checkedAfter: string;
-    };
-    neutral: {
-        checked: string;
-        checkedAfter: string;
-    };
-    stone: {
-        checked: string;
-        checkedAfter: string;
-    };
-    red: {
-        checked: string;
-        checkedAfter: string;
-    };
-    orange: {
-        checked: string;
-        checkedAfter: string;
-    };
-    amber: {
-        checked: string;
-        checkedAfter: string;
-    };
-    yellow: {
-        checked: string;
-        checkedAfter: string;
-    };
-    lime: {
-        checked: string;
-        checkedAfter: string;
-    };
-    green: {
-        checked: string;
-        checkedAfter: string;
-    };
-    emerald: {
-        checked: string;
-        checkedAfter: string;
-    };
-    teal: {
-        checked: string;
-        checkedAfter: string;
-    };
-    cyan: {
-        checked: string;
-        checkedAfter: string;
-    };
-    sky: {
-        checked: string;
-        checkedAfter: string;
-    };
-    blue: {
-        checked: string;
-        checkedAfter: string;
-    };
-    indigo: {
-        checked: string;
-        checkedAfter: string;
-    };
-    violet: {
-        checked: string;
-        checkedAfter: string;
-    };
-    purple: {
-        checked: string;
-        checkedAfter: string;
-    };
-    fuchsia: {
-        checked: string;
-        checkedAfter: string;
-    };
-    pink: {
-        checked: string;
-        checkedAfter: string;
-    };
-    rose: {
-        checked: string;
-        checkedAfter: string;
-    };
-};
-export declare const toggleOffColorClasses: {
-    slate: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    gray: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    darkgray: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    darkergray: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    zinc: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    neutral: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    stone: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    red: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    orange: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    amber: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    yellow: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    lime: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    green: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    emerald: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    teal: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    cyan: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    sky: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    blue: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    indigo: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    violet: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    purple: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    fuchsia: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    pink: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-    rose: {
-        unchecked: string;
-        uncheckedAfter: string;
-    };
-};
-export declare const Toggle: import("@builder.io/qwik").Component<ToggleProps>;
-export {};

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

@@ -1,13 +0,0 @@
-export * from './elements/Anchor';
-export * from './elements/Blobs';
-export * from './elements/Button';
-export * from './elements/Card';
-export * from './elements/ColorPicker';
-export * from './elements/Dropdown';
-export * from './elements/Header';
-export * from './elements/LoadingIcon';
-export * from './elements/Nav';
-export * from './elements/NumberInput';
-export * from './elements/TextArea';
-export * from './elements/TextInput';
-export * from './elements/Toggle';

package/lib-types/components/logos/Birdflop.d.ts

@@ -1,7 +0,0 @@
-import type { IconProps } from './IconProps';
-interface LogoBirdflopProps extends IconProps {
-    confused?: boolean;
-    fillGradient?: string[];
-}
-export declare const LogoBirdflop: import("@builder.io/qwik").Component<LogoBirdflopProps>;
-export {};

package/lib-types/components/logos/Discord.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare const LogoDiscord: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/components/logos/Fabric.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare const LogoFabric: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/components/logos/Forge.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare const LogoForge: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/components/logos/IconProps.d.ts

@@ -1,3 +0,0 @@
-import type { PropsOf } from '@builder.io/qwik';
-export interface IconProps extends Omit<PropsOf<'svg'>, 'height'> {
-}

package/lib-types/components/logos/Luminescent.d.ts

@@ -1,3 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare const LogoLuminescent: import("@builder.io/qwik").Component<IconProps>;
-export declare const LogoLuminescentFull: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/components/logos/Paper.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare const LogoPaper: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/components/logos/Pterodactyl.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare const LogoPterodactyl: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/components/logos/Purpur.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare const LogoPurpur: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/components/logos/Velocity.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare const LogoVelocity: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/components/logos/Waterfall.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from './IconProps';
-export declare const LogoWaterfall: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/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/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/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/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components/elements';
-export * from './components/logos';

package/lib-types/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/svg/ChevronDown.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from '../components/logos/IconProps';
-export declare const ChevronDown: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/svg/Link.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from '../components/logos/IconProps';
-export declare const Link: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/svg/Minus.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from '../components/logos/IconProps';
-export declare const Minus: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/svg/Plus.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from '../components/logos/IconProps';
-export declare const Plus: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/svg/Shuffle.d.ts

@@ -1,2 +0,0 @@
-import type { IconProps } from '../components/logos/IconProps';
-export declare const Shuffle: import("@builder.io/qwik").Component<IconProps>;

package/lib-types/utils/color.d.ts

@@ -1,36 +0,0 @@
-export declare const clamp: (value: number, min: number, max: number) => number;
-export declare function getMousePosition(e: MouseEvent | TouchEvent): {
-    x: number;
-    y: number;
-};
-export declare const pad2: (c: string) => string;
-export type RGBAColor = {
-    r: number;
-    g: number;
-    b: number;
-    a?: number;
-};
-export type HSVAColor = {
-    h: number;
-    s: number;
-    v: number;
-    a?: number;
-};
-export declare function getBrightness(color: RGBAColor): number;
-export declare function hexNumberToRgb(color: number): {
-    r: number;
-    g: number;
-    b: number;
-};
-export declare function rgbToHex(color: RGBAColor): string;
-export declare const hexStringToNumber: (color: string) => number;
-export declare function hsvToRgb(color: HSVAColor): {
-    r: number;
-    g: number;
-    b: number;
-};
-export declare function rgbToHsv(color: RGBAColor): {
-    h: number;
-    s: number;
-    v: number;
-};

package/src/tailwind.config.js

@@ -1,86 +0,0 @@
-function getBlobKeyFrame() {
-  const translateXPercentages = [0, 19, 38, 57, 76];
-  const translateYPercentages = [0, 12, 25, 38, 50];
-  const scaleValues = [0.8, 1, 1.2, 1.4];
-
-  const translateX0Key = Math.floor(Math.random() * translateXPercentages.length);
-  const translateX0 = translateXPercentages[translateX0Key];
-  translateXPercentages.splice(translateX0Key, 1);
-  const translateX1Key = Math.floor(Math.random() * translateXPercentages.length);
-  const translateX1 = translateXPercentages[translateX1Key];
-  translateXPercentages.splice(translateX1Key, 1);
-  const translateX2Key = Math.floor(Math.random() * translateXPercentages.length);
-  const translateX2 = translateXPercentages[translateX2Key];
-  translateXPercentages.splice(translateX2Key, 1);
-  const translateX3Key = Math.floor(Math.random() * translateXPercentages.length);
-  const translateX3 = translateXPercentages[translateX3Key];
-  translateXPercentages.splice(translateX3Key, 1);
-
-  const translateY0Key = Math.floor(Math.random() * translateYPercentages.length);
-  const translateY0 = translateYPercentages[translateY0Key];
-  translateYPercentages.splice(translateY0Key, 1);
-  const translateY1Key = Math.floor(Math.random() * translateYPercentages.length);
-  const translateY1 = translateYPercentages[translateY1Key];
-  translateYPercentages.splice(translateY1Key, 1);
-  const translateY2Key = Math.floor(Math.random() * translateYPercentages.length);
-  const translateY2 = translateYPercentages[translateY2Key];
-  translateYPercentages.splice(translateY2Key, 1);
-  const translateY3Key = Math.floor(Math.random() * translateYPercentages.length);
-  const translateY3 = translateYPercentages[translateY3Key];
-  translateYPercentages.splice(translateY3Key, 1);
-
-  const scale0 = scaleValues[Math.floor(Math.random() * scaleValues.length)];
-  const scale1 = scaleValues[Math.floor(Math.random() * scaleValues.length)];
-  const scale2 = scaleValues[Math.floor(Math.random() * scaleValues.length)];
-  const scale3 = scaleValues[Math.floor(Math.random() * scaleValues.length)];
-
-  const keyframe = {
-    '0%, 100%': { transform: `translate(${translateX0}cqw, ${translateY0}cqh) scale(${scale0})` },
-    '25%': { transform: `translate(${translateX1}cqw, ${translateY1}cqh) scale(${scale1})` },
-    '50%': { transform: `translate(${translateX2}cqw, ${translateY2}cqh) scale(${scale2})` },
-    '75%': { transform: `translate(${translateX3}cqw, ${translateY3}cqh) scale(${scale3})` },
-  };
-
-  return keyframe;
-}
-
-const luminescent = {
-  50 : "hsl(286deg, 65%, 97%)",
-  100: "hsl(286deg, 60%, 95%)",
-  200: "hsl(286deg, 55%, 90%)",
-  300: "hsl(286deg, 50%, 82%)",
-  400: "hsl(286deg, 45%, 75%)",
-  500: "hsl(286deg, 40%, 60%)",
-  600: "hsl(286deg, 35%, 51%)",
-  700: "hsl(286deg, 30%, 42%)",
-  800: "hsl(286deg, 25%, 35%)",
-  900: "hsl(286deg, 20%, 30%)",
-  950: "hsl(286deg, 15%, 17%)"
-};
-
-module.exports = {
-  content: ['./node_modules/@luminescent/ui/**/*.{mjs,cjs}'],
-  theme: {
-    extend: {
-      colors: { luminescent },
-      animation: {
-        blob: 'blob 15s infinite',
-        blob1: 'blob1 15s infinite',
-        blob2: 'blob2 15s infinite',
-        blob3: 'blob3 15s infinite',
-        blob4: 'blob4 15s infinite',
-        blob5: 'blob5 15s infinite',
-        blob6: 'blob6 15s infinite',
-      },
-      keyframes: {
-        blob: getBlobKeyFrame(),
-        blob1: getBlobKeyFrame(),
-        blob2: getBlobKeyFrame(),
-        blob3: getBlobKeyFrame(),
-        blob4: getBlobKeyFrame(),
-        blob5: getBlobKeyFrame(),
-        blob6: getBlobKeyFrame(),
-      },
-    },
-  },
-};