@mantine/core 7.6.0 → 7.6.1

package/styles/Modal.layer.css

@@ -0,0 +1,57 @@
+@layer mantine {.m-9df02822 {
+  --modal-size-xs: calc(20rem * var(--mantine-scale));
+  --modal-size-sm: calc(23.75rem * var(--mantine-scale));
+  --modal-size-md: calc(27.5rem * var(--mantine-scale));
+  --modal-size-lg: calc(38.75rem * var(--mantine-scale));
+  --modal-size-xl: calc(48.75rem * var(--mantine-scale));
+  --modal-size: var(--modal-size-md);
+
+  --modal-y-offset: 5dvh;
+  --modal-x-offset: 5vw;
+}
+
+  .m-9df02822[data-full-screen] {
+    --modal-border-radius: 0 !important;
+  }
+
+  .m-9df02822[data-full-screen] .m-54c44539 {
+      --modal-content-flex: 0 0 100%;
+      --modal-content-max-height: auto;
+      --modal-content-height: 100dvh;
+    }
+
+  .m-9df02822[data-full-screen] .m-1f958f16 {
+      --modal-inner-y-offset: 0;
+      --modal-inner-x-offset: 0;
+    }
+
+  .m-9df02822[data-centered] .m-1f958f16 {
+      --modal-inner-align: center;
+    }
+
+.m-d0e2b9cd {
+  border-start-start-radius: var(--modal-radius, var(--mantine-radius-default));
+  border-start-end-radius: var(--modal-radius, var(--mantine-radius-default));
+}
+
+.m-54c44539 {
+  flex: var(--modal-content-flex, 0 0 var(--modal-size));
+  max-width: 100%;
+  max-height: var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2));
+  height: var(--modal-content-height, auto);
+  overflow-y: auto;
+}
+
+.m-54c44539[data-full-screen] {
+    border-radius: 0;
+  }
+
+.m-1f958f16 {
+  display: flex;
+  justify-content: center;
+  align-items: var(--modal-inner-align, flex-start);
+  padding-top: var(--modal-inner-y-offset, var(--modal-y-offset));
+  padding-bottom: var(--modal-inner-y-offset, var(--modal-y-offset));
+  padding-inline: var(--modal-inner-x-offset, var(--modal-x-offset));
+}
+}

package/styles/ModalBase.css

@@ -1 +1,47 @@
-.m-615af6c9{font-size:var(--mantine-font-size-md);font-weight:400;line-height:1;margin:0;padding:0}.m-b5489c3c{align-items:center;background-color:var(--mantine-color-body);display:flex;justify-content:space-between;min-height:calc(3.75rem*var(--mantine-scale));padding:var(--mb-padding,var(--mantine-spacing-md));padding-inline-end:calc(var(--mb-padding, var(--mantine-spacing-md)) - .3125rem*var(--mantine-scale));position:sticky;top:0;z-index:1000}.m-60c222c7{bottom:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--mb-z-index)}.m-fd1ab0aa{box-shadow:var(--mb-shadow,var(--mantine-shadow-xl));pointer-events:all}.m-606cb269{margin-inline-start:auto}.m-5df29311{padding:var(--mb-padding,var(--mantine-spacing-md));padding-top:var(--mb-padding,var(--mantine-spacing-md))}.m-5df29311:where(:not(:only-child)){padding-top:0}
+.m-615af6c9 {
+  line-height: 1;
+  padding: 0;
+  margin: 0;
+  font-weight: 400;
+  font-size: var(--mantine-font-size-md);
+}
+
+.m-b5489c3c {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--mb-padding, var(--mantine-spacing-md));
+  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
+  position: sticky;
+  top: 0;
+  background-color: var(--mantine-color-body);
+  z-index: 1000;
+  min-height: calc(3.75rem * var(--mantine-scale));
+}
+
+.m-60c222c7 {
+  position: fixed;
+  width: 100%;
+  top: 0;
+  bottom: 0;
+  z-index: var(--mb-z-index);
+  pointer-events: none;
+}
+
+.m-fd1ab0aa {
+  pointer-events: all;
+  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
+}
+
+.m-606cb269 {
+  margin-inline-start: auto;
+}
+
+.m-5df29311 {
+  padding: var(--mb-padding, var(--mantine-spacing-md));
+  padding-top: var(--mb-padding, var(--mantine-spacing-md));
+}
+
+.m-5df29311:where(:not(:only-child)) {
+    padding-top: 0;
+  }

