@zuzjs/ui 1.0.65 → 1.0.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -1618,38 +1618,50 @@ declare const Form: {
1618
1618
  };
1619
1619
 
1620
1620
  interface GridProps extends Omit<BoxProps, 'cols'> {
1621
+ /** Grid column template (legacy shorthand). Prefer `columns` for readability. */
1621
1622
  cols?: string | number;
1623
+ /** Grid column template. Number values map to `repeat(n, 1fr)`. */
1624
+ columns?: string | number;
1625
+ /** Grid row template. Number values map to `repeat(n, 1fr)`. */
1622
1626
  rows?: string | number;
1627
+ /** CSS `gap`. */
1623
1628
  gap?: string | number;
1629
+ /** CSS `column-gap` (legacy shorthand). Prefer `columnGap`. */
1624
1630
  gapX?: string | number;
1631
+ /** CSS `row-gap` (legacy shorthand). Prefer `rowGap`. */
1625
1632
  gapY?: string | number;
1633
+ /** CSS `column-gap`. */
1634
+ columnGap?: string | number;
1635
+ /** CSS `row-gap`. */
1636
+ rowGap?: string | number;
1637
+ /** CSS `align-items` (legacy shorthand). Prefer `alignItems`. */
1626
1638
  align?: "start" | "end" | "center" | "stretch";
1639
+ /** CSS `align-items`. */
1640
+ alignItems?: "start" | "end" | "center" | "stretch";
1641
+ /** CSS `justify-content` (legacy shorthand). Prefer `justifyContent`. */
1627
1642
  justify?: "start" | "end" | "center" | "stretch" | "between" | "around";
1643
+ /** CSS `justify-content`. */
1644
+ justifyContent?: "start" | "end" | "center" | "stretch" | "between" | "around";
1645
+ /** Use `inline-grid` instead of `grid`. */
1628
1646
  inline?: boolean;
1647
+ /** CSS `grid-auto-flow` (legacy shorthand). Prefer `autoFlow`. */
1629
1648
  flow?: "row" | "column" | "dense" | "row dense" | "column dense";
1649
+ /** CSS `grid-auto-flow`. */
1650
+ autoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
1651
+ /** CSS `grid-auto-columns` (legacy shorthand). Prefer `autoColumns`. */
1630
1652
  autoCols?: string;
1653
+ /** CSS `grid-auto-columns`. */
1654
+ autoColumns?: string;
1655
+ /** CSS `grid-auto-rows` (legacy shorthand). Prefer `autoRow`. */
1631
1656
  autoRows?: string;
1657
+ /** CSS `grid-auto-rows`. */
1658
+ autoRow?: string;
1659
+ /** CSS `grid-template-areas` (legacy shorthand). Prefer `areas`. */
1632
1660
  template?: string;
1661
+ /** CSS `grid-template-areas`. */
1662
+ areas?: string;
1633
1663
  }
1634
1664
 
1635
- /**
1636
- * Grid component.
1637
- *
1638
- * @example
1639
- * // Basic usage
1640
- * ```tsx
1641
- * <Grid columns={3}><div>1</div><div>2</div><div>3</div></Grid>
1642
- * ```
1643
- *
1644
- * @example
1645
- * // Advanced usage with additional props
1646
- * ```tsx
1647
- * <Grid columns={4} gap="lg" minColWidth="200px"><div>Cell 1</div><div>Cell 2</div></Grid>
1648
- * ```
1649
- * @param columns - Number of columns
1650
- * @param gap - Spacing between items
1651
- * @param minColWidth - minColWidth prop
1652
- */
1653
1665
  declare const Grid: {
1654
1666
  (props: GridProps): react_jsx_runtime.JSX.Element;
1655
1667
  displayName: string;
package/dist/index.d.ts CHANGED
@@ -1618,38 +1618,50 @@ declare const Form: {
1618
1618
  };
1619
1619
 
1620
1620
  interface GridProps extends Omit<BoxProps, 'cols'> {
1621
+ /** Grid column template (legacy shorthand). Prefer `columns` for readability. */
1621
1622
  cols?: string | number;
1623
+ /** Grid column template. Number values map to `repeat(n, 1fr)`. */
1624
+ columns?: string | number;
1625
+ /** Grid row template. Number values map to `repeat(n, 1fr)`. */
1622
1626
  rows?: string | number;
1627
+ /** CSS `gap`. */
1623
1628
  gap?: string | number;
1629
+ /** CSS `column-gap` (legacy shorthand). Prefer `columnGap`. */
1624
1630
  gapX?: string | number;
1631
+ /** CSS `row-gap` (legacy shorthand). Prefer `rowGap`. */
1625
1632
  gapY?: string | number;
1633
+ /** CSS `column-gap`. */
1634
+ columnGap?: string | number;
1635
+ /** CSS `row-gap`. */
1636
+ rowGap?: string | number;
1637
+ /** CSS `align-items` (legacy shorthand). Prefer `alignItems`. */
1626
1638
  align?: "start" | "end" | "center" | "stretch";
1639
+ /** CSS `align-items`. */
1640
+ alignItems?: "start" | "end" | "center" | "stretch";
1641
+ /** CSS `justify-content` (legacy shorthand). Prefer `justifyContent`. */
1627
1642
  justify?: "start" | "end" | "center" | "stretch" | "between" | "around";
1643
+ /** CSS `justify-content`. */
1644
+ justifyContent?: "start" | "end" | "center" | "stretch" | "between" | "around";
1645
+ /** Use `inline-grid` instead of `grid`. */
1628
1646
  inline?: boolean;
1647
+ /** CSS `grid-auto-flow` (legacy shorthand). Prefer `autoFlow`. */
1629
1648
  flow?: "row" | "column" | "dense" | "row dense" | "column dense";
1649
+ /** CSS `grid-auto-flow`. */
1650
+ autoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
1651
+ /** CSS `grid-auto-columns` (legacy shorthand). Prefer `autoColumns`. */
1630
1652
  autoCols?: string;
1653
+ /** CSS `grid-auto-columns`. */
1654
+ autoColumns?: string;
1655
+ /** CSS `grid-auto-rows` (legacy shorthand). Prefer `autoRow`. */
1631
1656
  autoRows?: string;
1657
+ /** CSS `grid-auto-rows`. */
1658
+ autoRow?: string;
1659
+ /** CSS `grid-template-areas` (legacy shorthand). Prefer `areas`. */
1632
1660
  template?: string;
1661
+ /** CSS `grid-template-areas`. */
1662
+ areas?: string;
1633
1663
  }
1634
1664
 
1635
- /**
1636
- * Grid component.
1637
- *
1638
- * @example
1639
- * // Basic usage
1640
- * ```tsx
1641
- * <Grid columns={3}><div>1</div><div>2</div><div>3</div></Grid>
1642
- * ```
1643
- *
1644
- * @example
1645
- * // Advanced usage with additional props
1646
- * ```tsx
1647
- * <Grid columns={4} gap="lg" minColWidth="200px"><div>Cell 1</div><div>Cell 2</div></Grid>
1648
- * ```
1649
- * @param columns - Number of columns
1650
- * @param gap - Spacing between items
1651
- * @param minColWidth - minColWidth prop
1652
- */
1653
1665
  declare const Grid: {
1654
1666
  (props: GridProps): react_jsx_runtime.JSX.Element;
1655
1667
  displayName: string;