@enact-ui/animate 0.1.0 → 0.2.0

package/api-schema.json

@@ -0,0 +1,206 @@
+{
+    "package": "@enact-ui/animate",
+    "version": "0.1.0",
+    "extractedAt": "2026-01-04T19:10:38.245Z",
+    "components": {
+        "StaggerContainer": {
+            "name": "StaggerContainer",
+            "props": {
+                "children": {
+                    "name": "children",
+                    "type": "ReactNode",
+                    "required": true
+                },
+                "style": {
+                    "name": "style",
+                    "type": "MotionStyle",
+                    "required": false
+                },
+                "direction": {
+                    "name": "direction",
+                    "type": "StaggerDirection",
+                    "required": false
+                },
+                "delay": {
+                    "name": "delay",
+                    "type": "number",
+                    "required": false
+                },
+                "maxDelay": {
+                    "name": "maxDelay",
+                    "type": "number",
+                    "required": false
+                },
+                "useSpring": {
+                    "name": "useSpring",
+                    "type": "boolean",
+                    "required": false
+                },
+                "getDelay": {
+                    "name": "getDelay",
+                    "type": "(index: number, total: number) => number",
+                    "required": false
+                },
+                "className": {
+                    "name": "className",
+                    "type": "string",
+                    "required": false
+                },
+                "as": {
+                    "name": "as",
+                    "type": "\"div\" | \"ul\" | \"ol\" | \"section\" | \"article\" | \"nav\"",
+                    "values": ["div", "ul", "ol", "section", "article", "nav"],
+                    "required": false
+                },
+                "animate": {
+                    "name": "animate",
+                    "type": "boolean",
+                    "required": false
+                },
+                "onAnimationComplete": {
+                    "name": "onAnimationComplete",
+                    "type": "() => void",
+                    "required": false
+                }
+            },
+            "sourceFile": "src/components/StaggerContainer.tsx"
+        },
+        "MotionDiv": {
+            "name": "MotionDiv",
+            "props": {
+                "preset": {
+                    "name": "preset",
+                    "type": "ComponentPreset",
+                    "required": true
+                },
+                "exit": {
+                    "name": "exit",
+                    "type": "ComponentPreset",
+                    "required": false
+                },
+                "as": {
+                    "name": "as",
+                    "type": "MotionElements",
+                    "required": false
+                },
+                "motionStyle": {
+                    "name": "motionStyle",
+                    "type": "MotionStyle",
+                    "required": false
+                },
+                "presetOptions": {
+                    "name": "presetOptions",
+                    "type": "PresetOptions",
+                    "required": false
+                },
+                "enabled": {
+                    "name": "enabled",
+                    "type": "boolean",
+                    "required": false
+                },
+                "skipInitial": {
+                    "name": "skipInitial",
+                    "type": "boolean",
+                    "required": false
+                },
+                "children": {
+                    "name": "children",
+                    "type": "ReactNode",
+                    "required": false
+                }
+            },
+            "sourceFile": "src/components/MotionDiv.tsx"
+        },
+        "CountUp": {
+            "name": "CountUp",
+            "props": {
+                "to": {
+                    "name": "to",
+                    "type": "number",
+                    "required": true
+                },
+                "from": {
+                    "name": "from",
+                    "type": "number",
+                    "required": false
+                },
+                "duration": {
+                    "name": "duration",
+                    "type": "number",
+                    "required": false
+                },
+                "motionStyle": {
+                    "name": "motionStyle",
+                    "type": "MotionStyle",
+                    "required": false
+                },
+                "easing": {
+                    "name": "easing",
+                    "type": "CountUpEasing",
+                    "required": false
+                },
+                "decimals": {
+                    "name": "decimals",
+                    "type": "number",
+                    "required": false
+                },
+                "useLocale": {
+                    "name": "useLocale",
+                    "type": "boolean",
+                    "required": false
+                },
+                "locale": {
+                    "name": "locale",
+                    "type": "string",
+                    "required": false
+                },
+                "formatter": {
+                    "name": "formatter",
+                    "type": "(value: number) => string",
+                    "required": false
+                },
+                "delay": {
+                    "name": "delay",
+                    "type": "number",
+                    "required": false
+                },
+                "autoStart": {
+                    "name": "autoStart",
+                    "type": "boolean",
+                    "required": false
+                },
+                "onComplete": {
+                    "name": "onComplete",
+                    "type": "() => void",
+                    "required": false
+                },
+                "onUpdate": {
+                    "name": "onUpdate",
+                    "type": "(value: number) => void",
+                    "required": false
+                },
+                "prefix": {
+                    "name": "prefix",
+                    "type": "string",
+                    "required": false
+                },
+                "suffix": {
+                    "name": "suffix",
+                    "type": "string",
+                    "required": false
+                },
+                "enabled": {
+                    "name": "enabled",
+                    "type": "boolean",
+                    "required": false
+                },
+                "children": {
+                    "name": "children",
+                    "type": "(props: { value: number",
+                    "required": false
+                }
+            },
+            "sourceFile": "src/components/CountUp.tsx"
+        }
+    }
+}