package/styles/ModalBase.layer.css

@@ -1 +1,48 @@
-@layer mantine {.m-615af6c9{font-size:var(--mantine-font-size-md);font-weight:400;line-height:1;margin:0;padding:0}.m-b5489c3c{align-items:center;background-color:var(--mantine-color-body);display:flex;justify-content:space-between;min-height:calc(3.75rem*var(--mantine-scale));padding:var(--mb-padding,var(--mantine-spacing-md));padding-inline-end:calc(var(--mb-padding, var(--mantine-spacing-md)) - .3125rem*var(--mantine-scale));position:sticky;top:0;z-index:1000}.m-60c222c7{bottom:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--mb-z-index)}.m-fd1ab0aa{box-shadow:var(--mb-shadow,var(--mantine-shadow-xl));pointer-events:all}.m-606cb269{margin-inline-start:auto}.m-5df29311{padding:var(--mb-padding,var(--mantine-spacing-md));padding-top:var(--mb-padding,var(--mantine-spacing-md))}.m-5df29311:where(:not(:only-child)){padding-top:0}}
+@layer mantine {.m-615af6c9 {
+  line-height: 1;
+  padding: 0;
+  margin: 0;
+  font-weight: 400;
+  font-size: var(--mantine-font-size-md);
+}
+
+.m-b5489c3c {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--mb-padding, var(--mantine-spacing-md));
+  padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
+  position: sticky;
+  top: 0;
+  background-color: var(--mantine-color-body);
+  z-index: 1000;
+  min-height: calc(3.75rem * var(--mantine-scale));
+}
+
+.m-60c222c7 {
+  position: fixed;
+  width: 100%;
+  top: 0;
+  bottom: 0;
+  z-index: var(--mb-z-index);
+  pointer-events: none;
+}
+
+.m-fd1ab0aa {
+  pointer-events: all;
+  box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
+}
+
+.m-606cb269 {
+  margin-inline-start: auto;
+}
+
+.m-5df29311 {
+  padding: var(--mb-padding, var(--mantine-spacing-md));
+  padding-top: var(--mb-padding, var(--mantine-spacing-md));
+}
+
+.m-5df29311:where(:not(:only-child)) {
+    padding-top: 0;
+  }
+}

package/styles/NavLink.css

