@tmlmobilidade/ui 20250329.138.21 → 20250329.240.31

package/dist/index.d.ts

@@ -78,8 +78,8 @@ interface MultipleProps extends BaseProps {
     onChange?: (value: string[] | undefined) => void;
     value?: string[] | undefined;
 }
-type Props$8 = MultipleProps | SingleProps;
-declare function ComboboxComponent(props: Props$8): react_jsx_runtime.JSX.Element;
+type Props$9 = MultipleProps | SingleProps;
+declare function ComboboxComponent(props: Props$9): react_jsx_runtime.JSX.Element;
 
 interface ComponentWrapperProps {
     children: ReactNode;
@@ -308,7 +308,7 @@ interface DataTableSearchProps<T> {
     value?: string;
 }
 
-interface Props$7<T> {
+interface Props$8<T> {
     /**
      * The classnames to be applied to the table.
      */
@@ -355,7 +355,7 @@ interface Props$7<T> {
      */
     title?: string;
 }
-declare function DataTable<T>({ records, ...props }: Props$7<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T>({ records, ...props }: Props$8<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$6 extends React.HTMLAttributes<HTMLDivElement> {
+interface Props$7 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$6): react_jsx_runtime.JSX.Element;
+declare function Grid({ children, className, columns, gap, hAlign, vAlign, ...props }: Props$7): react_jsx_runtime.JSX.Element;
 
 interface SectionProps {
     children: React__default.ReactNode;
@@ -394,9 +394,10 @@ declare function Sidebar(): react_jsx_runtime.JSX.Element;
 
 interface SurfaceProps$1 {
     children: React.ReactNode;
+    overflow?: 'auto' | 'hidden' | 'scroll';
     padding?: 'lg' | 'md' | 'sm' | 'xl';
 }
-declare function SimpleSurface({ children, padding }: SurfaceProps$1): react_jsx_runtime.JSX.Element;
+declare function SimpleSurface({ children, overflow, padding }: SurfaceProps$1): react_jsx_runtime.JSX.Element;
 
 interface SurfaceClassNames {
     divider?: string;
@@ -417,6 +418,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$6 {
+    children?: React.ReactNode;
+    header?: React.ReactNode;
+}
+declare function Pane({ children, header }: Props$6): react_jsx_runtime.JSX.Element;
+
 interface Props$5 {
     orientation?: 'horizontal' | 'vertical';
     size?: 'full' | 'lg' | 'md' | 'sm';
@@ -682,5 +689,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, 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$7 as Props, SidebarItemProps, ToastPromiseParams, ToastProps };
+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, Pane, 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$8 as Props, SidebarItemProps, ToastPromiseParams, ToastProps };

package/dist/index.js

@@ -29,6 +29,7 @@ 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 Surface } from './src/components/layout/Surface/index.js';
+export { Pane } from './src/components/layout/Pane/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';

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/AppWrapper/index.js

@@ -9,7 +9,7 @@ import styles from './styles.module.css.js';
 function AppWrapper({ children, icon }) {
     //
     // A. Setup variables
-    const { data } = useMeContext();
+    const meContext = useMeContext();
     const appIcon = () => {
         if (icon && typeof icon === 'object' && 'href' in icon) {
             return jsxRuntimeExports.jsx("a", { href: icon.href, children: icon.icon });
@@ -18,7 +18,7 @@ function AppWrapper({ children, icon }) {
     };
     //
     // B. Render components
-    return (jsxRuntimeExports.jsxs("div", { className: styles.container, children: [jsxRuntimeExports.jsx("div", { className: styles.appIcon, children: appIcon() }), jsxRuntimeExports.jsx(Header, { userName: data.user?.first_name }), jsxRuntimeExports.jsx(Sidebar, {}), jsxRuntimeExports.jsx("div", { className: styles.content, children: children })] }));
+    return (jsxRuntimeExports.jsxs("div", { className: styles.container, children: [jsxRuntimeExports.jsx("div", { className: styles.appIcon, children: appIcon() }), jsxRuntimeExports.jsx(Header, { userName: meContext.data.user?.first_name }), jsxRuntimeExports.jsx(Sidebar, {}), jsxRuntimeExports.jsx("div", { className: styles.content, children: children })] }));
 }
 
 export { AppWrapper as default };

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

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

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

@@ -0,0 +1,12 @@
+'use client';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+import { SimpleSurface } from '../SimpleSurface/index.js';
+import styles from './styles.module.css.js';
+
+/* * */
+function Pane({ children, header }) {
+    return (jsxRuntimeExports.jsxs(SimpleSurface, { children: [header && jsxRuntimeExports.jsx("div", { className: styles.header, children: header }), children && jsxRuntimeExports.jsx("div", { className: styles.children, children: children })] }));
+}
+
+export { Pane };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Pane/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAeA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;SAEgB,IAAI,CAAC,CAAA,CAAE,QAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAS,CAAA,CAAA;AAC/C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACCA,sBAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACZ,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAIC,qBAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAM,CAAO,CAAA,CAAA,EACvD,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAIA,qBAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,MAAM,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAQ,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAC/C,CAAA;AAElB;;"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/SimpleSurface/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;SAagB,aAAa,CAAC,CAAA,CAAE,QAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAgB,CAAA,CAAA;AAChE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACCA,qBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,IAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAgB,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAChD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAA,CACJ,CAAA;AAER;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/SimpleSurface/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAcM,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAC,CAAA,CAAE,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAgB,CAAA,CAAA;AACrF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACCA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAK,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAI,CAAA,CAAA,CAAA,CAAA,CAAiB,eAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,iBAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACzE,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACJ,CAAA;AAER;;"}

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

@@ -4,7 +4,7 @@ import styles from './styles.module.css.js';
 
 /* * */
 function Spacer({ orientation = 'horizontal', size = 'full' }) {
-    return (jsxRuntimeExports.jsx("div", { className: styles.element, "data-orientation": orientation, "data-size": size }));
+    return (jsxRuntimeExports.jsx("div", { className: styles.container, "data-orientation": orientation, "data-size": size }));
 }
 
 export { Spacer };

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":";;;;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,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EACP,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAClB,CAAA,CAAA,CAAA,CAAA,CAAI,EAAA,CACd,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 = {"element":"styles-module_element__Rcvmy"};
+var styles = {"container":"styles-module_container__nTl3X"};
 
 export { styles as default };
 //# sourceMappingURL=styles.module.css.js.map

package/dist/styles-no-reset.css

@@ -10056,7 +10056,8 @@ breakpoint-mobile {
 	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 5%);
 }
 
-/* SURFACE / PADDING */
+/* * */
+/* PROPS / PADDING */
 
 .styles-module_root__gwoL6[data-padding='sm'] {
 	padding: var(--size-spacing-sm);
@@ -10073,6 +10074,21 @@ breakpoint-mobile {
 .styles-module_root__gwoL6[data-padding='xl'] {
 	padding: var(--size-spacing-xl);
 }
+
+/* * */
+/* PROPS / OVERFLOW */
+
+.styles-module_root__gwoL6[data-overflow='auto'] {
+	overflow: auto;
+}
+
+.styles-module_root__gwoL6[data-overflow='hidden'] {
+	overflow: hidden;
+}
+
+.styles-module_root__gwoL6[data-overflow='scroll'] {
+	overflow: scroll;
+}
 .styles-module_root__Rhx1c {
     display: flex;
     flex-direction: column;
@@ -10161,9 +10177,31 @@ breakpoint-mobile {
     gap: var(--size-spacing-xl);
 }
 /* * */
+/* HEADER */
+
+.styles-module_header__8EL4W {
+	display: flex;
+	gap: var(--size-spacing-md);
+	align-items: center;
+	justify-content: flex-start;
+	width: 100%;
+	padding: var(--size-spacing-md);
+	border-bottom: 1px solid var(--color-system-border-100);
+}
+
+/* * */
+/* CHILDREN */
+
+.styles-module_children__CN1LK {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	overflow-y: auto;
+}
+/* * */
 /* CONTAINER */
 
-.styles-module_element__Rcvmy {
+.styles-module_container__nTl3X {
 	display: flex;
 	background-color: red;
 }
@@ -10171,31 +10209,31 @@ breakpoint-mobile {
 /* * */
 /* PROPS / SIZE */
 
-.styles-module_element__Rcvmy[data-size="full"] {
+.styles-module_container__nTl3X[data-size="full"] {
     --spacer-size: 100%;
 }
 
-.styles-module_element__Rcvmy[data-size="lg"] {
+.styles-module_container__nTl3X[data-size="lg"] {
 	--spacer-size: var(--size-spacing-lg);
 }
 
-.styles-module_element__Rcvmy[data-size="md"] {
+.styles-module_container__nTl3X[data-size="md"] {
 	--spacer-size: var(--size-spacing-md);
 }
 
-.styles-module_element__Rcvmy[data-size="sm"] {
+.styles-module_container__nTl3X[data-size="sm"] {
 	--spacer-size: var(--size-spacing-sm);
 }
 
 /* * */
 /* PROPS / ORIENTATION */
 
-.styles-module_element__Rcvmy[data-orientation="vertical"] {
+.styles-module_container__nTl3X[data-orientation="vertical"] {
 	width: 2px;
     height: var(--spacer-size);
 }
 
-.styles-module_element__Rcvmy[data-orientation="horizontal"] {
+.styles-module_container__nTl3X[data-orientation="horizontal"] {
     width: var(--spacer-size);
     height: 2px;
 }

package/dist/styles.css

@@ -10111,7 +10111,8 @@ breakpoint-mobile {
 	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 5%);
 }
 
-/* SURFACE / PADDING */
+/* * */
+/* PROPS / PADDING */
 
 .styles-module_root__gwoL6[data-padding='sm'] {
 	padding: var(--size-spacing-sm);
@@ -10128,6 +10129,21 @@ breakpoint-mobile {
 .styles-module_root__gwoL6[data-padding='xl'] {
 	padding: var(--size-spacing-xl);
 }
+
+/* * */
+/* PROPS / OVERFLOW */
+
+.styles-module_root__gwoL6[data-overflow='auto'] {
+	overflow: auto;
+}
+
+.styles-module_root__gwoL6[data-overflow='hidden'] {
+	overflow: hidden;
+}
+
+.styles-module_root__gwoL6[data-overflow='scroll'] {
+	overflow: scroll;
+}
 .styles-module_root__Rhx1c {
     display: flex;
     flex-direction: column;
@@ -10216,9 +10232,31 @@ breakpoint-mobile {
     gap: var(--size-spacing-xl);
 }
 /* * */
+/* HEADER */
+
+.styles-module_header__8EL4W {
+	display: flex;
+	gap: var(--size-spacing-md);
+	align-items: center;
+	justify-content: flex-start;
+	width: 100%;
+	padding: var(--size-spacing-md);
+	border-bottom: 1px solid var(--color-system-border-100);
+}
+
+/* * */
+/* CHILDREN */
+
+.styles-module_children__CN1LK {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	overflow-y: auto;
+}
+/* * */
 /* CONTAINER */
 
-.styles-module_element__Rcvmy {
+.styles-module_container__nTl3X {
 	display: flex;
 	background-color: red;
 }
@@ -10226,31 +10264,31 @@ breakpoint-mobile {
 /* * */
 /* PROPS / SIZE */
 
-.styles-module_element__Rcvmy[data-size="full"] {
+.styles-module_container__nTl3X[data-size="full"] {
     --spacer-size: 100%;
 }
 
-.styles-module_element__Rcvmy[data-size="lg"] {
+.styles-module_container__nTl3X[data-size="lg"] {
 	--spacer-size: var(--size-spacing-lg);
 }
 
-.styles-module_element__Rcvmy[data-size="md"] {
+.styles-module_container__nTl3X[data-size="md"] {
 	--spacer-size: var(--size-spacing-md);
 }
 
-.styles-module_element__Rcvmy[data-size="sm"] {
+.styles-module_container__nTl3X[data-size="sm"] {
 	--spacer-size: var(--size-spacing-sm);
 }
 
 /* * */
 /* PROPS / ORIENTATION */
 
-.styles-module_element__Rcvmy[data-orientation="vertical"] {
+.styles-module_container__nTl3X[data-orientation="vertical"] {
 	width: 2px;
     height: var(--spacer-size);
 }
 
-.styles-module_element__Rcvmy[data-orientation="horizontal"] {
+.styles-module_container__nTl3X[data-orientation="horizontal"] {
     width: var(--spacer-size);
     height: 2px;
 }

package/package.json

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