@mendylanda/ui 0.4.2 → 0.4.3-dev.68.e3417befc4d5

package/dist/sheet/use-sheet-focus.js

@@ -0,0 +1,46 @@
+"use client";
+import { useContext, useEffect, useLayoutEffect, useRef } from "react";
+import { SheetStackContext, useSheetInstance } from "./context.js";
+export function useSheetFocus({ onOpenAutoFocus, onCloseAutoFocus, }) {
+    const stack = useContext(SheetStackContext);
+    const instance = useSheetInstance();
+    const layout = instance.layout;
+    const opener = useRef(null);
+    useLayoutEffect(() => {
+        if (instance.open)
+            opener.current =
+                document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    }, [instance.open]);
+    useEffect(() => {
+        if (layout?.top &&
+            !layout.covered &&
+            instance.contentRef.current?.contains(document.activeElement) === false &&
+            (layout.modal || document.activeElement?.closest("[data-mendy-sheet-content][inert]"))) {
+            instance.contentRef.current.focus({ preventScroll: true });
+        }
+    }, [layout?.top, layout?.modal, layout?.covered, instance.contentRef]);
+    return {
+        onOpen(event) {
+            onOpenAutoFocus?.(event);
+            if (event.defaultPrevented)
+                return;
+            event.preventDefault();
+            instance.contentRef.current?.focus({ preventScroll: true });
+        },
+        onClose(event) {
+            queueMicrotask(() => stack.store.removeManaged(instance.id));
+            onCloseAutoFocus?.(event);
+            if (event.defaultPrevented)
+                return;
+            event.preventDefault();
+            // Let layout cleanup and inert updates commit before returning focus.
+            queueMicrotask(() => {
+                if (stack.store.focusTop())
+                    return;
+                const previous = instance.triggerRef.current ?? opener.current;
+                const target = previous?.isConnected && !previous.closest("[inert]") ? previous : stack.pageRef.current;
+                target?.focus({ preventScroll: true });
+            });
+        },
+    };
+}

package/dist/styles.css

@@ -5,12 +5,15 @@
     --color-green-100: oklch(96.2% 0.044 156.743);
     --color-green-950: oklch(26.6% 0.065 152.934);
     --spacing: 0.25rem;
+    --container-md: 28rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
     --text-sm--line-height: calc(1.25 / 0.875);
     --text-base: 1rem;
     --text-base--line-height: calc(1.5 / 1);
+    --text-lg: 1.125rem;
+    --text-lg--line-height: calc(1.75 / 1.125);
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
@@ -73,6 +76,9 @@
   .mui-8368bbb62f66:where([data-mendy-ui], [data-mendy-ui] *) {
     inset-inline-start: calc(var(--spacing) * 0);
   }
+  .mui-69b8e049976d:where([data-mendy-ui], [data-mendy-ui] *) {
+    inset-inline-start: calc(1/2 * 100%);
+  }
   .mui-207bd0b3f259:where([data-mendy-ui], [data-mendy-ui] *) {
     inset-inline-start: calc(var(--spacing) * 2);
   }
@@ -121,6 +127,12 @@
   .mui-3eef1ce97dba:where([data-mendy-ui], [data-mendy-ui] *) {
     z-index: 50;
   }
+  .mui-e749b7f89462:where([data-mendy-ui], [data-mendy-ui] *) {
+    z-index: 70;
+  }
+  .mui-d0957da54446:where([data-mendy-ui], [data-mendy-ui] *) {
+    z-index: 71;
+  }
   .mui-29a5b1dea191:where([data-mendy-ui], [data-mendy-ui] *) {
     grid-column-start: 2;
   }
@@ -349,6 +361,9 @@
   .mui-a4cce7869436:where([data-mendy-ui], [data-mendy-ui] *) {
     width: 300px;
   }
+  .mui-42be1194a64d:where([data-mendy-ui], [data-mendy-ui] *) {
+    width: calc(100% - 2rem);
+  }
   .mui-fc6a57ff7553:where([data-mendy-ui], [data-mendy-ui] *) {
     width: var(--mendy-filter-editor-width,19rem);
   }
@@ -373,6 +388,9 @@
   .mui-81b198a2db84:where([data-mendy-ui], [data-mendy-ui] *) {
     max-width: 100%;
   }
