@giddaa-housing/ui 3.7.0 → 3.9.0

package/dist/styles.css

@@ -1009,6 +1009,9 @@
   .h-\[calc\(--spacing\(5\.25\)\)\] {
     height: calc(calc(var(--spacing) * 5.25));
   }
+  .h-\[calc\(100dvh-3\.5rem\)\] {
+    height: calc(100dvh - 3.5rem);
+  }
   .h-\[calc\(100lvh-3\.5rem\)\] {
     height: calc(100lvh - 3.5rem);
   }
@@ -3337,8 +3340,8 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[background-color\,color\,border-color\,box-shadow\,scale\,translate\] {
-    transition-property: background-color,color,border-color,box-shadow,scale,translate;
+  .transition-\[background-color\,color\,border-color\,box-shadow\,scale\] {
+    transition-property: background-color,color,border-color,box-shadow,scale;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -6241,10 +6244,10 @@
       inset-inline-start: calc(1/2 * 100%);
     }
   }
-  .after\:top-full {
+  .after\:top-\[calc\(100\%-1px\)\] {
     &::after {
       content: var(--tw-content);
-      top: 100%;
+      top: calc(100% - 1px);
     }
   }
   .after\:right-0 {
@@ -6253,10 +6256,16 @@
       right: 0;
     }
   }
-  .after\:bottom-full {
+  .after\:bottom-\[calc\(100\%-1px\)\] {
     &::after {
       content: var(--tw-content);
-      bottom: 100%;
+      bottom: calc(100% - 1px);
+    }
+  }
+  .after\:-left-px {
+    &::after {
+      content: var(--tw-content);
+      left: -1px;
     }
   }
   .after\:left-0 {
@@ -6271,10 +6280,10 @@
       z-index: 10;
     }
   }
-  .after\:h-\[calc\(var\(--gap\)\+1px\)\] {
+  .after\:h-\[calc\(var\(--gap\)\+2px\)\] {
     &::after {
       content: var(--tw-content);
-      height: calc(var(--gap) + 1px);
+      height: calc(var(--gap) + 2px);
     }
   }
   .after\:w-0\.5 {
@@ -6289,10 +6298,10 @@
       width: 2px;
     }
   }
-  .after\:w-full {
+  .after\:w-\[calc\(100\%\+2px\)\] {
     &::after {
       content: var(--tw-content);
-      width: 100%;
+      width: calc(100% + 2px);
     }
   }
   .after\:bg-line {
@@ -7033,19 +7042,28 @@
       }
     }
   }
-  .active\:not-aria-\[haspopup\]\:translate-y-0 {
+  .active\:not-aria-\[haspopup\]\:translate-y-px {
     &:active {
       &:not(*[aria-haspopup]) {
-        --tw-translate-y: 0;
+        --tw-translate-y: 1px;
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
-  .active\:not-aria-\[haspopup\]\:translate-y-px {
+  .active\:not-aria-\[haspopup\]\:scale-100 {
     &:active {
       &:not(*[aria-haspopup]) {
-        --tw-translate-y: 1px;
-        translate: var(--tw-translate-x) var(--tw-translate-y);
+        --tw-scale-x: 100%;
+        --tw-scale-y: 100%;
+        --tw-scale-z: 100%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
+  .active\:not-aria-\[haspopup\]\:scale-\[0\.97\] {
+    &:active {
+      &:not(*[aria-haspopup]) {
+        scale: 0.97;
       }
     }
   }
@@ -9881,12 +9899,14 @@
       }
     }
   }
-  .motion-reduce\:active\:not-aria-\[haspopup\]\:translate-y-0 {
+  .motion-reduce\:active\:not-aria-\[haspopup\]\:scale-100 {
     @media (prefers-reduced-motion: reduce) {
       &:active {
         &:not(*[aria-haspopup]) {
-          --tw-translate-y: 0;
-          translate: var(--tw-translate-x) var(--tw-translate-y);
+          --tw-scale-x: 100%;
+          --tw-scale-y: 100%;
+          --tw-scale-z: 100%;
+          scale: var(--tw-scale-x) var(--tw-scale-y);
         }
       }
     }
@@ -10745,6 +10765,11 @@
       height: 380px;
     }
   }
+  .md\:h-\[calc\(--spacing\(5\.25\)\)\] {
+    @media (width >= 48rem) {
+      height: calc(calc(var(--spacing) * 5.25));
+    }
+  }
   .md\:h-auto {
     @media (width >= 48rem) {
       height: auto;
@@ -10760,16 +10785,31 @@
       min-height: calc(var(--spacing) * 7);
     }
   }
+  .md\:min-h-8 {
+    @media (width >= 48rem) {
+      min-height: calc(var(--spacing) * 8);
+    }
+  }
   .md\:min-h-9 {
     @media (width >= 48rem) {
       min-height: calc(var(--spacing) * 9);
     }
   }
+  .md\:min-h-10 {
+    @media (width >= 48rem) {
+      min-height: calc(var(--spacing) * 10);
+    }
+  }
   .md\:min-h-10\.5 {
     @media (width >= 48rem) {
       min-height: calc(var(--spacing) * 10.5);
     }
   }
+  .md\:min-h-12 {
+    @media (width >= 48rem) {
+      min-height: calc(var(--spacing) * 12);
+    }
+  }
   .md\:min-h-22 {
     @media (width >= 48rem) {
       min-height: calc(var(--spacing) * 22);
@@ -10985,6 +11025,11 @@
       border-radius: var(--radius-lg);
     }
   }
+  .md\:rounded-md {
+    @media (width >= 48rem) {
+      border-radius: var(--radius-md);
+    }
+  }
   .md\:rounded-xl {
     @media (width >= 48rem) {
       border-radius: var(--radius-xl);
@@ -11020,6 +11065,16 @@
       padding-inline: 0;
     }
   }
+  .md\:px-1\.5 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 1.5);
+    }
+  }
+  .md\:px-2 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 2);
+    }
+  }
   .md\:px-2\.5 {
     @media (width >= 48rem) {
       padding-inline: calc(var(--spacing) * 2.5);
@@ -11335,6 +11390,27 @@
       }
     }
   }
