period-ui 0.5.1 → 0.6.0

package/dist/components/atoms/radio-button/radio-button-group/radio-button-group-types.d.ts

@@ -1,4 +1,4 @@
 import { MultiOptions } from '../../../../types/general';
 import { RadioButtonProps } from '../radio-button';
-export type RadioButtonMultiOptions = MultiOptions & Omit<RadioButtonProps, 'value'>;
+export type RadioButtonMultiOptions = MultiOptions & Omit<RadioButtonProps, 'isSelected' | 'tabIndex' | 'onKeyDown'>;
 //# sourceMappingURL=radio-button-group-types.d.ts.map

package/dist/components/atoms/radio-button/radio-button-group/radio-button-group-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group-types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"radio-button-group-types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAChD,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC"}

package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,uBAAuB,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,eAAe,EACf,WAAW,EACX,QAAQ,GACT,EAAE,qBAAqB,2CAkDvB"}
+{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAMrE,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,uBAAuB,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,eAAe,EACf,WAAW,EACX,QAAQ,GACT,EAAE,qBAAqB,2CAuFvB"}

package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.js

@@ -2,29 +2,55 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioButtonGroup = RadioButtonGroup;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const __1 = require("../");
 const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
+const PREVIOUS_KEYS = ['ArrowUp', 'ArrowLeft'];
+const NEXT_KEYS = ['ArrowDown', 'ArrowRight'];
 function RadioButtonGroup({ id, data, className, selectedData, isUnselectable, ariaLabelledBy, ariaDescribedBy, ariaInvalid, onSelect, }) {
-    function onChange(selected, object) {
-        if (!data)
+    const radioButtonRefs = (0, react_1.useRef)([]);
+    const selectedIndex = data.findIndex((option) => !option.isDisabled && option.value === selectedData);
+    const firstEnabledIndex = data.findIndex((option) => !option.isDisabled);
+    const focusableIndex = selectedIndex >= 0 ? selectedIndex : firstEnabledIndex;
+    function findEnabledIndex(fromIndex, direction) {
+        for (let step = 1; step <= data.length; step += 1) {
+            const offset = (fromIndex + direction * step) % data.length;
+            const candidate = (offset + data.length) % data.length;
+            if (candidate !== fromIndex && !data[candidate].isDisabled) {
+                return candidate;
+            }
+        }
+        return -1;
+    }
+    function handleSelect(index) {
+        const option = data[index];
+        if (!option || option.isDisabled) {
             return;
-        if (isUnselectable && !selected) {
+        }
+        if (isUnselectable && option.value === selectedData) {
             onSelect(undefined);
+        }
+        else {
+            onSelect(option.value);
+        }
+        option.onSelect?.();
+    }
+    function handleKeyDown(event, index) {
+        const isPrevious = PREVIOUS_KEYS.includes(event.key);
+        const isNext = NEXT_KEYS.includes(event.key);
+        if (!isPrevious && !isNext) {
             return;
         }
-        const currentData = data.find((item) => item.value === object.value);
-        if (!currentData) {
+        event.preventDefault();
+        const nextIndex = findEnabledIndex(index, isPrevious ? -1 : 1);
+        if (nextIndex < 0) {
             return;
         }
-        onSelect(currentData?.value);
+        radioButtonRefs.current[nextIndex]?.focus();
+        handleSelect(nextIndex);
     }
-    return ((0, jsx_runtime_1.jsx)("div", { id: id, role: "group", "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid || undefined, className: className, children: data.map((object, key) => {
-            const isSelected = object.value === selectedData;
-            const { isDisabled, label, labelClassName, containerClassName, onSelect } = object;
-            return ((0, jsx_runtime_1.jsx)(__1.RadioButton, { onSelect: () => {
-                    onChange(!isSelected, object);
-                    onSelect?.(!isSelected);
-                }, label: label, labelClassName: labelClassName, containerClassName: containerClassName, value: isSelected, isDisabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('mb-[24px]', data.length - 1 === key && 'mb-0') }, key));
-        }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { id: id, role: "radiogroup", "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid || undefined, className: (0, tailwind_utils_1.tailwind)('space-y-2', className), children: data.map((option, index) => ((0, jsx_runtime_1.jsx)(__1.RadioButton, { ref: (element) => {
+                radioButtonRefs.current[index] = element;
+            }, label: option.label, className: option.className, labelClassName: option.labelClassName, containerClassName: option.containerClassName, radioButtonClassName: option.radioButtonClassName, isSelected: option.value === selectedData, isDisabled: option.isDisabled, tabIndex: index === focusableIndex ? 0 : -1, onKeyDown: (event) => handleKeyDown(event, index), onSelect: () => handleSelect(index) }, option.value))) }));
 }
 //# sourceMappingURL=radio-button-group.js.map

