@tmlmobilidade/ui 20250329.138.21 → 20250329.549.2

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$a = MultipleProps | SingleProps;
+declare function ComboboxComponent(props: Props$a): react_jsx_runtime.JSX.Element;
 
 interface ComponentWrapperProps {
     children: ReactNode;
@@ -308,7 +308,7 @@ interface DataTableSearchProps<T> {
     value?: string;
 }
 
-interface Props$7<T> {
+interface Props$9<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$9<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$8 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$8): 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,17 @@ 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$7 {
+    children?: React.ReactNode;
+    header?: React.ReactNode;
+}
+declare function Pane({ children, header }: Props$7): react_jsx_runtime.JSX.Element;
+
+interface Props$6 {
+    panes: ReactNode[];
+}
+declare function PanesManager({ panes }: Props$6): react_jsx_runtime.JSX.Element;
+
 interface Props$5 {
     orientation?: 'horizontal' | 'vertical';
     size?: 'full' | 'lg' | 'md' | 'sm';
@@ -682,5 +694,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, PanesManager, 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$9 as Props, SidebarItemProps, ToastPromiseParams, ToastProps };

package/dist/index.js

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

@@ -0,0 +1,69 @@
+'use client';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+import { useRef, useState } from 'react';
+import styles from './styles.module.css.js';
+
+/* * */
+const GRIP_WIDTH = 20; // Pixels
+const MIN_PANE_FRACTION = 0.2; // Smallest size a pane can have in fraction units
+/* * */
+function PanesManager({ panes }) {
+    //
+    //
+    // A. Setup variables
+    const containerRef = useRef(null);
+    const [paneFractions, setPaneFractions] = useState(Array(panes.length).fill(1 / panes.length));
+    //
+    // B. Transform data
+    const gridTemplateColumns = paneFractions
+        .flatMap((fraction, index) => [
+        `${fraction}fr`,
+        index < panes.length - 1 ? `${GRIP_WIDTH}px` : null,
+    ])
+        .filter(Boolean)
+        .join(' ');
+    //
+    // C. Handle actions
+    const handleMouseDown = (index, mouseDownEvent) => {
+        // Prevent default behavior (e.g., text selection)
+        mouseDownEvent.preventDefault();
+        // Get the width of the parent container
+        const containerWidth = containerRef.current?.getBoundingClientRect().width || 1;
+        // Set the global cursor to indicate resizing
+        document.body.style.cursor = 'ew-resize';
+        // Handle the mouse movement
+        const onMouseMove = (moveMoveEvent) => {
+            // Calculate the difference in mouse position and what that means
+            // in terms of fractions of the container width
+            const deltaX = moveMoveEvent.clientX - mouseDownEvent.clientX;
+            const deltaFraction = deltaX / containerWidth;
+            // Calculate the new fractions for the panes
+            const newFractions = [...paneFractions];
+            newFractions[index] = (newFractions[index] ?? 0) + deltaFraction;
+            newFractions[index + 1] = (newFractions[index + 1] ?? 0) - deltaFraction;
+            // Ensure panes respect min fraction constraint
+            if (newFractions.some(f => f < MIN_PANE_FRACTION))
+                return;
+            // Normalize fractions to maintain total sum of 1
+            const total = newFractions.reduce((sum, val) => sum + val, 0);
+            setPaneFractions(newFractions.map(f => (f / total) * panes.length));
+        };
+        const onMouseUp = () => {
+            document.body.style.cursor = '';
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('mouseup', onMouseUp);
+        };
+        document.addEventListener('mousemove', onMouseMove);
+        document.addEventListener('mouseup', onMouseUp);
+    };
+    //
+    // D. Render components
+    if (panes.length > 2) {
+        return jsxRuntimeExports.jsx("p", { children: "Currently, only 2 panes are supported." });
+    }
+    return (jsxRuntimeExports.jsx("div", { ref: containerRef, className: styles.container, style: { gridTemplateColumns }, children: panes.map((pane, index) => (jsxRuntimeExports.jsxs("div", { className: styles.ignore, children: [pane, (index < panes.length - 1) && (jsxRuntimeExports.jsx("div", { className: styles.grip, onMouseDown: event => handleMouseDown(index, event), style: { '--grip-width': GRIP_WIDTH } }))] }, index))) }));
+    //
+}
+
+export { PanesManager };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,4 @@
+var styles = {"container":"styles-module_container__GZfwj","ignore":"styles-module_ignore__2joHW","grip":"styles-module_grip__t57y0"};
+
+export { styles as default };
+//# sourceMappingURL=styles.module.css.js.map

package/dist/src/components/layout/PanesManager/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,73 @@ 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_container__GZfwj {
+	display: grid;
+	width: 100%;
+}
+
+.styles-module_ignore__2joHW {
+	display: contents;
+}
+
+/* * */
+/* PANE WRAPPER */
+
+.styles-module_paneWrapper__-sA1s {
+	display: flex;
+	width: 100%;
+}
+
+/* * */
+/* GRIP */
+
+.styles-module_grip__t57y0 {
+	width: calc(var(--grip-width) - 10px);
+	height: 100px;
+	margin: auto 5px;
+	cursor: ew-resize;
+	background-color: var(--color-system-border-100);
+	border-radius: 999px;
+}
+
+.styles-module_grip__t57y0:hover {
+	background-color: var(--color-system-text-300);
+	opacity: 0.75;
+}
+
+.styles-module_grip__t57y0:active {
+	cursor: ew-resize;
+	background-color: var(--color-system-text-300);
+	opacity: 1;
+}
+/* * */
 /* CONTAINER */
 
-.styles-module_element__Rcvmy {
+.styles-module_container__nTl3X {
 	display: flex;
 	background-color: red;
 }
@@ -10171,31 +10251,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,73 @@ 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_container__GZfwj {
+	display: grid;
+	width: 100%;
+}
+
+.styles-module_ignore__2joHW {
+	display: contents;
+}
+
+/* * */
+/* PANE WRAPPER */
+
+.styles-module_paneWrapper__-sA1s {
+	display: flex;
+	width: 100%;
+}
+
+/* * */
+/* GRIP */
+
+.styles-module_grip__t57y0 {
+	width: calc(var(--grip-width) - 10px);
+	height: 100px;
+	margin: auto 5px;
+	cursor: ew-resize;
+	background-color: var(--color-system-border-100);
+	border-radius: 999px;
+}
+
+.styles-module_grip__t57y0:hover {
+	background-color: var(--color-system-text-300);
+	opacity: 0.75;
+}
+
+.styles-module_grip__t57y0:active {
+	cursor: ew-resize;
+	background-color: var(--color-system-text-300);
+	opacity: 1;
+}
+/* * */
 /* CONTAINER */
 
-.styles-module_element__Rcvmy {
+.styles-module_container__nTl3X {
 	display: flex;
 	background-color: red;
 }
@@ -10226,31 +10306,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.0549.02",
 	"author": "",
 	"license": "ISC",
 	"publishConfig": {