@digdir/designsystemet-react 1.1.2 → 1.1.4

package/dist/esm/components/ToggleGroup/index.js

@@ -1,20 +0,0 @@
-'use client';
-import { ToggleGroup as ToggleGroup$1 } from './ToggleGroup.js';
-import { ToggleGroupItem } from './ToggleGroupItem.js';
-
-/**
- * Display a group of buttons that can be toggled between.
- *
- * @example
- * <ToggleGroup onChange={(value) => console.log(value)}>
- *   <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
- *   <ToggleGroup.Item value='2'>Toggle 2</ToggleGroup.Item>
- *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
- * </ToggleGroup>
- */
-const ToggleGroup = Object.assign(ToggleGroup$1, {
-    Item: ToggleGroupItem,
-});
-ToggleGroup.Item.displayName = 'ToggleGroup.Item';
-
-export { ToggleGroup, ToggleGroupItem };

package/dist/esm/components/ToggleGroup/useToggleGroupitem.js

@@ -1,30 +0,0 @@
-'use client';
-import { useId, useContext } from 'react';
-import { ToggleGroupContext } from './ToggleGroup.js';
-
-/** Handles props for `ToggleGroup.Item` in context with `ToggleGroup` and `RovingFocus` */
-const useToggleGroupItem = (props) => {
-    const { ...rest } = props;
-    const genValue = useId();
-    const toggleGroup = useContext(ToggleGroupContext);
-    const value = props.value ?? genValue;
-    const active = toggleGroup.value === value;
-    const buttonId = `togglegroup-item-${useId()}`;
-    return {
-        ...rest,
-        active: active,
-        value,
-        buttonProps: {
-            id: buttonId,
-            'aria-checked': active,
-            'aria-current': active,
-            role: 'radio',
-            name: toggleGroup.name,
-            onClick: () => {
-                toggleGroup.onChange?.(value);
-            },
-        },
-    };
-};
-
-export { useToggleGroupItem };

package/dist/esm/components/Tooltip/Tooltip.js

