@tmlmobilidade/ui 20250404.230.26 → 20250404.308.6

package/dist/index.d.ts

@@ -390,6 +390,12 @@ interface DividerProps {
 }
 declare function Divider({ orientation }: DividerProps): react_jsx_runtime.JSX.Element;
 
+interface LoadingOverlayProps {
+    fullscreen?: boolean;
+    size?: 'lg' | 'md' | 'sm' | 'xl';
+}
+declare function LoadingOverlay({ fullscreen, size }: LoadingOverlayProps): react_jsx_runtime.JSX.Element;
+
 interface PaneProps {
     /**
      * A set of or a single React component to be rendered inside
@@ -728,5 +734,5 @@ declare const getBaseGeoJsonFeatureLineString: () => GeoJSON.Feature<GeoJSON.Lin
  */
 declare const getBaseGeoJsonFeatureCollection: () => GeoJSON.FeatureCollection<GeoJSON.LineString | GeoJSON.Point, GeoJSON.GeoJsonProperties>;
 
-export { AVAILABLE_THEMES, ActionIcon, AppProvider, AppWrapper, Badge, Button, CMIcon, CMLogo, Checkbox, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, DataTable, DateTimePicker, DeleteActionIcon, Description, Divider, FileButton, Grid, Label, Loader, MapOptionsContextProvider, MapView, MapViewStyleActiveStops, MapViewStyleActiveStopsInteractiveLayerId, MapViewStyleActiveStopsPrimaryLayerId, MapViewStylePath, MapViewStylePathInteractiveLayerId, MapViewStylePathPrimaryLayerId, MapViewStyleStops, MapViewStyleStopsInteractiveLayerId, MapViewStyleStopsPrimaryLayerId, MapViewStyleVehicles, MapViewStyleVehiclesInteractiveLayerId, MapViewStyleVehiclesPrimaryLayerId, MeContextProvider, Menu, Pane, PanesManager, PasswordInput, Section, SegmentedControl, Sidebar, SidebarContextProvider, SidebarItem, Slider, Spacer, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, Text, Component$1 as TextArea, Component as TextInput, ThemeContextProvider, ThemeDark, ThemeLight, ThemeSwitcher, Themer, Tooltip, centerMap, getBaseGeoJsonFeatureCollection, getBaseGeoJsonFeatureLineString, moveMap, useIsActiveDomain, useIsActivePage, useMapOptionsContext, useMeContext, useScreenSize, useSearchQuery, useSidebarContext, useThemeContext, useToast };
+export { AVAILABLE_THEMES, ActionIcon, AppProvider, AppWrapper, Badge, Button, CMIcon, CMLogo, Checkbox, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, DataTable, DateTimePicker, DeleteActionIcon, Description, Divider, FileButton, Grid, Label, Loader, LoadingOverlay, MapOptionsContextProvider, MapView, MapViewStyleActiveStops, MapViewStyleActiveStopsInteractiveLayerId, MapViewStyleActiveStopsPrimaryLayerId, MapViewStylePath, MapViewStylePathInteractiveLayerId, MapViewStylePathPrimaryLayerId, MapViewStyleStops, MapViewStyleStopsInteractiveLayerId, MapViewStyleStopsPrimaryLayerId, MapViewStyleVehicles, MapViewStyleVehiclesInteractiveLayerId, MapViewStyleVehiclesPrimaryLayerId, MeContextProvider, Menu, Pane, PanesManager, PasswordInput, Section, SegmentedControl, Sidebar, SidebarContextProvider, SidebarItem, Slider, Spacer, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, Text, Component$1 as TextArea, Component as TextInput, ThemeContextProvider, ThemeDark, ThemeLight, ThemeSwitcher, Themer, Tooltip, centerMap, getBaseGeoJsonFeatureCollection, getBaseGeoJsonFeatureLineString, moveMap, useIsActiveDomain, useIsActivePage, useMapOptionsContext, useMeContext, useScreenSize, useSearchQuery, useSidebarContext, useThemeContext, useToast };
 export type { ButtonProps, DataItem, DataTableColumn, DataTableProps, DataTableSearchProps, LabelProps, LoaderProps, MapStyle, SidebarItemProps, TagProps, TextProps, ThemeType, ToastPromiseParams, ToastProps };

package/dist/index.js

@@ -28,6 +28,7 @@ export { default as Grid } from './src/components/layout/Grid/index.js';
 export { AppWrapper } from './src/components/layout/AppWrapper/index.js';
 export { Collapsible } from './src/components/layout/Collapsible/index.js';
 export { Divider } from './src/components/layout/Divider/index.js';
+export { LoadingOverlay } from './src/components/layout/LoadingOverlay/index.js';
 export { Pane } from './src/components/layout/Pane/index.js';
 export { PanesManager } from './src/components/layout/PanesManager/index.js';
 export { Section } from './src/components/layout/Section/index.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/src/components/layout/LoadingOverlay/index.js

@@ -0,0 +1,20 @@
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+import 'clsx';
+import 'luxon';
+import '@mantine/core';
+import '@tabler/icons-react';
+import 'react';
+import 'react-viewport-list';
+import '@mantine/dates';
+import '@mantine/modals';
+import '../../common/Menu/index.js';
+import '../../../contexts/Theme.context.js';
+import { Loader } from '../../common/Loader/index.js';
+import styles from './styles.module.css.js';
+
+function LoadingOverlay({ fullscreen, size = 'md' }) {
+    return (jsxRuntimeExports.jsx("div", { className: styles.root, "data-fullscreen": fullscreen, children: jsxRuntimeExports.jsx(Loader, { size: size }) }));
+}
+
+export { LoadingOverlay };
+//# sourceMappingURL=index.js.map

package/dist/src/components/layout/LoadingOverlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/LoadingOverlay/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAaM,SAAU,cAAc,CAAC,EAAE,UAAU,EAAE,IAAI,GAAG,IAAI,EAAuB,EAAA;AAC9E,IAAA,QACCA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EAAmB,iBAAA,EAAA,UAAU,YACvDA,qBAAC,CAAA,MAAM,IAAC,IAAI,EAAE,IAAI,EAAI,CAAA,EAAA,CACjB;AAER;;;;"}

package/dist/src/components/layout/LoadingOverlay/styles.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"root":"styles-module_root__XaC3k"};
+
+export { styles as default };
+//# sourceMappingURL=styles.module.css.js.map

