fiboui 2.9.5 → 2.9.14

package/dist/content.d.ts

@@ -310,6 +310,8 @@ declare class PseudoStateBuilder {
 	translateY(value: number | string): this;
 	rotate(degrees: number): this;
 	shadow(value: string | number): this;
+	/** Same surface as `Box().css({})` — object bag or `(property, value)`. */
+	css(styles: React$1.CSSProperties): this;
 	css(property: string, value: string | number): this;
 	padding(value: string | number): this;
 	p(value: string | number): this;
@@ -387,6 +389,12 @@ interface FrameSpec {
 	idealHeight?: FrameSize;
 	maxHeight?: FrameSize;
 	alignment?: StackAlign | keyof typeof StackAlign;
+	/**
+	 * Stretch the direct child to the frame slot (`width/height: 100%`).
+	 * Default `false` — SwiftUI-like hug + `alignment`.
+	 * Use when paint (`.bg`, border) lives on the child and should fill the frame.
+	 */
+	fill?: boolean;
 }
 type ClipShapeName = "circle" | "rounded" | "square";
 interface OffsetSpec {
@@ -790,9 +798,12 @@ declare abstract class FiboBuilder {
 	 *   maxHeight: Size.infinity,
 	 *   alignment: StackAlign.topTrailing,
 	 * })
+	 * // Child fills the slot (bg/border on the child cover the frame):
+	 * Box().bg('red').frame({ maxWidth: Size.infinity, fill: true })
 	 * ```
 	 *
 	 * Chainable: each `.frame()` wraps the previous (same as SwiftUI).
+	 * Default: child hugs + `alignment`. Pass `fill: true` to stretch the child.
 	 */
 	frame(spec: FrameSpec): this;
 	/**
@@ -1431,10 +1442,12 @@ declare class LabelBuilder extends FiboBuilder {
 }
 export declare const Label: (text?: string | undefined) => StyleBuilder<LabelBuilder>;
 type ClipShape = "circle" | "rounded" | "square";
+type ImagePosition = StackAlign | keyof typeof StackAlign | string;
 declare class ImageBuilder extends FiboBuilder {
 	private _src;
 	private _alt;
 	private _fit;
+	private _objectPosition?;
 	private _resizable;
 	/** Image-native clip (Tailwind / borderRadius on `<img>`). Distinct from
 	 * {@link FiboBuilder.clipShape} chrome wrapper. */
@@ -1447,7 +1460,16 @@ declare class ImageBuilder extends FiboBuilder {
 	alt(value: string): this;
 	resizable(): this;
 	scaledToFit(): this;
-	scaledToFill(): this;
+	/**
+	 * Cover the frame (`object-fit: cover`). Optional alignment biases the crop
+	 * — e.g. `scaledToFill(StackAlign.top)` keeps faces in a wide short hero.
+	 */
+	scaledToFill(alignment?: ImagePosition): this;
+	/**
+	 * CSS `object-position` for cover/contain crops.
+	 * Accepts {@link StackAlign} (`top`, `topLeft`, …) or a raw CSS value (`'50% 20%'`).
+	 */
+	objectPosition(value: ImagePosition): this;
 	/**
 	 * Fixed numeric `{ width, height }` still paints on the `<img>` (tests +
 	 * object-fit). Any flexible SwiftUI frame (`maxWidth: Size.infinity`, …)

package/dist/content.js

@@ -1,16 +1,16 @@
-import { A as s, B as r, I as o } from "./icons-By9BFp7V.js";
-import { ak as n, aj as I } from "./client-Cc87LXic.js";
-import { A as m, I as p, L as x, P as A, a as f, S as l } from "./index-BxYsYMal.js";
+import { A as s, B as r, I as o } from "./icons-CUjbVN8n.js";
+import { am as n, al as m } from "./client-CNrWulRU.js";
+import { A as g, I as l, L as p, P as x, a as A, S as f } from "./index-Dm9qGQyL.js";
 export {
-  m as Alert,
+  g as Alert,
   s as Avatar,
   r as Badge,
   n as Icon,
   o as Image,
-  p as Integration,
-  x as Label,
-  A as Progress,
-  f as Skeleton,
-  l as Spinner,
-  I as Text
+  l as Integration,
+  p as Label,
+  x as Progress,
+  A as Skeleton,
+  f as Spinner,
+  m as Text
 };

package/dist/core.d.ts

@@ -692,6 +692,8 @@ export declare class PseudoStateBuilder {
 	translateY(value: number | string): this;
 	rotate(degrees: number): this;
 	shadow(value: string | number): this;
+	/** Same surface as `Box().css({})` — object bag or `(property, value)`. */
+	css(styles: React$1.CSSProperties): this;
 	css(property: string, value: string | number): this;
 	padding(value: string | number): this;
 	p(value: string | number): this;
@@ -769,6 +771,12 @@ interface FrameSpec {
 	idealHeight?: FrameSize;
 	maxHeight?: FrameSize;
 	alignment?: StackAlign | keyof typeof StackAlign;
+	/**
+	 * Stretch the direct child to the frame slot (`width/height: 100%`).
+	 * Default `false` — SwiftUI-like hug + `alignment`.
+	 * Use when paint (`.bg`, border) lives on the child and should fill the frame.
+	 */
+	fill?: boolean;
 }
 type ClipShapeName = "circle" | "rounded" | "square";
 interface OffsetSpec {
@@ -1154,9 +1162,12 @@ declare abstract class FiboBuilder {
 	 *   maxHeight: Size.infinity,
 	 *   alignment: StackAlign.topTrailing,
 	 * })
+	 * // Child fills the slot (bg/border on the child cover the frame):
+	 * Box().bg('red').frame({ maxWidth: Size.infinity, fill: true })
 	 * ```
 	 *
 	 * Chainable: each `.frame()` wraps the previous (same as SwiftUI).
+	 * Default: child hugs + `alignment`. Pass `fill: true` to stretch the child.
 	 */
 	frame(spec: FrameSpec): this;
 	/**
@@ -1683,9 +1694,38 @@ type KnownKeys<T> = {
 } extends {
 	[_ in keyof T]: infer U;
 } ? U : never;
-type StyleBuilder<T> = T & LogicalAxes & {
+/**
+ * Fluent CSS methods on every builder. Kept as a named exported type so
+ * `index.d.ts` references `StyleBuilder<T>` instead of expanding the CSS map
+ * into every widget (that blew the file past 20MB and also typed chains as `any`).
+ */
+export type StyleBuilder<T> = T & LogicalAxes & {
 	[K in KnownKeys<React$1.CSSProperties>]-?: (value: React$1.CSSProperties[K]) => StyleBuilder<T>;
 } & React$1.ReactElement;
+/**
+ * Like `React.memo`, but for fluent builders: write a normal function that
+ * returns a builder — `createComponent` keeps every method of that return
+ * (`GlassField().label().name()…`). No `fn('label', { opts })` bags.
+ *
+ * ```ts
+ * // Preferred — your component is a normal function:
+ * const glassField = () => {
+ *   return TextField().variant('outlined').rounded(16).className('cubee-field')
+ * }
+ * export const GlassField = createComponent(glassField)
+ * GlassField().label('E-mail').name('email').type('email')
+ *
+ * // Optional — base factory + body gets `{ f }` (same idea as props):
+ * export const GlassField = createComponent(TextField, ({ f }) => {
+ *   return f.variant('outlined').rounded(16).className('cubee-field')
+ * })
+ * ```
+ */
+export declare function createComponent<Args extends any[], B>(factory: (...args: Args) => B, setup?: (ctx: {
+	f: B;
+}) => B | void): (...args: Args) => B;
+/** @deprecated Prefer `createComponent` — same behavior. */
+export declare const preset: typeof createComponent;
 interface SignalLike<T> {
 	value: T;
 	subscribe: (listener: (val: T) => void) => () => void;

package/dist/core.js

@@ -1,5 +1,5 @@
-import { C as e, E as t, X as r, a6 as i, a3 as o, a4 as n, _ as l, F as u, T as S, L as c, Q as p, Z as g, O as T, n as b, B as v, P as F, R as E, D as d, G as C, S as R, a8 as f, t as m, q as I, d as P, c as y, b as O, a as x, a2 as M, Y as N, e as _, f as w, a0 as A, g as B, $ as V, a1 as D, V as L, W as U, i as h, l as q, a5 as z, U as G, o as K, h as W, N as X, r as j, H as k, s as H, M as J, I as Q, K as Y, J as Z, a7 as $, m as ss, y as as, k as es, z as ts, p as rs, j as is, A as os, u as ns, w as ls, x as us, v as Ss } from "./client-Cc87LXic.js";
-import { F as ps, P as gs, T as Ts, U as bs, a as vs, c as Fs, p as Es, w as ds } from "./page-DbndR-7r.js";
+import { C as e, E as t, X as r, a6 as i, a3 as o, a4 as n, _ as l, F as u, T as S, L as c, Q as p, Z as g, O as T, n as b, B as v, P as F, R as C, D as E, G as d, S as m, a8 as R, t as f, q as I, d as P, c as y, a9 as O, b as x, a as M, a2 as N, Y as _, e as w, f as A, a0 as B, g as V, $ as D, a1 as L, V as U, W as h, i as q, l as z, a5 as G, U as K, o as W, aa as X, h as j, N as k, r as H, H as J, s as Q, M as Y, I as Z, K as $, J as ss, a7 as as, m as es, y as ts, k as rs, z as is, p as os, j as ns, A as ls, u as us, w as Ss, x as cs, v as ps } from "./client-CNrWulRU.js";
+import { F as Ts, P as bs, T as vs, U as Fs, a as Cs, c as Es, p as ds, w as ms } from "./page-LLSMLaL2.js";
 export {
   e as ComputedSignal,
   t as Easing,
@@ -9,67 +9,69 @@ export {
   n as FiboAppBuilder,
   l as FiboStyles,
   u as FineGrainText,
-  ps as Format,
+  Ts as Format,
   S as INTERACTION_EFFECTS,
   c as ListSignal,
   p as MOTION_PRESETS,
   g as MotionStyles,
   T as Observable,
   b as Observer,
-  gs as Plural,
+  bs as Plural,
   v as Presence,
   F as ProviderWrapper,
-  E as ReactivityRoot,
-  d as Reveal,
-  C as ScrollProgress,
-  R as Signal,
-  Ts as Transform,
-  bs as Unit,
-  f as ValueBuilder,
-  m as applyResponsiveStyles,
+  C as ReactivityRoot,
+  E as Reveal,
+  d as ScrollProgress,
+  m as Signal,
+  vs as Transform,
+  Fs as Unit,
+  R as ValueBuilder,
+  f as applyResponsiveStyles,
   I as bindText,
   P as collection,
   y as computed,
-  vs as createPage,
-  O as createReactivityRoot,
-  x as createStore,
-  Fs as cssCurve,
-  M as endSsrRequest,
-  N as ensureInteractionFxCss,
-  _ as ensureListId,
-  w as fiboDevStats,
-  A as getCss,
-  B as getCurrentScope,
-  V as getMotionCss,
-  D as getStyleTag,
-  L as interactionEffectClass,
-  U as interactionEffectKebab,
-  h as interp,
-  q as listSignal,
-  z as mount,
-  G as normalizeInteractionEffect,
-  K as observable,
-  Es as page,
-  W as resetFiboDevStats,
-  X as resolveCssEase,
-  j as runInScope,
-  k as scrollTo,
-  H as signal,
-  J as springEase,
-  Q as startViewTransition,
-  Y as supportsScrollTimeline,
-  Z as supportsViewTimeline,
-  $ as toElement,
-  ss as useBuilderState,
-  as as useMountTransition,
-  es as useObservable,
-  ts as usePrefersReducedMotion,
-  rs as useProvider,
-  is as useReactiveStore,
-  os as useScrollProgress,
-  ns as useSignal,
-  ls as useSpring,
-  us as useStagger,
-  Ss as useTransition,
-  ds as withFiboStyles
+  O as createComponent,
+  Cs as createPage,
+  x as createReactivityRoot,
+  M as createStore,
+  Es as cssCurve,
+  N as endSsrRequest,
+  _ as ensureInteractionFxCss,
+  w as ensureListId,
+  A as fiboDevStats,
+  B as getCss,
+  V as getCurrentScope,
+  D as getMotionCss,
+  L as getStyleTag,
+  U as interactionEffectClass,
+  h as interactionEffectKebab,
+  q as interp,
+  z as listSignal,
+  G as mount,
+  K as normalizeInteractionEffect,
+  W as observable,
+  ds as page,
+  X as preset,
+  j as resetFiboDevStats,
+  k as resolveCssEase,
+  H as runInScope,
+  J as scrollTo,
+  Q as signal,
+  Y as springEase,
+  Z as startViewTransition,
+  $ as supportsScrollTimeline,
+  ss as supportsViewTimeline,
+  as as toElement,
+  es as useBuilderState,
+  ts as useMountTransition,
+  rs as useObservable,
+  is as usePrefersReducedMotion,
+  os as useProvider,
+  ns as useReactiveStore,
+  ls as useScrollProgress,
+  us as useSignal,
+  Ss as useSpring,
+  cs as useStagger,
+  ps as useTransition,
+  ms as withFiboStyles
 };