@digo-labs/ui 0.1.7

package/dist/other/animations.d.ts

@@ -0,0 +1,7 @@
+export declare const ANIMATIONS: {
+    default: string;
+    empty: string;
+    error: string;
+    score: string;
+    heart: string;
+};

package/dist/other/image-transition-effects.d.ts

@@ -0,0 +1,3 @@
+import { ImageTransitionType } from '..';
+export type ImageTransitionEffect = (current: HTMLDivElement, currentInner: HTMLDivElement, next: HTMLDivElement, nextInner: HTMLDivElement) => gsap.core.Timeline;
+export declare const animationEffects: Record<ImageTransitionType, ImageTransitionEffect>;

package/dist/outdated/lottie.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { default as LottieUI } from 'lottie-react';
+interface LottieProperties extends ComponentPropsWithoutRef<typeof LottieUI> {
+    tint?: string;
+    containerClasses?: string;
+}
+export declare function Lottie(properties: LottieProperties): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/outdated/qr-code.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from 'react';
+export interface QRCodeProperties extends ComponentPropsWithoutRef<'div'> {
+    data: string;
+    foreground?: string;
+    background?: string;
+    robustness?: 'L' | 'M' | 'Q' | 'H';
+}
+export declare function QRCode(properties: QRCodeProperties): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/outdated/shape.d.ts

@@ -0,0 +1,11 @@
+export type ShapeType = 'triangle' | 'square' | 'circle' | 'star';
+interface Properties {
+    type: ShapeType;
+    fill?: string;
+    stroke?: string;
+    strokeWidthPercent?: number;
+    width?: number;
+    height?: number;
+}
+export declare function Shape(properties: Properties): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/outdated/tint.d.ts

@@ -0,0 +1,6 @@
+interface Properties {
+    color: string;
+    className?: string;
+}
+export declare function Tint(properties: Properties): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/presets/curated/default.d.ts

@@ -0,0 +1,2 @@
+import { ThemePreset } from '../types';
+export declare const defaultPreset: ThemePreset;

package/dist/presets/curated/index.d.ts

@@ -0,0 +1,3 @@
+export * from './default';
+export * from './ocean';
+export * from './retro-futuristic';

package/dist/presets/curated/ocean.d.ts

@@ -0,0 +1,2 @@
+import { ThemePreset } from '../types';
+export declare const oceanPreset: ThemePreset;

package/dist/presets/curated/retro-futuristic.d.ts

@@ -0,0 +1,2 @@
+import { ThemePreset } from '../types';
+export declare const retroFuturisticPreset: ThemePreset;

package/dist/presets/helpers.d.ts

@@ -0,0 +1,4 @@
+import { Mode, ThemePreset } from './types';
+export declare class PresetHelpers {
+    static resolve(preset: ThemePreset, mode: Mode): Record<string, string>;
+}

package/dist/presets/index.d.ts

@@ -0,0 +1,6 @@
+import { ThemePreset } from './types';
+export * from './types';
+export * from './palettes';
+export * from './helpers';
+export * from './curated';
+export declare const PRESETS: ThemePreset[];

package/dist/presets/palettes.d.ts

@@ -0,0 +1,2 @@
+import { Palettes } from './types';
+export declare const PALETTES: Palettes;

package/dist/presets/types.d.ts

@@ -0,0 +1,40 @@
+import { PALETTES } from './palettes';
+import { Styles } from '../providers/design-system-provider';
+export type Mode = 'dark' | 'light';
+export type PaletteName = keyof typeof PALETTES;
+export type ColorStep = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export type ColorScale = Record<ColorStep, string>;
+export type ColorVariant = 'light' | 'lightA' | 'dark' | 'darkA';
+export type Palette = Record<ColorVariant, ColorScale>;
+export type Palettes = Record<string, Palette>;
+export interface TypographyProperties {
+    font: string;
+    weight: string;
+    tracking: string;
+    leading: string;
+}
+export interface ShadowProperties {
+    color: PaletteName;
+    offsetX: number;
+    offsetY: number;
+    blur: number;
+    spread: number;
+    opacity: number;
+}
+export type ShadowStep = 'xs' | 's' | 'm' | 'l' | 'xl';
+export declare const SHADOW_STEPS: ShadowStep[];
+export type ColorRole = 'neutral' | 'accent' | 'error' | 'success' | 'warning' | 'info';
+export declare const COLOR_ROLES: ColorRole[];
+export type TypographyRole = 'header' | 'label' | 'body' | 'code';
+export declare const TYPOGRAPHY_ROLES: TypographyRole[];
+export interface ThemePreset {
+    name: string;
+    colors: Record<ColorRole, PaletteName>;
+    shadows: Record<ShadowStep, ShadowProperties>;
+    typography: Record<TypographyRole, TypographyProperties>;
+    radius: string;
+    spacingFactor: number;
+    typographyScaleFactor: number;
+    custom?: Record<string, string>;
+    overrides?: Partial<Styles>;
+}