+  .mui-7b7574448a48:where([data-mendy-ui], [data-mendy-ui] *) {
+    max-width: var(--container-md);
+  }
   .mui-1458e495e3ae:where([data-mendy-ui], [data-mendy-ui] *) {
     min-width: var(--cell-size);
   }
@@ -534,6 +552,9 @@
   .mui-b005d61d0953:where([data-mendy-ui], [data-mendy-ui] *) {
     border-radius: calc(infinity * 1px);
   }
+  .mui-49abc543ea42:where([data-mendy-ui], [data-mendy-ui] *) {
+    border-radius: var(--radius, 0.5rem);
+  }
   .mui-3fa8c572949b:where([data-mendy-ui], [data-mendy-ui] *) {
     border-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
   }
@@ -609,6 +630,18 @@
   .mui-5b272f3c5076:where([data-mendy-ui], [data-mendy-ui] *) {
     background-color: var(--background, #fff);
   }
+  .mui-4a30330fe460:where([data-mendy-ui], [data-mendy-ui] *) {
+    background-color: var(--background, #fff);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--background, #fff) 60%, transparent);
+    }
+  }
+  .mui-8e5a84e37552:where([data-mendy-ui], [data-mendy-ui] *) {
+    background-color: var(--background, #fff);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--background, #fff) 80%, transparent);
+    }
+  }
   .mui-a943bea85d66:where([data-mendy-ui], [data-mendy-ui] *) {
     background-color: var(--border, #e5e5e5);
   }
@@ -657,6 +690,9 @@
   .mui-094f5333853b:where([data-mendy-ui], [data-mendy-ui] *) {
     padding: calc(var(--spacing) * 3);
   }
+  .mui-014b941a7774:where([data-mendy-ui], [data-mendy-ui] *) {
+    padding: calc(var(--spacing) * 5);
+  }
   .mui-c432836760e3:where([data-mendy-ui], [data-mendy-ui] *) {
     padding: calc(var(--spacing) * 6);
   }
@@ -739,6 +775,10 @@
     font-size: var(--text-base);
     line-height: var(--mendy-tw-leading, var(--text-base--line-height));
   }
+  .mui-035bd245837f:where([data-mendy-ui], [data-mendy-ui] *) {
+    font-size: var(--text-lg);
+    line-height: var(--mendy-tw-leading, var(--text-lg--line-height));
+  }
   .mui-c74ab393b96d:where([data-mendy-ui], [data-mendy-ui] *) {
     font-size: var(--text-sm);
     line-height: var(--mendy-tw-leading, var(--text-sm--line-height));
@@ -762,6 +802,10 @@
     --mendy-tw-font-weight: var(--font-weight-normal);
     font-weight: var(--font-weight-normal);
   }
+  .mui-87e86ce38eaf:where([data-mendy-ui], [data-mendy-ui] *) {
+    --mendy-tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
   .mui-e1683b3c030a:where([data-mendy-ui], [data-mendy-ui] *) {
     --mendy-tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
@@ -875,6 +919,16 @@
     transition-timing-function: var(--mendy-tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--mendy-tw-duration, var(--default-transition-duration));
   }
+  .mui-27986534f992:where([data-mendy-ui], [data-mendy-ui] *) {
+    transition-property: inset-inline-start,inset-inline-end;
+    transition-timing-function: var(--mendy-tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--mendy-tw-duration, var(--default-transition-duration));
+  }
+  .mui-55fc320dcf4a:where([data-mendy-ui], [data-mendy-ui] *) {
+    transition-property: padding;
+    transition-timing-function: var(--mendy-tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--mendy-tw-duration, var(--default-transition-duration));
+  }
   .mui-eae178841c68:where([data-mendy-ui], [data-mendy-ui] *) {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --mendy-tw-gradient-from, --mendy-tw-gradient-via, --mendy-tw-gradient-to;
     transition-timing-function: var(--mendy-tw-ease, var(--default-transition-timing-function));
@@ -893,6 +947,10 @@
   .mui-b4b2fd95f324:where([data-mendy-ui], [data-mendy-ui] *) {
     transition-property: none;
   }
+  .mui-f07df86364db:where([data-mendy-ui], [data-mendy-ui] *) {
+    --mendy-tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
   .mui-b30fc56058b6:where([data-mendy-ui], [data-mendy-ui] *) {
     --mendy-tw-outline-style: none;
     outline-style: none;
@@ -1475,6 +1533,12 @@
       animation: mendy-exit var(--mendy-tw-animation-duration,var(--mendy-tw-duration,.15s))var(--mendy-tw-ease,ease)var(--mendy-tw-animation-delay,0s)var(--mendy-tw-animation-iteration-count,1)var(--mendy-tw-animation-direction,normal)var(--mendy-tw-animation-fill-mode,none);
     }
   }
+  .mui-afc0930525cc:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="closed"] {
+      --mendy-tw-duration: 200ms;
+      transition-duration: 200ms;
+    }
+  }
   .mui-bb5869ef903b:where([data-mendy-ui], [data-mendy-ui] *) {
     &[data-state="closed"] {
       --mendy-tw-exit-opacity: calc(0/100);
@@ -1487,6 +1551,16 @@
       --mendy-tw-exit-scale: .95;
     }
   }
+  .mui-5984dbdad10e:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="closed"] {
+      --mendy-tw-exit-translate-x: -100%;
+    }
+  }
+  .mui-bddf3012e102:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="closed"] {
+      --mendy-tw-exit-translate-x: 100%;
+    }
+  }
   .mui-e2ed522ed9b7:where([data-mendy-ui], [data-mendy-ui] *) {
     &[data-state="indeterminate"] {
       opacity: 100%;
@@ -1524,6 +1598,12 @@
       opacity: 100%;
     }
   }
