react-miui 0.33.0 → 0.35.0

package/esm/components/form/timepicker/TimePicker.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePicker.styled.ts"],"names":[],"mappings":"AAeA,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiC,CAAC;AAEvD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiC,CAAC;AAE1D,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiC,CAAC;AAE7D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA+B,CAAC;AAEzD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA8B,CAAC;AAEvD,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA6B,CAAC;AAErD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA2B,CAAC;AAEjD,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAgC,CAAC;AAE3D,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAgC,CAAC;AAE3D,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKxB,CAAC;AAEH,OAAO,EACH,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,GACvB,CAAC"}

package/esm/components/form/timepicker/TimePicker.styled.js

@@ -0,0 +1,20 @@
+import { styled } from "../../../theme.js";
+import { StyledInput } from "../input/Input.styled.js";
+import { suffixButton, timeInput, wheelFocusRing, wheelHighlight, wheelItem, wheelPadder, wheelsContainer, wheelSeparator, wheelViewport, wheelWrapper, } from "./TimePicker.css.js";
+const StyledTimeInput = styled(StyledInput, timeInput);
+const StyledSuffixButton = styled("button", suffixButton);
+const StyledWheelsContainer = styled("div", wheelsContainer);
+const StyledWheelViewport = styled("div", wheelViewport);
+const StyledWheelWrapper = styled("div", wheelWrapper);
+const StyledWheelPadder = styled("div", wheelPadder);
+const StyledWheelItem = styled("div", wheelItem);
+const StyledWheelHighlight = styled("div", wheelHighlight);
+const StyledWheelSeparator = styled("div", wheelSeparator);
+const StyledWheelFocusRing = styled("div", {
+    ...wheelFocusRing,
+    [StyledWheelViewport.toString() + ":focus-visible + &"]: {
+        borderColor: "$focusColor",
+    },
+});
+export { StyledTimeInput, StyledSuffixButton, StyledWheelsContainer, StyledWheelViewport, StyledWheelWrapper, StyledWheelPadder, StyledWheelItem, StyledWheelHighlight, StyledWheelSeparator, StyledWheelFocusRing, };
+//# sourceMappingURL=TimePicker.styled.js.map

package/esm/components/form/timepicker/TimePicker.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.styled.js","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePicker.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EACH,YAAY,EACZ,SAAS,EACT,cAAc,EACd,cAAc,EACd,SAAS,EACT,WAAW,EACX,eAAe,EACf,cAAc,EACd,aAAa,EACb,YAAY,GACf,MAAM,kBAAkB,CAAC;AAE1B,MAAM,eAAe,GAAG,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEvD,MAAM,kBAAkB,GAAG,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAE1D,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;AAE7D,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AAEzD,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;AAEvD,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAEjD,MAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;AAE3D,MAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;AAE3D,MAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,EAAE;IACvC,GAAG,cAAc;IACjB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,GAAG,oBAAoB,CAAC,EAAE;QACrD,WAAW,EAAE,aAAa;KAC7B;CACJ,CAAC,CAAC;AAEH,OAAO,EACH,eAAe,EACf,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,GACvB,CAAC"}

package/esm/components/form/timepicker/TimePickerModal.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface Props {
+    isOpen: boolean;
+    initialValue: string;
+    withSeconds: boolean;
+    minuteStep: number;
+    secondStep: number;
+    readOnly: boolean;
+    title?: React.ReactNode;
+    okLabel: React.ReactNode;
+    cancelLabel: React.ReactNode;
+    onClose: () => void;
+    onConfirm: (value: string) => void;
+}
+declare const TimePickerModal: ({ isOpen, initialValue, withSeconds, minuteStep, secondStep, readOnly, title, okLabel, cancelLabel, onClose, onConfirm, }: Props) => React.JSX.Element;
+export { TimePickerModal };
+//# sourceMappingURL=TimePickerModal.d.ts.map