package/dist/components/atoms/radio-button/radio-button-group/radio-button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":";;AAiBA,4CA4DC;;AA5ED,2BAAkC;AAElC,qEAA4D;AAc5D,SAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,eAAe,EACf,WAAW,EACX,QAAQ,GACc;IACtB,SAAS,QAAQ,CAAC,QAAiB,EAAE,MAAoB;QACvD,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,IAAI,cAAc,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAEpB,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;QAErE,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,CACL,gCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,qBACK,cAAc,sBACb,eAAe,kBACnB,WAAW,IAAI,SAAS,EACtC,SAAS,EAAE,SAAS,YAEnB,IAAI,CAAC,GAAG,CAAC,CAAC,MAA+B,EAAE,GAAW,EAAE,EAAE;YACzD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,KAAK,YAAY,CAAC;YACjD,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;YAEnF,OAAO,CACL,uBAAC,eAAW,IAEV,QAAQ,EAAE,GAAG,EAAE;oBACb,QAAQ,CAAC,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;oBAC9B,QAAQ,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC;gBAC1B,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,yBAAQ,EAAC,WAAW,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,KAAK,GAAG,IAAI,MAAM,CAAC,IAV9D,GAAG,CAWR,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"radio-button-group.js","sourceRoot":"","sources":["../../../../../src/components/atoms/radio-button/radio-button-group/radio-button-group.tsx"],"names":[],"mappings":"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"}

package/dist/components/atoms/radio-button/radio-button.d.ts

@@ -1,12 +1,15 @@
+import { ComponentProps } from 'react';
 export type RadioButtonProps = {
     label?: string;
-    value: boolean;
+    isSelected: boolean;
     isDisabled?: boolean;
     className?: string;
     labelClassName?: string;
     containerClassName?: string;
     radioButtonClassName?: string;
-    onSelect?: (event: boolean) => void;
+    tabIndex?: number;
+    onKeyDown?: ComponentProps<'button'>['onKeyDown'];
+    onSelect?: () => void;
 };
