@giddaa-housing/ui 3.6.0 → 3.8.0

package/dist/styles.css

@@ -367,6 +367,9 @@
   .sticky {
     position: sticky;
   }
+  .\[inset\:calc\(var\(--sonar-spread\,0\.625rem\)\*-1\)\] {
+    inset: calc(var(--sonar-spread,0.625rem) * -1);
+  }
   .inset-0 {
     inset: 0;
   }
@@ -621,6 +624,9 @@
       padding-inline: 40px;
     }
   }
+  .-mx-4 {
+    margin-inline: calc(var(--spacing) * -4);
+  }
   .mx-0 {
     margin-inline: 0;
   }
@@ -1159,6 +1165,9 @@
   .w-1 {
     width: var(--spacing);
   }
+  .w-1\/2 {
+    width: calc(1 / 2 * 100%);
+  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -1330,6 +1339,9 @@
   .max-w-140 {
     max-width: calc(var(--spacing) * 140);
   }
+  .max-w-\[24\.375rem\] {
+    max-width: 24.375rem;
+  }
   .max-w-\[28\.75rem\] {
     max-width: 28.75rem;
   }
@@ -2223,12 +2235,6 @@
       background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
     }
   }
-  .bg-black\/25 {
-    background-color: color-mix(in srgb, #000 25%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
-    }
-  }
   .bg-black\/40 {
     background-color: color-mix(in srgb, #000 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2274,12 +2280,6 @@
   .bg-canvas {
     background-color: var(--color-canvas);
   }
-  .bg-canvas\/85 {
-    background-color: color-mix(in srgb, #ffffff 85%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-canvas) 85%, transparent);
-    }
-  }
   .bg-current {
     background-color: currentcolor;
   }
@@ -2388,6 +2388,9 @@
   .bg-\[linear-gradient\(180deg\,var\(--color-surface-brand\)_0\%\,var\(--color-moss-600\)_100\%\)\] {
     background-image: linear-gradient(180deg,var(--color-surface-brand) 0%,var(--color-moss-600) 100%);
   }
+  .\[mask-image\:linear-gradient\(\#000\,\#000\)\,linear-gradient\(\#000\,\#000\)\] {
+    mask-image: linear-gradient(#000,#000),linear-gradient(#000,#000);
+  }
   .\[background-size\:24px_24px\] {
     background-size: 24px 24px;
   }
@@ -2397,6 +2400,12 @@
   .\[background-position\:0_0\] {
     background-position: 0 0;
   }
+  .\[mask-composite\:exclude\] {
+    mask-composite: exclude;
+  }
+  .\[mask-clip\:border-box\,padding-box\] {
+    mask-clip: border-box,padding-box;
+  }
   .fill-fg-primary {
     fill: var(--color-fg-primary);
   }
@@ -3053,6 +3062,10 @@
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
+  .antialiased {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
   .caret-fg-primary {
     caret-color: var(--color-fg-primary);
   }
@@ -3100,6 +3113,10 @@
     --tw-shadow: var(--shadow-3);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[0_0_0_var\(--sonar-spread\,0\.625rem\)_currentColor\] {
+    --tw-shadow: 0 0 0 var(--sonar-spread,0.625rem) var(--tw-shadow-color, currentColor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[0_0_4px_rgb\(0_0_0\/0\.1\)\] {
     --tw-shadow: 0 0 4px var(--tw-shadow-color, rgb(0 0 0/0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3609,8 +3626,8 @@
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
   }
-  .will-change-\[box-shadow\,opacity\] {
-    will-change: box-shadow,opacity;
+  .will-change-\[transform\,opacity\] {
+    will-change: transform,opacity;
   }
   .animate-in {
     animation-name: enter;
@@ -3788,6 +3805,9 @@
   .\[--sonar-spread\:0\.875rem\] {
     --sonar-spread: 0.875rem;
   }
+  .\[--sonar-spread\:…\] {
+    --sonar-spread: …;
+  }
   .\[--switch-spinner-size\:0\.75rem\] {
     --switch-spinner-size: 0.75rem;
   }
@@ -3818,6 +3838,9 @@
   .\[backface-visibility\:hidden\] {
     backface-visibility: hidden;
   }
+  .\[border\:var\(--sonar-spread\,0\.625rem\)_solid_transparent\] {
+    border: var(--sonar-spread,0.625rem) solid transparent;
+  }
   .\[overflow-anchor\:none\] {
     overflow-anchor: none;
   }
@@ -4096,6 +4119,22 @@
       display: none;
     }
   }
+  .group-has-\[\.is-nested-dialog\]\/dialog-portal\:bg-black\/25 {
+    &:is(:where(.group\/dialog-portal):has(*:is(.is-nested-dialog)) *) {
+      background-color: color-mix(in srgb, #000 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
+      }
+    }
+  }
+  .group-has-\[\.is-nested-dialog\]\/sheet-portal\:bg-black\/25 {
+    &:is(:where(.group\/sheet-portal):has(*:is(.is-nested-dialog)) *) {
+      background-color: color-mix(in srgb, #000 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
+      }
+    }
+  }
   .group-has-\[\:focus-visible\]\/seek-thumb\:\[filter\:drop-shadow\(0_0_0\.25rem_var\(--color-line-focus\)\)\] {
     &:is(:where(.group\/seek-thumb):has(*:is(:focus-visible)) *) {
       filter: drop-shadow(0 0 0.25rem var(--color-line-focus));
@@ -4111,6 +4150,22 @@
       grid-row-start: 2;
     }
   }
+  .group-has-\[\>\.is-nested-dialog\]\/dialog-portal\:bg-black\/25 {
+    &:is(:where(.group\/dialog-portal):has(>.is-nested-dialog) *) {
+      background-color: color-mix(in srgb, #000 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
+      }
+    }
+  }
+  .group-has-\[\>\.is-nested-dialog\]\/sheet-portal\:bg-black\/25 {
+    &:is(:where(.group\/sheet-portal):has(>.is-nested-dialog) *) {
+      background-color: color-mix(in srgb, #000 25%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
+      }
+    }
+  }
   .group-has-\[\>input\]\/input-group\:pt-2 {
     &:is(:where(.group\/input-group):has(>input) *) {
       padding-top: calc(var(--spacing) * 2);
@@ -6186,10 +6241,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 {
@@ -6198,10 +6253,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 {
@@ -6216,10 +6277,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 {
@@ -6234,10 +6295,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 {
@@ -7277,6 +7338,28 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .has-\[\:focus-visible\]\:ring-2 {
+    &:has(*:is(:focus-visible)) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .has-\[\:focus-visible\]\:ring-line-focus {
+    &:has(*:is(:focus-visible)) {
+      --tw-ring-color: var(--color-line-focus);
+    }
+  }
+  .has-\[\:focus-visible\]\:ring-offset-2 {
+    &:has(*:is(:focus-visible)) {
+      --tw-ring-offset-width: 2px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
+  .has-\[\:focus-visible\]\:ring-offset-canvas {
+    &:has(*:is(:focus-visible)) {
+      --tw-ring-offset-color: var(--color-canvas);
+    }
+  }
   .has-\[\[data-slot\=card-action\]\:active\]\:border-line-focus {
     &:has(*:is([data-slot=card-action]:active)) {
       border-color: var(--color-line-focus);
@@ -9693,6 +9776,24 @@
       backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     }
   }
+  .supports-backdrop-filter\:group-has-\[\>\.is-nested-dialog\]\/dialog-portal\:backdrop-blur-none {
+    @supports (backdrop-filter: var(--tw)) {
+      &:is(:where(.group\/dialog-portal):has(>.is-nested-dialog) *) {
+        --tw-backdrop-blur:  ;
+        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+      }
+    }
+  }
+  .supports-backdrop-filter\:group-has-\[\>\.is-nested-dialog\]\/sheet-portal\:backdrop-blur-none {
+    @supports (backdrop-filter: var(--tw)) {
+      &:is(:where(.group\/sheet-portal):has(>.is-nested-dialog) *) {
+        --tw-backdrop-blur:  ;
+        -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+        backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+      }
+    }
+  }
   .supports-backdrop-filter\:hover\:bg-black\/55 {
     @supports (backdrop-filter: var(--tw)) {
       &:hover {
@@ -10665,16 +10766,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);
@@ -10890,6 +11006,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);
@@ -10955,6 +11076,11 @@
       padding-inline: calc(var(--spacing) * 5.5);
     }
   }
+  .md\:px-6 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+  }
   .md\:px-6\.5 {
     @media (width >= 48rem) {
       padding-inline: calc(var(--spacing) * 6.5);
@@ -11417,16 +11543,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);
@@ -11532,6 +11673,11 @@
       flex-direction: column;
     }
   }
+  .lg\:gap-0\.5 {
+    @media (width >= 64rem) {
+      gap: calc(var(--spacing) * 0.5);
+    }
+  }
   .lg\:gap-1 {
     @media (width >= 64rem) {
       gap: var(--spacing);
@@ -11582,6 +11728,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);
@@ -11648,6 +11799,11 @@
       padding-inline: calc(var(--spacing) * 5.5);
     }
   }
+  .lg\:px-6 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+  }
   .lg\:px-6\.5 {
     @media (width >= 64rem) {
       padding-inline: calc(var(--spacing) * 6.5);
@@ -13718,12 +13874,6 @@
       }
     }
   }
-  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
-    &>svg:not([class*='size-']) {
-      width: calc(var(--spacing) * 3.5);
-      height: calc(var(--spacing) * 3.5);
-    }
-  }
   .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
     &>svg:not([class*='size-']) {
       width: calc(var(--spacing) * 4);
@@ -13918,11 +14068,11 @@
 }
 @keyframes sonar-wave {
   from {
-    box-shadow: 0 0 0 0 currentColor;
+    transform: scale(var(--sonar-scale-x, 0.5), var(--sonar-scale-y, 0.5));
     opacity: 0.55;
   }
   to {
-    box-shadow: 0 0 0 var(--sonar-spread, 0.625rem) currentColor;
+    transform: scale(1, 1);
     opacity: 0;
   }
 }

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/dist/video-player-dialog.js

@@ -80,7 +80,7 @@ function VideoPlayerDialogContent({ size = "md", theme = "light", showCloseButto
 function VideoPlayerDialogMedia({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "video-player-dialog-media",
-		className: cn("relative isolate aspect-video w-full overflow-hidden rounded-t-[inherit] bg-[#11160f]", "[&>[data-slot=media-player]]:size-full [&>[data-slot=media-player]]:rounded-none [&>[data-slot=media-player]]:shadow-none", className),
+		className: cn("relative isolate aspect-video w-full overflow-hidden rounded-t-[inherit] bg-[#11160f] [transform:translateZ(0)]", "[&>[data-slot=media-player]]:size-full [&>[data-slot=media-player]]:rounded-none [&>[data-slot=media-player]]:shadow-none", className),
 		...props
 	});
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@giddaa-housing/ui",
-  "version": "3.6.0",
+  "version": "3.8.0",
   "description": "Giddaa reusable UI component library.",
   "type": "module",
   "private": false,
@@ -313,6 +313,10 @@
       "types": "./dist/radio-group.d.ts",
       "import": "./dist/radio-group.js"
     },
+    "./rating": {
+      "types": "./dist/rating.d.ts",
+      "import": "./dist/rating.js"
+    },
     "./review-block": {
       "types": "./dist/review-block.d.ts",
       "import": "./dist/review-block.js"

package/dist/dialog-nesting.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from "react";
-//#region src/dialog-nesting.d.ts
-declare function DialogNestingProvider({ children }: {
-  children: ReactNode;
-}): import("react").JSX.Element;
-/** Depth of the current dialog (1 = top-level, 2+ = nested). */
-declare function useDialogNestingDepth(): number;
-//#endregion
-export { DialogNestingProvider, useDialogNestingDepth };

package/dist/dialog-nesting.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-//#region src/dialog-nesting.tsx
-/**
-* Tracks how deep a Dialog/Sheet is nested. Sheet and Dialog share the same
-* Base UI primitive, so they share this one context too — a Dialog opened
-* inside a Sheet (or vice-versa) counts as nested.
-*
-* Depth is 0 outside any dialog, 1 for a top-level dialog, 2+ for nested ones.
-* Overlays use `depth > 1` to render lighter (so the parent shows through),
-* while the base overlay keeps the full page-hiding dim.
-*/
-const DialogNestingContext = createContext(0);
-function DialogNestingProvider({ children }) {
-	const depth = useContext(DialogNestingContext);
-	return /* @__PURE__ */ jsx(DialogNestingContext.Provider, {
-		value: depth + 1,
-		children
-	});
-}
-/** Depth of the current dialog (1 = top-level, 2+ = nested). */
-function useDialogNestingDepth() {
-	return useContext(DialogNestingContext);
-}
-//#endregion
-export { DialogNestingProvider, useDialogNestingDepth };