@tmlmobilidade/ui 20250403.2312.49 → 20250404.256.10

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/styles-no-reset.css

@@ -9845,6 +9845,108 @@ breakpoint-mobile {
 	padding: var(--size-spacing-lg);
 }
 /* * */
+/* ROOT */
+
+.styles-module_root__RKr4f {
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	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"] {
+	--container-size: 40px;
+	--blade-size: 10px;
+	--blade-thickness: 4px;
+	--blade-tightness: 1.75;
+}
+
+.styles-module_root__RKr4f[data-size="lg"] {
+	--container-size: 60px;
+	--blade-size: 18px;
+	--blade-thickness: 7px;
+	--blade-tightness: 1.25;
+}
+
+/* * */
+/* BLADES */
+
+.styles-module_blade__YWPQX {
+	position: absolute;
+	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) {
+    --angle: 0deg;
+	--delay: -1625ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(2) {
+	--angle: 45deg;
+	--delay: -1500ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(3) {
+    --angle: 90deg;
+	--delay: -1375ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(4) {
+    --angle: 135deg;
+	--delay: -1250ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(5) {
+    --angle: 180deg;
+	--delay: -1125ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(6) {
+    --angle: 225deg;
+	--delay: -1000ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(7) {
+    --angle: 270deg;
+	--delay: -875ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(8) {
+    --angle: 315deg;
+	--delay: -750ms;
+}
+
+/* * */
+/* ANIMATION */
+
+@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,108 @@ breakpoint-mobile {
 	padding: var(--size-spacing-lg);
 }
 /* * */
+/* ROOT */
+
+.styles-module_root__RKr4f {
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	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"] {
+	--container-size: 40px;
+	--blade-size: 10px;
+	--blade-thickness: 4px;
+	--blade-tightness: 1.75;
+}
+
+.styles-module_root__RKr4f[data-size="lg"] {
+	--container-size: 60px;
+	--blade-size: 18px;
+	--blade-thickness: 7px;
+	--blade-tightness: 1.25;
+}
+
+/* * */
+/* BLADES */
+
+.styles-module_blade__YWPQX {
+	position: absolute;
+	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) {
+    --angle: 0deg;
+	--delay: -1625ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(2) {
+	--angle: 45deg;
+	--delay: -1500ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(3) {
+    --angle: 90deg;
+	--delay: -1375ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(4) {
+    --angle: 135deg;
+	--delay: -1250ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(5) {
+    --angle: 180deg;
+	--delay: -1125ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(6) {
+    --angle: 225deg;
+	--delay: -1000ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(7) {
+    --angle: 270deg;
+	--delay: -875ms;
+}
+
+.styles-module_blade__YWPQX:nth-child(8) {
+    --angle: 315deg;
+	--delay: -750ms;
+}
+
+/* * */
+/* ANIMATION */
+
+@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.2312.49",
+	"version": "20250404.0256.10",
 	"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": "",