@mantine/core 7.6.0-alpha.1 → 7.6.1

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;background:var(--_nav-link-bg);color:var(--_nav-link-color);display:flex;opacity:var(--_nav-link-opacity,1);padding:calc(.5rem*var(--mantine-scale)) var(--mantine-spacing-sm);pointer-events:var(--_nav-link-pointer-events,auto);user-select:none;width:100%}@media (hover:hover){[data-mantine-color-scheme=light] .m-f0824112:hover{--_nav-link-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-f0824112:hover{--_nav-link-bg:var(--mantine-color-dark-6)}}@media (hover:none){[data-mantine-color-scheme=light] .m-f0824112:active{--_nav-link-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-f0824112:active{--_nav-link-bg:var(--mantine-color-dark-6)}}.m-f0824112[data-disabled]{--_nav-link-opacity:0.4;--_nav-link-pointer-events:none}.m-f0824112[data-active]{--_nav-link-bg:var(--nl-bg);--_nav-link-color:var(--nl-color)}@media (hover:hover){.m-f0824112[data-active]:hover{--_nav-link-bg:var(--nl-hover)}}@media (hover:none){.m-f0824112[data-active]:active{--_nav-link-bg:var(--nl-hover)}}.m-f0824112[data-active] .m-57492dcc{--_description-opacity:0.9;--_description-color:var(--nl-color)}.m-690090b5{align-items:center;display:flex;justify-content:center;margin-left:var(--_section-ml);margin-right:var(--_section-mr);transform:var(--_section-transform,none);transition:transform .15s ease}.m-690090b5>svg{display:block}.m-690090b5[data-position=left]{--_section-ml:0;--_section-mr:var(--mantine-spacing-sm)}.m-690090b5[data-position=right],[dir=rtl] .m-690090b5[data-position=left]{--_section-ml:var(--mantine-spacing-sm);--_section-mr:0}[dir=rtl] .m-690090b5[data-position=right]{--_section-ml:0;--_section-mr:var(--mantine-spacing-sm)}.m-690090b5[data-rotate]{--_section-transform:rotate(90deg)}.m-1f6ac4c4{font-size:var(--mantine-font-size-sm)}.m-f07af9d2{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:var(--_body-white-space,auto)}.m-f07af9d2[data-no-wrap]{--_body-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;white-space:var(--_body-white-space,auto)}.m-e17b862f{padding-left:var(--_children-pl,var(--nl-offset,var(--mantine-spacing-lg)));padding-right:var(--_children-pr,0)}[dir=rtl] .m-e17b862f{--_children-pl:0;--_children-pr: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:var(--mantine-spacing-xs) var(--mantine-spacing-xs) var(--mantine-spacing-xs) calc(1.375rem*var(--mantine-scale));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;left:calc(.25rem*var(--mantine-scale));position:absolute;top:var(--notification-radius);width:calc(.375rem*var(--mantine-scale))}:where([dir=rtl]) .m-a513464:before{left:auto;right:calc(.25rem*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-left:var(--mantine-spacing-xs)}:where([dir=rtl]) .m-a513464:where([data-with-icon]){padding-right: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)}:where([dir=rtl]) .m-a513464{padding-left:var(--mantine-spacing-xs);padding-right:calc(1.375rem*var(--mantine-scale))}.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;margin-right:var(--mantine-spacing-md);width:calc(1.75rem*var(--mantine-scale))}:where([dir=rtl]) .m-a4ceffb{margin-left:var(--mantine-spacing-md);margin-right:0}.m-b0920b15{margin-right:var(--mantine-spacing-md)}:where([dir=rtl]) .m-b0920b15{margin-left:var(--mantine-spacing-md);margin-right:0}.m-a49ed24{flex:1;margin-right:var(--mantine-spacing-xs);overflow:hidden}:where([dir=rtl]) .m-a49ed24{margin-left:var(--mantine-spacing-xs);margin-right:0}.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{color:var(--_description-color);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:var(--mantine-spacing-xs) var(--mantine-spacing-xs) var(--mantine-spacing-xs) calc(1.375rem*var(--mantine-scale));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;left:calc(.25rem*var(--mantine-scale));position:absolute;top:var(--notification-radius);width:calc(.375rem*var(--mantine-scale))}:where([dir=rtl]) .m-a513464:before{left:auto;right:calc(.25rem*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-left:var(--mantine-spacing-xs)}:where([dir=rtl]) .m-a513464:where([data-with-icon]){padding-right: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)}:where([dir=rtl]) .m-a513464{padding-left:var(--mantine-spacing-xs);padding-right:calc(1.375rem*var(--mantine-scale))}.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;margin-right:var(--mantine-spacing-md);width:calc(1.75rem*var(--mantine-scale))}:where([dir=rtl]) .m-a4ceffb{margin-left:var(--mantine-spacing-md);margin-right:0}.m-b0920b15{margin-right:var(--mantine-spacing-md)}:where([dir=rtl]) .m-b0920b15{margin-left:var(--mantine-spacing-md);margin-right:0}.m-a49ed24{flex:1;margin-right:var(--mantine-spacing-xs);overflow:hidden}:where([dir=rtl]) .m-a49ed24{margin-left:var(--mantine-spacing-xs);margin-right:0}.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{color:var(--_description-color);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);
+  }
+}
+}

