xmlui 0.11.4 → 0.11.6

package/dist/scripts/src/components/Accordion/AccordionContext.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionContext = void 0;
-exports.useAccordionContext = useAccordionContext;
-const react_1 = require("react");
-const constants_1 = require("../../components-core/constants");
-exports.AccordionContext = (0, react_1.createContext)({
-    expandedItems: null,
-    rotateExpanded: null,
-    expandItem: constants_1.noop,
-    register: constants_1.noop,
-    unRegister: constants_1.noop,
-    hideIcon: null,
-    expandedIcon: null,
-    collapsedIcon: null,
-    triggerPosition: null,
-});
-function useAccordionContext() {
-    return (0, react_1.useContext)(exports.AccordionContext);
-}

package/dist/scripts/src/components/Accordion/AccordionItem.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.accordionItemComponentRenderer = exports.AccordionItemMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("../../components-core/renderers");
-const metadata_helpers_1 = require("../../components/metadata-helpers");
-const container_helpers_1 = require("../../components/container-helpers");
-const AccordionItemNative_1 = require("../../components/Accordion/AccordionItemNative");
-const COMP = "AccordionItem";
-exports.AccordionItemMd = (0, metadata_helpers_1.createMetadata)({
-    status: "in progress",
-    description: `\`${COMP}\` is a non-visual component describing a tab. Tabs component may use nested ` +
-        `${COMP} instances from which the user can select.`,
-    props: {
-        header: {
-            description: "This property declares the text used in the component's header. If not provided, the header will be empty.",
-            valueType: "string"
-        },
-        headerTemplate: (0, metadata_helpers_1.dComponent)("This property describes the template to use as the component's header."),
-        initiallyExpanded: {
-            description: `This property indicates if the ${COMP} is expanded (\`true\`) or collapsed (\`false\`).`,
-            valueType: "boolean",
-            defaultValue: AccordionItemNative_1.defaultProps.initiallyExpanded
-        },
-    },
-});
-exports.accordionItemComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.AccordionItemMd, (rendererContext) => {
-    const { node, renderChild, extractValue, className } = rendererContext;
-    return ((0, jsx_runtime_1.jsx)(AccordionItemNative_1.AccordionItemComponent, { className: className, id: extractValue(node.uid), header: extractValue(node.props.header), initiallyExpanded: extractValue.asOptionalBoolean(node.props.initiallyExpanded), headerRenderer: node.props.headerTemplate
-            ? (item) => {
-                var _a;
-                return ((0, jsx_runtime_1.jsx)(container_helpers_1.MemoizedItem, { node: (_a = node.props.headerTemplate) !== null && _a !== void 0 ? _a : { type: "Fragment" }, item: item, renderChild: renderChild }));
-            }
-            : undefined, content: renderChild(node.children) }));
-});

package/dist/scripts/src/components/Accordion/AccordionItemNative.js

