@tmlmobilidade/ui 20251001.1537.11 → 20251001.1613.56

package/dist/styles.css

@@ -2933,12 +2933,14 @@ fieldset:disabled .mantine-active:active {
   --mantine-color-white: #fff;
   --mantine-color-black: #000;
   --mantine-line-height: 1.55;
-  --mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
-    sans-serif, Apple Color Emoji, Segoe UI Emoji;
-  --mantine-font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    Liberation Mono, Courier New, monospace;
-  --mantine-font-family-headings: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica,
-    Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
+  --mantine-font-family:
+    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
+    Apple Color Emoji, Segoe UI Emoji;
+  --mantine-font-family-monospace:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+  --mantine-font-family-headings:
+    -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif,
+    Apple Color Emoji, Segoe UI Emoji;
   --mantine-heading-font-weight: 700;
   --mantine-heading-text-wrap: wrap;
   --mantine-radius-default: calc(0.25rem * var(--mantine-scale));
@@ -2967,30 +2969,35 @@ fieldset:disabled .mantine-active:active {
   --mantine-line-height-md: 1.55;
   --mantine-line-height-lg: 1.6;
   --mantine-line-height-xl: 1.65;
-  --mantine-shadow-xs: 0 calc(0.0625rem * var(--mantine-scale))
-      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
+  --mantine-shadow-xs:
+    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
+      rgba(0, 0, 0, 0.05),
     0 calc(0.0625rem * var(--mantine-scale)) calc(0.125rem * var(--mantine-scale))
       rgba(0, 0, 0, 0.1);
-  --mantine-shadow-sm: 0 calc(0.0625rem * var(--mantine-scale))
-      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
+  --mantine-shadow-sm:
+    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
+      rgba(0, 0, 0, 0.05),
     rgba(0, 0, 0, 0.05) 0 calc(0.625rem * var(--mantine-scale))
       calc(0.9375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
     rgba(0, 0, 0, 0.04) 0 calc(0.4375rem * var(--mantine-scale))
       calc(0.4375rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
-  --mantine-shadow-md: 0 calc(0.0625rem * var(--mantine-scale))
-      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
+  --mantine-shadow-md:
+    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
+      rgba(0, 0, 0, 0.05),
     rgba(0, 0, 0, 0.05) 0 calc(1.25rem * var(--mantine-scale))
       calc(1.5625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale)),
     rgba(0, 0, 0, 0.04) 0 calc(0.625rem * var(--mantine-scale))
       calc(0.625rem * var(--mantine-scale)) calc(-0.3125rem * var(--mantine-scale));
-  --mantine-shadow-lg: 0 calc(0.0625rem * var(--mantine-scale))
-      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
+  --mantine-shadow-lg:
+    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
+      rgba(0, 0, 0, 0.05),
     rgba(0, 0, 0, 0.05) 0 calc(1.75rem * var(--mantine-scale))
       calc(1.4375rem * var(--mantine-scale)) calc(-0.4375rem * var(--mantine-scale)),
     rgba(0, 0, 0, 0.04) 0 calc(0.75rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale))
       calc(-0.4375rem * var(--mantine-scale));
-  --mantine-shadow-xl: 0 calc(0.0625rem * var(--mantine-scale))
-      calc(0.1875rem * var(--mantine-scale)) rgba(0, 0, 0, 0.05),
+  --mantine-shadow-xl:
+    0 calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale))
+      rgba(0, 0, 0, 0.05),
     rgba(0, 0, 0, 0.05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale))
       calc(-0.4375rem * var(--mantine-scale)),
     rgba(0, 0, 0, 0.04) 0 calc(1.0625rem * var(--mantine-scale))
@@ -3457,36 +3464,36 @@ fieldset:disabled .mantine-active:active {
   }
 
 .m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
