Correct Hub and Engine component geometry

packages/ui-react/src/Button.tsx

@@ -4,11 +4,13 @@ import { cn } from "./cn";
 
 export type ButtonVariant = "primary" | "secondary" | "ghost" | "danger" | "accent";
 export type ButtonSize = "default" | "compact";
+export type ButtonShape = "default" | "pill" | "rounded";
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   variant?: ButtonVariant;
   size?: ButtonSize;
   width?: "auto" | "full";
+  shape?: ButtonShape;
   accent?: RgbTuple;
   icon?: ReactNode;
 }
@@ -17,6 +19,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button
     variant = "secondary",
     size = "default",
     width = "auto",
+    shape = "default",
     accent,
     icon,
     className,
@@ -34,6 +37,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button
         data-variant={variant}
         data-size={size === "default" ? undefined : size}
         data-width={width === "auto" ? undefined : width}
+        data-shape={shape === "default" ? undefined : shape}
         style={accentStyle ? { ...accentStyle, ...style } : style}
         {...props}
       >