@mendylanda/ui 0.1.0 → 0.1.1

package/dist/styles.css

@@ -11,6 +11,7 @@
     --text-base--line-height: calc(1.5 / 1);
     --font-weight-normal: 400;
     --font-weight-medium: 500;
+    --font-weight-semibold: 600;
     --tracking-widest: 0.1em;
     --animate-pulse: mendy-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 150ms;
@@ -53,27 +54,30 @@
   .mui-cced28c6dc3f:where([data-mendy-ui], [data-mendy-ui] *) {
     inset-inline-start: var(--spacing);
   }
+  .mui-207bd0b3f259:where([data-mendy-ui], [data-mendy-ui] *) {
+    inset-inline-start: calc(var(--spacing) * 2);
+  }
+  .mui-cea70f23972e:where([data-mendy-ui], [data-mendy-ui] *) {
+    inset-inline-start: calc(var(--spacing) * 3);
+  }
+  .mui-96a350bd3168:where([data-mendy-ui], [data-mendy-ui] *) {
+    inset-inline-start: calc(var(--spacing) * 4);
+  }
   .mui-361e48d0308f:where([data-mendy-ui], [data-mendy-ui] *) {
     inset-inline-end: var(--spacing);
   }
+  .mui-13422ddc8d83:where([data-mendy-ui], [data-mendy-ui] *) {
+    inset-inline-end: calc(var(--spacing) * 1);
+  }
+  .mui-585f4729f611:where([data-mendy-ui], [data-mendy-ui] *) {
+    inset-inline-end: calc(var(--spacing) * 9);
+  }
   .mui-98599e4ee250:where([data-mendy-ui], [data-mendy-ui] *) {
     top: calc(var(--spacing) * 0);
   }
   .mui-4e45f4841abb:where([data-mendy-ui], [data-mendy-ui] *) {
     top: calc(1 / 2 * 100%);
   }
-  .mui-71fb77dd8ea7:where([data-mendy-ui], [data-mendy-ui] *) {
-    right: calc(var(--spacing) * 1);
-  }
-  .mui-5a6edca9f43a:where([data-mendy-ui], [data-mendy-ui] *) {
-    right: calc(var(--spacing) * 8);
-  }
-  .mui-5b9fdf1819c4:where([data-mendy-ui], [data-mendy-ui] *) {
-    left: calc(var(--spacing) * 2);
-  }
-  .mui-ea31f8b3a958:where([data-mendy-ui], [data-mendy-ui] *) {
-    left: calc(var(--spacing) * 3);
-  }
   .mui-866c339ea145:where([data-mendy-ui], [data-mendy-ui] *) {
     left: calc(var(--spacing) * 4);
   }
@@ -98,18 +102,27 @@
       max-width: 96rem;
     }
   }
+  .mui-a2526bc2efa3:where([data-mendy-ui], [data-mendy-ui] *) {
+    margin: calc(var(--spacing) * 0);
+  }
   .mui-abba77319850:where([data-mendy-ui], [data-mendy-ui] *) {
     margin-inline: calc(var(--spacing) * -1);
   }
+  .mui-1752f11474a6:where([data-mendy-ui], [data-mendy-ui] *) {
+    margin-inline: auto;
+  }
   .mui-d8747231f142:where([data-mendy-ui], [data-mendy-ui] *) {
     margin-block: calc(var(--spacing) * 1);
   }
+  .mui-958e2cfcf5b6:where([data-mendy-ui], [data-mendy-ui] *) {
+    margin-inline-start: calc(var(--spacing) * -2);
+  }
+  .mui-8cc46fa87f41:where([data-mendy-ui], [data-mendy-ui] *) {
+    margin-inline-end: calc(var(--spacing) * -1.5);
+  }
   .mui-f28fea81a5cd:where([data-mendy-ui], [data-mendy-ui] *) {
     margin-top: calc(var(--spacing) * 2);
   }
