@tmlmobilidade/ui 20250401.2010.5 → 20250401.2120.31

package/dist/index.d.ts

@@ -174,10 +174,11 @@ declare function FileButton({ accept, disabled, icon, label, loading, onCancel,
 interface LabelProps {
     caps?: boolean;
     children?: React__default.ReactNode;
+    overflow?: boolean;
     singleLine?: boolean;
     size?: 'lg' | 'md' | 'sm';
 }
-declare function Label({ caps, children, singleLine, size }: LabelProps): react_jsx_runtime.JSX.Element;
+declare function Label({ caps, children, overflow, singleLine, size }: LabelProps): react_jsx_runtime.JSX.Element;
 
 type MenuProps = MenuProps$1;
 type MenuTargetProps = MenuTargetProps$1;
@@ -412,8 +413,18 @@ interface Props$8 {
 declare function AppWrapper({ children, icon }: Props$8): react_jsx_runtime.JSX.Element;
 
 interface Props$7 {
+    /**
+     * A set of or a single React component to be rendered inside
+     * an auto-overflowing content pane. This is the main content of the pane.
+     * The pane will automatically add a scrollbar if the content overflows the pane.
+     */
     children?: React.ReactNode;
-    header?: React.ReactNode;
+    /**
+     * An array of React components to be rendered as rows inside a fixed header.
+     * This is useful for rendering a title, a toolbar, or any other component that
+     * should be fixed at the top of the pane. The header will be rendered above the children.
+     */
+    header?: React.ReactNode[];
 }
 declare function Pane({ children, header }: Props$7): react_jsx_runtime.JSX.Element;
 

package/dist/src/components/common/Label/index.js

@@ -3,8 +3,8 @@ import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
 import styles from './styles.module.css.js';
 
 /* * */
-function Label({ caps = false, children, singleLine = false, size = 'md' }) {
-    return (jsxRuntimeExports.jsx("p", { className: styles.label, "data-caps": caps, "data-single-line": singleLine, "data-size": size, children: children }));
+function Label({ caps = false, children, overflow = false, singleLine = false, size = 'md' }) {
+    return (jsxRuntimeExports.jsx("p", { className: styles.label, "data-caps": caps, "data-overflow": overflow, "data-single-line": singleLine, "data-size": size, children: children }));
 }
 
 export { Label };

package/dist/src/components/common/Label/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/common/Label/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAiBA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;SAEgB,KAAK,CAAC,CAAA,CAAE,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,KAAK,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,GAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,IAAI,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,EAAc,CAAA,CAAA;AAC5F,CAAA,CAAA,CAAA,CAAA,CACCA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,WACxF,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACN,CAAA;AAEN;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/common/Label/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAkBA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEM,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,GAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,QAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,GAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,UAAU,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAI,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA;AAC9G,CAAA,CAAA,CAAA,CAAA,CACCA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAG,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAI,CAAA,CAAA,CAAA,CAAA,kBAAiB,CAAQ,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,CAAoB,UAAU,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,WACjH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAA,CACN,CAAA;AAEN;;"}

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

@@ -5,7 +5,7 @@ import styles from './styles.module.css.js';
 
 /* * */
 function Pane({ children, header }) {
-    return (jsxRuntimeExports.jsxs(SimpleSurface, { height: "full", children: [header && jsxRuntimeExports.jsx("div", { className: styles.header, children: header }), children && jsxRuntimeExports.jsx("div", { className: styles.children, children: children })] }));
+    return (jsxRuntimeExports.jsxs(SimpleSurface, { height: "full", children: [header && (jsxRuntimeExports.jsx("div", { className: styles.headerWrapper, children: header.map((headerItem, index) => (jsxRuntimeExports.jsx("div", { className: styles.headerItem, children: headerItem }, index))) })), children && jsxRuntimeExports.jsx("div", { className: styles.children, children: children })] }));
 }
 
 export { Pane };

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

@@ -1 +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,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAIC,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,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAO,CAAA,CAAA,CACvD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,IAAIA,8BAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAQ,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAC/C,CAAA;AAElB;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Pane/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AA4BA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;SAEgB,IAAI,CAAC,CAAA,CAAE,QAAQ,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAS,CAAA,CAAA;IAC/C,QACCA,CAAC,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,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,EAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC1B,QAAA,CAAA,CAAA,CAAA,MAAM,CACNC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAClC,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAG,CAAC,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,EAAE,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC7BA,qBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,SAAS,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAhD,CAAK,CAAA,CAAA,CAAA,CAAA,CAAkD,CACjE,CAAC,CAAA,CACG,CAAA,CACN,CAAA,CACA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAIA,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,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EAAA,CAAO,CAC/C,EAAA,CAAA,CAAA;AAElB;;"}

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

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

package/dist/styles-no-reset.css

@@ -9318,11 +9318,17 @@ breakpoint-mobile {
 	text-transform: uppercase;
 }
 
+/* * */
+/* LABEL / OVERFLOW */
+
+.styles-module_label__eX438[data-overflow="true"] {
+	overflow: hidden;
+}
+
 /* * */
 /* LABEL / SINGLE LINE */
 
 .styles-module_label__eX438[data-single-line="true"] {
-	overflow: hidden;
 	text-overflow: ellipsis;
 	line-clamp: 1;
 	white-space: nowrap;
@@ -10227,7 +10233,15 @@ breakpoint-mobile {
 /* * */
 /* HEADER */
 
-.styles-module_header__8EL4W {
+.styles-module_headerWrapper__DHYtn {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	width: 100%;
+}
+
+.styles-module_headerItem__-nJ-N {
 	display: flex;
 	gap: var(--size-spacing-md);
 	align-items: center;

package/dist/styles.css

@@ -9373,11 +9373,17 @@ breakpoint-mobile {
 	text-transform: uppercase;
 }
 
+/* * */
+/* LABEL / OVERFLOW */
+
+.styles-module_label__eX438[data-overflow="true"] {
+	overflow: hidden;
+}
+
 /* * */
 /* LABEL / SINGLE LINE */
 
 .styles-module_label__eX438[data-single-line="true"] {
-	overflow: hidden;
 	text-overflow: ellipsis;
 	line-clamp: 1;
 	white-space: nowrap;
@@ -10282,7 +10288,15 @@ breakpoint-mobile {
 /* * */
 /* HEADER */
 
-.styles-module_header__8EL4W {
+.styles-module_headerWrapper__DHYtn {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: flex-start;
+	width: 100%;
+}
+
+.styles-module_headerItem__-nJ-N {
 	display: flex;
 	gap: var(--size-spacing-md);
 	align-items: center;

package/package.json

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