bc_ui
A Flutter design system porting heroui-native 1:1 — 60+ token-driven components, light and dark, on a Material 3 base.
What this package is like to depend on
Last release 8 days ago
15 Aug 2026
Too new to tell
only 2 release windows
Nearly every release is documented
notes for 7 of 7 stable releases
Nothing withdrawn
no release was ever pulled
0 months old
7 releases · first in 2026
7 releases in the last 12 months
see the full history below
Release timeline
7 releases · Jul 2026 to Aug 2026Releases
latest 7-
0.4.215 Aug 2026Release notes
Open source →Dialog
- A modal with a form in it no longer disappears behind the on-screen keyboard. The dialog is laid out in the band above the keyboard, and content taller than that band scrolls — focusing a field brings it into view instead of leaving the caret under the keys, so six fields in a modal stay reachable from the first to the last.
BCDialog.showgainsisSwipeable(on by default): a downward drag carries the dialog with the finger the way a bottom sheet does, rubber-bands when dragged the other way, and either springs back or keeps the momentum of the throw — the drag physicsBCToastalready used, rather than a gesture that merely triggers the close animation. While the content is tall enough to scroll, the scroll takes the drag.- The Dialog showcase gains a Form dialog variant — six fields and a password, the case both of the above are about.
-
0.4.108 Aug 2026Release notes
Open source →BCPasswordInput wraps BCInput but only ever exposed its trailing slot
(the visibility toggle), so callers had no way to add a leading icon the
way BCInput and BCTextFieldInput already allow. Forward aprefix
through to the underlying input, leaving the toggle in the suffix slot,
and show a lock-icon variant in the Input showcase.Co-authored-by: Claude Opus 4.8 [email protected]
Release notes
Open source →Password field
BCPasswordInputgains aprefix, the leading slotBCInputandBCTextFieldInputalready exposed. The visibility toggle keeps the trailing slot, so a password field can now carry a leading icon (a lock, say) like every other input.
-
0.4.005 Aug 2026Release notes
Open source →Phone field
BCPhoneField— an international phone input. The field's prefix is a tappable flag and dial code that opens the searchable country list, and the number groups itself as you type.- Leave
initialCountrynull and the field opens on the device's own region, the way a web form readsnavigator.language— a phone set to Bangladesh opens on Bangladesh.fallbackCountrycovers a device that reports no usable region (a bareenlocale, or a UN M.49 region likees_419), andBCPhoneField.deviceCountry()exposes the lookup for your own state. This is the phone's configured region, not where it physically is. - Validation is libPhoneNumber's metadata rather than a regex, so it knows
each country's real lengths and prefixes:
+1 555 000 0000is rejected where a digit count would pass it.onChangedhands back aBCPhoneNumberwithe164,national,international,isoCodeandisValidon every keystroke;onValidityChangedfires only when validity flips, so a submit button can be driven straight from it. - Nothing is blocked while you type — a half-typed number is not an error, so
the message waits for blur (or for a caller-supplied
errorText, which always wins).invalidNumberText: nullkeeps the field silent and reports through the callback only. - The country's trunk prefix is dropped as you type, because it is not part
of an international number: a UK number beside
+44is7400 123456, never07400 123456. - The picker is authoritative about the country.
+1covers 25 countries and no parser can tell a US number from a Canadian one, so whatever the user picks wins over what the metadata guesses. - This adds bc_ui's first runtime dependency,
phone_numbers_parser. It is pure Dart with no platform channels, and its own only dependency ismeta.
Select
triggerBuilderreplaces aBCSelect's trigger wholesale while keeping its press feedback, tap handling, disabled dimming and popover anchoring.matchTriggerWidth(defaulttrue, unchanged behaviour) stops a narrow custom trigger from squeezing the popover list to its own width.triggerFeedback(defaultBCPressFeedback.scale, unchanged behaviour) because the scale is width-compensated and pops harder on a small inline trigger than on the default one.
Input
autofillHintsonBCInput, forwarded to the underlying field. Without it the OS keychain and iOS's one-tap SMS code were unreachable.
-
0.2.003 Aug 2026Release notes
Open source →App header
filledIconButtonsonBCAppHeaderandBCSliverAppHeaderrenders everyBCHeaderIconButtonin the leading and actions slots filled, so a screen picks the style once instead of at each button. It reaches the back button the header implies, which no call site could style before.- Breaking:
BCHeaderIconButton.filledis nowbool?and defaults to null, which defers to the enclosing header (and to false where there is none). Passingfilled: trueorfilled: falseis unchanged and still wins over the header; only code that reads the field needs a null check. - The header's inherited style is now installed unconditionally. It used to
be skipped unless
foregroundColorwas set, so a header that only wanted the default colours had no channel to its buttons at all.
-
0.1.030 Jul 2026Release notes
Open source →Select
- Three presentations: the anchored
popoverit always had, abottomSheetwith room for a long list, and awheelfor short ordered ones, committed with Done. Set withpresentation. - Search.
isSearchablefilters on label and description;onSearchreplaces that with your own lookup — debounced bysearchDebounce, awaited with a spinner, and rendered exactly as returned, so it can hit the network. - Pagination.
onLoadMorefires as the list nears its end, once per page;isLoadingMoreshows a spinner under the last row. - Rows take
leadingandtrailingwidgets, a per-itemonTapthat runs alongside the value change, andisDisabled.itemBuilderhands the whole row over, selection state included. emptyPlaceholderandmaxListHeightfor the rest.
The version jumps to 0.1.0 so
^0.1.0resolves the way callers expect;^0.0.xhad pinned them to a single patch.Agent skill
skills/bc-ui/teaches an AI agent to use the library — setup, the naming conventions, a routing table to per-category references, and the traps that fail silently. Install withnpx skills add binary-castle/bc-ui-flutter, or copy it into.claude/skills/; it ships in the package either way.- Its references come out of
tool/gen_api_doc.py, the same script that writesdoc/api.md, so they cannot drift.--checkfails when either is stale and--check-coveragelists public symbols nothing documents.
Fixes
- The generated prop tables dropped every named parameter of a constructor that
led with a positional one, so
BCTextwas documented as taking onlydata, andBCLabel,BCDescription,BCFieldErrorandBCTextFieldLabelwere each missing their flags.BCTextFieldError's argument was listed astextwhen it ismessage. All now generated correctly, along with the previously undocumentedBCTextWeight,BCInputOTPSlot*,BCSkeleton*Animation,BCNavDrawerItemandBCAnchoredOverlayController. - The README's License section still said the license was a placeholder, left over from before the package was licensed. It now states Apache-2.0 and credits heroui-native. pub.dev's own metadata was already correct.
- Three presentations: the anchored
-
0.0.229 Jul 2026Release notes
Open source →- Fixed the README on pub.dev: images and repository links are absolute now.
pub.dev strips raw
<img>tags and drops repo-relative links, so the banner, the light/dark screenshots and every entry in the component table rendered without them. - Install instructions now point at the published package rather than a local path dependency.
- Fixed the README on pub.dev: images and repository links are absolute now.
pub.dev strips raw
-
0.0.129 Jul 2026Release notes
Open source →First release — a Flutter port of heroui-native, covering 50+ components on a Material 3 base.
Foundation
BCTheme.light()/BCTheme.dark()return aThemeData, so Material widgets keep working alongside bc_ui.- 64 semantic colour tokens in
BCThemeExtension, precomputed from heroui-native's oklch sources including everycolor-mixderived hover and soft shade.BCThemeOverridesrecomputes the accent-derived tokens from a single colour. - Continuous (squircle) corners via
RoundedSuperellipseBorder, layered surface and overlay shadows, and the ported motion constants inBCMotion. - Inter is bundled; no font setup.
Components
- Navigation —
BCAppHeader,BCSliverAppHeader,BCBottomNav,BCNavRail,BCNavDrawer,BCToolbar,BCTabswith a swipeableBCTabView. - Actions —
BCButton,BCSocialAuthButton(10 providers, vector brand marks, no assets),BCLinkButton,BCCloseButton,BCFab,BCSpeedDial,BCToggleButton, and theBCPressablefeedback engine. - Containers and data display —
BCSurface,BCCard,BCListGroup,BCFlipCard,BCScrollShadow,BCAvatar,BCChip,BCRibbon,BCTagGroup,BCSkeleton,BCSpinner,BCProgress,BCLoadingOverlay,BCRating,BCEmptyState. - Forms and selection —
BCInput,BCTextField,BCTextArea,BCPasswordInput,BCSearchField,BCInputOTP,BCDateField,BCTimeField,BCDateTimePicker,BCSelect,BCControlField,BCCheckbox,BCRadioGroup,BCSwitch,BCSlider,BCRangeSlider. - Overlays —
BCDialog,BCPopover,BCMenu, andBCToastwith top/bottom placement and an interactive swipe-to-dismiss.
Full prop tables in doc/api.md; the example app has one screen per component.