package/dist/providers/command-provider.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+interface CommandContextType {
+    open: () => void;
+}
+interface CommandProviderProperties {
+    children: ReactNode;
+    open: () => void;
+}
+export declare function CommandProvider(properties: CommandProviderProperties): import("react/jsx-runtime").JSX.Element;
+export declare function useCommand(): CommandContextType;
+export {};

package/dist/providers/component-styles-provider.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { Styles } from './design-system-provider';
+type StyleKey = keyof Styles;
+type ReturnOf<T> = T extends (...args: any[]) => infer R ? R : never;
+type SlotNames<T> = keyof ReturnOf<T> & string;
+type ResolvedSlots<T> = Record<SlotNames<T>, string>;
+type SlotsClassNames<T extends (...args: any[]) => any> = Partial<Record<SlotNames<T>, string>>;
+export type ComponentStylesProps<K extends StyleKey> = VariantProps<Styles[K]> & {
+    classNames?: SlotsClassNames<Styles[K]>;
+};
+export declare function createComponentStyles<K extends StyleKey>(styleKey: K): {
+    ComponentStylesProvider: (props: VariantProps<typeof import("../styles")[K]> & {
+        classNames?: Partial<Record<SlotNames<typeof import("../styles")[K]>, string>>;
+        children: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    useComponentStyles: () => ResolvedSlots<typeof import("../styles")[K]>;
+    useComponentVariants: () => VariantProps<typeof import("../styles")[K]>;
+};
+export {};

package/dist/providers/design-system-provider.d.ts

@@ -0,0 +1,27 @@
+import { baseStyles } from '..';
+import { ReactNode } from 'react';
+import { ColorRole, Mode, PaletteName, ShadowProperties, ShadowStep, ThemePreset, TypographyProperties, TypographyRole } from '../presets/types';
+export type Styles = typeof baseStyles;
+type PartialStyles = Partial<Styles>;
+interface DesignSystemContextType {
+    mode: Mode;
+    toggleMode: () => void;
+    setMode: (mode: Mode) => void;
+    preset: ThemePreset;
+    setPreset: (preset: ThemePreset) => void;
+    updatePreset: (partial: Partial<ThemePreset>) => void;
+    setRolePalette: (role: ColorRole, palette: PaletteName) => void;
+    updateTypography: (role: TypographyRole, partial: Partial<TypographyProperties>) => void;
+    updateShadow: (step: ShadowStep, partial: Partial<ShadowProperties>) => void;
+    updateComponentOverrides: (component: string, overrides: Record<string, string>) => void;
+}
+interface DesignSystemProviderProps {
+    children: ReactNode;
+    preset: ThemePreset;
+    defaultMode?: Mode;
+    overrides?: PartialStyles;
+}
+export declare function DesignSystemProvider(properties: DesignSystemProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useDesignSystem(): DesignSystemContextType;
+export declare function useStyles(): Styles;
+export {};

package/dist/styles/accordion.d.ts

@@ -0,0 +1,85 @@
+export declare const accordion: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            header?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            triggerIcon?: import('tailwind-variants').ClassValue;
+            panel?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            header?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            triggerIcon?: import('tailwind-variants').ClassValue;
+            panel?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    item: string;
+    header: string;
+    trigger: string;
+    triggerIcon: string;
+    panel: string;
+    content: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            header?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            triggerIcon?: import('tailwind-variants').ClassValue;
+            panel?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            header?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            triggerIcon?: import('tailwind-variants').ClassValue;
+            panel?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    item: string;
+    header: string;
+    trigger: string;
+    triggerIcon: string;
+    panel: string;
+    content: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    item: string;
+    header: string;
+    trigger: string;
+    triggerIcon: string;
+    panel: string;
+    content: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            header?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            triggerIcon?: import('tailwind-variants').ClassValue;
+            panel?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

package/dist/styles/alert.d.ts

@@ -0,0 +1,253 @@
+export declare const alert: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        destructive: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        info: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+}, {
+    root: string;
+    content: string;
+    title: string;
+    description: string;
+    action: string;
+    icon: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+    variant: {
+        default: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        destructive: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        info: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        destructive: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        info: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+}>, {
+    variant: {
+        default: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        destructive: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        info: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+}, {
+    root: string;
+    content: string;
+    title: string;
+    description: string;
+    action: string;
+    icon: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        destructive: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        info: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+}, {
+    root: string;
+    content: string;
+    title: string;
+    description: string;
+    action: string;
+    icon: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+    variant: {
+        default: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        destructive: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        info: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        destructive: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        success: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        warning: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+        info: {
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;

package/dist/styles/autocomplete.d.ts

@@ -0,0 +1,141 @@
+export declare const autocomplete: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            item?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            positioner?: import('tailwind-variants').ClassValue;
+            popupInner?: import('tailwind-variants').ClassValue;
+            input?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
+            group?: import('tailwind-variants').ClassValue;
+            groupLabel?: import('tailwind-variants').ClassValue;
+            empty?: import('tailwind-variants').ClassValue;
+            list?: import('tailwind-variants').ClassValue;
+            clear?: import('tailwind-variants').ClassValue;
+            status?: import('tailwind-variants').ClassValue;
+            statusLoading?: import('tailwind-variants').ClassValue;
+            popup?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            item?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            positioner?: import('tailwind-variants').ClassValue;
+            popupInner?: import('tailwind-variants').ClassValue;
+            input?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
+            group?: import('tailwind-variants').ClassValue;
+            groupLabel?: import('tailwind-variants').ClassValue;
+            empty?: import('tailwind-variants').ClassValue;
+            list?: import('tailwind-variants').ClassValue;
+            clear?: import('tailwind-variants').ClassValue;
+            status?: import('tailwind-variants').ClassValue;
+            statusLoading?: import('tailwind-variants').ClassValue;
+            popup?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    positioner: string;
+    popup: string[];
+    popupInner: string;
+    input: string;
+    item: string[];
+    separator: string;
+    group: string;
+    groupLabel: string;
+    empty: string;
+    list: string;
+    clear: string;
+    status: string;
+    trigger: string;
+    statusLoading: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            item?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            positioner?: import('tailwind-variants').ClassValue;
+            popupInner?: import('tailwind-variants').ClassValue;
+            input?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
+            group?: import('tailwind-variants').ClassValue;
+            groupLabel?: import('tailwind-variants').ClassValue;
+            empty?: import('tailwind-variants').ClassValue;
+            list?: import('tailwind-variants').ClassValue;
+            clear?: import('tailwind-variants').ClassValue;
+            status?: import('tailwind-variants').ClassValue;
+            statusLoading?: import('tailwind-variants').ClassValue;
+            popup?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            item?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            positioner?: import('tailwind-variants').ClassValue;
+            popupInner?: import('tailwind-variants').ClassValue;
+            input?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
+            group?: import('tailwind-variants').ClassValue;
+            groupLabel?: import('tailwind-variants').ClassValue;
+            empty?: import('tailwind-variants').ClassValue;
+            list?: import('tailwind-variants').ClassValue;
+            clear?: import('tailwind-variants').ClassValue;
+            status?: import('tailwind-variants').ClassValue;
+            statusLoading?: import('tailwind-variants').ClassValue;
+            popup?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    positioner: string;
+    popup: string[];
+    popupInner: string;
+    input: string;
+    item: string[];
+    separator: string;
+    group: string;
+    groupLabel: string;
+    empty: string;
+    list: string;
+    clear: string;
+    status: string;
+    trigger: string;
+    statusLoading: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    positioner: string;
+    popup: string[];
+    popupInner: string;
+    input: string;
+    item: string[];
+    separator: string;
+    group: string;
+    groupLabel: string;
+    empty: string;
+    list: string;
+    clear: string;
+    status: string;
+    trigger: string;
+    statusLoading: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            item?: import('tailwind-variants').ClassValue;
+            trigger?: import('tailwind-variants').ClassValue;
+            positioner?: import('tailwind-variants').ClassValue;
+            popupInner?: import('tailwind-variants').ClassValue;
+            input?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
+            group?: import('tailwind-variants').ClassValue;
+            groupLabel?: import('tailwind-variants').ClassValue;
+            empty?: import('tailwind-variants').ClassValue;
+            list?: import('tailwind-variants').ClassValue;
+            clear?: import('tailwind-variants').ClassValue;
+            status?: import('tailwind-variants').ClassValue;
+            statusLoading?: import('tailwind-variants').ClassValue;
+            popup?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;