@tmlmobilidade/ui 20250828.1342.43 → 20250828.1453.35

package/dist/index.d.ts

@@ -121,7 +121,7 @@ interface BadgeProps extends BadgeProps$1 {
 }
 declare function Badge({ children, className, disabled, filled, fullWidth, icon, onClick, size, type, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
-interface DataItem$1 {
+interface DataItem$2 {
     icon?: React.ReactNode;
     label: string;
     value: string;
@@ -129,7 +129,7 @@ interface DataItem$1 {
 interface BaseProps extends Omit<ComboboxProps, 'onChange' | 'value'> {
     className?: string;
     clearable?: boolean;
-    data: DataItem$1[] | string[];
+    data: DataItem$2[] | string[];
     description?: string;
     error?: string;
     fullWidth?: boolean;
@@ -202,7 +202,7 @@ declare namespace Menu {
     var Label: (props: MenuLabelProps) => react_jsx_runtime.JSX.Element;
 }
 
-interface DataItem {
+interface DataItem$1 {
     icon?: React.ReactNode;
     label: string;
     value: string;
@@ -210,7 +210,7 @@ interface DataItem {
 interface MultiSelectProps {
     className?: string;
     clearable?: boolean;
-    data: DataItem[];
+    data: DataItem$1[];
     description?: string;
     disabled?: boolean;
     error?: string;
@@ -282,6 +282,20 @@ interface LineSelectProps {
 }
 declare function LineSelect({ data, label, loading, nothingFound, onSelectLineId, placeholder, selectedLineId, variant }: LineSelectProps): react_jsx_runtime.JSX.Element;
 
+interface DataItem {
+    icon?: React.ReactNode;
+    label: string;
+    value: string;
+}
+interface PillGroupBaseProps {
+    data: DataItem[] | string[];
+    onChange?: (value: string[]) => void;
+    selected?: string[];
+    size?: 'lg' | 'md' | 'sm' | 'xl';
+}
+type PillGroupProps = PillGroupBaseProps;
+declare function PillGroup({ data, onChange, selected, size }: PillGroupProps): react_jsx_runtime.JSX.Element;
+
 type PopoverProps = PopoverProps$1;
 type PopoverTargetProps = PopoverTargetProps$1;
 type PopoverDropdownProps = PopoverDropdownProps$1;
@@ -598,6 +612,12 @@ interface SectionProps {
 }
 declare function Section({ alignItems, children, flexDirection, flexWrap, gap, justifyContent, padding }: SectionProps): react_jsx_runtime.JSX.Element;
 
+interface SeparatorProps {
+    margin?: 'lg' | 'md' | 'none' | 'sm';
+    separatorType?: 'dashed' | 'solid';
+}
+declare function Separator({ margin, separatorType }: SeparatorProps): react_jsx_runtime.JSX.Element;
+
 interface SpacerProps {
     orientation?: 'horizontal' | 'vertical';
     shrink?: boolean;
@@ -1069,5 +1089,5 @@ declare function AppProvider({ children }: PropsWithChildren): react_jsx_runtime
  */
 declare function BaseProvider({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
 
-export { AVAILABLE_MODES, AVAILABLE_THEMES, AlertCard, AlertMessage, AppProvider, AppWrapper, BackButton, Badge, BaseProvider, Button, CMIcon, CMLogo, Checkbox, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, CoordinatesInput, DataTable, DatePicker, DateTimePicker, DeleteButton, Description, Divider, ErrorDisplay, FileButton, FileUpload, FilterMenu, FilterMenuTarget, FiltersBar, Grid, HasPermission, Indicator, Label, LineBadge, LineDisplay, LineName, LineSelect, Loader, LoadingOverlay, LockButton, MAP_STYLES, MAP_VIEWPORT, MapContextProvider, MapOverlayGeofences, MapOverlayMultipleStops, MapOverlayObservedPath, MapOverlayPins, MapOverlayScheduledPath, MapView, MapViewContextProvider, MeContextProvider, Menu, MultiSelect, NoDataLabel, NumberInput, Pane, PanesManager, PasswordInput, PillsInput, Popover, SearchInput, Section, SegmentedControl, Sidebar, SidebarContextProvider, Slider, Spacer, StopDisplay, StopDisplayName, StopSelect, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, TagGroup, Text, TextInput, Textarea, ThemeContextProvider, Toolbar, Tooltip, ValueDisplay, WhenDarkMode, WhenLightMode, WhenMode, accessorSearch, plainSearch, sidebarApps, useCssVariable, useCurrentUrl, useMapContext, useMapViewContext, useMeContext, useSearch, useSidebarContext, useThemeContext, useToast, useUserPreference };
-export type { ButtonProps, CheckboxGroupProps, CheckboxProps, DataItem$1 as DataItem, DataTableColumn, DataTableProps, FileButtonProps, LabelProps, LineBadgeProps, LineDisplayProps, LineNameProps, LineSelectProps, LoaderProps, MapOverlayGeofencesPolygonDataProps, MapOverlayMultipleStopsDataProps, MapOverlayObservedPathLineDataProps, MapOverlayObservedPathPointsDataProps, MapOverlayPinsPointDataProps, MapOverlayScheduledPathLineDataProps, MapOverlayScheduledPathPointsDataProps, MapStyle, ModeType, NoDataLabelProps, NumberInputProps, PillsInputProps, PopoverDropdownProps, PopoverProps, PopoverTargetProps, SearchInputProps, SegmentedControlProps, SurfaceProps, TagGroupProps, TagProps, TextInputProps, TextProps, TextareaProps, ThemeType, ToastPromiseParams, ToastProps };
+export { AVAILABLE_MODES, AVAILABLE_THEMES, AlertCard, AlertMessage, AppProvider, AppWrapper, BackButton, Badge, BaseProvider, Button, CMIcon, CMLogo, Checkbox, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, CoordinatesInput, DataTable, DatePicker, DateTimePicker, DeleteButton, Description, Divider, ErrorDisplay, FileButton, FileUpload, FilterMenu, FilterMenuTarget, FiltersBar, Grid, HasPermission, Indicator, Label, LineBadge, LineDisplay, LineName, LineSelect, Loader, LoadingOverlay, LockButton, MAP_STYLES, MAP_VIEWPORT, MapContextProvider, MapOverlayGeofences, MapOverlayMultipleStops, MapOverlayObservedPath, MapOverlayPins, MapOverlayScheduledPath, MapView, MapViewContextProvider, MeContextProvider, Menu, MultiSelect, NoDataLabel, NumberInput, Pane, PanesManager, PasswordInput, PillGroup, PillsInput, Popover, SearchInput, Section, SegmentedControl, Separator, Sidebar, SidebarContextProvider, Slider, Spacer, StopDisplay, StopDisplayName, StopSelect, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, TagGroup, Text, TextInput, Textarea, ThemeContextProvider, Toolbar, Tooltip, ValueDisplay, WhenDarkMode, WhenLightMode, WhenMode, accessorSearch, plainSearch, sidebarApps, useCssVariable, useCurrentUrl, useMapContext, useMapViewContext, useMeContext, useSearch, useSidebarContext, useThemeContext, useToast, useUserPreference };
+export type { ButtonProps, CheckboxGroupProps, CheckboxProps, DataItem$2 as DataItem, DataTableColumn, DataTableProps, FileButtonProps, LabelProps, LineBadgeProps, LineDisplayProps, LineNameProps, LineSelectProps, LoaderProps, MapOverlayGeofencesPolygonDataProps, MapOverlayMultipleStopsDataProps, MapOverlayObservedPathLineDataProps, MapOverlayObservedPathPointsDataProps, MapOverlayPinsPointDataProps, MapOverlayScheduledPathLineDataProps, MapOverlayScheduledPathPointsDataProps, MapStyle, ModeType, NoDataLabelProps, NumberInputProps, PillsInputProps, PopoverDropdownProps, PopoverProps, PopoverTargetProps, SearchInputProps, SegmentedControlProps, SurfaceProps, TagGroupProps, TagProps, TextInputProps, TextProps, TextareaProps, ThemeType, ToastPromiseParams, ToastProps };

package/dist/index.js

@@ -18,6 +18,7 @@ export { LineBadge } from './src/components/common/LineBadge/index.js';
 export { LineDisplay } from './src/components/common/LineDisplay/index.js';
 export { LineName } from './src/components/common/LineName/index.js';
 export { LineSelect } from './src/components/common/LineSelect/index.js';
+export { PillGroup } from './src/components/common/PillGroup/index.js';
 export { Popover } from './src/components/common/Popover/index.js';
 export { SegmentedControl } from './src/components/common/SegmentedControl/index.js';
 export { Slider } from './src/components/common/Slider/index.js';
@@ -52,6 +53,7 @@ export { Collapsible } from './src/components/layout/Collapsible/index.js';
 export { Divider } from './src/components/layout/Divider/index.js';
 export { Grid } from './src/components/layout/Grid/index.js';
 export { Section } from './src/components/layout/Section/index.js';
+export { Separator } from './src/components/layout/Separator/index.js';
 export { Spacer } from './src/components/layout/Spacer/index.js';
 export { Surface } from './src/components/layout/Surface/index.js';
 export { Toolbar } from './src/components/layout/Toolbar/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/PillGroup/index.js

@@ -0,0 +1,33 @@
+'use client';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+import { Pill } from '@mantine/core';
+import { IconCheck, IconX, IconPlus } from '@tabler/icons-react';
+import { useMemo } from 'react';
+import styles from './styles.module.css.js';
+
+function PillGroup({ data, onChange, selected, size = 'md' }) {
+    //
+    const preparedData = useMemo(() => {
+        return data.map(item => (typeof item === 'string' ? { label: item, value: item } : item));
+    }, [data]);
+    //
+    // A. Render components
+    return (jsxRuntimeExports.jsx(Pill.Group, { children: preparedData.map(item => (jsxRuntimeExports.jsxs(Pill, { "data-size": size, classNames: {
+                label: styles.label,
+                root: styles.pill,
+            }, removeButtonProps: {
+                icon: selected?.includes(item.value) ? jsxRuntimeExports.jsx(IconX, { size: 16 }) : jsxRuntimeExports.jsx(IconPlus, { size: 16 }),
+                onClick: () => {
+                    if (selected?.includes(item.value)) {
+                        onChange?.(selected.filter(value => value !== item.value));
+                    }
+                    else {
+                        onChange?.([...(selected ?? []), item.value]);
+                    }
+                },
+            }, withRemoveButton: true, children: [selected?.includes(item.value) && jsxRuntimeExports.jsx(IconCheck, { size: 16 }), item.icon && jsxRuntimeExports.jsx("span", { style: { marginRight: '0.25rem' }, children: item.icon }), item.label] }, item.value))) }));
+    //
+}
+
+export { PillGroup };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,4 @@
+var styles = {"pill":"styles-module_pill__yivEf","label":"styles-module_label__2CZDF"};
+
+export { styles as default };
+//# sourceMappingURL=styles.module.css.js.map

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

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

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

@@ -0,0 +1,10 @@
+'use client';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+import styles from './styles.module.css.js';
+
+function Separator({ margin = 'none', separatorType = 'solid' }) {
+    return (jsxRuntimeExports.jsx("div", { className: styles.root, "data-margin": margin, "data-separator-type": separatorType }));
+}
+
+export { Separator };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Separator/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAaM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAkB,CAAA,CAAA;AACrF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACCA,qBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CACC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,IAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EACT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,qBAAA,CAAA,CACE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,EAAA,CAEjC,CAAA;AAEJ;;"}

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

@@ -0,0 +1,4 @@
+var styles = {"root":"styles-module_root__xDysI"};
+
+export { styles as default };
+//# sourceMappingURL=styles.module.css.js.map

package/dist/src/components/layout/Separator/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

@@ -934,6 +934,56 @@
   background-color: var(--color-system-background-200) !important;
 }
 
+/* * */
+/* PILL */
+
+.styles-module_pill__yivEf {
+	display: flex;
+	gap: var(--size-spacing-xs);
+	align-items: center;
+    height: fit-content;
+	font-size: var(--font-size-sm);
+	font-weight: var(--font-weight-medium);
+	color: var(--color-system-text-100);
+	cursor: auto;
+	background-color: var(--color-system-background-200);
+    border-radius: var(--border-radius-xs);
+	box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 15%);
+	
+	& * {
+		user-select: none;
+	}
+
+    &[data-size='lg'] {
+        padding: var(--size-spacing-sm);
+        font-size: var(--font-size-lg);
+    }
+
+    &[data-size='md'] {
+        padding: var(--size-spacing-xs);
+        font-size: var(--font-size-md);
+    }
+
+    &[data-size='sm'] {
+        padding: var(--size-spacing-xs);
+        font-size: var(--font-size-sm);
+    }
+
+    &[data-size='xl'] {
+        padding: var(--size-spacing-md);
+        font-size: var(--font-size-xl);
+    }
+}
+
+/* * */
+/* LABEL */
+
+.styles-module_label__2CZDF {
+	display: flex;
+	gap: var(--size-spacing-xs);
+	align-items: center;
+	color: var(--color-system-text-100);
+}
 /* * */
 /* CONTAINER */
 
@@ -2106,6 +2156,45 @@
 /* * */
 /* ROOT */
 
+.styles-module_root__xDysI {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+    border-bottom: 1px solid var(--color-system-border-200);
+
+    
+    /* * */
+    /* PROPS / SEPARATOR TYPE */
+    &[data-separator-type="dashed"] {
+        border-bottom: 1px dashed var(--color-system-border-100);
+    }
+
+    &[data-separator-type="solid"] {
+        border-bottom: 1px solid var(--color-system-border-100);
+    }
+
+    /* * */
+    /* PROPS / MARGIN */
+
+    &[data-margin="sm"] {
+        margin: var(--size-spacing-sm);
+    }
+
+    &[data-margin="md"] {
+        margin: var(--size-spacing-md);
+    }
+
+    &[data-margin="lg"] {
+        margin: var(--size-spacing-lg);
+    }
+
+    &[data-margin="none"] {
+        margin: 0;
+    }
+}
+/* * */
+/* ROOT */
+
 .styles-module_root__Rhx1c {
 	display: flex;
 	flex-direction: column;

package/dist/styles.css

@@ -993,6 +993,56 @@ figure {
   background-color: var(--color-system-background-200) !important;
 }
 
+/* * */
+/* PILL */
+
+.styles-module_pill__yivEf {
+	display: flex;
+	gap: var(--size-spacing-xs);
+	align-items: center;
+    height: fit-content;
+	font-size: var(--font-size-sm);
+	font-weight: var(--font-weight-medium);
+	color: var(--color-system-text-100);
+	cursor: auto;
+	background-color: var(--color-system-background-200);
+    border-radius: var(--border-radius-xs);
+	box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 15%);
+	
+	& * {
+		user-select: none;
+	}
+
+    &[data-size='lg'] {
+        padding: var(--size-spacing-sm);
+        font-size: var(--font-size-lg);
+    }
+
+    &[data-size='md'] {
+        padding: var(--size-spacing-xs);
+        font-size: var(--font-size-md);
+    }
+
+    &[data-size='sm'] {
+        padding: var(--size-spacing-xs);
+        font-size: var(--font-size-sm);
+    }
+
+    &[data-size='xl'] {
+        padding: var(--size-spacing-md);
+        font-size: var(--font-size-xl);
+    }
+}
+
+/* * */
+/* LABEL */
+
+.styles-module_label__2CZDF {
+	display: flex;
+	gap: var(--size-spacing-xs);
+	align-items: center;
+	color: var(--color-system-text-100);
+}
 /* * */
 /* CONTAINER */
 
@@ -2165,6 +2215,45 @@ figure {
 /* * */
 /* ROOT */
 
+.styles-module_root__xDysI {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+    border-bottom: 1px solid var(--color-system-border-200);
+
+    
+    /* * */
+    /* PROPS / SEPARATOR TYPE */
+    &[data-separator-type="dashed"] {
+        border-bottom: 1px dashed var(--color-system-border-100);
+    }
+
+    &[data-separator-type="solid"] {
+        border-bottom: 1px solid var(--color-system-border-100);
+    }
+
+    /* * */
+    /* PROPS / MARGIN */
+
+    &[data-margin="sm"] {
+        margin: var(--size-spacing-sm);
+    }
+
+    &[data-margin="md"] {
+        margin: var(--size-spacing-md);
+    }
+
+    &[data-margin="lg"] {
+        margin: var(--size-spacing-lg);
+    }
+
+    &[data-margin="none"] {
+        margin: 0;
+    }
+}
+/* * */
+/* ROOT */
+
 .styles-module_root__Rhx1c {
 	display: flex;
 	flex-direction: column;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@tmlmobilidade/ui",
 	"description": "UI components for Transportes Metropolitanos de Lisboa (TML) web applications.",
-	"version": "20250828.1342.43",
+	"version": "20250828.1453.35",
 	"author": "João de Vasconcelos & Jusi Monteiro",
 	"license": "AGPL-3.0-or-later",
 	"publishConfig": {