@makolabs/ripple/dist/header/breadcrumbs.d.ts

Simple Svelte 5 powered component library ✨

import type { Component } from 'svelte';
import { Size, Color } from '../variants.js';
type BreadcrumbItem = {
    label: string;
    href: string;
    current?: boolean;
};
export declare const breadcrumbs: import("tailwind-variants").TVReturnType<{
    size: {
        [Size.XS]: {
            base: string;
        };
        [Size.SM]: {
            base: string;
        };
        [Size.BASE]: {
            base: string;
        };
        [Size.LG]: {
            base: string;
        };
    };
    weight: {
        normal: {
            item: string;
        };
        medium: {
            item: string;
        };
        semibold: {
            item: string;
        };
        bold: {
            item: string;
        };
    };
    color: {
        [Color.DEFAULT]: {
            item: string;
            wrapper: string;
        };
        [Color.PRIMARY]: {
            item: string;
            wrapper: string;
        };
        [Color.SECONDARY]: {
            item: string;
            wrapper: string;
        };
        [Color.INFO]: {
            item: string;
            wrapper: string;
        };
        [Color.SUCCESS]: {
            item: string;
            wrapper: string;
        };
        [Color.WARNING]: {
            item: string;
            wrapper: string;
        };
        [Color.DANGER]: {
            item: string;
            wrapper: string;
        };
    };
    active: {
        true: {
            item: string;
        };
        false: {
            item: string;
        };
    };
}, {
    base: string;
    list: string;
    item: string;
    separator: string;
    wrapper: string;
}, undefined, {
    size: {
        [Size.XS]: {
            base: string;
        };
        [Size.SM]: {
            base: string;
        };
        [Size.BASE]: {
            base: string;
        };
        [Size.LG]: {
            base: string;
        };
    };
    weight: {
        normal: {
            item: string;
        };
        medium: {
            item: string;
        };
        semibold: {
            item: string;
        };
        bold: {
            item: string;
        };
    };
    color: {
        [Color.DEFAULT]: {
            item: string;
            wrapper: string;
        };
        [Color.PRIMARY]: {
            item: string;
            wrapper: string;
        };
        [Color.SECONDARY]: {
            item: string;
            wrapper: string;
        };
        [Color.INFO]: {
            item: string;
            wrapper: string;
        };
        [Color.SUCCESS]: {
            item: string;
            wrapper: string;
        };
        [Color.WARNING]: {
            item: string;
            wrapper: string;
        };
        [Color.DANGER]: {
            item: string;
            wrapper: string;
        };
    };
    active: {
        true: {
            item: string;
        };
        false: {
            item: string;
        };
    };
}, {
    base: string;
    list: string;
    item: string;
    separator: string;
    wrapper: string;
}, import("tailwind-variants").TVReturnType<{
    size: {
        [Size.XS]: {
            base: string;
        };
        [Size.SM]: {
            base: string;
        };
        [Size.BASE]: {
            base: string;
        };
        [Size.LG]: {
            base: string;
        };
    };
    weight: {
        normal: {
            item: string;
        };
        medium: {
            item: string;
        };
        semibold: {
            item: string;
        };
        bold: {
            item: string;
        };
    };
    color: {
        [Color.DEFAULT]: {
            item: string;
            wrapper: string;
        };
        [Color.PRIMARY]: {
            item: string;
            wrapper: string;
        };
        [Color.SECONDARY]: {
            item: string;
            wrapper: string;
        };
        [Color.INFO]: {
            item: string;
            wrapper: string;
        };
        [Color.SUCCESS]: {
            item: string;
            wrapper: string;
        };
        [Color.WARNING]: {
            item: string;
            wrapper: string;
        };
        [Color.DANGER]: {
            item: string;
            wrapper: string;
        };
    };
    active: {
        true: {
            item: string;
        };
        false: {
            item: string;
        };
    };
}, {
    base: string;
    list: string;
    item: string;
    separator: string;
    wrapper: string;
}, undefined, unknown, unknown, undefined>>;
export type BreadcrumbsProps = {
    items: BreadcrumbItem[];
    size?: keyof typeof breadcrumbs.variants.size;
    weight?: keyof typeof breadcrumbs.variants.weight;
    color?: keyof typeof breadcrumbs.variants.color;
    icon?: Component;
    class?: string;
    listclass?: string;
    itemclass?: string;
    separatorclass?: string;
    wrapperclass?: string;
};
export type { BreadcrumbItem };