Skip to main content

WireKit v1.1.1

Patch release

Patch release. Re-cut after v1.1.0 to consolidate the complete theme overhaul, two new components, and accessibility improvements listed below. v1.1.0 and v1.1.1 ship the same set of changes; upgrade directly to v1.1.1.

Added

  • <x-wirekit::image-compare> — new before/after image comparison slider with horizontal and vertical orientation, pointer/touch drag, full WAI-ARIA Slider Pattern keyboard support, wire:model binding (deferred, live, and debounced), screen-reader live region, reduced-motion guard, and four personalization blocks. Ships in both the full and core JS bundle.
  • Liquid Glass extension — optional glassmorphism module installed via php artisan wirekit:glass install. Tier 1 provides frosted-glass backdrop-filter effects (all browsers). Tier 2 adds SVG feDisplacementMap refraction (Chrome/Chromium only). CSS classes: .wk-glass, .wk-glass-refract. Blade component <x-wirekit::glass /> for the layout head.
  • VT323 font — bundled as 21st locally served font (OFL 1.1 license).
  • Modal and drawer headers now auto-render a close button by default. The button respects the dismissible prop and can be disabled via :close="false" on the header. Personalizable via WireKit::personalize('modal.header', ['close' => '...']).

Changed

  • Complete theme overhaul — all 7 presets rewritten with WCAG 2.2 AA compliance verified for every text-on-surface, button-label, and semantic-message pair in both light and dark mode.
  • Default theme migrated from zinc to neutral palette (zero chroma, no blue cast). Inter font set as default sans. Updated shadows, letter-spacing, and dark-mode borders.
  • Cupertino theme — new Apple-aesthetic preset replacing Slick. Uses -apple-system font stack, iOS ease-out easing, Apple HIG dark colors, blue-600 accent, and 0.5px hairline borders.
  • Minimal theme — rewrite: 0px radius, 2px ring, neutral-200 input backgrounds for visible boundaries.
  • Soft theme — rewrite: DM Sans font, violet accent, wider blur shadows, ease-out easing.
  • Material theme — rewrite: M3 standard decelerate easing, indigo accent, Roboto font.
  • Brutalist theme — rewrite: neutral palette, JetBrains Mono font, explicit border-color tokens fixing WCAG 1.4.11 contrast failures.
  • Retro Terminal theme — rewrite with 3 WCAG fixes: ring width 1px→2px, danger-fg contrast fix, explicit success/warning foreground tokens.
  • Context menu panel now teleports to <body> by default, consistent with Modal, Drawer, and other overlay components. Opt-out via teleport="false".
  • Resizable panels now support symmetric pair-drag in 3+ panel layouts — dragging a handle resizes both adjacent panels proportionally, matching industry-standard splitter behavior.

Fixed

  • Tour component overlay and step panels now teleport to <body> via Alpine's x-teleport, matching the pattern used by Modal and Drawer. This ensures correct Floating UI positioning regardless of ancestor CSS transforms or containing blocks. Steps use x-show instead of x-if for simpler DOM lifecycle.
  • Tour step no longer flickers at (0,0) on first show — a CSS fallback parks steps off-screen until Floating UI positions them.
  • Chart component style attribute collision — caller-supplied style now merges correctly with the component's own height/background declarations.
  • Timeline last-item trailing padding now correctly collapses when after="true" adds a continuation line.
  • Toggle OFF track now meets WCAG 1.4.11 non-text contrast (changed from bg-muted to border token).
  • Checkbox and radio hover border added for interactive discoverability on small 20×20 elements.
  • WCAG 2.2 AA contrast fixes across all base tokens: success-fg, warning-fg, text-subtle, text-placeholder, and dark-mode danger values corrected.
  • Scroll-to-top preview — button was invisible in documentation previews because x-cloak + x-show hid it before scroll events could fire. Added forceVisible prop that disables the scroll listener and keeps the button permanently visible.
  • Range slider — added missing pointercancel event listener cleanup to prevent listener accumulation on interrupted drag gestures.
  • External doc link — Liquid Glass cross-reference in theming guide changed from absolute URL to internal path for environment portability.

Removed

  • Slick theme — merged into Default. The theme set is now: Default, Minimal, Soft, Material, Brutalist, Retro Terminal, Cupertino.