@nikkory/vibe-engine 4.0.0

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

@@ -0,0 +1,308 @@
+/**
+ * Form Presets - Pre-configured 24-Factor Configurations for Form Components
+ *
+ * Named presets for form inputs covering common use cases:
+ * - Checkboxes, Radio buttons, Switches
+ * - Selects, Dropdowns, Comboboxes
+ * - Sliders, Range inputs, Ratings
+ * - Date/Time pickers
+ * - File uploads
+ * - OTP/PIN inputs
+ * - Rich text editors
+ *
+ * @packageDocumentation
+ * @module resolution/presets/form-presets
+ * @since 2.1.0
+ *
+ * Powered by Nikkory
+ */
+import type { PresetDefinition } from '../types';
+/**
+ * Checkbox Default Preset
+ *
+ * Standard checkbox with clean styling.
+ * Suitable for forms and settings.
+ *
+ * @since 2.1.0
+ */
+export declare const CHECKBOX_DEFAULT: PresetDefinition;
+/**
+ * Checkbox Card Preset
+ *
+ * Card-style checkbox with larger hit area.
+ * Good for selection lists and options.
+ *
+ * @since 2.1.0
+ */
+export declare const CHECKBOX_CARD: PresetDefinition;
+/**
+ * Radio Default Preset
+ *
+ * Standard radio button styling.
+ * Clean and accessible.
+ *
+ * @since 2.1.0
+ */
+export declare const RADIO_DEFAULT: PresetDefinition;
+/**
+ * Radio Card Preset
+ *
+ * Card-style radio button for prominent selections.
+ * Good for plan selectors and pricing.
+ *
+ * @since 2.1.0
+ */
+export declare const RADIO_CARD: PresetDefinition;
+/**
+ * Switch Default Preset
+ *
+ * Standard toggle switch styling.
+ * iOS/Material style toggle.
+ *
+ * @since 2.1.0
+ */
+export declare const SWITCH_DEFAULT: PresetDefinition;
+/**
+ * Switch Large Preset
+ *
+ * Large toggle switch for prominent settings.
+ * Touch-friendly size.
+ *
+ * @since 2.1.0
+ */
+export declare const SWITCH_LARGE: PresetDefinition;
+/**
+ * Select Default Preset
+ *
+ * Standard dropdown select styling.
+ * Clean and functional.
+ *
+ * @since 2.1.0
+ */
+export declare const SELECT_DEFAULT: PresetDefinition;
+/**
+ * Select Native Preset
+ *
+ * Native OS-style select.
+ * Best for mobile compatibility.
+ *
+ * @since 2.1.0
+ */
+export declare const SELECT_NATIVE: PresetDefinition;
+/**
+ * Multi-Select Preset
+ *
+ * Multi-selection dropdown with chips.
+ * Good for tag selection and filters.
+ *
+ * @since 2.1.0
+ */
+export declare const SELECT_MULTI: PresetDefinition;
+/**
+ * Combobox Default Preset
+ *
+ * Searchable combobox with autocomplete.
+ * Type-ahead search functionality.
+ *
+ * @since 2.1.0
+ */
+export declare const COMBOBOX_DEFAULT: PresetDefinition;
+/**
+ * Combobox Tags Preset
+ *
+ * Combobox with tag input support.
+ * Good for multiple selections with typing.
+ *
+ * @since 2.1.0
+ */
+export declare const COMBOBOX_TAGS: PresetDefinition;
+/**
+ * Slider Default Preset
+ *
+ * Standard range slider.
+ * Clean track and thumb styling.
+ *
+ * @since 2.1.0
+ */
+export declare const SLIDER_DEFAULT: PresetDefinition;
+/**
+ * Slider Range Preset
+ *
+ * Dual-thumb range slider.
+ * For min/max value selection.
+ *
+ * @since 2.1.0
+ */
+export declare const SLIDER_RANGE: PresetDefinition;
+/**
+ * Rating Default Preset
+ *
+ * Star rating component.
+ * Standard 5-star rating.
+ *
+ * @since 2.1.0
+ */
+export declare const RATING_DEFAULT: PresetDefinition;
+/**
+ * Rating Readonly Preset
+ *
+ * Display-only rating.
+ * For showing average ratings.
+ *
+ * @since 2.1.0
+ */
+export declare const RATING_READONLY: PresetDefinition;
+/**
+ * Date Picker Default Preset
+ *
+ * Standard date picker.
+ * Calendar dropdown with input.
+ *
+ * @since 2.1.0
+ */
+export declare const DATEPICKER_DEFAULT: PresetDefinition;
+/**
+ * Date Picker Inline Preset
+ *
+ * Inline calendar without dropdown.
+ * Always visible calendar.
+ *
+ * @since 2.1.0
+ */
+export declare const DATEPICKER_INLINE: PresetDefinition;
+/**
+ * Time Picker Default Preset
+ *
+ * Standard time picker.
+ * Hour/minute selection.
+ *
+ * @since 2.1.0
+ */
+export declare const TIMEPICKER_DEFAULT: PresetDefinition;
+/**
+ * File Upload Default Preset
+ *
+ * Standard file upload button.
+ * Click to select files.
+ *
+ * @since 2.1.0
+ */
+export declare const FILEUPLOAD_DEFAULT: PresetDefinition;
+/**
+ * File Dropzone Preset
+ *
+ * Drag-and-drop file zone.
+ * Large drop target area.
+ *
+ * @since 2.1.0
+ */
+export declare const FILEUPLOAD_DROPZONE: PresetDefinition;
+/**
+ * OTP Input Default Preset
+ *
+ * One-time password input.
+ * Individual digit boxes.
+ *
+ * @since 2.1.0
+ */
+export declare const OTP_DEFAULT: PresetDefinition;
+/**
+ * PIN Input Secure Preset
+ *
+ * Secure PIN input with masking.
+ * For sensitive codes.
+ *
+ * @since 2.1.0
+ */
+export declare const PIN_SECURE: PresetDefinition;
+/**
+ * Rich Text Editor Default Preset
+ *
+ * Standard rich text editor.
+ * Basic formatting toolbar.
+ *
+ * @since 2.1.0
+ */
+export declare const RICHTEXT_DEFAULT: PresetDefinition;
+/**
+ * Rich Text Editor Minimal Preset
+ *
+ * Minimal rich text editor.
+ * Hidden toolbar until focused.
+ *
+ * @since 2.1.0
+ */
+export declare const RICHTEXT_MINIMAL: PresetDefinition;
+/**
+ * Number Input Stepper Preset
+ *
+ * Number input with increment/decrement buttons.
+ * Quantity selector style.
+ *
+ * @since 2.1.0
+ */
+export declare const NUMBER_STEPPER: PresetDefinition;
+/**
+ * Currency Input Preset
+ *
+ * Currency input with symbol.
+ * Formatted number display.
+ *
+ * @since 2.1.0
+ */
+export declare const CURRENCY_INPUT: PresetDefinition;
+/**
+ * Phone Input Default Preset
+ *
+ * Phone number input with country code.
+ * International format support.
+ *
+ * @since 2.1.0
+ */
+export declare const PHONE_DEFAULT: PresetDefinition;
+/**
+ * Color Picker Default Preset
+ *
+ * Standard color picker.
+ * Palette and custom color selection.
+ *
+ * @since 2.1.0
+ */
+export declare const COLORPICKER_DEFAULT: PresetDefinition;
+/**
+ * All form presets as an array.
+ *
+ * @since 2.1.0
+ */
+export declare const FORM_PRESETS: ReadonlyArray<PresetDefinition>;
+/**
+ * Form presets as a map for quick lookup.
+ *
+ * @since 2.1.0
+ */
+export declare const FORM_PRESETS_MAP: ReadonlyMap<string, PresetDefinition>;
+/**
+ * Get a form preset by ID.
+ *
+ * @param id - The preset ID
+ * @returns The preset definition or undefined if not found
+ * @since 2.1.0
+ */
+export declare function getFormPreset(id: string): PresetDefinition | undefined;
+/**
+ * Get all form presets matching given tags.
+ *
+ * @param tags - Tags to match (ANY match)
+ * @returns Array of matching presets
+ * @since 2.1.0
+ */
+export declare function getFormPresetsByTags(tags: string[]): PresetDefinition[];
+/**
+ * Check if a preset ID is a valid form preset.
+ *
+ * @param id - The preset ID to check
+ * @returns True if the ID is a valid form preset
+ * @since 2.1.0
+ */
+export declare function isFormPreset(id: string): boolean;
+//# sourceMappingURL=form-presets.d.ts.map