package/esm/components/form/timepicker/TimePickerModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerModal.d.ts","sourceRoot":"","sources":["../../../../src/components/form/timepicker/TimePickerModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAYhE,UAAU,KAAK;IACX,MAAM,EAAE,OAAO,CAAC;IAEhB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAOD,QAAA,MAAM,eAAe,GAAI,2HAYtB,KAAK,sBAoFP,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/esm/components/form/timepicker/TimePickerModal.js

@@ -0,0 +1,56 @@
+import React, { useCallback, useEffect, useState } from "react";
+import { Modal } from "../../ui/modal/Modal.js";
+import { ModalButtons } from "../../ui/modal/ModalButtons.js";
+import { StyledWheelHighlight, StyledWheelsContainer, StyledWheelSeparator, } from "./TimePicker.styled.js";
+import { padTwo, parseTimeText } from "./utils.js";
+import { Wheel } from "./Wheel.js";
+const snapToStep = (v, step, max) => {
+    const snapped = Math.round(v / step) * step;
+    return Math.min(snapped, max - (max % step === 0 ? step : max % step));
+};
+const TimePickerModal = ({ isOpen, initialValue, withSeconds, minuteStep, secondStep, readOnly, title, okLabel, cancelLabel, onClose, onConfirm, }) => {
+    const [draftHours, setDraftHours] = useState(0);
+    const [draftMinutes, setDraftMinutes] = useState(0);
+    const [draftSeconds, setDraftSeconds] = useState(0);
+    useEffect(() => {
+        if (!isOpen) {
+            return;
+        }
+        const digits = parseTimeText(initialValue, withSeconds);
+        const hh = digits.length >= 2 ? parseInt(digits.slice(0, 2), 10) : 0;
+        const mmRaw = digits.length >= 4 ? parseInt(digits.slice(2, 4), 10) : 0;
+        const ssRaw = digits.length >= 6 ? parseInt(digits.slice(4, 6), 10) : 0;
+        setDraftHours(hh);
+        setDraftMinutes(snapToStep(mmRaw, minuteStep, 60));
+        setDraftSeconds(snapToStep(ssRaw, secondStep, 60));
+    }, [isOpen, initialValue, withSeconds, minuteStep, secondStep]);
+    const handleConfirm = useCallback(() => {
+        const next = padTwo(draftHours) + ":" + padTwo(draftMinutes)
+            + (withSeconds ? ":" + padTwo(draftSeconds) : "");
+        onConfirm(next);
+    }, [draftHours, draftMinutes, draftSeconds, withSeconds, onConfirm]);
+    const handleWheelsKeyDown = useCallback((e) => {
+        if (e.key === "Enter" && !readOnly) {
+            e.preventDefault();
+            handleConfirm();
+        }
+    }, [readOnly, handleConfirm]);
+    return (React.createElement(Modal, { isOpen: isOpen, onClose: onClose, title: title },
+        React.createElement(StyledWheelsContainer, { onKeyDown: handleWheelsKeyDown },
+            React.createElement(Wheel, { count: 24, step: 1, value: draftHours, onChange: setDraftHours, ariaLabel: "Hours", autoFocus: true }),
+            React.createElement(StyledWheelSeparator, null, ":"),
+            React.createElement(Wheel, { count: 60, step: minuteStep, value: draftMinutes, onChange: setDraftMinutes, ariaLabel: "Minutes" }),
+            withSeconds
+                ? (React.createElement(React.Fragment, null,
+                    React.createElement(StyledWheelSeparator, null, ":"),
+                    React.createElement(Wheel, { count: 60, step: secondStep, value: draftSeconds, onChange: setDraftSeconds, ariaLabel: "Seconds" })))
+                : null,
+            React.createElement(StyledWheelHighlight, { "aria-hidden": true })),
+        React.createElement(ModalButtons, null,
+            React.createElement(ModalButtons.Button, { onClick: onClose }, cancelLabel),
+            readOnly
+                ? null
+                : (React.createElement(ModalButtons.Button, { variant: "main", onClick: handleConfirm }, okLabel)))));
+};
+export { TimePickerModal };
+//# sourceMappingURL=TimePickerModal.js.map