+  .mui-f1c50715f473:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="open"] {
+      --mendy-tw-duration: 300ms;
+      transition-duration: 300ms;
+    }
+  }
   .mui-45464a92c1f6:where([data-mendy-ui], [data-mendy-ui] *) {
     &[data-state="open"] {
       --mendy-tw-enter-opacity: calc(0/100);
@@ -1536,6 +1616,16 @@
       --mendy-tw-enter-scale: .95;
     }
   }
+  .mui-55ef7b573ebd:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="open"] {
+      --mendy-tw-enter-translate-x: -100%;
+    }
+  }
+  .mui-783958b1d2bd:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="open"] {
+      --mendy-tw-enter-translate-x: 100%;
+    }
+  }
   .mui-f3f7a9c5e1b3:where([data-mendy-ui], [data-mendy-ui] *) {
     &[data-variant="destructive"] {
       color: var(--destructive, #dc2626);
@@ -1563,6 +1653,25 @@
       animation: none;
     }
   }
+  .mui-b2ed949e45a3:where([data-mendy-ui], [data-mendy-ui] *) {
+    @media (prefers-reduced-motion: reduce) {
+      transition-property: none;
+    }
+  }
+  .mui-1129583edd8e:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="closed"] {
+      @media (prefers-reduced-motion: reduce) {
+        animation: none;
+      }
+    }
+  }
+  .mui-c94eb5dd463e:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="open"] {
+      @media (prefers-reduced-motion: reduce) {
+        animation: none;
+      }
+    }
+  }
   .mui-0cc20f4e20c8:where([data-mendy-ui], [data-mendy-ui] *) {
     @media (width >= 40rem) {
       width: 21.875rem;
@@ -1573,6 +1682,16 @@
       flex-direction: row;
     }
   }