-export declare function RadioButton({ label, className, value, isDisabled, labelClassName, containerClassName, radioButtonClassName, onSelect, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=radio-button.d.ts.map

package/dist/components/atoms/radio-button/radio-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/radio-button/radio-button.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,KAAa,EACb,UAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,QAAQ,GACT,EAAE,gBAAgB,2CAkDlB"}
+{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/radio-button/radio-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW,gHAwEtB,CAAC"}

package/dist/components/atoms/radio-button/radio-button.js

@@ -1,17 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioButton = RadioButton;
+exports.RadioButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const components_1 = require("../../../components");
 const tailwind_utils_1 = require("../../../utils/tailwind-utils");
-function RadioButton({ label, className, value = false, isDisabled = false, labelClassName, containerClassName, radioButtonClassName, onSelect, }) {
-    const handleClick = () => {
+exports.RadioButton = (0, react_1.forwardRef)(function RadioButton({ label, className, isSelected = false, isDisabled = false, labelClassName, containerClassName, radioButtonClassName, tabIndex, onKeyDown, onSelect, }, forwardedRef) {
+    const labelId = (0, react_1.useId)();
+    function handleClick() {
         if (isDisabled) {
             return;
         }
-        onSelect?.(value);
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col', isDisabled ? 'cursor-not-allowed' : 'cursor-pointer', className), onClick: handleClick, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row w-fit items-center', containerClassName), children: [(0, jsx_runtime_1.jsx)("button", { role: "radio-button", type: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center items-center md:h-[20px] md:w-[20px] h-[18px] w-[18px] border-2 rounded-full cursor-pointer shrink-0', 'border-gray-04 bg-white', 'hover:bg-gray-05', 'disabled:cursor-not-allowed disabled:border-gray-05 disabled:bg-white', 'focus-visible:outline-2 focus-visible:bg-gray-05 focus-visible:outline-offset-2 focus-visible:border-none focus:outline-blue-01', value &&
-                        'border-none bg-blue-01 hover:bg-blue-02 focus-visible:bg-blue-02 disabled:bg-blue-03', radioButtonClassName), children: value && ((0, jsx_runtime_1.jsx)("div", { className: "bg-white rounded-full md:w-[10px] md:h-[10px] w-[9px] h-[9px]" })) }), label && ((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('ml-2 select-none whitespace-normal', labelClassName), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
-}
+        onSelect?.();
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col py-2', isDisabled ? 'cursor-not-allowed' : 'cursor-pointer', className), onClick: handleClick, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-row w-fit items-center', containerClassName), children: [(0, jsx_runtime_1.jsx)("button", { ref: forwardedRef, role: "radio", type: "button", "aria-checked": isSelected, "aria-labelledby": label ? labelId : undefined, disabled: isDisabled, tabIndex: tabIndex, onKeyDown: onKeyDown, className: (0, tailwind_utils_1.tailwind)('flex justify-center items-center md:h-[20px] md:w-[20px] h-[18px] w-[18px] border-2 rounded-full cursor-pointer shrink-0', 'border-gray-04 bg-white', 'hover:bg-gray-05', 'disabled:cursor-not-allowed disabled:border-gray-05 disabled:bg-white', 'focus-visible:outline-none focus-visible:border-white focus-visible:ring-2 focus-visible:ring-blue-01', isSelected &&
+                        'border-blue-01 bg-blue-01 hover:border-blue-02 hover:bg-blue-02 disabled:border-blue-03 disabled:bg-blue-03', radioButtonClassName), children: isSelected && ((0, jsx_runtime_1.jsx)("div", { className: "bg-white rounded-full md:w-[10px] md:h-[10px] w-[9px] h-[9px]" })) }), label && ((0, jsx_runtime_1.jsx)(components_1.Text, { id: labelId, variant: components_1.TextVariant.BODY, className: (0, tailwind_utils_1.tailwind)('ml-2 select-none whitespace-normal', labelClassName), color: isDisabled ? components_1.TextColors.BLACK_03 : components_1.TextColors.BLACK, children: label }))] }) }));
+});
 //# sourceMappingURL=radio-button.js.map

package/dist/components/atoms/radio-button/radio-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/radio-button/radio-button.tsx"],"names":[],"mappings":";;AAcA,kCA2DC;;AAzED,oDAAoE;AACpE,kEAAyD;AAazD,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,QAAQ,GACS;IACjB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,eAAe,EACf,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,SAAS,CACV,EACD,OAAO,EAAE,WAAW,YAEpB,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,kCAAkC,EAAE,kBAAkB,CAAC,aAC9E,mCACE,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,0HAA0H,EAC1H,yBAAyB,EACzB,kBAAkB,EAClB,uEAAuE,EACvE,iIAAiI,EACjI,KAAK;wBACH,sFAAsF,EACxF,oBAAoB,CACrB,YAEA,KAAK,IAAI,CACR,gCAAK,SAAS,EAAC,+DAA+D,GAAG,CAClF,GACM,EACR,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,oCAAoC,EAAE,cAAc,CAAC,EACzE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/radio-button/radio-button.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0D;AAC1D,oDAAoE;AACpE,kEAAyD;AAe5C,QAAA,WAAW,GAAG,IAAA,kBAAU,EAAsC,SAAS,WAAW,CAC7F,EACE,KAAK,EACL,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EACD,YAAY;IAEZ,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IAExB,SAAS,WAAW;QAClB,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC;IAED,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,oBAAoB,EACpB,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,EACpD,SAAS,CACV,EACD,OAAO,EAAE,WAAW,YAEpB,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,kCAAkC,EAAE,kBAAkB,CAAC,aAC9E,mCACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,kBACC,UAAU,qBACP,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5C,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,0HAA0H,EAC1H,yBAAyB,EACzB,kBAAkB,EAClB,uEAAuE,EACvE,uGAAuG,EACvG,UAAU;wBACR,6GAA6G,EAC/G,oBAAoB,CACrB,YAEA,UAAU,IAAI,CACb,gCAAK,SAAS,EAAC,+DAA+D,GAAG,CAClF,GACM,EACR,KAAK,IAAI,CACR,uBAAC,iBAAI,IACH,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,wBAAW,CAAC,IAAI,EACzB,SAAS,EAAE,IAAA,yBAAQ,EAAC,oCAAoC,EAAE,cAAc,CAAC,EACzE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAU,CAAC,KAAK,YAEzD,KAAK,GACD,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}