@memori.ai/memori-react 8.45.2 → 8.45.5

package/dist/components/PositionPopover/PositionPopover.js

@@ -0,0 +1,208 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PositionPopoverContent = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ui_1 = require("@memori.ai/ui");
+const IconButton_1 = tslib_1.__importDefault(require("../IconButton/IconButton"));
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const venue_1 = require("../../helpers/venue");
+const utils_1 = require("../../helpers/utils");
+const VenueWidget_1 = require("../VenueWidget/VenueWidget");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const GEOCODE_TIMEOUT_MS = 8000;
+function hasShareableCoords(v) {
+    return !!((v === null || v === void 0 ? void 0 : v.latitude) && (v === null || v === void 0 ? void 0 : v.longitude));
+}
+const PositionPopoverContent = ({ venue, setVenue, autoStartGeolocation = false, }) => {
+    var _a;
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [geolocationLoading, setGeolocationLoading] = (0, react_1.useState)(false);
+    const [editingLocation, setEditingLocation] = (0, react_1.useState)(false);
+    const [permissionDeniedMessage, setPermissionDeniedMessage] = (0, react_1.useState)(null);
+    const [geocodingError, setGeocodingError] = (0, react_1.useState)(null);
+    const [fetching, setFetching] = (0, react_1.useState)(false);
+    const [query, setQuery] = (0, react_1.useState)('');
+    const [suggestions, setSuggestions] = (0, react_1.useState)([]);
+    const geoGenRef = (0, react_1.useRef)(0);
+    const autocompleteInputRef = (0, react_1.useRef)(null);
+    const autoStartedRef = (0, react_1.useRef)(false);
+    const sharingActive = geolocationLoading || hasShareableCoords(venue);
+    const handleSearch = (0, utils_1.useDebounceFn)(async (value) => {
+        setFetching(true);
+        try {
+            const response = await fetch(`https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(value)}&format=jsonv2&limit=5&addressdetails=1`);
+            const data = await response.json();
+            setSuggestions(data);
+        }
+        catch (_a) {
+            setGeocodingError(String(t('widget.geocodingFailed')));
+        }
+        finally {
+            setFetching(false);
+        }
+    }, 1000);
+    const onQueryChange = (0, react_1.useCallback)((value, opts) => {
+        setQuery(value);
+        if (opts === null || opts === void 0 ? void 0 : opts.skipSearch)
+            return;
+        if (!value.trim()) {
+            setSuggestions([]);
+            return;
+        }
+        handleSearch(value);
+    }, [handleSearch]);
+    const handleAutocompletePick = (0, react_1.useCallback)((value) => {
+        const placeName = (0, VenueWidget_1.getPlaceName)(value);
+        setVenue({
+            latitude: value.lat,
+            longitude: value.lon,
+            placeName,
+            uncertainty: (value === null || value === void 0 ? void 0 : value.boundingbox)
+                ? (0, venue_1.getUncertaintyByViewport)(value.boundingbox)
+                : 2,
+        });
+        setEditingLocation(false);
+        setQuery('');
+        setSuggestions([]);
+        setGeocodingError(null);
+        setPermissionDeniedMessage(null);
+    }, [setVenue, t]);
+    const startGeolocation = (0, react_1.useCallback)(() => {
+        const gen = ++geoGenRef.current;
+        setPermissionDeniedMessage(null);
+        setGeocodingError(null);
+        if (!navigator.geolocation) {
+            setGeolocationLoading(false);
+            setPermissionDeniedMessage(String(t('widget.positionUnavailableManual')));
+            setEditingLocation(true);
+            return;
+        }
+        setGeolocationLoading(true);
+        navigator.geolocation.getCurrentPosition(pos => {
+            if (gen !== geoGenRef.current)
+                return;
+            const next = {
+                latitude: pos.coords.latitude,
+                longitude: pos.coords.longitude,
+                placeName: '',
+                uncertainty: pos.coords.accuracy / 1000,
+            };
+            setVenue(next);
+            setGeolocationLoading(false);
+            const controller = new AbortController();
+            const timeoutId = window.setTimeout(() => controller.abort(), GEOCODE_TIMEOUT_MS);
+            void (async () => {
+                try {
+                    const result = await fetch(`https://nominatim.openstreetmap.org/reverse?lat=${pos.coords.latitude}&lon=${pos.coords.longitude}&format=jsonv2&addressdetails=1`, { signal: controller.signal });
+                    if (gen !== geoGenRef.current)
+                        return;
+                    const response = (await result.json());
+                    const placeName = (0, VenueWidget_1.getPlaceName)(response);
+                    setVenue({
+                        ...next,
+                        placeName,
+                    });
+                }
+                catch (e) {
+                    if (gen !== geoGenRef.current)
+                        return;
+                    if (e.name === 'AbortError')
+                        return;
+                    console.error('[PositionPopover] reverse geocode failed', e);
+                    setGeocodingError(String(t('widget.geocodingFailed')));
+                }
+                finally {
+                    window.clearTimeout(timeoutId);
+                }
+            })();
+        }, err => {
+            if (gen !== geoGenRef.current)
+                return;
+            setGeolocationLoading(false);
+            setVenue(undefined);
+            const code = err.code;
+            if (code === 1) {
+                setPermissionDeniedMessage(String(t('widget.positionUnavailableManual')));
+                setEditingLocation(true);
+            }
+            else {
+                setGeocodingError(String(t('widget.geocodingFailed')));
+            }
+        }, { enableHighAccuracy: true, timeout: 15000, maximumAge: 0 });
+    }, [setVenue, t]);
+    const toggleSharing = (0, react_1.useCallback)(() => {
+        setPermissionDeniedMessage(null);
+        setGeocodingError(null);
+        if (sharingActive && !geolocationLoading) {
+            geoGenRef.current += 1;
+            setVenue({
+                latitude: 0,
+                longitude: 0,
+                placeName: '',
+                uncertainty: 0,
+            });
+            setEditingLocation(false);
+            setQuery('');
+            setSuggestions([]);
+            return;
+        }
+        if (geolocationLoading) {
+            geoGenRef.current += 1;
+            setGeolocationLoading(false);
+            setVenue(undefined);
+            return;
+        }
+        startGeolocation();
+    }, [geolocationLoading, setVenue, sharingActive, startGeolocation]);
+    (0, react_1.useEffect)(() => {
+        if (!autoStartGeolocation) {
+            autoStartedRef.current = false;
+            return;
+        }
+        if (autoStartedRef.current)
+            return;
+        if (hasShareableCoords(venue) || geolocationLoading)
+            return;
+        autoStartedRef.current = true;
+        startGeolocation();
+    }, [autoStartGeolocation, geolocationLoading, startGeolocation, venue]);
+    (0, react_1.useEffect)(() => {
+        if (!editingLocation)
+            return;
+        const id = requestAnimationFrame(() => {
+            var _a;
+            (_a = autocompleteInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        });
+        return () => cancelAnimationFrame(id);
+    }, [editingLocation]);
+    const inlineError = permissionDeniedMessage || geocodingError;
+    const shareLocationHint = t('widget.shareLocationHint') || 'Get answers tailored to where you are';
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-position-popover__row memori-position-popover__switch-row", children: (0, jsx_runtime_1.jsxs)("button", { type: "button", className: "memori-dropdown--auth-row", onClick: () => {
+                        toggleSharing();
+                    }, children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-icon-wrap", children: (0, jsx_runtime_1.jsx)(lucide_react_1.MapPin, { size: 16 }) }), (0, jsx_runtime_1.jsxs)("span", { className: "memori-dropdown--auth-copy", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-title", children: t('widget.shareLocation') || 'Share my location' }), (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { title: shareLocationHint, placement: "top", children: (0, jsx_runtime_1.jsx)("span", { className: "memori-dropdown--auth-subtitle", children: shareLocationHint }) })] }), (0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)('memori-dropdown--switch', sharingActive && 'memori-dropdown--switch--on'), "aria-hidden": true })] }) }), (sharingActive || geolocationLoading || editingLocation) && ((0, jsx_runtime_1.jsx)("div", { className: "memori-position-popover__tag-block", children: geolocationLoading ? ((0, jsx_runtime_1.jsxs)("div", { className: "memori-position-popover__tag memori-position-popover__tag--loading", "aria-busy": "true", "aria-live": "polite", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-position-popover__spinner", "aria-hidden": true }), (0, jsx_runtime_1.jsx)("span", { className: "memori-position-popover__tag-skeleton" })] })) : editingLocation ? ((0, jsx_runtime_1.jsx)("div", { className: "memori-position-popover__autocomplete-wrap", children: (0, jsx_runtime_1.jsx)(VenueWidget_1.VenueCombobox, { venue: venue, query: query, fetching: fetching, suggestions: suggestions, onQueryChange: onQueryChange, onChange: handleAutocompletePick, getPlaceName: VenueWidget_1.getPlaceName, t: t, autocompleteRootId: "memori-position-popover-venue-search", inputRef: autocompleteInputRef }) })) : ((0, jsx_runtime_1.jsxs)("div", { className: "memori-position-popover__tag", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-position-popover__tag-text", children: ((_a = venue === null || venue === void 0 ? void 0 : venue.placeName) === null || _a === void 0 ? void 0 : _a.trim())
+                                ? venue.placeName
+                                : t('widget.positionResolving') }), (0, jsx_runtime_1.jsx)(ui_1.Button, { type: "button", variant: "ghost", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Pencil, { size: 16, strokeWidth: 2, "aria-hidden": true }), size: "sm", className: "memori-position-popover__tag-edit", "aria-label": String(t('widget.editPositionAria')), onClick: () => {
+                                setEditingLocation(true);
+                                setPermissionDeniedMessage(null);
+                            } })] })) })), inlineError && ((0, jsx_runtime_1.jsx)("p", { className: "memori-position-popover__error", role: "alert", children: inlineError })), hasShareableCoords(venue) && !geolocationLoading && ((0, jsx_runtime_1.jsx)("div", { className: "memori-position-popover__map", children: (0, jsx_runtime_1.jsx)(VenueWidget_1.VenueMapPreview, { venue: venue }) }))] }));
+};
+exports.PositionPopoverContent = PositionPopoverContent;
+const PositionPopover = ({ venue, setVenue, open, onOpenChange, triggerClassName, triggerButtonVariant = 'toolbar', triggerAriaLabel, positionerClassName, autoStartGeolocation = false, }) => {
+    const sharingActive = hasShareableCoords(venue);
+    return ((0, jsx_runtime_1.jsx)(ui_1.Popover, { open: open, onOpenChange: onOpenChange, modal: false, closable: false, placement: "bottom-end", sideOffset: 8, contentClassName: "memori-position-popover__popup", slotProps: {
+            trigger: {
+                className: triggerClassName,
+                render: (props) => {
+                    return ((0, jsx_runtime_1.jsx)(IconButton_1.default, { ...props, type: "button", variant: triggerButtonVariant, active: open, className: (0, classnames_1.default)('memori-header--button', 'memori-header--button--position', sharingActive && 'memori-header--button--position--active', triggerClassName), "aria-label": triggerAriaLabel, "aria-expanded": open, icon: (0, jsx_runtime_1.jsx)(lucide_react_1.MapPin, { "aria-hidden": true }) }));
+                },
+            },
+            positioner: {
+                className: (0, classnames_1.default)('memori-position-popover__positioner', positionerClassName),
+            },
+        }, content: (0, jsx_runtime_1.jsx)(exports.PositionPopoverContent, { venue: venue, setVenue: setVenue, autoStartGeolocation: open && autoStartGeolocation }), children: null }));
+};
+exports.default = PositionPopover;
+//# sourceMappingURL=PositionPopover.js.map