+  .mui-44cb2048f000:where([data-mendy-ui], [data-mendy-ui] *) {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
+  .mui-d946caa1a695:where([data-mendy-ui], [data-mendy-ui] *) {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 4);
+    }
+  }
   .mui-c05c9b99939d:where([data-mendy-ui], [data-mendy-ui] *) {
     @media (width >= 48rem) {
       font-size: var(--text-sm);
@@ -2164,6 +2283,10 @@
   syntax: "*";
   inherits: false;
 }
+@property --mendy-tw-duration {
+  syntax: "*";
+  inherits: false;
+}
 @keyframes mendy-spin {
   to {
     transform: rotate(360deg);
@@ -2232,6 +2355,7 @@
       --mendy-tw-drop-shadow-color: initial;
       --mendy-tw-drop-shadow-alpha: 100%;
       --mendy-tw-drop-shadow-size: initial;
+      --mendy-tw-duration: initial;
       --mendy-tw-animation-delay: 0s;
       --mendy-tw-animation-direction: normal;
       --mendy-tw-animation-duration: initial;

package/dist/styles.tailwind3.css

@@ -5,12 +5,15 @@
     --color-green-100: oklch(96.2% 0.044 156.743);
     --color-green-950: oklch(26.6% 0.065 152.934);
     --spacing: 0.25rem;
+    --container-md: 28rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
     --text-sm--line-height: calc(1.25 / 0.875);
     --text-base: 1rem;
     --text-base--line-height: calc(1.5 / 1);
+    --text-lg: 1.125rem;
+    --text-lg--line-height: calc(1.75 / 1.125);
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
@@ -72,6 +75,9 @@
 .mui-8368bbb62f66:where([data-mendy-ui], [data-mendy-ui] *) {
     inset-inline-start: calc(var(--spacing) * 0);
   }
+.mui-69b8e049976d:where([data-mendy-ui], [data-mendy-ui] *) {
+    inset-inline-start: calc(1/2 * 100%);
+  }
 .mui-207bd0b3f259:where([data-mendy-ui], [data-mendy-ui] *) {
     inset-inline-start: calc(var(--spacing) * 2);
   }
@@ -120,6 +126,12 @@
 .mui-3eef1ce97dba:where([data-mendy-ui], [data-mendy-ui] *) {
     z-index: 50;
   }
+.mui-e749b7f89462:where([data-mendy-ui], [data-mendy-ui] *) {
+    z-index: 70;
+  }
+.mui-d0957da54446:where([data-mendy-ui], [data-mendy-ui] *) {
+    z-index: 71;
+  }
 .mui-29a5b1dea191:where([data-mendy-ui], [data-mendy-ui] *) {
     grid-column-start: 2;
   }
@@ -348,6 +360,9 @@
 .mui-a4cce7869436:where([data-mendy-ui], [data-mendy-ui] *) {
     width: 300px;
   }
+.mui-42be1194a64d:where([data-mendy-ui], [data-mendy-ui] *) {
+    width: calc(100% - 2rem);
+  }
 .mui-fc6a57ff7553:where([data-mendy-ui], [data-mendy-ui] *) {
     width: var(--mendy-filter-editor-width,19rem);
   }
@@ -372,6 +387,9 @@
 .mui-81b198a2db84:where([data-mendy-ui], [data-mendy-ui] *) {
     max-width: 100%;
   }
+.mui-7b7574448a48:where([data-mendy-ui], [data-mendy-ui] *) {
+    max-width: var(--container-md);
+  }
 .mui-1458e495e3ae:where([data-mendy-ui], [data-mendy-ui] *) {
     min-width: var(--cell-size);
   }
@@ -533,6 +551,9 @@
 .mui-b005d61d0953:where([data-mendy-ui], [data-mendy-ui] *) {
     border-radius: calc(infinity * 1px);
   }
+.mui-49abc543ea42:where([data-mendy-ui], [data-mendy-ui] *) {
+    border-radius: var(--radius, 0.5rem);
+  }
 .mui-3fa8c572949b:where([data-mendy-ui], [data-mendy-ui] *) {
     border-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
   }
@@ -608,6 +629,18 @@
 .mui-5b272f3c5076:where([data-mendy-ui], [data-mendy-ui] *) {
     background-color: var(--background, #fff);
   }
+.mui-4a30330fe460:where([data-mendy-ui], [data-mendy-ui] *) {
+    background-color: var(--background, #fff);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--background, #fff) 60%, transparent);
+    }
+  }
+.mui-8e5a84e37552:where([data-mendy-ui], [data-mendy-ui] *) {
+    background-color: var(--background, #fff);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--background, #fff) 80%, transparent);
+    }
+  }
 .mui-a943bea85d66:where([data-mendy-ui], [data-mendy-ui] *) {
     background-color: var(--border, #e5e5e5);
   }
@@ -656,6 +689,9 @@
 .mui-094f5333853b:where([data-mendy-ui], [data-mendy-ui] *) {
     padding: calc(var(--spacing) * 3);
   }
+.mui-014b941a7774:where([data-mendy-ui], [data-mendy-ui] *) {
+    padding: calc(var(--spacing) * 5);
+  }
 .mui-c432836760e3:where([data-mendy-ui], [data-mendy-ui] *) {
     padding: calc(var(--spacing) * 6);
   }
@@ -738,6 +774,10 @@
     font-size: var(--text-base);
     line-height: var(--mendy-tw-leading, var(--text-base--line-height));
   }
+.mui-035bd245837f:where([data-mendy-ui], [data-mendy-ui] *) {
+    font-size: var(--text-lg);
+    line-height: var(--mendy-tw-leading, var(--text-lg--line-height));
+  }
 .mui-c74ab393b96d:where([data-mendy-ui], [data-mendy-ui] *) {
     font-size: var(--text-sm);
     line-height: var(--mendy-tw-leading, var(--text-sm--line-height));
@@ -761,6 +801,10 @@
     --mendy-tw-font-weight: var(--font-weight-normal);
     font-weight: var(--font-weight-normal);
   }
+.mui-87e86ce38eaf:where([data-mendy-ui], [data-mendy-ui] *) {
+    --mendy-tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
 .mui-e1683b3c030a:where([data-mendy-ui], [data-mendy-ui] *) {
     --mendy-tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
@@ -874,6 +918,16 @@
     transition-timing-function: var(--mendy-tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--mendy-tw-duration, var(--default-transition-duration));
   }
+.mui-27986534f992:where([data-mendy-ui], [data-mendy-ui] *) {
+    transition-property: inset-inline-start,inset-inline-end;
+    transition-timing-function: var(--mendy-tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--mendy-tw-duration, var(--default-transition-duration));
+  }
+.mui-55fc320dcf4a:where([data-mendy-ui], [data-mendy-ui] *) {
+    transition-property: padding;
+    transition-timing-function: var(--mendy-tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--mendy-tw-duration, var(--default-transition-duration));
+  }
 .mui-eae178841c68:where([data-mendy-ui], [data-mendy-ui] *) {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --mendy-tw-gradient-from, --mendy-tw-gradient-via, --mendy-tw-gradient-to;
     transition-timing-function: var(--mendy-tw-ease, var(--default-transition-timing-function));
@@ -892,6 +946,10 @@
 .mui-b4b2fd95f324:where([data-mendy-ui], [data-mendy-ui] *) {
     transition-property: none;
   }
+.mui-f07df86364db:where([data-mendy-ui], [data-mendy-ui] *) {
+    --mendy-tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
 .mui-b30fc56058b6:where([data-mendy-ui], [data-mendy-ui] *) {
     --mendy-tw-outline-style: none;
     outline-style: none;
@@ -1474,6 +1532,12 @@
       animation: mendy-exit var(--mendy-tw-animation-duration,var(--mendy-tw-duration,.15s))var(--mendy-tw-ease,ease)var(--mendy-tw-animation-delay,0s)var(--mendy-tw-animation-iteration-count,1)var(--mendy-tw-animation-direction,normal)var(--mendy-tw-animation-fill-mode,none);
     }
   }
+.mui-afc0930525cc:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="closed"] {
+      --mendy-tw-duration: 200ms;
+      transition-duration: 200ms;
+    }
+  }
 .mui-bb5869ef903b:where([data-mendy-ui], [data-mendy-ui] *) {
     &[data-state="closed"] {
       --mendy-tw-exit-opacity: calc(0/100);
@@ -1486,6 +1550,16 @@
       --mendy-tw-exit-scale: .95;
     }
   }
+.mui-5984dbdad10e:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="closed"] {
+      --mendy-tw-exit-translate-x: -100%;
+    }
+  }
+.mui-bddf3012e102:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="closed"] {
+      --mendy-tw-exit-translate-x: 100%;
+    }
+  }
 .mui-e2ed522ed9b7:where([data-mendy-ui], [data-mendy-ui] *) {
     &[data-state="indeterminate"] {
       opacity: 100%;
@@ -1523,6 +1597,12 @@
       opacity: 100%;
     }
   }