package/dist/src/components/layout/LoadingOverlay/styles.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/src/contexts/Me.context.js

@@ -34,9 +34,9 @@ const MeContextProvider = ({ children }) => {
     }), [data, isLoading, error]);
     //
     // C. Render components
-    if (contextValue.flags.loading) {
-        return jsxRuntimeExports.jsx("div", { children: "loading me..." });
-    }
+    // if (contextValue.flags.loading) {
+    // 	return <div>loading me...</div>;
+    // }
     return (jsxRuntimeExports.jsx(MeContext.Provider, { value: contextValue, children: children }));
 };
 

package/dist/src/contexts/Me.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Me.context.js","sources":["../../../src/contexts/Me.context.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Me.context.js","sources":["../../../src/contexts/Me.context.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/dist/styles-no-reset.css

@@ -9852,30 +9852,28 @@ breakpoint-mobile {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: var(--parent-size);
-	height: var(--parent-size);
-	background-color: wheat;
-
-	--blade-x-position: calc((var(--parent-size) / 2 - var(--blade-width) / 2) / 2 - 1px);
-	--blade-y-position: calc((var(--parent-size) / 2 - var(--blade-width) / 2) / 2 - 4px);
+	width: var(--container-size);
+	height: var(--container-size);
 
+	--center: calc(var(--container-size) / 2);
+    --radius: calc(var(--container-size) / 2 - var(--blade-size) / 2 * var(--blade-tightness));
 }
 
 /* * */
 /* PROPS / SIZE */
 
 .styles-module_root__RKr4f[data-size="md"] {
-	--parent-size: 40px;
-	--blade-width: 4px;
-	--blade-height: 10px;
-	--blade-offset: calc(var(--blade-height) + 0px);
+	--container-size: 40px;
+	--blade-size: 10px;
+	--blade-thickness: 4px;
+	--blade-tightness: 1.75;
 }
 
 .styles-module_root__RKr4f[data-size="lg"] {
-	--parent-size: 80px;
-	--blade-width: 4px;
-	--blade-height: 10px;
-	--blade-offset: calc(var(--blade-height) + 0px);
+	--container-size: 60px;
+	--blade-size: 18px;
+	--blade-thickness: 7px;
+	--blade-tightness: 1.25;
 }
 
 /* * */
