@ai-matrx/design-system 0.5.2 → 0.6.0

package/dist/index.d.cts

@@ -66,8 +66,8 @@ interface BottomSheetFooterProps {
 declare function BottomSheetFooter({ children, className, }: BottomSheetFooterProps): React.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "ghost" | "subtle" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "link" | "primary" | "ghost" | "subtle" | null | undefined;
+    size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "icon" | "icon-sm" | "roundIcon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/index.d.ts

@@ -66,8 +66,8 @@ interface BottomSheetFooterProps {
 declare function BottomSheetFooter({ children, className, }: BottomSheetFooterProps): React.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "link" | "ghost" | "subtle" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "link" | "primary" | "ghost" | "subtle" | null | undefined;
+    size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "icon" | "icon-sm" | "roundIcon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/index.js

@@ -357,19 +357,43 @@ var buttonVariants = cva2(
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+        /**
+         * An explicit spelling of `default`, identical by construction. It is
+         * not decoration: matrx-frontend's `ButtonMine` fork carried it, ~17
+         * call sites say `variant="primary"`, and the alternative to keeping
+         * the word was a host shim translating a prop — the massage C22 bans.
+         */
+        primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
         destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        /** The affirmative twin of `destructive` — confirm, approve, publish. */
+        success: "bg-success text-success-foreground shadow-sm hover:bg-success/90",
         outline: "border border-border bg-card shadow-sm hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",
         subtle: "border border-transparent bg-muted/50 text-foreground hover:border-border hover:bg-muted"
       },
+      /**
+       * ONE size scale, xs → 3xl, plus the two icon boxes. The top and bottom
+       * of the scale came in from matrx-frontend's `ButtonMine` fork (2026-09-07):
+       * a dense toolbar needs `xs`, and a marketing/hero call to action needs
+       * `xl`+. A host that has to reach outside this scale forks the button,
+       * which is exactly how `ButtonMine` was born.
+       */
       size: {
-        default: "h-9 px-4 py-2",
+        xs: "h-6 rounded-md px-1 text-xs",
         sm: "h-8 rounded-md px-3 text-xs",
+        default: "h-9 px-4 py-2",
+        /** An explicit spelling of `default` (the fork's middle rung). */
+        md: "h-9 px-4 py-2",
         lg: "h-10 rounded-md px-6",
+        xl: "h-12 px-8 py-3 text-base",
+        "2xl": "h-14 px-10 py-3 text-base",
+        "3xl": "h-16 px-12 py-3 text-base",
         icon: "h-9 w-9",
-        "icon-sm": "h-7 w-7"
+        "icon-sm": "h-7 w-7",
+        /** A circular icon box — an avatar-shaped control, not a square one. */
+        roundIcon: "h-8 w-8 rounded-full p-0"
       }
     },
     defaultVariants: {