@tmlmobilidade/ui 20250403.2259.46 → 20250404.230.26

package/dist/index.d.ts

@@ -214,6 +214,12 @@ interface LabelProps {
 }
 declare function Label({ caps, children, overflow, singleLine, size }: LabelProps): react_jsx_runtime.JSX.Element;
 
+interface LoaderProps {
+    size?: 'lg' | 'md' | 'sm' | 'xl';
+    visible?: boolean;
+}
+declare function Loader({ size, visible }: LoaderProps): react_jsx_runtime.JSX.Element | null;
+
 declare function PasswordInput({ classNames, error, value, ...props }: PasswordInputProps): react_jsx_runtime.JSX.Element;
 
 type SliderProps = SliderProps$1;
@@ -722,5 +728,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, 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, MapStyle, SidebarItemProps, TagProps, TextProps, ThemeType, ToastPromiseParams, ToastProps };
+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 type { ButtonProps, DataItem, DataTableColumn, DataTableProps, DataTableSearchProps, LabelProps, LoaderProps, MapStyle, SidebarItemProps, TagProps, TextProps, ThemeType, ToastPromiseParams, ToastProps };

package/dist/index.js

@@ -16,6 +16,7 @@ export { default as Tooltip } from './src/components/common/Tooltip/index.js';
 export { CMIcon, CMLogo, TMLogo, TMLogoDark, TMLogoLight } from './src/components/common/AppLogos/index.js';
 export { Button } from './src/components/common/Button/index.js';
 export { Label } from './src/components/common/Label/index.js';
+export { Loader } from './src/components/common/Loader/index.js';
 export { PasswordInput } from './src/components/common/PasswordInput/index.js';
 export { Slider } from './src/components/common/Slider/index.js';
 export { Switch } from './src/components/common/Switch/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/common/Loader/index.js

@@ -0,0 +1,16 @@
+'use client';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+import styles from './styles.module.css.js';
+
+/* * */
+function Loader({ size = 'md', visible = true }) {
+    //
+    if (!visible) {
+        return null;
+    }
+    return (jsxRuntimeExports.jsxs("div", { className: styles.root, "data-size": size, "data-visible": visible, children: [jsxRuntimeExports.jsx("div", { className: styles.blade }), jsxRuntimeExports.jsx("div", { className: styles.blade }), jsxRuntimeExports.jsx("div", { className: styles.blade }), jsxRuntimeExports.jsx("div", { className: styles.blade }), jsxRuntimeExports.jsx("div", { className: styles.blade }), jsxRuntimeExports.jsx("div", { className: styles.blade }), jsxRuntimeExports.jsx("div", { className: styles.blade }), jsxRuntimeExports.jsx("div", { className: styles.blade })] }));
+    //
+}
+
+export { Loader };
+//# sourceMappingURL=index.js.map

package/dist/src/components/common/Loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/common/Loader/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/src/components/common/Loader/styles.module.css.js

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

package/dist/src/components/common/Loader/styles.module.css.js.map

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

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