+  .md\:has-data-\[slot\=combobox-chip\]\:px-1\.5 {
+    @media (width >= 48rem) {
+      &:has(*[data-slot="combobox-chip"]) {
+        padding-inline: calc(var(--spacing) * 1.5);
+      }
+    }
+  }
+  .md\:has-data-\[slot\=combobox-chip\]\:px-2 {
+    @media (width >= 48rem) {
+      &:has(*[data-slot="combobox-chip"]) {
+        padding-inline: calc(var(--spacing) * 2);
+      }
+    }
+  }
+  .md\:has-data-\[slot\=combobox-chip\]\:px-2\.5 {
+    @media (width >= 48rem) {
+      &:has(*[data-slot="combobox-chip"]) {
+        padding-inline: calc(var(--spacing) * 2.5);
+      }
+    }
+  }
   .lg\:order-first {
     @media (width >= 64rem) {
       order: -9999;
@@ -11502,6 +11578,11 @@
       height: 480px;
     }
   }
+  .lg\:h-\[calc\(--spacing\(5\.25\)\)\] {
+    @media (width >= 64rem) {
+      height: calc(calc(var(--spacing) * 5.25));
+    }
+  }
   .lg\:h-auto {
     @media (width >= 64rem) {
       height: auto;
@@ -11517,16 +11598,31 @@
       min-height: calc(var(--spacing) * 7);
     }
   }
+  .lg\:min-h-8 {
+    @media (width >= 64rem) {
+      min-height: calc(var(--spacing) * 8);
+    }
+  }
   .lg\:min-h-9 {
     @media (width >= 64rem) {
       min-height: calc(var(--spacing) * 9);
     }
   }
+  .lg\:min-h-10 {
+    @media (width >= 64rem) {
+      min-height: calc(var(--spacing) * 10);
+    }
+  }
   .lg\:min-h-10\.5 {
     @media (width >= 64rem) {
       min-height: calc(var(--spacing) * 10.5);
     }
   }
+  .lg\:min-h-12 {
+    @media (width >= 64rem) {
+      min-height: calc(var(--spacing) * 12);
+    }
+  }
   .lg\:min-h-22 {
     @media (width >= 64rem) {
       min-height: calc(var(--spacing) * 22);
@@ -11687,6 +11783,11 @@
       border-radius: var(--radius-lg);
     }
   }
+  .lg\:rounded-md {
+    @media (width >= 64rem) {
+      border-radius: var(--radius-md);
+    }
+  }
   .lg\:rounded-xl {
     @media (width >= 64rem) {
       border-radius: var(--radius-xl);
@@ -11723,6 +11824,16 @@
       padding-inline: 0;
     }
   }
+  .lg\:px-1\.5 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 1.5);
+    }
+  }
+  .lg\:px-2 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 2);
+    }
+  }
   .lg\:px-2\.5 {
     @media (width >= 64rem) {
       padding-inline: calc(var(--spacing) * 2.5);
@@ -12101,6 +12212,27 @@
       }
     }
   }