package/dist/components/PositionPopover/PositionPopover.js.map

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

package/dist/components/ReasoningBlock/ReasoningBlock.css

@@ -0,0 +1,156 @@
+.memori-reasoning {
+    display: flex;
+    width: 100%;
+    max-width: 100%;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 0;
+}
+
+.memori-reasoning__trigger {
+    display: inline-flex;
+    align-items: center;
+    padding: 2px 4px 2px 0;
+    border: 0;
+    border-radius: 6px;
+    margin: 0;
+    background: transparent;
+    color: color-mix(in oklch, var(--memori-text-color) 52%, transparent);
+    cursor: pointer;
+    font-family: inherit;
+    font-size: 13px;
+    font-weight: 500;
+    gap: 4px;
+    letter-spacing: -0.01em;
+    line-height: 1.4;
+    transition: color 0.16s ease;
+}
+
+.memori-reasoning__trigger:hover,
+.memori-reasoning__trigger:focus-visible {
+    color: color-mix(in oklch, var(--memori-text-color) 82%, transparent);
+}
+
+.memori-reasoning__trigger:focus-visible {
+    outline: 2px solid var(--memori-primary, currentColor);
+    outline-offset: 2px;
+}
+
+.memori-reasoning__chevron {
+    width: 14px;
+    height: 14px;
+    flex-shrink: 0;
+    opacity: 0.85;
+    transform: rotate(0deg);
+    transform-origin: 50% 50%;
+    transition: transform 0.2s ease;
+}
+
+.memori-reasoning--open .memori-reasoning__chevron {
+    transform: rotate(90deg);
+}
+
+.memori-reasoning__label {
+    min-width: 0;
+}
+
+.memori-reasoning__label--thinking {
+    animation: memori-reasoning-shimmer 1.8s ease-in-out infinite;
+    -webkit-background-clip: text;
+    background-clip: text;
+    background-image: linear-gradient(
+        90deg,
+        color-mix(in oklch, var(--memori-text-color) 38%, transparent) 0%,
+        color-mix(in oklch, var(--memori-text-color) 38%, transparent) 36%,
+        var(--memori-text-color) 50%,
+        color-mix(in oklch, var(--memori-text-color) 38%, transparent) 64%,
+        color-mix(in oklch, var(--memori-text-color) 38%, transparent) 100%
+    );
+    background-size: 220% 100%;
+    color: transparent;
+}
+
+.memori-reasoning__collapsible {
+    display: grid;
+    width: 100%;
+    grid-template-rows: 0fr;
+    opacity: 0;
+    transition:
+        grid-template-rows 0.22s ease,
+        opacity 0.18s ease;
+}
+
+.memori-reasoning--open .memori-reasoning__collapsible {
+    grid-template-rows: 1fr;
+    opacity: 1;
+}
+
+.memori-reasoning__clip {
+    overflow: hidden;
+    min-height: 0;
+}
+
+.memori-reasoning__panel {
+    display: grid;
+    width: 100%;
+    padding: 4px 0 8px;
+    grid-template-columns: 12px minmax(0, 1fr);
+}
+
+.memori-reasoning__panel::before {
+    width: 1px;
+    border-radius: 1px;
+    margin: 2px 0;
+    background: color-mix(in oklch, var(--memori-text-color) 16%, transparent);
+    content: '';
+    justify-self: center;
+}
+
+.memori-reasoning__body {
+    min-width: 0;
+    color: color-mix(in oklch, var(--memori-text-color) 62%, transparent);
+    font-size: 13px;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: 0;
+    line-height: 1.65;
+    overflow-wrap: anywhere;
+    white-space: pre-wrap;
+}
+
+.memori-reasoning--streaming.memori-reasoning--overflow .memori-reasoning__body {
+    overflow: hidden;
+    max-height: 9.5rem;
+    -webkit-mask-image: linear-gradient(to bottom, #000 48%, transparent 100%);
+    mask-image: linear-gradient(to bottom, #000 48%, transparent 100%);
+}
+
+.memori-reasoning--open:not(.memori-reasoning--streaming) .memori-reasoning__body {
+    max-height: min(40vh, 22rem);
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+@keyframes memori-reasoning-shimmer {
+    0% {
+        background-position: 100% 50%;
+    }
+
+    100% {
+        background-position: 0% 50%;
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .memori-reasoning__chevron,
+    .memori-reasoning__collapsible {
+        transition: none;
+    }
+
+    .memori-reasoning__label--thinking {
+        animation: none;
+        background: none;
+        color: color-mix(in oklch, var(--memori-text-color) 58%, transparent);
+        -webkit-text-fill-color: unset;
+    }
+}

package/dist/components/ReasoningBlock/ReasoningBlock.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ReasoningBlockProps {
+    content: string;
+    complete: boolean;
+}
+declare const ReasoningBlock: React.FC<ReasoningBlockProps>;
+export default ReasoningBlock;

package/dist/components/ReasoningBlock/ReasoningBlock.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const lucide_react_1 = require("lucide-react");
+const react_i18next_1 = require("react-i18next");
+const ReasoningBlock = ({ content, complete, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const panelId = (0, react_1.useId)();
+    const userToggled = (0, react_1.useRef)(false);
+    const startedAt = (0, react_1.useRef)(null);
+    const bodyRef = (0, react_1.useRef)(null);
+    const [open, setOpen] = (0, react_1.useState)(!complete);
+    const [elapsedSeconds, setElapsedSeconds] = (0, react_1.useState)(null);
+    const [overflowing, setOverflowing] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (!complete && startedAt.current == null) {
+            startedAt.current = Date.now();
+        }
+    }, [complete]);
+    (0, react_1.useEffect)(() => {
+        if (!complete || startedAt.current == null || elapsedSeconds != null) {
+            return;
+        }
+        setElapsedSeconds(Math.max(1, Math.round((Date.now() - startedAt.current) / 1000)));
+    }, [complete, elapsedSeconds]);
+    (0, react_1.useEffect)(() => {
+        if (userToggled.current)
+            return;
+        setOpen(!complete);
+    }, [complete]);
+    (0, react_1.useLayoutEffect)(() => {
+        const el = bodyRef.current;
+        if (!el)
+            return;
+        if (open && !complete) {
+            el.scrollTop = el.scrollHeight;
+        }
+        setOverflowing(el.scrollHeight > el.clientHeight + 1);
+    }, [content, open, complete]);
+    const label = !complete
+        ? t('thinking') || 'Thinking'
+        : elapsedSeconds != null
+            ? t('thoughtFor', { count: elapsedSeconds }) ||
+                `Thought for ${elapsedSeconds}s`
+            : t('thought') || 'Thought';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori-reasoning', {
+            'memori-reasoning--open': open,
+            'memori-reasoning--streaming': !complete,
+            'memori-reasoning--overflow': overflowing,
+        }), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: "memori-reasoning__trigger", "aria-expanded": open, "aria-controls": panelId, onClick: () => {
+                    userToggled.current = true;
+                    setOpen(value => !value);
+                }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "memori-reasoning__chevron", "aria-hidden": true, size: 14, strokeWidth: 2.25 }), (0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)('memori-reasoning__label', {
+                            'memori-reasoning__label--thinking': !complete,
+                        }), children: label })] }), (0, jsx_runtime_1.jsx)("div", { id: panelId, className: "memori-reasoning__collapsible", role: "region", "aria-hidden": !open, children: (0, jsx_runtime_1.jsx)("div", { className: "memori-reasoning__clip", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-reasoning__panel", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-reasoning__body", ref: bodyRef, children: content }) }) }) })] }));
+};
+exports.default = ReasoningBlock;
+//# sourceMappingURL=ReasoningBlock.js.map