package/esm/components/form/timepicker/TimePickerModal.js.map

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

package/esm/components/form/timepicker/Wheel.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface Props {
+    count: number;
+    step: number;
+    value: number;
+    onChange: (v: number) => void;
+    ariaLabel: string;
+    autoFocus?: boolean;
+}
+declare const Wheel: ({ count, step, value, onChange, ariaLabel, autoFocus }: Props) => React.JSX.Element;
+export { Wheel };
+//# sourceMappingURL=Wheel.d.ts.map

package/esm/components/form/timepicker/Wheel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wheel.d.ts","sourceRoot":"","sources":["../../../../src/components/form/timepicker/Wheel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAW/E,UAAU,KAAK;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAID,QAAA,MAAM,KAAK,GAAI,wDAAgE,KAAK,sBAgLnF,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/esm/components/form/timepicker/Wheel.js

@@ -0,0 +1,151 @@
+import React, { useCallback, useEffect, useLayoutEffect, useRef } from "react";
+import { StyledWheelFocusRing, StyledWheelItem, StyledWheelPadder, StyledWheelViewport, StyledWheelWrapper, } from "./TimePicker.styled.js";
+import { padTwo } from "./utils.js";
+const PAGE_JUMP = 3;
+const Wheel = ({ count, step, value, onChange, ariaLabel, autoFocus = false }) => {
+    const viewportRef = useRef(null);
+    const itemRef = useRef(null);
+    const itemHeightRef = useRef(0);
+    const scrollRafRef = useRef(null);
+    const valueRef = useRef(value);
+    valueRef.current = value;
+    const items = Math.ceil(count / step);
+    const lastValue = (items - 1) * step;
+    const valueToIndex = useCallback((v) => {
+        const idx = Math.round(v / step);
+        if (idx < 0) {
+            return 0;
+        }
+        if (idx >= items) {
+            return items - 1;
+        }
+        return idx;
+    }, [items, step]);
+    const scrollToValue = useCallback((v, behavior) => {
+        const vp = viewportRef.current;
+        const h = itemHeightRef.current;
+        if (!vp || h === 0) {
+            return;
+        }
+        const idx = valueToIndex(v);
+        vp.scrollTo({ top: idx * h, behavior });
+    }, [valueToIndex]);
+    useLayoutEffect(() => {
+        const item = itemRef.current;
+        if (!item) {
+            return;
+        }
+        itemHeightRef.current = item.getBoundingClientRect().height;
+        scrollToValue(valueRef.current, "auto");
+    }, []);
+    useEffect(() => {
+        const item = itemRef.current;
+        if (!item || typeof ResizeObserver === "undefined") {
+            return;
+        }
+        const ro = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (!entry) {
+                return;
+            }
+            const h = entry.contentRect.height;
+            if (h > 0 && h !== itemHeightRef.current) {
+                itemHeightRef.current = h;
+                scrollToValue(valueRef.current, "auto");
+            }
+        });
+        ro.observe(item);
+        return () => {
+            ro.disconnect();
+        };
+    }, [scrollToValue]);
+    useEffect(() => {
+        const vp = viewportRef.current;
+        const h = itemHeightRef.current;
+        if (!vp || h === 0) {
+            return;
+        }
+        const currentIdx = Math.round(vp.scrollTop / h);
+        const desiredIdx = valueToIndex(value);
+        if (currentIdx !== desiredIdx) {
+            scrollToValue(value, "smooth");
+        }
+    }, [value, valueToIndex, scrollToValue]);
+    const handleScroll = useCallback(() => {
+        const vp = viewportRef.current;
+        if (!vp) {
+            return;
+        }
+        if (scrollRafRef.current != null) {
+            cancelAnimationFrame(scrollRafRef.current);
+        }
+        scrollRafRef.current = requestAnimationFrame(() => {
+            scrollRafRef.current = null;
+            const vpInner = viewportRef.current;
+            const h = itemHeightRef.current;
+            if (!vpInner || h === 0) {
+                return;
+            }
+            const rawIdx = Math.round(vpInner.scrollTop / h);
+            const clamped = Math.max(0, Math.min(items - 1, rawIdx));
+            const newValue = clamped * step;
+            if (newValue !== valueRef.current) {
+                onChange(newValue);
+            }
+        });
+    }, [items, step, onChange]);
+    const handleKeyDown = useCallback((e) => {
+        let next;
+        switch (e.key) {
+            case "ArrowDown":
+                next = valueRef.current + step;
+                break;
+            case "ArrowUp":
+                next = valueRef.current - step;
+                break;
+            case "PageDown":
+                next = valueRef.current + (step * PAGE_JUMP);
+                break;
+            case "PageUp":
+                next = valueRef.current - (step * PAGE_JUMP);
+                break;
+            case "Home":
+                next = 0;
+                break;
+            case "End":
+                next = lastValue;
+                break;
+            default:
+                return;
+        }
+        e.preventDefault();
+        const clamped = Math.max(0, Math.min(lastValue, next));
+        if (clamped !== valueRef.current) {
+            onChange(clamped);
+        }
+    }, [step, lastValue, onChange]);
+    useEffect(() => () => {
+        if (scrollRafRef.current != null) {
+            cancelAnimationFrame(scrollRafRef.current);
+        }
+    }, []);
+    useEffect(() => {
+        var _a;
+        if (autoFocus) {
+            (_a = viewportRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
+        }
+    }, []);
+    const itemElems = [];
+    for (let i = 0; i < items; i++) {
+        const v = i * step;
+        itemElems.push(React.createElement(StyledWheelItem, { key: i, ref: i === 0 ? itemRef : undefined }, padTwo(v)));
+    }
+    return (React.createElement(StyledWheelWrapper, null,
+        React.createElement(StyledWheelViewport, { ref: viewportRef, onScroll: handleScroll, onKeyDown: handleKeyDown, role: "spinbutton", "aria-label": ariaLabel, "aria-valuemin": 0, "aria-valuemax": lastValue, "aria-valuenow": value, "aria-valuetext": padTwo(value), tabIndex: 0 },
+            React.createElement(StyledWheelPadder, null),
+            itemElems,
+            React.createElement(StyledWheelPadder, null)),
+        React.createElement(StyledWheelFocusRing, { "aria-hidden": true })));
+};
+export { Wheel };
+//# sourceMappingURL=Wheel.js.map

