@luminescent/ui 1.1.1 → 1.1.4

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

@@ -0,0 +1,12 @@
+import type { QRL } from '@builder.io/qwik';
+import type { TextInputRawProps } from './TextInput';
+export interface ColorInputProps extends Omit<TextInputRawProps, 'onInput$' | 'children'> {
+    onInput$?: QRL<(color: string) => void>;
+    value?: string;
+    colors?: string[];
+    preview?: 'left' | 'right' | 'top' | 'bottom' | 'full';
+    horizontal?: boolean;
+    showInput?: boolean;
+    id: string;
+}
+export declare const ColorInput: import("@builder.io/qwik").Component<ColorInputProps>;

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

@@ -0,0 +1,15 @@
+import type { PropsOf, QRL } from '@builder.io/qwik';
+import type { TextInputRawProps } from './TextInput';
+export interface ColorPickerProps extends Omit<PropsOf<'div'>, 'class' | 'onInput$'> {
+    class?: {
+        [key: string]: boolean;
+    };
+    onInput$?: QRL<(color: string) => void>;
+    value?: string;
+    colors?: string[];
+    color?: TextInputRawProps['color'];
+    preview?: 'left' | 'right' | 'top' | 'bottom' | 'full';
+    horizontal?: boolean;
+    showInput?: boolean;
+}
+export declare const ColorPicker: import("@builder.io/qwik").Component<ColorPickerProps>;

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

@@ -0,0 +1,22 @@
+import type { JSXChildren, PropsOf } from '@builder.io/qwik';
+import type { buttonColorClasses, sizeClasses } from './Button';
+interface DropdownProps extends Omit<PropsOf<'select'>, 'class' | 'size'> {
+    class?: {
+        [key: string]: boolean;
+    };
+    display?: JSXChildren;
+    color?: keyof typeof buttonColorClasses;
+    round?: boolean;
+    transparent?: boolean;
+    size?: keyof typeof sizeClasses;
+    hover?: boolean;
+    values?: {
+        name: JSXChildren;
+        value: string | number;
+        color?: keyof typeof buttonColorClasses;
+    }[];
+    id: string;
+}
+export declare const Dropdown: import("@builder.io/qwik").Component<DropdownProps>;
+export declare const DropdownRaw: import("@builder.io/qwik").Component<DropdownProps>;
+export {};

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

@@ -0,0 +1,12 @@
+import type { JSXOutput, PropsOf } from '@builder.io/qwik';
+interface HeaderProps extends Omit<PropsOf<'h2'>, 'class'> {
+    class?: {
+        [key: string]: boolean;
+    };
+    id?: string;
+    anchor?: boolean;
+    loading?: boolean;
+    subheader?: string | JSXOutput;
+}
+export declare const Header: import("@builder.io/qwik").Component<HeaderProps>;
+export {};

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

@@ -0,0 +1,10 @@
+import type { PropsOf } from '@builder.io/qwik';
+interface loadingIconProps extends Omit<PropsOf<'div'>, 'class'> {
+    class?: {
+        [key: string]: boolean;
+    };
+    width: number;
+    speed?: string;
+}
+export declare const LoadingIcon: import("@builder.io/qwik").Component<loadingIconProps>;
+export {};

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

@@ -0,0 +1,38 @@
+import type { PropsOf } from '@builder.io/qwik';
+interface NavContainerProps extends Omit<PropsOf<'nav'>, 'class'> {
+    class?: {
+        [key: string]: boolean;
+    };
+    fixed?: boolean;
+    floating?: boolean;
+    color?: keyof typeof navColorClasses;
+}
+export declare const navColorClasses: {
+    slate: string;
+    gray: string;
+    darkgray: string;
+    darkergray: string;
+    zinc: string;
+    neutral: string;
+    stone: string;
+    red: string;
+    orange: string;
+    amber: string;
+    yellow: string;
+    lime: string;
+    green: string;
+    emerald: string;
+    teal: string;
+    cyan: string;
+    sky: string;
+    blue: string;
+    indigo: string;
+    violet: string;
+    purple: string;
+    fuchsia: string;
+    pink: string;
+    rose: string;
+    transparent: string;
+};
+export declare const Nav: import("@builder.io/qwik").Component<NavContainerProps>;
+export {};

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