+  .lg\:has-data-\[slot\=combobox-chip\]\:px-1\.5 {
+    @media (width >= 64rem) {
+      &:has(*[data-slot="combobox-chip"]) {
+        padding-inline: calc(var(--spacing) * 1.5);
+      }
+    }
+  }
+  .lg\:has-data-\[slot\=combobox-chip\]\:px-2 {
+    @media (width >= 64rem) {
+      &:has(*[data-slot="combobox-chip"]) {
+        padding-inline: calc(var(--spacing) * 2);
+      }
+    }
+  }
+  .lg\:has-data-\[slot\=combobox-chip\]\:px-2\.5 {
+    @media (width >= 64rem) {
+      &:has(*[data-slot="combobox-chip"]) {
+        padding-inline: calc(var(--spacing) * 2.5);
+      }
+    }
+  }
   .xl\:-mb-\[9rem\] {
     @media (width >= 80rem) {
       margin-bottom: calc(9rem * -1);

package/dist/time-picker.d.ts

@@ -1,5 +1,5 @@
 import { InputSizeValue } from "./input.js";
-import { t as PickerPlacementProps } from "./picker-j3txxA5t.js";
+import { t as PickerPlacementProps } from "./picker-qxWi9wZ1.js";
 import * as React from "react";
 //#region src/time-picker.d.ts
 interface TimePickerProps extends PickerPlacementProps {

package/dist/toast.js

@@ -137,7 +137,7 @@ function ToastIcon({ type }) {
 	});
 }
 const toastContentClassName = "transition-opacity duration-250 data-behind:pointer-events-none data-behind:opacity-0 data-expanded:pointer-events-auto data-expanded:opacity-100";
-const toastRootBaseClassName = "[--gap:12px] [--peek:12px] [--anchor-x:0px] [--anchor-y:0px] [--scale:calc(max(0,1-(var(--toast-placement-index)*0.04)))] [--shrink:calc(1-var(--scale))] [--height:var(--toast-placement-frontmost-height,var(--toast-height))] absolute z-[calc(1000-var(--toast-placement-index))] h-[var(--height)] min-h-[var(--height)] w-[min(335px,calc(100vw-32px))] overflow-visible rounded-lg border border-line bg-surface-overlay text-fg-primary shadow-[var(--elevation-e2-shadow)] pointer-events-auto select-none [transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(var(--collapsed-y))_scale(var(--scale))] [transition:transform_var(--duration-motion-surface)_var(--ease-gdt-out),opacity_var(--duration-motion-surface)_var(--ease-gdt-out)] motion-reduce:[transition:opacity_var(--duration-motion-surface)_var(--ease-gdt-out)] data-swiping:transition-none after:absolute after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:pointer-events-auto after:content-[''] data-[expanded]:h-[var(--toast-height)] data-[expanded]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(var(--expanded-y))_scale(1)] data-[starting-style]:opacity-0 data-[starting-style]:[transform:translateX(var(--exit-x))_translateY(var(--exit-y))_scale(var(--scale))] data-[ending-style]:opacity-0 data-[limited]:opacity-0 [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateX(var(--exit-x))_translateY(var(--exit-y))_scale(var(--scale))] data-[ending-style]:data-[swipe-direction=up]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)-150%))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)-150%))_scale(1)] data-[ending-style]:data-[swipe-direction=down]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)+150%))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)+150%))_scale(1)] data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)-150%))_translateY(var(--expanded-y))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)-150%))_translateY(var(--expanded-y))_scale(1)] data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)+150%))_translateY(var(--expanded-y))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)+150%))_translateY(var(--expanded-y))_scale(1)]";
+const toastRootBaseClassName = "[--gap:12px] [--peek:12px] [--anchor-x:0px] [--anchor-y:0px] [--scale:calc(max(0,1-(var(--toast-placement-index)*0.04)))] [--shrink:calc(1-var(--scale))] [--height:var(--toast-placement-frontmost-height,var(--toast-height))] absolute z-[calc(1000-var(--toast-placement-index))] h-[var(--height)] min-h-[var(--height)] w-[min(335px,calc(100vw-32px))] overflow-visible rounded-lg border border-line bg-surface-overlay text-fg-primary shadow-[var(--elevation-e2-shadow)] pointer-events-auto select-none [transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(var(--collapsed-y))_scale(var(--scale))] [transition:transform_var(--duration-motion-surface)_var(--ease-gdt-out),opacity_var(--duration-motion-surface)_var(--ease-gdt-out)] motion-reduce:[transition:opacity_var(--duration-motion-surface)_var(--ease-gdt-out)] data-swiping:transition-none after:absolute after:-left-px after:h-[calc(var(--gap)+2px)] after:w-[calc(100%+2px)] after:pointer-events-auto after:content-[''] data-[expanded]:h-[var(--toast-height)] data-[expanded]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(var(--expanded-y))_scale(1)] data-[starting-style]:opacity-0 data-[starting-style]:[transform:translateX(var(--exit-x))_translateY(var(--exit-y))_scale(var(--scale))] data-[ending-style]:opacity-0 data-[limited]:opacity-0 [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateX(var(--exit-x))_translateY(var(--exit-y))_scale(var(--scale))] data-[ending-style]:data-[swipe-direction=up]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)-150%))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)-150%))_scale(1)] data-[ending-style]:data-[swipe-direction=down]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)+150%))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)))_translateY(calc(var(--anchor-y)+var(--toast-swipe-movement-y)+150%))_scale(1)] data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)-150%))_translateY(var(--expanded-y))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)-150%))_translateY(var(--expanded-y))_scale(1)] data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)+150%))_translateY(var(--expanded-y))_scale(var(--scale))] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--anchor-x)+var(--toast-swipe-movement-x,0px)+150%))_translateY(var(--expanded-y))_scale(1)]";
 function getToastPlacement(item, isRtl = false) {
 	const side = item.positionerProps?.side ?? DEFAULT_TOAST_SIDE;
 	const align = item.positionerProps?.align ?? DEFAULT_TOAST_ALIGN;
@@ -159,8 +159,8 @@ function getToastPositionClassName({ side, align }) {
 	return cn(side === "left" && "left-6 origin-left max-sm:left-4", side === "right" && "right-6 origin-right max-sm:right-4", align === "start" && "top-6 max-sm:top-4", align === "center" && "top-1/2 [--anchor-y:-50%]", align === "end" && "bottom-6 max-sm:bottom-4", side === "left" && align === "start" && "origin-top-left", side === "left" && align === "end" && "origin-bottom-left", side === "right" && align === "start" && "origin-top-right", side === "right" && align === "end" && "origin-bottom-right");
 }
 function getToastStackClassName({ side, align }) {
-	if (side === "bottom" || (side === "left" || side === "right") && align === "end") return "after:bottom-full [--expanded-y:calc(var(--anchor-y)+var(--toast-swipe-movement-y)-var(--toast-placement-offset-y)-(var(--toast-placement-index)*var(--gap)))] [--collapsed-y:calc(var(--anchor-y)+var(--toast-swipe-movement-y)-(var(--toast-placement-index)*var(--peek))-(var(--shrink)*var(--height)))]";
-	return "after:top-full [--expanded-y:calc(var(--anchor-y)+var(--toast-placement-offset-y)+(var(--toast-placement-index)*var(--gap))+var(--toast-swipe-movement-y))] [--collapsed-y:calc(var(--anchor-y)+var(--toast-swipe-movement-y)+(var(--toast-placement-index)*var(--peek))+(var(--shrink)*var(--height)))]";
+	if (side === "bottom" || (side === "left" || side === "right") && align === "end") return "after:bottom-[calc(100%-1px)] [--expanded-y:calc(var(--anchor-y)+var(--toast-swipe-movement-y)-var(--toast-placement-offset-y)-(var(--toast-placement-index)*var(--gap)))] [--collapsed-y:calc(var(--anchor-y)+var(--toast-swipe-movement-y)-(var(--toast-placement-index)*var(--peek))-(var(--shrink)*var(--height)))]";
+	return "after:top-[calc(100%-1px)] [--expanded-y:calc(var(--anchor-y)+var(--toast-placement-offset-y)+(var(--toast-placement-index)*var(--gap))+var(--toast-swipe-movement-y))] [--collapsed-y:calc(var(--anchor-y)+var(--toast-swipe-movement-y)+(var(--toast-placement-index)*var(--peek))+(var(--shrink)*var(--height)))]";
 }
 function getToastExitClassName(side) {
 	if (side === "bottom") return "[--exit-x:calc(var(--anchor-x)+24px)] [--exit-y:calc(var(--anchor-y)+150%)]";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giddaa-housing/ui",
-  "version": "3.7.0",
+  "version": "3.9.0",
   "description": "Giddaa reusable UI component library.",
   "type": "module",
   "private": false,