@tmlmobilidade/ui 20250411.1732.38 → 20250421.1224.31

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import * as React$1 from 'react';
 import React__default, { PropsWithChildren, ReactNode } from 'react';
 import { BadgeProps as BadgeProps$1, CheckboxProps as CheckboxProps$1, ComboboxProps, ButtonProps as ButtonProps$1, MenuProps as MenuProps$1, MenuTargetProps as MenuTargetProps$1, MenuDropdownProps as MenuDropdownProps$1, MenuItemProps as MenuItemProps$1, MenuDividerProps as MenuDividerProps$1, MenuLabelProps as MenuLabelProps$1, SegmentedControlProps as SegmentedControlProps$1, TextareaProps, TextInputProps as TextInputProps$1, TooltipProps as TooltipProps$1, PasswordInputProps, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TextProps as TextProps$1, AccordionStylesNames } from '@mantine/core';
 export { RenderTreeNodePayload, Tree, TreeNodeData, getTreeExpandedState, useTree } from '@mantine/core';
-import { DateTimePickerProps as DateTimePickerProps$1 } from '@mantine/dates';
+import { DatePickerInputProps, DateTimePickerProps as DateTimePickerProps$1 } from '@mantine/dates';
 import { Permission, User } from '@tmlmobilidade/types';
 import { MapRef, MapLayerMouseEvent, ViewStateChangeEvent } from 'react-map-gl/maplibre';
 import { NotificationData } from '@mantine/notifications';
@@ -70,6 +70,19 @@ interface ComponentWrapperProps {
 }
 declare function ComponentWrapper({ children, className }: ComponentWrapperProps): react_jsx_runtime.JSX.Element;
 
