@umami/react-zen 0.198.0 → 0.199.0

package/dist/index.css

@@ -3530,34 +3530,30 @@ body a.Button_button__NGQyO {
   transition: max-height 0.5s ease-out;
 }
 
+/* virtual-css:css:94870e251b7b77526d8ae103079be601 */
+.Heading_heading__MGIyZ {
+  color: var(--heading-color);
+  font-weight: var(--font-weight-bold);
+  line-height: 1.2;
+}
+
 /* virtual-css:css:190b71b0b870ea6c0882d0c839c39b19 */
-.Dialog_dialog__OWY2M {
+.Dialog_dialog__ZjcyZ {
+  padding: var(--spacing-6);
+  box-shadow: var(--box-shadow-4);
+  background: var(--background-color);
+  border: var(--border);
+  border-radius: var(--border-radius);
   position: relative;
   outline: none;
-  max-height: 100vh;
-  max-width: 100vw;
   overflow: auto;
 }
-.Dialog_title__MzNlY {
+.Dialog_title__NTA4M {
   font-size: var(--font-size-5);
   font-weight: 700;
   margin-bottom: var(--spacing-3);
 }
-.Dialog_modal__ZWZjN {
-  padding: var(--spacing-6);
-  box-shadow: var(--box-shadow-4);
-  background: var(--background-color);
-  border: var(--border);
-  border-radius: var(--border-radius);
-}
-.Dialog_menu__NWYyN {
-  padding: var(--spacing-2);
-  box-shadow: var(--box-shadow-3);
-  background: var(--background-color);
-  border: var(--border);
-  border-radius: var(--border-radius);
-}
-.Dialog_sheet__MmJjY {
+.Dialog_sheet__Y2IyZ {
   background: var(--background-color);
   width: 100%;
   height: 100%;
@@ -4161,13 +4157,6 @@ body a.Button_button__NGQyO {
   transform: translate(-50%, calc(-100% - 10px));
 }
 
-/* virtual-css:css:94870e251b7b77526d8ae103079be601 */
-.Heading_heading__MGIyZ {
-  color: var(--heading-color);
-  font-weight: var(--font-weight-bold);
-  line-height: 1.2;
-}
-
 /* virtual-css:css:d6c8f45fae43d995517dd77d33fd2f76 */
 .HoverTrigger_wrapper__NGFlN {
   transform: translateY(-10px);
@@ -4315,7 +4304,7 @@ body a.Button_button__NGQyO {
 }
 
 /* virtual-css:css:593a0302ed618f22d0e6c3631ec684d2 */
-.Modal_overlay__MzBhO {
+.Modal_overlay__MDExM {
   position: fixed;
   top: 0;
   left: 0;
@@ -4328,17 +4317,17 @@ body a.Button_button__NGQyO {
   --modal-offset: 50%;
   z-index: 9999;
 }
-.Modal_overlay__MzBhO[data-entering] {
-  animation: Modal_modal-fade-in__OTcxN 200ms;
+.Modal_overlay__MDExM[data-entering] {
+  animation: Modal_modal-fade-in__ZDY2M 200ms;
 }
-.Modal_overlay__MzBhO[data-exiting] {
-  animation: Modal_modal-fade-in__OTcxN 200ms reverse ease-in;
+.Modal_overlay__MDExM[data-exiting] {
+  animation: Modal_modal-fade-in__ZDY2M 200ms reverse ease-in;
 }
-.Modal_modal__YTU3M {
+.Modal_modal__YTc0N {
   position: relative;
   z-index: 9999;
 }
-.Modal_modal__YTU3M.Modal_left__ZDU0O {
+.Modal_modal__YTc0N.Modal_left__MTJkM {
   position: absolute;
   top: 0;
   left: 0;
@@ -4346,7 +4335,7 @@ body a.Button_button__NGQyO {
   margin: auto;
   width: calc(100dvw - var(--modal-offset, 0));
 }
-.Modal_modal__YTU3M.Modal_right__MGFhO {
+.Modal_modal__YTc0N.Modal_right__MTgyY {
   position: absolute;
   top: 0;
   right: 0;
@@ -4354,7 +4343,7 @@ body a.Button_button__NGQyO {
   margin: auto;
   width: calc(100dvw - var(--modal-offset, 0));
 }
-.Modal_modal__YTU3M.Modal_top__OTY4M {
+.Modal_modal__YTc0N.Modal_top__ZjhhZ {
   position: absolute;
   top: 0;
   left: 0;
@@ -4362,7 +4351,7 @@ body a.Button_button__NGQyO {
   margin: auto;
   height: calc(100dvh - var(--modal-offset, 0));
 }
-.Modal_modal__YTU3M.Modal_bottom__NjY4N {
+.Modal_modal__YTc0N.Modal_bottom__NWMzZ {
   position: absolute;
   left: 0;
   right: 0;
@@ -4370,41 +4359,42 @@ body a.Button_button__NGQyO {
   margin: auto;
   height: calc(100dvh - var(--modal-offset, 0));
 }
-.Modal_modal__YTU3M.Modal_fullscreen__YTNkZ {
+.Modal_modal__YTc0N.Modal_fullscreen__MzNlO {
   width: 100dvw;
   height: 100dvh;
+  border-radius: 0;
 }
-.Modal_modal__YTU3M.Modal_center__ZTViM[data-entering] {
-  animation: Modal_modal-zoom__MjY4Y 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
+.Modal_modal__YTc0N.Modal_center__YzA4O[data-entering] {
+  animation: Modal_modal-zoom__YjI0Z 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }
-.Modal_modal__YTU3M.Modal_left__ZDU0O[data-entering] {
-  animation: Modal_modal-left__YTc0N 200ms ease-out;
+.Modal_modal__YTc0N.Modal_left__MTJkM[data-entering] {
+  animation: Modal_modal-left__YzdjM 200ms ease-out;
 }
-.Modal_modal__YTU3M.Modal_left__ZDU0O[data-exiting] {
-  animation: Modal_modal-left__YTc0N 200ms reverse ease-out;
+.Modal_modal__YTc0N.Modal_left__MTJkM[data-exiting] {
+  animation: Modal_modal-left__YzdjM 200ms reverse ease-out;
 }
-.Modal_modal__YTU3M.Modal_right__MGFhO[data-entering] {
-  animation: Modal_modal-right__MWY0Z 200ms ease-out;
+.Modal_modal__YTc0N.Modal_right__MTgyY[data-entering] {
+  animation: Modal_modal-right__MjdlN 200ms ease-out;
 }
-.Modal_modal__YTU3M.Modal_right__MGFhO[data-exiting] {
-  animation: Modal_modal-right__MWY0Z 200ms reverse ease-in;
+.Modal_modal__YTc0N.Modal_right__MTgyY[data-exiting] {
+  animation: Modal_modal-right__MjdlN 200ms reverse ease-in;
 }
-.Modal_modal__YTU3M.Modal_top__OTY4M[data-entering] {
-  animation: Modal_modal-top__OTQ2M 200ms ease-out;
+.Modal_modal__YTc0N.Modal_top__ZjhhZ[data-entering] {
+  animation: Modal_modal-top__ZTg5M 200ms ease-out;
 }
-.Modal_modal__YTU3M.Modal_top__OTY4M[data-exiting] {
-  animation: Modal_modal-top__OTQ2M 200ms reverse ease-in;
+.Modal_modal__YTc0N.Modal_top__ZjhhZ[data-exiting] {
+  animation: Modal_modal-top__ZTg5M 200ms reverse ease-in;
 }
-.Modal_modal__YTU3M.Modal_bottom__NjY4N[data-entering] {
-  animation: Modal_modal-bottom__NDlkZ 200ms ease-out;
+.Modal_modal__YTc0N.Modal_bottom__NWMzZ[data-entering] {
+  animation: Modal_modal-bottom__YjQ3N 200ms ease-out;
 }
-.Modal_modal__YTU3M.Modal_bottom__NjY4N[data-exiting] {
-  animation: Modal_modal-bottom__NDlkZ 200ms reverse ease-in;
+.Modal_modal__YTc0N.Modal_bottom__NWMzZ[data-exiting] {
+  animation: Modal_modal-bottom__YjQ3N 200ms reverse ease-in;
 }
-.Modal_modal__YTU3M.Modal_fullscreen__YTNkZ[data-entering] {
-  animation: Modal_modal-fade-in__OTcxN 200ms ease-out;
+.Modal_modal__YTc0N.Modal_fullscreen__MzNlO[data-entering] {
+  animation: Modal_modal-fade-in__ZDY2M 200ms ease-out;
 }
-@keyframes Modal_modal-fade-in__OTcxN {
+@keyframes Modal_modal-fade-in__ZDY2M {
   from {
     opacity: 0;
   }
@@ -4412,7 +4402,7 @@ body a.Button_button__NGQyO {
     opacity: 1;
   }
 }
-@keyframes Modal_modal-zoom__MjY4Y {
+@keyframes Modal_modal-zoom__YjI0Z {
   from {
     transform: scale(0.8);
   }
@@ -4420,7 +4410,7 @@ body a.Button_button__NGQyO {
     transform: scale(1);
   }
 }
-@keyframes Modal_modal-left__YTc0N {
+@keyframes Modal_modal-left__YzdjM {
   from {
     transform: translateX(-100%);
   }
@@ -4428,7 +4418,7 @@ body a.Button_button__NGQyO {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-right__MWY0Z {
+@keyframes Modal_modal-right__MjdlN {
   from {
     transform: translateX(100%);
   }
@@ -4436,7 +4426,7 @@ body a.Button_button__NGQyO {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-top__OTQ2M {
+@keyframes Modal_modal-top__ZTg5M {
   from {
     transform: translateY(-100%);
   }
@@ -4444,7 +4434,7 @@ body a.Button_button__NGQyO {
     transform: translateX(0);
   }
 }
-@keyframes Modal_modal-bottom__NDlkZ {
+@keyframes Modal_modal-bottom__YjQ3N {
   from {
     transform: translateY(100%);
   }

package/dist/index.d.mts

@@ -285,7 +285,7 @@ declare function AlertBanner({ title, description, icon, variant, align, allowCl
 
 interface DialogProps extends DialogProps$1 {
     title?: ReactNode;
-    variant?: 'modal' | 'menu' | 'sheet' | 'none';
+    variant?: 'sheet';
 }
 declare function Dialog({ title, variant, children, className, ...props }: DialogProps): react.JSX.Element;
 
@@ -556,13 +556,13 @@ interface SubmenuTriggerProps extends SubmenuTriggerProps$1 {
 declare function SubMenuTrigger({ children, ...props }: SubmenuTriggerProps): react.JSX.Element;
 
 interface ModalProps extends ModalOverlayProps {
-    position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
+    placement?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
     offset?: string;
     children?: ReactNode | ((values: ModalRenderProps & {
         defaultChildren: ReactNode;
     }) => ReactNode);
 }
-declare function Modal({ position, offset, children, className, style, ...props }: ModalProps): react.JSX.Element;
+declare function Modal({ placement, offset, children, className, style, ...props }: ModalProps): react.JSX.Element;
 
 type NavigationContext = {
     activeMenu: string;

package/dist/index.d.ts

@@ -285,7 +285,7 @@ declare function AlertBanner({ title, description, icon, variant, align, allowCl
 
 interface DialogProps extends DialogProps$1 {
     title?: ReactNode;
-    variant?: 'modal' | 'menu' | 'sheet' | 'none';
+    variant?: 'sheet';
 }
 declare function Dialog({ title, variant, children, className, ...props }: DialogProps): react.JSX.Element;
 
@@ -556,13 +556,13 @@ interface SubmenuTriggerProps extends SubmenuTriggerProps$1 {
 declare function SubMenuTrigger({ children, ...props }: SubmenuTriggerProps): react.JSX.Element;
 
 interface ModalProps extends ModalOverlayProps {
-    position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
+    placement?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
     offset?: string;
     children?: ReactNode | ((values: ModalRenderProps & {
         defaultChildren: ReactNode;
     }) => ReactNode);
 }
-declare function Modal({ position, offset, children, className, style, ...props }: ModalProps): react.JSX.Element;
+declare function Modal({ placement, offset, children, className, style, ...props }: ModalProps): react.JSX.Element;
 
 type NavigationContext = {
     activeMenu: string;