-        [data-offset-scrollbars='xy'],
-        [data-offset-scrollbars='y'],
-        [data-offset-scrollbars='present']
-      ):where([data-vertical-hidden]) {
+      [data-offset-scrollbars='xy'],
+      [data-offset-scrollbars='y'],
+      [data-offset-scrollbars='present']
+    ):where([data-vertical-hidden]) {
         padding-inline-end: 0;
         padding-inline-start: 0;
       }
 
 .m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where(
-        [data-offset-scrollbars='xy'],
-        [data-offset-scrollbars='y'],
-        [data-offset-scrollbars='present']
-      ):not([data-vertical-hidden]) {
+      [data-offset-scrollbars='xy'],
+      [data-offset-scrollbars='y'],
+      [data-offset-scrollbars='present']
+    ):not([data-vertical-hidden]) {
         padding-inline-end: var(--scrollarea-scrollbar-size);
         padding-inline-start: unset;
       }
 
 .m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
-        [data-offset-scrollbars='xy'],
-        [data-offset-scrollbars='x'],
-        [data-offset-scrollbars='present']
-      ):where([data-horizontal-hidden]) {
+      [data-offset-scrollbars='xy'],
+      [data-offset-scrollbars='x'],
+      [data-offset-scrollbars='present']
+    ):where([data-horizontal-hidden]) {
         padding-bottom: 0;
       }
 
 .m_c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where(
-        [data-offset-scrollbars='xy'],
-        [data-offset-scrollbars='x'],
-        [data-offset-scrollbars='present']
-      ):not([data-horizontal-hidden]) {
+      [data-offset-scrollbars='xy'],
+      [data-offset-scrollbars='x'],
+      [data-offset-scrollbars='present']
+    ):not([data-horizontal-hidden]) {
         padding-bottom: var(--scrollarea-scrollbar-size);
       }
 
@@ -4246,6 +4253,26 @@ fieldset:disabled .mantine-active:active {
     --input-padding-inline-end: var(--input-right-section-size);
   }
 