+interface DatePickerProps extends Omit<DatePickerInputProps, 'type'> {
+    /**
+     * Full width of the input.
+     */
+    fullWidth?: boolean;
+    /**
+     * Left section of the input.
+     * @default <IconCalendar size={20} />
+     */
+    leftSection?: React.ReactNode;
+}
+declare function DatePicker({ leftSection, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
+
 interface DateTimePickerProps extends DateTimePickerProps$1 {
     /**
      * Full width of the input.
@@ -734,5 +747,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, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, DataTable, DateTimePicker, DeleteActionIcon, Description, Divider, FileButton, Grid, Label, Loader, LoadingOverlay, MapOptionsContextProvider, MapView, MapViewStyleActiveStops, MapViewStyleActiveStopsInteractiveLayerId, MapViewStyleActiveStopsPrimaryLayerId, MapViewStylePath, MapViewStylePathInteractiveLayerId, MapViewStylePathPrimaryLayerId, MapViewStyleStops, MapViewStyleStopsInteractiveLayerId, MapViewStyleStopsPrimaryLayerId, MapViewStyleVehicles, MapViewStyleVehiclesInteractiveLayerId, MapViewStyleVehiclesPrimaryLayerId, MeContextProvider, Menu, Pane, PanesManager, PasswordInput, Section, SegmentedControl, Sidebar, SidebarContextProvider, SidebarItem, 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 { AVAILABLE_THEMES, ActionIcon, AppProvider, AppWrapper, Badge, Button, CMIcon, CMLogo, Checkbox, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, DataTable, DatePicker, DateTimePicker, DeleteActionIcon, Description, Divider, FileButton, Grid, Label, Loader, LoadingOverlay, MapOptionsContextProvider, MapView, MapViewStyleActiveStops, MapViewStyleActiveStopsInteractiveLayerId, MapViewStyleActiveStopsPrimaryLayerId, MapViewStylePath, MapViewStylePathInteractiveLayerId, MapViewStylePathPrimaryLayerId, MapViewStyleStops, MapViewStyleStopsInteractiveLayerId, MapViewStyleStopsPrimaryLayerId, MapViewStyleVehicles, MapViewStyleVehiclesInteractiveLayerId, MapViewStyleVehiclesPrimaryLayerId, MeContextProvider, Menu, Pane, PanesManager, PasswordInput, Section, SegmentedControl, Sidebar, SidebarContextProvider, SidebarItem, 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 { ButtonProps, DataItem, DataTableColumn, DataTableProps, DataTableSearchProps, LabelProps, LoaderProps, MapStyle, SidebarItemProps, TagProps, TextProps, ThemeType, ToastPromiseParams, ToastProps };

package/dist/index.js

@@ -4,6 +4,7 @@ export { default as Badge } from './src/components/common/Badge/index.js';
 export { default as Checkbox } from './src/components/common/Checkbox/index.js';
 export { default as Combobox } from './src/components/common/Combobox/index.js';
 export { default as ComponentWrapper } from './src/components/common/ComponentWrapper/index.js';
+export { default as DatePicker } from './src/components/common/DatePicker/index.js';
 export { default as DateTimePicker } from './src/components/common/DateTimePicker/index.js';
 export { default as DeleteActionIcon } from './src/components/common/DeleteActionIcon/index.js';
 export { default as Description } from './src/components/common/Description/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/common/DatePicker/index.js

@@ -0,0 +1,12 @@
+'use client';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+import { DatePickerInput } from '@mantine/dates';
+import { IconCalendar } from '@tabler/icons-react';
+import styles from './styles.module.css.js';
+
+function DatePicker({ leftSection = jsxRuntimeExports.jsx(IconCalendar, { size: 20 }), ...props }) {
+    return (jsxRuntimeExports.jsx(DatePickerInput, { classNames: { ...styles, ...props.classNames }, leftSection: leftSection, style: { width: props.fullWidth ? '100%' : undefined }, type: "default", ...props }));
+}
+
+export { DatePicker as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/common/DatePicker/index.tsx"],"sourcesContent":[null],"names":["_jsx","MantineDatePickerInput"],"mappings":";;;;;;AAwBc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,UAAU,CAAC,CAAA,CAClC,WAAW,CAAGA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAC,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAC,CAAI,CAAA,CAAA,CAAA,CAAA,CAAE,EAAE,GAAI,EACxC,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,EACS,CAAA,CAAA;IACjB,QACCA,sBAACC,eAAsB,CAAA,CAAA,CAAA,CACtB,UAAU,CAAE,CAAA,CAAA,CAAE,GAAG,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,GAAG,CAAK,CAAA,CAAA,CAAA,CAAA,CAAC,UAAU,CAAE,CAAA,CAAA,CAC9C,WAAW,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,EACxB,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,EAAE,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,GAAG,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,SAAS,CAAE,CAAA,CAAA,CACtD,IAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EACV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,EACR,CAAA,CAAA;AAEJ;;"}

package/dist/src/components/common/DatePicker/styles.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"input":"styles-module_input__6Vb-T","wrapper":"styles-module_wrapper__nPKBy","variantWhite":"styles-module_variantWhite__qqkxa","section":"styles-module_section__EPtjl","sizeSm":"styles-module_sizeSm__L4t8C","label":"styles-module_label__nI50N","description":"styles-module_description__X7kWv"};
+
+export { styles as default };
+//# sourceMappingURL=styles.module.css.js.map

package/dist/src/components/common/DatePicker/styles.module.css.js.map

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

package/dist/styles-no-reset.css

@@ -9634,6 +9634,81 @@ breakpoint-mobile {
 /* * */
 /* INPUT */
 
+.styles-module_input__6Vb-T {
+	height: auto;
+	max-height: none;
+	padding: 10px 15px;
+	font-size: var(--font-size-sm);
+	font-weight: var(--font-weight-medium);
+	line-height: 1;
+	background-color: var(--color-system-background-100);
+	border: 2px solid var(--color-system-text-300);
+	border-radius: var(--border-radius-sm);
+}
+
+.styles-module_input__6Vb-T::placeholder {
+	color: var(--color-system-text-300);
+}
+
+.styles-module_wrapper__nPKBy[data-with-left-section="true"] .styles-module_input__6Vb-T {
+	padding-left: calc(var(--size-spacing-sm) + 30px);
+}
+
+.styles-module_wrapper__nPKBy[data-with-right-section="true"] .styles-module_input__6Vb-T {
+	padding-right: calc(var(--size-spacing-sm) + 30px);
+}
+
+.styles-module_input__6Vb-T.styles-module_variantWhite__qqkxa {
+	color: var(--color-primary-black);
+	background-color: var(--color-primary-white);
+	border-color: #bebec8;
+}
+
+/* * */
+/* SECTION */
+
+.styles-module_section__EPtjl {
+	display: flex;
+	width: auto;
+	padding: var(--size-spacing-sm);
+	color: var(--color-system-text-300);
+}
+
+.styles-module_section__EPtjl[data-position="left"] {
+	pointer-events: none;
+}
+
+.styles-module_section__EPtjl.styles-module_variantWhite__qqkxa {
+	color: var(--color-system-text-300);
+}
+
+.styles-module_sizeSm__L4t8C{
+	font-size: 1px;
+	line-height: var(font-line-height);
+}
+
+/* * */
+/* LABEL */
+
+.styles-module_label__nI50N {
+	font-size: var(--font-size-sm);
+	font-weight: var(--font-weight-medium);
+	color: var(--color-system-text-100);
+}
+
+/* * */
+/* DESCRIPTION */
+
+.styles-module_description__X7kWv {
+	margin-top: var(--size-spacing-xs);
+	margin-bottom: var(--size-spacing-xs);
+	font-size: var(--font-size-sm);
+	font-weight: var(--font-weight-medium);
+	color: var(--color-system-text-200);
+}
+/* * */
+/* INPUT */
+
 .styles-module_input__7GH-0 {
 	height: auto;
 	max-height: none;

package/dist/styles.css

@@ -9689,6 +9689,81 @@ breakpoint-mobile {
 /* * */
 /* INPUT */
 
+.styles-module_input__6Vb-T {
+	height: auto;
+	max-height: none;
+	padding: 10px 15px;
+	font-size: var(--font-size-sm);
+	font-weight: var(--font-weight-medium);
+	line-height: 1;
+	background-color: var(--color-system-background-100);
+	border: 2px solid var(--color-system-text-300);
+	border-radius: var(--border-radius-sm);
+}
+
+.styles-module_input__6Vb-T::placeholder {
+	color: var(--color-system-text-300);
+}
+
+.styles-module_wrapper__nPKBy[data-with-left-section="true"] .styles-module_input__6Vb-T {
+	padding-left: calc(var(--size-spacing-sm) + 30px);
+}
+
+.styles-module_wrapper__nPKBy[data-with-right-section="true"] .styles-module_input__6Vb-T {
+	padding-right: calc(var(--size-spacing-sm) + 30px);
+}
+
+.styles-module_input__6Vb-T.styles-module_variantWhite__qqkxa {
+	color: var(--color-primary-black);
+	background-color: var(--color-primary-white);
+	border-color: #bebec8;
+}
+
+/* * */
+/* SECTION */
+
+.styles-module_section__EPtjl {
+	display: flex;
+	width: auto;
+	padding: var(--size-spacing-sm);
+	color: var(--color-system-text-300);
+}
+
+.styles-module_section__EPtjl[data-position="left"] {
+	pointer-events: none;
+}
+
+.styles-module_section__EPtjl.styles-module_variantWhite__qqkxa {
+	color: var(--color-system-text-300);
+}
+
+.styles-module_sizeSm__L4t8C{
+	font-size: 1px;
+	line-height: var(font-line-height);
+}
+
+/* * */
+/* LABEL */
+
+.styles-module_label__nI50N {
+	font-size: var(--font-size-sm);
+	font-weight: var(--font-weight-medium);
+	color: var(--color-system-text-100);
+}
+
+/* * */
+/* DESCRIPTION */
+
+.styles-module_description__X7kWv {
+	margin-top: var(--size-spacing-xs);
+	margin-bottom: var(--size-spacing-xs);
+	font-size: var(--font-size-sm);
+	font-weight: var(--font-weight-medium);
+	color: var(--color-system-text-200);
+}
+/* * */
+/* INPUT */
+
 .styles-module_input__7GH-0 {
 	height: auto;
 	max-height: none;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tmlmobilidade/ui",
-	"version": "20250411.1732.38",
+	"version": "20250421.1224.31",
 	"author": "",
 	"license": "ISC",
 	"publishConfig": {
@@ -50,7 +50,7 @@
 		"@tmlmobilidade/utils": "*",
 		"clsx": "2.1.1",
 		"luxon": "3.6.1",
-		"maplibre-gl": "5.3.0",
+		"maplibre-gl": "5.3.1",
 		"react-map-gl": "8.0.3",
 		"react-viewport-list": "7.1.2"
 	},
@@ -62,14 +62,14 @@
 		"@turf/turf": "7.2.0",
 		"@types/geojson": "7946.0.16",
 		"@types/luxon": "3.6.2",
-		"@types/node": "22.14.0",
-		"@types/react": "19.1.1",
+		"@types/node": "22.14.1",
+		"@types/react": "19.1.2",
 		"@types/react-dom": "19.1.2",
 		"nodemon": "3.1.9",
 		"postcss": "8.5.3",
 		"react": "19.1.0",
 		"react-dom": "19.1.0",
-		"rollup": "4.39.0",
+		"rollup": "4.40.0",
 		"rollup-plugin-dts": "6.2.1",
 		"rollup-plugin-postcss": "4.0.2",
 		"rollup-plugin-tsconfig-paths": "1.5.2",