Cleanup API report

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

packages/canon/report.api.md

@@ -179,29 +179,14 @@ export type Gap = Space | Partial<Record<Breakpoint, Space>>;
 
 // @public (undocumented)
 export const Grid: {
-  ({
-    children,
-    columns,
-    gap,
-    className,
-    style,
-    ...restProps
-  }: GridProps): DetailedReactHTMLElement<
+  (props: GridProps): DetailedReactHTMLElement<
     {
       className: string;
       style: CSSProperties | undefined;
     },
     HTMLElement
   >;
-  Item: ({
-    children,
-    rowSpan,
-    colSpan,
-    start,
-    end,
-    className,
-    style,
-  }: GridItemProps) => DetailedReactHTMLElement<
+  Item: (props: GridItemProps) => DetailedReactHTMLElement<
     {
       className: string;
       style: CSSProperties | undefined;
@@ -266,16 +251,7 @@ export type IconNames =
   | 'trash';
 
 // @public (undocumented)
-export const Inline: ({
-  as,
-  children,
-  align,
-  alignY,
-  gap,
-  className,
-  style,
-  ...restProps
-}: InlineProps) => DetailedReactHTMLElement<
+export const Inline: (props: InlineProps) => DetailedReactHTMLElement<
   {
     className: string;
     style: CSSProperties | undefined;
@@ -420,15 +396,7 @@ export interface SpaceProps {
 }
 
 // @public (undocumented)
-export const Stack: ({
-  as,
-  children,
-  align,
-  gap,
-  className,
-  style,
-  ...restProps
-}: StackProps) => DetailedReactHTMLElement<
+export const Stack: (props: StackProps) => DetailedReactHTMLElement<
   {
     className: string;
     style: CSSProperties | undefined;

packages/canon/src/components/Grid/Grid.tsx

@@ -19,14 +19,16 @@ import { GridItemProps, GridProps } from './types';
 import { gridItemSprinkles, gridSprinkles } from './sprinkles.css';
 
 /** @public */
-export const Grid = ({
-  children,
-  columns,
-  gap = 'xs',
-  className,
-  style,
-  ...restProps
-}: GridProps) => {
+export const Grid = (props: GridProps) => {
+  const {
+    children,
+    columns,
+    gap = 'xs',
+    className,
+    style,
+    ...restProps
+  } = props;
+
   const sprinklesClassName = gridSprinkles({
     ...restProps,
     gap,
@@ -47,15 +49,9 @@ export const Grid = ({
   );
 };
 
-const GridItem = ({
-  children,
-  rowSpan,
-  colSpan,
-  start,
-  end,
-  className,
-  style,
-}: GridItemProps) => {
+const GridItem = (props: GridItemProps) => {
+  const { children, rowSpan, colSpan, start, end, className, style } = props;
+
   const sprinklesClassName = gridItemSprinkles({
     rowSpan,
     colSpan,

packages/canon/src/components/Inline/Inline.tsx

@@ -33,16 +33,18 @@ const alignToFlexAlignY = (align: InlineProps['align']) => {
 };
 
 /** @public */
-export const Inline = ({
-  as = 'div',
-  children,
-  align = 'left',
-  alignY = 'top',
-  gap = 'xs',
-  className,
-  style,
-  ...restProps
-}: InlineProps) => {
+export const Inline = (props: InlineProps) => {
+  const {
+    as = 'div',
+    children,
+    align = 'left',
+    alignY = 'top',
+    gap = 'xs',
+    className,
+    style,
+    ...restProps
+  } = props;
+
   // Generate the list of class names
   const sprinklesClassName = inlineSprinkles({
     ...restProps,

packages/canon/src/components/Stack/Stack.tsx

@@ -26,15 +26,17 @@ const alignToFlexAlign = (align: StackProps['align']) => {
 };
 
 /** @public */
-export const Stack = ({
-  as = 'div',
-  children,
-  align = 'left',
-  gap = 'xs',
-  className,
-  style,
-  ...restProps
-}: StackProps) => {
+export const Stack = (props: StackProps) => {
+  const {
+    as = 'div',
+    children,
+    align = 'left',
+    gap = 'xs',
+    className,
+    style,
+    ...restProps
+  } = props;
+
   // Transform the align prop
   const flexAlign = alignToFlexAlign(align);