@@ -1,95 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionItemComponent = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const RAccordion = __importStar(require("@radix-ui/react-accordion"));
-const classnames_1 = __importDefault(require("classnames"));
-const Accordion_module_scss_1 = __importDefault(require("../../components/Accordion/Accordion.module.scss"));
-const AccordionContext_1 = require("../../components/Accordion/AccordionContext");
-const IconNative_1 = __importDefault(require("../../components/Icon/IconNative"));
-function defaultRenderer(header) {
-    return (0, jsx_runtime_1.jsx)("div", { children: header });
-}
-exports.defaultProps = {
-    initiallyExpanded: false,
-    headerRenderer: defaultRenderer,
-};
-exports.AccordionItemComponent = (0, react_1.forwardRef)(function AccordionItemComponent(_a, forwardedRef) {
-    var { id, header, headerRenderer = exports.defaultProps.headerRenderer, content, initiallyExpanded = exports.defaultProps.initiallyExpanded, style, className } = _a, rest = __rest(_a, ["id", "header", "headerRenderer", "content", "initiallyExpanded", "style", "className"]);
-    const generatedId = (0, react_1.useId)();
-    const itemId = (0, react_1.useMemo)(() => (id ? `${id}` : generatedId), [id, generatedId]);
-    const triggerId = (0, react_1.useMemo)(() => `trigger_${itemId}`, [itemId]);
-    const { rotateExpanded, expandedItems, hideIcon, expandedIcon, collapsedIcon, triggerPosition, expandItem, register, unRegister, } = (0, AccordionContext_1.useAccordionContext)();
-    const expanded = (0, react_1.useMemo)(() => (expandedItems !== null && expandedItems !== void 0 ? expandedItems : []).includes(itemId), [itemId, expandedItems]);
-    const [initialised, setInitialised] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        if (!initialised) {
-            setInitialised(true);
-            if (initiallyExpanded) {
-                expandItem(itemId);
-            }
-        }
-    }, [expandItem, itemId, initiallyExpanded, initialised]);
-    (0, react_1.useEffect)(() => {
-        register(triggerId);
-    }, [register, triggerId]);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            unRegister(triggerId);
-        };
-    }, [triggerId, unRegister]);
-    return ((0, jsx_runtime_1.jsxs)(RAccordion.Item, { id: itemId, value: itemId, className: (0, classnames_1.default)(Accordion_module_scss_1.default.item, className), ref: forwardedRef, style: style, children: [(0, jsx_runtime_1.jsx)(RAccordion.Header, { className: Accordion_module_scss_1.default.header, children: (0, jsx_runtime_1.jsxs)(RAccordion.Trigger, Object.assign({}, rest, { id: triggerId, className: (0, classnames_1.default)(Accordion_module_scss_1.default.trigger, {
-                        [Accordion_module_scss_1.default.triggerStart]: triggerPosition === "start",
-                    }), children: [headerRenderer(header), !hideIcon && ((0, jsx_runtime_1.jsx)("span", { style: {
-                                transform: expanded && !expandedIcon ? `rotate(${rotateExpanded})` : "rotate(0deg)",
-                                transition: "transform 300ms cubic-bezier(0.87, 0, 0.13, 1)",
-                            }, children: (0, jsx_runtime_1.jsx)(IconNative_1.default, { name: !expanded ? collapsedIcon : expandedIcon || collapsedIcon, className: Accordion_module_scss_1.default.chevron, "aria-hidden": "true" }) }))] })) }), (0, jsx_runtime_1.jsx)(RAccordion.Content, { className: Accordion_module_scss_1.default.contentWrapper, children: (0, jsx_runtime_1.jsx)("div", { className: Accordion_module_scss_1.default.content, children: content }) })] }, itemId));
-});

package/dist/scripts/src/components/Accordion/AccordionNative.js