package/esm/components/form/timepicker/Wheel.js.map

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

package/esm/components/form/timepicker/utils.d.ts

@@ -0,0 +1,4 @@
+declare const padTwo: (n: number) => string;
+declare const parseTimeText: (text: string, withSeconds: boolean) => string;
+export { padTwo, parseTimeText };
+//# sourceMappingURL=utils.d.ts.map

package/esm/components/form/timepicker/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/form/timepicker/utils.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,GAAI,GAAG,MAAM,KAAG,MAAuC,CAAC;AAoCpE,QAAA,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,aAAa,OAAO,KAAG,MA0B3D,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC"}

package/esm/components/form/timepicker/utils.js

@@ -0,0 +1,58 @@
+const padTwo = (n) => n.toString().padStart(2, "0");
+const clampDigits = (digits, withSeconds) => {
+    if (digits.length < 2) {
+        return digits;
+    }
+    let hh = parseInt(digits.slice(0, 2), 10);
+    if (hh > 23) {
+        hh = 23;
+    }
+    let out = padTwo(hh);
+    if (digits.length < 4) {
+        return out + digits.slice(2);
+    }
+    let mm = parseInt(digits.slice(2, 4), 10);
+    if (mm > 59) {
+        mm = 59;
+    }
+    out += padTwo(mm);
+    if (!withSeconds || digits.length < 6) {
+        return out + digits.slice(4);
+    }
+    let ss = parseInt(digits.slice(4, 6), 10);
+    if (ss > 59) {
+        ss = 59;
+    }
+    out += padTwo(ss);
+    return out;
+};
+const parseTimeText = (text, withSeconds) => {
+    var _a;
+    if (!text) {
+        return "";
+    }
+    const max = withSeconds ? 6 : 4;
+    const segments = text.split(":");
+    let raw;
+    if (segments.length === 1) {
+        raw = ((_a = segments[0]) !== null && _a !== void 0 ? _a : "").replace(/\D/gu, "");
+        if (raw.length === 1) {
+            raw = "0" + raw;
+        }
+    }
+    else {
+        raw = segments.map((s) => {
+            const d = s.replace(/\D/gu, "");
+            if (d.length === 0) {
+                return "";
+            }
+            if (d.length === 1) {
+                return "0" + d;
+            }
+            return d.slice(0, 2);
+        }).join("");
+    }
+    return clampDigits(raw.slice(0, max), withSeconds);
+};
+export { padTwo, parseTimeText };
+//# sourceMappingURL=utils.js.map

