fiboui 2.8.1 → 2.8.3

package/dist/index.d.ts

@@ -108,9 +108,20 @@ export declare class Signal<T> implements Subscribable<T> {
 	private _value;
 	private listeners;
 	private effects;
+	private readonly _initial;
 	constructor(_value: T);
 	get value(): T;
 	set value(newValue: T);
+	/** Replace the value. Same notify path as `.value = next`. */
+	set(next: T): this;
+	/**
+	 * Write a value, or an updater `(prev) => next`.
+	 * Function-valued signals should use `.set()` / `.value =` so the function is stored, not called.
+	 * Not named `update`: `listSignal.update(id, patch)` is the item patch.
+	 */
+	change(next: T | ((prev: T) => T)): this;
+	/** Restore the value passed to `signal(initial)`. */
+	reset(): this;
 	subscribe(listener: Listener<T>): Unsubscribe;
 	subscribeEffect(effect: Effect): void;
 	unsubscribeEffect(effect: Effect): void;
@@ -978,6 +989,11 @@ declare abstract class FiboBuilder {
 	justifyContent(justify: "start" | "center" | "end" | "between" | "around" | "evenly" | "space-between" | "space-around" | "space-evenly" | "spaceBetween" | "spaceAround" | "spaceEvenly"): this;
 	/** True when flexDirection is column / column-reverse (default is row). */
 	protected isVerticalFlex(): boolean;
+	/**
+	 * Both screen axes. `.align(Align.center)` and `.align('center')` do the same.
+	 * `between` packs the main axis and starts the cross axis.
+	 */
+	align(alignment: AlignAxis): this;
 	/**
 	 * Horizontal (screen X) alignment. Same meaning on Row and Column:
 	 * left / center / right of the container — not “main axis”.
@@ -1046,6 +1062,13 @@ declare abstract class FiboBuilder {
 	rounded(value: string | number): this;
 	borderRadius(value: string | number): this;
 	borderColor(value: string): this;
+	/**
+	 * A passed size is a lock: `min-*` plus `flex-shrink: 0`, so a flex parent
+	 * (the Scaffold body) cannot divide the viewport across these children.
+	 * `400`, `'320px'`, `Size.full`, and `Space.md` all count. `flex(1)` afterwards
+	 * opts back into sharing space.
+	 */
+	private lockAxis;
 	width(value: string | number): this;
 	paint(property: string, value: string): this;
 	height(value: string | number): this;
@@ -2441,6 +2464,499 @@ export declare class PluginManager implements FiboContext {
 	getTopbarActions(): (() => FiboBuilder)[];
 	getOverlays(): (() => FiboBuilder)[];
 }
+/** `.animate(Motion.fadeIn)`. Preset list lives in `motionCss`. */
+export declare const Motion: {
+	readonly pop: "pop";
+	readonly blur: "blur";
+	readonly fadeIn: "fadeIn";
+	readonly fadeOut: "fadeOut";
+	readonly fade: "fade";
+	readonly slideUp: "slideUp";
+	readonly slideDown: "slideDown";
+	readonly slideLeft: "slideLeft";
+	readonly slideRight: "slideRight";
+	readonly scaleIn: "scaleIn";
+	readonly scaleOut: "scaleOut";
+	readonly scale: "scale";
+	readonly blurIn: "blurIn";
+	readonly blurOut: "blurOut";
+	readonly bounce: "bounce";
+};
+export type Motion = (typeof Motion)[keyof typeof Motion];
+/** `.hover(h => h.effect(Effect.sweepToRight))`. */
+declare const Effect$1: {
+	readonly pop: "pop";
+	readonly push: "push";
+	readonly trim: "trim";
+	readonly fade: "fade";
+	readonly rotate: "rotate";
+	readonly grow: "grow";
+	readonly shrink: "shrink";
+	readonly pulse: "pulse";
+	readonly pulseGrow: "pulseGrow";
+	readonly pulseShrink: "pulseShrink";
+	readonly bounceIn: "bounceIn";
+	readonly bounceOut: "bounceOut";
+	readonly growRotate: "growRotate";
+	readonly float: "float";
+	readonly sink: "sink";
+	readonly bob: "bob";
+	readonly hang: "hang";
+	readonly skew: "skew";
+	readonly skewForward: "skewForward";
+	readonly skewBackward: "skewBackward";
+	readonly wobbleHorizontal: "wobbleHorizontal";
+	readonly wobbleVertical: "wobbleVertical";
+	readonly wobbleToBottomRight: "wobbleToBottomRight";
+	readonly wobbleToTopRight: "wobbleToTopRight";
+	readonly wobbleTop: "wobbleTop";
+	readonly wobbleBottom: "wobbleBottom";
+	readonly wobbleSkew: "wobbleSkew";
+	readonly buzz: "buzz";
+	readonly buzzOut: "buzzOut";
+	readonly forward: "forward";
+	readonly backward: "backward";
+	readonly nudge: "nudge";
+	readonly backPulse: "backPulse";
+	readonly sweepToRight: "sweepToRight";
+	readonly sweepToLeft: "sweepToLeft";
+	readonly sweepToBottom: "sweepToBottom";
+	readonly sweepToTop: "sweepToTop";
+	readonly bounceToRight: "bounceToRight";
+	readonly bounceToLeft: "bounceToLeft";
+	readonly bounceToBottom: "bounceToBottom";
+	readonly bounceToTop: "bounceToTop";
+	readonly radialOut: "radialOut";
+	readonly radialIn: "radialIn";
+	readonly rectangleIn: "rectangleIn";
+	readonly rectangleOut: "rectangleOut";
+	readonly shutterInHorizontal: "shutterInHorizontal";
+	readonly shutterOutHorizontal: "shutterOutHorizontal";
+	readonly shutterInVertical: "shutterInVertical";
+	readonly shutterOutVertical: "shutterOutVertical";
+	readonly iconBack: "iconBack";
+	readonly iconForward: "iconForward";
+	readonly iconDown: "iconDown";
+	readonly iconUp: "iconUp";
+	readonly iconSpin: "iconSpin";
+	readonly iconDrop: "iconDrop";
+	readonly iconFade: "iconFade";
+	readonly iconFloatAway: "iconFloatAway";
+	readonly iconSinkAway: "iconSinkAway";
+	readonly iconGrow: "iconGrow";
+	readonly iconShrink: "iconShrink";
+	readonly iconPulse: "iconPulse";
+	readonly iconPulseGrow: "iconPulseGrow";
+	readonly iconPulseShrink: "iconPulseShrink";
+	readonly iconPush: "iconPush";
+	readonly iconPop: "iconPop";
+	readonly iconBounce: "iconBounce";
+	readonly iconRotate: "iconRotate";
+	readonly iconGrowRotate: "iconGrowRotate";
+	readonly iconFloat: "iconFloat";
+	readonly iconSink: "iconSink";
+	readonly iconBob: "iconBob";
+	readonly iconHang: "iconHang";
+	readonly iconWobbleHorizontal: "iconWobbleHorizontal";
+	readonly iconWobbleVertical: "iconWobbleVertical";
+	readonly iconBuzz: "iconBuzz";
+	readonly iconBuzzOut: "iconBuzzOut";
+	readonly borderFade: "borderFade";
+	readonly hollow: "hollow";
+	readonly rippleOut: "rippleOut";
+	readonly rippleIn: "rippleIn";
+	readonly outlineOut: "outlineOut";
+	readonly outlineIn: "outlineIn";
+	readonly roundCorners: "roundCorners";
+	readonly underlineFromLeft: "underlineFromLeft";
+	readonly underlineFromCenter: "underlineFromCenter";
+	readonly underlineFromRight: "underlineFromRight";
+	readonly reveal: "reveal";
+	readonly underlineReveal: "underlineReveal";
+	readonly overlineFromLeft: "overlineFromLeft";
+	readonly overlineFromCenter: "overlineFromCenter";
+	readonly overlineFromRight: "overlineFromRight";
+	readonly overlineReveal: "overlineReveal";
+	readonly shadowGrow: "shadowGrow";
+	readonly shadowFloat: "shadowFloat";
+	readonly shadowGlow: "shadowGlow";
+	readonly shadowRadial: "shadowRadial";
+	readonly boxShadowOutset: "boxShadowOutset";
+	readonly boxShadowInset: "boxShadowInset";
+	readonly lift: "lift";
+	readonly glow: "glow";
+	readonly bubbleTop: "bubbleTop";
+	readonly bubbleRight: "bubbleRight";
+	readonly bubbleBottom: "bubbleBottom";
+	readonly bubbleLeft: "bubbleLeft";
+	readonly bubbleFloatTop: "bubbleFloatTop";
+	readonly bubbleFloatRight: "bubbleFloatRight";
+	readonly bubbleFloatBottom: "bubbleFloatBottom";
+	readonly bubbleFloatLeft: "bubbleFloatLeft";
+	readonly curlTopLeft: "curlTopLeft";
+	readonly curlTopRight: "curlTopRight";
+	readonly curlBottomRight: "curlBottomRight";
+	readonly curlBottomLeft: "curlBottomLeft";
+};
+type Effect$1 = (typeof Effect$1)[keyof typeof Effect$1];
+export declare const Align: {
+	readonly start: "start";
+	readonly center: "center";
+	readonly end: "end";
+	readonly stretch: "stretch";
+	readonly baseline: "baseline";
+	readonly between: "between";
+	readonly around: "around";
+	readonly evenly: "evenly";
+};
+export type Align = (typeof Align)[keyof typeof Align];
+/** Words `.width()` / `.height()` already accept. A number or `'320px'` skips this. */
+export declare const Size: {
+	readonly full: "full";
+	readonly screen: "screen";
+	readonly fit: "fit";
+	readonly min: "min";
+	readonly max: "max";
+};
+export type Size = (typeof Size)[keyof typeof Size];
+/** Theme spacing. `.padding(Space.md)`, `.gap(Space.sm)`, `.height(Space.xl)`. */
+export declare const Space: {
+	readonly xs: "var(--fibo-space-xs)";
+	readonly sm: "var(--fibo-space-sm)";
+	readonly md: "var(--fibo-space-md)";
+	readonly lg: "var(--fibo-space-lg)";
+	readonly xl: "var(--fibo-space-xl)";
+};
+export type Space = (typeof Space)[keyof typeof Space];
+/** Theme radii. `.borderRadius(Radius.md)`. */
+export declare const Radius: {
+	readonly xs: "var(--fibo-radius-xs)";
+	readonly sm: "var(--fibo-radius-sm)";
+	readonly md: "var(--fibo-radius-md)";
+	readonly lg: "var(--fibo-radius-lg)";
+	readonly xl: "var(--fibo-radius-xl)";
+	readonly full: "var(--fibo-radius-full)";
+};
+export type Radius = (typeof Radius)[keyof typeof Radius];
+/**
+ * Theme colors. `.bg(Color.primary)` and `.color(Color.onSurface)` resolve to
+ * `--fibo-*`. A hex, `rgb()`, or any other string still paints as-is.
+ */
+export declare const Color: {
+	readonly primary: "var(--fibo-primary)";
+	readonly onPrimary: "var(--fibo-on-primary)";
+	readonly primaryContainer: "var(--fibo-primary-container)";
+	readonly onPrimaryContainer: "var(--fibo-on-primary-container)";
+	readonly secondary: "var(--fibo-secondary)";
+	readonly onSecondary: "var(--fibo-on-secondary)";
+	readonly secondaryContainer: "var(--fibo-secondary-container)";
+	readonly onSecondaryContainer: "var(--fibo-on-secondary-container)";
+	readonly tertiary: "var(--fibo-tertiary)";
+	readonly onTertiary: "var(--fibo-on-tertiary)";
+	readonly background: "var(--fibo-background)";
+	readonly onBackground: "var(--fibo-on-background)";
+	readonly surface: "var(--fibo-surface)";
+	readonly onSurface: "var(--fibo-on-surface)";
+	readonly error: "var(--fibo-error)";
+	readonly onError: "var(--fibo-on-error)";
+	readonly outline: "var(--fibo-outline)";
+};
+export type Color = (typeof Color)[keyof typeof Color];
+/** Scroll direction for `.horizontal()` / `.vertical()`, or pass the word itself. */
+export declare const Axis: {
+	readonly horizontal: "horizontal";
+	readonly vertical: "vertical";
+};
+export type Axis = (typeof Axis)[keyof typeof Axis];
+/** `.scrollbar(Bar.hidden)`. */
+export declare const Bar: {
+	readonly hidden: "hidden";
+	readonly visible: "visible";
+	readonly auto: "auto";
+};
+export type Bar = (typeof Bar)[keyof typeof Bar];
+export declare const FlexDirection: {
+	readonly row: "row";
+	readonly column: "column";
+	readonly rowReverse: "row-reverse";
+	readonly columnReverse: "column-reverse";
+};
+export type FlexDirection = (typeof FlexDirection)[keyof typeof FlexDirection];
+export declare const TextDirection: {
+	readonly ltr: "ltr";
+	readonly rtl: "rtl";
+};
+export type TextDirection = (typeof TextDirection)[keyof typeof TextDirection];
+export declare const AxisSize: {
+	readonly min: "min";
+	readonly max: "max";
+};
+export type AxisSize = (typeof AxisSize)[keyof typeof AxisSize];
+export declare const Clip: {
+	readonly none: "none";
+	readonly hardEdge: "hardEdge";
+	readonly antiAlias: "antiAlias";
+};
+export type Clip = (typeof Clip)[keyof typeof Clip];
+export declare const StackAlign: {
+	readonly center: "center";
+	readonly top: "top";
+	readonly bottom: "bottom";
+	readonly left: "left";
+	readonly right: "right";
+	readonly topLeft: "topLeft";
+	readonly topRight: "topRight";
+	readonly bottomLeft: "bottomLeft";
+	readonly bottomRight: "bottomRight";
+};
+export type StackAlign = (typeof StackAlign)[keyof typeof StackAlign];
+export declare const Theme: {
+	readonly material: "material";
+	readonly cupertino: "cupertino";
+	readonly web: "web";
+	readonly noir: "noir";
+};
+export type Theme = (typeof Theme)[keyof typeof Theme];
+export declare const Scheme: {
+	readonly light: "light";
+	readonly dark: "dark";
+	readonly system: "system";
+	readonly lightDark: "light dark";
+};
+export type Scheme = (typeof Scheme)[keyof typeof Scheme];
+export declare const TextRole: {
+	readonly h1: "h1";
+	readonly h2: "h2";
+	readonly h3: "h3";
+	readonly h4: "h4";
+	readonly h5: "h5";
+	readonly h6: "h6";
+	readonly body: "body";
+	readonly caption: "caption";
+	readonly label: "label";
+};
+export type TextRole = (typeof TextRole)[keyof typeof TextRole];
+export declare const TextAlign: {
+	readonly left: "left";
+	readonly center: "center";
+	readonly right: "right";
+	readonly justify: "justify";
+	readonly start: "start";
+	readonly end: "end";
+};
+export type TextAlign = (typeof TextAlign)[keyof typeof TextAlign];
+/** Theme-facing weights. `.fontWeight(Weight.bold)` or `.fontWeight(700)`. */
+export declare const Weight: {
+	readonly thin: "100";
+	readonly light: "300";
+	readonly regular: "400";
+	readonly medium: "500";
+	readonly semibold: "600";
+	readonly bold: "700";
+	readonly black: "900";
+};
+export type Weight = (typeof Weight)[keyof typeof Weight];
+export declare const ButtonSize: {
+	readonly xs: "xs";
+	readonly sm: "sm";
+	readonly md: "md";
+	readonly lg: "lg";
+};
+export type ButtonSize = (typeof ButtonSize)[keyof typeof ButtonSize];
+export declare const ButtonShape: {
+	readonly default: "default";
+	readonly pill: "pill";
+	readonly square: "square";
+	readonly rect: "rect";
+	readonly rounded: "rounded";
+	readonly sharp: "sharp";
+};
+export type ButtonShape = (typeof ButtonShape)[keyof typeof ButtonShape];
+export declare const ButtonTone: {
+	readonly default: "default";
+	readonly inverse: "inverse";
+};
+export type ButtonTone = (typeof ButtonTone)[keyof typeof ButtonTone];
+export declare const ButtonType: {
+	readonly button: "button";
+	readonly submit: "submit";
+	readonly reset: "reset";
+};
+export type ButtonType = (typeof ButtonType)[keyof typeof ButtonType];
+export declare const FieldType: {
+	readonly text: "text";
+	readonly password: "password";
+	readonly email: "email";
+	readonly number: "number";
+	readonly tel: "tel";
+};
+export type FieldType = (typeof FieldType)[keyof typeof FieldType];
+export declare const FieldVariant: {
+	readonly filled: "filled";
+	readonly outlined: "outlined";
+};
+export type FieldVariant = (typeof FieldVariant)[keyof typeof FieldVariant];
+export declare const Resize: {
+	readonly none: "none";
+	readonly vertical: "vertical";
+	readonly horizontal: "horizontal";
+	readonly both: "both";
+};
+export type Resize = (typeof Resize)[keyof typeof Resize];
+export declare const ListVariant: {
+	readonly default: "default";
+	readonly card: "card";
+	readonly floating: "floating";
+};
+export type ListVariant = (typeof ListVariant)[keyof typeof ListVariant];
+export declare const GridVariant: {
+	readonly standard: "standard";
+	readonly masonry: "masonry";
+	readonly bento: "bento";
+};
+export type GridVariant = (typeof GridVariant)[keyof typeof GridVariant];
+export declare const TableVariant: {
+	readonly default: "default";
+	readonly clean: "clean";
+};
+export type TableVariant = (typeof TableVariant)[keyof typeof TableVariant];
+export declare const BadgeVariant: {
+	readonly neutral: "neutral";
+	readonly accent: "accent";
+	readonly outline: "outline";
+	readonly glass: "glass";
+	readonly solid: "solid";
+	readonly dot: "dot";
+};
+export type BadgeVariant = (typeof BadgeVariant)[keyof typeof BadgeVariant];
+export declare const Intent: {
+	readonly none: "none";
+	readonly success: "success";
+	readonly warning: "warning";
+	readonly error: "error";
+	readonly info: "info";
+};
+export type Intent = (typeof Intent)[keyof typeof Intent];
+export declare const Fit: {
+	readonly cover: "cover";
+	readonly contain: "contain";
+	readonly fill: "fill";
+	readonly none: "none";
+	readonly scaleDown: "scale-down";
+};
+export type Fit = (typeof Fit)[keyof typeof Fit];
+export declare const Ease: {
+	readonly linear: "linear";
+	readonly ease: "ease";
+	readonly easeIn: "ease-in";
+	readonly easeOut: "ease-out";
+	readonly easeInOut: "ease-in-out";
+	readonly spring: "spring";
+};
+export type Ease = (typeof Ease)[keyof typeof Ease];
+export declare const Curve: {
+	readonly linear: "linear";
+	readonly easeIn: "easeIn";
+	readonly easeOut: "easeOut";
+	readonly easeInOut: "easeInOut";
+	readonly spring: "spring";
+};
+export type Curve = (typeof Curve)[keyof typeof Curve];
+export declare const Snap: {
+	readonly start: "start";
+	readonly center: "center";
+	readonly end: "end";
+};
+export type Snap = (typeof Snap)[keyof typeof Snap];
+export declare const SnapAxis: {
+	readonly x: "x";
+	readonly y: "y";
+	readonly both: "both";
+};
+export type SnapAxis = (typeof SnapAxis)[keyof typeof SnapAxis];
+export declare const Timeline: {
+	readonly view: "view";
+	readonly scroll: "scroll";
+};
+export type Timeline = (typeof Timeline)[keyof typeof Timeline];
+export declare const ReducedMotion: {
+	readonly reduce: "reduce";
+	readonly never: "never";
+};
+export type ReducedMotion = (typeof ReducedMotion)[keyof typeof ReducedMotion];
+export declare const Shadow: {
+	readonly none: "none";
+	readonly soft: "soft";
+	readonly sm: "sm";
+	readonly md: "md";
+	readonly lg: "lg";
+};
+export type Shadow = (typeof Shadow)[keyof typeof Shadow];
+export declare const Position: {
+	readonly static: "static";
+	readonly sticky: "sticky";
+	readonly fixed: "fixed";
+};
+export type Position = (typeof Position)[keyof typeof Position];
+export declare const Mode: {
+	readonly side: "side";
+	readonly over: "over";
+};
+export type Mode = (typeof Mode)[keyof typeof Mode];
+export declare const Behavior: {
+	readonly fixed: "fixed";
+	readonly scroll: "scroll";
+};
+export type Behavior = (typeof Behavior)[keyof typeof Behavior];
+export declare const Side: {
+	readonly start: "start";
+	readonly end: "end";
+};
+export type Side = (typeof Side)[keyof typeof Side];
+export declare const Place: {
+	readonly leading: "leading";
+	readonly principal: "principal";
+	readonly trailing: "trailing";
+};
+export type Place = (typeof Place)[keyof typeof Place];
+export declare const FormMethod: {
+	readonly get: "get";
+	readonly post: "post";
+};
+export type FormMethod = (typeof FormMethod)[keyof typeof FormMethod];
+export declare const Trend: {
+	readonly up: "up";
+	readonly down: "down";
+	readonly neutral: "neutral";
+};
+export type Trend = (typeof Trend)[keyof typeof Trend];
+export declare const Stroke: {
+	readonly butt: "butt";
+	readonly round: "round";
+	readonly square: "square";
+};
+export type Stroke = (typeof Stroke)[keyof typeof Stroke];
+export declare const Join: {
+	readonly miter: "miter";
+	readonly round: "round";
+	readonly bevel: "bevel";
+};
+export type Join = (typeof Join)[keyof typeof Join];
+export declare const Scale: {
+	readonly small: "small";
+	readonly medium: "medium";
+	readonly large: "large";
+};
+export type Scale = (typeof Scale)[keyof typeof Scale];
+export declare const Density: {
+	readonly small: "small";
+	readonly medium: "medium";
+	readonly large: "large";
+};
+export type Density = Scale;
+export declare function isSizeWord(value: string): value is Size;
+/** CSS length a size word locks to, so a flex parent cannot squash it. */
+export declare function sizeWordCss(word: string, axis: "width" | "height"): string | undefined;
 interface FiboThemeContextValue {
 	theme: FiboTheme;
 	themeName: string;
@@ -29671,7 +30187,7 @@ export declare const Avatar: () => AvatarBuilder & LogicalAxes & {
 	colorRendering: (value: import("csstype").Property.ColorRendering | undefined) => AvatarBuilder & LogicalAxes & /*elided*/ any & React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
 	glyphOrientationVertical: (value: import("csstype").Property.GlyphOrientationVertical | undefined) => AvatarBuilder & LogicalAxes & /*elided*/ any & React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
 } & React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
-type BadgeVariant = "neutral" | "accent" | "outline" | "glass" | "solid" | "dot";
+type BadgeVariant$1 = "neutral" | "accent" | "outline" | "glass" | "solid" | "dot";
 type BadgeIntent = "none" | "success" | "warning" | "error" | "info";
 type BadgeShape = "pill" | "rounded";
 declare class BadgeBuilder extends FiboBuilder {
@@ -29682,7 +30198,7 @@ declare class BadgeBuilder extends FiboBuilder {
 	private _shape;
 	text(value: string): this;
 	icon(icon: React$1.ReactNode): this;
-	variant(variant: BadgeVariant): this;
+	variant(variant: BadgeVariant$1): this;
 	intent(intent: BadgeIntent): this;
 	shape(shape: BadgeShape): this;
 	build(): React$1.ReactElement;
@@ -30550,6 +31066,7 @@ type TextTruncation = "clip" | "ellipsis" | "head" | "middle" | "tail";
 type TextCase = "uppercase" | "lowercase" | "capitalize" | "none";
 declare class TextBuilder extends FiboBuilder {
 	private _text;
+	private _live;
 	private _nodes?;
 	private _type;
 	private _lineLimit?;
@@ -49924,12 +50441,13 @@ export declare const MapView: () => MapViewBuilder & LogicalAxes & {
 	glyphOrientationVertical: (value: import("csstype").Property.GlyphOrientationVertical | undefined) => MapViewBuilder & LogicalAxes & /*elided*/ any & React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
 } & React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
 type ExtendedButtonVariant = ButtonVariant | "ghost" | "soft" | "outline" | "text" | "raw" | "solid";
-type ButtonSize = "xs" | "sm" | "md" | "lg";
-type ButtonShape = "default" | "pill" | "square" | "rect" | "rounded" | "sharp";
-type ButtonTone = "default" | "inverse";
+type ButtonSize$1 = "xs" | "sm" | "md" | "lg";
+type ButtonShape$1 = "default" | "pill" | "square" | "rect" | "rounded" | "sharp";
+type ButtonTone$1 = "default" | "inverse";
 type ButtonMotion = "default" | "none";
 declare class ButtonBuilder extends FiboBuilder {
 	private _text;
+	private _live;
 	private _variant;
 	private _size;
 	private _onPress?;
@@ -49948,14 +50466,14 @@ declare class ButtonBuilder extends FiboBuilder {
 	children(children: FiboChildren): this;
 	variant(variant: ExtendedButtonVariant): this;
 	clean(): this;
-	size(size: ButtonSize): this;
+	size(size: ButtonSize$1): this;
 	onPress(handler: () => void): this;
 	onHover(handler: () => void): this;
 	disabled(value?: boolean): this;
 	icon(icon: React$1.ReactNode): this;
-	shape(value: ButtonShape): this;
+	shape(value: ButtonShape$1): this;
 	shadow(value: "none" | "soft"): this;
-	tone(value: ButtonTone): this;
+	tone(value: ButtonTone$1): this;
 	motion(value: ButtonMotion): this;
 	expand(value?: boolean): this;
 	/**
@@ -83319,7 +83837,7 @@ declare class ListItemStyleBuilder extends CssStyleStore {
 	css(property: string, value: string | number): this;
 	style(extra: React$1.CSSProperties): this;
 }
-type ListVariant = "default" | "card" | "floating";
+type ListVariant$1 = "default" | "card" | "floating";
 declare class ListBuilder<T = any> extends FiboBuilder {
 	private _items;
 	/** Live source (`listSignal` / `signal`). Read on each rebuild. */
@@ -83386,7 +83904,7 @@ declare class ListBuilder<T = any> extends FiboBuilder {
 	 * ```
 	 */
 	empty(content: FiboChild | (() => FiboChild)): this;
-	variant(variant: ListVariant): this;
+	variant(variant: ListVariant$1): this;
 	separator(show?: boolean): this;
 	onEndReached(handler: () => void): this;
 	loading(isLoading: boolean): this;
@@ -97325,7 +97843,7 @@ export declare const ListTile: () => ListTileBuilder & LogicalAxes & {
 	colorRendering: (value: import("csstype").Property.ColorRendering | undefined) => ListTileBuilder & LogicalAxes & /*elided*/ any & React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
 	glyphOrientationVertical: (value: import("csstype").Property.GlyphOrientationVertical | undefined) => ListTileBuilder & LogicalAxes & /*elided*/ any & React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
 } & React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
-type TableVariant = "default" | "clean";
+type TableVariant$1 = "default" | "clean";
 type TableDensity = "compact" | "standard" | "relaxed";
 interface TableColumn<T = any> {
 	header: string;
@@ -97348,7 +97866,7 @@ declare class TableBuilder<T = any> extends FiboBuilder {
 	private _sortable;
 	data(items: T[] | BindableSignal<T[]>): this;
 	columns(cols: TableColumn<T>[]): this;
-	variant(variant: TableVariant): this;
+	variant(variant: TableVariant$1): this;
 	density(density: TableDensity): this;
 	striped(enable?: boolean): this;
 	width(value: string | number): this;
@@ -100831,7 +101349,7 @@ export declare const Collapse: () => CollapseBuilder & LogicalAxes & {
 	colorRendering: (value: import("csstype").Property.ColorRendering | undefined) => CollapseBuilder & LogicalAxes & /*elided*/ any & React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
 	glyphOrientationVertical: (value: import("csstype").Property.GlyphOrientationVertical | undefined) => CollapseBuilder & LogicalAxes & /*elided*/ any & React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
 } & React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>>;
-type GridVariant = "standard" | "masonry" | "bento";
+type GridVariant$1 = "standard" | "masonry" | "bento";
 type GridGap = "none" | "sm" | "md" | "lg" | "xl" | number;
 type GridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 type GridAutoFlow = "row" | "column" | "dense";
@@ -100851,7 +101369,7 @@ declare class GridBuilder extends FiboBuilder {
 	private _templateColumns?;
 	private _templateRows?;
 	private _autoFlow?;
-	variant(v: GridVariant): this;
+	variant(v: GridVariant$1): this;
 	columns(cols: GridCols | ResponsiveCols): this;
 	rows(count: number): this;
 	gap(g: GridGap): this;
@@ -121199,6 +121717,7 @@ export declare function clearPersistedState(key: string, storage?: StorageAdapte
 export declare function getPersistedState<T>(key: string, storage?: StorageAdapter): T | null;
 
 export {
+	Effect$1 as Effect,
 	Image$1 as Image,
 	ScrollToOptions$1 as ScrollToOptions,
 	Store as ReactiveStore,