package/styles/NumberInput.css

@@ -1 +1,89 @@
-.m-e2f5cd4e{--ni-right-section-width-xs:calc(1.0625rem*var(--mantine-scale));--ni-right-section-width-sm:calc(1.5rem*var(--mantine-scale));--ni-right-section-width-md:calc(1.6875rem*var(--mantine-scale));--ni-right-section-width-lg:calc(1.9375rem*var(--mantine-scale));--ni-right-section-width-xl:calc(2.125rem*var(--mantine-scale))}.m-95e17d22{--ni-chevron-size-xs:calc(0.625rem*var(--mantine-scale));--ni-chevron-size-sm:calc(0.875rem*var(--mantine-scale));--ni-chevron-size-md:calc(1rem*var(--mantine-scale));--ni-chevron-size-lg:calc(1.125rem*var(--mantine-scale));--ni-chevron-size-xl:calc(1.25rem*var(--mantine-scale));--ni-chevron-size:var(--ni-chevron-size-sm);display:flex;flex-direction:column;height:calc(var(--_input-height) - .125rem*var(--mantine-scale));margin-left:auto;margin-right:0;max-width:calc(var(--ni-chevron-size)*1.7);width:100%}:where([dir=rtl]) .m-95e17d22{margin-left:0;margin-right:auto}.m-80b4b171{--control-border:calc(0.0625rem*var(--mantine-scale)) solid var(--_input-bd);--control-radius:calc(var(--_input-radius) - 0.0625rem*var(--mantine-scale));align-items:center;background-color:transparent;border-left:var(--control-border);color:var(--mantine-color-text);cursor:pointer;display:flex;flex:0 0 50%;height:calc(var(--_input-height)/2 - .0625rem*var(--mantine-scale));justify-content:center;padding:0;width:100%}.m-80b4b171:where(:disabled){background-color:transparent;cursor:not-allowed;opacity:.6}:where([data-mantine-color-scheme=light]) .m-80b4b171:where(:disabled){color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m-80b4b171:where(:disabled){color:var(--mantine-color-dark-3)}.m-e2f5cd4e[data-error] :where(.m-80b4b171){color:var(--mantine-color-error)}:where([dir=rtl]) .m-80b4b171{border-left:none;border-right:var(--control-border)}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m-80b4b171:hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-80b4b171:hover{background-color:var(--mantine-color-dark-4)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m-80b4b171:active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-80b4b171:active{background-color:var(--mantine-color-dark-4)}}.m-80b4b171:where(:first-of-type){border-bottom:calc(.03125rem*var(--mantine-scale)) solid var(--_input-bd);border-radius:0 var(--control-radius) 0 0}:where([dir=rtl]) .m-80b4b171:where(:first-of-type){border-radius:var(--control-radius) 0 0 0}.m-80b4b171:last-of-type{border-radius:0 0 var(--control-radius) 0;border-top:calc(.03125rem*var(--mantine-scale)) solid var(--_input-bd)}[dir=rtl] .m-80b4b171:last-of-type{border-radius:0 0 0 var(--control-radius)}
+.m-e2f5cd4e {
+  --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
+  --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
+  --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
+  --ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale));
+  --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale));
+}
+
+.m-95e17d22 {
+  --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
+  --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
+  --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
+  --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
+  --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
+  --ni-chevron-size: var(--ni-chevron-size-sm);
+
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
+  max-width: calc(var(--ni-chevron-size) * 1.7);
+  margin-inline-start: auto;
+}
+
+.m-80b4b171 {
+  --control-border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
+  --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));
+
+  flex: 0 0 50%;
+  width: 100%;
+  padding: 0;
+  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
+  border-inline-start: var(--control-border);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--mantine-color-text);
+  background-color: transparent;
+  cursor: pointer;
+}
+
+.m-80b4b171:where(:disabled) {
+    background-color: transparent;
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+:where([data-mantine-color-scheme='light']) .m-80b4b171:where(:disabled) {
+      color: var(--mantine-color-gray-4);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-80b4b171:where(:disabled) {
+      color: var(--mantine-color-dark-3);
+}
+
+.m-e2f5cd4e[data-error] :where(.m-80b4b171) {
+    color: var(--mantine-color-error);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m-80b4b171:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m-80b4b171:hover {
+      background-color: var(--mantine-color-dark-4);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m-80b4b171:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m-80b4b171:active {
+      background-color: var(--mantine-color-dark-4);
+  }
+}
+
+.m-80b4b171:where(:first-of-type) {
+    border-radius: 0;
+    border-start-end-radius: var(--control-radius);
+  }
+
+.m-80b4b171:last-of-type {
+    border-top: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
+    border-radius: 0;
+    border-end-end-radius: var(--control-radius);
+  }

package/styles/NumberInput.layer.css

@@ -1 +1,90 @@
-@layer mantine {.m-e2f5cd4e{--ni-right-section-width-xs:calc(1.0625rem*var(--mantine-scale));--ni-right-section-width-sm:calc(1.5rem*var(--mantine-scale));--ni-right-section-width-md:calc(1.6875rem*var(--mantine-scale));--ni-right-section-width-lg:calc(1.9375rem*var(--mantine-scale));--ni-right-section-width-xl:calc(2.125rem*var(--mantine-scale))}.m-95e17d22{--ni-chevron-size-xs:calc(0.625rem*var(--mantine-scale));--ni-chevron-size-sm:calc(0.875rem*var(--mantine-scale));--ni-chevron-size-md:calc(1rem*var(--mantine-scale));--ni-chevron-size-lg:calc(1.125rem*var(--mantine-scale));--ni-chevron-size-xl:calc(1.25rem*var(--mantine-scale));--ni-chevron-size:var(--ni-chevron-size-sm);display:flex;flex-direction:column;height:calc(var(--_input-height) - .125rem*var(--mantine-scale));margin-left:auto;margin-right:0;max-width:calc(var(--ni-chevron-size)*1.7);width:100%}:where([dir=rtl]) .m-95e17d22{margin-left:0;margin-right:auto}.m-80b4b171{--control-border:calc(0.0625rem*var(--mantine-scale)) solid var(--_input-bd);--control-radius:calc(var(--_input-radius) - 0.0625rem*var(--mantine-scale));align-items:center;background-color:transparent;border-left:var(--control-border);color:var(--mantine-color-text);cursor:pointer;display:flex;flex:0 0 50%;height:calc(var(--_input-height)/2 - .0625rem*var(--mantine-scale));justify-content:center;padding:0;width:100%}.m-80b4b171:where(:disabled){background-color:transparent;cursor:not-allowed;opacity:.6}:where([data-mantine-color-scheme=light]) .m-80b4b171:where(:disabled){color:var(--mantine-color-gray-4)}:where([data-mantine-color-scheme=dark]) .m-80b4b171:where(:disabled){color:var(--mantine-color-dark-3)}.m-e2f5cd4e[data-error] :where(.m-80b4b171){color:var(--mantine-color-error)}:where([dir=rtl]) .m-80b4b171{border-left:none;border-right:var(--control-border)}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m-80b4b171:hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-80b4b171:hover{background-color:var(--mantine-color-dark-4)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m-80b4b171:active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-80b4b171:active{background-color:var(--mantine-color-dark-4)}}.m-80b4b171:where(:first-of-type){border-bottom:calc(.03125rem*var(--mantine-scale)) solid var(--_input-bd);border-radius:0 var(--control-radius) 0 0}:where([dir=rtl]) .m-80b4b171:where(:first-of-type){border-radius:var(--control-radius) 0 0 0}.m-80b4b171:last-of-type{border-radius:0 0 var(--control-radius) 0;border-top:calc(.03125rem*var(--mantine-scale)) solid var(--_input-bd)}[dir=rtl] .m-80b4b171:last-of-type{border-radius:0 0 0 var(--control-radius)}}
+@layer mantine {.m-e2f5cd4e {
+  --ni-right-section-width-xs: calc(1.0625rem * var(--mantine-scale));
+  --ni-right-section-width-sm: calc(1.5rem * var(--mantine-scale));
+  --ni-right-section-width-md: calc(1.6875rem * var(--mantine-scale));
+  --ni-right-section-width-lg: calc(1.9375rem * var(--mantine-scale));
+  --ni-right-section-width-xl: calc(2.125rem * var(--mantine-scale));
+}
+
+.m-95e17d22 {
+  --ni-chevron-size-xs: calc(0.625rem * var(--mantine-scale));
+  --ni-chevron-size-sm: calc(0.875rem * var(--mantine-scale));
+  --ni-chevron-size-md: calc(1rem * var(--mantine-scale));
+  --ni-chevron-size-lg: calc(1.125rem * var(--mantine-scale));
+  --ni-chevron-size-xl: calc(1.25rem * var(--mantine-scale));
+  --ni-chevron-size: var(--ni-chevron-size-sm);
+
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
+  max-width: calc(var(--ni-chevron-size) * 1.7);
+  margin-inline-start: auto;
+}
+
+.m-80b4b171 {
+  --control-border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
+  --control-radius: calc(var(--input-radius) - calc(0.0625rem * var(--mantine-scale)));
+
+  flex: 0 0 50%;
+  width: 100%;
+  padding: 0;
+  height: calc(var(--input-height) / 2 - calc(0.0625rem * var(--mantine-scale)));
+  border-inline-start: var(--control-border);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--mantine-color-text);
+  background-color: transparent;
+  cursor: pointer;
+}
+
+.m-80b4b171:where(:disabled) {
+    background-color: transparent;
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+:where([data-mantine-color-scheme='light']) .m-80b4b171:where(:disabled) {
+      color: var(--mantine-color-gray-4);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-80b4b171:where(:disabled) {
+      color: var(--mantine-color-dark-3);
+}
+
+.m-e2f5cd4e[data-error] :where(.m-80b4b171) {
+    color: var(--mantine-color-error);
+  }
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m-80b4b171:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m-80b4b171:hover {
+      background-color: var(--mantine-color-dark-4);
+  }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m-80b4b171:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+    :where([data-mantine-color-scheme='dark']) .m-80b4b171:active {
+      background-color: var(--mantine-color-dark-4);
+  }
+}
+
+.m-80b4b171:where(:first-of-type) {
+    border-radius: 0;
+    border-start-end-radius: var(--control-radius);
+  }
+
+.m-80b4b171:last-of-type {
+    border-top: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
+    border-radius: 0;
+    border-end-end-radius: var(--control-radius);
+  }
+}

package/styles/Overlay.css

@@ -1 +1,19 @@
-.m-9814e45f{backdrop-filter:var(--overlay-filter);-webkit-backdrop-filter:var(--overlay-filter);background:var(--overlay-bg,rgba(0,0,0,.6));border-radius:var(--overlay-radius,0);inset:0;position:absolute;z-index:var(--overlay-z-index)}.m-9814e45f:where([data-fixed]){position:fixed}.m-9814e45f:where([data-center]){align-items:center;display:flex;justify-content:center}
+.m-9814e45f {
+  inset: 0;
+  position: absolute;
+  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
+  backdrop-filter: var(--overlay-filter);
+  -webkit-backdrop-filter: var(--overlay-filter);
+  border-radius: var(--overlay-radius, 0);
+  z-index: var(--overlay-z-index);
+}
+
+  .m-9814e45f:where([data-fixed]) {
+    position: fixed;
+  }
+
+  .m-9814e45f:where([data-center]) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }

package/styles/Overlay.layer.css

@@ -1 +1,20 @@
-@layer mantine {.m-9814e45f{backdrop-filter:var(--overlay-filter);-webkit-backdrop-filter:var(--overlay-filter);background:var(--overlay-bg,rgba(0,0,0,.6));border-radius:var(--overlay-radius,0);inset:0;position:absolute;z-index:var(--overlay-z-index)}.m-9814e45f:where([data-fixed]){position:fixed}.m-9814e45f:where([data-center]){align-items:center;display:flex;justify-content:center}}
+@layer mantine {.m-9814e45f {
+  inset: 0;
+  position: absolute;
+  background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
+  backdrop-filter: var(--overlay-filter);
+  -webkit-backdrop-filter: var(--overlay-filter);
+  border-radius: var(--overlay-radius, 0);
+  z-index: var(--overlay-z-index);
+}
+
+  .m-9814e45f:where([data-fixed]) {
+    position: fixed;
+  }
+
+  .m-9814e45f:where([data-center]) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}