package/dist/resolution/presets/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Presets Module - Pre-configured 24-Factor Configurations
+ *
+ * Central export point for all preset-related functionality.
+ *
+ * @packageDocumentation
+ * @module resolution/presets
+ * @since 2.1.0
+ *
+ * Powered by Nikkory
+ */
+export { BUTTON_HERO_PRIMARY, BUTTON_HERO_SECONDARY, BUTTON_CTA_GRADIENT, BUTTON_CTA_MINIMAL, BUTTON_FORM_SUBMIT, BUTTON_FORM_CANCEL, BUTTON_FORM_DELETE, BUTTON_FORM_SAVE, BUTTON_FORM_RESET, BUTTON_NAV_MENU, BUTTON_NAV_LINK, BUTTON_BREADCRUMB, BUTTON_TAB, BUTTON_ICON_DEFAULT, BUTTON_ICON_CIRCLE, BUTTON_ICON_SUBTLE, BUTTON_COMPACT, BUTTON_PILL, BUTTON_LOADING, BUTTON_FAB, BUTTON_SPLIT, BUTTON_PRESETS, BUTTON_PRESETS_MAP, getButtonPreset, getButtonPresetsByTags, isButtonPreset, } from './button-presets';
+export { CARD_CONTENT_DEFAULT, CARD_CONTENT_FEATURED, CARD_CONTENT_MINIMAL, CARD_PRODUCT_DEFAULT, CARD_PRODUCT_FEATURED, CARD_PRODUCT_COMPACT, CARD_PROFILE_DEFAULT, CARD_PROFILE_HORIZONTAL, CARD_PROFILE_COMPACT, CARD_INTERACTIVE_DEFAULT, CARD_INTERACTIVE_SELECTION, CARD_INTERACTIVE_DRAGGABLE, CARD_GLASS, CARD_NEUMORPHIC, CARD_STATS, CARD_PRICING, CARD_TESTIMONIAL, CARD_NOTIFICATION, CARD_PRESETS, CARD_PRESETS_MAP, getCardPreset, getCardPresetsByTags, isCardPreset, } from './card-presets';
+export { INPUT_DEFAULT, INPUT_FILLED, INPUT_UNDERLINE, INPUT_GHOST, INPUT_SEARCH_DEFAULT, INPUT_SEARCH_ELEVATED, INPUT_SEARCH_COMPACT, INPUT_PASSWORD, INPUT_CODE, INPUT_NUMBER, INPUT_TEXTAREA, INPUT_INLINE, INPUT_COMPACT, INPUT_LARGE, INPUT_ERROR, INPUT_SUCCESS, INPUT_DISABLED, INPUT_PRESETS, INPUT_PRESETS_MAP, getInputPreset, getInputPresetsByTags, isInputPreset, } from './input-presets';
+export { CHECKBOX_DEFAULT, CHECKBOX_CARD, RADIO_DEFAULT, RADIO_CARD, SWITCH_DEFAULT, SWITCH_LARGE, SELECT_DEFAULT, SELECT_NATIVE, SELECT_MULTI, COMBOBOX_DEFAULT, COMBOBOX_TAGS, SLIDER_DEFAULT, SLIDER_RANGE, RATING_DEFAULT, RATING_READONLY, DATEPICKER_DEFAULT, DATEPICKER_INLINE, TIMEPICKER_DEFAULT, FILEUPLOAD_DEFAULT, FILEUPLOAD_DROPZONE, OTP_DEFAULT, PIN_SECURE, RICHTEXT_DEFAULT, RICHTEXT_MINIMAL, NUMBER_STEPPER, CURRENCY_INPUT, PHONE_DEFAULT, COLORPICKER_DEFAULT, FORM_PRESETS, FORM_PRESETS_MAP, getFormPreset, getFormPresetsByTags, isFormPreset, } from './form-presets';
+export { TABLE_DEFAULT, TABLE_COMPACT, TABLE_STRIPED, TABLE_INTERACTIVE, LIST_DEFAULT, LIST_INTERACTIVE, LIST_BORDERED, LIST_VIRTUAL, AVATAR_DEFAULT, AVATAR_SMALL, AVATAR_LARGE, AVATAR_SQUARE, STAT_DEFAULT, STAT_CARD, STAT_TREND, TIMELINE_DEFAULT, TIMELINE_COMPACT, TIMELINE_HORIZONTAL, DIVIDER_DEFAULT, DIVIDER_VERTICAL, DIVIDER_TEXT, BADGE_STATUS, BADGE_COUNT, STATUS_DOT, CHIP_DEFAULT, CHIP_INTERACTIVE, DATA_DISPLAY_PRESETS, DATA_DISPLAY_PRESETS_MAP, getDataDisplayPreset, getDataDisplayPresetsByTags, isDataDisplayPreset, } from './data-display-presets';
+export { ALERT_INFO, ALERT_SUCCESS, ALERT_WARNING, ALERT_ERROR, ALERT_DISMISSIBLE, TOAST_DEFAULT, TOAST_SUCCESS, TOAST_ERROR, TOAST_ACTION, PROGRESS_LINEAR, PROGRESS_CIRCULAR, PROGRESS_STEPS, PROGRESS_METER, SPINNER_DEFAULT, SPINNER_SMALL, SPINNER_PAGE, SKELETON_TEXT, SKELETON_AVATAR, SKELETON_CARD, SKELETON_IMAGE, EMPTY_DEFAULT, EMPTY_SEARCH, ERROR_DEFAULT, ERROR_404, LOADING_OVERLAY, LOADING_INLINE, BANNER_INFO, BANNER_WARNING, BANNER_PROMO, RESULT_SUCCESS, RESULT_ERROR, FEEDBACK_PRESETS, FEEDBACK_PRESETS_MAP, getFeedbackPreset, getFeedbackPresetsByTags, isFeedbackPreset, } from './feedback-presets';
+export { NAV_NAVBAR_DEFAULT, NAV_NAVBAR_TRANSPARENT, NAV_NAVBAR_ELEVATED, NAV_SIDEBAR_DEFAULT, NAV_SIDEBAR_COMPACT, NAV_SIDEBAR_FLOATING, NAV_BREADCRUMB_DEFAULT, NAV_BREADCRUMB_CONTAINED, NAV_TABS_DEFAULT, NAV_TABS_CONTAINED, NAV_TABS_VERTICAL, NAV_PAGINATION_DEFAULT, NAV_PAGINATION_MINIMAL, NAV_PAGINATION_ROUNDED, NAV_MENU_DEFAULT, NAV_MENU_COMPACT, NAV_MENU_CASCADING, NAV_STEPPER_DEFAULT, NAV_STEPPER_VERTICAL, NAV_STEPPER_MINIMAL, NAV_PRESETS, NAV_PRESETS_MAP, getNavPreset, getNavPresetsByTag, isNavPreset, } from './nav-presets';
+export { OVERLAY_MODAL_DEFAULT, OVERLAY_MODAL_ALERT, OVERLAY_MODAL_FULLSCREEN, OVERLAY_MODAL_MINIMAL, OVERLAY_DRAWER_DEFAULT, OVERLAY_DRAWER_COMPACT, OVERLAY_DRAWER_FULL, OVERLAY_TOOLTIP_DEFAULT, OVERLAY_TOOLTIP_LIGHT, OVERLAY_TOOLTIP_RICH, OVERLAY_POPOVER_DEFAULT, OVERLAY_POPOVER_MENU, OVERLAY_POPOVER_FORM, OVERLAY_SHEET_BOTTOM, OVERLAY_SHEET_DRAGGABLE, OVERLAY_SHEET_FULL, OVERLAY_BACKDROP_DEFAULT, OVERLAY_BACKDROP_BLUR, OVERLAY_PRESETS, OVERLAY_PRESETS_MAP, getOverlayPreset, getOverlayPresetsByTag, isOverlayPreset, } from './overlay-presets';
+export { presetRegistry, resolvePreset, resolvePresetWithFallback, getPresetsForComponent, getPresetsByCategory, searchPresets, isValidPreset, getPresetMetadata, getAllPresetIds, getPresetStats, createPresetRegistry, PresetRegistryImpl, } from './preset-registry';
+export type { IPresetRegistry } from './preset-registry';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,207 @@
+/**
+ * Input Presets - Pre-configured 24-Factor Configurations
+ *
+ * Named presets for inputs covering common use cases:
+ * - Standard form inputs
+ * - Search inputs
+ * - Special input types (password, code, etc.)
+ * - Inline and compact inputs
+ * - Validation states
+ *
+ * @packageDocumentation
+ * @module resolution/presets/input-presets
+ * @since 2.1.0
+ *
+ * Powered by Nikkory
+ */
+import type { PresetDefinition } from '../types';
+/**
+ * Standard Input Default Preset
+ *
+ * Default form input with clean styling.
+ * Balanced between visibility and subtlety.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_DEFAULT: PresetDefinition;
+/**
+ * Input Filled Preset
+ *
+ * Filled input with solid background.
+ * Higher visual prominence.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_FILLED: PresetDefinition;
+/**
+ * Input Underline Preset
+ *
+ * Underlined input with minimal styling.
+ * Clean, modern appearance.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_UNDERLINE: PresetDefinition;
+/**
+ * Input Ghost Preset
+ *
+ * Ghost input with no visible borders.
+ * Only visible on focus.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_GHOST: PresetDefinition;
+/**
+ * Search Input Default Preset
+ *
+ * Standard search input with icon.
+ * Rounded styling for search context.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_SEARCH_DEFAULT: PresetDefinition;
+/**
+ * Search Input Elevated Preset
+ *
+ * Elevated search input for prominent placement.
+ * Google-style search bar.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_SEARCH_ELEVATED: PresetDefinition;
+/**
+ * Search Input Compact Preset
+ *
+ * Compact search input for toolbars.
+ * Minimal footprint.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_SEARCH_COMPACT: PresetDefinition;
+/**
+ * Password Input Preset
+ *
+ * Password input with toggle visibility.
+ * Enhanced security affordances.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_PASSWORD: PresetDefinition;
+/**
+ * Code Input Preset
+ *
+ * Code/OTP input for verification.
+ * Monospace font, centered digits.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_CODE: PresetDefinition;
+/**
+ * Number Input Preset
+ *
+ * Number input with stepper controls.
+ * Spinner buttons for increment/decrement.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_NUMBER: PresetDefinition;
+/**
+ * Textarea Preset
+ *
+ * Multi-line text input.
+ * Resizable with auto-grow option.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_TEXTAREA: PresetDefinition;
+/**
+ * Inline Input Preset
+ *
+ * Inline editable text.
+ * Click-to-edit functionality.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_INLINE: PresetDefinition;
+/**
+ * Compact Input Preset
+ *
+ * Compact input for dense forms.
+ * Reduced padding and font size.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_COMPACT: PresetDefinition;
+/**
+ * Large Input Preset
+ *
+ * Large input for hero forms.
+ * Prominent styling for marketing.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_LARGE: PresetDefinition;
+/**
+ * Input Error State Preset
+ *
+ * Input in error/invalid state.
+ * Red border and error styling.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_ERROR: PresetDefinition;
+/**
+ * Input Success State Preset
+ *
+ * Input in success/valid state.
+ * Green border and check icon.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_SUCCESS: PresetDefinition;
+/**
+ * Input Disabled State Preset
+ *
+ * Disabled input styling.
+ * Reduced opacity and no-interaction cursor.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_DISABLED: PresetDefinition;
+/**
+ * All input presets as an array.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_PRESETS: ReadonlyArray<PresetDefinition>;
+/**
+ * Input presets as a map for quick lookup.
+ *
+ * @since 2.1.0
+ */
+export declare const INPUT_PRESETS_MAP: ReadonlyMap<string, PresetDefinition>;
+/**
+ * Get an input preset by ID.
+ *
+ * @param id - The preset ID
+ * @returns The preset definition or undefined if not found
+ * @since 2.1.0
+ */
+export declare function getInputPreset(id: string): PresetDefinition | undefined;
+/**
+ * Get all input presets matching given tags.
+ *
+ * @param tags - Tags to match (ANY match)
+ * @returns Array of matching presets
+ * @since 2.1.0
+ */
+export declare function getInputPresetsByTags(tags: string[]): PresetDefinition[];
+/**
+ * Check if a preset ID is a valid input preset.
+ *
+ * @param id - The preset ID to check
+ * @returns True if the ID is a valid input preset
+ * @since 2.1.0
+ */
+export declare function isInputPreset(id: string): boolean;
+//# sourceMappingURL=input-presets.d.ts.map