@@ -1 +1,118 @@
-.m-f0824112{--nl-bg:var(--mantine-primary-color-light);--nl-hover:var(--mantine-primary-color-light-hover);--nl-color:var(--mantine-primary-color-light-color);align-items:center;display:flex;padding:calc(.5rem*var(--mantine-scale)) var(--mantine-spacing-sm);user-select:none;width:100%}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m-f0824112:hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-f0824112:hover{background-color:var(--mantine-color-dark-6)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m-f0824112:active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-f0824112:active{background-color:var(--mantine-color-dark-6)}}.m-f0824112:where([data-disabled]){opacity:.4;pointer-events:none}.m-f0824112:where([data-active]){background-color:var(--nl-bg);color:var(--nl-color)}@media (hover:hover){.m-f0824112:where([data-active]):hover{background-color:var(--nl-hover)}}@media (hover:none){.m-f0824112:where([data-active]):active{background-color:var(--nl-hover)}}.m-f0824112:where([data-active]) .m-57492dcc{--description-opacity:0.9;--description-color:var(--nl-color)}.m-690090b5{align-items:center;display:flex;justify-content:center;transition:transform .15s ease}.m-690090b5>svg{display:block}.m-690090b5:where([data-position=left]){margin-inline-end:var(--mantine-spacing-sm)}.m-690090b5:where([data-position=right]){margin-inline-start:var(--mantine-spacing-sm)}.m-690090b5:where([data-rotate]){transform:rotate(90deg)}.m-1f6ac4c4{font-size:var(--mantine-font-size-sm)}.m-f07af9d2{flex:1;overflow:hidden;text-overflow:ellipsis}.m-f07af9d2:where([data-no-wrap]){white-space:nowrap}.m-57492dcc{color:var(--description-color,var(--mantine-color-dimmed));display:block;font-size:var(--mantine-font-size-xs);opacity:var(--description-opacity,1);overflow:hidden;text-overflow:ellipsis}:where([data-no-wrap]) .m-57492dcc{white-space:nowrap}.m-e17b862f{padding-inline-start:var(--nl-offset,var(--mantine-spacing-lg))}.m-1fd8a00b{transform:rotate(-90deg)}
+.m-f0824112 {
+  --nl-bg: var(--mantine-primary-color-light);
+  --nl-hover: var(--mantine-primary-color-light-hover);
+  --nl-color: var(--mantine-primary-color-light-color);
+
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: calc(0.5rem * var(--mantine-scale)) var(--mantine-spacing-sm);
+  user-select: none;
+}
+
+  @media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m-f0824112:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m-f0824112:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+  @media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m-f0824112:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m-f0824112:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+  .m-f0824112:where([data-disabled]) {
+    opacity: 0.4;
+    pointer-events: none;
+  }
+
+  .m-f0824112:where([data-active]) {
+    background-color: var(--nl-bg);
+    color: var(--nl-color);
+  }
+
+  @media (hover: hover) {
+
+  .m-f0824112:where([data-active]):hover {
+      background-color: var(--nl-hover);
+  }
+}
+
+  @media (hover: none) {
+
+  .m-f0824112:where([data-active]):active {
+      background-color: var(--nl-hover);
+  }
+}
+
+  .m-f0824112:where([data-active]) .m-57492dcc {
+      --description-opacity: 0.9;
+      --description-color: var(--nl-color);
+    }
+
+.m-690090b5 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 150ms ease;
+}
+
+.m-690090b5 > svg {
+    display: block;
+  }
+
+.m-690090b5:where([data-position='left']) {
+    margin-inline-end: var(--mantine-spacing-sm);
+  }
+
+.m-690090b5:where([data-position='right']) {
+    margin-inline-start: var(--mantine-spacing-sm);
+  }
+
+.m-690090b5:where([data-rotate]) {
+    transform: rotate(90deg);
+  }
+
+.m-1f6ac4c4 {
+  font-size: var(--mantine-font-size-sm);
+}
+
+.m-f07af9d2 {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.m-f07af9d2:where([data-no-wrap]) {
+    white-space: nowrap;
+  }
+
+.m-57492dcc {
+  display: block;
+  font-size: var(--mantine-font-size-xs);
+  opacity: var(--description-opacity, 1);
+  color: var(--description-color, var(--mantine-color-dimmed));
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:where([data-no-wrap]) .m-57492dcc {
+    white-space: nowrap;
+  }
+
+.m-e17b862f {
+  padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg));
+}
+
+.m-1fd8a00b {
+  transform: rotate(-90deg);
+}

package/styles/NavLink.layer.css