+.mui-f1c50715f473:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="open"] {
+      --mendy-tw-duration: 300ms;
+      transition-duration: 300ms;
+    }
+  }
 .mui-45464a92c1f6:where([data-mendy-ui], [data-mendy-ui] *) {
     &[data-state="open"] {
       --mendy-tw-enter-opacity: calc(0/100);
@@ -1535,6 +1615,16 @@
       --mendy-tw-enter-scale: .95;
     }
   }
+.mui-55ef7b573ebd:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="open"] {
+      --mendy-tw-enter-translate-x: -100%;
+    }
+  }
+.mui-783958b1d2bd:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="open"] {
+      --mendy-tw-enter-translate-x: 100%;
+    }
+  }
 .mui-f3f7a9c5e1b3:where([data-mendy-ui], [data-mendy-ui] *) {
     &[data-variant="destructive"] {
       color: var(--destructive, #dc2626);
@@ -1562,6 +1652,25 @@
       animation: none;
     }
   }
+.mui-b2ed949e45a3:where([data-mendy-ui], [data-mendy-ui] *) {
+    @media (prefers-reduced-motion: reduce) {
+      transition-property: none;
+    }
+  }
+.mui-1129583edd8e:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="closed"] {
+      @media (prefers-reduced-motion: reduce) {
+        animation: none;
+      }
+    }
+  }
+.mui-c94eb5dd463e:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-state="open"] {
+      @media (prefers-reduced-motion: reduce) {
+        animation: none;
+      }
+    }
+  }
 .mui-0cc20f4e20c8:where([data-mendy-ui], [data-mendy-ui] *) {
     @media (width >= 40rem) {
       width: 21.875rem;
@@ -1572,6 +1681,16 @@
       flex-direction: row;
     }
   }
