@alveole/components 2.0.0-alpha.27 → 2.0.0-alpha.28

package/dist/ui/Select/Select.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.web.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAgB,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3E,eAAO,MAAM,MAAM,+EAuBjB,CAAC"}
+{"version":3,"file":"Select.web.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAgB,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK3E,eAAO,MAAM,MAAM,+EAyBjB,CAAC"}

package/dist/ui/Select/Select.web.js

@@ -11,6 +11,8 @@ export const Select = React.forwardRef(function Select(props, ref) {
     const selectStyles = useSelectStyles();
     const { fieldProps, instanceRef, createLabel } = useSelectWebField(props, ref, selectStyles);
     // L'id vient du FormControl, dont l'étiquette désigne ainsi le champ (ADR 0026).
-    const champ = { ...fieldProps, inputId: useFieldId() };
+    const fieldId = useFieldId();
+    // Hors FormControl, aucune étiquette ne désigne le champ : le titre du sheet le nomme, comme en natif.
+    const champ = { ...fieldProps, inputId: fieldId, 'aria-label': fieldId ? undefined : props.sheetTitle };
     return (_jsx(Box, { tag: "form-control-select-input", style: selectStyles.inputContainer, children: creatable ? (_jsx(CreatableSelect, { ...champ, ref: instanceRef, onCreateOption: query => onCreateOption?.(query.trim()), formatCreateLabel: query => createLabel(query.trim()), createOptionPosition: "first" })) : (_jsx(ReactSelect, { ...champ, ref: instanceRef })) }));
 });

package/dist/ui/TimeRangeInput/TimeRangeInput.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PlageDeTemps } from '../DateRangeInput/plage';
+export type PlageAbsolue = Extract<PlageDeTemps, {
+    type: 'absolue';
+}>;
+export type TimeRangeInputProps = {
+    title?: string;
+    value?: PlageAbsolue;
+    local?: 'fr' | 'en';
+    onApply: (plage: PlageAbsolue) => void;
+    /** Affiche le bouton « Retour » quand il est fourni. */
+    onCancel?: () => void;
+};
+/** Choix d'une plage de dates au calendrier, avec heure de début, heure de fin et lecture en UTC. */
+export declare const TimeRangeInput: (props: TimeRangeInputProps) => React.JSX.Element;
+//# sourceMappingURL=TimeRangeInput.d.ts.map

package/dist/ui/TimeRangeInput/TimeRangeInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeRangeInput.d.ts","sourceRoot":"","sources":["../../../src/ui/TimeRangeInput/TimeRangeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAgB,YAAY,EAAgB,MAAM,yBAAyB,CAAC;AAKnF,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,EAAE;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAEtE,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AA8CF,qGAAqG;AACrG,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBAsCxD,CAAC"}

