@marinoscar/platform-web 0.1.0-next.16 → 0.1.0-next.18

package/dist/timezone/ui/TimeZoneMap.js

@@ -0,0 +1,231 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// The world map of the time zone picker: a dot-matrix land layer, the UTC
+// offset band of the selected zone, every zone as a tiny pin, the selected one
+// as a pulsing ring, a hover preview on fine pointers and an offset axis.
+// Tap or click anywhere picks the nearest zone. The land and the band are SVG
+// in map units (one unit = one degree), so they scale to any width; the pins,
+// the label and the axis are HTML placed by percentage, so they keep their
+// pixel size on a phone and on a wide desktop.
+import { useCallback, useId, useMemo, useRef, useState } from 'react';
+import { Box, Paper, Typography, useMediaQuery } from '@mui/material';
+import { alpha, keyframes, useTheme } from '@mui/material/styles';
+import { TIME_ZONE_MAP_HEIGHT, TIME_ZONE_MAP_WIDTH, findTimeZone, formatTime, formatUtcOffset, landDotsPath, listTimeZones, nearestZone, offsetBandRanges, projectToMap, unprojectFromMap, } from '../headless/index.js';
+import { useNow } from '../internal/use-now.js';
+const pulse = keyframes `
+  0% { transform: translate(-50%, -50%) scale(0.6); opacity: 0.75; }
+  80%, 100% { transform: translate(-50%, -50%) scale(2.4); opacity: 0; }
+`;
+const VIEW_BOX = `0 0 ${TIME_ZONE_MAP_WIDTH} ${TIME_ZONE_MAP_HEIGHT}`;
+const HOURS = Array.from({ length: 25 }, (_, i) => i - 12);
+function pct(value, of) {
+    return `${((value / of) * 100).toFixed(3)}%`;
+}
+function tickLabel(hours) {
+    if (hours === 0)
+        return '0';
+    return hours < 0 ? `−${-hours}` : `+${hours}`;
+}
+/** The theme colors of the map, in light and dark mode. */
+function mapColors(theme) {
+    const dark = theme.palette.mode === 'dark';
+    const band = theme.palette.secondary.main;
+    return {
+        surface: dark ? alpha(theme.palette.common.white, 0.03) : alpha(theme.palette.primary.main, 0.035),
+        land: alpha(theme.palette.primary.main, dark ? 0.38 : 0.4),
+        landInBand: dark ? theme.palette.secondary.light : theme.palette.secondary.dark,
+        grid: alpha(theme.palette.text.primary, dark ? 0.045 : 0.045),
+        bandFill: alpha(band, dark ? 0.2 : 0.14),
+        bandEdge: alpha(band, dark ? 0.9 : 0.75),
+        pin: alpha(theme.palette.text.primary, dark ? 0.4 : 0.28),
+        ring: band,
+    };
+}
+/**
+ * The time zone world map. Purely presentational: `value` in, the nearest zone
+ * to a click or tap out (`onChange`). It is one image to assistive technology
+ * (`role="img"`, labelled with the selection); the accessible way to pick a
+ * zone is the picker's search field, so pins are not tab stops.
+ *
+ * @param props - see {@link TimeZoneMapProps}.
+ * @returns the map.
+ *
+ * @example
+ * ```tsx
+ * <TimeZoneMap value={pending} onChange={setPending} />
+ * ```
+ *
+ * @extensionPoint component
+ * @stability experimental
+ */
+export function TimeZoneMap({ value, onChange, zones, 'aria-label': ariaLabel, sx }) {
+    const theme = useTheme();
+    const colors = mapColors(theme);
+    const narrow = useMediaQuery(theme.breakpoints.down('sm'));
+    const reactId = useId().replace(/:/g, '');
+    const svgRef = useRef(null);
+    const [hoverId, setHoverId] = useState(null);
+    const now = useNow(30_000);
+    const options = useMemo(() => zones ?? listTimeZones(), [zones]);
+    const byId = useMemo(() => new Map(options.map((option) => [option.id, option])), [options]);
+    const land = useMemo(() => landDotsPath(), []);
+    const pinsPath = useMemo(() => options
+        .filter((option) => option.lat !== null && option.lon !== null)
+        .map((option) => {
+        const { x, y } = projectToMap(option.lon, option.lat);
+        return `M${x.toFixed(2)} ${y.toFixed(2)}h0`;
+    })
+        .join(''), [options]);
+    const selected = useMemo(() => (value ? (byId.get(value) ?? findTimeZone(value)) : null), [byId, value]);
+    const hovered = hoverId && hoverId !== value ? (byId.get(hoverId) ?? null) : null;
+    const bands = selected ? offsetBandRanges(selected.offsetMinutes) : [];
+    const clipId = `tz-band-${reactId}`;
+    /** The map coordinate under a pointer, through the SVG's own transform. */
+    const toLonLat = useCallback((clientX, clientY) => {
+        const svg = svgRef.current;
+        if (!svg)
+            return null;
+        const ctm = typeof svg.getScreenCTM === 'function' ? svg.getScreenCTM() : null;
+        let x;
+        let y;
+        if (ctm && typeof svg.createSVGPoint === 'function') {
+            const point = svg.createSVGPoint();
+            point.x = clientX;
+            point.y = clientY;
+            const local = point.matrixTransform(ctm.inverse());
+            x = local.x;
+            y = local.y;
+        }
+        else {
+            const rect = svg.getBoundingClientRect();
+            if (!rect.width || !rect.height)
+                return null;
+            x = ((clientX - rect.left) / rect.width) * TIME_ZONE_MAP_WIDTH;
+            y = ((clientY - rect.top) / rect.height) * TIME_ZONE_MAP_HEIGHT;
+        }
+        return unprojectFromMap(x, y);
+    }, []);
+    const handleClick = (event) => {
+        if (!onChange)
+            return;
+        const at = toLonLat(event.clientX, event.clientY);
+        if (at)
+            onChange(nearestZone(at.lon, at.lat));
+    };
+    const handlePointerMove = (event) => {
+        if (!onChange || event.pointerType === 'touch')
+            return;
+        const at = toLonLat(event.clientX, event.clientY);
+        const id = at ? nearestZone(at.lon, at.lat) : null;
+        if (id !== hoverId)
+            setHoverId(id);
+    };
+    const label = ariaLabel ??
+        (selected
+            ? `World time zone map. Selected: ${selected.city}${selected.countryName ? `, ${selected.countryName}` : ''}, ${selected.offsetLabel}.`
+            : 'World time zone map. No time zone selected.');
+    const selectedPoint = selected && selected.lat !== null && selected.lon !== null ? projectToMap(selected.lon, selected.lat) : null;
+    const hoveredPoint = hovered && hovered.lat !== null && hovered.lon !== null ? projectToMap(hovered.lon, hovered.lat) : null;
+    const tickStep = narrow ? 4 : 2;
+    const selectedHours = selected ? selected.offsetMinutes / 60 : null;
+    const selectedTickX = selectedHours !== null ? Math.min(TIME_ZONE_MAP_WIDTH, Math.max(0, selectedHours * 15 + 180)) : null;
+    return (_jsxs(Box, { sx: [{ width: '100%', userSelect: 'none' }, ...(Array.isArray(sx) ? sx : [sx])], children: [_jsxs(Box, { "data-testid": "time-zone-map", onClick: handleClick, onPointerMove: handlePointerMove, onPointerLeave: () => setHoverId(null), sx: {
+                    position: 'relative',
+                    borderRadius: 2,
+                    bgcolor: colors.surface,
+                    cursor: onChange ? 'crosshair' : 'default',
+                    touchAction: 'manipulation',
+                    WebkitTapHighlightColor: 'transparent',
+                }, children: [_jsxs("svg", { ref: svgRef, viewBox: VIEW_BOX, width: "100%", preserveAspectRatio: "xMidYMid meet", role: "img", "aria-label": label, style: { display: 'block', height: 'auto', overflow: 'visible' }, children: [_jsx("defs", { children: _jsx("clipPath", { id: clipId, children: bands.map(([x, width]) => (_jsx("rect", { x: x, y: 0, width: width, height: TIME_ZONE_MAP_HEIGHT }, x))) }) }), _jsx("path", { d: HOURS.slice(0, -1)
+                                    .map((h) => `M${h * 15 + 187.5} 0V${TIME_ZONE_MAP_HEIGHT}`)
+                                    .join(''), stroke: colors.grid, strokeWidth: 1, vectorEffect: "non-scaling-stroke", fill: "none" }), bands.map(([x, width]) => (_jsxs("g", { "data-testid": "time-zone-band", children: [_jsx("rect", { x: x, y: 0, width: width, height: TIME_ZONE_MAP_HEIGHT, fill: colors.bandFill }), x > 0 && _jsx("line", { x1: x, x2: x, y1: 0, y2: TIME_ZONE_MAP_HEIGHT, stroke: colors.bandEdge, strokeWidth: 1.5, vectorEffect: "non-scaling-stroke" }), x + width < TIME_ZONE_MAP_WIDTH && (_jsx("line", { x1: x + width, x2: x + width, y1: 0, y2: TIME_ZONE_MAP_HEIGHT, stroke: colors.bandEdge, strokeWidth: 1.5, vectorEffect: "non-scaling-stroke" }))] }, x))), _jsx("path", { d: land, stroke: colors.land, strokeWidth: 1.02, strokeLinecap: "round", fill: "none" }), bands.length > 0 && (_jsx("path", { d: land, stroke: colors.landInBand, strokeWidth: 1.02, strokeLinecap: "round", fill: "none", clipPath: `url(#${clipId})` })), _jsx("path", { d: pinsPath, stroke: colors.pin, strokeWidth: 0.9, strokeLinecap: "round", fill: "none" })] }), hoveredPoint && hovered && (_jsxs(_Fragment, { children: [_jsx(Box, { "aria-hidden": true, sx: {
+                                    position: 'absolute',
+                                    left: pct(hoveredPoint.x, TIME_ZONE_MAP_WIDTH),
+                                    top: pct(hoveredPoint.y, TIME_ZONE_MAP_HEIGHT),
+                                    width: 10,
+                                    height: 10,
+                                    borderRadius: '50%',
+                                    transform: 'translate(-50%, -50%)',
+                                    bgcolor: 'text.primary',
+                                    border: 2,
+                                    borderColor: 'background.paper',
+                                    pointerEvents: 'none',
+                                } }), _jsx(ZoneLabel, { option: hovered, x: hoveredPoint.x, y: hoveredPoint.y, now: now })] })), selectedPoint && (_jsx(Box, { "aria-hidden": true, "data-testid": "time-zone-selected-pin", sx: {
+                            position: 'absolute',
+                            left: pct(selectedPoint.x, TIME_ZONE_MAP_WIDTH),
+                            top: pct(selectedPoint.y, TIME_ZONE_MAP_HEIGHT),
+                            width: 0,
+                            height: 0,
+                            pointerEvents: 'none',
+                            '&::before, &::after': {
+                                content: '""',
+                                position: 'absolute',
+                                left: 0,
+                                top: 0,
+                                borderRadius: '50%',
+                                transform: 'translate(-50%, -50%)',
+                            },
+                            '&::before': {
+                                width: 14,
+                                height: 14,
+                                bgcolor: colors.ring,
+                                border: 2.5,
+                                borderColor: theme.palette.common.white,
+                                boxShadow: `0 0 0 1.5px ${colors.ring}, 0 2px 6px ${alpha(theme.palette.common.black, 0.4)}`,
+                                zIndex: 1,
+                            },
+                            '&::after': {
+                                width: 22,
+                                height: 22,
+                                border: 2,
+                                borderColor: colors.ring,
+                                animation: `${pulse} 2.2s cubic-bezier(0.2, 0.6, 0.35, 1) infinite`,
+                                '@media (prefers-reduced-motion: reduce)': { animation: 'none', opacity: 0.45 },
+                            },
+                        } }))] }), _jsxs(Box, { "aria-hidden": true, sx: { position: 'relative', height: 30, mt: 0.75 }, children: [HOURS.filter((h) => h % tickStep === 0).map((h) => {
+                        const x = h * 15 + 180;
+                        const near = selectedHours !== null && Math.abs(h - selectedHours) < (narrow ? 2.6 : 1.6);
+                        return (_jsxs(Box, { sx: {
+                                position: 'absolute',
+                                left: pct(x, TIME_ZONE_MAP_WIDTH),
+                                top: 0,
+                                transform: h === -12 ? 'none' : h === 12 ? 'translateX(-100%)' : 'translateX(-50%)',
+                                display: 'flex',
+                                flexDirection: 'column',
+                                alignItems: h === -12 ? 'flex-start' : h === 12 ? 'flex-end' : 'center',
+                                opacity: near ? 0 : 1,
+                                transition: 'opacity 150ms',
+                            }, children: [_jsx(Box, { sx: { width: '1px', height: 5, bgcolor: 'divider' } }), _jsx(Typography, { variant: "caption", sx: { color: 'text.secondary', lineHeight: 1.6, fontVariantNumeric: 'tabular-nums' }, children: tickLabel(h) })] }, h));
+                    }), selected && selectedTickX !== null && (_jsx(Box, { sx: {
+                            position: 'absolute',
+                            left: pct(selectedTickX, TIME_ZONE_MAP_WIDTH),
+                            top: 2,
+                            transform: `translateX(${selectedTickX < 25 ? '0' : selectedTickX > TIME_ZONE_MAP_WIDTH - 25 ? '-100%' : '-50%'})`,
+                            px: 1,
+                            py: 0.125,
+                            borderRadius: 999,
+                            bgcolor: colors.ring,
+                            color: theme.palette.getContrastText(colors.ring),
+                            typography: 'caption',
+                            fontWeight: 600,
+                            whiteSpace: 'nowrap',
+                            fontVariantNumeric: 'tabular-nums',
+                        }, children: formatUtcOffset(selected.offsetMinutes) }))] })] }));
+}
+/** The hover label: city, country, offset and the local time, flipped away from the edges. */
+function ZoneLabel({ option, x, y, now }) {
+    const alignX = x < TIME_ZONE_MAP_WIDTH * 0.18 ? '0%' : x > TIME_ZONE_MAP_WIDTH * 0.82 ? '-100%' : '-50%';
+    const below = y < TIME_ZONE_MAP_HEIGHT * 0.3;
+    return (_jsxs(Paper, { elevation: 6, role: "presentation", sx: {
+            position: 'absolute',
+            left: pct(x, TIME_ZONE_MAP_WIDTH),
+            top: pct(y, TIME_ZONE_MAP_HEIGHT),
+            transform: `translate(${alignX}, ${below ? '14px' : 'calc(-100% - 14px)'})`,
+            px: 1.25,
+            py: 0.75,
+            pointerEvents: 'none',
+            whiteSpace: 'nowrap',
+            zIndex: 2,
+            borderRadius: 1.5,
+        }, children: [_jsxs(Typography, { variant: "subtitle2", sx: { lineHeight: 1.3 }, children: [option.city, option.countryName && option.countryName !== option.city ? (_jsx(Typography, { component: "span", variant: "body2", sx: { color: 'text.secondary' }, children: `, ${option.countryName}` })) : null] }), _jsx(Typography, { variant: "caption", sx: { color: 'text.secondary', fontVariantNumeric: 'tabular-nums' }, children: `${option.offsetLabel} · ${formatTime(now, { timeZone: option.id })}` })] }));
+}
+//# sourceMappingURL=TimeZoneMap.js.map

