@ai-matrx/design-system 0.5.0 → 0.5.2

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # Changelog
 
+## 0.5.2 — 2026-09-07
+
+Two real source corrections, found by adopting 0.5.0 in the first two consumers
+before any of them shipped it.
+
+(0.5.1 is an automatic changed-only republish tag the release automation cut
+between these two commits; it carries 0.5.0's source with no source change. Go
+straight to 0.5.2.)
+
+- **`useIsMobile` no longer crashes where `matchMedia` is absent.** Older jsdom
+  setups and some embedded webviews do not provide it, and `Dialog` reads the
+  hook — so adopting 0.5.0 took down 38 of workflow-studio's tests over a
+  breakpoint. The width read still gives a correct first answer; only live
+  resize tracking is lost, which is exactly what is unavailable. A primitive
+  must never cost a host its whole suite (or its screen) for an optional
+  capability.
+- **`Checkbox` and `Table` now default to `md`** — the stock 16px control and
+  `p-3` cells, which every host except matrx-frontend already used. The 0.5.0
+  defaults would have made three consumers bind a size just to stand still.
+  matrx-frontend is dense on purpose and binds `sm` in its own shim.
+
+### Consumer action (C28)
+
+None beyond installing 0.5.2 (0.5.1 was an automatic republish tag cut between these two commits; it carries the 0.5.0 source). If you pinned `Checkbox size="sm"` or
+`Table size="sm"` to match 0.5.0's defaults, drop it unless you actually want
+the dense variant.
+
 ## 0.5.0 — 2026-09-07
 
 **THE GROWTH WAVE (C18).** The 2026-09-07 adoption lane deleted 34 forked
@@ -108,7 +135,7 @@ copy of something this version now ships:
   carrying that app's own visual language; they are DEFERRED, not forgotten —
   see FEATURE.md § Deferred.
 - **aidream/apps/dashboard** — `src/components/ui/{avatar,card,checkbox,context-menu,dialog,dropdown-menu,scroll-area,switch,table,tabs,textarea}.tsx`.
-  Pass `Card size="lg"` and `Table size="md"` to keep this app's density.
+  Bind `Card size="lg"` to keep this app's density (Table defaults to md as of 0.5.1).
 - **aidream/apps/workflow-studio** — `src/components/ui/{dialog,dropdown-menu,scroll-area,switch,tabs,textarea}.tsx`.
   Its ScrollArea viewport hack becomes `viewportClassName="[&>div]:!block [&>div]:min-w-0"`.
 

package/dist/index.cjs

@@ -742,7 +742,7 @@ var CHECKBOX_SIZES = {
   sm: { root: "h-3.5 w-3.5 rounded-xs", glyph: "h-3 w-3" },
   md: { root: "h-4 w-4 rounded-sm", glyph: "h-3.5 w-3.5" }
 };
-var Checkbox = React6.forwardRef(({ className, size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+var Checkbox = React6.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -804,11 +804,14 @@ function useIsMobile() {
   const [hasMounted, setHasMounted] = React8.useState(false);
   React8.useEffect(() => {
     setHasMounted(true);
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
     };
     onChange();
+    if (typeof window.matchMedia !== "function") {
+      return void 0;
+    }
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     mql.addEventListener("change", onChange);
     return () => mql.removeEventListener("change", onChange);
   }, []);
@@ -2814,12 +2817,12 @@ var TABLE_SIZES = {
   sm: { head: "px-2", cell: "p-2" },
   md: { head: "px-3", cell: "p-3" }
 };
-var TableSizeContext = React23.createContext("sm");
+var TableSizeContext = React23.createContext("md");
 function useTableSize() {
   return React23.useContext(TableSizeContext);
 }
 var Table = React23.forwardRef(
-  ({ className, size = "sm", wrap = true, wrapperClassName, ...props }, ref) => {
+  ({ className, size = "md", wrap = true, wrapperClassName, ...props }, ref) => {
     const table = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "table",
       {