@@ -0,0 +1,23 @@
+import type { PropsOf, QRL } from '@builder.io/qwik';
+import { InputColorClasses } from './TextInput';
+interface NumberInputRawProps extends Omit<(PropsOf<'input'> & {
+    type: 'number';
+}), 'class' | 'type'> {
+    onDecrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
+    onIncrement$: QRL<(event: PointerEvent, element: HTMLButtonElement, inputElement?: HTMLInputElement) => void>;
+    input?: boolean;
+    color?: keyof typeof InputColorClasses;
+    class?: {
+        [key: string]: boolean;
+    };
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+interface NumberInputProps extends Omit<NumberInputRawProps, 'children'> {
+    id: string;
+}
+export declare const NumberInput: import("@builder.io/qwik").Component<NumberInputProps>;
+export declare const NumberInputRaw: import("@builder.io/qwik").Component<NumberInputRawProps>;
+export {};

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

@@ -0,0 +1,15 @@
+import type { PropsOf } from '@builder.io/qwik';
+import { InputColorClasses } from './TextInput';
+export interface TextAreaRawProps extends Omit<PropsOf<'textarea'>, 'class' | 'onClick$'> {
+    class?: {
+        [key: string]: boolean;
+    };
+    color?: keyof typeof InputColorClasses;
+    output?: boolean;
+}
+interface TextAreaProps extends Omit<TextAreaRawProps, 'children'> {
+    id: string;
+}
+export declare const TextArea: import("@builder.io/qwik").Component<TextAreaProps>;
+export declare const TextAreaRaw: import("@builder.io/qwik").Component<TextAreaRawProps>;
+export {};

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

@@ -0,0 +1,43 @@
+import type { PropsOf } from '@builder.io/qwik';
+export interface TextInputRawProps extends Omit<(PropsOf<'input'> & {
+    type: 'text';
+}), 'class' | 'type'> {
+    class?: {
+        [key: string]: boolean;
+    };
+    color?: keyof typeof InputColorClasses;
+}
+interface TextInputProps extends Omit<TextInputRawProps, 'children'> {
+    id: string;
+}
+export declare const InputColorClasses: {
+    slate: string;
+    gray: string;
+    darkgray: string;
+    darkergray: string;
+    zinc: string;
+    neutral: string;
+    stone: string;
+    red: string;
+    orange: string;
+    amber: string;
+    yellow: string;
+    lime: string;
+    green: string;
+    emerald: string;
+    teal: string;
+    cyan: string;
+    sky: string;
+    blue: string;
+    indigo: string;
+    violet: string;
+    purple: string;
+    fuchsia: string;
+    pink: string;
+    rose: string;
+    transparent: string;
+};
+export declare const InputClasses = "motion-safe:transition ease-in-out border text-gray-50 hover:shadow-lg focus:outline-none rounded-md px-2.5 py-1.5 touch-manipulation";
+export declare const TextInput: import("@builder.io/qwik").Component<TextInputProps>;
+export declare const TextInputRaw: import("@builder.io/qwik").Component<TextInputRawProps>;
+export {};

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

@@ -0,0 +1,212 @@
+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

@@ -0,0 +1,13 @@
+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/input.d.ts

@@ -1,2 +1,3 @@
 import type { PluginAPI } from 'tailwindcss/types/config';
+export declare const defaultClasses = "lum-pad-sm text-sm lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md";
 export default function ({ addComponents }: PluginAPI): void;

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

@@ -0,0 +1,7 @@
+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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,36 @@
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luminescent/ui",
-  "version": "1.1.1",
+  "version": "1.1.4",
   "description": "Luminescent UI library",
   "main": "./lib/index.js",
   "types": "./lib-types/index.d.ts",
@@ -32,12 +32,13 @@
   },
   "devDependencies": {
     "@types/eslint": "^8.56.10",
-    "@types/node": "^20.14.9",
-    "@typescript-eslint/eslint-plugin": "^7.14.1",
-    "@typescript-eslint/parser": "^7.14.1",
+    "@types/node": "^20.14.10",
+    "@typescript-eslint/eslint-plugin": "^7.16.1",
+    "@typescript-eslint/parser": "^7.16.1",
     "eslint": "^8.57.0",
     "fs": "0.0.1-security",
-    "postcss": "^8.4.38",
-    "tailwindcss": "3.4.4"
+    "postcss": "^8.4.39",
+    "tailwindcss": "3.4.6",
+    "typescript": "5.5.3"
   }
 }