@ai-matrx/design-system 0.5.0 → 0.5.2

package/dist/index.d.cts

@@ -151,7 +151,7 @@ declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<H
 
 type CheckboxSize = "sm" | "md";
 interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
-    /** Box size. Default `sm` (the dense 14px control). */
+    /** Box size. Default `md` (the stock 16px control); `sm` is the dense 14px one. */
     size?: CheckboxSize;
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1029,10 +1029,10 @@ declare function TabbedBottomSheet({ open, onOpenChange, title, tabs, }: TabbedB
  */
 
 type TableSize = "sm" | "md";
-/** The density the nearest enclosing `<Table>` declared. `sm` outside one. */
+/** The density the nearest enclosing `<Table>` declared. `md` outside one. */
 declare function useTableSize(): TableSize;
 interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
-    /** Cell density for this table. Default `sm` (`p-2`). */
+    /** Cell density for this table. Default `md` (`p-3`); `sm` is `p-2`. */
     size?: TableSize;
     /**
      * Wrap the table in its own horizontal scroll container. Default `true`.

package/dist/index.d.ts

@@ -151,7 +151,7 @@ declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<H
 
 type CheckboxSize = "sm" | "md";
 interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
-    /** Box size. Default `sm` (the dense 14px control). */
+    /** Box size. Default `md` (the stock 16px control); `sm` is the dense 14px one. */
     size?: CheckboxSize;
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1029,10 +1029,10 @@ declare function TabbedBottomSheet({ open, onOpenChange, title, tabs, }: TabbedB
  */
 
 type TableSize = "sm" | "md";
-/** The density the nearest enclosing `<Table>` declared. `sm` outside one. */
+/** The density the nearest enclosing `<Table>` declared. `md` outside one. */
 declare function useTableSize(): TableSize;
 interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
-    /** Cell density for this table. Default `sm` (`p-2`). */
+    /** Cell density for this table. Default `md` (`p-3`); `sm` is `p-2`. */
     size?: TableSize;
     /**
      * Wrap the table in its own horizontal scroll container. Default `true`.

package/dist/index.js

@@ -563,7 +563,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__ */ jsx8(
+var Checkbox = React6.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx8(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -625,11 +625,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);
   }, []);
@@ -2638,12 +2641,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__ */ jsx30(
       "table",
       {