package/dist/timezone/ui/TimeZoneMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeZoneMap.js","sourceRoot":"","sources":["../../../src/timezone/ui/TimeZoneMap.tsx"],"names":[],"mappings":"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"}

package/dist/timezone/ui/TimeZonePickerDialog.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Props of {@link TimeZonePickerDialog}.
+ *
+ * @stability experimental
+ */
+export interface TimeZonePickerDialogProps {
+    /** Whether the dialog is open. */
+    open: boolean;
+    /** The current choice: an IANA id, or `null` for automatic (follow the device). */
+    value: string | null;
+    /** Called on Cancel, Escape or a backdrop click. */
+    onClose: () => void;
+    /** Called on Save with the pending choice (`null`: automatic). The caller closes the dialog. */
+    onSelect: (id: string | null) => void;
+}
+/**
+ * The time zone picker dialog: search by city, country or offset, or tap the
+ * map; the summary shows the pending zone and its current local time.
+ * "Automatic" (`null`) follows the device; "Use this device's time zone" pins
+ * the device's zone explicitly.
+ *
+ * @param props - see {@link TimeZonePickerDialogProps}.
+ * @returns the dialog.
+ *
+ * @example
+ * ```tsx
+ * <TimeZonePickerDialog open={open} value={zone} onClose={close} onSelect={(id) => { setZone(id); close(); }} />
+ * ```
+ *
+ * @extensionPoint component
+ * @stability experimental
+ */
+export declare function TimeZonePickerDialog({ open, value, onClose, onSelect }: TimeZonePickerDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=TimeZonePickerDialog.d.ts.map

package/dist/timezone/ui/TimeZonePickerDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeZonePickerDialog.d.ts","sourceRoot":"","sources":["../../../src/timezone/ui/TimeZonePickerDialog.tsx"],"names":[],"mappings":"AAsCA;;;;GAIG;AACH,MAAM,WAAW,yBAAyB;IACxC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,mFAAmF;IACnF,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,oDAAoD;IACpD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gGAAgG;IAChG,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACvC;AAOD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,yBAAyB,+BA8KjG"}

package/dist/timezone/ui/TimeZonePickerDialog.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// The time zone picker: a search field, the world map and a summary of the
+// pending choice with its live local time. The dialog holds the pending state;
+// only Save reports it. Full screen below `sm`.
+import { useEffect, useId, useMemo, useState } from 'react';
+import { Autocomplete, Box, Button, Dialog, DialogActions, DialogContent, DialogTitle, FormControlLabel, IconButton, InputAdornment, Paper, Stack, Switch, TextField, Typography, useMediaQuery, } from '@mui/material';
+import { alpha, useTheme } from '@mui/material/styles';
+import { Close as CloseIcon, MyLocation as MyLocationIcon, Search as SearchIcon } from '@mui/icons-material';
+import { deviceTimeZone, findTimeZone, formatDate, formatTime, listTimeZones, searchTimeZones, } from '../headless/index.js';
+import { useNow } from '../internal/use-now.js';
+import { TimeZoneMap } from './TimeZoneMap.js';
+function placeOf(option) {
+    const parts = [option.countryName, option.region].filter((part) => Boolean(part) && part !== option.city);
+    return parts.length > 0 ? parts[0] : option.id;
+}
+/**
+ * The time zone picker dialog: search by city, country or offset, or tap the
+ * map; the summary shows the pending zone and its current local time.
+ * "Automatic" (`null`) follows the device; "Use this device's time zone" pins
+ * the device's zone explicitly.
+ *
+ * @param props - see {@link TimeZonePickerDialogProps}.
+ * @returns the dialog.
+ *
+ * @example
+ * ```tsx
+ * <TimeZonePickerDialog open={open} value={zone} onClose={close} onSelect={(id) => { setZone(id); close(); }} />
+ * ```
+ *
+ * @extensionPoint component
+ * @stability experimental
+ */
+export function TimeZonePickerDialog({ open, value, onClose, onSelect }) {
+    const theme = useTheme();
+    const compact = useMediaQuery(theme.breakpoints.down('sm'));
+    const titleId = useId();
+    const [pending, setPending] = useState(value);
+    const [query, setQuery] = useState('');
+    const now = useNow(30_000);
+    const device = deviceTimeZone();
+    useEffect(() => {
+        if (open) {
+            setPending(value);
+            setQuery('');
+        }
+    }, [open, value]);
+    const zones = useMemo(() => listTimeZones(), []);
+    const automatic = pending === null;
+    const shownId = pending ?? device;
+    const shown = useMemo(() => findTimeZone(shownId), [shownId]);
+    const pendingOption = useMemo(() => (pending ? findTimeZone(pending) : null), [pending]);
+    const summaryTitle = automatic ? 'Automatic' : (shown?.city ?? shownId);
+    const summaryPlace = automatic
+        ? `Follows this device · ${device}`
+        : shown
+            ? [shown.countryName && shown.countryName !== shown.city ? shown.countryName : null, shown.id].filter(Boolean).join(' · ')
+            : shownId;
+    return (_jsxs(Dialog, { open: open, onClose: onClose, fullScreen: compact, fullWidth: true, maxWidth: "md", "aria-labelledby": titleId, slotProps: { paper: { sx: compact ? undefined : { borderRadius: 3 } } }, children: [_jsxs(DialogTitle, { id: titleId, sx: { display: 'flex', alignItems: 'center', gap: 1, pr: compact ? 1 : 3 }, children: [_jsx(Box, { component: "span", sx: { flex: 1 }, children: "Select your time zone" }), compact && (_jsx(IconButton, { "aria-label": "Close", onClick: onClose, edge: "end", children: _jsx(CloseIcon, {}) }))] }), _jsx(DialogContent, { sx: { px: { xs: 2, sm: 3 } }, children: _jsxs(Stack, { spacing: { xs: 2, sm: 2.5 }, sx: { pt: 0.5 }, children: [_jsx(Autocomplete, { options: zones, value: pendingOption && zones.includes(pendingOption) ? pendingOption : null, inputValue: query, onInputChange: (_, next, reason) => {
+                                // Selecting an option writes its label back into the field; keep
+                                // the field a search box and show the choice in the summary.
+                                if (reason !== 'reset')
+                                    setQuery(next);
+                            }, onChange: (_, option) => {
+                                if (option) {
+                                    setPending(option.id);
+                                    setQuery('');
+                                }
+                            }, filterOptions: (options, state) => searchTimeZones(options, state.inputValue, 60), getOptionLabel: (option) => `${option.city} (${option.offsetLabel})`, isOptionEqualToValue: (a, b) => a.id === b.id, autoHighlight: true, blurOnSelect: true, clearOnBlur: false, noOptionsText: "No matching time zone", renderOption: ({ key, ...props }, option) => (_jsxs(Box, { component: "li", ...props, sx: { gap: 1.5 }, children: [_jsxs(Box, { sx: { flex: 1, minWidth: 0 }, children: [_jsx(Typography, { variant: "body2", noWrap: true, sx: { fontWeight: 500 }, children: option.city }), _jsxs(Typography, { variant: "caption", noWrap: true, component: "div", sx: { color: 'text.secondary' }, children: [placeOf(option), placeOf(option) !== option.id ? ` · ${option.id}` : ''] })] }), _jsx(Typography, { variant: "caption", sx: { color: 'text.secondary', fontVariantNumeric: 'tabular-nums', whiteSpace: 'nowrap' }, children: option.offsetLabel })] }, key)), renderInput: (params) => (_jsx(TextField, { ...params, label: "Search time zones", placeholder: "City, country or UTC offset", slotProps: {
+                                    ...params.slotProps,
+                                    input: {
+                                        ...params.slotProps.input,
+                                        startAdornment: (_jsx(InputAdornment, { position: "start", children: _jsx(SearchIcon, { fontSize: "small" }) })),
+                                    },
+                                } })) }), _jsx(TimeZoneMap, { value: shownId, onChange: (id) => setPending(id), zones: zones }), _jsxs(Paper, { variant: "outlined", sx: {
+                                p: { xs: 1.5, sm: 2 },
+                                borderRadius: 2,
+                                display: 'flex',
+                                flexDirection: { xs: 'column', sm: 'row' },
+                                alignItems: { xs: 'flex-start', sm: 'center' },
+                                gap: { xs: 1, sm: 2 },
+                                bgcolor: alpha(theme.palette.secondary.main, theme.palette.mode === 'dark' ? 0.08 : 0.04),
+                                borderColor: alpha(theme.palette.secondary.main, 0.3),
+                            }, children: [_jsxs(Box, { sx: { flex: 1, minWidth: 0 }, "aria-live": "polite", children: [_jsx(Typography, { variant: "overline", sx: { color: 'text.secondary', lineHeight: 1.6 }, children: automatic ? 'Following this device' : 'Selected time zone' }), _jsx(Typography, { variant: "h6", component: "p", sx: { lineHeight: 1.25 }, "data-testid": "time-zone-summary-title", children: summaryTitle }), _jsx(Typography, { variant: "body2", sx: { color: 'text.secondary', overflowWrap: 'anywhere' }, children: summaryPlace })] }), _jsxs(Box, { sx: { textAlign: { xs: 'left', sm: 'right' } }, children: [_jsx(Typography, { variant: "h5", component: "p", sx: { fontVariantNumeric: 'tabular-nums', fontWeight: 600, lineHeight: 1.2 }, children: formatTime(now, { timeZone: shownId }) }), _jsx(Typography, { variant: "body2", sx: { color: 'text.secondary', fontVariantNumeric: 'tabular-nums' }, children: `${formatDate(now, { timeZone: shownId, weekday: 'long' })} · ${shown?.offsetLabel ?? ''}` })] })] }), _jsxs(Stack, { direction: { xs: 'column', sm: 'row' }, spacing: { xs: 0.5, sm: 2 }, sx: { alignItems: { xs: 'flex-start', sm: 'center' }, justifyContent: 'space-between' }, children: [_jsx(FormControlLabel, { control: _jsx(Switch, { checked: automatic, onChange: (event) => setPending(event.target.checked ? null : device) }), label: `Automatic (follow this device)` }), _jsx(Button, { size: "small", startIcon: _jsx(MyLocationIcon, {}), onClick: () => setPending(device), disabled: pending === device, sx: { textAlign: 'left' }, children: `Use this device's time zone (${device})` })] })] }) }), _jsxs(DialogActions, { sx: { px: { xs: 2, sm: 3 }, pb: { xs: 2, sm: 2.5 } }, children: [_jsx(Button, { onClick: onClose, children: "Cancel" }), _jsx(Button, { variant: "contained", onClick: () => onSelect(pending), children: "Save" })] })] }));
+}
+//# sourceMappingURL=TimeZonePickerDialog.js.map

package/dist/timezone/ui/TimeZonePickerDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeZonePickerDialog.js","sourceRoot":"","sources":["../../../src/timezone/ui/TimeZonePickerDialog.tsx"],"names":[],"mappings":"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"}

package/dist/timezone/ui/index.d.ts

@@ -0,0 +1,7 @@
+export { TimeZoneField } from './TimeZoneField.js';
+export type { TimeZoneFieldProps } from './TimeZoneField.js';
+export { TimeZoneMap } from './TimeZoneMap.js';
+export type { TimeZoneMapProps } from './TimeZoneMap.js';
+export { TimeZonePickerDialog } from './TimeZonePickerDialog.js';
+export type { TimeZonePickerDialogProps } from './TimeZonePickerDialog.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/timezone/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/timezone/ui/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/timezone/ui/index.js

@@ -0,0 +1,7 @@
+// `@marinoscar/platform-web/timezone/ui`: the time zone world map, the picker
+// dialog and the compact form field. Documented in ../README.md. The field
+// loads the dialog (and the map data) on first open.
+export { TimeZoneField } from './TimeZoneField.js';
+export { TimeZoneMap } from './TimeZoneMap.js';
+export { TimeZonePickerDialog } from './TimeZonePickerDialog.js';
+//# sourceMappingURL=index.js.map

package/dist/timezone/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timezone/ui/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,2EAA2E;AAC3E,qDAAqD;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marinoscar/platform-web",
-  "version": "0.1.0-next.16",
+  "version": "0.1.0-next.18",
   "description": "React pages, components and hooks of the platform (ESM).",
   "license": "MIT",
   "type": "module",
@@ -263,6 +263,14 @@
       "types": "./dist/datatable/testing/index.d.ts",
       "default": "./dist/datatable/testing/index.js"
     },
+    "./timezone/headless": {
+      "types": "./dist/timezone/headless/index.d.ts",
+      "default": "./dist/timezone/headless/index.js"
+    },
+    "./timezone/ui": {
+      "types": "./dist/timezone/ui/index.d.ts",
+      "default": "./dist/timezone/ui/index.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -282,7 +290,7 @@
     "test:run": "vitest run"
   },
   "dependencies": {
-    "@marinoscar/platform-contract": "0.1.0-next.16"
+    "@marinoscar/platform-contract": "0.1.0-next.18"
   },
   "peerDependencies": {
     "@codemirror/lang-sql": "^6.10.0",