@tmlmobilidade/ui 20250401.2342.20 → 20250401.2349.29

package/dist/index.d.ts

@@ -399,6 +399,16 @@ interface PanesManagerProps {
 }
 declare function PanesManager({ panes }: PanesManagerProps): react_jsx_runtime.JSX.Element;
 
+interface SectionProps {
+    alignItems?: 'center' | 'flex-end' | 'flex-start';
+    children: React.ReactNode;
+    flexDirection?: 'column' | 'row';
+    gap?: 'lg' | 'md' | 'sm' | null;
+    justifyContent?: 'center' | 'flex-end' | 'flex-start' | 'space-between';
+    padding?: 'lg' | 'md' | 'sm' | null;
+}
+declare function Section({ alignItems, children, flexDirection, gap, justifyContent, padding }: SectionProps): react_jsx_runtime.JSX.Element;
+
 declare function Sidebar(): react_jsx_runtime.JSX.Element;
 
 interface SidebarItemProps {
@@ -419,9 +429,8 @@ interface SurfaceProps {
     children: React.ReactNode;
     height?: 'auto' | 'full';
     overflow?: 'auto' | 'hidden' | 'scroll';
-    padding?: 'lg' | 'md' | 'sm' | 'xl';
 }
-declare function Surface({ children, height, overflow, padding }: SurfaceProps): react_jsx_runtime.JSX.Element;
+declare function Surface({ children, height, overflow }: SurfaceProps): react_jsx_runtime.JSX.Element;
 
 type MapStyle = 'map' | 'satellite';
 interface MapOptionsContextState {
@@ -682,5 +691,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, FileButton, Grid, Label, MapOptionsContextProvider, MapView, MapViewStyleActiveStops, MapViewStyleActiveStopsInteractiveLayerId, MapViewStyleActiveStopsPrimaryLayerId, MapViewStylePath, MapViewStylePathInteractiveLayerId, MapViewStylePathPrimaryLayerId, MapViewStyleStops, MapViewStyleStopsInteractiveLayerId, MapViewStyleStopsPrimaryLayerId, MapViewStyleVehicles, MapViewStyleVehiclesInteractiveLayerId, MapViewStyleVehiclesPrimaryLayerId, MeContextProvider, Menu, Pane, PanesManager, PasswordInput, 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, 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 { DataItem, DataTableColumn, DataTableProps, DataTableSearchProps, MapStyle, SidebarItemProps, ToastPromiseParams, ToastProps };

package/dist/index.js

@@ -28,7 +28,7 @@ export { AppWrapper } from './src/components/layout/AppWrapper/index.js';
 export { Collapsible } from './src/components/layout/Collapsible/index.js';
 export { Pane } from './src/components/layout/Pane/index.js';
 export { PanesManager } from './src/components/layout/PanesManager/index.js';
-import './_virtual/jsx-runtime.js';
+export { Section } from './src/components/layout/Section/index.js';
 export { Sidebar } from './src/components/layout/Sidebar/index.js';
 export { SidebarItem } from './src/components/layout/SidebarItem/index.js';
 export { Spacer } from './src/components/layout/Spacer/index.js';

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

@@ -0,0 +1,10 @@
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+import styles from './styles.module.css.js';
+
+/* * */
+function Section({ alignItems = 'flex-start', children, flexDirection = 'column', gap, justifyContent = 'flex-start', padding = 'md' }) {
+    return (jsxRuntimeExports.jsx("div", { className: styles.root, "data-align-items": alignItems, "data-flex-direction": flexDirection, "data-gap": gap, "data-justify-content": justifyContent, "data-padding": padding, children: children }));
+}
+
+export { Section };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Section/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAeA;AAEM,SAAU,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,EAAE,QAAQ,EAAE,aAAa,GAAG,QAAQ,EAAE,GAAG,EAAE,cAAc,GAAG,YAAY,EAAE,OAAO,GAAG,IAAI,EAAgB,EAAA;IAC1J,QACCA,+BACC,SAAS,EAAE,MAAM,CAAC,IAAI,sBACJ,UAAU,EAAA,qBAAA,EACP,aAAa,EACxB,UAAA,EAAA,GAAG,0BACS,cAAc,EAAA,cAAA,EACtB,OAAO,EAEpB,QAAA,EAAA,QAAQ,EACJ,CAAA;AAER;;;;"}

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
 import styles from './styles.module.css.js';
 
-function Surface({ children, height = 'auto', overflow = 'hidden', padding }) {
-    return (jsxRuntimeExports.jsx("div", { className: styles.root, "data-height": height, "data-overflow": overflow, "data-padding": padding, children: children }));
+function Surface({ children, height = 'auto', overflow = 'hidden' }) {
+    return (jsxRuntimeExports.jsx("div", { className: styles.root, "data-height": height, "data-overflow": overflow, children: children }));
 }
 
 export { Surface };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Surface/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAagB,SAAA,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAE,OAAO,EAAgB,EAAA;AAChG,IAAA,QACCA,qBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EAAe,MAAM,EAAA,eAAA,EAAiB,QAAQ,EAAgB,cAAA,EAAA,OAAO,YAC9F,QAAQ,EAAA,CACJ;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Surface/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAYgB,SAAA,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,GAAG,QAAQ,EAAgB,EAAA;AACvF,IAAA,QACCA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAe,aAAA,EAAA,MAAM,mBAAiB,QAAQ,EAAA,QAAA,EACvE,QAAQ,EAAA,CACJ;AAER;;;;"}

package/dist/styles-no-reset.css

@@ -10020,7 +10020,7 @@ breakpoint-mobile {
     color: var(--color-system-border-100);
 }
 /* * */
-/* SURFACE / ROOT */
+/* ROOT */
 
 .styles-module_root__Rhx1c {
 	display: flex;
@@ -10059,25 +10059,6 @@ breakpoint-mobile {
 .styles-module_root__Rhx1c[data-overflow='scroll'] {
 	overflow: scroll;
 }
-
-/* * */
-/* PROPS / PADDING */
-
-.styles-module_root__Rhx1c[data-padding='sm'] {
-	padding: var(--size-spacing-sm);
-}
-
-.styles-module_root__Rhx1c[data-padding='md'] {
-	padding: var(--size-spacing-md);
-}
-
-.styles-module_root__Rhx1c[data-padding='lg'] {
-	padding: var(--size-spacing-lg);
-}
-
-.styles-module_root__Rhx1c[data-padding='xl'] {
-	padding: var(--size-spacing-xl);
-}
 /* * */
 /* HEADER */
 

package/dist/styles.css

@@ -10075,7 +10075,7 @@ breakpoint-mobile {
     color: var(--color-system-border-100);
 }
 /* * */
-/* SURFACE / ROOT */
+/* ROOT */
 
 .styles-module_root__Rhx1c {
 	display: flex;
@@ -10114,25 +10114,6 @@ breakpoint-mobile {
 .styles-module_root__Rhx1c[data-overflow='scroll'] {
 	overflow: scroll;
 }
-
-/* * */
-/* PROPS / PADDING */
-
-.styles-module_root__Rhx1c[data-padding='sm'] {
-	padding: var(--size-spacing-sm);
-}
-
-.styles-module_root__Rhx1c[data-padding='md'] {
-	padding: var(--size-spacing-md);
-}
-
-.styles-module_root__Rhx1c[data-padding='lg'] {
-	padding: var(--size-spacing-lg);
-}
-
-.styles-module_root__Rhx1c[data-padding='xl'] {
-	padding: var(--size-spacing-xl);
-}
 /* * */
 /* HEADER */
 

package/package.json

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