+.mui-44cb2048f000:where([data-mendy-ui], [data-mendy-ui] *) {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 0);
+    }
+  }
+.mui-d946caa1a695:where([data-mendy-ui], [data-mendy-ui] *) {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 4);
+    }
+  }
 .mui-c05c9b99939d:where([data-mendy-ui], [data-mendy-ui] *) {
     @media (width >= 48rem) {
       font-size: var(--text-sm);
@@ -2162,6 +2281,10 @@
   syntax: "*";
   inherits: false;
 }
+@property --mendy-tw-duration {
+  syntax: "*";
+  inherits: false;
+}
 @keyframes mendy-spin {
   to {
     transform: rotate(360deg);
@@ -2230,6 +2353,7 @@
       --mendy-tw-drop-shadow-color: initial;
       --mendy-tw-drop-shadow-alpha: 100%;
       --mendy-tw-drop-shadow-size: initial;
+      --mendy-tw-duration: initial;
       --mendy-tw-animation-delay: 0s;
       --mendy-tw-animation-direction: normal;
       --mendy-tw-animation-duration: initial;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mendylanda/ui",
-  "version": "0.4.2",
-  "description": "Mendy Landa’s reusable React components. Typed filters and tables with shared interaction behavior and customizable UI.",
+  "version": "0.4.3-dev.68.e3417befc4d5",
+  "description": "Mendy Landa's reusable React components. Tables, filters, and sheets with shared interactions and customizable UI.",
   "homepage": "https://ui.mendylanda.com",
   "license": "MIT",
   "author": "Mendy Landa",
@@ -71,6 +71,11 @@
       "types": "./dist/locales/*.d.ts",
       "import": "./dist/locales/*.js",
       "default": "./dist/locales/*.js"
+    },
+    "./sheet": {
+      "types": "./dist/sheet/index.d.ts",
+      "import": "./dist/sheet/index.js",
+      "default": "./dist/sheet/index.js"
     }
   },
   "publishConfig": {
@@ -78,9 +83,12 @@
   },
   "dependencies": {
     "@hello-pangea/dnd": "18.0.1",
+    "@radix-ui/react-alert-dialog": "1.1.15",
     "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "1.1.15",
     "@radix-ui/react-direction": "^1.1.4",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-dropdown-menu": "2.1.16",
+    "@radix-ui/react-focus-scope": "1.1.7",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-popover": "1.1.15",
     "@radix-ui/react-slot": "^1.2.3",
@@ -118,5 +126,5 @@
     "build": "tsc -p tsconfig.build.json && node scripts/build-css.mjs",
     "typecheck": "tsc -p tsconfig.build.json --noEmit"
   },
-  "gitHead": "12e49c5c762b783794b6a371d2008ff4f6960f8f"
+  "gitHead": "e3417befc4d534f2cb6ddb33c3d31b6322c34147"
 }