@@ -7,7 +7,7 @@ import styles from './styles.module.css.js';
 
 /* * */
 function Sidebar() {
-    return (jsxRuntimeExports.jsxs("div", { className: styles.container, children: [jsxRuntimeExports.jsx("div", { className: styles.navWrapper, children: apps.map(item => (jsxRuntimeExports.jsx(SidebarItem, { _id: item._id, href: item.href, label: item.label, permission: item.permission }, item.href))) }), jsxRuntimeExports.jsx(Spacer, { orientation: "vertical" }), jsxRuntimeExports.jsx(ThemeSwitcher, {})] }));
+    return (jsxRuntimeExports.jsxs("div", { className: styles.container, children: [jsxRuntimeExports.jsx("div", { className: styles.navWrapper, children: apps.map(item => (jsxRuntimeExports.jsx(SidebarItem, { _id: item._id, href: item.href, label: item.label, permission: item.permission }, item.href))) }), jsxRuntimeExports.jsx(Spacer, { orientation: "vertical" }), jsxRuntimeExports.jsx("div", { className: styles.navWrapper, children: jsxRuntimeExports.jsx(ThemeSwitcher, {}) })] }));
 }
 
 export { Sidebar };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Sidebar/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AASA;SAEgB,OAAO,GAAA;AACtB,IAAA,QACCA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAC/B,QAAA,EAAA,CAAAC,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAC/B,IAAI,CAAC,GAAG,CAAC,IAAI,KACbA,qBAAC,CAAA,WAAW,EAEX,EAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,EAJtB,EAAA,IAAI,CAAC,IAAI,CAKb,CACF,CAAC,EACG,CAAA,EACNA,qBAAC,CAAA,MAAM,IAAC,WAAW,EAAC,UAAU,EAAA,CAAG,EACjCA,qBAAC,CAAA,aAAa,EAAG,EAAA,CAAA,CAAA,EAAA,CACZ;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Sidebar/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AASA;SAEgB,OAAO,GAAA;AACtB,IAAA,QACCA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAAA,CAC/BC,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,UAAU,EAC/B,QAAA,EAAA,IAAI,CAAC,GAAG,CAAC,IAAI,KACbA,qBAAC,CAAA,WAAW,IAEX,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,EAJtB,EAAA,IAAI,CAAC,IAAI,CAKb,CACF,CAAC,EAAA,CACG,EACNA,qBAAC,CAAA,MAAM,EAAC,EAAA,WAAW,EAAC,UAAU,EAAA,CAAG,EACjCA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAChCA,qBAAC,CAAA,aAAa,KAAG,EACZ,CAAA,CAAA,EAAA,CACD;AAER;;;;"}

package/dist/styles-no-reset.css

@@ -9845,6 +9845,168 @@ breakpoint-mobile {
 	padding: var(--size-spacing-lg);
 }
 /* * */
+/* ROOT */
+
+.styles-module_root__RKr4f {
+	position: relative;
+	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);
+
+}
+
+/* * */
+/* 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);
+}
+
+.styles-module_root__RKr4f[data-size="lg"] {
+	--parent-size: 80px;
+	--blade-width: 4px;
+	--blade-height: 10px;
+	--blade-offset: calc(var(--blade-height) + 0px);
+}
+
+/* * */
+/* BLADES */
+
+.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;
+}
+
+.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
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+/* * */
+/* * */
+/* * */
+/* * */
+/* * */
+
+/* .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);
+} */
+
+@keyframes styles-module_spinner-animation__VepTl {
+	0% {
+		opacity: 0.85;
+	}
+	50% {
+		opacity: 0.25;
+	}
+	100% {
+		opacity: 0.25;
+	}
+}
+/* * */
 /* TAG */
 
 .styles-module_tag__9r5VH {

package/dist/styles.css

@@ -9900,6 +9900,168 @@ breakpoint-mobile {
 	padding: var(--size-spacing-lg);
 }
 /* * */
+/* ROOT */
+
+.styles-module_root__RKr4f {
+	position: relative;
+	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);
+
+}
+
+/* * */
+/* 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);
+}
+
+.styles-module_root__RKr4f[data-size="lg"] {
+	--parent-size: 80px;
+	--blade-width: 4px;
+	--blade-height: 10px;
+	--blade-offset: calc(var(--blade-height) + 0px);
+}
+
+/* * */
+/* BLADES */
+
+.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;
+}
+
+.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
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+.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;
+}
+
+/* * */
+/* * */
+/* * */
+/* * */
+/* * */
+
+/* .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);
+} */
+
+@keyframes styles-module_spinner-animation__VepTl {
+	0% {
+		opacity: 0.85;
+	}
+	50% {
+		opacity: 0.25;
+	}
+	100% {
+		opacity: 0.25;
+	}
+}
+/* * */
 /* TAG */
 
 .styles-module_tag__9r5VH {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tmlmobilidade/ui",
-	"version": "20250403.2259.46",
+	"version": "20250404.0230.26",
 	"author": "",
 	"license": "ISC",
 	"publishConfig": {
@@ -26,7 +26,7 @@
 	"scripts": {
 		"build": "npm run clean && tsx scripts/build.ts",
 		"clean": "rm -rf dist",
-		"dev": "npm run clean && tsx scripts/watch.ts",
+		"dev": "tsx scripts/watch.ts",
 		"lint": "eslint ./src"
 	},
 	"description": "",