@tmlmobilidade/ui 20250226.1436.26 → 20250305.1746.10

package/dist/esm/types/src/components/layout/AppWrapper/Header/index.d.ts

@@ -0,0 +1 @@
+export default function Header(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/layout/AppWrapper/Options/index.d.ts

@@ -0,0 +1 @@
+export default function AppOptions(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/layout/AppWrapper/index.d.ts

@@ -0,0 +1,11 @@
+import { SidebarItemProps } from '../Sidebar';
+interface AppWrapperProps {
+    children: React.ReactNode;
+    icon: React.ReactNode | {
+        href: string;
+        icon: React.ReactNode;
+    };
+    sidebarItems: SidebarItemProps[];
+}
+export default function AppWrapper({ children, icon, sidebarItems, }: AppWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/src/components/layout/Sidebar/index.d.ts

@@ -3,21 +3,8 @@ export interface SidebarItemProps {
     href: string;
     icon: React.ReactNode;
     label: string;
-    permission?: {
-        action: string;
-        scope: string;
-    };
 }
 export interface SidebarProps {
-    classNames?: {
-        container?: string;
-        footer?: string;
-        header?: string;
-        navButton?: string;
-        navWrapper?: string;
-    };
-    footer?: React.ReactNode;
-    header?: React.ReactNode;
     items: SidebarItemProps[];
 }
-export default function Sidebar({ classNames, footer, header, items, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export default function Sidebar({ items, }: SidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/components/layout/index.d.ts

@@ -1,3 +1,4 @@
+export { default as AppWrapper } from './AppWrapper';
 export { default as Grid } from './Grid';
 export { default as Section } from './Section';
 export { default as Sidebar } from './Sidebar';

package/dist/esm/types/src/lib/utils.d.ts

@@ -19,7 +19,7 @@ export declare const truncate: (str: null | string, length: number) => null | st
  * @param {...Parameters<typeof fetch>} args - The arguments to pass to the fetch function.
  * @returns {Promise<any>} - A promise that resolves to the JSON response.
  */
-export declare const fetcher: (input: string | URL | Request, init?: RequestInit | undefined) => Promise<any>;
+export declare const fetcher: (...args: Parameters<typeof fetch>) => Promise<any>;
 /**
  * Capitalizes first letters of words in string.
  * @param {string} str String to be modified

package/dist/index.d.ts

@@ -377,6 +377,27 @@ interface DataTableTitleProps<T> {
 
 declare function DataTable<T>({ records, ...props }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
+interface SidebarItemProps {
+    disabled?: boolean;
+    href: string;
+    icon: React.ReactNode;
+    label: string;
+}
+interface SidebarProps {
+    items: SidebarItemProps[];
+}
+declare function Sidebar({ items, }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+interface AppWrapperProps {
+    children: React.ReactNode;
+    icon: React.ReactNode | {
+        href: string;
+        icon: React.ReactNode;
+    };
+    sidebarItems: SidebarItemProps[];
+}
+declare function AppWrapper({ children, icon, sidebarItems, }: AppWrapperProps): react_jsx_runtime.JSX.Element;
+
 interface Props$1 extends React.HTMLAttributes<HTMLDivElement> {
     columns?: 'a' | 'aab' | 'ab' | 'abb' | 'abc' | 'abcd';
     gap?: 'lg' | 'md' | 'none' | 'sm' | 'xl' | 'xs';
@@ -395,30 +416,6 @@ interface SectionProps {
 }
 declare function Section({ children, classNames, description, icon, title, titleAs, }: SectionProps): react_jsx_runtime.JSX.Element;
 
-interface SidebarItemProps {
-    disabled?: boolean;
-    href: string;
-    icon: React.ReactNode;
-    label: string;
-    permission?: {
-        action: string;
-        scope: string;
-    };
-}
-interface SidebarProps {
-    classNames?: {
-        container?: string;
-        footer?: string;
-        header?: string;
-        navButton?: string;
-        navWrapper?: string;
-    };
-    footer?: React.ReactNode;
-    header?: React.ReactNode;
-    items: SidebarItemProps[];
-}
-declare function Sidebar({ classNames, footer, header, items, }: SidebarProps): react_jsx_runtime.JSX.Element;
-
 interface SurfaceProps$1 {
     children: React.ReactNode;
     padding?: 'lg' | 'md' | 'sm' | 'xl';
@@ -572,4 +569,4 @@ declare function useSearchQuery<T>(data: T[], { accessors, customSearch, debounc
     setSearchQuery: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
 };
 
-export { ActionIcon, Badge, Button, CMIcon, CMLogo, Checkbox, ComboboxComponent as Combobox, type DataItem, DataTable, type DataTableColumn, type DataTableColumnProps, type DataTableHeaderProps, type DataTableProps, type DataTableRowProps, type DataTableSearchProps, type DataTableTitleProps, DateTimePicker, DeleteActionIcon, Description, FileButton, Grid, Label, Menu, PasswordInput, Section, SegmentedControl, Sidebar, SimpleSurface, Slider, Spacer, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, Text, Component$1 as TextArea, Component as TextInput, ThemeDark, ThemeLight, ThemeProvider, ThemeSwitcher, Themer, type ToastPromiseParams, type ToastProps, Tooltip, useScreenSize, useSearchQuery, useTheme, useToast };
+export { ActionIcon, AppWrapper, Badge, Button, CMIcon, CMLogo, Checkbox, ComboboxComponent as Combobox, type DataItem, DataTable, type DataTableColumn, type DataTableColumnProps, type DataTableHeaderProps, type DataTableProps, type DataTableRowProps, type DataTableSearchProps, type DataTableTitleProps, DateTimePicker, DeleteActionIcon, Description, FileButton, Grid, Label, Menu, PasswordInput, Section, SegmentedControl, Sidebar, SimpleSurface, Slider, Spacer, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, Text, Component$1 as TextArea, Component as TextInput, ThemeDark, ThemeLight, ThemeProvider, ThemeSwitcher, Themer, type ToastPromiseParams, type ToastProps, Tooltip, useScreenSize, useSearchQuery, useTheme, useToast };

package/dist/styles.css

@@ -634,6 +634,13 @@ breakpoint-mobile {
 	color: var(--color-system-text-300);
 }
 
+.text-input-module_wrapper__jrJs0[data-with-left-section="true"] .text-input-module_input__9C3ID {
+	padding-left: calc(var(--size-spacing-sm) + 30px);
+}
+
+.text-input-module_wrapper__jrJs0[data-with-right-section="true"] .text-input-module_input__9C3ID {
+	padding-right: calc(var(--size-spacing-sm) + 30px);
+}
 .text-input-module_input__9C3ID:focus {
 	background-color: var(--color-system-background-100);
 }
@@ -1464,6 +1471,151 @@ breakpoint-mobile {
 /* * */
 /* CONTAINER */
 
+.styles-module_container__tduxg {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	gap: var(--size-spacing-xs);
+	justify-content: space-between;
+	z-index: 25;
+	overflow-y: auto;
+	border-right: 1px solid var(--color-system-border-100);
+	background-color: var(--color-system-background-100);
+	box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2);
+}
+
+/* * */
+/* NAV WRAPPER */
+
+.styles-module_navWrapper__Xb59N {
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--size-spacing-md);
+	padding: var(--size-spacing-lg);
+}
+
+/* * */
+/* NAV BUTTON */
+
+.styles-module_navButton__kTv0k {
+	font-size: 26px;
+	color: var(--color-system-text-100);
+	background-color: transparent;
+	border: 2px solid transparent;
+	border-radius: var(--border-radius-xs);
+	transition: all 0.5s ease-in;
+
+	&.styles-module_selected__w-GVG {
+		color: var(--color-contrast);
+		background-color: var(--color-primary);
+		border-color: var(--color-secondary);
+	}
+	
+	&.styles-module_disabled__lxQjN {
+		color: var(--color-system-text-300);
+		cursor: not-allowed;
+	}
+
+	&:hover:not(.styles-module_disabled__lxQjN) {
+		color: var(--color-contrast);
+		background-color: var(--color-secondary);
+	}
+}
+/* * */
+/* CONTAINER */
+
+.styles-module_container__G0H4W {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 100%;
+  z-index: 50;
+  padding: var(--size-spacing-sm);
+  padding-left: 20px;
+  background-color: var(--color-system-background-100);
+  border-bottom: 1px solid var(--color-system-border-100);
+  box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2);
+}
+
+@media (prefers-color-scheme: dark) {
+  .styles-module_container__G0H4W {
+    background-color: var(--color-system-background-100);
+  }
+}
+
+/* * */
+/* GREETING */
+
+.styles-module_greeting__Zw9r- {
+  color: var(--color-system-text-100);
+  font-size: 14px;
+  font-weight: 700;
+  text-transform: uppercase;
+  line-height: 1;
+}
+
+/* * */
+/* OPTIONS */
+
+.styles-module_options__RyJJ1 {
+  display: flex;
+  flex-direction: row;
+  gap: var(--size-md);
+}
+
+/* * */
+/* CONTAINER */
+
+.styles-module_container__V2XNO {
+  width: 100%;
+  height: 100%;
+  display: grid;
+  grid-template-rows: 50px 1fr;
+  grid-template-columns: 85px 1fr;
+  border-top: 1px solid var(--color-system-border-100);
+}
+
+/* * */
+/* APP ICON */
+
+.styles-module_appIcon__QFZYG {
+  display: flex;
+  align-items: center;
+  padding: var(--size-spacing-sm);
+  width: 100%;
+  height: 100%;
+  z-index: 100;
+  background-color: var(--color-system-background-100);
+  border-bottom: 1px solid var(--color-system-border-100);
+  border-right: 1px solid var(--color-system-border-100);
+  box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.1);
+}
+
+@media (prefers-color-scheme: dark) {
+  .styles-module_appIcon__QFZYG {
+    background-color: var(--color-system-background-100);
+  }
+}
+
+/* * */
+/* CONTENT */
+
+.styles-module_content__N1Zgw {
+  overflow: auto;
+  width: 100%;
+  height: 100%;
+  padding: var(--size-spacing-sm);
+  background-color: var(--color-system-background-200);
+  z-index: 0;
+}
+
+/* * */
+/* CONTAINER */
+
 .styles-module_container__u-Ao- {
 	display: grid;
 	grid-template-rows: 1fr;;
@@ -1656,73 +1808,6 @@ breakpoint-mobile {
 .styles-module_icon__ut-ws {
     color: var(--color-system-border-100);
 }
-/* * */
-/* CONTAINER */
-
-.styles-module_container__tduxg {
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-	gap: var(--size-spacing-xs);
-	justify-content: space-between;
-	z-index: 25;
-	overflow-y: auto;
-	border-right: 1px solid var(--color-system-border-100);
-	background-color: var(--color-system-background-100);
-}
-
-/* * */
-/* NAV WRAPPER */
-
-.styles-module_navWrapper__Xb59N {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: var(--size-spacing-md);
-	padding: var(--size-spacing-lg);
-}
-
-/* * */
-/* NAV BUTTON */
-
-.styles-module_navButton__kTv0k {
-	font-size: 26px;
-	color: var(--color-system-text-100);
-	background-color: transparent;
-	border: 2px solid transparent;
-	border-radius: var(--border-radius-xs);
-	transition: all 0.5s ease-in;
-
-	&.styles-module_selected__w-GVG {
-		color: var(--color-contrast);
-		background-color: var(--color-primary);
-		border-color: var(--color-secondary);
-	}
-	
-	&.styles-module_disabled__lxQjN {
-		color: var(--color-system-text-300);
-		cursor: not-allowed;
-	}
-
-	&:hover:not(.styles-module_disabled__lxQjN) {
-		color: var(--color-contrast);
-		background-color: var(--color-secondary);
-	}
-}
-
-
-.styles-module_header__Rc7hw {
-	border-bottom: 1px solid var(--color-system-border-100);
-	padding: var(--size-spacing-sm) 0;
-}
-
-.styles-module_footer__1qqil {
-	padding: var(--size-spacing-sm) 0;
-	margin-top: auto;
-	border-top: 1px solid var(--color-system-border-100);
-}
-
 /* * */
 /* SURFACE / ROOT */
 
@@ -3508,6 +3593,14 @@ fieldset:disabled .mantine-active:active {
     color: var(--input-disabled-color);
   }
 
+/* Fixes odd Firefox behavior in Select – https://github.com/mantinedev/mantine/issues/7476 */
+
+@supports (-moz-appearance: none) {
+    .m_8fb7ebe7[readonly][aria-haspopup] {
+      pointer-events: none;
+    }
+  }
+
 .m_82577fc2 {
   pointer-events: var(--section-pointer-events);
   position: absolute;

package/package.json

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