claritykit-svelte/dist/components/primitives/Icon/Icon.svelte.d.ts

A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility

import type { IconName, IconSize } from './types.js';
type $$ComponentProps = {
    name: IconName;
    size?: IconSize;
    color?: string;
    class?: string;
    [key: string]: any;
};
/**
 * Icon
 *
 * Simple, flexible Icon component with inline SVGs for ClarityKit.
 * Provides common icons needed by BMS and other components.
 *
 * @prop {string} name - Icon name (e.g., 'check', 'x', 'chevron-down')
 * @prop {string} [size='md'] - Icon size (xs, sm, md, lg, xl)
 * @prop {string} [color] - Custom color (CSS color value or design token)
 * @prop {string} [class] - Additional CSS classes
 *
 * @example
 * <Icon name="check" size="sm" />
 * <Icon name="chevron-down" color="var(--ck-accent)" />
 */
declare const Icon: import("svelte").Component<$$ComponentProps, {}, "">;
type Icon = ReturnType<typeof Icon>;
export default Icon;
//# sourceMappingURL=Icon.svelte.d.ts.map