react-miui 0.34.0 → 0.36.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/layout/header/HeaderIconAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderIconAction.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAI7C,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,KAAK;IAIX,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAIzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,EAAE,CAAC,EAAE,MAAM,CAAC;IAIZ,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAI7D,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAMD,QAAA,MAAM,gBAAgB,qGAkCpB,CAAC;AAKH,QAAA,MAAM,4BAA4B,QAAwB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,CAAC"}
+{"version":3,"file":"HeaderIconAction.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAK7C,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,KAAK;IAIX,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAIzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,EAAE,CAAC,EAAE,MAAM,CAAC;IAIZ,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAI7D,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAMD,QAAA,MAAM,gBAAgB,qGA0DpB,CAAC;AAKH,QAAA,MAAM,4BAA4B,QAAwB,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,CAAC"}

package/esm/components/layout/header/HeaderIconAction.js

@@ -1,7 +1,11 @@
 import React, { forwardRef } from "react";
+import { useForwardedRef } from "@bedrock-layout/use-forwarded-ref";
+import { useRipple } from "../../../utils/useRipple.js";
 import { A, Btn, sharedStyles, StyledIcon } from "./HeaderIconAction.styled.js";
 const HeaderIconAction = forwardRef((props, ref) => {
     const { icon, href, to, Link, className, ...restProps } = props;
+    const innerRef = useForwardedRef(ref);
+    const ripple = useRipple({ ref: innerRef });
     let content = icon;
     if (typeof icon === "string") {
         content = React.createElement(StyledIcon, { name: icon });
@@ -11,12 +15,18 @@ const HeaderIconAction = forwardRef((props, ref) => {
             throw new TypeError("`to` prop given without `Link` component");
         }
         return (React.createElement(Link, { href: to, ...restProps },
-            React.createElement(A, { ref: ref, className: props.className }, content)));
+            React.createElement(A, { ref: innerRef, className: props.className, onPointerDown: ripple.onPointerDown, onKeyDown: ripple.onKeyDown },
+                content,
+                ripple.ripples)));
     }
     if (href) {
-        return (React.createElement(A, { ref: ref, href: href, className: props.className, ...restProps }, content));
+        return (React.createElement(A, { ref: innerRef, href: href, className: props.className, onPointerDown: ripple.onPointerDown, onKeyDown: ripple.onKeyDown, ...restProps },
+            content,
+            ripple.ripples));
     }
-    return (React.createElement(Btn, { ref: ref, className: props.className, onClick: props.onClick }, content));
+    return (React.createElement(Btn, { ref: innerRef, className: props.className, onClick: props.onClick, onPointerDown: ripple.onPointerDown, onKeyDown: ripple.onKeyDown },
+        content,
+        ripple.ripples));
 });
 HeaderIconAction.displayName = "HeaderIconAction";
 HeaderIconAction.toString = () => sharedStyles.selector;

package/esm/components/layout/header/HeaderIconAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderIconAction.js","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAsC7E,MAAM,gBAAgB,GAAG,UAAU,CAA+C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7F,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhE,IAAI,OAAO,GAAc,IAAI,CAAC;IAC9B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO,GAAG,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAY,GAAI,CAAC;IACjD,CAAC;IAED,IAAI,EAAE,EAAE,CAAC;QACL,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAC;QACpE,CAAC;QAED,OAAO,CACH,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,KAAM,SAAS;YACzB,oBAAC,CAAC,IAAC,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAG,OAAO,CAAK,CACnF,CACV,CAAC;IACN,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACP,OAAO,CACH,oBAAC,CAAC,IAAC,GAAG,EAAE,GAAmC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,KAAM,SAAS,IAC7F,OAAO,CACR,CACP,CAAC;IACN,CAAC;IAED,OAAO,CAEH,oBAAC,GAAG,IAAC,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,IAC5F,OAAO,CACN,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAClD,gBAAgB,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC;AAExD,MAAM,4BAA4B,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,CAAC"}
+{"version":3,"file":"HeaderIconAction.js","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAKpE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAsC7E,MAAM,gBAAgB,GAAG,UAAU,CAA+C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7F,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAChE,MAAM,QAAQ,GAAG,eAAe,CAA+C,GAAG,CAAC,CAAC;IACpF,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE5C,IAAI,OAAO,GAAc,IAAI,CAAC;IAC9B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO,GAAG,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAY,GAAI,CAAC;IACjD,CAAC;IAED,IAAI,EAAE,EAAE,CAAC;QACL,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAC;QACpE,CAAC;QAED,OAAO,CACH,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,KAAM,SAAS;YACzB,oBAAC,CAAC,IACE,GAAG,EAAE,QAAwC,EAC7C,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,aAAa,EAAE,MAAM,CAAC,aAAa,EACnC,SAAS,EAAE,MAAM,CAAC,SAAS;gBAE1B,OAAO;gBACP,MAAM,CAAC,OAAO,CACf,CACD,CACV,CAAC;IACN,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACP,OAAO,CACH,oBAAC,CAAC,IACE,GAAG,EAAE,QAAwC,EAC7C,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,aAAa,EAAE,MAAM,CAAC,aAAa,EACnC,SAAS,EAAE,MAAM,CAAC,SAAS,KACvB,SAAS;YAEZ,OAAO;YACP,MAAM,CAAC,OAAO,CACf,CACP,CAAC;IACN,CAAC;IAED,OAAO,CACH,oBAAC,GAAG,IACA,GAAG,EAAE,QAAwC,EAC7C,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,MAAM,CAAC,aAAa,EACnC,SAAS,EAAE,MAAM,CAAC,SAAS;QAE1B,OAAO;QACP,MAAM,CAAC,OAAO,CACb,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAClD,gBAAgB,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC;AAExD,MAAM,4BAA4B,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,CAAC"}

