@boostdev/design-system-components 2.2.0 → 2.3.0

package/dist/client.d.cts

@@ -496,10 +496,18 @@ type GridOwnProps = WithClassName & {
      * are unaffected.
      */
     autoSpanMedia?: boolean;
+    /**
+     * Masonry only. When set (>= 2), each `GridItem` without an explicit
+     * `columnSpan` tries to span this many columns; an item at the end of a row
+     * is demoted to fill just the remaining columns rather than wrapping and
+     * leaving a gap. Requires `isMasonry`; no-op otherwise. Items with an
+     * explicit `columnSpan` keep their span.
+     */
+    masonryPreferredColumnSpan?: number;
     as?: ElementType;
 };
 type GridProps<C extends ElementType = 'div'> = GridOwnProps & Omit<ComponentPropsWithoutRef<C>, keyof GridOwnProps>;
-declare function Grid<C extends ElementType = 'div'>({ children, className, variant, columns, isCentered, isMasonry, autoSpanMedia, as, style, ...rest }: GridProps<C>): react_jsx_runtime.JSX.Element;
+declare function Grid<C extends ElementType = 'div'>({ children, className, variant, columns, isCentered, isMasonry, autoSpanMedia, masonryPreferredColumnSpan, as, style, ...rest }: GridProps<C>): react_jsx_runtime.JSX.Element;
 
 type GridItemSpanValue = 'full' | 'three-quarters' | 'two-thirds' | 'half' | 'one-third' | 'one-quarter' | 'auto' | number;
 declare const GridItemSpan: {

package/dist/client.d.ts

@@ -496,10 +496,18 @@ type GridOwnProps = WithClassName & {
      * are unaffected.
      */
     autoSpanMedia?: boolean;
+    /**
+     * Masonry only. When set (>= 2), each `GridItem` without an explicit
+     * `columnSpan` tries to span this many columns; an item at the end of a row
+     * is demoted to fill just the remaining columns rather than wrapping and
+     * leaving a gap. Requires `isMasonry`; no-op otherwise. Items with an
+     * explicit `columnSpan` keep their span.
+     */
+    masonryPreferredColumnSpan?: number;
     as?: ElementType;
 };
 type GridProps<C extends ElementType = 'div'> = GridOwnProps & Omit<ComponentPropsWithoutRef<C>, keyof GridOwnProps>;
-declare function Grid<C extends ElementType = 'div'>({ children, className, variant, columns, isCentered, isMasonry, autoSpanMedia, as, style, ...rest }: GridProps<C>): react_jsx_runtime.JSX.Element;
+declare function Grid<C extends ElementType = 'div'>({ children, className, variant, columns, isCentered, isMasonry, autoSpanMedia, masonryPreferredColumnSpan, as, style, ...rest }: GridProps<C>): react_jsx_runtime.JSX.Element;
 
 type GridItemSpanValue = 'full' | 'three-quarters' | 'two-thirds' | 'half' | 'one-third' | 'one-quarter' | 'auto' | number;
 declare const GridItemSpan: {