package/dist/components/CountUp.d.ts

@@ -0,0 +1,84 @@
+/**
+ * CountUp Component
+ *
+ * Renders an animated number that counts from one value to another.
+ * Uses useCountUp hook internally with a convenient component API.
+ *
+ * @packageDocumentation
+ */
+import type { FC, HTMLAttributes } from "react";
+import { type CountUpEasing } from "../hooks/use-count-up";
+import type { MotionStyle } from "../presets/motion-styles";
+export interface CountUpProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
+    /** Target value to count to. Required. */
+    to: number;
+    /** Starting value. Defaults to 0. */
+    from?: number;
+    /** Duration in milliseconds. */
+    duration?: number;
+    /** Motion style for timing. Defaults to "standard". */
+    motionStyle?: MotionStyle;
+    /** Easing function. Defaults to "easeOutExpo". */
+    easing?: CountUpEasing;
+    /** Number of decimal places. Defaults to 0. */
+    decimals?: number;
+    /** Whether to use locale-specific formatting. Defaults to true. */
+    useLocale?: boolean;
+    /** Locale for formatting. */
+    locale?: string;
+    /** Custom formatter function. */
+    formatter?: (value: number) => string;
+    /** Delay before starting in ms. */
+    delay?: number;
+    /** Whether to start automatically. Defaults to true. */
+    autoStart?: boolean;
+    /** Callback when animation completes. */
+    onComplete?: () => void;
+    /** Callback on each value update. */
+    onUpdate?: (value: number) => void;
+    /** Prefix before the number (e.g., "$"). */
+    prefix?: string;
+    /** Suffix after the number (e.g., "%"). */
+    suffix?: string;
+    /** Whether animation is enabled. Defaults to true. */
+    enabled?: boolean;
+    /** Render prop for custom rendering. Receives value and displayValue. */
+    children?: (props: {
+        value: number;
+        displayValue: string;
+        isAnimating: boolean;
+    }) => React.ReactNode;
+}
+/**
+ * CountUp - Animated number counter component
+ *
+ * Displays a number that animates from a starting value to a target value.
+ * Supports formatting, prefixes, suffixes, and custom rendering.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CountUp to={1000} />
+ *
+ * // With formatting
+ * <CountUp to={99.5} decimals={1} suffix="%" />
+ *
+ * // Currency
+ * <CountUp to={1234567} prefix="$" useLocale />
+ *
+ * // Custom duration and easing
+ * <CountUp to={500} duration={2000} easing="spring" />
+ *
+ * // Render prop for custom styling
+ * <CountUp to={100}>
+ *   {({ displayValue, isAnimating }) => (
+ *     <span className={isAnimating ? "text-blue-500" : "text-green-500"}>
+ *       {displayValue}
+ *     </span>
+ *   )}
+ * </CountUp>
+ * ```
+ */
+export declare const CountUp: FC<CountUpProps>;
+export default CountUp;
+//# sourceMappingURL=CountUp.d.ts.map