package/dist/ui/TimeRangeInput/TimeRangeInput.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
+import { Button } from '../Button';
+import { Checkbox } from '../Checkbox';
+import { libellesDuCalendrier } from '../DateRangeInput';
+import { Calendrier } from '../DateRangeInput/Calendrier';
+import { composerDate } from '../DateRangeInput/plage';
+import { FormControl } from '../FormControl';
+import { TimeInput } from '../TimeInput';
+import { useStyles } from './TimeRangeInput.styles';
+const libelles = (local) => ({
+    ...libellesDuCalendrier(local),
+    ...(local === 'fr' ? { debut: 'Début', fin: 'Fin' } : { debut: 'Start', fin: 'End' }),
+});
+const heureDe = (date, utc, defaut) => {
+    if (!date)
+        return defaut;
+    const [h, m] = utc ? [date.getUTCHours(), date.getUTCMinutes()] : [date.getHours(), date.getMinutes()];
+    return `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}`;
+};
+// Le calendrier travaille en jours locaux : une date UTC y est ramenée à son jour UTC.
+const jourDe = (date, utc) => date && utc ? new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate()) : date;
+// Les jours, les heures et le choix UTC ne forment une plage qu'ensemble : une fin avant le début n'en est pas une.
+const etatInitial = (value) => {
+    const utc = value?.utc ?? true;
+    return {
+        utc,
+        plage: { debut: jourDe(value?.debut, utc), fin: jourDe(value?.fin, utc) },
+        heureDebut: heureDe(value?.debut, utc, '00:00'),
+        heureFin: heureDe(value?.fin, utc, '23:59'),
+    };
+};
+const usePlageAbsolue = (value) => {
+    const [initial] = React.useState(() => etatInitial(value));
+    const [utc, setUtc] = React.useState(initial.utc);
+    const [plage, setPlage] = React.useState(initial.plage);
+    const [heureDebut, setHeureDebut] = React.useState(initial.heureDebut);
+    const [heureFin, setHeureFin] = React.useState(initial.heureFin);
+    const resultat = plage.debut && {
+        type: 'absolue',
+        debut: composerDate(plage.debut, heureDebut, utc),
+        fin: composerDate(plage.fin ?? plage.debut, heureFin, utc),
+        utc,
+    };
+    const valide = resultat && resultat.fin >= resultat.debut ? resultat : undefined;
+    return { utc, setUtc, plage, setPlage, heureDebut, setHeureDebut, heureFin, setHeureFin, valide };
+};
+/** Choix d'une plage de dates au calendrier, avec heure de début, heure de fin et lecture en UTC. */
+export const TimeRangeInput = (props) => {
+    const { title, value, local = 'fr', onApply, onCancel } = props;
+    const styles = useStyles();
+    const mots = libelles(local);
+    const etat = usePlageAbsolue(value);
+    return (_jsxs(Box, { tag: "time-range-input-container", style: styles.container, children: [title && (_jsx(Typography, { tag: "time-range-input-titre", style: styles.titre, children: title })), _jsx(Calendrier, { plage: etat.plage, onChange: etat.setPlage, mots: mots }), _jsxs(Box, { tag: "time-range-input-heures", style: styles.heures, children: [_jsx(FormControl, { label: mots.debut, style: styles.heure, children: _jsx(TimeInput, { value: etat.heureDebut, onChange: etat.setHeureDebut }) }), _jsx(FormControl, { label: mots.fin, style: styles.heure, children: _jsx(TimeInput, { value: etat.heureFin, onChange: etat.setHeureFin }) }), _jsx(Checkbox, { label: "UTC", checked: etat.utc, onCheckedChange: coche => etat.setUtc(coche === true) })] }), _jsxs(Box, { tag: "time-range-input-actions", style: styles.actions, children: [onCancel && _jsx(Button, { title: mots.retour, variant: "tertiary", size: "sm", leading: "ArrowLeft", onPress: onCancel }), _jsx(Button, { title: mots.appliquer, variant: "primary", size: "sm", disabled: !etat.valide, onPress: () => etat.valide && onApply(etat.valide) })] })] }));
+};

package/dist/ui/TimeRangeInput/TimeRangeInput.stories.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: true;
+    description: string;
+    component: (props: import("./TimeRangeInput").TimeRangeInputProps) => React.JSX.Element;
+    styleFn: () => {
+        container: {
+            display: "flex";
+            flexDirection: "column";
+            gap: string | number;
+            padding: string | number;
+        };
+        titre: {
+            color: import("@alveole/theme").ThemeColor;
+            fontSize: 14;
+            lineHeight: 20;
+            letterSpacing: 0;
+            fontFamily: string;
+            fontWeight?: import("react-native").TextStyle["fontWeight"];
+        };
+        heures: {
+            flexDirection: "row";
+            alignItems: "flex-end";
+            gap: string | number;
+            borderTopWidth: number;
+            borderTopColor: import("@alveole/theme").ThemeColor;
+            paddingTop: string | number;
+        };
+        heure: {
+            flex: number;
+        };
+        actions: {
+            flexDirection: "row";
+            justifyContent: "flex-end";
+            gap: string | number;
+        };
+    };
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const EnAnglaisSansRetour: () => React.JSX.Element;
+export * as Sources from './TimeRangeInput.stories.sources';
+//# sourceMappingURL=TimeRangeInput.stories.d.ts.map

package/dist/ui/TimeRangeInput/TimeRangeInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeRangeInput.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TimeRangeInput/TimeRangeInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQ1B,wBAQkB;AAElB,eAAO,MAAM,OAAO,yBAcnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,yBAS/B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,kCAAkC,CAAC"}

