@tmlmobilidade/ui 20250122.1933.16 → 20250124.1545.56

package/dist/cjs/index.js

@@ -8,10 +8,9 @@ var luxon = require('luxon');
 var iconsReact = require('@tabler/icons-react');
 var dates = require('@mantine/dates');
 var modals = require('@mantine/modals');
+var notifications = require('@mantine/notifications');
 var hooks = require('@mantine/hooks');
 var reactViewportList = require('react-viewport-list');
-var Cookies = require('js-cookie');
-var coreTypes = require('@tmlmobilidade/core-types');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -749,7 +748,7 @@ if (process.env.NODE_ENV === 'production') {
 
 var jsxRuntimeExports = jsxRuntime.exports;
 
-var styles$k = {"button":"styles-module_button__wVZ97","buttonLabel":"styles-module_buttonLabel__Ug8JX","primary":"styles-module_primary__v5fv1","secondary":"styles-module_secondary__0hxpR","muted":"styles-module_muted__fgyym","disabled":"styles-module_disabled__eVT3b","danger":"styles-module_danger__zdksP","info":"styles-module_info__JOafx","success":"styles-module_success__YS7oM","warning":"styles-module_warning__ZxzQE","active":"styles-module_active__BKRtv"};
+var styles$j = {"button":"styles-module_button__wVZ97","buttonLabel":"styles-module_buttonLabel__Ug8JX","primary":"styles-module_primary__v5fv1","secondary":"styles-module_secondary__0hxpR","muted":"styles-module_muted__fgyym","disabled":"styles-module_disabled__eVT3b","danger":"styles-module_danger__zdksP","info":"styles-module_info__JOafx","success":"styles-module_success__YS7oM","warning":"styles-module_warning__ZxzQE","active":"styles-module_active__BKRtv"};
 
 /**
  * Utility function that merges class names together
@@ -781,30 +780,30 @@ function getValueAtPath(obj, path) {
 /* * */
 function Component$4({ className, icon, children, onClick, target, type = 'button', variant = 'primary', disabled, textTransform = 'none', ...props }) {
     //
-    const btnClass = cn(className, styles$k.button, !disabled && {
-        [styles$k.danger]: variant === 'danger',
-        [styles$k.primary]: variant === 'primary',
-        [styles$k.secondary]: variant === 'secondary',
-        [styles$k.muted]: variant === 'muted',
-        [styles$k.info]: variant === 'info',
-        [styles$k.success]: variant === 'success',
-        [styles$k.warning]: variant === 'warning',
-        [styles$k.active]: variant === 'active',
-    }, disabled && styles$k.disabled);
-    return (jsxRuntimeExports.jsx(core.Button, { className: btnClass, leftSection: icon && icon, onClick: onClick, type: type, variant: variant, disabled: disabled, classNames: { label: styles$k.buttonLabel, ...props.classNames }, ...props, style: { textTransform: textTransform }, children: children }));
+    const btnClass = cn(className, styles$j.button, !disabled && {
+        [styles$j.danger]: variant === 'danger',
+        [styles$j.primary]: variant === 'primary',
+        [styles$j.secondary]: variant === 'secondary',
+        [styles$j.muted]: variant === 'muted',
+        [styles$j.info]: variant === 'info',
+        [styles$j.success]: variant === 'success',
+        [styles$j.warning]: variant === 'warning',
+        [styles$j.active]: variant === 'active',
+    }, disabled && styles$j.disabled);
+    return (jsxRuntimeExports.jsx(core.Button, { className: btnClass, leftSection: icon && icon, onClick: onClick, type: type, variant: variant, disabled: disabled, classNames: { label: styles$j.buttonLabel, ...props.classNames }, ...props, style: { textTransform: textTransform }, children: children }));
     //
 }
 
-var styles$j = {"inner":"styles-module_inner__d9DH7","input":"styles-module_input__rce0R","labelWrapper":"styles-module_labelWrapper__AGQzf","label":"styles-module_label__U404g","description":"styles-module_description__bkV5V","error":"styles-module_error__ZtPYT"};
+var styles$i = {"inner":"styles-module_inner__d9DH7","input":"styles-module_input__rce0R","labelWrapper":"styles-module_labelWrapper__AGQzf","label":"styles-module_label__U404g","description":"styles-module_description__bkV5V","error":"styles-module_error__ZtPYT"};
 
 function Checkbox(props) {
-    return jsxRuntimeExports.jsx(core.Checkbox, { classNames: { ...styles$j, ...props.classNames }, ...props });
+    return jsxRuntimeExports.jsx(core.Checkbox, { classNames: { ...styles$i, ...props.classNames }, ...props });
 }
 
-var styles$i = {"root":"styles-module_root__vNUQ9","indicator":"styles-module_indicator__0XMRf","label":"styles-module_label__Mf1Ea"};
+var styles$h = {"root":"styles-module_root__vNUQ9","indicator":"styles-module_indicator__0XMRf","label":"styles-module_label__Mf1Ea"};
 
 function SegmentedControl({ ...props }) {
-    return jsxRuntimeExports.jsx(core.SegmentedControl, { ...props, classNames: styles$i });
+    return jsxRuntimeExports.jsx(core.SegmentedControl, { ...props, classNames: styles$h });
 }
 
 function Component$3({ error, validation, value, classNames, ...props }) {
@@ -858,7 +857,7 @@ function Component$1({ classNames, ...props }) {
     return jsxRuntimeExports.jsx(core.Textarea, { classNames: classNames, ...props });
 }
 
-var styles$h = {"wrapper":"styles-module_wrapper__7zsRX","input":"styles-module_input__kZP4l","placeholder":"styles-module_placeholder__uazW4","pillInputWrapper":"styles-module_pillInputWrapper__rtJzo","pillInputField":"styles-module_pillInputField__LYXhi","icon":"styles-module_icon__jXQ8R","pillClearButton":"styles-module_pillClearButton__RYrwJ","pill":"styles-module_pill__eWbVa","label":"styles-module_label__tB0Ce","description":"styles-module_description__KHjxV","dropdownWrapper":"styles-module_dropdownWrapper__guQYa"};
+var styles$g = {"wrapper":"styles-module_wrapper__7zsRX","input":"styles-module_input__kZP4l","placeholder":"styles-module_placeholder__uazW4","pillInputWrapper":"styles-module_pillInputWrapper__rtJzo","pillInputField":"styles-module_pillInputField__LYXhi","icon":"styles-module_icon__jXQ8R","pillClearButton":"styles-module_pillClearButton__RYrwJ","pill":"styles-module_pill__eWbVa","label":"styles-module_label__tB0Ce","description":"styles-module_description__KHjxV","dropdownWrapper":"styles-module_dropdownWrapper__guQYa"};
 
 function Component({ multiple = false, searchable = false, autoComplete = false, onChange, data = [], clearable = false, label, description, ...props }) {
     // A. Setup Variables
@@ -914,108 +913,108 @@ function Component({ multiple = false, searchable = false, autoComplete = false,
     // D. Render Components
     const renderClearButton = () => {
         if (clearable && value && value.length > 0) {
-            return (jsxRuntimeExports.jsx(core.ActionIcon, { variant: "transparent", onClick: () => resetValue(), "aria-label": "Clear value", style: { cursor: 'pointer' }, className: styles$h.icon, children: jsxRuntimeExports.jsx(iconsReact.IconX, { size: 24 }) }));
+            return (jsxRuntimeExports.jsx(core.ActionIcon, { variant: "transparent", onClick: () => resetValue(), "aria-label": "Clear value", style: { cursor: 'pointer' }, className: styles$g.icon, children: jsxRuntimeExports.jsx(iconsReact.IconX, { size: 24 }) }));
         }
-        return jsxRuntimeExports.jsx(iconsReact.IconCaretDownFilled, { size: 24, className: styles$h.icon });
+        return jsxRuntimeExports.jsx(iconsReact.IconCaretDownFilled, { size: 24, className: styles$g.icon });
     };
     const renderValues = () => Array.isArray(value)
-        ? value.map((item) => (jsxRuntimeExports.jsx(core.Pill, { className: styles$h.pill, withRemoveButton: true, onRemove: () => removeValue(item), children: item }, item)))
+        ? value.map((item) => (jsxRuntimeExports.jsx(core.Pill, { className: styles$g.pill, withRemoveButton: true, onRemove: () => removeValue(item), children: item }, item)))
         : [];
     const renderOptions = () => filterData().map((item) => (jsxRuntimeExports.jsx(core.Combobox.Option, { value: item, active: value?.includes?.(item), children: jsxRuntimeExports.jsxs(core.Group, { gap: "sm", children: [value?.includes?.(item) && jsxRuntimeExports.jsx(core.CheckIcon, { size: 12 }), jsxRuntimeExports.jsx("span", { children: item })] }) }, item)));
     const renderInput = () => {
         if (multiple) {
-            return (jsxRuntimeExports.jsx(core.Combobox.DropdownTarget, { children: jsxRuntimeExports.jsx(core.PillsInput, { onClick: () => combobox.openDropdown(), className: cn(styles$h.input, styles$h.pillInputWrapper), children: jsxRuntimeExports.jsxs(core.Pill.Group, { style: { marginRight: '25px' }, children: [renderValues(), jsxRuntimeExports.jsx(core.Combobox.EventsTarget, { children: jsxRuntimeExports.jsx(core.PillsInput.Field, { style: { backgroundColor: 'transparent' }, type: searchable ? 'visible' : 'hidden', value: search, placeholder: "Search values", onFocus: () => combobox.openDropdown(), onBlur: () => combobox.closeDropdown(), onChange: handleSearchChange, onKeyDown: (event) => {
+            return (jsxRuntimeExports.jsx(core.Combobox.DropdownTarget, { children: jsxRuntimeExports.jsx(core.PillsInput, { onClick: () => combobox.openDropdown(), className: cn(styles$g.input, styles$g.pillInputWrapper), children: jsxRuntimeExports.jsxs(core.Pill.Group, { style: { marginRight: '25px' }, children: [renderValues(), jsxRuntimeExports.jsx(core.Combobox.EventsTarget, { children: jsxRuntimeExports.jsx(core.PillsInput.Field, { style: { backgroundColor: 'transparent' }, type: searchable ? 'visible' : 'hidden', value: search, placeholder: "Search values", onFocus: () => combobox.openDropdown(), onBlur: () => combobox.closeDropdown(), onChange: handleSearchChange, onKeyDown: (event) => {
                                         if (event.key === 'Backspace' &&
                                             !search &&
                                             Array.isArray(value) &&
                                             value.length > 0) {
                                             removeValue(value[value.length - 1] || '');
                                         }
-                                    } }) }), jsxRuntimeExports.jsx("div", { className: styles$h.pillClearButton, children: renderClearButton() })] }) }) }));
+                                    } }) }), jsxRuntimeExports.jsx("div", { className: styles$g.pillClearButton, children: renderClearButton() })] }) }) }));
         }
-        return (jsxRuntimeExports.jsx(core.Combobox.Target, { children: searchable ? (jsxRuntimeExports.jsx(core.InputBase, { className: styles$h.input, type: "text", value: search, rightSection: renderClearButton(), rightSectionPointerEvents: value === null ? 'none' : 'all', onClick: () => combobox.openDropdown(), onFocus: () => combobox.openDropdown(), onBlur: () => {
+        return (jsxRuntimeExports.jsx(core.Combobox.Target, { children: searchable ? (jsxRuntimeExports.jsx(core.InputBase, { className: styles$g.input, type: "text", value: search, rightSection: renderClearButton(), rightSectionPointerEvents: value === null ? 'none' : 'all', onClick: () => combobox.openDropdown(), onFocus: () => combobox.openDropdown(), onBlur: () => {
                     combobox.closeDropdown();
                     setSearch(value?.toString() || '');
-                }, onChange: handleSearchChange, placeholder: "Search value" })) : (jsxRuntimeExports.jsx(core.InputBase, { className: styles$h.input, component: "button", type: "button", pointer: true, onClick: () => combobox.openDropdown(), onFocus: () => combobox.openDropdown(), onBlur: () => {
+                }, onChange: handleSearchChange, placeholder: "Search value" })) : (jsxRuntimeExports.jsx(core.InputBase, { className: styles$g.input, component: "button", type: "button", pointer: true, onClick: () => combobox.openDropdown(), onFocus: () => combobox.openDropdown(), onBlur: () => {
                     combobox.closeDropdown();
                     setSearch(value?.toString() || '');
-                }, rightSection: renderClearButton(), rightSectionPointerEvents: value === null ? 'none' : 'all', children: value || jsxRuntimeExports.jsx(core.Input.Placeholder, { className: styles$h.placeholder, children: "Pick value" }) })) }));
+                }, rightSection: renderClearButton(), rightSectionPointerEvents: value === null ? 'none' : 'all', children: value || jsxRuntimeExports.jsx(core.Input.Placeholder, { className: styles$g.placeholder, children: "Pick value" }) })) }));
     };
-    return (jsxRuntimeExports.jsxs("div", { className: styles$h.wrapper, children: [label && jsxRuntimeExports.jsx("label", { className: styles$h.label, children: label }), description && jsxRuntimeExports.jsx("p", { className: styles$h.description, children: description }), jsxRuntimeExports.jsxs(core.Combobox, { store: combobox, onOptionSubmit: updateValue, withinPortal: false, children: [renderInput(), jsxRuntimeExports.jsx(core.Combobox.Dropdown, { className: styles$h.dropdownWrapper, children: jsxRuntimeExports.jsx(core.Combobox.Options, { children: renderOptions().length > 0 ? (renderOptions()) : (jsxRuntimeExports.jsx(core.Combobox.Empty, { children: "Nothing found..." })) }) })] })] }));
+    return (jsxRuntimeExports.jsxs("div", { className: styles$g.wrapper, children: [label && jsxRuntimeExports.jsx("label", { className: styles$g.label, children: label }), description && jsxRuntimeExports.jsx("p", { className: styles$g.description, children: description }), jsxRuntimeExports.jsxs(core.Combobox, { store: combobox, onOptionSubmit: updateValue, withinPortal: false, children: [renderInput(), jsxRuntimeExports.jsx(core.Combobox.Dropdown, { className: styles$g.dropdownWrapper, children: jsxRuntimeExports.jsx(core.Combobox.Options, { children: renderOptions().length > 0 ? (renderOptions()) : (jsxRuntimeExports.jsx(core.Combobox.Empty, { children: "Nothing found..." })) }) })] })] }));
 }
 
-var styles$g = {"button":"styles-module_button__fQIgs","fontxs":"styles-module_fontxs__c61kh","fontsm":"styles-module_fontsm__zi0bq","fontbase":"styles-module_fontbase__Uzeoy","fontlg":"styles-module_fontlg__TfMwu","fontxl":"styles-module_fontxl__4IxFS","tag":"styles-module_tag__HOLQE","pill":"styles-module_pill__VAXc-","fullWidth":"styles-module_fullWidth__zWbR4","primary":"styles-module_primary__HWgQU","secondary":"styles-module_secondary__UOKnw","muted":"styles-module_muted__fA0Fl","disabled":"styles-module_disabled__EKMKd","danger":"styles-module_danger__gZERs","info":"styles-module_info__b-gyN","success":"styles-module_success__mRhfk","warning":"styles-module_warning__G977Z","active":"styles-module_active__5pkXl"};
+var styles$f = {"button":"styles-module_button__fQIgs","fontxs":"styles-module_fontxs__c61kh","fontsm":"styles-module_fontsm__zi0bq","fontbase":"styles-module_fontbase__Uzeoy","fontlg":"styles-module_fontlg__TfMwu","fontxl":"styles-module_fontxl__4IxFS","tag":"styles-module_tag__HOLQE","pill":"styles-module_pill__VAXc-","fullWidth":"styles-module_fullWidth__zWbR4","primary":"styles-module_primary__HWgQU","secondary":"styles-module_secondary__UOKnw","muted":"styles-module_muted__fA0Fl","disabled":"styles-module_disabled__EKMKd","danger":"styles-module_danger__gZERs","info":"styles-module_info__b-gyN","success":"styles-module_success__mRhfk","warning":"styles-module_warning__G977Z","active":"styles-module_active__5pkXl"};
 
 /* * */
 function Badge({ className, icon, children, variant = 'primary', filled = false, fullWidth = false, disabled = false, type = 'tag', size = 'md', ...props }) {
     //
-    const btnClass = cn(styles$g.button, !disabled && {
-        [styles$g.danger]: variant === 'danger',
-        [styles$g.primary]: variant === 'primary',
-        [styles$g.secondary]: variant === 'secondary',
-        [styles$g.muted]: variant === 'muted',
-        [styles$g.info]: variant === 'info',
-        [styles$g.success]: variant === 'success',
-        [styles$g.warning]: variant === 'warning',
-        [styles$g.active]: variant === 'active',
-    }, disabled && styles$g.disabled, type === 'pill' && styles$g.pill, type === 'tag' && styles$g.tag, fullWidth && styles$g.fullWidth, styles$g[`font${size}`], className);
+    const btnClass = cn(styles$f.button, !disabled && {
+        [styles$f.danger]: variant === 'danger',
+        [styles$f.primary]: variant === 'primary',
+        [styles$f.secondary]: variant === 'secondary',
+        [styles$f.muted]: variant === 'muted',
+        [styles$f.info]: variant === 'info',
+        [styles$f.success]: variant === 'success',
+        [styles$f.warning]: variant === 'warning',
+        [styles$f.active]: variant === 'active',
+    }, disabled && styles$f.disabled, type === 'pill' && styles$f.pill, type === 'tag' && styles$f.tag, fullWidth && styles$f.fullWidth, styles$f[`font${size}`], className);
     return (jsxRuntimeExports.jsx(core.Badge, { leftSection: icon, className: btnClass, ...props, "data-active": filled, children: children }));
     //
 }
 
-var styles$f = {"tooltip":"styles-module_tooltip__HFS4I"};
+var styles$e = {"tooltip":"styles-module_tooltip__HFS4I"};
 
 function Tooltip({ children, ...props }) {
-    return jsxRuntimeExports.jsx(core.Tooltip, { classNames: { ...styles$f, ...props.classNames }, ...props, children: children });
+    return jsxRuntimeExports.jsx(core.Tooltip, { classNames: { ...styles$e, ...props.classNames }, ...props, children: children });
 }
 
-var styles$e = {"inner":"styles-module_inner__xu0uv","track":"styles-module_track__xeUYf","input":"styles-module_input__DyZyB","labelWrapper":"styles-module_labelWrapper__XNVsq","label":"styles-module_label__PsGVs","description":"styles-module_description__qLTxA","error":"styles-module_error__sQ6n-"};
+var styles$d = {"inner":"styles-module_inner__xu0uv","track":"styles-module_track__xeUYf","input":"styles-module_input__DyZyB","labelWrapper":"styles-module_labelWrapper__XNVsq","label":"styles-module_label__PsGVs","description":"styles-module_description__qLTxA","error":"styles-module_error__sQ6n-"};
 
 function Switch({ classNames, ...props }) {
-    return jsxRuntimeExports.jsx(core.Switch, { classNames: { ...styles$e, ...classNames }, ...props });
+    return jsxRuntimeExports.jsx(core.Switch, { classNames: { ...styles$d, ...classNames }, ...props });
 }
 
-var styles$d = {"thumb":"styles-module_thumb__PE26N","track":"styles-module_track__kkjfP","bar":"styles-module_bar__3e8BW","mark":"styles-module_mark__Wxc6d"};
+var styles$c = {"thumb":"styles-module_thumb__PE26N","track":"styles-module_track__kkjfP","bar":"styles-module_bar__3e8BW","mark":"styles-module_mark__Wxc6d"};
 
 function Slider({ classNames, ...props }) {
-    return jsxRuntimeExports.jsx(core.Slider, { classNames: { ...styles$d, ...classNames }, ...props });
+    return jsxRuntimeExports.jsx(core.Slider, { classNames: { ...styles$c, ...classNames }, ...props });
 }
 
-var styles$c = {"button":"styles-module_button__ngo3Q","primary":"styles-module_primary__1Forr","secondary":"styles-module_secondary__F-Pxy","muted":"styles-module_muted__IRFQC","disabled":"styles-module_disabled__Q0YEb","danger":"styles-module_danger__-aPaa","info":"styles-module_info__z1XFz","success":"styles-module_success__V-kNZ","warning":"styles-module_warning__gGAPU","active":"styles-module_active__0bskK"};
+var styles$b = {"button":"styles-module_button__ngo3Q","primary":"styles-module_primary__1Forr","secondary":"styles-module_secondary__F-Pxy","muted":"styles-module_muted__IRFQC","disabled":"styles-module_disabled__Q0YEb","danger":"styles-module_danger__-aPaa","info":"styles-module_info__z1XFz","success":"styles-module_success__V-kNZ","warning":"styles-module_warning__gGAPU","active":"styles-module_active__0bskK"};
 
 function ActionIcon({ children, className, disabled, variant, ...props }) {
-    const btnClass = cn(className, styles$c.button, !disabled && {
-        [styles$c.danger]: variant === 'danger',
-        [styles$c.primary]: variant === 'primary',
-        [styles$c.secondary]: variant === 'secondary',
-        [styles$c.muted]: variant === 'muted',
-        [styles$c.info]: variant === 'info',
-        [styles$c.success]: variant === 'success',
-        [styles$c.warning]: variant === 'warning',
-        [styles$c.active]: variant === 'active',
-    }, disabled && styles$c.disabled);
+    const btnClass = cn(className, styles$b.button, !disabled && {
+        [styles$b.danger]: variant === 'danger',
+        [styles$b.primary]: variant === 'primary',
+        [styles$b.secondary]: variant === 'secondary',
+        [styles$b.muted]: variant === 'muted',
+        [styles$b.info]: variant === 'info',
+        [styles$b.success]: variant === 'success',
+        [styles$b.warning]: variant === 'warning',
+        [styles$b.active]: variant === 'active',
+    }, disabled && styles$b.disabled);
     return (jsxRuntimeExports.jsx(core.ActionIcon, { className: btnClass, ...props, children: children }));
 }
 
-var styles$b = {"dropdown":"styles-module_dropdown__wzdfT","arrow":"styles-module_arrow__pmKfn"};
+var styles$a = {"dropdown":"styles-module_dropdown__wzdfT","arrow":"styles-module_arrow__pmKfn"};
 
 function Menu(props) {
-    return jsxRuntimeExports.jsx(core.Menu, { ...props, classNames: { arrow: styles$b.arrow } });
+    return jsxRuntimeExports.jsx(core.Menu, { ...props, classNames: { arrow: styles$a.arrow } });
 }
 Menu.Target = function MenuTarget(props) {
     return jsxRuntimeExports.jsx(core.Menu.Target, { ...props });
 };
 Menu.Dropdown = function MenuDropdown(props) {
-    return jsxRuntimeExports.jsx(core.Menu.Dropdown, { ...props, className: styles$b.dropdown });
+    return jsxRuntimeExports.jsx(core.Menu.Dropdown, { ...props, className: styles$a.dropdown });
 };
 Menu.Item = function MenuItem(props) {
-    return jsxRuntimeExports.jsx(core.Menu.Item, { ...props, className: styles$b.item });
+    return jsxRuntimeExports.jsx(core.Menu.Item, { ...props, className: styles$a.item });
 };
 Menu.Divider = function MenuDivider(props) {
-    return jsxRuntimeExports.jsx(core.Menu.Divider, { ...props, className: styles$b.divider });
+    return jsxRuntimeExports.jsx(core.Menu.Divider, { ...props, className: styles$a.divider });
 };
 Menu.Label = function MenuLabel(props) {
-    return jsxRuntimeExports.jsx(core.Menu.Label, { ...props, className: styles$b.label });
+    return jsxRuntimeExports.jsx(core.Menu.Label, { ...props, className: styles$a.label });
 };
 
 var TextInputOverride = {"input":"text-input-module_input__9C3ID","wrapper":"text-input-module_wrapper__jrJs0","variantWhite":"text-input-module_variantWhite__M5THF","section":"text-input-module_section__uYM8p","sizeSm":"text-input-module_sizeSm__9YY9u","label":"text-input-module_label__sLogM","description":"text-input-module_description__hPkID"};
@@ -1097,7 +1096,7 @@ function ThemeProvider({ children, initialTheme }) {
     }), [currentTheme]);
     //
     // C. Render components
-    return (jsxRuntimeExports.jsx(ThemeContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx(core.MantineProvider, { defaultColorScheme: "auto", theme: theme, children: jsxRuntimeExports.jsx(dates.DatesProvider, { settings: mantineDatesSettings, children: jsxRuntimeExports.jsx(modals.ModalsProvider, { children: children }) }) }) }));
+    return (jsxRuntimeExports.jsx(ThemeContext.Provider, { value: contextValue, children: jsxRuntimeExports.jsx(core.MantineProvider, { defaultColorScheme: "auto", theme: theme, children: jsxRuntimeExports.jsx(dates.DatesProvider, { settings: mantineDatesSettings, children: jsxRuntimeExports.jsxs(modals.ModalsProvider, { children: [jsxRuntimeExports.jsx(notifications.Notifications, { styles: { root: { marginTop: '60px' } } }), children] }) }) }) }));
 }
 
 function useTheme() {
@@ -1108,7 +1107,7 @@ function useTheme() {
     return context;
 }
 
-var styles$a = {"dropdown":"styles-module_dropdown__9W7AN"};
+var styles$9 = {"dropdown":"styles-module_dropdown__9W7AN"};
 
 /* * */
 const getCssVariableValue = (variableName) => {
@@ -1143,7 +1142,7 @@ function ThemeSwitcher({ onThemeChange }) {
         onThemeChange?.(theme);
     };
     // Render the primary colors
-    return (jsxRuntimeExports.jsxs(core.Menu, { classNames: styles$a, children: [jsxRuntimeExports.jsx(core.Menu.Target, { children: jsxRuntimeExports.jsx("div", { style: { cursor: 'pointer' }, children: jsxRuntimeExports.jsx(core.ColorSwatch, { color: themeColors[theme] }) }) }), jsxRuntimeExports.jsx(core.Menu.Dropdown, { children: THEMES.map((t) => (jsxRuntimeExports.jsx(core.Menu.Item, { value: t, children: jsxRuntimeExports.jsx(core.ColorSwatch, { color: themeColors[t], onClick: () => handleThemeChange(t) }) }, t))) })] }));
+    return (jsxRuntimeExports.jsxs(core.Menu, { classNames: styles$9, children: [jsxRuntimeExports.jsx(core.Menu.Target, { children: jsxRuntimeExports.jsx("div", { style: { cursor: 'pointer' }, children: jsxRuntimeExports.jsx(core.ColorSwatch, { color: themeColors[theme] }) }) }), jsxRuntimeExports.jsx(core.Menu.Dropdown, { children: THEMES.map((t) => (jsxRuntimeExports.jsx(core.Menu.Item, { value: t, children: jsxRuntimeExports.jsx(core.ColorSwatch, { color: themeColors[t], onClick: () => handleThemeChange(t) }) }, t))) })] }));
 }
 
 /**
@@ -1193,44 +1192,44 @@ function TMLogo() {
     return (jsxRuntimeExports.jsx(Themer, { dark: jsxRuntimeExports.jsx(TMLogoDark, {}), light: jsxRuntimeExports.jsx(TMLogoLight, {}) }));
 }
 
-var styles$9 = {"container":"styles-module_container__u-Ao-","hAlignstart":"styles-module_hAlignstart__Poz-6","hAligncenter":"styles-module_hAligncenter__-8-PQ","hAlignend":"styles-module_hAlignend__9-hiG","vAlignstart":"styles-module_vAlignstart__UHr2W","vAligncenter":"styles-module_vAligncenter__AI3ka","vAlignend":"styles-module_vAlignend__Ufwik","gapnone":"styles-module_gapnone__yv7lm","gapxs":"styles-module_gapxs__qCDUv","gapsm":"styles-module_gapsm__9Pnop","gapmd":"styles-module_gapmd__9lCqV","gaplg":"styles-module_gaplg__kvQt9","gapxl":"styles-module_gapxl__5-mrY","a":"styles-module_a__NDsdd","aab":"styles-module_aab__xvehZ","ab":"styles-module_ab__JtDDA","abb":"styles-module_abb__jlnJf","abc":"styles-module_abc__XRK-M","abcd":"styles-module_abcd__3jl83"};
+var styles$8 = {"container":"styles-module_container__u-Ao-","hAlignstart":"styles-module_hAlignstart__Poz-6","hAligncenter":"styles-module_hAligncenter__-8-PQ","hAlignend":"styles-module_hAlignend__9-hiG","vAlignstart":"styles-module_vAlignstart__UHr2W","vAligncenter":"styles-module_vAligncenter__AI3ka","vAlignend":"styles-module_vAlignend__Ufwik","gapnone":"styles-module_gapnone__yv7lm","gapxs":"styles-module_gapxs__qCDUv","gapsm":"styles-module_gapsm__9Pnop","gapmd":"styles-module_gapmd__9lCqV","gaplg":"styles-module_gaplg__kvQt9","gapxl":"styles-module_gapxl__5-mrY","a":"styles-module_a__NDsdd","aab":"styles-module_aab__xvehZ","ab":"styles-module_ab__JtDDA","abb":"styles-module_abb__jlnJf","abc":"styles-module_abc__XRK-M","abcd":"styles-module_abcd__3jl83"};
 
 /* * */
 function Grid({ children, className, columns = 'a', hAlign = 'start', vAlign = 'start', gap = 'none', ...props }) {
-    return (jsxRuntimeExports.jsx("div", { className: cn(styles$9.container, styles$9[columns], styles$9[`hAlign${hAlign}`], styles$9[`vAlign${vAlign}`], styles$9[`gap${gap}`], className), ...props, children: children }));
+    return (jsxRuntimeExports.jsx("div", { className: cn(styles$8.container, styles$8[columns], styles$8[`hAlign${hAlign}`], styles$8[`vAlign${vAlign}`], styles$8[`gap${gap}`], className), ...props, children: children }));
 }
 
-var styles$8 = {"titleWrapper":"styles-module_titleWrapper__PzdlG","title":"styles-module_title__hJPfo","description":"styles-module_description__b9iYX","control":"styles-module_control__WpPBD","chevron":"styles-module_chevron__ow73h","icon":"styles-module_icon__ut-ws"};
+var styles$7 = {"titleWrapper":"styles-module_titleWrapper__PzdlG","title":"styles-module_title__hJPfo","description":"styles-module_description__b9iYX","control":"styles-module_control__WpPBD","chevron":"styles-module_chevron__ow73h","icon":"styles-module_icon__ut-ws"};
 
 function Section({ title, description, icon, children, titleAs = 'h2', }) {
     //
     // B. Render Component
     const renderControl = () => {
-        return (jsxRuntimeExports.jsxs("div", { className: styles$8.titleWrapper, children: [icon && icon, React.createElement(titleAs, { className: styles$8.title }, title), description && jsxRuntimeExports.jsx("p", { className: styles$8.description, children: description })] }));
+        return (jsxRuntimeExports.jsxs("div", { className: styles$7.titleWrapper, children: [icon && icon, React.createElement(titleAs, { className: styles$7.title }, title), description && jsxRuntimeExports.jsx("p", { className: styles$7.description, children: description })] }));
     };
-    return (jsxRuntimeExports.jsx(core.Accordion, { classNames: styles$8, chevron: jsxRuntimeExports.jsx(iconsReact.IconCaretLeftFilled, { className: styles$8.icon }), children: jsxRuntimeExports.jsxs(core.Accordion.Item, { value: "section", children: [jsxRuntimeExports.jsx(core.Accordion.Control, { children: renderControl() }), jsxRuntimeExports.jsx(core.Accordion.Panel, { children: children })] }) }));
+    return (jsxRuntimeExports.jsx(core.Accordion, { classNames: styles$7, chevron: jsxRuntimeExports.jsx(iconsReact.IconCaretLeftFilled, { className: styles$7.icon }), children: jsxRuntimeExports.jsxs(core.Accordion.Item, { value: "section", children: [jsxRuntimeExports.jsx(core.Accordion.Control, { children: renderControl() }), jsxRuntimeExports.jsx(core.Accordion.Panel, { children: children })] }) }));
 }
 
-var styles$7 = {"sizexs":"styles-module_sizexs__f81Qf","sizesm":"styles-module_sizesm__cOyRy","sizemd":"styles-module_sizemd__uYu-S","sizelg":"styles-module_sizelg__CdAjx","sizexl":"styles-module_sizexl__tWmKz","size2xl":"styles-module_size2xl__Rtw-9","size3xl":"styles-module_size3xl__kvrLp","size4xl":"styles-module_size4xl__aJHXX","orientationvertical":"styles-module_orientationvertical__ktvLu","orientationhorizontal":"styles-module_orientationhorizontal__LyAb1"};
+var styles$6 = {"sizexs":"styles-module_sizexs__f81Qf","sizesm":"styles-module_sizesm__cOyRy","sizemd":"styles-module_sizemd__uYu-S","sizelg":"styles-module_sizelg__CdAjx","sizexl":"styles-module_sizexl__tWmKz","size2xl":"styles-module_size2xl__Rtw-9","size3xl":"styles-module_size3xl__kvrLp","size4xl":"styles-module_size4xl__aJHXX","orientationvertical":"styles-module_orientationvertical__ktvLu","orientationhorizontal":"styles-module_orientationhorizontal__LyAb1"};
 
 function Spacer({ size, orientation, className }) {
     const sizeClass = `size${size}`;
     const orientationClass = `orientation${orientation}`;
-    return (jsxRuntimeExports.jsx("div", { className: cn(styles$7[sizeClass], styles$7[orientationClass], className), style: {
+    return (jsxRuntimeExports.jsx("div", { className: cn(styles$6[sizeClass], styles$6[orientationClass], className), style: {
             minHeight: orientation === 'horizontal' ? '100%' : undefined,
         } }));
 }
 
-var styles$6 = {"root":"styles-module_root__Rhx1c","surface":"styles-module_surface__kO8HP","borderRadius-none":"styles-module_borderRadius-none__HBRpR","borderRadius-sm":"styles-module_borderRadius-sm__73-nw","borderRadius-md":"styles-module_borderRadius-md__2-luz","borderRadius-lg":"styles-module_borderRadius-lg__oEtfh","borderRadius-xl":"styles-module_borderRadius-xl__ZDDZc","padding-none":"styles-module_padding-none__eO-gr","padding-sm":"styles-module_padding-sm__5MvKx","padding-md":"styles-module_padding-md__0Asee","padding-lg":"styles-module_padding-lg__1fB8Q","padding-xl":"styles-module_padding-xl__lBM42","divider":"styles-module_divider__Pwhgc","default":"styles-module_default__Ty9eo","primary":"styles-module_primary__AirHO","secondary":"styles-module_secondary__Kw0cY","gap-none":"styles-module_gap-none__P8puF","gap-sm":"styles-module_gap-sm__0DQmT","gap-md":"styles-module_gap-md__HYXte","gap-lg":"styles-module_gap-lg__dhDB3","gap-xl":"styles-module_gap-xl__fa4pK"};
+var styles$5 = {"root":"styles-module_root__Rhx1c","surface":"styles-module_surface__kO8HP","borderRadius-none":"styles-module_borderRadius-none__HBRpR","borderRadius-sm":"styles-module_borderRadius-sm__73-nw","borderRadius-md":"styles-module_borderRadius-md__2-luz","borderRadius-lg":"styles-module_borderRadius-lg__oEtfh","borderRadius-xl":"styles-module_borderRadius-xl__ZDDZc","padding-none":"styles-module_padding-none__eO-gr","padding-sm":"styles-module_padding-sm__5MvKx","padding-md":"styles-module_padding-md__0Asee","padding-lg":"styles-module_padding-lg__1fB8Q","padding-xl":"styles-module_padding-xl__lBM42","divider":"styles-module_divider__Pwhgc","default":"styles-module_default__Ty9eo","primary":"styles-module_primary__AirHO","secondary":"styles-module_secondary__Kw0cY","gap-none":"styles-module_gap-none__P8puF","gap-sm":"styles-module_gap-sm__0DQmT","gap-md":"styles-module_gap-md__HYXte","gap-lg":"styles-module_gap-lg__dhDB3","gap-xl":"styles-module_gap-xl__fa4pK"};
 
 function Surface({ children, classNames, borderRadius = 'none', padding = 'none', gap = 'none', divider = false, flexDirection = 'column', variant = 'default', justifyContent = 'start', alignItems = 'start', ...props }) {
-    const rootClass = cn(styles$6.root, classNames?.root);
-    const dividerClass = cn(styles$6.divider, !divider && 'hidden', styles$6[`borderRadius-${borderRadius}`], classNames?.divider);
-    const surfaceClass = cn(styles$6.surface, styles$6[`borderRadius-${borderRadius}`], styles$6[`padding-${padding}`], styles$6[variant], styles$6[`gap-${gap}`], classNames?.surface);
+    const rootClass = cn(styles$5.root, classNames?.root);
+    const dividerClass = cn(styles$5.divider, !divider && 'hidden', styles$5[`borderRadius-${borderRadius}`], classNames?.divider);
+    const surfaceClass = cn(styles$5.surface, styles$5[`borderRadius-${borderRadius}`], styles$5[`padding-${padding}`], styles$5[variant], styles$5[`gap-${gap}`], classNames?.surface);
     return (jsxRuntimeExports.jsxs("div", { className: rootClass, ...props, children: [jsxRuntimeExports.jsx("div", { className: surfaceClass, style: { justifyContent, alignItems, flexDirection }, children: children }), jsxRuntimeExports.jsx("div", { className: dividerClass })] }));
 }
 
-var styles$5 = {"container":"styles-module_container__tduxg","navWrapper":"styles-module_navWrapper__Xb59N","navButton":"styles-module_navButton__kTv0k","selected":"styles-module_selected__w-GVG"};
+var styles$4 = {"container":"styles-module_container__tduxg","navWrapper":"styles-module_navWrapper__Xb59N","navButton":"styles-module_navButton__kTv0k","selected":"styles-module_selected__w-GVG"};
 
 function useIsActivePage(href) {
     if (typeof window === 'undefined')
@@ -1251,15 +1250,15 @@ function useIsActivePage(href) {
 function Sidebar({ items, classNames }) {
     //
     // A. Render components
-    return (jsxRuntimeExports.jsx("div", { className: cn(styles$5.container, classNames?.container), children: jsxRuntimeExports.jsx("div", { className: cn(styles$5.navWrapper, classNames?.navWrapper), children: items.map((item) => {
+    return (jsxRuntimeExports.jsx("div", { className: cn(styles$4.container, classNames?.container), children: jsxRuntimeExports.jsx("div", { className: cn(styles$4.navWrapper, classNames?.navWrapper), children: items.map((item) => {
                 return item.permission ? (jsxRuntimeExports.jsx(SidebarItem, { href: item.href, icon: item.icon, label: item.label }, item.href)) : (jsxRuntimeExports.jsx(SidebarItem, { href: item.href, icon: item.icon, label: item.label }, item.href));
             }) }) }));
     //
 }
 function SidebarItem({ href, icon, label, classNames, }) {
     const isActive = useIsActivePage(href);
-    return (jsxRuntimeExports.jsx(core.Tooltip, { label: label, position: "right", children: jsxRuntimeExports.jsx("a", { href: href, children: jsxRuntimeExports.jsx(core.ActionIcon, { className: cn(styles$5.navButton, classNames?.navButton, {
-                    [styles$5.selected]: isActive,
+    return (jsxRuntimeExports.jsx(core.Tooltip, { label: label, position: "right", children: jsxRuntimeExports.jsx("a", { href: href, children: jsxRuntimeExports.jsx(core.ActionIcon, { className: cn(styles$4.navButton, classNames?.navButton, {
+                    [styles$4.selected]: isActive,
                 }), color: "gray", size: "xl", children: icon }) }) }));
 }
 
@@ -1389,7 +1388,7 @@ function useDataTableContext() {
     return context;
 }
 
-var styles$4 = {"header":"styles-module_header__6dpaJ","cell":"styles-module_cell__mfzlU","cellContent":"styles-module_cellContent__NO9HT","row":"styles-module_row__0kxC4"};
+var styles$3 = {"header":"styles-module_header__6dpaJ","cell":"styles-module_cell__mfzlU","cellContent":"styles-module_cellContent__NO9HT","row":"styles-module_row__0kxC4"};
 
 /* * */
 function DataTableHeader({ columns, }) {
@@ -1403,21 +1402,21 @@ function DataTableHeader({ columns, }) {
             return null;
         return (jsxRuntimeExports.jsx(ActionIcon, { variant: "muted", children: sortState?.accessor === column.accessor ? (sortState.order === 'asc' ? (jsxRuntimeExports.jsx(iconsReact.IconArrowUpRhombus, { size: 18 })) : sortState.order === 'desc' ? (jsxRuntimeExports.jsx(iconsReact.IconArrowDownRhombus, { size: 18 })) : (jsxRuntimeExports.jsx(iconsReact.IconArrowsUpDown, { size: 18 }))) : (jsxRuntimeExports.jsx(iconsReact.IconArrowsUpDown, { size: 18 })) }));
     };
-    return (jsxRuntimeExports.jsx(core.Table.Thead, { className: cn(styles$4.header), children: jsxRuntimeExports.jsx(core.Table.Tr, { className: cn(styles$4.row), children: columns.map((column, idx) => (jsxRuntimeExports.jsx(core.Table.Th, { className: cn(styles$4.cell), children: jsxRuntimeExports.jsxs("div", { className: styles$4.cellContent, onClick: () => column.sortable &&
+    return (jsxRuntimeExports.jsx(core.Table.Thead, { className: cn(styles$3.header), children: jsxRuntimeExports.jsx(core.Table.Tr, { className: cn(styles$3.row), children: columns.map((column, idx) => (jsxRuntimeExports.jsx(core.Table.Th, { className: cn(styles$3.cell), children: jsxRuntimeExports.jsxs("div", { className: styles$3.cellContent, onClick: () => column.sortable &&
                         handleSort(column.sortKey ?? String(column.accessor)), children: [column.title, column.sortable && renderSortIcon(column)] }) }, idx))) }) }));
 }
 
-var styles$3 = {"row":"styles-module_row__46pHv","cell":"styles-module_cell__Yb-lZ"};
+var styles$2 = {"row":"styles-module_row__46pHv","cell":"styles-module_cell__Yb-lZ"};
 
 function DataTableRow({ columns, record, }) {
-    return (jsxRuntimeExports.jsx(core.Table.Tr, { className: cn(styles$3.row), children: columns.map((column, colIndex) => (jsxRuntimeExports.jsx(core.Table.Td, { className: cn(styles$3.cell), children: column.render
+    return (jsxRuntimeExports.jsx(core.Table.Tr, { className: cn(styles$2.row), children: columns.map((column, colIndex) => (jsxRuntimeExports.jsx(core.Table.Td, { className: cn(styles$2.cell), children: column.render
                 ? column.render(record)
                 : getValueAtPath(record, column.accessor) === null
                     ? null
                     : String(getValueAtPath(record, column.accessor)) }, colIndex))) }));
 }
 
-var styles$2 = {"root":"styles-module_root__2WSxN","title":"styles-module_title__qCJZG","item":"styles-module_item__yl--3","itemsWrapper":"styles-module_itemsWrapper__8xwKJ"};
+var styles$1 = {"root":"styles-module_root__2WSxN","title":"styles-module_title__qCJZG","item":"styles-module_item__yl--3","itemsWrapper":"styles-module_itemsWrapper__8xwKJ"};
 
 function DataTableTitle({ search, title }) {
     //
@@ -1432,10 +1431,10 @@ function DataTableTitle({ search, title }) {
     };
     //
     // C. Render Components
-    return (jsxRuntimeExports.jsxs("div", { className: styles$2.root, children: [jsxRuntimeExports.jsx("div", { className: styles$2.title, children: title && title }), search && !search.hidden && (jsxRuntimeExports.jsx("div", { className: styles$2.filters, children: jsxRuntimeExports.jsx(Component$3, { onChange: handleSearchChange, placeholder: search.placeholder, value: searchQuery }) }))] }));
+    return (jsxRuntimeExports.jsxs("div", { className: styles$1.root, children: [jsxRuntimeExports.jsx("div", { className: styles$1.title, children: title && title }), search && !search.hidden && (jsxRuntimeExports.jsx("div", { className: styles$1.filters, children: jsxRuntimeExports.jsx(Component$3, { onChange: handleSearchChange, placeholder: search.placeholder, value: searchQuery }) }))] }));
 }
 
-var styles$1 = {"root":"styles-module_root__AStX6","tableWrapper":"styles-module_tableWrapper__ByR84","table":"styles-module_table__IKm6A","body":"styles-module_body__Ou1Rp"};
+var styles = {"root":"styles-module_root__AStX6","tableWrapper":"styles-module_tableWrapper__ByR84","table":"styles-module_table__IKm6A","body":"styles-module_body__Ou1Rp"};
 
 function DataTable({ records, ...props }) {
     return (jsxRuntimeExports.jsx(DataTableProvider, { initialRecords: records, searchAccessors: props.search?.accessors ?? [], children: jsxRuntimeExports.jsx(DataTableContent, { ...props }) }));
@@ -1447,63 +1446,7 @@ function DataTableContent({ classnames, columns, maxHeight, search, title, }) {
     const { data } = useDataTableContext();
     //
     // B. Render Components
-    return (jsxRuntimeExports.jsxs("div", { className: cn(styles$1.root, classnames?.root), children: [jsxRuntimeExports.jsx(DataTableTitle, { search: search, title: title ?? '' }), jsxRuntimeExports.jsx("div", { className: cn(styles$1.tableWrapper, classnames?.tableWrapper), style: { maxHeight: maxHeight || '100%' }, children: jsxRuntimeExports.jsxs(core.Table, { className: cn(styles$1.table, classnames?.table, 'block'), children: [jsxRuntimeExports.jsx(DataTableHeader, { columns: columns }), jsxRuntimeExports.jsx(core.Table.Tbody, { children: jsxRuntimeExports.jsx(reactViewportList.ViewportList, { itemMargin: 0, items: data.records, children: (record, rowIndex) => (jsxRuntimeExports.jsx(DataTableRow, { columns: columns, record: record }, rowIndex)) }) })] }) })] }));
-}
-
-var styles = {"header":"styles-module_header__4P5BD","headerContent":"styles-module_headerContent__D-SOV","headerTitle":"styles-module_headerTitle__WltM4","headerDescription":"styles-module_headerDescription__QJ7PA","headerImage":"styles-module_headerImage__XF2xY","form":"styles-module_form__19X8o","formFooter":"styles-module_formFooter__txTAr","formFooterLinks":"styles-module_formFooterLinks__55jsp","formButton":"styles-module_formButton__pOMY2"};
-
-function useLogin(authUrl) {
-    const [loading, setLoading] = React.useState(false);
-    const [error, setError] = React.useState(null);
-    const login = async (credentials) => {
-        setLoading(true);
-        setError(null);
-        try {
-            const response = await fetch(authUrl, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify(credentials),
-            });
-            if (!response.ok) {
-                const errorData = await response.json();
-                throw new Error(errorData.message || 'Authentication failed');
-            }
-            const data = await response.json();
-            const token = data.token;
-            if (token) {
-                Cookies.set('sessionToken', token.token, { expires: token.expires_at }); // TODO: Add Domain
-            }
-            else {
-                throw new Error('Token not found in response');
-            }
-        }
-        catch (err) {
-            setError(err.message || 'An unexpected error occurred');
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    return { login, loading, error };
-}
-
-function LoginForm({ authUrl, classNames, footerLinks, title, description, buttonLabel = 'Login', buttonIcon = jsxRuntimeExports.jsx(iconsReact.IconArrowRight, { size: 20 }), }) {
-    //
-    // A. Define Variables
-    const { login, loading } = useLogin(authUrl);
-    const [username, setUsername] = React.useState('');
-    const [password, setPassword] = React.useState('');
-    //
-    // B. Define Functions
-    const handleSubmit = async (event) => {
-        event.preventDefault();
-        await login({ email: coreTypes.createEmail(username), password });
-    };
-    //
-    // A. Render Components
-    return (jsxRuntimeExports.jsxs(Surface, { padding: "md", className: cn(styles.root, classNames?.root), children: [jsxRuntimeExports.jsxs("div", { className: cn(styles.header, classNames?.header), children: [jsxRuntimeExports.jsxs("div", { className: cn(styles.headerContent, classNames?.headerContent), children: [jsxRuntimeExports.jsx("div", { className: cn(styles.headerTitle, classNames?.headerTitle), children: title }), jsxRuntimeExports.jsx("div", { className: styles.headerDescription, children: description })] }), jsxRuntimeExports.jsx("div", { className: cn(styles.headerImage, classNames?.headerImage), children: jsxRuntimeExports.jsx(TMLogo, {}) })] }), jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, className: cn(styles.form, classNames?.form), children: [jsxRuntimeExports.jsx(Component$3, { placeholder: "Email", value: username, onChange: (e) => setUsername(e.target.value) }), jsxRuntimeExports.jsx(Component$2, { placeholder: "Password", value: password, onChange: (e) => setPassword(e.target.value) }), jsxRuntimeExports.jsxs("div", { className: cn(styles.formFooter, classNames?.formFooter), children: [jsxRuntimeExports.jsxs(Component$4, { loading: loading, type: "submit", variant: "primary", textTransform: "uppercase", className: cn(styles.formButton, classNames?.formButton), children: [buttonIcon, " ", buttonLabel] }), jsxRuntimeExports.jsx("div", { className: cn(styles.formFooterLinks, classNames?.formFooterLinks), children: footerLinks })] })] })] }));
+    return (jsxRuntimeExports.jsxs("div", { className: cn(styles.root, classnames?.root), children: [jsxRuntimeExports.jsx(DataTableTitle, { search: search, title: title ?? '' }), jsxRuntimeExports.jsx("div", { className: cn(styles.tableWrapper, classnames?.tableWrapper), style: { maxHeight: maxHeight || '100%' }, children: jsxRuntimeExports.jsxs(core.Table, { className: cn(styles.table, classnames?.table, 'block'), children: [jsxRuntimeExports.jsx(DataTableHeader, { columns: columns }), jsxRuntimeExports.jsx(core.Table.Tbody, { children: jsxRuntimeExports.jsx(reactViewportList.ViewportList, { itemMargin: 0, items: data.records, children: (record, rowIndex) => (jsxRuntimeExports.jsx(DataTableRow, { columns: columns, record: record }, rowIndex)) }) })] }) })] }));
 }
 
 const MOBILE_BREAKPOINT = parseInt(getCssVariableValue('--breakpoint-mobile') ?? '768');
@@ -1524,6 +1467,139 @@ function useScreenSize() {
     return screenSize;
 }
 
+/* eslint-disable @stylistic/no-mixed-spaces-and-tabs */
+class Toast {
+    /**
+     * Hides all toasts
+    */
+    clean() {
+        notifications.notifications.clean();
+    }
+    /**
+     * Shows an error toast
+     * @param props - The toast props
+     */
+    error(props) {
+        return this.show({
+            ...props,
+            type: 'error',
+        });
+    }
+    /**
+     * Hides specific toast
+     * @param id - The toast id
+     */
+    hide(id) {
+        notifications.notifications.hide(id);
+    }
+    /**
+     * Shows an info toast
+     * @param props - The toast props
+     */
+    info(props) {
+        return this.show({
+            ...props,
+            type: 'info',
+        });
+    }
+    /**
+     * Shows a loading toast
+     * @param props - The toast props
+    */
+    loading(props) {
+        return this.show({
+            ...props,
+            loading: true,
+            type: 'info',
+        });
+    }
+    /**
+     * Promise wrapper for toast
+     * @param promise - The promise to be wrapped
+     * @param statusMessages - The status messages for the promise
+    */
+    promise(promise, { error, pending, success }) {
+        // If the promise is not a Promise instance, show the success message immediately
+        if (!(promise instanceof Promise)) {
+            this.success({
+                message: success,
+            });
+        }
+        const notifyPromise = typeof promise === 'function' ? promise() : promise;
+        const id = this.loading({
+            message: pending,
+        });
+        notifyPromise.then((result) => {
+            console.log('result', result);
+            this.update(id, {
+                color: 'green',
+                loading: false,
+                message: success,
+            });
+            return result;
+        }).catch((err) => {
+            console.log('err', err);
+            this.update(id, {
+                color: 'red',
+                loading: false,
+                message: err.message,
+                title: error,
+            });
+            return error;
+        });
+    }
+    /**
+     * Shows a toast
+     * @param props - The toast props
+     */
+    show(props) {
+        const color = props.color
+            || (props.type === 'error' && 'red')
+            || (props.type === 'info' && 'blue')
+            || (props.type === 'success' && 'green')
+            || (props.type === 'warning' && 'orange')
+            || undefined;
+        return notifications.notifications.show({
+            color: color,
+            mt: 10,
+            position: props.position || 'top-right',
+            ...props,
+        });
+    }
+    /**
+     * Shows a success toast
+     * @param props - The toast props
+     */
+    success(props) {
+        return this.show({
+            ...props,
+            type: 'success',
+        });
+    }
+    /**
+     * Updates a toast given its id
+     * @param id - The toast id
+     * @param props - The toast props
+     */
+    update(id, props) {
+        notifications.notifications.update({
+            id,
+            ...props,
+        });
+    }
+    /**
+     * Shows a warning toast
+     * @param props - The toast props
+     */
+    warning(props) {
+        return this.show({
+            ...props,
+            type: 'warning',
+        });
+    }
+}
+const useToast = new Toast();
+
 exports.ActionIcon = ActionIcon;
 exports.Badge = Badge;
 exports.Button = Component$4;
@@ -1533,7 +1609,6 @@ exports.Checkbox = Checkbox;
 exports.Combobox = Component;
 exports.DataTable = DataTable;
 exports.Grid = Grid;
-exports.LoginForm = LoginForm;
 exports.Menu = Menu;
 exports.PasswordInput = Component$2;
 exports.Section = Section;
@@ -1556,6 +1631,7 @@ exports.Themer = Themer;
 exports.Tooltip = Tooltip;
 exports.useScreenSize = useScreenSize;
 exports.useTheme = useTheme;
+exports.useToast = useToast;
 Object.keys(hooks).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,