@ai-matrx/design-system 0.49.2 → 0.49.3

package/dist/data-table/index.js

@@ -34934,6 +34934,16 @@ var selectTriggerVariants = cva2(
     }
   }
 );
+function SelectChevron({ className, size = "default" }) {
+  return /* @__PURE__ */ jsx11(
+    RadixChevronDownIcon,
+    {
+      "aria-hidden": "true",
+      "data-select-chevron": "",
+      className: cn(size === "sm" ? "h-3.5 w-3.5" : "h-4 w-4", "shrink-0 opacity-50", className)
+    }
+  );
+}
 var SelectTrigger = React8.forwardRef(({ className, children, hideArrow = false, size, ...props }, ref) => /* @__PURE__ */ jsxs7(
   SelectPrimitive.Trigger,
   {
@@ -34942,7 +34952,7 @@ var SelectTrigger = React8.forwardRef(({ className, children, hideArrow = false,
     ...props,
     children: [
       children,
-      !hideArrow && /* @__PURE__ */ jsx11(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx11(RadixChevronDownIcon, { className: "h-4 w-4 shrink-0 opacity-50" }) })
+      !hideArrow && /* @__PURE__ */ jsx11(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx11(SelectChevron, { size: size === "sm" ? "sm" : "default" }) })
     ]
   }
 ));
@@ -48163,6 +48173,17 @@ function MatrxDataTableCore(coreProps) {
   const CHECKBOX_TAP_AREA = "h-4 w-4 touch-manipulation";
   const mobileCardsClass = mobileCardsBreakpoint === "lg" ? "lg:hidden" : "sm:hidden";
   const tableWithCardsClass = mobileCardsBreakpoint === "lg" ? "max-lg:hidden" : "max-sm:hidden";
+  const cardsQuery = mobileCardsBreakpoint === "lg" ? "(max-width: 1023px)" : "(max-width: 639px)";
+  const [cardsActive, setCardsActive] = useState25(null);
+  useEffect20(() => {
+    if (!mobileCards || typeof window === "undefined" || !window.matchMedia) return;
+    const mql = window.matchMedia(cardsQuery);
+    const read2 = () => setCardsActive(mql.matches);
+    read2();
+    mql.addEventListener?.("change", read2);
+    return () => mql.removeEventListener?.("change", read2);
+  }, [mobileCards, cardsQuery]);
+  const inactiveProps = (active) => cardsActive === null || active ? {} : { inert: true, "aria-hidden": true };
   const controlledQuery = query?.mode === "controlled" || query?.mode === "controlled-local" || query?.mode === "controlled-append" ? query : null;
   const remoteQuery = query?.mode === "controlled" || query?.mode === "controlled-append" ? query : null;
   const sourceProcessing = query?.mode === "controlled" || query?.mode === "controlled-local" ? query.sourceProcessing : appendQuery?.sourceProcessing;
@@ -51321,6 +51342,7 @@ function MatrxDataTableCore(coreProps) {
                         "div",
                         {
                           ref: cardsScrollRef,
+                          ...inactiveProps(cardsActive === true),
                           "data-matrx-table-cards-scroll": true,
                           "aria-busy": isLoading || isFetching,
                           ...appendQuery === null ? {} : { style: { containerType: "inline-size" } },
@@ -51429,6 +51451,7 @@ function MatrxDataTableCore(coreProps) {
                         "div",
                         {
                           ref: scrollRef,
+                          ...mobileCards ? inactiveProps(cardsActive === false) : {},
                           "data-matrx-table-scroll": true,
                           onScroll: updateScrollHint,
                           ...spreadsheetEnabled ? {