-  .mui-9b2a4c5f630c:where([data-mendy-ui], [data-mendy-ui] *) {
-    margin-left: calc(var(--spacing) * -2);
-  }
   .mui-cc51bda60e7e:where([data-mendy-ui], [data-mendy-ui] *) {
     margin-left: auto;
   }
@@ -177,14 +190,6 @@
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
   }
-  .mui-9104ce433bba:where([data-mendy-ui], [data-mendy-ui] *) {
-    width: 15px;
-    height: 15px;
-  }
-  .mui-3c7e3f82f336:where([data-mendy-ui], [data-mendy-ui] *) {
-    width: 17px;
-    height: 17px;
-  }
   .mui-4dad94bd15e3:where([data-mendy-ui], [data-mendy-ui] *) {
     width: auto;
     height: auto;
@@ -219,6 +224,15 @@
   .mui-1f061e70178e:where([data-mendy-ui], [data-mendy-ui] *) {
     max-height: var(--radix-dropdown-menu-content-available-height);
   }
+  .mui-80baa5d03af7:where([data-mendy-ui], [data-mendy-ui] *) {
+    max-height: calc(var(--filter-menu-height) - 2px);
+  }
+  .mui-1326520533f0:where([data-mendy-ui], [data-mendy-ui] *) {
+    max-height: min(6rem, calc(var(--filter-menu-height) * 0.25));
+  }
+  .mui-fb4a3e97b5bd:where([data-mendy-ui], [data-mendy-ui] *) {
+    max-height: min(20rem, var(--radix-dropdown-menu-content-available-height,20rem));
+  }
   .mui-dcd942c18ddc:where([data-mendy-ui], [data-mendy-ui] *) {
     max-height: var(--radix-dropdown-menu-content-available-height);
   }
@@ -246,11 +260,11 @@
   .mui-37535002f0f7:where([data-mendy-ui], [data-mendy-ui] *) {
     width: calc(var(--spacing) * 72);
   }
-  .mui-a4cce7869436:where([data-mendy-ui], [data-mendy-ui] *) {
-    width: 300px;
+  .mui-919182384559:where([data-mendy-ui], [data-mendy-ui] *) {
+    width: 18.75rem;
   }
-  .mui-9958eb2b312a:where([data-mendy-ui], [data-mendy-ui] *) {
-    width: var(--mendy-filter-menu-width,512px);
+  .mui-8dd3eece40db:where([data-mendy-ui], [data-mendy-ui] *) {
+    width: var(--mendy-filter-menu-width,32rem);
   }
   .mui-8cfb5a42ef9f:where([data-mendy-ui], [data-mendy-ui] *) {
     width: fit-content;
@@ -258,8 +272,8 @@
   .mui-58d0413dd93c:where([data-mendy-ui], [data-mendy-ui] *) {
     width: 100%;
   }
-  .mui-a5c6864f064f:where([data-mendy-ui], [data-mendy-ui] *) {
-    max-width: calc(100vw - 1.5rem);
+  .mui-91f82aa1df0c:where([data-mendy-ui], [data-mendy-ui] *) {
+    max-width: 60%;
   }
   .mui-34055e6f8c1b:where([data-mendy-ui], [data-mendy-ui] *) {
     max-width: calc(100vw - 2rem);
@@ -295,6 +309,9 @@
     --mendy-tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--mendy-tw-translate-x) var(--mendy-tw-translate-y);
   }
+  .mui-aa214ea38326:where([data-mendy-ui], [data-mendy-ui] *) {
+    transform: var(--mendy-tw-rotate-x,) var(--mendy-tw-rotate-y,) var(--mendy-tw-rotate-z,) var(--mendy-tw-skew-x,) var(--mendy-tw-skew-y,);
+  }
   .mui-393df0d154e0:where([data-mendy-ui], [data-mendy-ui] *) {
     animation: none !important;
   }
@@ -307,8 +324,14 @@
   .mui-acd532d8913e:where([data-mendy-ui], [data-mendy-ui] *) {
     resize: both;
   }
-  .mui-50f2bcd37640:where([data-mendy-ui], [data-mendy-ui] *) {
-    grid-template-columns: var(--mendy-filter-list-width,208px) minmax(0,1fr);
+  .mui-ae112c903ef8:where([data-mendy-ui], [data-mendy-ui] *) {
+    resize: vertical;
+  }
+  .mui-da607d0a2538:where([data-mendy-ui], [data-mendy-ui] *) {
+    grid-template-columns: min(var(--mendy-filter-list-width,13rem), 50%) minmax(0,1fr);
+  }
+  .mui-b5985369ee35:where([data-mendy-ui], [data-mendy-ui] *) {
+    grid-template-rows: minmax(0,1fr);
   }
   .mui-302c0d124a94:where([data-mendy-ui], [data-mendy-ui] *) {
     flex-direction: column;
@@ -322,6 +345,9 @@
   .mui-71556df3b421:where([data-mendy-ui], [data-mendy-ui] *) {
     align-items: center;
   }
+  .mui-b9677bd1cb66:where([data-mendy-ui], [data-mendy-ui] *) {
+    align-items: flex-start;
+  }
   .mui-32c92bb1fde4:where([data-mendy-ui], [data-mendy-ui] *) {
     justify-content: space-between;
   }
@@ -398,22 +424,26 @@
     border-style: var(--mendy-tw-border-style);
     border-width: 1px;
   }
+  .mui-dad556abfe15:where([data-mendy-ui], [data-mendy-ui] *) {
+    border-style: var(--mendy-tw-border-style);
+    border-width: 0px;
+  }
+  .mui-55860251be20:where([data-mendy-ui], [data-mendy-ui] *) {
+    border-inline-start-style: var(--mendy-tw-border-style);
+    border-inline-start-width: 1px;
+  }
+  .mui-3b6d5fc7b061:where([data-mendy-ui], [data-mendy-ui] *) {
+    border-inline-end-style: var(--mendy-tw-border-style);
+    border-inline-end-width: 1px;
+  }
   .mui-894c3815a57f:where([data-mendy-ui], [data-mendy-ui] *) {
     border-top-style: var(--mendy-tw-border-style);
     border-top-width: 1px;
   }
-  .mui-baf794b99c10:where([data-mendy-ui], [data-mendy-ui] *) {
-    border-right-style: var(--mendy-tw-border-style);
-    border-right-width: 1px;
-  }
   .mui-bbe39cfb5cc6:where([data-mendy-ui], [data-mendy-ui] *) {
     border-bottom-style: var(--mendy-tw-border-style);
     border-bottom-width: 1px;
   }
-  .mui-8d940fccb093:where([data-mendy-ui], [data-mendy-ui] *) {
-    border-left-style: var(--mendy-tw-border-style);
-    border-left-width: 1px;
-  }
   .mui-8450eb0f1857:where([data-mendy-ui], [data-mendy-ui] *) {
     --mendy-tw-border-style: dashed;
     border-style: dashed;
@@ -502,35 +532,38 @@
   .mui-b5edc3ea7c91:where([data-mendy-ui], [data-mendy-ui] *) {
     padding-block: calc(var(--spacing) * 2);
   }
+  .mui-078d945937da:where([data-mendy-ui], [data-mendy-ui] *) {
+    padding-inline-start: calc(var(--spacing) * 8);
+  }
+  .mui-b2100041c585:where([data-mendy-ui], [data-mendy-ui] *) {
+    padding-inline-start: calc(var(--spacing) * 9);
+  }
+  .mui-05d4103bd67f:where([data-mendy-ui], [data-mendy-ui] *) {
+    padding-inline-end: calc(var(--spacing) * 2);
+  }
+  .mui-0e14c365f9e8:where([data-mendy-ui], [data-mendy-ui] *) {
+    padding-inline-end: calc(var(--spacing) * 9);
+  }
+  .mui-559069d2c2e5:where([data-mendy-ui], [data-mendy-ui] *) {
+    padding-inline-end: calc(var(--spacing) * 16);
+  }
   .mui-0a702d97ed7d:where([data-mendy-ui], [data-mendy-ui] *) {
     padding-top: calc(var(--spacing) * 3);
   }
   .mui-1a52da5bc88c:where([data-mendy-ui], [data-mendy-ui] *) {
     padding-right: calc(var(--spacing) * 1);
   }
-  .mui-98a5b6fff1d2:where([data-mendy-ui], [data-mendy-ui] *) {
-    padding-right: calc(var(--spacing) * 2);
-  }
-  .mui-0359a07b64f9:where([data-mendy-ui], [data-mendy-ui] *) {
-    padding-right: calc(var(--spacing) * 9);
-  }
-  .mui-83ffc494bac4:where([data-mendy-ui], [data-mendy-ui] *) {
-    padding-right: calc(var(--spacing) * 16);
-  }
   .mui-f5d8e661d857:where([data-mendy-ui], [data-mendy-ui] *) {
     padding-left: calc(var(--spacing) * 2);
   }
   .mui-75b27e813dcc:where([data-mendy-ui], [data-mendy-ui] *) {
     padding-left: calc(var(--spacing) * 8);
   }
-  .mui-86486d7e416f:where([data-mendy-ui], [data-mendy-ui] *) {
-    padding-left: calc(var(--spacing) * 9);
-  }
   .mui-05ab12448317:where([data-mendy-ui], [data-mendy-ui] *) {
     text-align: center;
   }
-  .mui-1a5d10977b93:where([data-mendy-ui], [data-mendy-ui] *) {
-    text-align: left;
+  .mui-e9347b78185f:where([data-mendy-ui], [data-mendy-ui] *) {
+    text-align: start;
   }
   .mui-757071a1d1c4:where([data-mendy-ui], [data-mendy-ui] *) {
     font-size: var(--text-base);
@@ -587,6 +620,9 @@
   .mui-8d4bf2704c8d:where([data-mendy-ui], [data-mendy-ui] *) {
     color: var(--destructive-foreground, #fff);
   }
+  .mui-957a109f887f:where([data-mendy-ui], [data-mendy-ui] *) {
+    color: var(--foreground, #0a0a0a);
+  }
   .mui-35f35c41d134:where([data-mendy-ui], [data-mendy-ui] *) {
     color: var(--muted-foreground, #737373);
   }
@@ -673,8 +709,17 @@
   .mui-d80b6593dae5:where([data-mendy-ui], [data-mendy-ui] *) {
     --cell-size: calc(var(--spacing) * 8);
   }
-  .mui-981e5fc95664:where([data-mendy-ui], [data-mendy-ui] *) {
-    --filter-menu-height: min(480px, var(--radix-dropdown-menu-content-available-height));
+  .mui-82c2977beb8e:where([data-mendy-ui], [data-mendy-ui] *) {
+    --cell-size: min(2rem, calc((100vw - 3.5rem) / 7));
+  }
+  .mui-5662a94d9dba:where([data-mendy-ui], [data-mendy-ui] *) {
+    --filter-menu-height: min(30rem, var(--radix-dropdown-menu-content-available-height,30rem));
+  }
+  .mui-cacb19aa9640:where([data-mendy-ui], [data-mendy-ui] *) {
+    scrollbar-width: thin;
+  }
+  .mui-14bd99410890:where([data-mendy-ui], [data-mendy-ui] *) {
+    unicode-bidi: isolate;
   }
   .mui-9af9a4182597:where([data-mendy-ui], [data-mendy-ui] *) {
     &:is(:where(.mui-ad936fcbed63)[data-disabled="true"] *) {
@@ -701,18 +746,15 @@
       border-color: var(--ring, #737373);
     }
   }
-  .mui-47cbd20a4dc0:where([data-mendy-ui], [data-mendy-ui] *) {
+  .mui-5892a880410a:where([data-mendy-ui], [data-mendy-ui] *) {
     &:is(:where(.mui-d9c5891363f9)[data-focused="true"] *) {
-      --mendy-tw-ring-shadow: var(--mendy-tw-ring-inset,) 0 0 0 calc(3px + var(--mendy-tw-ring-offset-width)) var(--mendy-tw-ring-color, currentcolor);
+      --mendy-tw-ring-shadow: var(--mendy-tw-ring-inset,) 0 0 0 calc(1px + var(--mendy-tw-ring-offset-width)) var(--mendy-tw-ring-color, currentcolor);
       box-shadow: var(--mendy-tw-inset-shadow), var(--mendy-tw-inset-ring-shadow), var(--mendy-tw-ring-offset-shadow), var(--mendy-tw-ring-shadow), var(--mendy-tw-shadow);
     }
   }
-  .mui-4eb7d653ae35:where([data-mendy-ui], [data-mendy-ui] *) {
+  .mui-31b75c623c06:where([data-mendy-ui], [data-mendy-ui] *) {
     &:is(:where(.mui-d9c5891363f9)[data-focused="true"] *) {
       --mendy-tw-ring-color: var(--ring, #737373);
-      @supports (color: color-mix(in lab, red, red)) {
-        --mendy-tw-ring-color: color-mix(in oklab, var(--ring, #737373) 50%, transparent);
-      }
     }
   }
   .mui-f0ee83167878:where([data-mendy-ui], [data-mendy-ui] *) {
@@ -877,6 +919,17 @@
       }
     }
   }
+  .mui-1df9125eebaf:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:focus-visible {
+      outline-style: var(--mendy-tw-outline-style);
+      outline-width: 1px;
+    }
+  }
+  .mui-223daa83ed2d:where([data-mendy-ui], [data-mendy-ui] *) {
+    &:focus-visible {
+      outline-color: var(--ring, #737373);
+    }
+  }
   .mui-2e357972fc10:where([data-mendy-ui], [data-mendy-ui] *) {
     &:focus-visible {
       --mendy-tw-outline-style: none;
@@ -980,6 +1033,19 @@
       padding-left: calc(var(--spacing) * 8);
     }
   }
+  .mui-bbaaa5969856:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-more-below="true"] {
+      mask-image: linear-gradient(#000 calc(100% - 1rem),transparent);
+    }
+  }
+  .mui-dfc89afd7885:where([data-mendy-ui], [data-mendy-ui] *) {
+    &[data-navigation="pointer"] {
+      &:focus-visible {
+        --mendy-tw-ring-shadow: var(--mendy-tw-ring-inset,) 0 0 0 calc(0px + var(--mendy-tw-ring-offset-width)) var(--mendy-tw-ring-color, currentcolor);
+        box-shadow: var(--mendy-tw-inset-shadow), var(--mendy-tw-inset-ring-shadow), var(--mendy-tw-ring-offset-shadow), var(--mendy-tw-ring-shadow), var(--mendy-tw-shadow);
+      }
+    }
+  }
   .mui-96308b55e0d6:where([data-mendy-ui], [data-mendy-ui] *) {
     &[data-range-end="true"] {
       border-radius: max(0px, calc(var(--radius, 0.5rem) - 2px));
@@ -1196,9 +1262,9 @@
       animation: none;
     }
   }
-  .mui-8c14b4d2e932:where([data-mendy-ui], [data-mendy-ui] *) {
+  .mui-0cc20f4e20c8:where([data-mendy-ui], [data-mendy-ui] *) {
     @media (width >= 40rem) {
-      width: 350px;
+      width: 21.875rem;
     }
   }
   .mui-56760b222da0:where([data-mendy-ui], [data-mendy-ui] *) {
@@ -1263,6 +1329,39 @@
       }
     }
   }
+  .mui-d78a8526410d:where([data-mendy-ui], [data-mendy-ui] *) {
+    @media (pointer: coarse) {
+      --cell-size: min(2.5rem, calc((100vw - 3.5rem) / 7));
+    }
+  }
+  .mui-b51243872d85:where([data-mendy-ui], [data-mendy-ui] *) {
+    @media (width >= 40rem) {
+      @media (pointer: fine) {
+        height: calc(var(--spacing) * 8);
+      }
+    }
+  }
+  .mui-aa0e3c036805:where([data-mendy-ui], [data-mendy-ui] *) {
+    @media (width >= 40rem) {
+      @media (pointer: fine) {
+        min-height: calc(var(--spacing) * 8);
+      }
+    }
+  }
+  .mui-0288c4ea71ea:where([data-mendy-ui], [data-mendy-ui] *) {
+    @media (width >= 40rem) {
+      @media (pointer: fine) {
+        padding-block: calc(var(--spacing) * 0.5);
+      }
+    }
+  }
+  .mui-41d1475cf71a:where([data-mendy-ui], [data-mendy-ui] *) {
+    @media (width >= 40rem) {
+      @media (pointer: fine) {
+        padding-block: calc(var(--spacing) * 1.5);
+      }
+    }
+  }
   .mui-548a450e8e53:where([data-mendy-ui], [data-mendy-ui] *) {
     & * {
       transition-property: none !important;
@@ -1273,6 +1372,31 @@
       min-height: calc(var(--spacing) * 9);
     }
   }
+  .mui-b43343fe71c0:where([data-mendy-ui], [data-mendy-ui] *) {
+    @media (width >= 40rem) {
+      @media (pointer: fine) {
+        & [role^=menuitem] {
+          min-height: calc(var(--spacing) * 8);
+        }
+      }
+    }
+  }
+  .mui-cc310a330231:where([data-mendy-ui], [data-mendy-ui] *) {
+    & button {
+      --mendy-tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+  }
+  .mui-b7ff49878425:where([data-mendy-ui], [data-mendy-ui] *) {
+    & button {
+      text-decoration-line: underline;
+    }
+  }
+  .mui-d9bdd2c94504:where([data-mendy-ui], [data-mendy-ui] *) {
+    & button {
+      text-underline-offset: 4px;
+    }
+  }
   .mui-bcae9d37090c:where([data-mendy-ui], [data-mendy-ui] *) {
     & svg {
       pointer-events: none;
@@ -1372,6 +1496,11 @@
       opacity: 70%;
     }
   }
+  .mui-bf95f682e553:where([data-mendy-ui], [data-mendy-ui] *) {
+    &>span:first-child {
+      margin-top: calc(0.5lh - 0.4375rem);
+    }
+  }
   .mui-eb740dd32318:where([data-mendy-ui], [data-mendy-ui] *) {
     &>svg {
       width: calc(var(--spacing) * 3.5);
@@ -1545,6 +1674,26 @@
   inherits: false;
   initial-value: 0;
 }
+@property --mendy-tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --mendy-tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --mendy-tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --mendy-tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --mendy-tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
 @property --mendy-tw-space-y-reverse {
   syntax: "*";
   inherits: false;
@@ -1719,6 +1868,11 @@
       --mendy-tw-translate-x: 0;
       --mendy-tw-translate-y: 0;
       --mendy-tw-translate-z: 0;
+      --mendy-tw-rotate-x: initial;
+      --mendy-tw-rotate-y: initial;
+      --mendy-tw-rotate-z: initial;
+      --mendy-tw-skew-x: initial;
+      --mendy-tw-skew-y: initial;
       --mendy-tw-space-y-reverse: 0;
       --mendy-tw-border-style: solid;
       --mendy-tw-leading: initial;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mendylanda/ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Mendy Landa’s reusable React components. Typed filters with dynamic options, URL persistence, and customizable UI.",
   "homepage": "https://ui.mendylanda.com",
   "license": "MIT",
@@ -63,6 +63,7 @@
     "access": "public"
   },
   "dependencies": {
+    "@tanstack/react-virtual": "^3.14.11",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.4.0",