@nikkory/vibe-engine 4.0.0

package/dist/resolution/presets/data-display-presets.d.ts

@@ -0,0 +1,290 @@
+/**
+ * Data Display Presets - Pre-configured 24-Factor Configurations
+ *
+ * Named presets for data display components covering common use cases:
+ * - Tables and Data Tables
+ * - Lists and Virtual Lists
+ * - Avatars and Avatar Groups
+ * - Stats and Metrics
+ * - Timelines and Activity Feeds
+ * - Dividers and Separators
+ * - Badges and Tags
+ *
+ * @packageDocumentation
+ * @module resolution/presets/data-display-presets
+ * @since 2.1.0
+ *
+ * Powered by Nikkory
+ */
+import type { PresetDefinition } from '../types';
+/**
+ * Table Default Preset
+ *
+ * Standard data table.
+ * Clean borders and row separation.
+ *
+ * @since 2.1.0
+ */
+export declare const TABLE_DEFAULT: PresetDefinition;
+/**
+ * Table Compact Preset
+ *
+ * Dense table for maximum data density.
+ * Smaller cells and text.
+ *
+ * @since 2.1.0
+ */
+export declare const TABLE_COMPACT: PresetDefinition;
+/**
+ * Table Striped Preset
+ *
+ * Alternating row colors.
+ * Better readability for long tables.
+ *
+ * @since 2.1.0
+ */
+export declare const TABLE_STRIPED: PresetDefinition;
+/**
+ * Table Interactive Preset
+ *
+ * Interactive table with hover effects.
+ * Clickable rows for drill-down.
+ *
+ * @since 2.1.0
+ */
+export declare const TABLE_INTERACTIVE: PresetDefinition;
+/**
+ * List Default Preset
+ *
+ * Standard list styling.
+ * Clean item separation.
+ *
+ * @since 2.1.0
+ */
+export declare const LIST_DEFAULT: PresetDefinition;
+/**
+ * List Interactive Preset
+ *
+ * Interactive list with hover states.
+ * Good for navigation menus.
+ *
+ * @since 2.1.0
+ */
+export declare const LIST_INTERACTIVE: PresetDefinition;
+/**
+ * List Bordered Preset
+ *
+ * List with borders between items.
+ * Clear visual separation.
+ *
+ * @since 2.1.0
+ */
+export declare const LIST_BORDERED: PresetDefinition;
+/**
+ * Virtual List Preset
+ *
+ * Virtualized list for large datasets.
+ * Optimized for performance.
+ *
+ * @since 2.1.0
+ */
+export declare const LIST_VIRTUAL: PresetDefinition;
+/**
+ * Avatar Default Preset
+ *
+ * Standard circular avatar.
+ * Profile image styling.
+ *
+ * @since 2.1.0
+ */
+export declare const AVATAR_DEFAULT: PresetDefinition;
+/**
+ * Avatar Small Preset
+ *
+ * Small avatar for compact UI.
+ * Comment authors, mentions.
+ *
+ * @since 2.1.0
+ */
+export declare const AVATAR_SMALL: PresetDefinition;
+/**
+ * Avatar Large Preset
+ *
+ * Large avatar for profile pages.
+ * Prominent profile display.
+ *
+ * @since 2.1.0
+ */
+export declare const AVATAR_LARGE: PresetDefinition;
+/**
+ * Avatar Square Preset
+ *
+ * Square avatar for organization logos.
+ * Company/workspace icons.
+ *
+ * @since 2.1.0
+ */
+export declare const AVATAR_SQUARE: PresetDefinition;
+/**
+ * Stat Default Preset
+ *
+ * Standard statistic display.
+ * Value with label.
+ *
+ * @since 2.1.0
+ */
+export declare const STAT_DEFAULT: PresetDefinition;
+/**
+ * Stat Card Preset
+ *
+ * Stat in card container.
+ * Dashboard widget style.
+ *
+ * @since 2.1.0
+ */
+export declare const STAT_CARD: PresetDefinition;
+/**
+ * Stat Trend Preset
+ *
+ * Stat with trend indicator.
+ * Up/down arrows and percentage.
+ *
+ * @since 2.1.0
+ */
+export declare const STAT_TREND: PresetDefinition;
+/**
+ * Timeline Default Preset
+ *
+ * Standard vertical timeline.
+ * Event history display.
+ *
+ * @since 2.1.0
+ */
+export declare const TIMELINE_DEFAULT: PresetDefinition;
+/**
+ * Timeline Compact Preset
+ *
+ * Compact timeline for dense history.
+ * Activity feed style.
+ *
+ * @since 2.1.0
+ */
+export declare const TIMELINE_COMPACT: PresetDefinition;
+/**
+ * Timeline Horizontal Preset
+ *
+ * Horizontal timeline.
+ * Process steps or milestones.
+ *
+ * @since 2.1.0
+ */
+export declare const TIMELINE_HORIZONTAL: PresetDefinition;
+/**
+ * Divider Default Preset
+ *
+ * Standard horizontal divider.
+ * Section separation.
+ *
+ * @since 2.1.0
+ */
+export declare const DIVIDER_DEFAULT: PresetDefinition;
+/**
+ * Divider Vertical Preset
+ *
+ * Vertical divider.
+ * Side-by-side content separation.
+ *
+ * @since 2.1.0
+ */
+export declare const DIVIDER_VERTICAL: PresetDefinition;
+/**
+ * Divider With Text Preset
+ *
+ * Divider with centered text.
+ * "OR" separator style.
+ *
+ * @since 2.1.0
+ */
+export declare const DIVIDER_TEXT: PresetDefinition;
+/**
+ * Badge Status Preset
+ *
+ * Status badge for data cells.
+ * Active/Inactive indicators.
+ *
+ * @since 2.1.0
+ */
+export declare const BADGE_STATUS: PresetDefinition;
+/**
+ * Badge Count Preset
+ *
+ * Notification count badge.
+ * Circular number display.
+ *
+ * @since 2.1.0
+ */
+export declare const BADGE_COUNT: PresetDefinition;
+/**
+ * Status Dot Preset
+ *
+ * Small status dot indicator.
+ * Online/offline presence.
+ *
+ * @since 2.1.0
+ */
+export declare const STATUS_DOT: PresetDefinition;
+/**
+ * Chip Default Preset
+ *
+ * Standard chip/tag.
+ * For labels and categories.
+ *
+ * @since 2.1.0
+ */
+export declare const CHIP_DEFAULT: PresetDefinition;
+/**
+ * Chip Interactive Preset
+ *
+ * Interactive chip with close button.
+ * Removable tags.
+ *
+ * @since 2.1.0
+ */
+export declare const CHIP_INTERACTIVE: PresetDefinition;
+/**
+ * All data display presets as an array.
+ *
+ * @since 2.1.0
+ */
+export declare const DATA_DISPLAY_PRESETS: ReadonlyArray<PresetDefinition>;
+/**
+ * Data display presets as a map for quick lookup.
+ *
+ * @since 2.1.0
+ */
+export declare const DATA_DISPLAY_PRESETS_MAP: ReadonlyMap<string, PresetDefinition>;
+/**
+ * Get a data display preset by ID.
+ *
+ * @param id - The preset ID
+ * @returns The preset definition or undefined if not found
+ * @since 2.1.0
+ */
+export declare function getDataDisplayPreset(id: string): PresetDefinition | undefined;
+/**
+ * Get all data display presets matching given tags.
+ *
+ * @param tags - Tags to match (ANY match)
+ * @returns Array of matching presets
+ * @since 2.1.0
+ */
+export declare function getDataDisplayPresetsByTags(tags: string[]): PresetDefinition[];
+/**
+ * Check if a preset ID is a valid data display preset.
+ *
+ * @param id - The preset ID to check
+ * @returns True if the ID is a valid data display preset
+ * @since 2.1.0
+ */
+export declare function isDataDisplayPreset(id: string): boolean;
+//# sourceMappingURL=data-display-presets.d.ts.map