@@ -1,150 +0,0 @@
-'use client';
-import { jsxs, Fragment as Fragment$1, jsx } from 'react/jsx-runtime';
-import { autoUpdate, computePosition, offset, flip, shift } from '@floating-ui/dom';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef, useId, useState, useRef, useEffect, Fragment, version } from 'react';
-import { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs.js';
-
-/**
- * Tooltip component that displays a small piece of information when hovering or focusing on an element.
- *
- * @example
- * <Tooltip content='This is a tooltip'>
- *  <button>Hover me</button>
- * </Tooltip>
- *
- * @example
- * <Tooltip content='This is a tooltip'>
- *  Hover me
- * </Tooltip>
- */
-const Tooltip = forwardRef(function Tooltip({ id, children, content, placement = 'top', autoPlacement = true, open, className, ...rest }, ref) {
-    const randomTooltipId = useId();
-    const [internalOpen, setInternalOpen] = useState(false);
-    const triggerRef = useRef(null);
-    const tooltipRef = useRef(null);
-    const mergedRefs = useMergeRefs([tooltipRef, ref]);
-    const controlledOpen = open ?? internalOpen;
-    const setOpen = () => {
-        setInternalOpen(true);
-    };
-    const setClose = () => {
-        setInternalOpen(false);
-    };
-    // Position with floating-ui
-    useEffect(() => {
-        const tooltip = tooltipRef.current;
-        const trigger = triggerRef.current;
-        tooltip?.togglePopover?.(controlledOpen);
-        if (tooltip)
-            tooltip.style.opacity = controlledOpen ? '1' : '0';
-        if (tooltip && trigger && controlledOpen) {
-            return autoUpdate(trigger, tooltip, () => {
-                computePosition(trigger, tooltip, {
-                    placement,
-                    strategy: 'fixed',
-                    middleware: [
-                        offset((data) => {
-                            // get pseudo element arrow size
-                            const styles = getComputedStyle(data.elements.floating, '::before');
-                            return parseFloat(styles.height);
-                        }),
-                        ...(autoPlacement
-                            ? [flip({ fallbackAxisSideDirection: 'start' }), shift()]
-                            : []),
-                        shift(),
-                        arrowPseudoElement,
-                        safeAreaElement,
-                    ],
-                }).then(({ x, y }) => {
-                    tooltip.style.translate = `${x}px ${y}px`;
-                });
-            });
-        }
-    }, [controlledOpen, placement]);
-    /* Add listener for ESC to dismiss */
-    useEffect(() => {
-        const handleKeyDown = (event) => {
-            if (event.key === 'Escape') {
-                setInternalOpen(false);
-            }
-        };
-        window.addEventListener('keydown', handleKeyDown);
-        return () => {
-            window.removeEventListener('keydown', handleKeyDown);
-        };
-    }, []);
-    /* If children is only a string, make a span */
-    const ChildContainer = typeof children === 'string' ? 'span' : Slot;
-    /* Make sure it is valid */
-    if (typeof children !== 'string' && children.type === Fragment) {
-        console.error('<Tooltip> children needs to be a single ReactElement that can receive a ref and not: <Fragment/> | <></>');
-        return null;
-    }
-    const popoverProps = {
-        [version.startsWith('19') ? 'popoverTarget' : 'popovertarget']: id ?? randomTooltipId,
-        [version.startsWith('19')
-            ? 'popoverTargetAction'
-            : 'popovertargetaction']: 'show',
-    };
-    return (jsxs(Fragment$1, { children: [jsx(ChildContainer, { ref: triggerRef, ...popoverProps, onMouseEnter: setOpen, onMouseLeave: setClose, onFocus: setOpen, onBlur: setClose, children: children }), jsx("span", { onMouseEnter: setOpen, onMouseLeave: setClose, ref: mergedRefs, role: 'tooltip', className: cl('ds-tooltip', className), id: id ?? randomTooltipId, popover: 'manual', ...rest, children: content })] }));
-});
-const arrowPseudoElement = {
-    name: 'ArrowPseudoElement',
-    fn(data) {
-        const { elements, rects, placement } = data;
-        let arrowX = `${Math.round(rects.reference.width / 2 + rects.reference.x - data.x)}px`;
-        let arrowY = `${Math.round(rects.reference.height / 2 + rects.reference.y - data.y)}px`;
-        switch (placement) {
-            case 'top':
-                arrowY = '100%';
-                break;
-            case 'right':
-                arrowX = '0';
-                break;
-            case 'bottom':
-                arrowY = '0';
-                break;
-            case 'left':
-                arrowX = '100%';
-                break;
-        }
-        elements.floating.style.setProperty('--dsc-tooltip-arrow-x', arrowX);
-        elements.floating.style.setProperty('--dsc-tooltip-arrow-y', arrowY);
-        return data;
-    },
-};
-const safeAreaElement = {
-    name: 'SafeAreaElement',
-    fn(data) {
-        const { elements, placement } = data;
-        let width = '100%';
-        let height = 'var(--dsc-tooltip-arrow-size)';
-        let translate = '0px';
-        switch (placement) {
-            case 'top':
-                translate = `-50% 0%`;
-                break;
-            case 'right':
-                height = '100%';
-                width = 'var(--dsc-tooltip-arrow-size)';
-                translate = '-100% -50%';
-                break;
-            case 'bottom':
-                translate = '-50% -100%';
-                break;
-            case 'left':
-                height = '100%';
-                width = 'var(--dsc-tooltip-arrow-size)';
-                translate = '0 -50%';
-                break;
-        }
-        elements.floating.style.setProperty('--_dsc-tooltip-safearea-height', height);
-        elements.floating.style.setProperty('--_dsc-tooltip-safearea-width', width);
-        elements.floating.style.setProperty('--_dsc-tooltip-safearea-translate', translate);
-        return data;
-    },
-};
-
-export { Tooltip };

package/dist/esm/utilities/RovingFocus/RovingFocusItem.js

@@ -1,68 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { forwardRef } from 'react';
-import { useRovingFocus } from './useRovingFocus.js';
-import { useMergeRefs } from '../hooks/useMergeRefs/useMergeRefs.js';
-
-/** Get the next focusable RovingFocusItem */
-function getNextFocusableValue(items, value) {
-    const currIndex = items.findIndex((item) => item.value === value);
-    return items.at(currIndex === items.length - 1 ? 0 : currIndex + 1);
-}
-/** Get the previous focusable RovingFocusItem */
-function getPrevFocusableValue(items, value) {
-    const currIndex = items.findIndex((item) => item.value === value);
-    return items.at(currIndex === 0 ? -1 : currIndex - 1);
-}
-const RovingFocusItem = forwardRef(({ value, asChild, ...rest }, ref) => {
-    const Component = asChild ? Slot : 'div';
-    const focusValue = value ?? (typeof rest.children === 'string' ? rest.children : '');
-    const { getOrderedItems, getRovingProps, orientation } = useRovingFocus(focusValue);
-    const rovingProps = getRovingProps({
-        onKeyDown: (e) => {
-            rest?.onKeyDown?.(e);
-            const items = getOrderedItems();
-            let nextItem;
-            switch (orientation) {
-                case 'horizontal':
-                    if (e.key === 'ArrowRight') {
-                        nextItem = getNextFocusableValue(items, focusValue);
-                    }
-                    if (e.key === 'ArrowLeft') {
-                        nextItem = getPrevFocusableValue(items, focusValue);
-                    }
-                    break;
-                case 'vertical':
-                    if (e.key === 'ArrowDown') {
-                        nextItem = getNextFocusableValue(items, focusValue);
-                    }
-                    if (e.key === 'ArrowUp') {
-                        nextItem = getPrevFocusableValue(items, focusValue);
-                    }
-                    break;
-                case 'ambiguous':
-                    if (['ArrowRight', 'ArrowDown'].includes(e.key)) {
-                        nextItem = getNextFocusableValue(items, focusValue);
-                    }
-                    if (['ArrowLeft', 'ArrowUp'].includes(e.key)) {
-                        nextItem = getPrevFocusableValue(items, focusValue);
-                    }
-            }
-            if (e.key === 'Home') {
-                nextItem = items[0];
-            }
-            if (e.key === 'End') {
-                nextItem = items[items.length - 1];
-            }
-            if (nextItem) {
-                e.preventDefault();
-                nextItem.element.focus();
-            }
-        },
-    });
-    const mergedRefs = useMergeRefs([ref, rovingProps.ref]);
-    return (jsx(Component, { ...rest, ...rovingProps, ref: mergedRefs, children: rest.children }));
-});
-
-export { RovingFocusItem, getNextFocusableValue, getPrevFocusableValue };

package/dist/esm/utilities/RovingFocus/RovingFocusRoot.js

@@ -1,69 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { forwardRef, useState, useRef, useEffect, createContext } from 'react';
-import { useMergeRefs } from '../hooks/useMergeRefs/useMergeRefs.js';
-
-const RovingFocusContext = createContext({
-    elements: { current: new Map() },
-    getOrderedItems: () => [],
-    setFocusableValue: () => {
-        /* intentionally empty */
-    },
-    onShiftTab: () => {
-        /* intentionally empty */
-    },
-    focusableValue: null,
-    orientation: 'horizontal',
-});
-const RovingFocusRoot = forwardRef(({ activeValue, asChild, orientation = 'horizontal', onBlur, onFocus, ...rest }, ref) => {
-    const Component = asChild ? Slot : 'div';
-    const [focusableValue, setFocusableValue] = useState(null);
-    const [isShiftTabbing, setIsShiftTabbing] = useState(false);
-    const elements = useRef(new Map());
-    const myRef = useRef(null);
-    const refs = useMergeRefs([ref, myRef]);
-    const getOrderedItems = () => {
-        if (!myRef.current)
-            return [];
-        const elementsFromDOM = Array.from(myRef.current.querySelectorAll('[data-roving-tabindex-item]'));
-        return Array.from(elements.current)
-            .sort((a, b) => elementsFromDOM.indexOf(a[1]) - elementsFromDOM.indexOf(b[1]))
-            .map(([value, element]) => ({ value, element }));
-    };
-    useEffect(() => {
-        setFocusableValue(activeValue ?? null);
-    }, [activeValue]);
-    return (jsx(RovingFocusContext.Provider, { value: {
-            elements,
-            getOrderedItems,
-            focusableValue,
-            setFocusableValue,
-            onShiftTab: () => {
-                setIsShiftTabbing(true);
-            },
-            orientation,
-        }, children: jsx(Component, { ...rest, tabIndex: isShiftTabbing ? -1 : 0, onBlur: (e) => {
-                onBlur?.(e);
-                setIsShiftTabbing(false);
-                setFocusableValue(activeValue ?? null);
-            }, onFocus: (e) => {
-                onFocus?.(e);
-                if (e.target !== e.currentTarget)
-                    return;
-                const orderedItems = getOrderedItems();
-                if (orderedItems.length === 0)
-                    return;
-                if (focusableValue != null) {
-                    elements.current.get(focusableValue)?.focus();
-                }
-                else if (activeValue != null) {
-                    elements.current.get(activeValue)?.focus();
-                }
-                else {
-                    orderedItems.at(0)?.element.focus();
-                }
-            }, ref: refs }) }));
-});
-
-export { RovingFocusContext, RovingFocusRoot };

package/dist/esm/utilities/RovingFocus/useRovingFocus.js

@@ -1,41 +0,0 @@
-'use client';
-import { useContext } from 'react';
-import { RovingFocusContext } from './RovingFocusRoot.js';
-
-// Logic from: https://www.joshuawootonn.com/react-roving-tabindex
-// Inspired by: https://github.com/radix-ui/primitives/tree/main/packages/react/roving-focus/src
-/** Handles props for `RovingFocus` in context with `RovingFocusRoot` */
-const useRovingFocus = (value) => {
-    const { elements, getOrderedItems, setFocusableValue, focusableValue, onShiftTab, orientation, } = useContext(RovingFocusContext);
-    return {
-        getOrderedItems,
-        isFocusable: focusableValue === value,
-        orientation,
-        getRovingProps: (props) => ({
-            ...props,
-            ref: (element) => {
-                if (element) {
-                    elements.current.set(value, element);
-                }
-                else {
-                    elements.current.delete(value);
-                }
-            },
-            onKeyDown: (e) => {
-                props?.onKeyDown?.(e);
-                if (e.shiftKey && e.key === 'Tab') {
-                    onShiftTab();
-                    return;
-                }
-            },
-            onFocus: (e) => {
-                props?.onFocus?.(e);
-                setFocusableValue(value);
-            },
-            'data-roving-tabindex-item': true,
-            tabIndex: focusableValue === value ? 0 : -1,
-        }),
-    };
-};
-
-export { useRovingFocus };

package/dist/esm/utilities/hooks/useMediaQuery/useMediaQuery.js

@@ -1,47 +0,0 @@
-'use client';
-import { useState } from 'react';
-import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
-
-// from https://usehooks-ts.com/react-hook/use-media-query
-const IS_SERVER = typeof window === 'undefined';
-function useMediaQuery(query, { defaultValue = false, initializeWithValue = true, } = {}) {
-    const getMatches = (query) => {
-        if (IS_SERVER) {
-            return defaultValue;
-        }
-        return window.matchMedia(query).matches;
-    };
-    const [matches, setMatches] = useState(() => {
-        if (initializeWithValue) {
-            return getMatches(query);
-        }
-        return defaultValue;
-    });
-    // Handles the change event of the media query.
-    function handleChange() {
-        setMatches(getMatches(query));
-    }
-    useIsomorphicLayoutEffect(() => {
-        const matchMedia = window.matchMedia(query);
-        // Triggered at the first client-side load and if query changes
-        handleChange();
-        // Use deprecated `addListener` and `removeListener` to support Safari < 14 (#135)
-        if (matchMedia.addListener) {
-            matchMedia.addListener(handleChange);
-        }
-        else {
-            matchMedia.addEventListener('change', handleChange);
-        }
-        return () => {
-            if (matchMedia.removeListener) {
-                matchMedia.removeListener(handleChange);
-            }
-            else {
-                matchMedia.removeEventListener('change', handleChange);
-            }
-        };
-    }, [query]);
-    return matches;
-}
-
-export { useMediaQuery };

package/dist/esm/utilities/hooks/usePagination/usePagination.js

@@ -1,95 +0,0 @@
-'use client';
-import { useMemo } from 'react';
-
-const getSteps = (now, max, show) => {
-    const offset = (show - 1) / 2;
-    const start = Math.min(Math.max(now - Math.floor(offset), 1), max - show + 1);
-    const end = Math.min(Math.max(now + Math.ceil(offset), show), max);
-    const pages = Array.from({ length: end + 1 - start }, (_, i) => i + start);
-    if (show > 4 && start > 1)
-        pages.splice(0, 2, 1, 0);
-    if (show > 3 && end < max)
-        pages.splice(-2, 2, 0, max);
-    return pages;
-};
-/**
- * Hook to help manage pagination state
- *
- * @example
- * const { pages, nextButtonProps, prevButtonProps } = usePagination({
- *   currentPage: page,
- *   totalPages: 10,
- *   showPages: 7,
- *   setCurrentPage,
- * })
- *
- * <Pagination>
- *   <Pagination.Item>
- *     <Pagination.Button {...prevButtonProps}>Forrige</Pagination.Button>
- *   </Pagination.Item>
- *   {pages.map(({ page, itemKey, buttonProps }) => (
- *     <Pagination.Item key={itemKey}>
- *       {typeof page === 'number' && (
- *         <Pagination.Button {...buttonProps} aria-label={`Side ${page}`}>
- *           {page}
- *         </Pagination.Button>
- *       )}
- *     </Pagination.Item>
- *   ))}
- *   <Pagination.Item>
- *     <Pagination.Button {...nextButtonProps}>Neste</Pagination.Button>
- *   </Pagination.Item>
- * </Pagination>
- **/
-const usePagination = ({ currentPage = 1, setCurrentPage, onChange, totalPages = 1, showPages = 7, }) => useMemo(() => {
-    const hasNext = currentPage < totalPages;
-    const hasPrev = currentPage !== 1;
-    const handleClick = (page) => (event) => {
-        if (page < 1 || page > totalPages)
-            return event.preventDefault(); // Prevent out of bounds navigation
-        onChange?.(event, page);
-        if (!event.defaultPrevented)
-            setCurrentPage?.(page); // Allow stopping change by calling event.preventDefault() in onChange
-    };
-    return {
-        /** Number of steps */
-        pages: getSteps(currentPage, totalPages, showPages).map((page, index) => ({
-            /**
-             * Page number or "ellipsis" for the ellipsis item
-             */
-            page: page || 'ellipsis',
-            /**
-             * Unique key for the item
-             */
-            itemKey: page ? `page-${page}` : `ellipsis-${index}`, // React key utility
-            /**
-             * Properties to spread on Pagination.Button
-             */
-            buttonProps: (page
-                ? {
-                    'aria-current': page === currentPage ? 'page' : undefined,
-                    onClick: handleClick(page),
-                    variant: page === currentPage ? 'primary' : 'tertiary',
-                }
-                : null),
-        })),
-        /** Properties to spread on Pagination.Button used for previous naviagation */
-        prevButtonProps: {
-            'aria-disabled': !hasPrev, // Using aria-disabled to support all HTML elements because of potential asChild
-            onClick: handleClick(currentPage - 1),
-            variant: 'tertiary',
-        },
-        /** Properties to spread on Pagination.Button used for next naviagation */
-        nextButtonProps: {
-            'aria-disabled': !hasNext, // Using aria-disabled to support all HTML elements because of potential asChild
-            onClick: handleClick(currentPage + 1),
-            variant: 'tertiary',
-        },
-        /** Indication if previous page action should be shown or not */
-        hasPrev,
-        /** Indication if next page action should be shown or not */
-        hasNext,
-    };
-}, [currentPage, totalPages, showPages]);
-
-export { usePagination };

package/dist/esm/utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js

@@ -1,46 +0,0 @@
-'use client';
-import { useRef } from 'react';
-import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
-
-// Inspired by Sam Selikoff
-// https://github.com/samselikoff/2022-02-24-use-synchronized-animation/blob/main/src/App.js
-/**
- * Synchronizes the css animation of multiple elements with the same `animationName`.
- *
- * @example
- * ```tsx
- *  const ref = useSynchronizedAnimation<HTMLDivElement>('spin');
- *
- *  <div
- *   ref={ref}
- *  />
- * ```
- */
-function useSynchronizedAnimation(animationName) {
-    const ref = useRef(null);
-    useIsomorphicLayoutEffect(() => {
-        const animations = document
-            .getAnimations()
-            .filter((animation) => 'animationName' in animation &&
-            animation.animationName === animationName);
-        const firstOfType = animations.find((animation) => 'animationName' in animation &&
-            animation.animationName === animationName);
-        const myAnimation = animations.find((animation) => animation.effect?.target === ref.current);
-        if (myAnimation && myAnimation === firstOfType) {
-            myAnimation.currentTime = 0;
-        }
-        if (myAnimation &&
-            firstOfType?.currentTime &&
-            myAnimation !== firstOfType) {
-            myAnimation.currentTime = firstOfType.currentTime;
-        }
-        return () => {
-            if (myAnimation && firstOfType?.currentTime) {
-                myAnimation.currentTime = firstOfType.currentTime;
-            }
-        };
-    }, [animationName]);
-    return ref;
-}
-
-export { useSynchronizedAnimation };

package/dist/types/components/Alert/Alert.d.ts

@@ -1,27 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import type { SeverityColors } from '../../colors';
-import type { DefaultProps } from '../../types';
-import type { MergeRight } from '../../utilities';
-export type AlertProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
-    /**
-     * Sets color and icon.
-     *
-     * @default 'info'
-     */
-    'data-color'?: SeverityColors;
-}>;
-/**
- * Alerts are used to inform users about important information, warnings, errors, or success.
- *
- * @example
- * <Alert data-color='info'>Dette er en informasjonsmelding</Alert>
- */
-export declare const Alert: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "data-color"> & {
-    /**
-     * Sets color and icon.
-     *
-     * @default 'info'
-     */
-    'data-color'?: SeverityColors;
-} & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=Alert.d.ts.map

package/dist/types/components/Alert/Alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;;;OAIG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAfd;;;;OAIG;mBACY,cAAc;wCAsB/B,CAAC"}

package/dist/types/components/Alert/index.d.ts

@@ -1,3 +0,0 @@
-export type { AlertProps } from './Alert';
-export { Alert } from './Alert';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Alert/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}