package/esm/components/layout/header/HeaderIconAction.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderIconAction.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.styled.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkBhB,CAAC;AAEH,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiC,CAAC;AAC3C,QAAA,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA4B,CAAC;AAEpC,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKd,CAAC;AAEH,OAAO,EACH,GAAG,EACH,CAAC,EACD,UAAU,EACV,YAAY,GACf,CAAC"}
+{"version":3,"file":"HeaderIconAction.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUhB,CAAC;AAEH,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAiC,CAAC;AAC3C,QAAA,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA4B,CAAC;AAEpC,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKd,CAAC;AAEH,OAAO,EACH,GAAG,EACH,CAAC,EACD,UAAU,EACV,YAAY,GACf,CAAC"}

package/esm/components/layout/header/HeaderIconAction.styled.js

@@ -1,22 +1,16 @@
 import { borderPxToRem, css, pxToRem, styled } from "../../../theme.js";
+import { rippleHostStyles } from "../../../utils/useRipple.styled.js";
 import { Icon } from "../../icons/Icon.js";
-const sharedStyles = css({
-    "width": pxToRem(30),
-    "height": pxToRem(30),
-    "background": "none",
-    "borderRadius": "666px",
-    "display": "inline-flex",
-    "alignItems": "center",
-    "justifyContent": "center",
-    "border": borderPxToRem(2),
-    "color": "currentColor",
-    "&:hover": {
-        background: "#00000022",
-    },
-    "&:active": {
-        background: "#00000011",
-        color: "currentColor",
-    },
+const sharedStyles = css(rippleHostStyles, {
+    width: pxToRem(30),
+    height: pxToRem(30),
+    background: "none",
+    borderRadius: "666px",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    border: borderPxToRem(2),
+    color: "currentColor",
 });
 const Btn = styled("button", sharedStyles);
 const A = styled("a", sharedStyles);

package/esm/components/layout/header/HeaderIconAction.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderIconAction.styled.js","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,YAAY,GAAG,GAAG,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC;IACrB,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,OAAO;IACvB,SAAS,EAAE,aAAa;IACxB,YAAY,EAAE,QAAQ;IACtB,gBAAgB,EAAE,QAAQ;IAC1B,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAC1B,OAAO,EAAE,cAAc;IAEvB,SAAS,EAAE;QACP,UAAU,EAAE,WAAW;KAC1B;IACD,UAAU,EAAE;QACR,UAAU,EAAE,WAAW;QACvB,KAAK,EAAE,cAAc;KACxB;CACJ,CAAC,CAAC;AAEH,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAC3C,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;AAEpC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,EAAE;IAC5B,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,cAAc;CACvB,CAAC,CAAC;AAEH,OAAO,EACH,GAAG,EACH,CAAC,EACD,UAAU,EACV,YAAY,GACf,CAAC"}
+{"version":3,"file":"HeaderIconAction.styled.js","sourceRoot":"","sources":["../../../../src/components/layout/header/HeaderIconAction.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,YAAY,GAAG,GAAG,CAAC,gBAAgB,EAAE;IACvC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IACnB,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC;IACxB,KAAK,EAAE,cAAc;CACxB,CAAC,CAAC;AAEH,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAC3C,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;AAEpC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,EAAE;IAC5B,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,cAAc;CACvB,CAAC,CAAC;AAEH,OAAO,EACH,GAAG,EACH,CAAC,EACD,UAAU,EACV,YAAY,GACf,CAAC"}

package/esm/components/layout/list/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,KAAK,GAAG,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC;AAE9B,KAAK,qBAAqB,GAClB,KAAK,GACH,GAAG,KAAK,IAAI,KAAK,EAAE,GACnB,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC5B,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACrC,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC9C,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACvD,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAChE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACzE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAClF,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;AAEtG,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,qBAAqB,CAAC;CACjC;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AAKD,QAAA,MAAM,uCAAuC,QAAkC,CAAC;AAoFhF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGR,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,uCAAuC,EAAE,CAAC;AAEzD,YAAY,EACR,KAAK,IAAI,SAAS,EAClB,aAAa,IAAI,iBAAiB,GACrC,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAMlD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,KAAK,GAAG,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC;AAE9B,KAAK,qBAAqB,GAClB,KAAK,GACH,GAAG,KAAK,IAAI,KAAK,EAAE,GACnB,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC5B,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACrC,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC9C,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACvD,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAChE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACzE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAClF,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;AAEtG,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,qBAAqB,CAAC;CACjC;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AAKD,QAAA,MAAM,uCAAuC,QAAkC,CAAC;AAoHhF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGR,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,uCAAuC,EAAE,CAAC;AAEzD,YAAY,EACR,KAAK,IAAI,SAAS,EAClB,aAAa,IAAI,iBAAiB,GACrC,CAAC"}