@once-ui-system/core 1.0.13 → 1.0.14

package/dist/components/Media.js

@@ -1,35 +1,17 @@
-"use strict";
 "use client";
-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.Media = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const image_1 = __importDefault(require("next/image"));
-const _1 = require(".");
-const Media = (_a) => {
-    var { aspectRatio, height, alt = "", loading = false, objectFit = "cover", enlarge = false, src, unoptimized = false, priority, sizes = "100vw" } = _a, rest = __rest(_a, ["aspectRatio", "height", "alt", "loading", "objectFit", "enlarge", "src", "unoptimized", "priority", "sizes"]);
-    const [isEnlarged, setIsEnlarged] = (0, react_1.useState)(false);
-    const imageRef = (0, react_1.useRef)(null);
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import Image from "next/image";
+import { Flex, Skeleton } from ".";
+const Media = ({ aspectRatio, height, alt = "", loading = false, objectFit = "cover", enlarge = false, src, unoptimized = false, priority, sizes = "100vw", ...rest }) => {
+    const [isEnlarged, setIsEnlarged] = useState(false);
+    const imageRef = useRef(null);
     const handleClick = () => {
         if (enlarge) {
             setIsEnlarged(!isEnlarged);
         }
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const handleEscape = (event) => {
             if (event.key === "Escape" && isEnlarged) {
                 setIsEnlarged(false);
@@ -47,7 +29,7 @@ const Media = (_a) => {
             window.removeEventListener("wheel", handleWheel);
         };
     }, [isEnlarged]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (isEnlarged) {
             document.body.style.overflow = "hidden";
         }
@@ -85,31 +67,38 @@ const Media = (_a) => {
             ? `https://www.youtube.com/embed/${match[1]}?controls=0&rel=0&modestbranding=1`
             : "";
     };
-    const isVideo = src === null || src === void 0 ? void 0 : src.endsWith(".mp4");
+    const isVideo = src?.endsWith(".mp4");
     const isYouTube = isYouTubeVideo(src);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ ref: imageRef, fillWidth: true, overflow: "hidden", zIndex: 0, cursor: enlarge ? "interactive" : "", style: Object.assign({ outline: "none", isolation: "isolate", height: aspectRatio ? "" : height ? `${height}rem` : "100%", aspectRatio, borderRadius: isEnlarged ? "0" : undefined }, calculateTransform()), onClick: handleClick }, rest, { children: [loading && (0, jsx_runtime_1.jsx)(_1.Skeleton, { shape: "block" }), !loading && isVideo && ((0, jsx_runtime_1.jsx)("video", { src: src, autoPlay: true, loop: true, muted: true, playsInline: true, style: {
+    return (_jsxs(_Fragment, { children: [_jsxs(Flex, { ref: imageRef, fillWidth: true, overflow: "hidden", zIndex: 0, cursor: enlarge ? "interactive" : "", style: {
+                    outline: "none",
+                    isolation: "isolate",
+                    height: aspectRatio ? "" : height ? `${height}rem` : "100%",
+                    aspectRatio,
+                    borderRadius: isEnlarged ? "0" : undefined,
+                    ...calculateTransform(),
+                }, onClick: handleClick, ...rest, children: [loading && _jsx(Skeleton, { shape: "block" }), !loading && isVideo && (_jsx("video", { src: src, autoPlay: true, loop: true, muted: true, playsInline: true, style: {
                             width: "100%",
                             height: "100%",
                             objectFit: objectFit,
-                        } })), !loading && isYouTube && ((0, jsx_runtime_1.jsx)("iframe", { width: "100%", height: "100%", src: getYouTubeEmbedUrl(src), frameBorder: "0", allow: "accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, style: {
+                        } })), !loading && isYouTube && (_jsx("iframe", { width: "100%", height: "100%", src: getYouTubeEmbedUrl(src), frameBorder: "0", allow: "accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, style: {
                             objectFit: objectFit,
-                        } })), !loading && !isVideo && !isYouTube && ((0, jsx_runtime_1.jsx)(image_1.default, { src: src, alt: alt, priority: priority, sizes: sizes, unoptimized: unoptimized, fill: true, style: {
+                        } })), !loading && !isVideo && !isYouTube && (_jsx(Image, { src: src, alt: alt, priority: priority, sizes: sizes, unoptimized: unoptimized, fill: true, style: {
                             objectFit: objectFit,
-                        } }))] })), isEnlarged && enlarge && ((0, jsx_runtime_1.jsx)(_1.Flex, { horizontal: "center", vertical: "center", position: "fixed", background: "overlay", pointerEvents: "none", onClick: handleClick, top: "0", left: "0", zIndex: isEnlarged ? 9 : undefined, opacity: isEnlarged ? 100 : 0, cursor: "interactive", transition: "macro-medium", style: {
+                        } }))] }), isEnlarged && enlarge && (_jsx(Flex, { horizontal: "center", vertical: "center", position: "fixed", background: "overlay", pointerEvents: "none", onClick: handleClick, top: "0", left: "0", zIndex: isEnlarged ? 9 : undefined, opacity: isEnlarged ? 100 : 0, cursor: "interactive", transition: "macro-medium", style: {
                     backdropFilter: isEnlarged ? "var(--backdrop-filter)" : "0px",
                     width: "100vw",
                     height: "100vh",
-                }, children: (0, jsx_runtime_1.jsx)(_1.Flex, { style: {
+                }, children: _jsx(Flex, { style: {
                         height: "100vh",
                         transform: "translate(-50%, -50%)",
-                    }, onClick: (e) => e.stopPropagation(), children: isVideo ? ((0, jsx_runtime_1.jsx)("video", { src: src, autoPlay: true, loop: true, muted: true, playsInline: true, style: {
+                    }, onClick: (e) => e.stopPropagation(), children: isVideo ? (_jsx("video", { src: src, autoPlay: true, loop: true, muted: true, playsInline: true, style: {
                             width: "90vw",
                             height: "auto",
                             objectFit: "contain",
-                        } })) : ((0, jsx_runtime_1.jsx)(image_1.default, { src: src, alt: alt, fill: true, sizes: "90vw", unoptimized: unoptimized, style: {
+                        } })) : (_jsx(Image, { src: src, alt: alt, fill: true, sizes: "90vw", unoptimized: unoptimized, style: {
                             objectFit: "contain",
                         } })) }) }))] }));
 };
-exports.Media = Media;
 Media.displayName = "Media";
+export { Media };
 //# sourceMappingURL=Media.js.map

package/dist/components/Media.js.map

@@ -1 +1 @@
-{"version":3,"file":"Media.js","sourceRoot":"","sources":["../../src/components/Media.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Media.js","sourceRoot":"","sources":["../../src/components/Media.tsx"],"names":[],"mappings":"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"}

package/dist/components/NavIcon.js

@@ -1,29 +1,11 @@
-"use strict";
-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.NavIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const NavIcon_module_scss_1 = __importDefault(require("./NavIcon.module.scss"));
-const _1 = require(".");
-const classnames_1 = __importDefault(require("classnames"));
-const NavIcon = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, isActive, style, onClick } = _a, rest = __rest(_a, ["className", "isActive", "style", "onClick"]);
-    return ((0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({ ref: ref, tabIndex: 0, radius: "m", cursor: "interactive", width: "40", height: "40", minHeight: "40", minWidth: "40", className: className, style: style, onClick: onClick }, rest, { children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(NavIcon_module_scss_1.default.line, isActive && NavIcon_module_scss_1.default.active) }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(NavIcon_module_scss_1.default.line, isActive && NavIcon_module_scss_1.default.active) })] })));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import styles from "./NavIcon.module.scss";
+import { Flex } from ".";
+import classNames from "classnames";
+const NavIcon = forwardRef(({ className, isActive, style, onClick, ...rest }, ref) => {
+    return (_jsxs(Flex, { ref: ref, tabIndex: 0, radius: "m", cursor: "interactive", width: "40", height: "40", minHeight: "40", minWidth: "40", className: className, style: style, onClick: onClick, ...rest, children: [_jsx("div", { className: classNames(styles.line, isActive && styles.active) }), _jsx("div", { className: classNames(styles.line, isActive && styles.active) })] }));
 });
-exports.NavIcon = NavIcon;
 NavIcon.displayName = "NavIcon";
+export { NavIcon };
 //# sourceMappingURL=NavIcon.js.map

package/dist/components/NavIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavIcon.js","sourceRoot":"","sources":["../../src/components/NavIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA0C;AAC1C,gFAA2C;AAC3C,wBAAyB;AACzB,4DAAoC;AASpC,MAAM,OAAO,GAAG,IAAA,kBAAU,EACxB,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,OAAW,EAAN,IAAI,cAA9C,6CAAgD,CAAF;IAC7C,OAAO,CACL,wBAAC,OAAI,kBACH,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,EACX,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,aAAa,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,IAAI,EACd,QAAQ,EAAC,IAAI,EACb,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IACZ,IAAI,eAER,gCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,6BAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,6BAAM,CAAC,MAAM,CAAC,GAAI,EACtE,gCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,6BAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,6BAAM,CAAC,MAAM,CAAC,GAAI,KACjE,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAIO,0BAAO;AAFhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
+{"version":3,"file":"NavIcon.js","sourceRoot":"","sources":["../../src/components/NavIcon.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACxD,OAAO,CACL,MAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,EACX,MAAM,EAAC,GAAG,EACV,MAAM,EAAC,aAAa,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,IAAI,EACd,QAAQ,EAAC,IAAI,EACb,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KACZ,IAAI,aAER,cAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,GAAI,EACtE,cAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,GAAI,IACjE,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/NumberInput.js

@@ -1,32 +1,13 @@
-"use strict";
 "use client";
-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.NumberInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const _1 = require(".");
-const NumberInput_module_scss_1 = __importDefault(require("./NumberInput.module.scss"));
-const classnames_1 = __importDefault(require("classnames"));
-const NumberInput = (0, react_1.forwardRef)((_a, ref) => {
-    var _b;
-    var { value, onChange, min, max, step = 1, padStart } = _a, props = __rest(_a, ["value", "onChange", "min", "max", "step", "padStart"]);
-    const [localValue, setLocalValue] = (0, react_1.useState)(padStart && value !== undefined
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useState } from "react";
+import { Input, Flex, IconButton } from ".";
+import styles from "./NumberInput.module.scss";
+import classNames from "classnames";
+const NumberInput = forwardRef(({ value, onChange, min, max, step = 1, padStart, ...props }, ref) => {
+    const [localValue, setLocalValue] = useState(padStart && value !== undefined
         ? value.toString().padStart(padStart, "0")
-        : ((_b = value === null || value === void 0 ? void 0 : value.toString()) !== null && _b !== void 0 ? _b : ""));
+        : (value?.toString() ?? ""));
     const handleChange = (e) => {
         const newValue = e.target.value;
         setLocalValue(newValue);
@@ -40,7 +21,7 @@ const NumberInput = (0, react_1.forwardRef)((_a, ref) => {
             ? newValue.toString().padStart(padStart, "0")
             : newValue.toString();
         setLocalValue(formattedValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        onChange?.(newValue);
     };
     const increment = () => {
         const currentValue = parseFloat(localValue) || 0;
@@ -56,8 +37,8 @@ const NumberInput = (0, react_1.forwardRef)((_a, ref) => {
             updateValue(newValue);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(_1.Input, Object.assign({}, props, { ref: ref, type: "number", value: localValue, onChange: handleChange, min: min, max: max, step: step, hasSuffix: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(_1.Flex, { position: "static", minWidth: 1.25 }), (0, jsx_runtime_1.jsxs)(_1.Flex, { position: "absolute", right: "0", top: "0", direction: "column", borderLeft: "neutral-medium", fillHeight: true, background: "neutral-alpha-weak", children: [(0, jsx_runtime_1.jsx)(_1.Flex, { fillHeight: true, position: "static", borderBottom: "neutral-medium", paddingX: "4", className: (0, classnames_1.default)(NumberInput_module_scss_1.default.stepper, "transition-micro-medium"), children: (0, jsx_runtime_1.jsx)(_1.IconButton, { icon: "chevronUp", variant: "ghost", size: "s", onClick: increment, "aria-label": "Increment value" }) }), (0, jsx_runtime_1.jsx)(_1.Flex, { fillHeight: true, position: "static", paddingX: "4", className: (0, classnames_1.default)(NumberInput_module_scss_1.default.stepper, "transition-micro-medium"), children: (0, jsx_runtime_1.jsx)(_1.IconButton, { icon: "chevronDown", variant: "ghost", size: "s", onClick: decrement, "aria-label": "Decrement value" }) })] })] }), className: NumberInput_module_scss_1.default.numberInput })));
+    return (_jsx(Input, { ...props, ref: ref, type: "number", value: localValue, onChange: handleChange, min: min, max: max, step: step, hasSuffix: _jsxs(_Fragment, { children: [_jsx(Flex, { position: "static", minWidth: 1.25 }), _jsxs(Flex, { position: "absolute", right: "0", top: "0", direction: "column", borderLeft: "neutral-medium", fillHeight: true, background: "neutral-alpha-weak", children: [_jsx(Flex, { fillHeight: true, position: "static", borderBottom: "neutral-medium", paddingX: "4", className: classNames(styles.stepper, "transition-micro-medium"), children: _jsx(IconButton, { icon: "chevronUp", variant: "ghost", size: "s", onClick: increment, "aria-label": "Increment value" }) }), _jsx(Flex, { fillHeight: true, position: "static", paddingX: "4", className: classNames(styles.stepper, "transition-micro-medium"), children: _jsx(IconButton, { icon: "chevronDown", variant: "ghost", size: "s", onClick: decrement, "aria-label": "Decrement value" }) })] })] }), className: styles.numberInput }));
 });
-exports.NumberInput = NumberInput;
 NumberInput.displayName = "NumberInput";
+export { NumberInput };
 //# sourceMappingURL=NumberInput.js.map

package/dist/components/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/components/NumberInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/components/NumberInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/OTPInput.js

@@ -1,36 +1,17 @@
-"use strict";
 "use client";
-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.OTPInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const _1 = require(".");
-const OTPInput_module_scss_1 = __importDefault(require("./OTPInput.module.scss"));
-const OTPInput = (0, react_1.forwardRef)((_a, ref) => {
-    var { length = 4, onComplete, error = false, errorMessage, disabled = false, autoFocus = false, className } = _a, props = __rest(_a, ["length", "onComplete", "error", "errorMessage", "disabled", "autoFocus", "className"]);
-    const [values, setValues] = (0, react_1.useState)(Array(length).fill(""));
-    const inputsRef = (0, react_1.useRef)([]);
-    (0, react_1.useEffect)(() => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, forwardRef, useEffect } from "react";
+import { Column, Flex, Input, Text } from ".";
+import styles from "./OTPInput.module.scss";
+const OTPInput = forwardRef(({ length = 4, onComplete, error = false, errorMessage, disabled = false, autoFocus = false, className, ...props }, ref) => {
+    const [values, setValues] = useState(Array(length).fill(""));
+    const inputsRef = useRef([]);
+    useEffect(() => {
         if (autoFocus && inputsRef.current[0]) {
             inputsRef.current[0].focus();
         }
     }, [autoFocus]);
     const handleChange = (index, value) => {
-        var _a;
         if (disabled)
             return;
         if (value === "" || /^[0-9]$/.test(value)) {
@@ -38,7 +19,7 @@ const OTPInput = (0, react_1.forwardRef)((_a, ref) => {
             newValues[index] = value;
             setValues(newValues);
             if (value && index < length - 1) {
-                (_a = inputsRef.current[index + 1]) === null || _a === void 0 ? void 0 : _a.focus();
+                inputsRef.current[index + 1]?.focus();
             }
             if (newValues.every((val) => val !== "") && onComplete) {
                 onComplete(newValues.join(""));
@@ -46,7 +27,6 @@ const OTPInput = (0, react_1.forwardRef)((_a, ref) => {
         }
     };
     const handleKeyDown = (index, event) => {
-        var _a, _b, _c;
         if (disabled)
             return;
         if (event.key === "Backspace") {
@@ -57,7 +37,7 @@ const OTPInput = (0, react_1.forwardRef)((_a, ref) => {
                 setValues(newValues);
             }
             else if (index > 0) {
-                (_a = inputsRef.current[index - 1]) === null || _a === void 0 ? void 0 : _a.focus();
+                inputsRef.current[index - 1]?.focus();
                 const newValues = [...values];
                 newValues[index - 1] = "";
                 setValues(newValues);
@@ -65,28 +45,27 @@ const OTPInput = (0, react_1.forwardRef)((_a, ref) => {
         }
         else if (event.key === "ArrowLeft" && index > 0) {
             event.preventDefault();
-            (_b = inputsRef.current[index - 1]) === null || _b === void 0 ? void 0 : _b.focus();
+            inputsRef.current[index - 1]?.focus();
         }
         else if (event.key === "ArrowRight" && index < length - 1) {
             event.preventDefault();
-            (_c = inputsRef.current[index + 1]) === null || _c === void 0 ? void 0 : _c.focus();
+            inputsRef.current[index + 1]?.focus();
         }
     };
     const handleContainerClick = () => {
-        var _a;
         if (disabled)
             return;
         if (values.every((val) => val !== ""))
             return;
         const firstEmptyIndex = values.findIndex((val) => val === "");
         if (firstEmptyIndex >= 0) {
-            (_a = inputsRef.current[firstEmptyIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+            inputsRef.current[firstEmptyIndex]?.focus();
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(_1.Column, { gap: "8", ref: ref, children: [(0, jsx_runtime_1.jsx)(_1.Flex, { gap: "8", center: true, onClick: handleContainerClick, children: Array.from({ length }, (_, index) => ((0, jsx_runtime_1.jsx)(_1.Input, Object.assign({ ref: (el) => {
+    return (_jsxs(Column, { gap: "8", ref: ref, children: [_jsx(Flex, { gap: "8", center: true, onClick: handleContainerClick, children: Array.from({ length }, (_, index) => (_jsx(Input, { ref: (el) => {
                         inputsRef.current[index] = el;
-                    }, id: `otp-${index}`, type: "text", placeholder: " ", inputMode: "numeric", maxLength: 1, error: error, value: values[index], onChange: (e) => handleChange(index, e.target.value), onKeyDown: (e) => handleKeyDown(index, e), "aria-label": `OTP digit ${index + 1} of ${length}`, className: OTPInput_module_scss_1.default.inputs }, props), index))) }), error && errorMessage && ((0, jsx_runtime_1.jsx)(_1.Flex, { paddingX: "8", children: (0, jsx_runtime_1.jsx)(_1.Text, { variant: "body-default-s", onBackground: "danger-weak", children: errorMessage }) }))] }));
+                    }, id: `otp-${index}`, type: "text", placeholder: " ", inputMode: "numeric", maxLength: 1, error: error, value: values[index], onChange: (e) => handleChange(index, e.target.value), onKeyDown: (e) => handleKeyDown(index, e), "aria-label": `OTP digit ${index + 1} of ${length}`, className: styles.inputs, ...props }, index))) }), error && errorMessage && (_jsx(Flex, { paddingX: "8", children: _jsx(Text, { variant: "body-default-s", onBackground: "danger-weak", children: errorMessage }) }))] }));
 });
-exports.OTPInput = OTPInput;
 OTPInput.displayName = "OTPInput";
+export { OTPInput };
 //# sourceMappingURL=OTPInput.js.map

package/dist/components/OTPInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.js","sourceRoot":"","sources":["../../src/components/OTPInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OTPInput.js","sourceRoot":"","sources":["../../src/components/OTPInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/OgCard.js

@@ -1,22 +1,8 @@
-"use strict";
 "use client";
-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.OgCard = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const _1 = require(".");
-const useFetchOg_1 = require("../hooks/useFetchOg");
-const react_1 = require("react");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Column, Media, Text, Row, Card } from ".";
+import { useOgData } from "../hooks/useFetchOg";
+import { useMemo } from "react";
 const getProxiedImageUrl = (imageUrl, proxyFn) => {
     if (!imageUrl)
         return "";
@@ -56,23 +42,29 @@ const getFaviconUrl = (url, proxyFn) => {
         return "";
     }
 };
-const OgCard = (_a) => {
-    var { url, ogData: providedOgData, direction = "column", display, serviceConfig = {} } = _a, card = __rest(_a, ["url", "ogData", "direction", "display", "serviceConfig"]);
+const OgCard = ({ url, ogData: providedOgData, direction = "column", display, serviceConfig = {}, ...card }) => {
     // Merge with defaults
-    const displayOptions = Object.assign({ favicon: true, domain: true, title: true, description: true, image: true }, display);
-    const { ogData: fetchedOgData, loading } = (0, useFetchOg_1.useOgData)(url || null, serviceConfig.fetchOgUrl);
+    const displayOptions = {
+        favicon: true,
+        domain: true,
+        title: true,
+        description: true,
+        image: true,
+        ...display,
+    };
+    const { ogData: fetchedOgData, loading } = useOgData(url || null, serviceConfig.fetchOgUrl);
     const data = providedOgData || fetchedOgData;
-    const proxiedImageUrl = (0, react_1.useMemo)(() => {
-        return getProxiedImageUrl(data === null || data === void 0 ? void 0 : data.image, serviceConfig.proxyImageUrl);
-    }, [data === null || data === void 0 ? void 0 : data.image, serviceConfig.proxyImageUrl]);
-    const faviconUrl = (0, react_1.useMemo)(() => {
-        return (data === null || data === void 0 ? void 0 : data.faviconUrl) || getFaviconUrl(data === null || data === void 0 ? void 0 : data.url, serviceConfig.proxyFaviconUrl);
-    }, [data === null || data === void 0 ? void 0 : data.faviconUrl, data === null || data === void 0 ? void 0 : data.url, serviceConfig.proxyFaviconUrl]);
+    const proxiedImageUrl = useMemo(() => {
+        return getProxiedImageUrl(data?.image, serviceConfig.proxyImageUrl);
+    }, [data?.image, serviceConfig.proxyImageUrl]);
+    const faviconUrl = useMemo(() => {
+        return data?.faviconUrl || getFaviconUrl(data?.url, serviceConfig.proxyFaviconUrl);
+    }, [data?.faviconUrl, data?.url, serviceConfig.proxyFaviconUrl]);
     if (!data || (!data.image && !data.title)) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(_1.Card, Object.assign({ href: data.url, direction: direction, fillWidth: true, vertical: direction === "row" || direction === "row-reverse" ? "center" : undefined, gap: "4", radius: "l", background: "surface", border: "neutral-alpha-medium" }, card, { children: [displayOptions.image && (proxiedImageUrl || loading) && ((0, jsx_runtime_1.jsx)(_1.Media, { minWidth: direction === "row" || direction === "row-reverse" ? 16 : undefined, maxWidth: direction === "row" || direction === "row-reverse" ? 24 : undefined, loading: loading, radius: "l", sizes: "320px", aspectRatio: "16/9", border: "neutral-alpha-weak", src: proxiedImageUrl })), (0, jsx_runtime_1.jsxs)(_1.Column, { fillWidth: true, paddingX: "12", paddingY: "12", gap: "8", children: [(displayOptions.favicon || displayOptions.domain) && ((0, jsx_runtime_1.jsxs)(_1.Row, { fillWidth: true, gap: "8", vertical: "center", children: [displayOptions.favicon && (faviconUrl || loading) && ((0, jsx_runtime_1.jsx)(_1.Media, { aspectRatio: "1/1", src: faviconUrl, loading: loading, minWidth: "16", maxWidth: "16", radius: "xs", border: "neutral-alpha-weak", unoptimized: true })), displayOptions.domain && data.url && ((0, jsx_runtime_1.jsx)(_1.Text, { variant: "label-default-s", onBackground: "neutral-weak", children: formatDisplayUrl(data.url) }))] })), (0, jsx_runtime_1.jsxs)(_1.Column, { fillWidth: true, gap: "2", children: [displayOptions.title && data.title && ((0, jsx_runtime_1.jsx)(_1.Text, { variant: "label-default-s", children: data.title })), displayOptions.description && data.description && ((0, jsx_runtime_1.jsx)(_1.Text, { variant: "label-default-s", onBackground: "neutral-weak", children: data.description }))] })] })] })));
+    return (_jsxs(Card, { href: data.url, direction: direction, fillWidth: true, vertical: direction === "row" || direction === "row-reverse" ? "center" : undefined, gap: "4", radius: "l", background: "surface", border: "neutral-alpha-medium", ...card, children: [displayOptions.image && (proxiedImageUrl || loading) && (_jsx(Media, { minWidth: direction === "row" || direction === "row-reverse" ? 16 : undefined, maxWidth: direction === "row" || direction === "row-reverse" ? 24 : undefined, loading: loading, radius: "l", sizes: "320px", aspectRatio: "16/9", border: "neutral-alpha-weak", src: proxiedImageUrl })), _jsxs(Column, { fillWidth: true, paddingX: "12", paddingY: "12", gap: "8", children: [(displayOptions.favicon || displayOptions.domain) && (_jsxs(Row, { fillWidth: true, gap: "8", vertical: "center", children: [displayOptions.favicon && (faviconUrl || loading) && (_jsx(Media, { aspectRatio: "1/1", src: faviconUrl, loading: loading, minWidth: "16", maxWidth: "16", radius: "xs", border: "neutral-alpha-weak", unoptimized: true })), displayOptions.domain && data.url && (_jsx(Text, { variant: "label-default-s", onBackground: "neutral-weak", children: formatDisplayUrl(data.url) }))] })), _jsxs(Column, { fillWidth: true, gap: "2", children: [displayOptions.title && data.title && (_jsx(Text, { variant: "label-default-s", children: data.title })), displayOptions.description && data.description && (_jsx(Text, { variant: "label-default-s", onBackground: "neutral-weak", children: data.description }))] })] })] }));
 };
-exports.OgCard = OgCard;
 OgCard.displayName = "OgCard";
+export { OgCard };
 //# sourceMappingURL=OgCard.js.map

package/dist/components/OgCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"OgCard.js","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OgCard.js","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"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"}

package/dist/components/Option.js

@@ -1,43 +1,25 @@
-"use strict";
-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.Option = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const _1 = require(".");
-const Option_module_scss_1 = __importDefault(require("./Option.module.scss"));
-const react_1 = require("react");
-const Option = (0, react_1.forwardRef)((_a, ref) => {
-    var { label, value, href, hasPrefix, hasSuffix, description, danger, selected, highlighted, tabIndex, onClick, onLinkClick, children } = _a, props = __rest(_a, ["label", "value", "href", "hasPrefix", "hasSuffix", "description", "danger", "selected", "highlighted", "tabIndex", "onClick", "onLinkClick", "children"]);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+import { Flex, Text, ElementType } from ".";
+import styles from "./Option.module.scss";
+import { forwardRef } from "react";
+const Option = forwardRef(({ label, value, href, hasPrefix, hasSuffix, description, danger, selected, highlighted, tabIndex, onClick, onLinkClick, children, ...props }, ref) => {
     if (href && onClick) {
         console.warn("Option should not have both `href` and `onClick` props.");
     }
-    return ((0, jsx_runtime_1.jsx)(_1.ElementType, { tabIndex: tabIndex, ref: ref, href: href, className: "reset-button-styles fill-width", onLinkClick: onLinkClick, onKeyDown: (e) => {
+    return (_jsx(ElementType, { tabIndex: tabIndex, ref: ref, href: href, className: "reset-button-styles fill-width", onLinkClick: onLinkClick, onKeyDown: (e) => {
             if (e.key === "Enter" || e.key === " ") {
                 e.preventDefault();
-                onClick === null || onClick === void 0 ? void 0 : onClick(value);
+                onClick?.(value);
             }
-        }, children: (0, jsx_runtime_1.jsxs)(_1.Flex, Object.assign({}, props, { fillWidth: true, vertical: "center", paddingX: "12", paddingY: "8", gap: "12", radius: "m", role: "option", "aria-selected": selected, tabIndex: -1, borderWidth: 1, borderStyle: "solid", cursor: "interactive", transition: "micro-medium", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(value), className: (0, classnames_1.default)(Option_module_scss_1.default.option, {
-                [Option_module_scss_1.default.danger]: danger,
-                [Option_module_scss_1.default.selected]: selected,
-                [Option_module_scss_1.default.highlighted]: highlighted,
-            }), "data-value": value, children: [hasPrefix && (0, jsx_runtime_1.jsx)(_1.Flex, { className: Option_module_scss_1.default.prefix, children: hasPrefix }), children, (0, jsx_runtime_1.jsxs)(_1.Flex, { horizontal: "start", style: {
+        }, children: _jsxs(Flex, { ...props, fillWidth: true, vertical: "center", paddingX: "12", paddingY: "8", gap: "12", radius: "m", role: "option", "aria-selected": selected, tabIndex: -1, borderWidth: 1, borderStyle: "solid", cursor: "interactive", transition: "micro-medium", onClick: () => onClick?.(value), className: classNames(styles.option, {
+                [styles.danger]: danger,
+                [styles.selected]: selected,
+                [styles.highlighted]: highlighted,
+            }), "data-value": value, children: [hasPrefix && _jsx(Flex, { className: styles.prefix, children: hasPrefix }), children, _jsxs(Flex, { horizontal: "start", style: {
                         whiteSpace: "nowrap",
-                    }, fillWidth: true, direction: "column", children: [(0, jsx_runtime_1.jsx)(_1.Text, { onBackground: "neutral-strong", variant: "label-default-s", children: label }), description && ((0, jsx_runtime_1.jsx)(_1.Text, { variant: "body-default-xs", onBackground: "neutral-weak", children: description }))] }), hasSuffix && (0, jsx_runtime_1.jsx)(_1.Flex, { className: Option_module_scss_1.default.suffix, children: hasSuffix })] })) }));
+                    }, fillWidth: true, direction: "column", children: [_jsx(Text, { onBackground: "neutral-strong", variant: "label-default-s", children: label }), description && (_jsx(Text, { variant: "body-default-xs", onBackground: "neutral-weak", children: description }))] }), hasSuffix && _jsx(Flex, { className: styles.suffix, children: hasSuffix })] }) }));
 });
-exports.Option = Option;
 Option.displayName = "Option";
+export { Option };
 //# sourceMappingURL=Option.js.map

package/dist/components/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../src/components/Option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,wBAA4C;AAC5C,8EAA0C;AAC1C,iCAAyD;AAkBzD,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CACE,EAeC,EACD,GAAG,EACH,EAAE;QAjBF,EACE,KAAK,EACL,KAAK,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EACT,WAAW,EACX,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,OAET,EADI,KAAK,cAdV,0JAeC,CADS;IAIV,IAAI,IAAI,IAAI,OAAO,EAAE,CAAC;QACpB,OAAO,CAAC,IAAI,CAAC,yDAAyD,CAAC,CAAC;IAC1E,CAAC;IAED,OAAO,CACL,uBAAC,cAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,gCAAgC,EAC1C,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,CAAC,CAA6B,EAAE,EAAE;YAC3C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;YACnB,CAAC;QACH,CAAC,YAED,wBAAC,OAAI,oBACC,KAAK,IACT,SAAS,QACT,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,GAAG,EACZ,GAAG,EAAC,IAAI,EACR,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,QAAQ,mBACE,QAAQ,EACvB,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,MAAM,EAAC,aAAa,EACpB,UAAU,EAAC,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,EAC/B,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAAM,CAAC,MAAM,EAAE;gBACnC,CAAC,4BAAM,CAAC,MAAM,CAAC,EAAE,MAAM;gBACvB,CAAC,4BAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC3B,CAAC,4BAAM,CAAC,WAAW,CAAC,EAAE,WAAW;aAClC,CAAC,gBACU,KAAK,aAEhB,SAAS,IAAI,uBAAC,OAAI,IAAC,SAAS,EAAE,4BAAM,CAAC,MAAM,YAAG,SAAS,GAAQ,EAC/D,QAAQ,EACT,wBAAC,OAAI,IACH,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE;wBACL,UAAU,EAAE,QAAQ;qBACrB,EACD,SAAS,QACT,SAAS,EAAC,QAAQ,aAElB,uBAAC,OAAI,IAAC,YAAY,EAAC,gBAAgB,EAAC,OAAO,EAAC,iBAAiB,YAC1D,KAAK,GACD,EACN,WAAW,IAAI,CACd,uBAAC,OAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,cAAc,YACxD,WAAW,GACP,CACR,IACI,EACN,SAAS,IAAI,uBAAC,OAAI,IAAC,SAAS,EAAE,4BAAM,CAAC,MAAM,YAAG,SAAS,GAAQ,KAC3D,GACK,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,wBAAM;AADf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../src/components/Option.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAC5C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAc,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAC;AAkBzD,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EACE,KAAK,EACL,KAAK,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EACT,WAAW,EACX,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,IAAI,IAAI,IAAI,OAAO,EAAE,CAAC;QACpB,OAAO,CAAC,IAAI,CAAC,yDAAyD,CAAC,CAAC;IAC1E,CAAC;IAED,OAAO,CACL,KAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,gCAAgC,EAC1C,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,CAAC,CAA6B,EAAE,EAAE;YAC3C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;QACH,CAAC,YAED,MAAC,IAAI,OACC,KAAK,EACT,SAAS,QACT,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,GAAG,EACZ,GAAG,EAAC,IAAI,EACR,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,QAAQ,mBACE,QAAQ,EACvB,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,MAAM,EAAC,aAAa,EACpB,UAAU,EAAC,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EAC/B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE;gBACnC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM;gBACvB,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC3B,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,WAAW;aAClC,CAAC,gBACU,KAAK,aAEhB,SAAS,IAAI,KAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,MAAM,YAAG,SAAS,GAAQ,EAC/D,QAAQ,EACT,MAAC,IAAI,IACH,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE;wBACL,UAAU,EAAE,QAAQ;qBACrB,EACD,SAAS,QACT,SAAS,EAAC,QAAQ,aAElB,KAAC,IAAI,IAAC,YAAY,EAAC,gBAAgB,EAAC,OAAO,EAAC,iBAAiB,YAC1D,KAAK,GACD,EACN,WAAW,IAAI,CACd,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,cAAc,YACxD,WAAW,GACP,CACR,IACI,EACN,SAAS,IAAI,KAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,MAAM,YAAG,SAAS,GAAQ,IAC3D,GACK,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}