package/dist/components/CountUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountUp.d.ts","sourceRoot":"","sources":["../../src/components/CountUp.tsx"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,aAAa,EAAsC,MAAM,uBAAuB,CAAC;AAC/F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAM5D,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACnF,0CAA0C;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,kDAAkD;IAClD,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iCAAiC;IACjC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACxG;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkDpC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/CountUp.js

@@ -0,0 +1,68 @@
+// Copyright (c) 2026 Amsterdam Data Labs
+"use client";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useCountUp } from "../hooks/use-count-up";
+// =============================================================================
+// Component
+// =============================================================================
+/**
+ * CountUp - Animated number counter component
+ *
+ * Displays a number that animates from a starting value to a target value.
+ * Supports formatting, prefixes, suffixes, and custom rendering.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CountUp to={1000} />
+ *
+ * // With formatting
+ * <CountUp to={99.5} decimals={1} suffix="%" />
+ *
+ * // Currency
+ * <CountUp to={1234567} prefix="$" useLocale />
+ *
+ * // Custom duration and easing
+ * <CountUp to={500} duration={2000} easing="spring" />
+ *
+ * // Render prop for custom styling
+ * <CountUp to={100}>
+ *   {({ displayValue, isAnimating }) => (
+ *     <span className={isAnimating ? "text-blue-500" : "text-green-500"}>
+ *       {displayValue}
+ *     </span>
+ *   )}
+ * </CountUp>
+ * ```
+ */
+export const CountUp = ({ to, from = 0, duration, motionStyle = "standard", easing = "easeOutExpo", decimals = 0, useLocale = true, locale, formatter, delay = 0, autoStart = true, onComplete, onUpdate, prefix = "", suffix = "", enabled = true, children, ...spanProps }) => {
+    // Build hook options, only including defined optional values
+    const hookOptions = {
+        from,
+        to,
+        motionStyle,
+        easing,
+        decimals,
+        useLocale,
+        delay,
+        autoStart,
+        prefix,
+        suffix,
+        enabled,
+        // Only include optional props if they are defined
+        ...(duration !== undefined && { duration }),
+        ...(locale !== undefined && { locale }),
+        ...(formatter !== undefined && { formatter }),
+        ...(onComplete !== undefined && { onComplete }),
+        ...(onUpdate !== undefined && { onUpdate }),
+    };
+    const { value, displayValue, isAnimating } = useCountUp(hookOptions);
+    // Render prop pattern
+    if (typeof children === "function") {
+        return _jsx(_Fragment, { children: children({ value, displayValue, isAnimating }) });
+    }
+    // Default rendering
+    return _jsx("span", { ...spanProps, children: displayValue });
+};
+export default CountUp;
+//# sourceMappingURL=CountUp.js.map