@@ -1 +1,119 @@
-@layer mantine {.m-f0824112{--nl-bg:var(--mantine-primary-color-light);--nl-hover:var(--mantine-primary-color-light-hover);--nl-color:var(--mantine-primary-color-light-color);align-items:center;display:flex;padding:calc(.5rem*var(--mantine-scale)) var(--mantine-spacing-sm);user-select:none;width:100%}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m-f0824112:hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-f0824112:hover{background-color:var(--mantine-color-dark-6)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m-f0824112:active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-f0824112:active{background-color:var(--mantine-color-dark-6)}}.m-f0824112:where([data-disabled]){opacity:.4;pointer-events:none}.m-f0824112:where([data-active]){background-color:var(--nl-bg);color:var(--nl-color)}@media (hover:hover){.m-f0824112:where([data-active]):hover{background-color:var(--nl-hover)}}@media (hover:none){.m-f0824112:where([data-active]):active{background-color:var(--nl-hover)}}.m-f0824112:where([data-active]) .m-57492dcc{--description-opacity:0.9;--description-color:var(--nl-color)}.m-690090b5{align-items:center;display:flex;justify-content:center;transition:transform .15s ease}.m-690090b5>svg{display:block}.m-690090b5:where([data-position=left]){margin-inline-end:var(--mantine-spacing-sm)}.m-690090b5:where([data-position=right]){margin-inline-start:var(--mantine-spacing-sm)}.m-690090b5:where([data-rotate]){transform:rotate(90deg)}.m-1f6ac4c4{font-size:var(--mantine-font-size-sm)}.m-f07af9d2{flex:1;overflow:hidden;text-overflow:ellipsis}.m-f07af9d2:where([data-no-wrap]){white-space:nowrap}.m-57492dcc{color:var(--description-color,var(--mantine-color-dimmed));display:block;font-size:var(--mantine-font-size-xs);opacity:var(--description-opacity,1);overflow:hidden;text-overflow:ellipsis}:where([data-no-wrap]) .m-57492dcc{white-space:nowrap}.m-e17b862f{padding-inline-start:var(--nl-offset,var(--mantine-spacing-lg))}.m-1fd8a00b{transform:rotate(-90deg)}}
+@layer mantine {.m-f0824112 {
+  --nl-bg: var(--mantine-primary-color-light);
+  --nl-hover: var(--mantine-primary-color-light-hover);
+  --nl-color: var(--mantine-primary-color-light-color);
+
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: calc(0.5rem * var(--mantine-scale)) var(--mantine-spacing-sm);
+  user-select: none;
+}
+
+  @media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m-f0824112:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m-f0824112:hover {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+  @media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m-f0824112:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m-f0824112:active {
+      background-color: var(--mantine-color-dark-6);
+  }
+}
+
+  .m-f0824112:where([data-disabled]) {
+    opacity: 0.4;
+    pointer-events: none;
+  }
+
+  .m-f0824112:where([data-active]) {
+    background-color: var(--nl-bg);
+    color: var(--nl-color);
+  }
+
+  @media (hover: hover) {
+
+  .m-f0824112:where([data-active]):hover {
+      background-color: var(--nl-hover);
+  }
+}
+
+  @media (hover: none) {
+
+  .m-f0824112:where([data-active]):active {
+      background-color: var(--nl-hover);
+  }
+}
+
+  .m-f0824112:where([data-active]) .m-57492dcc {
+      --description-opacity: 0.9;
+      --description-color: var(--nl-color);
+    }
+
+.m-690090b5 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 150ms ease;
+}
+
+.m-690090b5 > svg {
+    display: block;
+  }
+
+.m-690090b5:where([data-position='left']) {
+    margin-inline-end: var(--mantine-spacing-sm);
+  }
+
+.m-690090b5:where([data-position='right']) {
+    margin-inline-start: var(--mantine-spacing-sm);
+  }
+
+.m-690090b5:where([data-rotate]) {
+    transform: rotate(90deg);
+  }
+
+.m-1f6ac4c4 {
+  font-size: var(--mantine-font-size-sm);
+}
+
+.m-f07af9d2 {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.m-f07af9d2:where([data-no-wrap]) {
+    white-space: nowrap;
+  }
+
+.m-57492dcc {
+  display: block;
+  font-size: var(--mantine-font-size-xs);
+  opacity: var(--description-opacity, 1);
+  color: var(--description-color, var(--mantine-color-dimmed));
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+:where([data-no-wrap]) .m-57492dcc {
+    white-space: nowrap;
+  }
+
+.m-e17b862f {
+  padding-inline-start: var(--nl-offset, var(--mantine-spacing-lg));
+}
+
+.m-1fd8a00b {
+  transform: rotate(-90deg);
+}
+}

package/styles/Notification.css

@@ -1 +1,135 @@
-.m-a513464{--notification-radius:var(--mantine-radius-default);--notification-color:var(--mantine-primary-color-filled);align-items:center;box-shadow:var(--mantine-shadow-lg);box-sizing:border-box;display:flex;overflow:hidden;padding-inline-end:var(--mantine-spacing-xs);padding-bottom:var(--mantine-spacing-xs);padding-inline-start:calc(1.375rem*var(--mantine-scale));padding-top:var(--mantine-spacing-xs);position:relative}.m-a513464,.m-a513464:before{border-radius:var(--notification-radius)}.m-a513464:before{background-color:var(--notification-color);bottom:var(--notification-radius);content:"";display:block;inset-inline-start:calc(.25rem*var(--mantine-scale));position:absolute;top:var(--notification-radius);width:calc(.375rem*var(--mantine-scale))}:where([data-mantine-color-scheme=light]) .m-a513464{background-color:var(--mantine-color-white)}:where([data-mantine-color-scheme=dark]) .m-a513464{background-color:var(--mantine-color-dark-6)}.m-a513464:where([data-with-icon]){padding-inline-start:var(--mantine-spacing-xs)}.m-a513464:where([data-with-icon]):before{display:none}:where([data-mantine-color-scheme=light]) .m-a513464:where([data-with-border]){border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m-a513464:where([data-with-border]){border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-color-dark-4)}.m-a4ceffb{align-items:center;background-color:var(--notification-color);border-radius:calc(1.75rem*var(--mantine-scale));box-sizing:border-box;color:var(--mantine-color-white);display:flex;height:calc(1.75rem*var(--mantine-scale));justify-content:center;width:calc(1.75rem*var(--mantine-scale))}.m-a4ceffb,.m-b0920b15{margin-inline-end:var(--mantine-spacing-md)}.m-a49ed24{flex:1;margin-inline-end:var(--mantine-spacing-xs);overflow:hidden}.m-3feedf16{font-size:var(--mantine-font-size-sm);font-weight:500;line-height:var(--mantine-line-height-sm);margin-bottom:calc(.125rem*var(--mantine-scale));overflow:hidden;text-overflow:ellipsis}:where([data-mantine-color-scheme=light]) .m-3feedf16{color:var(--mantine-color-gray-9)}:where([data-mantine-color-scheme=dark]) .m-3feedf16{color:var(--mantine-color-white)}.m-3d733a3a{font-size:var(--mantine-font-size-sm);line-height:var(--mantine-line-height-sm);overflow:hidden;text-overflow:ellipsis}[data-mantine-color-scheme=light] .m-3d733a3a{color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] .m-3d733a3a{color:var(--mantine-color-dark-0)}[data-mantine-color-scheme=light] .m-3d733a3a:where([data-with-title]){color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] .m-3d733a3a:where([data-with-title]){color:var(--mantine-color-dark-2)}@media (hover:hover){[data-mantine-color-scheme=light] .m-919a4d88:hover{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-919a4d88:hover{background-color:var(--mantine-color-dark-8)}}@media (hover:none){[data-mantine-color-scheme=light] .m-919a4d88:active{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-919a4d88:active{background-color:var(--mantine-color-dark-8)}}
+.m-a513464 {
+  --notification-radius: var(--mantine-radius-default);
+  --notification-color: var(--mantine-primary-color-filled);
+
+  overflow: hidden;
+  box-sizing: border-box;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding-inline-start: calc(1.375rem * var(--mantine-scale));
+  padding-inline-end: var(--mantine-spacing-xs);
+  padding-top: var(--mantine-spacing-xs);
+  padding-bottom: var(--mantine-spacing-xs);
+  border-radius: var(--notification-radius);
+  box-shadow: var(--mantine-shadow-lg);
+}
+
+  .m-a513464::before {
+    content: '';
+    display: block;
+    position: absolute;
+    width: calc(0.375rem * var(--mantine-scale));
+    top: var(--notification-radius);
+    bottom: var(--notification-radius);
+    inset-inline-start: calc(0.25rem * var(--mantine-scale));
+    border-radius: var(--notification-radius);
+    background-color: var(--notification-color);
+  }
+
+  :where([data-mantine-color-scheme='light']) .m-a513464 {
+    background-color: var(--mantine-color-white);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m-a513464 {
+    background-color: var(--mantine-color-dark-6);
+}
+
+  .m-a513464:where([data-with-icon]) {
+    padding-inline-start: var(--mantine-spacing-xs);
+  }
+
+  .m-a513464:where([data-with-icon])::before {
+      display: none;
+    }
+
+  :where([data-mantine-color-scheme='light']) .m-a513464:where([data-with-border]) {
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m-a513464:where([data-with-border]) {
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
+}
+
+.m-a4ceffb {
+  box-sizing: border-box;
+  margin-inline-end: var(--mantine-spacing-md);
+  width: calc(1.75rem * var(--mantine-scale));
+  height: calc(1.75rem * var(--mantine-scale));
+  border-radius: calc(1.75rem * var(--mantine-scale));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--notification-color);
+  color: var(--mantine-color-white);
+}
+
+.m-b0920b15 {
+  margin-inline-end: var(--mantine-spacing-md);
+}
+
+.m-a49ed24 {
+  flex: 1;
+  overflow: hidden;
+  margin-inline-end: var(--mantine-spacing-xs);
+}
+
+.m-3feedf16 {
+  margin-bottom: calc(0.125rem * var(--mantine-scale));
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: var(--mantine-font-size-sm);
+  line-height: var(--mantine-line-height-sm);
+  font-weight: 500;
+}
+
+:where([data-mantine-color-scheme='light']) .m-3feedf16 {
+    color: var(--mantine-color-gray-9);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-3feedf16 {
+    color: var(--mantine-color-white);
+}
+
+.m-3d733a3a {
+  font-size: var(--mantine-font-size-sm);
+  line-height: var(--mantine-line-height-sm);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+[data-mantine-color-scheme='light'] .m-3d733a3a {
+    color: var(--mantine-color-black);
+}
+
+[data-mantine-color-scheme='dark'] .m-3d733a3a {
+    color: var(--mantine-color-dark-0);
+}
+
+[data-mantine-color-scheme='light'] .m-3d733a3a:where([data-with-title]) {
+      color: var(--mantine-color-gray-6);
+}
+
+[data-mantine-color-scheme='dark'] .m-3d733a3a:where([data-with-title]) {
+      color: var(--mantine-color-dark-2);
+}
+
+@media (hover: hover) {
+    [data-mantine-color-scheme='light'] .m-919a4d88:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    [data-mantine-color-scheme='dark'] .m-919a4d88:hover {
+      background-color: var(--mantine-color-dark-8);
+  }
+}
+
+@media (hover: none) {
+    [data-mantine-color-scheme='light'] .m-919a4d88:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    [data-mantine-color-scheme='dark'] .m-919a4d88:active {
+      background-color: var(--mantine-color-dark-8);
+  }
+}

package/styles/Notification.layer.css

@@ -1 +1,136 @@
-@layer mantine {.m-a513464{--notification-radius:var(--mantine-radius-default);--notification-color:var(--mantine-primary-color-filled);align-items:center;box-shadow:var(--mantine-shadow-lg);box-sizing:border-box;display:flex;overflow:hidden;padding-inline-end:var(--mantine-spacing-xs);padding-bottom:var(--mantine-spacing-xs);padding-inline-start:calc(1.375rem*var(--mantine-scale));padding-top:var(--mantine-spacing-xs);position:relative}.m-a513464,.m-a513464:before{border-radius:var(--notification-radius)}.m-a513464:before{background-color:var(--notification-color);bottom:var(--notification-radius);content:"";display:block;inset-inline-start:calc(.25rem*var(--mantine-scale));position:absolute;top:var(--notification-radius);width:calc(.375rem*var(--mantine-scale))}:where([data-mantine-color-scheme=light]) .m-a513464{background-color:var(--mantine-color-white)}:where([data-mantine-color-scheme=dark]) .m-a513464{background-color:var(--mantine-color-dark-6)}.m-a513464:where([data-with-icon]){padding-inline-start:var(--mantine-spacing-xs)}.m-a513464:where([data-with-icon]):before{display:none}:where([data-mantine-color-scheme=light]) .m-a513464:where([data-with-border]){border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m-a513464:where([data-with-border]){border:calc(.0625rem*var(--mantine-scale)) solid var(--mantine-color-dark-4)}.m-a4ceffb{align-items:center;background-color:var(--notification-color);border-radius:calc(1.75rem*var(--mantine-scale));box-sizing:border-box;color:var(--mantine-color-white);display:flex;height:calc(1.75rem*var(--mantine-scale));justify-content:center;width:calc(1.75rem*var(--mantine-scale))}.m-a4ceffb,.m-b0920b15{margin-inline-end:var(--mantine-spacing-md)}.m-a49ed24{flex:1;margin-inline-end:var(--mantine-spacing-xs);overflow:hidden}.m-3feedf16{font-size:var(--mantine-font-size-sm);font-weight:500;line-height:var(--mantine-line-height-sm);margin-bottom:calc(.125rem*var(--mantine-scale));overflow:hidden;text-overflow:ellipsis}:where([data-mantine-color-scheme=light]) .m-3feedf16{color:var(--mantine-color-gray-9)}:where([data-mantine-color-scheme=dark]) .m-3feedf16{color:var(--mantine-color-white)}.m-3d733a3a{font-size:var(--mantine-font-size-sm);line-height:var(--mantine-line-height-sm);overflow:hidden;text-overflow:ellipsis}[data-mantine-color-scheme=light] .m-3d733a3a{color:var(--mantine-color-black)}[data-mantine-color-scheme=dark] .m-3d733a3a{color:var(--mantine-color-dark-0)}[data-mantine-color-scheme=light] .m-3d733a3a:where([data-with-title]){color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=dark] .m-3d733a3a:where([data-with-title]){color:var(--mantine-color-dark-2)}@media (hover:hover){[data-mantine-color-scheme=light] .m-919a4d88:hover{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-919a4d88:hover{background-color:var(--mantine-color-dark-8)}}@media (hover:none){[data-mantine-color-scheme=light] .m-919a4d88:active{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-919a4d88:active{background-color:var(--mantine-color-dark-8)}}}
+@layer mantine {.m-a513464 {
+  --notification-radius: var(--mantine-radius-default);
+  --notification-color: var(--mantine-primary-color-filled);
+
+  overflow: hidden;
+  box-sizing: border-box;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding-inline-start: calc(1.375rem * var(--mantine-scale));
+  padding-inline-end: var(--mantine-spacing-xs);
+  padding-top: var(--mantine-spacing-xs);
+  padding-bottom: var(--mantine-spacing-xs);
+  border-radius: var(--notification-radius);
+  box-shadow: var(--mantine-shadow-lg);
+}
+
+  .m-a513464::before {
+    content: '';
+    display: block;
+    position: absolute;
+    width: calc(0.375rem * var(--mantine-scale));
+    top: var(--notification-radius);
+    bottom: var(--notification-radius);
+    inset-inline-start: calc(0.25rem * var(--mantine-scale));
+    border-radius: var(--notification-radius);
+    background-color: var(--notification-color);
+  }
+
+  :where([data-mantine-color-scheme='light']) .m-a513464 {
+    background-color: var(--mantine-color-white);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m-a513464 {
+    background-color: var(--mantine-color-dark-6);
+}
+
+  .m-a513464:where([data-with-icon]) {
+    padding-inline-start: var(--mantine-spacing-xs);
+  }
+
+  .m-a513464:where([data-with-icon])::before {
+      display: none;
+    }
+
+  :where([data-mantine-color-scheme='light']) .m-a513464:where([data-with-border]) {
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-gray-3);
+}
+
+  :where([data-mantine-color-scheme='dark']) .m-a513464:where([data-with-border]) {
+      border: calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-dark-4);
+}
+
+.m-a4ceffb {
+  box-sizing: border-box;
+  margin-inline-end: var(--mantine-spacing-md);
+  width: calc(1.75rem * var(--mantine-scale));
+  height: calc(1.75rem * var(--mantine-scale));
+  border-radius: calc(1.75rem * var(--mantine-scale));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--notification-color);
+  color: var(--mantine-color-white);
+}
+
+.m-b0920b15 {
+  margin-inline-end: var(--mantine-spacing-md);
+}
+
+.m-a49ed24 {
+  flex: 1;
+  overflow: hidden;
+  margin-inline-end: var(--mantine-spacing-xs);
+}
+
+.m-3feedf16 {
+  margin-bottom: calc(0.125rem * var(--mantine-scale));
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: var(--mantine-font-size-sm);
+  line-height: var(--mantine-line-height-sm);
+  font-weight: 500;
+}
+
+:where([data-mantine-color-scheme='light']) .m-3feedf16 {
+    color: var(--mantine-color-gray-9);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-3feedf16 {
+    color: var(--mantine-color-white);
+}
+
+.m-3d733a3a {
+  font-size: var(--mantine-font-size-sm);
+  line-height: var(--mantine-line-height-sm);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+[data-mantine-color-scheme='light'] .m-3d733a3a {
+    color: var(--mantine-color-black);
+}
+
+[data-mantine-color-scheme='dark'] .m-3d733a3a {
+    color: var(--mantine-color-dark-0);
+}
+
+[data-mantine-color-scheme='light'] .m-3d733a3a:where([data-with-title]) {
+      color: var(--mantine-color-gray-6);
+}
+
+[data-mantine-color-scheme='dark'] .m-3d733a3a:where([data-with-title]) {
+      color: var(--mantine-color-dark-2);
+}
+
+@media (hover: hover) {
+    [data-mantine-color-scheme='light'] .m-919a4d88:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    [data-mantine-color-scheme='dark'] .m-919a4d88:hover {
+      background-color: var(--mantine-color-dark-8);
+  }
+}
+
+@media (hover: none) {
+    [data-mantine-color-scheme='light'] .m-919a4d88:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    [data-mantine-color-scheme='dark'] .m-919a4d88:active {
+      background-color: var(--mantine-color-dark-8);
+  }
+}
+}