package/dist/resolution/presets/feedback-presets.d.ts

@@ -0,0 +1,335 @@
+/**
+ * Feedback Presets - Pre-configured 24-Factor Configurations
+ *
+ * Named presets for feedback components covering common use cases:
+ * - Alerts and Notifications
+ * - Toasts and Snackbars
+ * - Progress indicators
+ * - Spinners and Loading states
+ * - Skeletons and Placeholders
+ * - Empty and Error states
+ * - Banners and Callouts
+ *
+ * @packageDocumentation
+ * @module resolution/presets/feedback-presets
+ * @since 2.1.0
+ *
+ * Powered by Nikkory
+ */
+import type { PresetDefinition } from '../types';
+/**
+ * Alert Info Preset
+ *
+ * Informational alert.
+ * Neutral tone for general info.
+ *
+ * @since 2.1.0
+ */
+export declare const ALERT_INFO: PresetDefinition;
+/**
+ * Alert Success Preset
+ *
+ * Success/completion alert.
+ * Green styling for positive feedback.
+ *
+ * @since 2.1.0
+ */
+export declare const ALERT_SUCCESS: PresetDefinition;
+/**
+ * Alert Warning Preset
+ *
+ * Warning alert for caution.
+ * Orange/amber styling.
+ *
+ * @since 2.1.0
+ */
+export declare const ALERT_WARNING: PresetDefinition;
+/**
+ * Alert Error Preset
+ *
+ * Error alert for failures.
+ * Red styling for critical messages.
+ *
+ * @since 2.1.0
+ */
+export declare const ALERT_ERROR: PresetDefinition;
+/**
+ * Alert Dismissible Preset
+ *
+ * Dismissible alert with close button.
+ * User-closable notifications.
+ *
+ * @since 2.1.0
+ */
+export declare const ALERT_DISMISSIBLE: PresetDefinition;
+/**
+ * Toast Default Preset
+ *
+ * Standard toast notification.
+ * Brief messages with auto-dismiss.
+ *
+ * @since 2.1.0
+ */
+export declare const TOAST_DEFAULT: PresetDefinition;
+/**
+ * Toast Success Preset
+ *
+ * Success toast notification.
+ * Action confirmation feedback.
+ *
+ * @since 2.1.0
+ */
+export declare const TOAST_SUCCESS: PresetDefinition;
+/**
+ * Toast Error Preset
+ *
+ * Error toast notification.
+ * Failure feedback with retry option.
+ *
+ * @since 2.1.0
+ */
+export declare const TOAST_ERROR: PresetDefinition;
+/**
+ * Toast Action Preset
+ *
+ * Toast with action button.
+ * Undo functionality.
+ *
+ * @since 2.1.0
+ */
+export declare const TOAST_ACTION: PresetDefinition;
+/**
+ * Progress Linear Preset
+ *
+ * Linear progress bar.
+ * Loading or completion percentage.
+ *
+ * @since 2.1.0
+ */
+export declare const PROGRESS_LINEAR: PresetDefinition;
+/**
+ * Progress Circular Preset
+ *
+ * Circular progress indicator.
+ * Ring-style loading.
+ *
+ * @since 2.1.0
+ */
+export declare const PROGRESS_CIRCULAR: PresetDefinition;
+/**
+ * Progress Steps Preset
+ *
+ * Multi-step progress indicator.
+ * Wizard/checkout progress.
+ *
+ * @since 2.1.0
+ */
+export declare const PROGRESS_STEPS: PresetDefinition;
+/**
+ * Progress Meter Preset
+ *
+ * Value meter/gauge.
+ * Quota usage, battery level.
+ *
+ * @since 2.1.0
+ */
+export declare const PROGRESS_METER: PresetDefinition;
+/**
+ * Spinner Default Preset
+ *
+ * Standard loading spinner.
+ * Indefinite loading state.
+ *
+ * @since 2.1.0
+ */
+export declare const SPINNER_DEFAULT: PresetDefinition;
+/**
+ * Spinner Small Preset
+ *
+ * Small inline spinner.
+ * Button loading states.
+ *
+ * @since 2.1.0
+ */
+export declare const SPINNER_SMALL: PresetDefinition;
+/**
+ * Spinner Page Preset
+ *
+ * Large page-level spinner.
+ * Full page loading overlay.
+ *
+ * @since 2.1.0
+ */
+export declare const SPINNER_PAGE: PresetDefinition;
+/**
+ * Skeleton Text Preset
+ *
+ * Text placeholder skeleton.
+ * Loading text content.
+ *
+ * @since 2.1.0
+ */
+export declare const SKELETON_TEXT: PresetDefinition;
+/**
+ * Skeleton Avatar Preset
+ *
+ * Avatar placeholder skeleton.
+ * Circular profile image loading.
+ *
+ * @since 2.1.0
+ */
+export declare const SKELETON_AVATAR: PresetDefinition;
+/**
+ * Skeleton Card Preset
+ *
+ * Card placeholder skeleton.
+ * Loading card content.
+ *
+ * @since 2.1.0
+ */
+export declare const SKELETON_CARD: PresetDefinition;
+/**
+ * Skeleton Image Preset
+ *
+ * Image placeholder skeleton.
+ * Loading image content.
+ *
+ * @since 2.1.0
+ */
+export declare const SKELETON_IMAGE: PresetDefinition;
+/**
+ * Empty State Default Preset
+ *
+ * Default empty state.
+ * No data available message.
+ *
+ * @since 2.1.0
+ */
+export declare const EMPTY_DEFAULT: PresetDefinition;
+/**
+ * Empty State Search Preset
+ *
+ * Search no results state.
+ * No matching items found.
+ *
+ * @since 2.1.0
+ */
+export declare const EMPTY_SEARCH: PresetDefinition;
+/**
+ * Error State Default Preset
+ *
+ * Default error state.
+ * Something went wrong message.
+ *
+ * @since 2.1.0
+ */
+export declare const ERROR_DEFAULT: PresetDefinition;
+/**
+ * Error State 404 Preset
+ *
+ * 404 Not Found error page.
+ * Page not found styling.
+ *
+ * @since 2.1.0
+ */
+export declare const ERROR_404: PresetDefinition;
+/**
+ * Loading Overlay Preset
+ *
+ * Full overlay loading state.
+ * Blocks interaction during load.
+ *
+ * @since 2.1.0
+ */
+export declare const LOADING_OVERLAY: PresetDefinition;
+/**
+ * Loading Inline Preset
+ *
+ * Inline loading indicator.
+ * For partial content loading.
+ *
+ * @since 2.1.0
+ */
+export declare const LOADING_INLINE: PresetDefinition;
+/**
+ * Banner Info Preset
+ *
+ * Informational banner.
+ * Top-of-page announcements.
+ *
+ * @since 2.1.0
+ */
+export declare const BANNER_INFO: PresetDefinition;
+/**
+ * Banner Warning Preset
+ *
+ * Warning banner.
+ * Important notices requiring attention.
+ *
+ * @since 2.1.0
+ */
+export declare const BANNER_WARNING: PresetDefinition;
+/**
+ * Banner Promo Preset
+ *
+ * Promotional banner.
+ * Marketing and sales announcements.
+ *
+ * @since 2.1.0
+ */
+export declare const BANNER_PROMO: PresetDefinition;
+/**
+ * Result Success Preset
+ *
+ * Success result page.
+ * Operation completed successfully.
+ *
+ * @since 2.1.0
+ */
+export declare const RESULT_SUCCESS: PresetDefinition;
+/**
+ * Result Error Preset
+ *
+ * Error result page.
+ * Operation failed message.
+ *
+ * @since 2.1.0
+ */
+export declare const RESULT_ERROR: PresetDefinition;
+/**
+ * All feedback presets as an array.
+ *
+ * @since 2.1.0
+ */
+export declare const FEEDBACK_PRESETS: ReadonlyArray<PresetDefinition>;
+/**
+ * Feedback presets as a map for quick lookup.
+ *
+ * @since 2.1.0
+ */
+export declare const FEEDBACK_PRESETS_MAP: ReadonlyMap<string, PresetDefinition>;
+/**
+ * Get a feedback preset by ID.
+ *
+ * @param id - The preset ID
+ * @returns The preset definition or undefined if not found
+ * @since 2.1.0
+ */
+export declare function getFeedbackPreset(id: string): PresetDefinition | undefined;
+/**
+ * Get all feedback presets matching given tags.
+ *
+ * @param tags - Tags to match (ANY match)
+ * @returns Array of matching presets
+ * @since 2.1.0
+ */
+export declare function getFeedbackPresetsByTags(tags: string[]): PresetDefinition[];
+/**
+ * Check if a preset ID is a valid feedback preset.
+ *
+ * @param id - The preset ID to check
+ * @returns True if the ID is a valid feedback preset
+ * @since 2.1.0
+ */
+export declare function isFeedbackPreset(id: string): boolean;
+//# sourceMappingURL=feedback-presets.d.ts.map