@tmlmobilidade/ui 20250329.22.48 → 20250329.119.6

package/dist/index.d.ts

@@ -78,8 +78,8 @@ interface MultipleProps extends BaseProps {
     onChange?: (value: string[] | undefined) => void;
     value?: string[] | undefined;
 }
-type Props$7 = MultipleProps | SingleProps;
-declare function ComboboxComponent(props: Props$7): react_jsx_runtime.JSX.Element;
+type Props$8 = MultipleProps | SingleProps;
+declare function ComboboxComponent(props: Props$8): react_jsx_runtime.JSX.Element;
 
 interface ComponentWrapperProps {
     children: ReactNode;
@@ -308,7 +308,7 @@ interface DataTableSearchProps<T> {
     value?: string;
 }
 
-interface Props$6<T> {
+interface Props$7<T> {
     /**
      * The classnames to be applied to the table.
      */
@@ -355,7 +355,7 @@ interface Props$6<T> {
      */
     title?: string;
 }
-declare function DataTable<T>({ records, ...props }: Props$6<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T>({ records, ...props }: Props$7<T>): react_jsx_runtime.JSX.Element;
 
 interface AppWrapperProps {
     children: React.ReactNode;
@@ -366,13 +366,13 @@ interface AppWrapperProps {
 }
 declare function AppWrapper({ children, icon }: AppWrapperProps): react_jsx_runtime.JSX.Element;
 
-interface Props$5 extends React.HTMLAttributes<HTMLDivElement> {
+interface Props$6 extends React.HTMLAttributes<HTMLDivElement> {
     columns?: 'a' | 'aab' | 'ab' | 'abb' | 'abc' | 'abcd';
     gap?: 'lg' | 'md' | 'none' | 'sm' | 'xl' | 'xs';
     hAlign?: 'center' | 'end' | 'start';
     vAlign?: 'center' | 'end' | 'start';
 }
-declare function Grid({ children, className, columns, gap, hAlign, vAlign, ...props }: Props$5): react_jsx_runtime.JSX.Element;
+declare function Grid({ children, className, columns, gap, hAlign, vAlign, ...props }: Props$6): react_jsx_runtime.JSX.Element;
 
 interface SectionProps {
     children: React__default.ReactNode;
@@ -398,13 +398,6 @@ interface SurfaceProps$1 {
 }
 declare function SimpleSurface({ children, padding }: SurfaceProps$1): react_jsx_runtime.JSX.Element;
 
-interface SpacerProps {
-    className?: string;
-    orientation: 'horizontal' | 'vertical';
-    size: '2xl' | '3xl' | '4xl' | 'lg' | 'md' | 'sm' | 'xl' | 'xs';
-}
-declare function Spacer({ className, orientation, size }: SpacerProps): react_jsx_runtime.JSX.Element;
-
 interface SurfaceClassNames {
     divider?: string;
     root?: string;
@@ -424,6 +417,12 @@ interface SurfaceProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare function Surface({ alignItems, borderRadius, children, classNames, divider, flexDirection, gap, justifyContent, padding, variant, ...props }: SurfaceProps): react_jsx_runtime.JSX.Element;
 
+interface Props$5 {
+    orientation: 'horizontal' | 'vertical';
+    size: 'full' | 'lg' | 'md' | 'sm';
+}
+declare function Spacer({ orientation, size }: Props$5): react_jsx_runtime.JSX.Element;
+
 type MapStyle = 'map' | 'satellite';
 interface MapOptionsContextState {
     actions: {
@@ -684,4 +683,4 @@ 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, ComboboxComponent as Combobox, ComponentWrapper, DataTable, DateTimePicker, DeleteActionIcon, Description, FileButton, Grid, Label, MapOptionsContextProvider, MapView, MapViewStyleActiveStops, MapViewStyleActiveStopsInteractiveLayerId, MapViewStyleActiveStopsPrimaryLayerId, MapViewStylePath, MapViewStylePathInteractiveLayerId, MapViewStylePathPrimaryLayerId, MapViewStyleStops, MapViewStyleStopsInteractiveLayerId, MapViewStyleStopsPrimaryLayerId, MapViewStyleVehicles, MapViewStyleVehiclesInteractiveLayerId, MapViewStyleVehiclesPrimaryLayerId, MeContextProvider, Menu, PasswordInput, Section, SegmentedControl, Sidebar, SidebarContextProvider, SimpleSurface, 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 { DataItem, DataTableColumn, DataTableSearchProps, MapStyle, Props$6 as Props, SidebarItemProps, ToastPromiseParams, ToastProps };
+export type { DataItem, DataTableColumn, DataTableSearchProps, MapStyle, Props$7 as Props, SidebarItemProps, ToastPromiseParams, ToastProps };

package/dist/index.js

@@ -28,8 +28,8 @@ export { default as Grid } from './src/components/layout/Grid/index.js';
 export { default as Section } from './src/components/layout/Section/index.js';
 export { default as Sidebar } from './src/components/layout/Sidebar/index.js';
 export { SimpleSurface } from './src/components/layout/SimpleSurface/index.js';
-export { default as Spacer } from './src/components/layout/Spacer/index.js';
 export { default as Surface } from './src/components/layout/Surface/index.js';
+export { Spacer } from './src/components/layout/Spacer/index.js';
 export { MapView } from './src/components/map/MapView/index.js';
 export { MapViewStyleActiveStops, MapViewStyleActiveStopsInteractiveLayerId, MapViewStyleActiveStopsPrimaryLayerId } from './src/components/map/MapViewStyleActiveStops/index.js';
 export { MapViewStylePath, MapViewStylePathInteractiveLayerId, MapViewStylePathPrimaryLayerId } from './src/components/map/MapViewStylePath/index.js';

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

@@ -1,15 +1,11 @@
 'use client';
 import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
-import { cn } from '../../../lib/utils.js';
 import styles from './styles.module.css.js';
 
-function Spacer({ className, orientation, size }) {
-    const sizeClass = `size${size}`;
-    const orientationClass = `orientation${orientation}`;
-    return (jsxRuntimeExports.jsx("div", { className: cn(styles[sizeClass], styles[orientationClass], className), style: {
-            minHeight: orientation === 'horizontal' ? '100%' : undefined,
-        } }));
+/* * */
+function Spacer({ orientation = 'horizontal', size = 'full' }) {
+    return (jsxRuntimeExports.jsx("div", { className: styles.container, "data-orientation": orientation, "data-size": size }));
 }
 
-export { Spacer as default };
+export { Spacer };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Spacer/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAcc,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAI,CAAA,CAAA,CAAA,CAAA,CAAe,CAAA,CAAA;AAC3E,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,SAAS,CAAG,CAAA,CAAA,CAAO,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,EAAE;AAC/B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,gBAAgB,CAAG,CAAA,CAAA,CAAc,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,EAAE;CAEpD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACCA,+BACC,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAE,CAAA,CACZ,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,SAAS,CAAC,CAAA,CACjB,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,EACxB,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACT,CACD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAE,CAAA;CACN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,YAAY,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,GAAG,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC5D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CACA,CAAA;AAEJ;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Spacer/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAaA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEM,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAE,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA;AAC1E,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACCA,qBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CACC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,SAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EACT,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAClB,CAAA,CAAA,CAAA,CAAA,CAAI,EAAA,CACd,CAAA;AAEJ;;"}

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

@@ -1,4 +1,4 @@
-var styles = {"sizexs":"styles-module_sizexs__f81Qf","sizesm":"styles-module_sizesm__cOyRy","sizemd":"styles-module_sizemd__uYu-S","sizelg":"styles-module_sizelg__CdAjx","sizexl":"styles-module_sizexl__tWmKz","size2xl":"styles-module_size2xl__Rtw-9","size3xl":"styles-module_size3xl__kvrLp","size4xl":"styles-module_size4xl__aJHXX","orientationvertical":"styles-module_orientationvertical__ktvLu","orientationhorizontal":"styles-module_orientationhorizontal__LyAb1"};
+var styles = {};
 
 export { styles as default };
 //# sourceMappingURL=styles.module.css.js.map

package/dist/styles-no-reset.css

@@ -10073,48 +10073,6 @@ breakpoint-mobile {
 .styles-module_root__gwoL6[data-padding='xl'] {
 	padding: var(--size-spacing-xl);
 }
-.styles-module_sizexs__f81Qf {
-    --spacer-size: var(--size-spacing-xs);
-}
-
-.styles-module_sizesm__cOyRy {
-    --spacer-size: var(--size-spacing-sm);
-}
-
-.styles-module_sizemd__uYu-S {
-    --spacer-size: var(--size-spacing-md);
-}
-
-.styles-module_sizelg__CdAjx {
-    --spacer-size: var(--size-spacing-lg);
-}
-
-.styles-module_sizexl__tWmKz {
-    --spacer-size: var(--size-spacing-xl);
-}
-
-.styles-module_size2xl__Rtw-9 {
-    --spacer-size: var(--size-spacing-2xl);
-}
-
-.styles-module_size3xl__kvrLp {
-    --spacer-size: var(--size-spacing-3xl);
-}
-
-.styles-module_size4xl__aJHXX {
-    --spacer-size: var(--size-spacing-4xl);
-}
-
-.styles-module_orientationvertical__ktvLu {
-    width: 100%;
-    height: var(--spacer-size);
-}
-
-.styles-module_orientationhorizontal__LyAb1 {
-    width: var(--spacer-size);
-    height: 100%;
-}
-
 .styles-module_root__Rhx1c {
     display: flex;
     flex-direction: column;
@@ -10205,6 +10163,46 @@ breakpoint-mobile {
 /* * */
 /* CONTAINER */
 
+.styles-module_element__Rcvmy {
+	display: flex;
+	background-color: blue;
+}
+
+/* * */
+/* PROPS / SIZE */
+
+.styles-module_element__Rcvmy[data-size="full"] {
+    --spacer-size: var(--size-spacing-xs);
+}
+
+.styles-module_element__Rcvmy[data-size="sm"] {
+    --spacer-size: var(--size-spacing-sm);
+}
+
+.styles-module_element__Rcvmy[data-size="md"] {
+    --spacer-size: var(--size-spacing-md);
+}
+
+.styles-module_element__Rcvmy[data-size="lg"] {
+    --spacer-size: var(--size-spacing-lg);
+}
+
+/* * */
+/* PROPS / ORIENTATION */
+
+.styles-module_element__Rcvmy[data-orientation="vertical"] {
+	width: 2px;
+    height: var(--spacer-size);
+}
+
+.styles-module_element__Rcvmy[data-orientation="horizontal"] {
+    width: var(--spacer-size);
+    height: 2px;
+}
+
+/* * */
+/* CONTAINER */
+
 .styles-module_container__Rs2HW {
 	position: relative;
 	display: flex;

package/dist/styles.css

@@ -10128,48 +10128,6 @@ breakpoint-mobile {
 .styles-module_root__gwoL6[data-padding='xl'] {
 	padding: var(--size-spacing-xl);
 }
-.styles-module_sizexs__f81Qf {
-    --spacer-size: var(--size-spacing-xs);
-}
-
-.styles-module_sizesm__cOyRy {
-    --spacer-size: var(--size-spacing-sm);
-}
-
-.styles-module_sizemd__uYu-S {
-    --spacer-size: var(--size-spacing-md);
-}
-
-.styles-module_sizelg__CdAjx {
-    --spacer-size: var(--size-spacing-lg);
-}
-
-.styles-module_sizexl__tWmKz {
-    --spacer-size: var(--size-spacing-xl);
-}
-
-.styles-module_size2xl__Rtw-9 {
-    --spacer-size: var(--size-spacing-2xl);
-}
-
-.styles-module_size3xl__kvrLp {
-    --spacer-size: var(--size-spacing-3xl);
-}
-
-.styles-module_size4xl__aJHXX {
-    --spacer-size: var(--size-spacing-4xl);
-}
-
-.styles-module_orientationvertical__ktvLu {
-    width: 100%;
-    height: var(--spacer-size);
-}
-
-.styles-module_orientationhorizontal__LyAb1 {
-    width: var(--spacer-size);
-    height: 100%;
-}
-
 .styles-module_root__Rhx1c {
     display: flex;
     flex-direction: column;
@@ -10260,6 +10218,46 @@ breakpoint-mobile {
 /* * */
 /* CONTAINER */
 
+.styles-module_element__Rcvmy {
+	display: flex;
+	background-color: blue;
+}
+
+/* * */
+/* PROPS / SIZE */
+
+.styles-module_element__Rcvmy[data-size="full"] {
+    --spacer-size: var(--size-spacing-xs);
+}
+
+.styles-module_element__Rcvmy[data-size="sm"] {
+    --spacer-size: var(--size-spacing-sm);
+}
+
+.styles-module_element__Rcvmy[data-size="md"] {
+    --spacer-size: var(--size-spacing-md);
+}
+
+.styles-module_element__Rcvmy[data-size="lg"] {
+    --spacer-size: var(--size-spacing-lg);
+}
+
+/* * */
+/* PROPS / ORIENTATION */
+
+.styles-module_element__Rcvmy[data-orientation="vertical"] {
+	width: 2px;
+    height: var(--spacer-size);
+}
+
+.styles-module_element__Rcvmy[data-orientation="horizontal"] {
+    width: var(--spacer-size);
+    height: 2px;
+}
+
+/* * */
+/* CONTAINER */
+
 .styles-module_container__Rs2HW {
 	position: relative;
 	display: flex;

package/package.json

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