package/esm/components/form/timepicker/utils.js.map

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

package/esm/components/icons/Clock.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props {
+    className?: string;
+}
+declare const Clock: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export { Clock };
+//# sourceMappingURL=Clock.d.ts.map

package/esm/components/icons/Clock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clock.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Clock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,6EA2BT,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/esm/components/icons/Clock.js

@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+const Clock = forwardRef((props, ref) => {
+    return (React.createElement("svg", { ref: ref, width: "16", height: "16", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", className: props.className },
+        React.createElement("circle", { cx: "8", cy: "8", r: "6.5", fill: "none", stroke: "currentColor", strokeWidth: "1.5" }),
+        React.createElement("path", { fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", d: "M8 4.5V8l2.5 1.75" })));
+});
+Clock.displayName = "Clock";
+export { Clock };
+//# sourceMappingURL=Clock.js.map

package/esm/components/icons/Clock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clock.js","sourceRoot":"","sources":["../../../src/components/icons/Clock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAM1C,MAAM,KAAK,GAAG,UAAU,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1D,OAAO,CACH,6BACI,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,4BAA4B,EACnC,SAAS,EAAE,KAAK,CAAC,SAAS;QAE1B,gCACI,EAAE,EAAE,GAAG,EACP,EAAE,EAAE,GAAG,EACP,CAAC,EAAE,KAAK,EACR,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,KAAK,GACpB;QACF,8BACI,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,KAAK,EAClB,aAAa,EAAE,OAAO,EACtB,CAAC,EAAE,mBAAmB,GACxB,CACA,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/esm/components/icons/Icon.d.ts

@@ -8,7 +8,8 @@ declare enum ICON {
     heart = "heart",
     trash = "trash",
     config = "config",
-    dots = "dots"
+    dots = "dots",
+    clock = "clock"
 }
 interface Props {
     name: ICON;

package/esm/components/icons/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAY1C,aAAK,IAAI;IACL,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CAChB;AAED,UAAU,KAAK;IACX,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAgBD,QAAA,MAAM,IAAI,6EAQR,CAAC;AAIH,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAEtB,YAAY,EACR,KAAK,IAAI,SAAS,GACrB,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAa1C,aAAK,IAAI;IACL,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;CAClB;AAED,UAAU,KAAK;IACX,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAiBD,QAAA,MAAM,IAAI,6EAQR,CAAC;AAIH,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAEtB,YAAY,EACR,KAAK,IAAI,SAAS,GACrB,CAAC"}

package/esm/components/icons/Icon.js

@@ -2,6 +2,7 @@ import React, { forwardRef } from "react";
 import { Back } from "./Back.js";
 import { Battery } from "./Battery.js";
 import { Checkmark } from "./Checkmark.js";
+import { Clock } from "./Clock.js";
 import { Config } from "./Config.js";
 import { Dots } from "./Dots.js";
 import { Forward } from "./Forward.js";
@@ -19,6 +20,7 @@ var ICON;
     ICON["trash"] = "trash";
     ICON["config"] = "config";
     ICON["dots"] = "dots";
+    ICON["clock"] = "clock";
 })(ICON || (ICON = {}));
 const iconsMap = new Map([
     [ICON.checkmark, Checkmark],
@@ -30,6 +32,7 @@ const iconsMap = new Map([
     [ICON.trash, Trash],
     [ICON.config, Config],
     [ICON.dots, Dots],
+    [ICON.clock, Clock],
 ]);
 const Icon = forwardRef(({ name: iconName, ...props }, ref) => {
     const C = iconsMap.get(iconName);

package/esm/components/icons/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,IAAK,IAUJ;AAVD,WAAK,IAAI;IACL,+BAAuB,CAAA;IACvB,qBAAa,CAAA;IACb,2BAAmB,CAAA;IACnB,yBAAiB,CAAA;IACjB,2BAAmB,CAAA;IACnB,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,yBAAiB,CAAA;IACjB,qBAAa,CAAA;AACjB,CAAC,EAVI,IAAI,KAAJ,IAAI,QAUR;AASD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAsB;IAC1C,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IAC3B,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;IACjB,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;IACvB,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC;IACrB,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;IACvB,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC;IACnB,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC;IACnB,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC;IACrB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG,UAAU,CAAuB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChF,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,CAAC,CAAC,EAAE,CAAC;QACL,MAAM,IAAI,SAAS,CAAC,gBAAgB,GAAG,QAAQ,CAAC,CAAC;IACrD,CAAC;IAGD,OAAO,oBAAC,CAAC,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,IAAK,IAWJ;AAXD,WAAK,IAAI;IACL,+BAAuB,CAAA;IACvB,qBAAa,CAAA;IACb,2BAAmB,CAAA;IACnB,yBAAiB,CAAA;IACjB,2BAAmB,CAAA;IACnB,uBAAe,CAAA;IACf,uBAAe,CAAA;IACf,yBAAiB,CAAA;IACjB,qBAAa,CAAA;IACb,uBAAe,CAAA;AACnB,CAAC,EAXI,IAAI,KAAJ,IAAI,QAWR;AASD,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAsB;IAC1C,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IAC3B,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;IACjB,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;IACvB,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC;IACrB,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC;IACvB,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC;IACnB,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC;IACnB,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC;IACrB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;IACjB,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG,UAAU,CAAuB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChF,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,CAAC,CAAC,EAAE,CAAC;QACL,MAAM,IAAI,SAAS,CAAC,gBAAgB,GAAG,QAAQ,CAAC,CAAC;IACrD,CAAC;IAGD,OAAO,oBAAC,CAAC,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC"}

package/esm/components/ui/drawer/Drawer.d.ts

@@ -1,13 +1,22 @@
 import React from "react";
+type DrawerFrom = "top" | "right" | "bottom" | "left";
+type ScaleMode = "first" | "all";
 type DrawerProps = {
     isOpen: boolean;
     closeOnEsc?: boolean;
     onClose: () => void;
     className?: string;
+    from?: DrawerFrom;
+    size?: number | string;
+    scaleContent?: boolean | number;
+    scaleSelectors?: string | string[];
+    scaleSelectorsMode?: ScaleMode;
+    onOverlayClick?: (() => void) | "close" | null;
+    portal?: boolean | HTMLElement;
     children: React.ReactNode;
 };
 declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
 declare const DrawerContentSelector: string;
 export { Drawer, DrawerContentSelector };
-export type { DrawerProps };
+export type { DrawerProps, DrawerFrom };
 //# sourceMappingURL=Drawer.d.ts.map

package/esm/components/ui/drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,MAAM,oFA8CV,CAAC;AAKH,QAAA,MAAM,qBAAqB,QAAqB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAgBpF,KAAK,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AACtD,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;AAEjC,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAInB,IAAI,CAAC,EAAE,UAAU,CAAC;IASlB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAOvB,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAMhC,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAKnC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAQ/B,cAAc,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;IAQ/C,MAAM,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAoEF,QAAA,MAAM,MAAM,oFAqHV,CAAC;AAKH,QAAA,MAAM,qBAAqB,QAAqB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}