package/dist/ui/TimeRangeInput/TimeRangeInput.stories.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
+import { libelleDePlage } from '../DateRangeInput/plage';
+import { TimeRangeInput } from './TimeRangeInput';
+import { useStyles } from './TimeRangeInput.styles';
+export default {
+    title: 'TimeRangeInput',
+    tags: ['ui'],
+    experimental: true,
+    description: "Choix d'une plage de dates au calendrier, avec heure de début, heure de fin et lecture en UTC. Utilisé par FilterTimeRange pour la « Date absolue ».",
+    component: TimeRangeInput,
+    styleFn: useStyles,
+};
+export const Default = () => {
+    const [value, setValue] = React.useState({
+        type: 'absolue',
+        debut: new Date('2026-10-14T00:00:00Z'),
+        fin: new Date('2026-10-22T23:59:00Z'),
+        utc: true,
+    });
+    return (_jsxs(Box, { gap: "1W", children: [_jsx(TimeRangeInput, { value: value, onApply: setValue, onCancel: () => undefined }), _jsx(Typography, { children: libelleDePlage(value) })] }));
+};
+export const EnAnglaisSansRetour = () => {
+    const [value, setValue] = React.useState();
+    return (_jsxs(Box, { gap: "1W", children: [_jsx(TimeRangeInput, { local: "en", title: "Filter Time Range", value: value, onApply: setValue }), value && _jsx(Typography, { children: libelleDePlage(value, 'en') })] }));
+};
+export * as Sources from './TimeRangeInput.stories.sources';

package/dist/ui/TimeRangeInput/TimeRangeInput.stories.sources.d.ts

@@ -0,0 +1,8 @@
+export declare const Default: () => string;
+export declare const EnAnglaisSansRetour: () => string;
+export declare const storySources: {
+    readonly Default: () => string;
+    readonly EnAnglaisSansRetour: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=TimeRangeInput.stories.sources.d.ts.map

package/dist/ui/TimeRangeInput/TimeRangeInput.stories.sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeRangeInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TimeRangeInput/TimeRangeInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAob,CAAC;AAEzc,eAAO,MAAM,mBAAmB,cAAyV,CAAC;AAE1X,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/TimeRangeInput/TimeRangeInput.stories.sources.js

@@ -0,0 +1,8 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/TimeRangeInput/TimeRangeInput.stories.tsx
+export const Default = () => "export const Default = () => {\n  const [value, setValue] = React.useState<PlageAbsolue>({\n    type: 'absolue',\n    debut: new Date('2026-10-14T00:00:00Z'),\n    fin: new Date('2026-10-22T23:59:00Z'),\n    utc: true,\n  });\n\n  return (\n    <Box gap=\"1W\">\n      <TimeRangeInput value={value} onApply={setValue} onCancel={() => undefined} />\n      <Typography>{libelleDePlage(value)}</Typography>\n    </Box>\n  );\n};";
+export const EnAnglaisSansRetour = () => "export const EnAnglaisSansRetour = () => {\n  const [value, setValue] = React.useState<PlageAbsolue>();\n\n  return (\n    <Box gap=\"1W\">\n      <TimeRangeInput local=\"en\" title=\"Filter Time Range\" value={value} onApply={setValue} />\n      {value && <Typography>{libelleDePlage(value, 'en')}</Typography>}\n    </Box>\n  );\n};";
+export const storySources = {
+    Default,
+    EnAnglaisSansRetour,
+};

package/dist/ui/TimeRangeInput/TimeRangeInput.styles.d.ts

@@ -0,0 +1,33 @@
+export declare const useStyles: () => {
+    container: {
+        display: "flex";
+        flexDirection: "column";
+        gap: string | number;
+        padding: string | number;
+    };
+    titre: {
+        color: import("@alveole/theme").ThemeColor;
+        fontSize: 14;
+        lineHeight: 20;
+        letterSpacing: 0;
+        fontFamily: string;
+        fontWeight?: import("react-native").TextStyle["fontWeight"];
+    };
+    heures: {
+        flexDirection: "row";
+        alignItems: "flex-end";
+        gap: string | number;
+        borderTopWidth: number;
+        borderTopColor: import("@alveole/theme").ThemeColor;
+        paddingTop: string | number;
+    };
+    heure: {
+        flex: number;
+    };
+    actions: {
+        flexDirection: "row";
+        justifyContent: "flex-end";
+        gap: string | number;
+    };
+};
+//# sourceMappingURL=TimeRangeInput.styles.d.ts.map

package/dist/ui/TimeRangeInput/TimeRangeInput.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeRangeInput.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/TimeRangeInput/TimeRangeInput.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BnB,CAAC"}

package/dist/ui/TimeRangeInput/TimeRangeInput.styles.js

@@ -0,0 +1,29 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ spacing, color, text }) => ({
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: spacing('2W'),
+        padding: spacing('2W'),
+    },
+    titre: {
+        ...text['Corps de texte'].SM.Medium,
+        color: color.light.text['title-grey'],
+    },
+    heures: {
+        flexDirection: 'row',
+        alignItems: 'flex-end',
+        gap: spacing('1W'),
+        borderTopWidth: 1,
+        borderTopColor: color.light.border['default-grey'],
+        paddingTop: spacing('2W'),
+    },
+    heure: {
+        flex: 1,
+    },
+    actions: {
+        flexDirection: 'row',
+        justifyContent: 'flex-end',
+        gap: spacing('1W'),
+    },
+}));

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