@@ -1,141 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionComponent = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const RAccordion = __importStar(require("@radix-ui/react-accordion"));
-const classnames_1 = __importDefault(require("classnames"));
-const Accordion_module_scss_1 = __importDefault(require("./Accordion.module.scss"));
-const constants_1 = require("../../components-core/constants");
-const AccordionContext_1 = require("../../components/Accordion/AccordionContext");
-exports.defaultProps = {
-    hideIcon: false,
-    collapsedIcon: "chevrondown",
-    triggerPosition: "end",
-    rotateExpanded: "180deg",
-};
-exports.AccordionComponent = (0, react_1.forwardRef)(function AccordionComponent(_a, forwardedRef) {
-    var { className, style, children, hideIcon = exports.defaultProps.hideIcon, expandedIcon, collapsedIcon = exports.defaultProps.collapsedIcon, triggerPosition = exports.defaultProps.triggerPosition, onDisplayDidChange = constants_1.noop, registerComponentApi, rotateExpanded = exports.defaultProps.rotateExpanded } = _a, rest = __rest(_a, ["className", "style", "children", "hideIcon", "expandedIcon", "collapsedIcon", "triggerPosition", "onDisplayDidChange", "registerComponentApi", "rotateExpanded"]);
-    const [expandedItems, setExpandedItems] = (0, react_1.useState)([]);
-    const [itemElements, setItemElements] = (0, react_1.useState)(new Set());
-    const collapseItem = (0, react_1.useCallback)((id) => {
-        setExpandedItems((prev) => prev.filter((item) => item !== `${id}`));
-    }, [setExpandedItems]);
-    const expandItem = (0, react_1.useCallback)((id) => {
-        if (!expandedItems.includes(`${id}`)) {
-            setExpandedItems((prev) => [...prev, `${id}`]);
-        }
-    }, [setExpandedItems, expandedItems]);
-    const toggleItem = (0, react_1.useCallback)((id) => {
-        if (expandedItems.includes(`${id}`)) {
-            collapseItem(id);
-        }
-        else {
-            expandItem(id);
-        }
-    }, [collapseItem, expandItem, expandedItems]);
-    const register = (0, react_1.useCallback)((id) => {
-        setItemElements((prev) => {
-            prev.add(id);
-            return prev;
-        });
-    }, [setItemElements]);
-    const unRegister = (0, react_1.useCallback)((id) => {
-        setItemElements((prev) => {
-            prev.delete(id);
-            return prev;
-        });
-    }, [setItemElements]);
-    const focusItem = (0, react_1.useCallback)((id) => {
-        if (itemElements.has(`trigger_${id}`)) {
-            const trigger = document.getElementById(`trigger_${id}`);
-            if (trigger) {
-                trigger.focus();
-            }
-        }
-    }, [itemElements]);
-    const isExpanded = (0, react_1.useCallback)((id) => {
-        return expandedItems.includes(`${id}`);
-    }, [expandedItems]);
-    (0, react_1.useEffect)(() => {
-        registerComponentApi === null || registerComponentApi === void 0 ? void 0 : registerComponentApi({
-            expanded: isExpanded,
-            expand: expandItem,
-            collapse: collapseItem,
-            toggle: toggleItem,
-            focus: focusItem,
-        });
-    }, [registerComponentApi, expandItem, collapseItem, toggleItem, focusItem, isExpanded]);
-    const contextValue = (0, react_1.useMemo)(() => ({
-        register,
-        unRegister,
-        expandItem,
-        expandedItems,
-        hideIcon,
-        expandedIcon,
-        collapsedIcon,
-        triggerPosition,
-        rotateExpanded,
-    }), [
-        register,
-        unRegister,
-        expandedItems,
-        hideIcon,
-        expandedIcon,
-        collapsedIcon,
-        triggerPosition,
-        expandItem,
-        rotateExpanded,
-    ]);
-    (0, react_1.useEffect)(() => {
-        onDisplayDidChange === null || onDisplayDidChange === void 0 ? void 0 : onDisplayDidChange(expandedItems);
-    }, [expandedItems, onDisplayDidChange]);
-    return ((0, jsx_runtime_1.jsx)(AccordionContext_1.AccordionContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(RAccordion.Root, Object.assign({}, rest, { style: style, ref: forwardedRef, value: expandedItems, type: "multiple", className: (0, classnames_1.default)(Accordion_module_scss_1.default.root, className), onValueChange: (value) => setExpandedItems(value), children: children })) }));
-});

package/dist/scripts/src/components/Animation/AnimationNative.js

