svelte-5-ui-lib/dist/device-mockups/theme.d.ts

Svelte 5 UI Lib is a UI library built from scratch to leverage Svelte 5's runes system, creating smooth, reactive components.

declare const android: import("tailwind-variants").TVReturnType<{
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            right?: import("tailwind-merge").ClassNameValue;
            top?: import("tailwind-merge").ClassNameValue;
            leftTop?: import("tailwind-merge").ClassNameValue;
            leftMid?: import("tailwind-merge").ClassNameValue;
            leftBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            right?: import("tailwind-merge").ClassNameValue;
            top?: import("tailwind-merge").ClassNameValue;
            leftTop?: import("tailwind-merge").ClassNameValue;
            leftMid?: import("tailwind-merge").ClassNameValue;
            leftBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    div: string;
    slot: string;
    top: string;
    leftTop: string;
    leftMid: string;
    leftBot: string;
    right: string;
}, undefined, {
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            right?: import("tailwind-merge").ClassNameValue;
            top?: import("tailwind-merge").ClassNameValue;
            leftTop?: import("tailwind-merge").ClassNameValue;
            leftMid?: import("tailwind-merge").ClassNameValue;
            leftBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    div: string;
    slot: string;
    top: string;
    leftTop: string;
    leftMid: string;
    leftBot: string;
    right: string;
}, import("tailwind-variants").TVReturnType<unknown, {
    div: string;
    slot: string;
    top: string;
    leftTop: string;
    leftMid: string;
    leftBot: string;
    right: string;
}, undefined, unknown, unknown, undefined>>;
declare const defaultMockup: import("tailwind-variants").TVReturnType<{
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            right?: import("tailwind-merge").ClassNameValue;
            top?: import("tailwind-merge").ClassNameValue;
            leftTop?: import("tailwind-merge").ClassNameValue;
            leftBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            right?: import("tailwind-merge").ClassNameValue;
            top?: import("tailwind-merge").ClassNameValue;
            leftTop?: import("tailwind-merge").ClassNameValue;
            leftBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    div: string;
    slot: string;
    top: string;
    leftTop: string;
    leftBot: string;
    right: string;
}, undefined, {
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            right?: import("tailwind-merge").ClassNameValue;
            top?: import("tailwind-merge").ClassNameValue;
            leftTop?: import("tailwind-merge").ClassNameValue;
            leftBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    div: string;
    slot: string;
    top: string;
    leftTop: string;
    leftBot: string;
    right: string;
}, import("tailwind-variants").TVReturnType<unknown, {
    div: string;
    slot: string;
    top: string;
    leftTop: string;
    leftBot: string;
    right: string;
}, undefined, unknown, unknown, undefined>>;
declare const desktop: import("tailwind-variants").TVReturnType<{
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            div?: import("tailwind-merge").ClassNameValue;
            inner?: import("tailwind-merge").ClassNameValue;
            bot?: import("tailwind-merge").ClassNameValue;
            botUnder?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: import("tailwind-merge").ClassNameValue | {
            div?: import("tailwind-merge").ClassNameValue;
            inner?: import("tailwind-merge").ClassNameValue;
            bot?: import("tailwind-merge").ClassNameValue;
            botUnder?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    inner: string;
    bot: string;
    botUnder: string;
    div: string;
}, undefined, {
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            div?: import("tailwind-merge").ClassNameValue;
            inner?: import("tailwind-merge").ClassNameValue;
            bot?: import("tailwind-merge").ClassNameValue;
            botUnder?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    inner: string;
    bot: string;
    botUnder: string;
    div: string;
}, import("tailwind-variants").TVReturnType<unknown, {
    inner: string;
    bot: string;
    botUnder: string;
    div: string;
}, undefined, unknown, unknown, undefined>>;
declare const ios: import("tailwind-variants").TVReturnType<{
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            right?: import("tailwind-merge").ClassNameValue;
            top?: import("tailwind-merge").ClassNameValue;
            leftTop?: import("tailwind-merge").ClassNameValue;
            leftBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            right?: import("tailwind-merge").ClassNameValue;
            top?: import("tailwind-merge").ClassNameValue;
            leftTop?: import("tailwind-merge").ClassNameValue;
            leftBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    div: string;
    slot: string;
    top: string;
    leftTop: string;
    leftBot: string;
    right: string;
}, undefined, {
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            right?: import("tailwind-merge").ClassNameValue;
            top?: import("tailwind-merge").ClassNameValue;
            leftTop?: import("tailwind-merge").ClassNameValue;
            leftBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    div: string;
    slot: string;
    top: string;
    leftTop: string;
    leftBot: string;
    right: string;
}, import("tailwind-variants").TVReturnType<unknown, {
    div: string;
    slot: string;
    top: string;
    leftTop: string;
    leftBot: string;
    right: string;
}, undefined, unknown, unknown, undefined>>;
declare const laptop: import("tailwind-variants").TVReturnType<{
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            div?: import("tailwind-merge").ClassNameValue;
            inner?: import("tailwind-merge").ClassNameValue;
            bot?: import("tailwind-merge").ClassNameValue;
            botCen?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: import("tailwind-merge").ClassNameValue | {
            div?: import("tailwind-merge").ClassNameValue;
            inner?: import("tailwind-merge").ClassNameValue;
            bot?: import("tailwind-merge").ClassNameValue;
            botCen?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    div: string;
    inner: string;
    bot: string;
    botCen: string;
}, undefined, {
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            div?: import("tailwind-merge").ClassNameValue;
            inner?: import("tailwind-merge").ClassNameValue;
            bot?: import("tailwind-merge").ClassNameValue;
            botCen?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    div: string;
    inner: string;
    bot: string;
    botCen: string;
}, import("tailwind-variants").TVReturnType<unknown, {
    div: string;
    inner: string;
    bot: string;
    botCen: string;
}, undefined, unknown, unknown, undefined>>;
declare const smartwatch: import("tailwind-variants").TVReturnType<{
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            top?: import("tailwind-merge").ClassNameValue;
            bot?: import("tailwind-merge").ClassNameValue;
            rightTop?: import("tailwind-merge").ClassNameValue;
            rightBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            top?: import("tailwind-merge").ClassNameValue;
            bot?: import("tailwind-merge").ClassNameValue;
            rightTop?: import("tailwind-merge").ClassNameValue;
            rightBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    div: string;
    slot: string;
    rightTop: string;
    rightBot: string;
    top: string;
    bot: string;
}, undefined, {
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            top?: import("tailwind-merge").ClassNameValue;
            bot?: import("tailwind-merge").ClassNameValue;
            rightTop?: import("tailwind-merge").ClassNameValue;
            rightBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    div: string;
    slot: string;
    rightTop: string;
    rightBot: string;
    top: string;
    bot: string;
}, import("tailwind-variants").TVReturnType<unknown, {
    div: string;
    slot: string;
    rightTop: string;
    rightBot: string;
    top: string;
    bot: string;
}, undefined, unknown, unknown, undefined>>;
declare const tablet: import("tailwind-variants").TVReturnType<{
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            right?: import("tailwind-merge").ClassNameValue;
            leftTop?: import("tailwind-merge").ClassNameValue;
            leftMid?: import("tailwind-merge").ClassNameValue;
            leftBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            right?: import("tailwind-merge").ClassNameValue;
            leftTop?: import("tailwind-merge").ClassNameValue;
            leftMid?: import("tailwind-merge").ClassNameValue;
            leftBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    div: string;
    slot: string;
    leftTop: string;
    leftMid: string;
    leftBot: string;
    right: string;
}, undefined, {
    [key: string]: {
        [key: string]: import("tailwind-merge").ClassNameValue | {
            slot?: import("tailwind-merge").ClassNameValue;
            div?: import("tailwind-merge").ClassNameValue;
            right?: import("tailwind-merge").ClassNameValue;
            leftTop?: import("tailwind-merge").ClassNameValue;
            leftMid?: import("tailwind-merge").ClassNameValue;
            leftBot?: import("tailwind-merge").ClassNameValue;
        };
    };
} | {}, {
    div: string;
    slot: string;
    leftTop: string;
    leftMid: string;
    leftBot: string;
    right: string;
}, import("tailwind-variants").TVReturnType<unknown, {
    div: string;
    slot: string;
    leftTop: string;
    leftMid: string;
    leftBot: string;
    right: string;
}, undefined, unknown, unknown, undefined>>;
export { android, defaultMockup, desktop, ios, laptop, smartwatch, tablet };