+  .m_6c018570[data-size='xs'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
+        --input-padding-inline-end: calc(2.5625rem * var(--mantine-scale));
+      }
+
+  .m_6c018570[data-size='sm'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
+        --input-padding-inline-end: calc(3.125rem * var(--mantine-scale));
+      }
+
+  .m_6c018570[data-size='md'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
+        --input-padding-inline-end: calc(3.75rem * var(--mantine-scale));
+      }
+
+  .m_6c018570[data-size='lg'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
+        --input-padding-inline-end: calc(4.5rem * var(--mantine-scale));
+      }
+
+  .m_6c018570[data-size='xl'] .m_6c018570[data-with-right-section]:has([data-combined-clear-section]) {
+        --input-padding-inline-end: calc(5.5625rem * var(--mantine-scale));
+      }
+
   [data-mantine-color-scheme='light'] .m_6c018570[data-variant='default'] {
       --input-bd: var(--mantine-color-gray-4);
       --input-bg: var(--mantine-color-white);
@@ -4410,6 +4437,26 @@ fieldset:disabled .mantine-active:active {
     --section-border-radius: var(--right-section-border-radius);
   }
 
+.m_6c018570[data-size='xs'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
+        --section-size: calc(2.5625rem * var(--mantine-scale));
+      }
+
+.m_6c018570[data-size='sm'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
+        --section-size: calc(3.125rem * var(--mantine-scale));
+      }
+
+.m_6c018570[data-size='md'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
+        --section-size: calc(3.75rem * var(--mantine-scale));
+      }
+
+.m_6c018570[data-size='lg'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
+        --section-size: calc(4.5rem * var(--mantine-scale));
+      }
+
+.m_6c018570[data-size='xl'] .m_82577fc2[data-position='right']:has([data-combined-clear-section]) {
+        --section-size: calc(5.5625rem * var(--mantine-scale));
+      }
+
 .m_82577fc2[data-position='left'] {
     --section-pointer-events: var(--input-left-section-pointer-events);
     --section-start: var(--left-section-start);
@@ -4433,7 +4480,7 @@ fieldset:disabled .mantine-active:active {
 .m_8fdc1311 {
   display: inline-block;
   font-weight: 500;
-  word-break: break-word;
+  overflow-wrap: break-word;
   cursor: default;
   -webkit-tap-highlight-color: transparent;
   font-size: var(--input-label-size, var(--mantine-font-size-sm));
@@ -4492,7 +4539,7 @@ fieldset:disabled .mantine-active:active {
 }
 
 .m_df78851f {
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 .m_4ba554d4 {
@@ -5151,7 +5198,7 @@ fieldset:disabled .mantine-active:active {
   background-color: transparent;
   color: inherit;
   cursor: pointer;
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 .m_92253aa5:where([data-combobox-selected]) {
@@ -5750,9 +5797,9 @@ fieldset:disabled .m_8ee546b8,
   }
 
   .m_347db0ec:where(
-      [data-with-left-section][data-with-right-section],
-      [data-variant='dot'][data-with-right-section]
-    ) {
+    [data-with-left-section][data-with-right-section],
+    [data-variant='dot'][data-with-right-section]
+  ) {
     grid-template-columns: auto 1fr auto;
   }
 
@@ -6561,7 +6608,8 @@ fieldset:disabled .m_8ee546b8,
     0 calc(0.25rem * var(--mantine-scale)),
     calc(0.25rem * var(--mantine-scale)) calc(-0.25rem * var(--mantine-scale)),
     calc(-0.25rem * var(--mantine-scale)) 0;
-  background-image: linear-gradient(45deg, var(--alpha-overlay-color) 25%, transparent 25%),
+  background-image:
+    linear-gradient(45deg, var(--alpha-overlay-color) 25%, transparent 25%),
     linear-gradient(-45deg, var(--alpha-overlay-color) 25%, transparent 25%),
     linear-gradient(45deg, transparent 75%, var(--alpha-overlay-color) 75%),
     linear-gradient(-45deg, var(--alpha-overlay-bg) 75%, var(--alpha-overlay-color) 75%);
@@ -6664,6 +6712,10 @@ fieldset:disabled .m_8ee546b8,
   flex-wrap: wrap;
 }
 
+.m_5711e686:only-child {
+    margin-top: 0;
+  }
+
 .m_202a296e {
   --cp-thumb-size-xs: calc(0.5rem * var(--mantine-scale));
   --cp-thumb-size-sm: calc(0.75rem * var(--mantine-scale));
@@ -7115,20 +7167,22 @@ fieldset:disabled .m_8ee546b8,
 .m_abbac491 {
   --list-fz: var(--mantine-font-size-md);
   --list-lh: var(--mantine-line-height-md);
+  --list-marker-gap: var(--mantine-spacing-lg);
 
-  list-style-position: inside;
+  list-style-position: outside;
   font-size: var(--list-fz);
   line-height: var(--list-lh);
   margin: 0;
   padding: 0;
+  padding-inline-start: var(--list-marker-gap);
 }
 
   .m_abbac491:where([data-with-padding]) {
-    padding-inline-start: var(--mantine-spacing-md);
+    padding-inline-start: calc(var(--list-marker-gap) + var(--mantine-spacing-md));
   }
 
 .m_abb6bec2 {
-  white-space: nowrap;
+  white-space: normal;
   line-height: var(--list-lh);
 }
 
@@ -8005,6 +8059,16 @@ fieldset:disabled .m_8ee546b8,
   }
 }
 
+@keyframes m_e0fb7a86 {
+  0% {
+    background-position: 0 0;
+  }
+
+  100% {
+    background-position: 0 calc(2.5rem * var(--mantine-scale));
+  }
+}
+
 .m_db6d6462 {
   --progress-radius: var(--mantine-radius-default);
   --progress-size: var(--progress-size-md);
@@ -8030,10 +8094,16 @@ fieldset:disabled .m_8ee546b8,
     background-color: var(--mantine-color-dark-4);
 }
 
+.m_db6d6462:where([data-orientation='vertical']) {
+    height: auto;
+    width: var(--progress-size);
+    flex-direction: column-reverse;
+  }
+
 .m_2242eb65 {
   background-color: var(--progress-section-color);
   height: 100%;
-  width: var(--progress-section-width);
+  width: var(--progress-section-size);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -8071,6 +8141,41 @@ fieldset:disabled .m_8ee546b8,
     border-end-start-radius: var(--progress-radius);
   }
 
+.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65 {
+    width: 100%;
+    height: var(--progress-section-size);
+    transition: height var(--progress-transition-duration, 100ms) ease;
+  }
+
+.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-striped]) {
+      background-image: linear-gradient(
+        135deg,
+        rgba(255, 255, 255, 0.15) 25%,
+        transparent 25%,
+        transparent 50%,
+        rgba(255, 255, 255, 0.15) 50%,
+        rgba(255, 255, 255, 0.15) 75%,
+        transparent 75%,
+        transparent
+      );
+    }
+
+.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where([data-animated]) {
+      animation: m_e0fb7a86 1s linear infinite;
+    }
+
+.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:last-of-type) {
+      border-radius: 0;
+      border-start-start-radius: var(--progress-radius);
+      border-start-end-radius: var(--progress-radius);
+    }
+
+.m_db6d6462:where([data-orientation='vertical']) .m_2242eb65:where(:first-of-type) {
+      border-radius: 0;
+      border-end-start-radius: var(--progress-radius);
+      border-end-end-radius: var(--progress-radius);
+    }
+
 .m_91e40b74 {
   color: var(--progress-label-color, var(--mantine-color-white));
   font-weight: bold;
@@ -8083,6 +8188,10 @@ fieldset:disabled .m_8ee546b8,
   padding-inline: calc(0.25rem * var(--mantine-scale));
 }
 
+.m_db6d6462:where([data-orientation='vertical']) .m_91e40b74 {
+    writing-mode: vertical-rl;
+  }
+
 .m_9dc8ae12 {
   --card-radius: var(--mantine-radius-default);
 
@@ -11167,6 +11276,148 @@ fieldset:disabled .m_38aeed47:where(:not([data-inverted])),
     opacity: 0.5;
     cursor: not-allowed;
   }
+
+.m_2a0c4eda {
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  font-size: var(--mini-calendar-font-size);
+}
+
+.m_2a05be4f {
+  display: flex;
+  font-size: inherit;
+}
+
+.m_99d16a4 {
+  display: flex;
+  min-width: 3em;
+  gap: 0.5em;
+  font-size: inherit;
+  flex-direction: column;
+  align-items: center;
+  line-height: 1;
+  padding: 0.75em;
+  border-radius: var(--mantine-radius-default);
+}
+
+.m_99d16a4:where([data-selected]) {
+    color: var(--mantine-primary-color-contrast);
+    background-color: var(--mantine-primary-color-filled);
+  }
+
+@media (hover: hover) {
+      .m_99d16a4:where([data-selected]):hover:where(:not([data-disabled], [data-static])) {
+        background-color: var(--mantine-primary-color-filled-hover);
+      }
+}
+
+@media (hover: none) {
+      .m_99d16a4:where([data-selected]):active:where(:not([data-disabled], [data-static])) {
+        background-color: var(--mantine-primary-color-filled-hover);
+      }
+}
+
+.m_99d16a4:where([data-disabled]) {
+    opacity: 0.3;
+    cursor: not-allowed;
+  }
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) .m_99d16a4:hover:where(:not([data-disabled], [data-selected])) {
+        background-color: var(--mantine-color-gray-1);
+      }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) .m_99d16a4:active:where(:not([data-disabled], [data-selected])) {
+        background-color: var(--mantine-color-gray-1);
+      }
+}
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='dark']) .m_99d16a4:hover:where(:not([data-disabled], [data-selected])) {
+        background-color: var(--mantine-color-dark-5);
+      }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='dark']) .m_99d16a4:active:where(:not([data-disabled], [data-selected])) {
+        background-color: var(--mantine-color-dark-5);
+      }
+}
+
+.m_176ca23c {
+  font-size: 0.75em;
+  font-weight: 500;
+  opacity: 0.65;
+}
+
+.m_d830530d {
+  font-size: 0.9em;
+  font-weight: 500;
+}
+
+.m_14c23465 {
+  align-self: stretch;
+  font-size: inherit;
+  width: 2em;
+  border-radius: var(--mantine-radius-default);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--mantine-color-bright);
+}
+
+.m_14c23465:where([data-disabled]) {
+    opacity: 0.3;
+    cursor: not-allowed;
+  }
+
+.m_14c23465 [data-chevron] {
+    font-size: inherit;
+    width: 60%;
+  }
+
+.m_14c23465[data-direction='previous'] [data-chevron] {
+    transform: rotate(90deg);
+  }
+
+[dir="rtl"] .m_14c23465[data-direction='previous'] [data-chevron] {
+      transform: rotate(-90deg);
+}
+
+.m_14c23465[data-direction='next'] [data-chevron] {
+    transform: rotate(-90deg);
+  }
+
+[dir="rtl"] .m_14c23465[data-direction='next'] [data-chevron] {
+      transform: rotate(90deg);
+}
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) .m_14c23465:hover:where(:not([data-disabled])) {
+        background-color: var(--mantine-color-gray-1);
+      }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='light']) .m_14c23465:active:where(:not([data-disabled])) {
+        background-color: var(--mantine-color-gray-1);
+      }
+}
+
+@media (hover: hover) {
+      :where([data-mantine-color-scheme='dark']) .m_14c23465:hover:where(:not([data-disabled])) {
+        background-color: var(--mantine-color-dark-5);
+      }
+}
+
+@media (hover: none) {
+      :where([data-mantine-color-scheme='dark']) .m_14c23465:active:where(:not([data-disabled])) {
+        background-color: var(--mantine-color-dark-5);
+      }
+}
 }
 @layer mantine {.m_b37d9ac7 {
   width: calc(100% - var(--mantine-spacing-md) * 2);

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@tmlmobilidade/ui",
 	"description": "UI components for Transportes Metropolitanos de Lisboa (TML) web applications.",
-	"version": "20251001.1537.11",
+	"version": "20251001.1613.56",
 	"author": "João de Vasconcelos & Jusi Monteiro",
 	"license": "AGPL-3.0-or-later",
 	"publishConfig": {
@@ -42,14 +42,14 @@
 		"path": false
 	},
 	"dependencies": {
-		"@carrismetropolitana/api-types": "^20250903.1518.40",
-		"@mantine/core": "8.2.8",
-		"@mantine/dates": "8.2.8",
-		"@mantine/form": "8.2.8",
-		"@mantine/hooks": "8.2.8",
-		"@mantine/modals": "8.2.8",
-		"@mantine/notifications": "8.2.8",
-		"@tabler/icons-react": "3.34.1",
+		"@carrismetropolitana/api-types": "^20251001.1550.12",
+		"@mantine/core": "8.3.2",
+		"@mantine/dates": "8.3.2",
+		"@mantine/form": "8.3.2",
+		"@mantine/hooks": "8.3.2",
+		"@mantine/modals": "8.3.2",
+		"@mantine/notifications": "8.3.2",
+		"@tabler/icons-react": "3.35.0",
 		"@tmlmobilidade/lib": "*",
 		"@tmlmobilidade/types": "*",
 		"@tmlmobilidade/utils": "*",
@@ -57,7 +57,7 @@
 		"clsx": "2.1.1",
 		"luxon": "3.7.2",
 		"mantine-form-zod-resolver": "1.3.0",
-		"maplibre-gl": "5.7.1",
+		"maplibre-gl": "5.8.0",
 		"react": "19.x",
 		"react-viewport-list": "7.1.2",
 		"ukkonen": "^2.2.0"
@@ -69,8 +69,8 @@
 		"@turf/turf": "7.2.0",
 		"@types/geojson": "7946.0.16",
 		"@types/luxon": "3.7.1",
-		"@types/node": "24.3.1",
-		"@types/react": "19.1.12",
+		"@types/node": "24.6.1",
+		"@types/react": "19.1.16",
 		"@types/react-dom": "19.1.9",
 		"nodemon": "3.1.10",
 		"postcss": "8.5.6",
@@ -82,7 +82,7 @@
 		"rollup-plugin-tsconfig-paths": "1.5.2",
 		"rollup-preserve-directives": "1.1.3",
 		"swr": "2.3.6",
-		"tsx": "4.20.5",
-		"typescript": "5.9.2"
+		"tsx": "4.20.6",
+		"typescript": "5.9.3"
 	}
 }