@@ -1,263 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Animation = exports.parseAnimation = exports.defaultProps = void 0;
-exports.parseAnimationOptions = parseAnimationOptions;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const web_1 = require("@react-spring/web");
-const react_1 = __importStar(require("react"));
-const react_2 = require("react");
-const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
-const lodash_es_1 = require("lodash-es");
-const AnimatedComponent = (0, web_1.animated)((0, react_1.forwardRef)(function InlineComponentDef(props, ref) {
-    const { children } = props, rest = __rest(props, ["children"]);
-    if (!react_1.default.isValidElement(children)) {
-        return children;
-    }
-    return react_1.default.cloneElement(children, Object.assign(Object.assign({}, rest), { ref }));
-}));
-exports.defaultProps = {
-    delay: 0,
-    animateWhenInView: false,
-    reverse: false,
-    loop: false,
-    once: false,
-};
-const parseAnimation = (animation) => {
-    if (typeof animation === "object") {
-        return animation;
-    }
-    const presetAnimations = {
-        fadein: {
-            from: { opacity: 0 },
-            to: { opacity: 1 },
-        },
-        fadeout: {
-            from: { opacity: 1 },
-            to: { opacity: 0 },
-        },
-        slidein: {
-            from: { transform: "translateX(-100%)" },
-            to: { transform: "translateX(0%)" },
-        },
-        slideout: {
-            from: { transform: "translateX(0%)" },
-            to: { transform: "translateX(100%)" },
-        },
-        popin: {
-            from: { transform: "scale(0.8)", opacity: 0 },
-            to: { transform: "scale(1)", opacity: 1 },
-        },
-        popout: {
-            from: { transform: "scale(1)", opacity: 1 },
-            to: { transform: "scale(0.8)", opacity: 0 },
-        },
-        flipin: {
-            from: { transform: "rotateY(90deg)", opacity: 0 },
-            to: { transform: "rotateY(0deg)", opacity: 1 },
-        },
-        flipout: {
-            from: { transform: "rotateY(0deg)", opacity: 1 },
-            to: { transform: "rotateY(90deg)", opacity: 0 },
-        },
-        rotatein: {
-            from: { transform: "rotate(-180deg)", opacity: 0 },
-            to: { transform: "rotate(0deg)", opacity: 1 },
-        },
-        rotateout: {
-            from: { transform: "rotate(0deg)", opacity: 1 },
-            to: { transform: "rotate(180deg)", opacity: 0 },
-        },
-        zoomin: {
-            from: { transform: "scale(0)", opacity: 0 },
-            to: { transform: "scale(1)", opacity: 1 },
-        },
-        zoomout: {
-            from: { transform: "scale(1)", opacity: 1 },
-            to: { transform: "scale(0)", opacity: 0 },
-        },
-    };
-    return presetAnimations[animation] || { from: {}, to: {} };
-};
-exports.parseAnimation = parseAnimation;
-/**
- * Helper function to parse a single animation-specific option value.
- */
-function parseAnimationOptionValue(name, value) {
-    switch (name) {
-        case "duration":
-        case "delay":
-            const num = parseInt(value, 10);
-            return isNaN(num) ? undefined : num;
-        case "animateWhenInView":
-        case "reverse":
-        case "loop":
-        case "once":
-            const lowerVal = value.toLowerCase();
-            if (lowerVal === "true" || lowerVal === "1" || lowerVal === "yes")
-                return true;
-            if (lowerVal === "false" || lowerVal === "0" || lowerVal === "no")
-                return false;
-            return undefined;
-        default:
-            return undefined;
-    }
-}
-/**
- * Parses animation options from a string or object.
- */
-function parseAnimationOptions(input) {
-    if ((0, lodash_es_1.isPlainObject)(input)) {
-        return input;
-    }
-    if (typeof input === "string") {
-        const options = {};
-        const values = input
-            .split(";")
-            .map((value) => value.trim())
-            .filter((value) => value.length > 0);
-        for (const value of values) {
-            if (value.includes(":")) {
-                const [name, val] = value.split(":").map((part) => part.trim());
-                if (name && val) {
-                    const parsedValue = parseAnimationOptionValue(name, val);
-                    if (parsedValue !== undefined) {
-                        options[name] = parsedValue;
-                    }
-                }
-            }
-            else {
-                const booleanOptions = ["animateWhenInView", "reverse", "loop", "once"];
-                if (booleanOptions.includes(value)) {
-                    options[value] = true;
-                }
-                else if (value.startsWith("!") && value.length > 1) {
-                    const optionName = value.substring(1);
-                    if (booleanOptions.includes(optionName)) {
-                        options[optionName] = false;
-                    }
-                }
-            }
-        }
-        return options;
-    }
-    return {};
-}
-exports.Animation = (0, react_1.forwardRef)(function Animation(_a, forwardedRef) {
-    var { children, registerComponentApi, animation, duration, onStop, onStart, delay = exports.defaultProps.delay, animateWhenInView = exports.defaultProps.animateWhenInView, reverse = exports.defaultProps.reverse, loop = exports.defaultProps.loop, once = exports.defaultProps.once } = _a, rest = __rest(_a, ["children", "registerComponentApi", "animation", "duration", "onStop", "onStart", "delay", "animateWhenInView", "reverse", "loop", "once"]);
-    const [_animation] = (0, react_1.useState)(animation);
-    const [toggle, setToggle] = (0, react_1.useState)(false);
-    const [reset, setReset] = (0, react_1.useState)(false);
-    const [count, setCount] = (0, react_1.useState)(0);
-    const times = 1;
-    const animationId = (0, react_1.useId)();
-    const animationSettings = (0, react_1.useMemo)(() => ({
-        from: _animation.from,
-        to: _animation.to,
-        config: Object.assign(Object.assign({}, _animation.config), { duration }),
-        delay,
-        loop,
-        reset,
-        reverse: toggle,
-        onRest: () => {
-            onStop === null || onStop === void 0 ? void 0 : onStop();
-            if (loop) {
-                if (reverse) {
-                    setCount(count + 1);
-                    setToggle(!toggle);
-                }
-                setReset(true);
-            }
-            else {
-                if (reverse && count < times) {
-                    setCount(count + 1);
-                    setToggle(!toggle);
-                }
-            }
-        },
-        onStart: () => {
-            onStart === null || onStart === void 0 ? void 0 : onStart();
-        },
-    }), [
-        _animation.config,
-        _animation.from,
-        _animation.to,
-        count,
-        delay,
-        duration,
-        loop,
-        onStart,
-        onStop,
-        reset,
-        once,
-        reverse,
-        toggle,
-    ]);
-    const [springs, api] = (0, web_1.useSpring)(() => (Object.assign({}, animationSettings)), [animationSettings]);
-    const [ref, animationStyles] = (0, web_1.useInView)(() => animationSettings, {
-        once,
-    });
-    const composedRef = ref ? (0, react_compose_refs_1.composeRefs)(ref, forwardedRef) : forwardedRef;
-    const startAnimation = (0, react_2.useCallback)(() => {
-        void api.start(_animation);
-        return () => {
-            api.stop();
-        };
-    }, [_animation, api]);
-    const stopAnimation = (0, react_2.useCallback)(() => {
-        api.stop();
-    }, [api]);
-    (0, react_1.useEffect)(() => {
-        registerComponentApi === null || registerComponentApi === void 0 ? void 0 : registerComponentApi({
-            start: startAnimation,
-            stop: stopAnimation,
-        });
-    }, [registerComponentApi, startAnimation, stopAnimation]);
-    const content = (0, react_1.useMemo)(() => {
-        return react_1.Children.map(children, (child, index) => animateWhenInView ? ((0, jsx_runtime_1.jsx)(AnimatedComponent, Object.assign({}, rest, { style: animationStyles, ref: composedRef, children: child }), index)) : ((0, jsx_runtime_1.jsx)(AnimatedComponent, Object.assign({}, rest, { style: springs, ref: forwardedRef, children: child }), index)));
-    }, [animateWhenInView, animationStyles, children, springs, rest, composedRef, forwardedRef]);
-    return content;
-});