Changelog

Added New Features & Components

• Complete JavaScript Component Exports: Extended ESM bundle (boodoo.esm.js) and UMD core entry to export all individual components and utilities (Alert, BottomSheet, Button, ChipInput, Collapse, CommandPalette, ContextMenu, DataTable, Dropdown, Modal, Offcanvas, OTP, Popover, Rating, ScrollSpy, Sidebar, Stepper, Tab, Toast, Tooltip, TreeView, Carousel, clipboard, initDataApi, initRipple, registerCustomElements, theme) for modular imports and tree-shaking.

Fixed Bug Fixes & Stability

• Data API Dismiss Trigger Resolution: Enhanced enableDismissTrigger to accurately identify closer triggers, map component containers via component selectors or names, and seamlessly trigger either .hide() or .close() methods.
• Alert Component Dismissal: Expanded Alert.selector to match both [data-boodoo-alert] and .alert, ensuring graceful hide transitions even if .show class is toggled.
• Toast Global Dismiss & Lifecycle Tracking: Added dedicated capture-phase global click delegation for [data-boodoo-dismiss="toast"] and automatic instance initialization for pre-rendered and autohide toasts.
• Documentation Text Wrapping Purity: Ensured all documentation code examples and snippets comply with the strict inline semantic text wrapping rule.

Added New Features & Components

• Modern CSS Native Primitives: Integrated Container Queries (@container, @mixin container-up, .card-container, .card-responsive), native HTML5 <dialog class="modal">, native [popover].popover API, CSS :has() parent selectors for forms and cards, and @layer reset, tokens, components, utilities; cascade organization.
• Dual-Engine "Class-First + Data-Attribute" Styling: Added semantic HTML defaults for buttons, text inputs, and select elements, supported [data-boodoo-variant], [data-size], and zero-build CSS variable utility classes (.b-var-pad, .b-var-gap, etc.).
• High-Impact Component Additions: Added Floating Action Buttons (.btn-fab, .fab-extended), interactive vanilla JS Stepper wizard with step navigation and panel toggling, and smart toast notification countdown progress bars (.toast-progress).
• Interactive Documentation & Theme Builder: Added live GUI Theme Builder to docs for real-time CSS variable customizing, plus interactive live examples and copy-to-clipboard integration.

Fixed Bug Fixes & Stability

• Disabled Form Controls Cursor: Added cursor: not-allowed; to :disabled states for .form-control and .form-select in both Sass (scss/forms/_control.scss, scss/forms/_select.scss) and Less (less/boodoo.less).

Added New Features & Components

• Data Table / Data Grid Component (DataTable): Interactive table suite supporting sortable column headers (.sortable, .sort-asc, .sort-desc), row selection checkboxes with select-all indeterminate synchronization, expandable detail drawer rows (.data-table-expandable-row, .data-table-row-detail), sticky headers (.data-table-sticky), and dense/compact variations (.data-table-compact, .data-table-dense).
• Sidebar & Drawer Component (Sidebar): Persistent and collapsible desktop multi-level navigation sidebar (.sidebar, .sidebar-collapsed, .sidebar-dark) with nested submenu toggling (data-boodoo-toggle="sidebar-submenu"), badge integration, and header/footer scaffolds.
• Dropzone & File Upload Enhancement: Drag-and-drop file upload container with invisible file input overlay, .file-list preview cards, file format icons, progress bars, and file action buttons.
• Context Menu Component (ContextMenu): Right-click floating menu (.context-menu, data-boodoo-toggle="context-menu") with dynamic cursor positioning, viewport collision protection, keyboard shortcuts, and ESC/outside-click dismissal.
• Color Picker & Date/Time Wrappers: Enhanced UI skins for native inputs: .form-color-picker with live hex readout badge and preview swatch, .form-picker-group with integrated calendar/clock icons, and .form-date-range.
• Empty State Component: Visual placeholder pattern (.empty-state, .empty-state-card, .empty-state-sm) with circular icon badges, headings, descriptive text, action button groups, and contextual status variants.
• Chips & Tag Input Component (ChipInput): Interactive chips and tags (.chip, .chip-remove, .chip-primary) and dynamic .chip-input-container supporting tag creation on Enter/comma and deletion on Backspace.

Fixed Bug Fixes & Stability

• Floating Labels Autofill & Pre-touch State: Added support for :-webkit-autofill and :autofill states on .form-control and .form-control-plaintext within .form-floating to prevent text collision.

Added New Features & Components

• Bottom Sheet Component (BottomSheet): Full mobile-first sliding drawer sheet with drag/swipe-down-to-dismiss touch gestures, spring physics, and keyboard navigation (Escape). Includes SCSS and Less styling (scss/components/_bottom-sheet.scss, less/boodoo.less) with backdrop blurring, responsive max-width, height variants (.bottom-sheet-full, .bottom-sheet-half), and declarative data API (data-boodoo-toggle="bottom-sheet").
• Segmented Control Component: Apple/macOS-styled interactive pill toggles (.segmented-control, .segmented-item) supporting size modifiers (.segmented-control-sm, .segmented-control-lg) and full-width blocks (.segmented-control-block) with light and dark mode color token mapping.
• Keyboard Keycaps Component (<kbd>): Tactile 3D shortcut keycaps (.kbd, .kbd-xs, .kbd-sm, .kbd-lg, .kbd-group) with monospace typography and dark-mode adaptation.
• Split Buttons: Added .btn-split and .btn-split-toggle classes for grouped action-dropdown trigger combinations.
• Enhanced Programmatic Toast API: Convenience helper methods on boodoo.toast: boodoo.toast.success(), boodoo.toast.danger() / boodoo.toast.error(), boodoo.toast.warning(), and boodoo.toast.info() with automatic DOM cleanup upon completion of hide transitions.

Changed Enhancements & Standards Compliance

• Form Accessibility & Field Identification: Added explicit id and name attributes to all form controls, <input>, <select>, <textarea>, OTP components, and Command Palette search inputs across the framework and documentation to strictly comply with WCAG accessibility standards and autofill specifications.
• Text Wrapping and Container Purity: Cleaned up documentation templates and component snippets across site/src/ to ensure raw text nodes are always wrapped in semantic inline elements (<span>, <p>, <strong>, <label>) rather than bare container blocks.
• Synchronized Less Styling: Updated less/boodoo.less to mirror modern SCSS component additions, variables, and color token parity.
• Documentation & Site Polish: Added dedicated navigation entries and live interactive documentation for Bottom Sheet, Segmented Control, and Kbd, and updated sitemap and docs navigation indexes.

Added New Features & Documentation

• Comprehensive component documentation and interactive examples across all core widgets.
• Core utilities for layout, spacing, flexbox, CSS Grid, animations, and typography.
• Automated static site generator and sitemap builder.
• Dynamic asset size tracking for build pipelines.

Added Tooling & Brand Assets

• Initial automated sitemap generation.
• Automated project rules and publish workflow documentation.
• Brand asset lockup and design token specifications.

Added Foundation & Architecture

• Initial release of boodoo framework.
• Core SCSS and Less compilation pipelines.
• 12-column responsive flexbox grid and utility classes.
• Vanilla JavaScript component library with zero runtime dependencies.
• CDN and npm distribution setup.