@ai-matrx/design-system 0.86.346 → 0.86.348

package/dist/index.d.cts

@@ -418,7 +418,7 @@ declare function ReadGate({ read, status: statusProp, error: errorProp, what: wh
     loading?: ReactNode;
     onRetry?: (() => void) | undefined;
     children: ReactNode;
-}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | React$1.JSX.Element;
+}): string | number | bigint | boolean | React$1.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined>;
 /**
  * A list primitive's EMPTY branch (RC-B12 round 13): the failure while its read
  * failed, the wait while it loads, and the primitive's own empty view only
@@ -639,8 +639,8 @@ declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDia
 declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "success" | "primary" | "ghost" | "subtle" | null | undefined;
-    size?: "sm" | "md" | "default" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "icon" | "icon-sm" | "roundIcon" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "link" | "primary" | "ghost" | "subtle" | null | undefined;
+    size?: "default" | "sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "icon" | "icon-sm" | "roundIcon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -2335,7 +2335,7 @@ declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const selectTriggerVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * THE ONE DROPDOWN CHEVRON (page-pass 2026-09-27, /crm/<id>). Pickers drew three
@@ -2731,7 +2731,7 @@ declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul
 declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
     asChild?: boolean;
@@ -4617,8 +4617,8 @@ declare const ResizableHandle: {
 };
 
 declare const toggleVariants: (props?: ({
-    variant?: "switch" | "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    variant?: "default" | "outline" | "switch" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToggleProps extends React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof toggleVariants> {
 }
@@ -5387,8 +5387,8 @@ type AdvancedTooltipProps = {
     disabled?: boolean;
     variant?: "default" | "error" | "warning" | "success";
 };
-declare const SimpleTooltip: ({ children, text }: SimpleTooltipProps) => string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
-declare const AdvancedTooltip: ({ children, text, side, align, delayDuration, className, sideOffset, contentClassName, disabled, variant, }: AdvancedTooltipProps) => string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
+declare const SimpleTooltip: ({ children, text }: SimpleTooltipProps) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
+declare const AdvancedTooltip: ({ children, text, side, align, delayDuration, className, sideOffset, contentClassName, disabled, variant, }: AdvancedTooltipProps) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
 
 type LoadingVariant = 'dots' | 'bars' | 'brain' | 'minimal' | 'workflow';
 type LoadingSize = 'sm' | 'md' | 'lg';

package/dist/index.d.ts

@@ -418,7 +418,7 @@ declare function ReadGate({ read, status: statusProp, error: errorProp, what: wh
     loading?: ReactNode;
     onRetry?: (() => void) | undefined;
     children: ReactNode;
-}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | React$1.JSX.Element;
+}): string | number | bigint | boolean | React$1.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined>;
 /**
  * A list primitive's EMPTY branch (RC-B12 round 13): the failure while its read
  * failed, the wait while it loads, and the primitive's own empty view only
@@ -639,8 +639,8 @@ declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDia
 declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "success" | "primary" | "ghost" | "subtle" | null | undefined;
-    size?: "sm" | "md" | "default" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "icon" | "icon-sm" | "roundIcon" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "link" | "primary" | "ghost" | "subtle" | null | undefined;
+    size?: "default" | "sm" | "md" | "xs" | "lg" | "xl" | "2xl" | "3xl" | "icon" | "icon-sm" | "roundIcon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -2335,7 +2335,7 @@ declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
 declare const selectTriggerVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * THE ONE DROPDOWN CHEVRON (page-pass 2026-09-27, /crm/<id>). Pickers drew three
@@ -2731,7 +2731,7 @@ declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul
 declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
     asChild?: boolean;
@@ -4617,8 +4617,8 @@ declare const ResizableHandle: {
 };
 
 declare const toggleVariants: (props?: ({
-    variant?: "switch" | "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    variant?: "default" | "outline" | "switch" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ToggleProps extends React$1.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof toggleVariants> {
 }
@@ -5387,8 +5387,8 @@ type AdvancedTooltipProps = {
     disabled?: boolean;
     variant?: "default" | "error" | "warning" | "success";
 };
-declare const SimpleTooltip: ({ children, text }: SimpleTooltipProps) => string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
-declare const AdvancedTooltip: ({ children, text, side, align, delayDuration, className, sideOffset, contentClassName, disabled, variant, }: AdvancedTooltipProps) => string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
+declare const SimpleTooltip: ({ children, text }: SimpleTooltipProps) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
+declare const AdvancedTooltip: ({ children, text, side, align, delayDuration, className, sideOffset, contentClassName, disabled, variant, }: AdvancedTooltipProps) => string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null | undefined;
 
 type LoadingVariant = 'dots' | 'bars' | 'brain' | 'minimal' | 'workflow';
 type LoadingSize = 'sm' | 'md' | 'lg';

package/dist/index.js

@@ -6004,7 +6004,7 @@ var LoadingSpinner = ({
       "flex items-center justify-center bg-background",
       fullscreen && "h-dvh w-full",
       className
-    ), children: [
+    ), "aria-busy": "true", children: [
       overlay && /* @__PURE__ */ jsx33("div", { className: "absolute inset-0 bg-background/80 backdrop-blur-sm z-50" }),
       /* @__PURE__ */ jsx33("div", { className: cn(
         "flex flex-col items-center justify-center",
@@ -6012,10 +6012,13 @@ var LoadingSpinner = ({
       ), children: renderWorkflow() })
     ] });
   }
-  return /* @__PURE__ */ jsx33("div", { className: cn("flex items-center", className), children: variant === "workflow" ? renderWorkflow() : /* @__PURE__ */ jsxs19(Fragment8, { children: [
-    renderSpinner(),
-    showMessage && /* @__PURE__ */ jsx33("span", { className: cn("ml-3 text-muted-foreground", sizeClasses2.text), children: message || getDefaultMessage() })
-  ] }) });
+  return (
+    // aria-busy: a spinner is a stand-in, and whatever measures a settled layout waits for it.
+    /* @__PURE__ */ jsx33("div", { className: cn("flex items-center", className), "aria-busy": "true", children: variant === "workflow" ? renderWorkflow() : /* @__PURE__ */ jsxs19(Fragment8, { children: [
+      renderSpinner(),
+      showMessage && /* @__PURE__ */ jsx33("span", { className: cn("ml-3 text-muted-foreground", sizeClasses2.text), children: message || getDefaultMessage() })
+    ] }) })
+  );
 };
 
 // src/mini-loader.tsx