@tmlmobilidade/ui 20250307.1723.25 → 20250310.1959.17

package/dist/styles.css

@@ -368,6 +368,87 @@ breakpoint-mobile {
 	}
 }
 
+.styles-module_root__P5aS- {
+	transition: all 300ms ease-in;
+	background-color: transparent;
+	border-radius: var(--border-radius-xs);
+	font-size: 16px;
+	font-weight: 500;
+	padding: var(--size-spacing-xs);
+	cursor: pointer;
+	height: auto;
+	width: auto;
+}
+
+.styles-module_primary__1Forr {
+	color: var(--color-primary);
+
+	&:hover {
+		background-color: var(--color-background);
+	}
+}
+
+.styles-module_secondary__F-Pxy {
+	color: var(--color-secondary);
+
+	&:hover {
+		background-color: var(--color-background);
+	}
+}
+
+.styles-module_muted__IRFQC {
+	color: var(--color-system-text-300);
+
+	&:hover {
+		color: var(--color-primary);
+	}
+}
+
+.styles-module_disabled__Q0YEb {
+	color: var(--color-system-border-100);
+	cursor: not-allowed;
+}
+
+.styles-module_danger__-aPaa {
+	color: var(--color-status-danger-primary);
+
+	&:hover {
+		background-color: var(--color-status-danger-contrast);
+	}
+}
+
+.styles-module_info__z1XFz {
+	color: var(--color-status-info-primary);
+
+	&:hover {
+		background-color: var(--color-status-info-contrast);
+	}
+}
+
+.styles-module_success__V-kNZ {
+	color: var(--color-status-success-primary);
+
+	&:hover {
+		color: var(--color-status-success-contrast);
+		background-color: var(--color-status-success-primary);
+	}
+}
+	
+.styles-module_warning__gGAPU {
+	color: var(--color-status-warning-primary);
+
+	&:hover {
+		background-color: var(--color-status-warning-contrast);
+	}
+}
+
+.styles-module_active__0bskK {
+	color: var(--color-status-active-primary);
+
+	&:hover {
+		background-color: var(--color-status-active-contrast);
+	}
+}
 /* * */
 /* BUTTON / ROOT */
 