@@ -9883,117 +9881,59 @@ breakpoint-mobile {
 
 .styles-module_blade__YWPQX {
 	position: absolute;
-	top: 0;
-	left: 0;
-	width: var(--blade-width);
-	height: var(--blade-height);
-	background-color: var(--color-system-text-300);
-	border-radius: 999px;
-	animation: styles-module_spinner-animation__VepTl 1000ms linear infinite;
-	will-change: opacity;
+	top: calc(var(--center) + var(--radius) * sin(var(--angle)) - var(--blade-size) / 2);
+    left: calc(var(--center) + var(--radius) * cos(var(--angle)) - var(--blade-thickness) / 2);
+    width: var(--blade-thickness);
+    height: var(--blade-size);
+    background-color: var(--color-system-text-300);
+    border-radius: 999px;
+    transform: rotate(calc(var(--angle) + 90deg));
+    animation: styles-module_spinner-animation__VepTl 1000ms var(--delay) linear infinite;
+    will-change: opacity;
 }
 
 .styles-module_blade__YWPQX:nth-child(1) {
-	top: calc(var(--blade-offset) * 0 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 1 + var(--blade-x-position));
-	transform: rotate(0deg);
-	animation-delay: -1625ms
+    --angle: 0deg;
+	--delay: -1625ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(2) {
-	top: calc(var(--blade-offset) * 0.25 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 1.75 + var(--blade-x-position));
-	transform: rotate(45deg);
-	animation-delay: -1500ms;
+	--angle: 45deg;
+	--delay: -1500ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(3) {
-	top: calc(var(--blade-offset) * 1 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 2 + var(--blade-x-position));
-	transform: rotate(90deg);
-	animation-delay: -1375ms;
+    --angle: 90deg;
+	--delay: -1375ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(4) {
-	top: calc(var(--blade-offset) * 1.75 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 1.75 + var(--blade-x-position));
-	transform: rotate(135deg);
-	animation-delay: -1250ms;
+    --angle: 135deg;
+	--delay: -1250ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(5) {
-	top: calc(var(--blade-offset) * 2 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 1 + var(--blade-x-position));
-	transform: rotate(180deg);
-	animation-delay: -1125ms;
+    --angle: 180deg;
+	--delay: -1125ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(6) {
-	top: calc(var(--blade-offset) * 1.75 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 0.25 + var(--blade-x-position));
-	transform: rotate(225deg);
-	animation-delay: -1000ms;
+    --angle: 225deg;
+	--delay: -1000ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(7) {
-	top: calc(var(--blade-offset) * 1 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 0 + var(--blade-x-position));
-	transform: rotate(270deg);
-	animation-delay: -875ms;
+    --angle: 270deg;
+	--delay: -875ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(8) {
-	top: calc(var(--blade-offset) * 0.25 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 0.25 + var(--blade-x-position));
-	transform: rotate(315deg);
-	animation-delay: -750ms;
+    --angle: 315deg;
+	--delay: -750ms;
 }
 
 /* * */
-/* * */
-/* * */
-/* * */
-/* * */
-
-/* .root[data-size="lg"] .blade {
-	top: 11.5px;
-	left: 15px;
-	width: 5px;
-	height: 12px;
-	border-radius: 2.5px;
-}
-
-.root[data-size="lg"] .blade:nth-child(1) {
-	transform: rotate(45deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(2) {
-	transform: rotate(90deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(3) {
-	transform: rotate(135deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(4) {
-	transform: rotate(180deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(5) {
-	transform: rotate(225deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(6) {
-	transform: rotate(270deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(7) {
-	transform: rotate(315deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(8) {
-	transform: rotate(360deg) translateY(-11.5px);
-} */
+/* ANIMATION */
 
 @keyframes styles-module_spinner-animation__VepTl {
 	0% {
@@ -10625,6 +10565,22 @@ breakpoint-mobile {
 /* * */
 /* ROOT */
 
+.styles-module_root__XaC3k {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	background-color: rgb(0 0 0 / 75%);
+}
+
+.styles-module_root__XaC3k[data-fullscreen="true"] {
+	position: fixed;
+	inset: 0;
+	z-index: 9999;
+}
+/* * */
+/* ROOT */
+
 .styles-module_root__Rhx1c {
 	display: flex;
 	flex-direction: column;

package/dist/styles.css

@@ -9907,30 +9907,28 @@ breakpoint-mobile {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: var(--parent-size);
-	height: var(--parent-size);
-	background-color: wheat;
-
-	--blade-x-position: calc((var(--parent-size) / 2 - var(--blade-width) / 2) / 2 - 1px);
-	--blade-y-position: calc((var(--parent-size) / 2 - var(--blade-width) / 2) / 2 - 4px);
+	width: var(--container-size);
+	height: var(--container-size);
 
+	--center: calc(var(--container-size) / 2);
+    --radius: calc(var(--container-size) / 2 - var(--blade-size) / 2 * var(--blade-tightness));
 }
 
 /* * */
 /* PROPS / SIZE */
 
 .styles-module_root__RKr4f[data-size="md"] {
-	--parent-size: 40px;
-	--blade-width: 4px;
-	--blade-height: 10px;
-	--blade-offset: calc(var(--blade-height) + 0px);
+	--container-size: 40px;
+	--blade-size: 10px;
+	--blade-thickness: 4px;
+	--blade-tightness: 1.75;
 }
 
 .styles-module_root__RKr4f[data-size="lg"] {
-	--parent-size: 80px;
-	--blade-width: 4px;
-	--blade-height: 10px;
-	--blade-offset: calc(var(--blade-height) + 0px);
+	--container-size: 60px;
+	--blade-size: 18px;
+	--blade-thickness: 7px;
+	--blade-tightness: 1.25;
 }
 
 /* * */
@@ -9938,117 +9936,59 @@ breakpoint-mobile {
 
 .styles-module_blade__YWPQX {
 	position: absolute;
-	top: 0;
-	left: 0;
-	width: var(--blade-width);
-	height: var(--blade-height);
-	background-color: var(--color-system-text-300);
-	border-radius: 999px;
-	animation: styles-module_spinner-animation__VepTl 1000ms linear infinite;
-	will-change: opacity;
+	top: calc(var(--center) + var(--radius) * sin(var(--angle)) - var(--blade-size) / 2);
+    left: calc(var(--center) + var(--radius) * cos(var(--angle)) - var(--blade-thickness) / 2);
+    width: var(--blade-thickness);
+    height: var(--blade-size);
+    background-color: var(--color-system-text-300);
+    border-radius: 999px;
+    transform: rotate(calc(var(--angle) + 90deg));
+    animation: styles-module_spinner-animation__VepTl 1000ms var(--delay) linear infinite;
+    will-change: opacity;
 }
 
 .styles-module_blade__YWPQX:nth-child(1) {
-	top: calc(var(--blade-offset) * 0 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 1 + var(--blade-x-position));
-	transform: rotate(0deg);
-	animation-delay: -1625ms
+    --angle: 0deg;
+	--delay: -1625ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(2) {
-	top: calc(var(--blade-offset) * 0.25 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 1.75 + var(--blade-x-position));
-	transform: rotate(45deg);
-	animation-delay: -1500ms;
+	--angle: 45deg;
+	--delay: -1500ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(3) {
-	top: calc(var(--blade-offset) * 1 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 2 + var(--blade-x-position));
-	transform: rotate(90deg);
-	animation-delay: -1375ms;
+    --angle: 90deg;
+	--delay: -1375ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(4) {
-	top: calc(var(--blade-offset) * 1.75 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 1.75 + var(--blade-x-position));
-	transform: rotate(135deg);
-	animation-delay: -1250ms;
+    --angle: 135deg;
+	--delay: -1250ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(5) {
-	top: calc(var(--blade-offset) * 2 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 1 + var(--blade-x-position));
-	transform: rotate(180deg);
-	animation-delay: -1125ms;
+    --angle: 180deg;
+	--delay: -1125ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(6) {
-	top: calc(var(--blade-offset) * 1.75 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 0.25 + var(--blade-x-position));
-	transform: rotate(225deg);
-	animation-delay: -1000ms;
+    --angle: 225deg;
+	--delay: -1000ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(7) {
-	top: calc(var(--blade-offset) * 1 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 0 + var(--blade-x-position));
-	transform: rotate(270deg);
-	animation-delay: -875ms;
+    --angle: 270deg;
+	--delay: -875ms;
 }
 
 .styles-module_blade__YWPQX:nth-child(8) {
-	top: calc(var(--blade-offset) * 0.25 + var(--blade-y-position));
-	left: calc(var(--blade-offset) * 0.25 + var(--blade-x-position));
-	transform: rotate(315deg);
-	animation-delay: -750ms;
+    --angle: 315deg;
+	--delay: -750ms;
 }
 
 /* * */
-/* * */
-/* * */
-/* * */
-/* * */
-
-/* .root[data-size="lg"] .blade {
-	top: 11.5px;
-	left: 15px;
-	width: 5px;
-	height: 12px;
-	border-radius: 2.5px;
-}
-
-.root[data-size="lg"] .blade:nth-child(1) {
-	transform: rotate(45deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(2) {
-	transform: rotate(90deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(3) {
-	transform: rotate(135deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(4) {
-	transform: rotate(180deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(5) {
-	transform: rotate(225deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(6) {
-	transform: rotate(270deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(7) {
-	transform: rotate(315deg) translateY(-11.5px);
-}
-
-.root[data-size="lg"] .blade:nth-child(8) {
-	transform: rotate(360deg) translateY(-11.5px);
-} */
+/* ANIMATION */
 
 @keyframes styles-module_spinner-animation__VepTl {
 	0% {
@@ -10680,6 +10620,22 @@ breakpoint-mobile {
 /* * */
 /* ROOT */
 
+.styles-module_root__XaC3k {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	background-color: rgb(0 0 0 / 75%);
+}
+
+.styles-module_root__XaC3k[data-fullscreen="true"] {
+	position: fixed;
+	inset: 0;
+	z-index: 9999;
+}
+/* * */
+/* ROOT */
+
 .styles-module_root__Rhx1c {
 	display: flex;
 	flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tmlmobilidade/ui",
-	"version": "20250404.0230.26",
+	"version": "20250404.0308.06",
 	"author": "",
 	"license": "ISC",
 	"publishConfig": {