@acontplus/ui-kit
Version:
Framework-agnostic UI kit library providing reusable design assets, SVG icon definitions, button types, select options, and design system elements for consistent user interfaces across any JavaScript framework.
22 lines (21 loc) • 1.31 kB
TypeScript
/**
* Framework-agnostic icon definition interface
*/
export interface IconDefinition {
name: string;
data: string;
}
/**
* Default fallback icon (question mark)
* Used when an icon is not found in the registry
*/
export declare const FALLBACK_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14C9.79 6 8 7.79 8 10h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z\"/>\n</svg>";
/**
* Collection of default icons
* Add your custom SVG icons here
*/
export declare const DEFAULT_ICONS: IconDefinition[];
/**
* Type-safe icon names
*/
export type IconName = 'home' | 'user' | 'settings' | 'search' | 'close' | 'check' | 'arrow-right' | 'arrow-left' | 'arrow-up' | 'arrow-down' | 'menu' | 'info' | 'warning' | 'error' | 'delete' | 'edit' | 'add' | 'remove' | 'refresh' | 'download' | 'upload' | 'file' | 'folder' | 'save' | 'print' | 'share' | 'copy' | 'calendar' | 'clock' | 'mail' | 'phone' | 'location' | 'star' | 'heart' | 'lock' | 'unlock' | 'visibility' | 'visibility-off' | 'help' | 'notification' | 'link' | 'external-link' | 'dashboard' | 'filter' | 'sort';