refraction_ui 0.45.0
refraction_ui: ^0.45.0 copied to clipboard
A headless, highly customizable, and fully accessible Flutter UI library matching Refraction UI.
0.45.0 #
- Chat: Add
RefractionComposer— a headless-core chat composer with auto-grow (viewport-capped), IME-safe Enter-to-send,@mention //slash /:emoji:/#tag trigger suggestions committing atomic tokens, an attachments tray, injectable drafts, edit-in-place, busy/stop primary action,compact/comfortable/spaciousdensity variants, RTL mirroring, and full Semantics. The pure-DartComposerCore(lib/src/core/) has zeropackage:flutterimports and emits structured{plainText, tokens[]}output identical to the React core. - Fix: Export
RefractionMobileNavfrom the package barrel (shipped in 0.42.0 but never exported, so consumers couldn't import it).
0.44.0 #
-
Marketing / Landing: Add
RefractionSectionHead,RefractionStatGrid,RefractionNumberedSteps,RefractionPricingCard,RefractionBrandNetworkCell,RefractionMarqueeStrip,RefractionBrowserChromeMock,RefractionMasteryBar, andRefractionAudienceFeatureCard(#385). -
Video Conferencing: Add
RefractionVideoTile,RefractionVideoGrid,RefractionCallControls,RefractionLiveCaptions,RefractionLiveTranscript,RefractionAudioRoom,RefractionFloatingReactions, andRefractionPreCallLobby(#384). -
Canvas / Diagramming: Add
RefractionInfiniteCanvas,RefractionStickyNote,RefractionFlowEditor,RefractionGraphView,RefractionLiveCursors, andRefractionMiniMap(#384). -
Forms / Assessment: Add
RefractionRatingScale,RefractionWizard,RefractionRadialGauge,RefractionTimeline, andRefractionChecklist(#384). -
Pipeline: Add
RefractionSortableList,RefractionKanbanBoard, andRefractionSlotPicker(#389). -
IDE Chrome: Add
RefractionEditorTabs,RefractionTerminal,RefractionTestResults, andRefractionEditorStatusBar(#384).Brings the Flutter package to complete component parity with all React/Astro easyloops and loopwyse components (Epics #259).
0.43.0 #
-
Auth surface: Add
RefractionSegmentedControl— a pill-shaped, radio-semantics value picker with an animated active segment,sm/mdsizes, controlled/uncontrolled usage, and roving arrow/Home/End keyboard navigation. -
Auth surface: Add
RefractionPasswordField— a password input with a built-in show/hide toggle — and extendRefractionInputwithvalidationState(valid/invalid border + trailing check) andleadingIcon. -
Auth surface: Add
RefractionSocialAuthButton/RefractionSocialAuthRow— branded Google/GitHub/Microsoft/Apple sign-in buttons withloadingand a "Last used" badge, plus a responsive one-/two-column row. -
Auth surface: Add
RefractionSeparator— horizontal/vertical rule with an optional centered label (labeled divider). -
Auth surface: Add
RefractionEmptyState/RefractionConfirmationCard— a centered icon-chip + title/body/actions column with tone tints and an optional bordered surface.Brings the Flutter package to parity with the React/Astro auth-surface components (#330–#334, #339).
0.42.0 #
- Navigation: Add
RefractionMobileNav, a mobile-first bottom/top navigation bar component with integrated icon and label states.
0.41.0 #
- Accessibility: Add
RefractionSkipToContent, an accessibility-first widget that remains visually hidden until focused via keyboard navigation, allowing screen reader and keyboard users to bypass heavy navigation bars.
0.40.0 #
- Data Presentation: Add
RefractionVersionSelector, a dropdown-like widget tailored for displaying and switching between software documentation versions.
0.39.0 #
- Data Presentation: Add
RefractionLogger, a console/log output viewer widget with severity filtering and copy-to-clipboard functionality.
0.38.0 #
- Data Presentation: Add
RefractionKeyboardShortcut, a widget designed to cleanly format and style keyboard shortcut representations (like ⌘ K).
0.37.0 #
- Data Presentation: Add
RefractionStatusIndicator, a customizable status widget for displaying system states (Operational, Degraded, etc.) with support for pulsing animations.
0.36.0 #
- Data Presentation: Add
RefractionPresenceIndicator, a highly customizable status indicator widget often used in tandem with Avatars to denote online presence.
0.35.0 #
- Data Presentation: Add
RefractionConversation, a wrapper component for rendering highly customizable linear chat streams (like SMS or chatbots).
0.34.0 #
- Data Presentation: Add
RefractionThreadView, a wrapper component designed for rendering linear sequences of messages with robust nesting support.
0.33.0 #
- Data Entry: Add
RefractionCalendar, a highly customizable date selection widget supporting single, multiple, and range selection modes.
0.32.0 #
- Commerce: Add
RefractionPayment, a wrapper component for rendering highly customizable payment summaries and order breakdowns.
0.31.0 #
- Data Entry: Add
RefractionForm, a comprehensive wrapper for managing form state, input validation, submission loading states, and error messaging.
0.30.0 #
- Data Presentation: Add
RefractionContentProtection, a wrapper component for blurring, overlaying, and gating content (e.g., paywalls, age gates).
0.29.0 #
- Feedback Components: Add
RefractionFeedbackDialog, providing a pre-built modal logic for collecting structured user feedback with honeypot and email validation.
0.28.0 #
- Feedback Components: Add
RefractionCookieConsent, providing a customizable headless prompt for managing cookie preferences and GDPR compliance.
0.27.0 #
- Feedback Components: Add
RefractionInstallPrompt, providing a customizable headless prompt for triggering app installation flows (PWA/Home Screen).
0.26.0 #
- Feedback Components: Add
RefractionCallout, providing prominent headless banners for hints, warnings, and error highlights with 5 distinct semantic variants.
0.25.0 #
- Layout Components: Add
RefractionSheet, providing a headless modal side-sheet with drag-to-dismiss gestures for all four edges.
0.24.0 #
- Data Components: Add
RefractionDropdownMenu, providing deeply nested menus with groups, dividers, shortcuts, and disabled states.
0.23.0 #
- Data Components: Add
RefractionReactionBar, providing a headless emoji/icon reaction row with state tracking and tap callbacks.
0.22.0 #
- Data Components: Add
RefractionAnimatedText, providing headless text animations (fade,typewriter,slideUp) with robust typography token integration.
0.21.0 #
- Data Components: Add
RefractionCharts, providing headless data visualization components (RefractionLineChart,RefractionBarChart,RefractionPieChart) with complete theming support.
0.20.0 #
- Data Components: Add
RefractionSlideViewer, providing a headless swipeable slide presentation component with standard web parity.
0.19.0 #
- Layout Components: Add
RefractionDeviceFrame, rendering standard device mockup outlines (iPhone, iPad, Android) powered byRefractionThemestyling tokens.
0.18.0 #
- Data Components: Add
RefractionDiffViewer, providing a headless side-by-side or inline code diff visualization powered byRefractionThemestyling tokens.
0.17.0 #
- Data Components: Add
RefractionMarkdownRenderer, integratingflutter_markdownseamlessly withRefractionThemeto map standard markdown tags to Refraction typography tokens.
0.16.0 #
- Media Components: Add
RefractionVoicePill, providing an animated status pill for active recording states, powered byRefractionThemestyling tokens.
0.15.0 #
- Media Components: Add
RefractionWaveform, which usesCustomPainterto dynamically render audio amplitudes as responsive, theme-aware bars.
0.14.0 #
- Media Components: Add
RefractionVideoPlayer, providing a headless UI shell (play/pause, progress slider, volume controls) overlaying standard video playback, fully synchronized withRefractionTheme.
0.13.0 #
- Data Components: Add
RefractionTableOfContentswith deep nesting support and semantic token mapping for foreground and muted elements.
0.12.0 #
- Layout Components: Add
RefractionAppShellwhich provides a foundational layout structure with responsive headers, footers, sidebars, and main content regions.
0.11.0 #
- Layout Components: Add
RefractionCardGridleveraging responsive algorithms andLayoutBuilderconstraints to auto-calculate cross-axis alignments.
0.10.0 #
- Layout Components: Add
RefractionResizableLayoutproviding deeply customizable horizontal/vertical split panels with drag handles and boundary constraints.
0.9.0 #
- Navigation Components: Add
RefractionStepssupporting vertical/horizontal rendering, custom step states, and connector builders.
0.8.0 #
- Navigation Components: Add
RefractionPaginationfeaturing exhaustive logical ellipses boundaries and exact algorithmic match for shadcn/MUI style arrays.
0.7.0 #
- Data Components: Add
RefractionFileTreefeaturing recursively rendered and deeply nested files/folders with comprehensive keyboard navigation and interaction scaling tests.
0.6.0 #
- Layout Components: Add
RefractionCollapsibleleveragingSizeTransitionfor fluid expand/collapse animations and comprehensive state tests.
0.5.0 #
- Layout Components: Add
RefractionCarouselbuilt on top ofPageViewwith >100 comprehensive gesture tests and full theme propagation.
0.4.0 #
- Data Components: Add
RefractionDataTablewith sorting, filtering, row selection, and comprehensive gesture-based interaction tests. - Architecture: Fix
RefractionCodeEditortouch interactions by replacingEditableTextwithTextField. - Theming: Implement strict
TextSelectionThemeboundaries across all text inputs (input.dart,code_editor.dart,chat_input.dart,date_picker.dart, etc.) to guarantee selection highlights and handles useRefractionThemeinstead of falling back to the OS Material theme.
0.3.0 #
Implements the "Wave 1" Flutter UI components, bringing 11 new headless, themeable components mapped directly from the Web specifications, closing a major portion of the Component Parity epic.
- Forms & Inputs: Add
RefractionInputGroup,RefractionSearchBar,RefractionDatePicker,RefractionFileUpload,RefractionEmojiPicker,RefractionCodeEditor,RefractionCommandInput,RefractionInlineEditor,RefractionLanguageSelector,RefractionLocationSelector, andRefractionRichEditor. - Bug Fixes: Fixed a critical generic inference bug within
RefractionSelect.createStatethat caused infinite flex constraints during testing.
0.2.0 #
Adds the Flutter telemetry and analytics surfaces that were missing from the initial pub.dev release.
- Add the telemetry core with presets, redaction, console/mock/Faro sinks, durable delivery, crash capture, lifecycle flush, native context, ATT consent, and isolate queue support.
- Add the analytics core with Segment-style envelopes, identity/session
handling, consent, redaction, HTTP/console/mock sinks, and a namespaced
package:refraction_ui/analytics.dartentrypoint. - Add mobile analytics adapters for Firebase and PostHog, app background session tracking, secure storage abstractions, and iOS privacy/store compliance metadata.
- Export telemetry from the main package barrel and analytics from both the main barrel and the analytics-specific barrel while preserving the web contracts and uniform cross-platform structure.
0.1.0 #
Initial release of refraction_ui for Flutter — a headless, highly customizable, fully accessible UI library mirroring the Refraction UI design system.
Components included:
- Layout & navigation: Sidebar, Tabs, Accordion
- Inputs & forms: Input, Select, Checkbox, Radio, RadioGroup, Switch, OTP Input
- Buttons & menus: Button, Command Menu, Dropdown
- Feedback: Alert, Toast, Tooltip, Skeleton, Progress, Slider
- Identity & status: Avatar, Badge
- Theming:
RefractionTheme,RefractionThemeData,RefractionColors
All components consume RefractionThemeData for theme tokens, matching the headless-and-token-driven approach of the React/Angular/Astro packages.