@@ -0,0 +1,2 @@
+export * from './TimeRangeInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/TimeRangeInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/ui/TimeRangeInput/index.js

@@ -0,0 +1 @@
+export * from './TimeRangeInput';

package/dist/ui/index.d.ts

@@ -10,12 +10,14 @@ export * from './Checkbox';
 export * from './Counter';
 export * from './DataTable';
 export * from './DateInput';
+export * from './DateRangeInput';
 export * from './Divider';
 export * from './DocumentViewer';
 export * from './DurationInput';
 export * from './EmptyState';
 export * from './FileDropZone';
 export * from './FilterDate';
+export * from './FilterTimeRange';
 export * from './FormControl';
 export * from './Header';
 export * from './InputButtonAdornment';
@@ -41,6 +43,7 @@ export * from './Tag';
 export * from './TextareaInput';
 export * from './TextInputArray';
 export * from './TimeInput';
+export * from './TimeRangeInput';
 export * from './Toast';
 export * from './ToolbarBottomNav';
 export * from './ToolbarTop';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}

package/dist/ui/index.js

@@ -10,12 +10,14 @@ export * from './Checkbox';
 export * from './Counter';
 export * from './DataTable';
 export * from './DateInput';
+export * from './DateRangeInput';
 export * from './Divider';
 export * from './DocumentViewer';
 export * from './DurationInput';
 export * from './EmptyState';
 export * from './FileDropZone';
 export * from './FilterDate';
+export * from './FilterTimeRange';
 export * from './FormControl';
 export * from './Header';
 export * from './InputButtonAdornment';
@@ -41,6 +43,7 @@ export * from './Tag';
 export * from './TextareaInput';
 export * from './TextInputArray';
 export * from './TimeInput';
+export * from './TimeRangeInput';
 export * from './Toast';
 export * from './ToolbarBottomNav';
 export * from './ToolbarTop';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "2.0.0-alpha.27",
+  "version": "2.0.0-alpha.28",
   "description": "Shared UI components.",
   "repository": {
     "type": "git",
@@ -33,24 +33,24 @@
     "@react-native-community/datetimepicker": "9.2.1",
     "@react-native/jest-preset": "0.88.0",
     "@shopify/flash-list": "2.3.2",
-    "@tamagui/core": "3.2.3",
-    "@tamagui/toast": "3.2.3",
+    "@tamagui/core": "3.2.4",
+    "@tamagui/toast": "3.2.4",
     "@testing-library/react": "16.3.3",
     "@testing-library/react-native": "14.1.0",
     "@types/react-syntax-highlighter": "15.5.13",
     "babel-preset-expo": "58.0.20",
     "eslint": "10.14.0",
-    "expo": "58.0.23",
+    "expo": "58.0.25",
     "expo-application": "58.1.2",
-    "expo-asset": "58.0.20",
-    "expo-document-picker": "58.0.4",
+    "expo-asset": "58.0.21",
+    "expo-document-picker": "58.0.5",
     "expo-image-picker": "58.0.10",
     "expo-in-app-updates": "0.13.0",
-    "expo-linear-gradient": "58.0.3",
+    "expo-linear-gradient": "58.0.4",
     "expo-modules-core": "58.0.30",
     "expo-router": "58.0.30",
     "expo-system-ui": "58.0.7",
-    "expo-web-browser": "58.0.7",
+    "expo-web-browser": "58.0.8",
     "jest": "29.7.0",
     "jest-environment-jsdom": "30.5.2",
     "jest-expo": "58.0.12",
@@ -63,7 +63,7 @@
     "react-native-web": "0.21.4",
     "react-select": "5.10.2",
     "react-syntax-highlighter": "16.1.2",
-    "tamagui": "3.2.3",
+    "tamagui": "3.2.4",
     "test-renderer": "1.3.1"
   },
   "dependencies": {