package/dist/components/CountUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountUp.js","sourceRoot":"","sources":["../../src/components/CountUp.tsx"],"names":[],"mappings":"AAAA,yCAAyC;AAEzC,YAAY,CAAC;;AAYb,OAAO,EAA8C,UAAU,EAAE,MAAM,uBAAuB,CAAC;AA4C/F,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EACtC,EAAE,EACF,IAAI,GAAG,CAAC,EACR,QAAQ,EACR,WAAW,GAAG,UAAU,EACxB,MAAM,GAAG,aAAa,EACtB,QAAQ,GAAG,CAAC,EACZ,SAAS,GAAG,IAAI,EAChB,MAAM,EACN,SAAS,EACT,KAAK,GAAG,CAAC,EACT,SAAS,GAAG,IAAI,EAChB,UAAU,EACV,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,GAAG,SAAS,EACf,EAAE,EAAE;IACD,6DAA6D;IAC7D,MAAM,WAAW,GAAsB;QACnC,IAAI;QACJ,EAAE;QACF,WAAW;QACX,MAAM;QACN,QAAQ;QACR,SAAS;QACT,KAAK;QACL,SAAS;QACT,MAAM;QACN,MAAM;QACN,OAAO;QACP,kDAAkD;QAClD,GAAG,CAAC,QAAQ,KAAK,SAAS,IAAI,EAAE,QAAQ,EAAE,CAAC;QAC3C,GAAG,CAAC,MAAM,KAAK,SAAS,IAAI,EAAE,MAAM,EAAE,CAAC;QACvC,GAAG,CAAC,SAAS,KAAK,SAAS,IAAI,EAAE,SAAS,EAAE,CAAC;QAC7C,GAAG,CAAC,UAAU,KAAK,SAAS,IAAI,EAAE,UAAU,EAAE,CAAC;QAC/C,GAAG,CAAC,QAAQ,KAAK,SAAS,IAAI,EAAE,QAAQ,EAAE,CAAC;KAC9C,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAErE,sBAAsB;IACtB,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACjC,OAAO,4BAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC,GAAI,CAAC;IACjE,CAAC;IAED,oBAAoB;IACpB,OAAO,kBAAU,SAAS,YAAG,YAAY,GAAQ,CAAC;AACtD,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/MotionDiv.d.ts