package/dist/components/ReasoningBlock/ReasoningBlock.js.map

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

package/dist/components/SideDrawer/SideDrawer.css

@@ -0,0 +1,112 @@
+.memori-side-drawer.memori-drawer {
+    display: flex;
+    min-height: 0;
+    flex-direction: column;
+}
+
+.memori-side-drawer .memori-drawer__header {
+    align-items: flex-start;
+    gap: var(--memori-spacing-md);
+}
+
+.memori-side-drawer .memori-drawer__header > :first-child {
+    min-width: 0;
+    flex: 1 1 auto;
+}
+
+.memori-side-drawer .memori-drawer__title {
+    font-size: var(--memori-text-size-2xl);
+}
+
+.memori-side-drawer .memori-drawer__description {
+    color: color-mix(in oklch, var(--memori-text-color) 64%, transparent);
+}
+
+.memori-side-drawer .memori-drawer__body {
+    display: flex;
+    overflow: hidden;
+    min-height: 0;
+    flex: 1 1 auto;
+    flex-direction: column;
+    padding: 0;
+    padding-bottom: var(--memori-spacing-lg);
+}
+
+.memori-side-drawer__body {
+    display: flex;
+    overflow: auto;
+    min-height: 0;
+    flex: 1 1 auto;
+    flex-direction: column;
+    padding: var(--memori-spacing-md) var(--memori-spacing-lg);
+    gap: var(--memori-spacing-md);
+    scrollbar-color: color-mix(in oklch, var(--memori-neutral, #6b7280) 55%, transparent) transparent;
+    scrollbar-width: thin;
+}
+
+.memori-side-drawer__body::-webkit-scrollbar {
+    width: 8px;
+}
+
+.memori-side-drawer__body::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+.memori-side-drawer__body::-webkit-scrollbar-thumb {
+    border-radius: 999px;
+    background-color: color-mix(in oklch, var(--memori-neutral, #6b7280) 45%, transparent);
+}
+
+.memori-side-drawer__body::-webkit-scrollbar-thumb:hover {
+    background-color: color-mix(in oklch, var(--memori-neutral, #6b7280) 60%, transparent);
+}
+
+.memori-side-drawer .memori-drawer__footer {
+    display: block;
+    justify-content: stretch;
+    padding: var(--memori-spacing-md) var(--memori-spacing-lg);
+}
+
+.memori-side-drawer .memori-drawer__footer .memori-drawer-footer {
+    width: 100%;
+    padding: 0;
+    border-top: none;
+    box-shadow: none;
+}
+
+.memori-side-drawer-empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: var(--memori-spacing-xl) var(--memori-spacing-md);
+    color: var(--memori-text-color);
+    gap: var(--memori-spacing-sm);
+    text-align: center;
+}
+
+.memori-side-drawer-empty__icon {
+    display: inline-flex;
+    width: 3.25rem;
+    height: 3.25rem;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--memori-radius-surface);
+    margin-bottom: var(--memori-spacing-xs);
+    background: var(--memori-main-background);
+    color: color-mix(in oklch, var(--memori-text-color) 55%, transparent);
+}
+
+.memori-side-drawer-empty__title {
+    margin: 0;
+    font-size: var(--memori-text-size-lg);
+    font-weight: var(--memori-text-weight-semibold);
+    line-height: var(--memori-text-line-tight);
+}
+
+.memori-side-drawer-empty__text {
+    max-width: 22.5rem;
+    margin: 0;
+    color: color-mix(in oklch, var(--memori-text-color) 64%, transparent);
+    font-size: var(--memori-text-size-sm);
+    line-height: var(--memori-text-line-relaxed);
+}

package/dist/components/SideDrawer/SideDrawer.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface SideDrawerProps {
+    open?: boolean;
+    onClose: () => void;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    loading?: boolean;
+    closeLabel?: string;
+}
+declare const SideDrawer: React.FC<SideDrawerProps>;
+export interface SideDrawerEmptyProps {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+}
+export declare const SideDrawerEmpty: React.FC<SideDrawerEmptyProps>;
+export default SideDrawer;

package/dist/components/SideDrawer/SideDrawer.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideDrawerEmpty = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const ui_1 = require("@memori.ai/ui");
+const SideDrawer = ({ open = true, onClose, title, description, footer, children, className, size = 'md', loading, closeLabel, }) => {
+    return ((0, jsx_runtime_1.jsx)(ui_1.Drawer, { open: open, anchor: "right", size: size, loading: loading, closeLabel: closeLabel, className: (0, classnames_1.default)('memori-side-drawer', className), title: title, description: description, footer: footer, onClose: onClose, onOpenChange: nextOpen => {
+            if (!nextOpen)
+                onClose();
+        }, children: (0, jsx_runtime_1.jsx)("div", { className: "memori-side-drawer__body", children: children }) }));
+};
+const SideDrawerEmpty = ({ icon, title, description, children, }) => ((0, jsx_runtime_1.jsxs)("div", { className: "memori-side-drawer-empty", role: "status", children: [icon != null && ((0, jsx_runtime_1.jsx)("span", { className: "memori-side-drawer-empty__icon", "aria-hidden": true, children: icon })), (0, jsx_runtime_1.jsx)("p", { className: "memori-side-drawer-empty__title", children: title }), description != null && ((0, jsx_runtime_1.jsx)("p", { className: "memori-side-drawer-empty__text", children: description })), children] }));
+exports.SideDrawerEmpty = SideDrawerEmpty;
+exports.default = SideDrawer;
+//# sourceMappingURL=SideDrawer.js.map

package/dist/components/SideDrawer/SideDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideDrawer.js","sourceRoot":"","sources":["../../../src/components/SideDrawer/SideDrawer.tsx"],"names":[],"mappings":";;;;;AACA,oEAA4B;AAC5B,sCAAuC;AAoBvC,MAAM,UAAU,GAA8B,CAAC,EAC7C,IAAI,GAAG,IAAI,EACX,OAAO,EACP,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,IAAI,EACX,OAAO,EACP,UAAU,GACX,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,WAAM,IACL,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,OAAO,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,oBAAE,EAAC,oBAAoB,EAAE,SAAS,CAAC,EAC9C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,QAAQ,CAAC,EAAE;YACvB,IAAI,CAAC,QAAQ;gBAAE,OAAO,EAAE,CAAC;QAC3B,CAAC,YAED,gCAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,GACnD,CACV,CAAC;AACJ,CAAC,CAAC;AASK,MAAM,eAAe,GAAmC,CAAC,EAC9D,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,iCAAK,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,QAAQ,aACpD,IAAI,IAAI,IAAI,IAAI,CACf,iCAAM,SAAS,EAAC,gCAAgC,iCAC7C,IAAI,GACA,CACR,EACD,8BAAG,SAAS,EAAC,iCAAiC,YAAE,KAAK,GAAK,EACzD,WAAW,IAAI,IAAI,IAAI,CACtB,8BAAG,SAAS,EAAC,gCAAgC,YAAE,WAAW,GAAK,CAChE,EACA,QAAQ,IACL,CACP,CAAC;AAlBW,QAAA,eAAe,mBAkB1B;AAEF,kBAAe,UAAU,CAAC"}

package/dist/components/UploadButton/UploadButton.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import memoriApiClient from '@memori.ai/memori-api-client';
+import { DialogState } from '@memori.ai/memori-api-client/dist/types';
 interface UploadManagerProps {
     authToken?: string;
     client?: ReturnType<typeof memoriApiClient>;
@@ -19,6 +20,7 @@ interface UploadManagerProps {
     maxDocumentsPerMessage?: number;
     maxDocumentContentLength?: number;
     onUploadLoadingChange?: (loading: boolean, fileCount?: number) => void;
+    onMediumSelectedState?: (state: DialogState) => void;
 }
 declare const UploadButton: React.FC<UploadManagerProps>;
 export default UploadButton;