@@ -598,87 +679,6 @@ breakpoint-mobile {
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 
-.styles-module_root__P5aS- {
-	transition: all 300ms ease-in;
-	background-color: transparent;
-	border-radius: var(--border-radius-xs);
-	font-size: 16px;
-	font-weight: 500;
-	padding: var(--size-spacing-xs);
-	cursor: pointer;
-	height: auto;
-	width: auto;
-}
-
-.styles-module_primary__1Forr {
-	color: var(--color-primary);
-
-	&:hover {
-		background-color: var(--color-background);
-	}
-}
-
-.styles-module_secondary__F-Pxy {
-	color: var(--color-secondary);
-
-	&:hover {
-		background-color: var(--color-background);
-	}
-}
-
-.styles-module_muted__IRFQC {
-	color: var(--color-system-text-300);
-
-	&:hover {
-		color: var(--color-primary);
-	}
-}
-
-.styles-module_disabled__Q0YEb {
-	color: var(--color-system-border-100);
-	cursor: not-allowed;
-}
-
-.styles-module_danger__-aPaa {
-	color: var(--color-status-danger-primary);
-
-	&:hover {
-		background-color: var(--color-status-danger-contrast);
-	}
-}
-
-.styles-module_info__z1XFz {
-	color: var(--color-status-info-primary);
-
-	&:hover {
-		background-color: var(--color-status-info-contrast);
-	}
-}
-
-.styles-module_success__V-kNZ {
-	color: var(--color-status-success-primary);
-
-	&:hover {
-		color: var(--color-status-success-contrast);
-		background-color: var(--color-status-success-primary);
-	}
-}
-	
-.styles-module_warning__gGAPU {
-	color: var(--color-status-warning-primary);
-
-	&:hover {
-		background-color: var(--color-status-warning-contrast);
-	}
-}
-
-.styles-module_active__0bskK {
-	color: var(--color-status-active-primary);
-
-	&:hover {
-		background-color: var(--color-status-active-contrast);
-	}
-}
 .styles-module_button__fQIgs {
     transition: all 300ms ease-in;
     border: 2px solid transparent;
@@ -990,6 +990,54 @@ breakpoint-mobile {
 	width: 100% !important;
 }
 
+.styles-module_container__mDGcJ {
+    max-width: 100vw;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    border-radius: 1rem;
+    background-color: var(--background);
+    padding: 1rem;
+    box-shadow: 4px 5px 6px #00000022;
+}
+  
+@media (min-width: 768px) {
+	.styles-module_container__mDGcJ {
+		border: 2px solid var(--color-system-text-300);
+		background-color: var(--color-system-background-300);
+		padding: 4rem;
+	}
+}
+  
+.styles-module_background__xb4Qr {
+	--background-color: var(--color-system-text-300);
+
+	@media (prefers-color-scheme: dark) {
+		--background-color: var(--color-system-background-100);
+	}
+
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    background: radial-gradient(var(--background-color) 1px, transparent 1px);
+    background-size: 16px 16px;
+    pointer-events: none;
+}
+
+  
+.styles-module_content__gNNHp {
+    position: relative;
+    z-index: 10;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+  
 /* * */
 /* INPUT */
 
@@ -1348,130 +1396,6 @@ breakpoint-mobile {
     font-weight: var(--font-weight-semibold);
 }
 
-.styles-module_header__6dpaJ {
-    position: sticky;
-    top: 0;
-
-    background-color: var(--color-system-background-100);
-    box-shadow: 0 1px 5px 0 var(--color-system-border-100);
-}
-
-  .styles-module_cell__mfzlU {
-    padding: var(--size-spacing-md);
-    text-transform: uppercase;
-    font-size: var(--font-size-xs);
-    font-weight: var(--font-weight-semibold);
-    line-height: var(--font-line-height-xs);
-    color: var(--color-system-text-300);
-
-    white-space: nowrap;
-}
-
-.styles-module_cellContent__NO9HT {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.styles-module_row__0kxC4 {
-    border-bottom: 1px solid var(--color-system-border-100);
-}
-
-
-.styles-module_row__46pHv {
-    border-bottom: 1px solid var(--color-system-border-100);
-
-    &:hover {
-        background-color: var(--color-system-background-200);
-    }
-}
-
-.styles-module_cell__Yb-lZ {
-    font-weight: var(--font-weight-semibold);
-    font-size: var(--font-size-base);
-    line-height: var(--font-line-height-base);
-    color: var(--color-system-text-100);
-}
-
-.styles-module_maxWidth__S-bPz {
-    & * {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-}
-
-.styles-module_fullWidth__vNRRx {
-    & * {
-        min-width: max-content;
-    }
-}
-.styles-module_root__2WSxN {
-    position: sticky;
-    top: 0;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--size-spacing-sm);
-    padding: var(--size-spacing-sm);
-    background-color: var(--color-system-background-100);
-    border-bottom: 1px solid var(--color-system-border-100);
-}
-
-.styles-module_title__qCJZG {
-    color: var(--color-system-text-100);
-    text-transform: uppercase;
-    font-size: var(--font-size-lg);
-    font-weight: var(--font-weight-bold);
-    line-height: var(--font-line-height-lg);
-}
-
-.styles-module_item__yl--3 {
-    cursor: pointer;
-    font-size: var(--font-size-xs);
-    font-weight: var(--font-weight-semibold);
-    line-height: var(--font-line-height-xs);
-    text-transform: uppercase;
-    user-select: none;
-
-    border: 2px solid var(--color-system-border-100);
-    border-radius: var(--border-radius-xl);
-
-    padding: 2px 10px;
-
-    &[aria-active="true"] {
-        background-color: var(--color-primary);
-        border-color: var(--color-secondary);
-        color: var(--color-contrast);
-    }
-}
-
-.styles-module_itemsWrapper__8xwKJ {
-    flex-grow: 1;
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--size-spacing-sm);
-}
-.styles-module_root__AStX6 {
-    max-width: 100%;
-}
-
-.styles-module_tableWrapper__ByR84 {
-    background-color: var(--color-system-background-100);
-    color: var(--color-system-text-100);
-    overflow-x: auto;
-    max-width: 100%;
-}
-
-.styles-module_table__IKm6A {
-    width: 100%;
-    border-collapse: collapse;
-}
-
-.styles-module_body__Ou1Rp {
-    overflow-y: auto;
-}
-  
 /* * */
 /* CONTAINER */
 
@@ -1617,6 +1541,130 @@ breakpoint-mobile {
   z-index: 0;
 }
 
+.styles-module_header__6dpaJ {
+    position: sticky;
+    top: 0;
+
+    background-color: var(--color-system-background-100);
+    box-shadow: 0 1px 5px 0 var(--color-system-border-100);
+}
+
+  .styles-module_cell__mfzlU {
+    padding: var(--size-spacing-md);
+    text-transform: uppercase;
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-semibold);
+    line-height: var(--font-line-height-xs);
+    color: var(--color-system-text-300);
+
+    white-space: nowrap;
+}
+
+.styles-module_cellContent__NO9HT {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.styles-module_row__0kxC4 {
+    border-bottom: 1px solid var(--color-system-border-100);
+}
+
+
+.styles-module_row__46pHv {
+    border-bottom: 1px solid var(--color-system-border-100);
+
+    &:hover {
+        background-color: var(--color-system-background-200);
+    }
+}
+
+.styles-module_cell__Yb-lZ {
+    font-weight: var(--font-weight-semibold);
+    font-size: var(--font-size-base);
+    line-height: var(--font-line-height-base);
+    color: var(--color-system-text-100);
+}
+
+.styles-module_maxWidth__S-bPz {
+    & * {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+}
+
+.styles-module_fullWidth__vNRRx {
+    & * {
+        min-width: max-content;
+    }
+}
+.styles-module_root__2WSxN {
+    position: sticky;
+    top: 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--size-spacing-sm);
+    padding: var(--size-spacing-sm);
+    background-color: var(--color-system-background-100);
+    border-bottom: 1px solid var(--color-system-border-100);
+}
+
+.styles-module_title__qCJZG {
+    color: var(--color-system-text-100);
+    text-transform: uppercase;
+    font-size: var(--font-size-lg);
+    font-weight: var(--font-weight-bold);
+    line-height: var(--font-line-height-lg);
+}
+
+.styles-module_item__yl--3 {
+    cursor: pointer;
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-semibold);
+    line-height: var(--font-line-height-xs);
+    text-transform: uppercase;
+    user-select: none;
+
+    border: 2px solid var(--color-system-border-100);
+    border-radius: var(--border-radius-xl);
+
+    padding: 2px 10px;
+
+    &[aria-active="true"] {
+        background-color: var(--color-primary);
+        border-color: var(--color-secondary);
+        color: var(--color-contrast);
+    }
+}
+
+.styles-module_itemsWrapper__8xwKJ {
+    flex-grow: 1;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--size-spacing-sm);
+}
+.styles-module_root__AStX6 {
+    max-width: 100%;
+}
+
+.styles-module_tableWrapper__ByR84 {
+    background-color: var(--color-system-background-100);
+    color: var(--color-system-text-100);
+    overflow-x: auto;
+    max-width: 100%;
+}
+
+.styles-module_table__IKm6A {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.styles-module_body__Ou1Rp {
+    overflow-y: auto;
+}
+  
 /* * */
 /* CONTAINER */
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tmlmobilidade/ui",
-	"version": "20250307.1723.25",
+	"version": "20250310.1959.17",
 	"author": "",
 	"license": "ISC",
 	"publishConfig": {
@@ -16,35 +16,15 @@
 	"scripts": {
 		"build": "npm run clean && tsx scripts/build.ts",
 		"clean": "rm -rf dist",
-		"dev": "npm run clean && tsx scripts/watch.ts"
-	},
-	"babel": {
-		"presets": [
-			[
-				"@babel/preset-env",
-				{
-					"targets": {
-						"chrome": 100,
-						"firefox": 91,
-						"safari": 15
-					}
-				}
-			],
-			[
-				"@babel/preset-react",
-				{
-					"runtime": "automatic"
-				}
-			],
-			"@babel/preset-typescript"
-		],
-		"sourceType": "unambiguous"
+		"dev": "npm run clean && tsx scripts/watch.ts",
+		"lint": "eslint ./src"
 	},
 	"description": "",
 	"peerDependencies": {
 		"@turf/turf": "^7.x",
 		"@vis.gl/react-maplibre": "^8.x",
 		"maplibre-gl": "^5.x",
+		"next": "^14.x || ^15.x",
 		"nuqs": "^2.x",
 		"react": "^18.x || ^19.x",
 		"react-dom": "^18.x || ^19.x",
@@ -58,7 +38,6 @@
 		"@mantine/modals": "^7.16.0",
 		"@mantine/notifications": "^7.16.1",
 		"@tabler/icons-react": "3.26.0",
-		"@tmlmobilidade/core-types": "^20250305.1659.2",
 		"@types/geojson": "^7946.0.16",
 		"clsx": "^2.1.1",
 		"js-cookie": "^3.0.5",
@@ -66,13 +45,10 @@
 		"react-viewport-list": "^7.1.2"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.24.6",
-		"@babel/preset-env": "^7.24.6",
-		"@babel/preset-react": "^7.24.6",
-		"@babel/preset-typescript": "^7.24.6",
 		"@rollup/plugin-commonjs": "^25.0.8",
 		"@rollup/plugin-node-resolve": "^15.2.3",
 		"@rollup/plugin-typescript": "^11.1.6",
+		"@turf/helpers": "^7.2.0",
 		"@turf/turf": "^7.2.0",
 		"@types/js-cookie": "^3.0.6",
 		"@types/luxon": "^3.4.2",
@@ -94,6 +70,6 @@
 		"ts-node-dev": "^2.0.0",
 		"tslib": "^2.6.2",
 		"tsx": "^4.19.2",
-		"typescript": "^5.4.5"
+		"typescript": "^5.7.3"
 	}
 }