@@ -0,0 +1,159 @@
+/**
+ * MotionDiv Component
+ *
+ * A typed wrapper around motion.div that integrates with the preset system.
+ * Provides a convenient way to apply animation presets without manually
+ * spreading props.
+ *
+ * @packageDocumentation
+ */
+import { motion } from "motion/react";
+import type { ComponentPropsWithoutRef, ReactElement, ReactNode } from "react";
+import type { ComponentPreset, PresetOptions } from "../presets/component-presets";
+import type { MotionStyle } from "../presets/motion-styles";
+/**
+ * Supported HTML elements for the `as` prop.
+ * Motion components are created dynamically for these elements.
+ */
+type MotionElements = "div" | "span" | "section" | "article" | "main" | "aside" | "header" | "footer" | "nav" | "ul" | "ol" | "li" | "button" | "a";
+/**
+ * Props for the MotionDiv component.
+ */
+export interface MotionDivProps extends Omit<ComponentPropsWithoutRef<typeof motion.div>, "initial" | "animate" | "exit" | "transition"> {
+    /** The animation preset to apply */
+    preset: ComponentPreset;
+    /**
+     * Exit animation preset (for use with AnimatePresence).
+     * If not provided, uses the main preset's exit animation.
+     */
+    exit?: ComponentPreset;
+    /**
+     * Render as a different HTML element.
+     * Supports semantic HTML elements for accessibility.
+     * @default "div"
+     */
+    as?: MotionElements;
+    /** Motion style (subtle, standard, bold, playful) */
+    motionStyle?: MotionStyle;
+    /** Preset customization options */
+    presetOptions?: PresetOptions;
+    /** Whether animation is enabled */
+    enabled?: boolean;
+    /** Skip initial animation (useful for SSR) */
+    skipInitial?: boolean;
+    /** Child content */
+    children?: ReactNode;
+}
+/**
+ * A motion.div wrapper that integrates with animation presets.
+ *
+ * This component simplifies the use of animation presets by handling
+ * the hook usage internally and providing a clean component API.
+ *
+ * Note: This component requires motion/react to be installed.
+ * It's a convenience wrapper that re-exports motion.div with preset support.
+ *
+ * @ai-hint Use MotionDiv when you want a simple way to animate a div
+ * with a preset. For more control, use useComponentAnimation directly.
+ *
+ * @example
+ * ```tsx
+ * import { MotionDiv, fadeIn } from "@enact-ui/animate";
+ *
+ * function AnimatedCard() {
+ *   return (
+ *     <MotionDiv preset={fadeIn} motionStyle="standard">
+ *       <Card>Content</Card>
+ *     </MotionDiv>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With custom options
+ * <MotionDiv
+ *   preset={slideUp}
+ *   motionStyle="bold"
+ *   presetOptions={{ distance: 40, delay: 100 }}
+ *   className="my-class"
+ * >
+ *   Content
+ * </MotionDiv>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With AnimatePresence for exit animations
+ * import { AnimatePresence } from "motion/react";
+ *
+ * function Modal({ isOpen }) {
+ *   return (
+ *     <AnimatePresence>
+ *       {isOpen && (
+ *         <MotionDiv preset={scale} motionStyle="standard">
+ *           Modal content
+ *         </MotionDiv>
+ *       )}
+ *     </AnimatePresence>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With separate exit animation
+ * <MotionDiv preset={slideUp} exit={fadeOut}>
+ *   Content that slides up on enter, fades out on exit
+ * </MotionDiv>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Polymorphic - render as semantic HTML element
+ * <MotionDiv preset={fadeIn} as="section" className="my-section">
+ *   <h2>Section Title</h2>
+ *   <p>Section content...</p>
+ * </MotionDiv>
+ * ```
+ */
+export declare function MotionDiv({ preset, exit: exitPreset, as, motionStyle, presetOptions, enabled, skipInitial, children, ...motionProps }: MotionDivProps): ReactElement;
+/**
+ * Factory function to create motion props from a preset.
+ *
+ * Use this when you need the animation props without a component wrapper.
+ * This is useful when you want to spread props onto your own motion element.
+ *
+ * @param preset - The animation preset
+ * @param style - Motion style
+ * @param options - Preset options
+ * @returns Props object to spread on motion.div
+ *
+ * @example
+ * ```tsx
+ * import { motion } from "motion/react";
+ * import { createMotionProps, fadeIn } from "@enact-ui/animate";
+ *
+ * function MyComponent() {
+ *   const props = createMotionProps(fadeIn, "standard");
+ *
+ *   return (
+ *     <motion.div {...props}>
+ *       Content
+ *     </motion.div>
+ *   );
+ * }
+ * ```
+ */
+export declare function createMotionProps(preset: ComponentPreset, style?: MotionStyle, options?: PresetOptions): import("..").ComponentAnimationProps;
+/**
+ * Alias for createMotionProps. Use createMotionProps directly.
+ *
+ * @param preset - The animation preset
+ * @param style - Motion style
+ * @param options - Preset options
+ * @returns Props object to spread on motion.div
+ */
+export declare function createAccessibleMotionProps(preset: ComponentPreset, style?: MotionStyle, options?: PresetOptions): import("..").ComponentAnimationProps;
+export default MotionDiv;
+//# sourceMappingURL=MotionDiv.d.ts.map

package/dist/components/MotionDiv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MotionDiv.d.ts","sourceRoot":"","sources":["../../src/components/MotionDiv.tsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,EAAE,wBAAwB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACnF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAS5D;;;GAGG;AACH,KAAK,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,GAAG,CAAC;AAMpJ;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,CAAC;IACpI,oCAAoC;IACpC,MAAM,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;OAIG;IACH,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,qDAAqD;IACrD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,mCAAmC;IACnC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,wBAAgB,SAAS,CAAC,EACtB,MAAM,EACN,IAAI,EAAE,UAAU,EAChB,EAAU,EACV,WAAwB,EACxB,aAAa,EACb,OAAc,EACd,WAAmB,EACnB,QAAQ,EACR,GAAG,WAAW,EACjB,EAAE,cAAc,GAAG,YAAY,CAmC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,GAAE,WAAwB,EAAE,OAAO,CAAC,EAAE,aAAa,wCAElH;AAED;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,GAAE,WAAwB,EAAE,OAAO,CAAC,EAAE,aAAa,wCAE5H;AAED,eAAe,SAAS,CAAC"}