@4alldigital/foundation-ui--gamma 1.41.2 → 1.42.0

package/dist/index.esm.js

@@ -1,1994 +1 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React, { useRef, useEffect, useState, useMemo, createContext, useContext } from 'react';
-import cx from 'classnames';
-import { useInView, useIsomorphicLayoutEffect, animate, motion, motionValue, useAnimation } from 'framer-motion';
-import { twMerge } from 'tailwind-merge';
-import { Icon as Icon$1 } from '@iconify/react';
-import { Tabs as Tabs$1, TabList, Tab, TabPanel } from 'react-tabs';
-import { useForm, FormProvider, useFormContext, Controller } from 'react-hook-form';
-import HoverVideoPlayer from 'react-hover-video-player';
-import ReactPlayer from 'react-player/youtube';
-import videojs from 'video.js';
-import parse, { attributesToProps, domToReact } from 'html-react-parser';
-import { FacebookShareButton, TwitterShareButton, WhatsappShareButton, EmailShareButton, LinkedinShareButton } from 'react-share';
-import ROtpInput from 'react-otp-input';
-import ElasticSearchAPIConnector from '@elastic/search-ui-elasticsearch-connector';
-import { SearchContext, SearchProvider, WithSearch, ErrorBoundary, SearchBox as SearchBox$1, Sorting as Sorting$1, Facet, Results as Results$1, PagingInfo as PagingInfo$1, ResultsPerPage as ResultsPerPage$1, Paging as Paging$1 } from '@elastic/react-search-ui';
-import RCPagination from 'rc-pagination';
-import enUsLocale from 'rc-pagination/lib/locale/en_US';
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(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;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-var AnimationCounter = function (_a) {
-    var testID = _a.testID, from = _a.from, to = _a.to, animationOptions = _a.animationOptions, className = _a.className, _b = _a.numDecimals, numDecimals = _b === void 0 ? 0 : _b;
-    var ref = React.useRef(null);
-    var inView = useInView(ref, { once: true });
-    useIsomorphicLayoutEffect(function () {
-        var element = ref.current;
-        if (!element || !inView) {
-            return;
-        }
-        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
-            element.textContent = to.toString();
-            return;
-        }
-        element.textContent = from.toString();
-        var controls = animate(from, to, __assign(__assign({ duration: 1, ease: 'easeOut' }, animationOptions), { onUpdate: function (value) {
-                element.textContent = value.toFixed(numDecimals);
-            } }));
-        return function () {
-            controls.stop();
-        };
-    }, [ref, inView, from, to, animationOptions]);
-    return jsx("span", { ref: ref, "data-testid": testID || 'AnimationCounter', className: cx('relative', className) });
-};
-AnimationCounter.displayName = 'AnimationCounter';
-
-var Blockquote = function (_a) {
-    var text = _a.text, citation = _a.citation, className = _a.className, citationAttribute = _a.citationAttribute, _b = _a.showIcon, showIcon = _b === void 0 ? true : _b;
-    var classes = cx('text-xl italic font-bold', className);
-    return (jsxs("blockquote", { "data-testid": "Blockquote", className: classes, children: [showIcon && jsx("svg", { "aria-hidden": "true", className: "w-10 h-10", viewBox: "0 0 24 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M14.017 18L14.017 10.609C14.017 4.905 17.748 1.039 23 0L23.995 2.151C21.563 3.068 20 5.789 20 8H24V18H14.017ZM0 18V10.609C0 4.905 3.748 1.038 9 0L9.996 2.151C7.563 3.068 6 5.789 6 8H9.983L9.983 18L0 18Z", fill: "currentColor" }) }), jsx("div", { children: text }), citation && (jsx("figcaption", { className: "flex flex-start items-center mt-6 space-x-3", children: jsxs("div", { className: "flex items-center divide-x-2", children: [jsx("cite", { className: "pr-3 font-medium", children: citation }), citationAttribute && jsx("cite", { className: "pl-3 text-sm font-light", children: citationAttribute })] }) }))] }));
-};
-Blockquote.displayName = 'Blockquote';
-
-var BTN_TYPES;
-(function (BTN_TYPES) {
-    BTN_TYPES["SUBMIT"] = "submit";
-    BTN_TYPES["RESET"] = "reset";
-    BTN_TYPES["BUTTON"] = "button";
-})(BTN_TYPES || (BTN_TYPES = {}));
-var BTN_VARIANTS;
-(function (BTN_VARIANTS) {
-    BTN_VARIANTS["PRIMARY"] = "primary";
-    BTN_VARIANTS["SECONDARY"] = "secondary";
-    BTN_VARIANTS["TERTIARY"] = "tertiary";
-    BTN_VARIANTS["LINK"] = "link";
-    // DANGER = 'danger',
-    // WARNING = 'warning',
-    // SUCCESS = 'success',
-    // INFO = 'info',
-})(BTN_VARIANTS || (BTN_VARIANTS = {}));
-var BTN_SIZES;
-(function (BTN_SIZES) {
-    BTN_SIZES["SMALL"] = "small";
-    BTN_SIZES["MEDIUM"] = "medium";
-    BTN_SIZES["LARGE"] = "large";
-})(BTN_SIZES || (BTN_SIZES = {}));
-
-/**
- * Icon component
- * List of supported icons can be found at https://icon-sets.iconify.design.
- */
-var Icon = function (_a) {
-    // if (color) {
-    //   return (
-    //     <IconifyIcon
-    //       data-testid={testID || id || 'Icon'}
-    //       icon={name}
-    //       width={size}
-    //       height={size}
-    //       color={color}
-    //       className={className}
-    //       fill={color || 'currentColor'}
-    //     />
-    //   );
-    // }
-    var name = _a.name, _b = _a.size, size = _b === void 0 ? 24 : _b, color = _a.color, id = _a.id, className = _a.className, testID = _a.testID;
-    return (jsx(Icon$1, { "data-testid": testID || id || 'Icon', icon: name, width: size, height: size, color: color || 'currentColor', className: className }));
-};
-Icon.displayName = 'Icon';
-
-var Loader = function (_a) {
-    var color = _a.color, _b = _a.size, size = _b === void 0 ? 8 : _b, _c = _a.thickness, thickness = _c === void 0 ? 4 : _c;
-    var sizeClass = size ? "w-".concat(size, " h-").concat(size) : 'w-8 h-8';
-    return (jsx("div", { "data-testid": "Loader", className: 'flex items-center justify-center', children: jsxs("div", { role: "status", className: 'flex items-center', children: [jsxs("svg", { className: "animate-spin ".concat(sizeClass, " text-white"), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: color || 'currentColor', strokeWidth: thickness }), jsx("path", { className: "opacity-75", fill: color || 'currentColor', d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), jsx("span", { className: "sr-only", children: "Loading..." })] }) }));
-};
-Loader.displayName = 'Loader';
-
-var Button = function (_a) {
-    var _b, _c, _d, _e;
-    var _f = _a.variant, variant = _f === void 0 ? BTN_VARIANTS.PRIMARY : _f, _g = _a.size, size = _g === void 0 ? BTN_SIZES.MEDIUM : _g, _h = _a.type, type = _h === void 0 ? BTN_TYPES.BUTTON : _h, _j = _a.wide, wide = _j === void 0 ? true : _j, _k = _a.rounded, rounded = _k === void 0 ? true : _k, _l = _a.raised, raised = _l === void 0 ? true : _l, uppercase = _a.uppercase, children = _a.children, id = _a.id, disabled = _a.disabled, ariaLabel = _a.ariaLabel, onClick = _a.onClick, icon = _a.icon, external = _a.external, iconFirst = _a.iconFirst, outline = _a.outline, testID = _a.testID, className = _a.className, isLoading = _a.isLoading;
-    var smallX = wide ? 'px-5' : 'px-3';
-    var mediumX = wide ? 'px-8' : 'px-4';
-    var largeX = wide ? 'px-11' : 'px-5';
-    var sizes = {
-        small: {
-            x: children ? smallX : 'px-1',
-            y: 'py-1',
-            space: 'space-x-2',
-            text: 'text-sm',
-            icon: 'w-3 h-3',
-        },
-        medium: {
-            x: children ? mediumX : 'px-2',
-            y: 'py-2',
-            space: 'space-x-3',
-            text: 'text-base',
-            icon: 'w-5 h-5',
-        },
-        large: {
-            x: children ? largeX : 'px-3',
-            y: 'py-3',
-            space: 'space-x-4',
-            text: 'text-lg',
-            icon: 'w-6 h-6',
-        },
-    };
-    var classes = twMerge(cx('appearance-none font-body flex items-center transition-all duration-200 transform active:scale-95 justify-around border-solid border rounded cursor-pointer outline-none focus:outline-none focus-visible:outline-none', { 'border-primary': outline }, { 'border-primary300 dark:border-primary400 hover:border-primary400 dark:hover:border-primary500': outline }, { shadow: raised }, { uppercase: uppercase }, { 'auto-cols-auto grid-cols-2 gap-4': isLoading || icon || external }, { 'rounded-full': rounded }, { 'flex-row-reverse': iconFirst }, { 'opacity-50 cursor-not-allowed': disabled }, "".concat((_b = sizes === null || sizes === void 0 ? void 0 : sizes[size]) === null || _b === void 0 ? void 0 : _b.y, " ").concat((_c = sizes === null || sizes === void 0 ? void 0 : sizes[size]) === null || _c === void 0 ? void 0 : _c.x, " ").concat((_d = sizes === null || sizes === void 0 ? void 0 : sizes[size]) === null || _d === void 0 ? void 0 : _d.text), { 'text-white border-primary bg-primary hover:bg-primary-darker': variant === BTN_VARIANTS.PRIMARY }, { 'text-white border-secondary bg-secondary hover:bg-secondary-darker': variant === BTN_VARIANTS.SECONDARY }, { 'text-black border-tertiary bg-tertiary hover:bg-tertiary-darker': variant === BTN_VARIANTS.TERTIARY }, {
-        'px-0 text-primary border-transparent bg-transparent hover:bg-transparent shadow-none group-hover:invert': variant === BTN_VARIANTS.LINK,
-    }, className));
-    var iconClasses = cx((_e = sizes === null || sizes === void 0 ? void 0 : sizes[size]) === null || _e === void 0 ? void 0 : _e.icon);
-    return (jsx("button", { id: id, "data-testid": testID || id || 'Button', onClick: onClick, className: classes, type: type, disabled: disabled, "aria-label": ariaLabel, role: "button", children: jsxs(Fragment, { children: [children, icon && !external && (jsx("span", { className: "flex items-center", children: jsx(Icon, { name: icon, className: iconClasses }) })), external && (jsx("span", { className: "flex items-center", children: jsx(Icon, { name: "carbon:launch", className: iconClasses }) })), isLoading && (jsx("div", { className: "flex items-center", children: jsx(Loader, { size: 4 }) }))] }) }));
-};
-Button.displayName = 'Button';
-
-var Checkbox = React.forwardRef(function MyInput(_a, ref) {
-    var id = _a.id, label = _a.label, required = _a.required, className = _a.className, disabled = _a.disabled, rest = __rest(_a, ["id", "label", "required", "className", "disabled"]);
-    return (jsxs("div", { "data-testid": "Checkbox", className: cx('flex items-center', className), children: [jsxs("div", { className: "relative bg-none w-5 h-5 flex justify-center items-center", children: [jsx("input", __assign({ id: id, ref: ref, disabled: disabled, type: "checkbox", className: "form-item checkbox m-0 appearance-none peer h-full w-full shrink-0 focus:ring-2", required: required }, rest)), jsx("span", { className: "absolute transition-opacity opacity-0 pointer-events-none peer-checked:opacity-100 w-full h-full flex items-center justify-center top-0 left-0", children: jsx(Icon, { name: "mdi:check-bold", size: 12 }) })] }), label && (jsx("label", { className: "label pl-2 leading-none text-sm", htmlFor: id, children: label }))] }));
-});
-Checkbox.displayName = 'Checkbox';
-
-var Link = function (_a) {
-    var href = _a.href, children = _a.children, _b = _a.onClick, onClick = _b === void 0 ? function () { return console.log('Link clicked'); } : _b, history = _a.history, target = _a.target, id = _a.id, testID = _a.testID, className = _a.className, prefetch = _a.prefetch, _c = _a.hideExternalIcon, hideExternalIcon = _c === void 0 ? false : _c;
-    var linkClasses = cx('link cursor-pointer no-underline text-body-text dark:text-dark-body-text', className);
-    // Check if link is external
-    var isExternal = !hideExternalIcon && href && href.startsWith('http');
-    if (isExternal) {
-        return (jsxs("span", { children: [jsx("a", { "data-testid": testID || id || 'Link', className: cx(linkClasses), href: href, target: "_blank", rel: "noopener noreferrer", children: children }), jsx(Icon, { name: "mdi:external-link", className: "inline-block w-4 h-4 ml-1 mb-0" })] }));
-    }
-    // Allow for non-next.js Application usage.
-    try {
-        // eslint-disable-next-line @typescript-eslint/no-var-requires
-        var nextLink = require('next/link').default;
-        if (!nextLink)
-            throw new Error('Next.js Image not found');
-        return React.createElement(nextLink, {
-            href: href,
-            'data-testid': testID || id || 'Link',
-            className: linkClasses,
-            target: target || '_self',
-            prefetch: prefetch || false,
-        }, children);
-    }
-    catch (_d) {
-        console.log('Not using Next Link.');
-        var handleClick = function (event) {
-            if (onClick) {
-                onClick(event);
-                return;
-            }
-            if (event.defaultPrevented === true) {
-                return;
-            }
-            if (history && href) {
-                event.preventDefault();
-                history.push(href);
-            }
-        };
-        return (jsx("a", { "data-testid": testID || id || 'Link', className: linkClasses, href: href, onClick: handleClick, target: target, children: children }));
-    }
-};
-Link.displayName = 'Link';
-
-var Chip = function (_a) {
-    var testID = _a.testID, text = _a.text, outline = _a.outline, rounded = _a.rounded, variant = _a.variant, _b = _a.size, size = _b === void 0 ? 'medium' : _b, icon = _a.icon, iconFirst = _a.iconFirst, onClick = _a.onClick;
-    var classes = twMerge(cx('flex inline-flex items-center justify-center rounded select-none gap-2', { 'border border-solid border-primary': outline }, { 'rounded-full': rounded }, { 'flex-row-reverse': iconFirst }, {
-        'bg-primary text-white': variant === 'primary',
-    }, { 'bg-secondary text-white': variant === 'secondary' }, { 'bg-info text-white': variant === 'info' }, {
-        'bg-success text-white': variant === 'success',
-    }, { 'bg-warning text-white': variant === 'warning' }, { 'bg-error text-white': variant === 'error' }, {
-        'py-1 px-2': size === 'small',
-    }, { 'py-2 px-4': size === 'medium' }, { 'py-3 px-6': size === 'large' }));
-    if (onClick && typeof onClick === 'function') {
-        return (jsxs(Link, { "data-testid": testID || 'Chip', className: classes, onClick: onClick, children: [jsx("div", { children: text }), icon && (jsx("div", { className: "flex items-center justify-center", children: jsx(Icon, { name: icon }) }))] }));
-    }
-    return (jsxs("div", { "data-testid": testID || 'Chip', className: classes, children: [jsx("div", { children: text }), icon && (jsx("div", { className: "flex items-center justify-center", children: jsx(Icon, { name: icon }) }))] }));
-};
-Chip.displayName = 'Chip';
-
-var COPY_ALIGN;
-(function (COPY_ALIGN) {
-    COPY_ALIGN["LEFT"] = "left";
-    COPY_ALIGN["CENTER"] = "center";
-    COPY_ALIGN["RIGHT"] = "right";
-    COPY_ALIGN["JUSTIFY"] = "justify";
-    COPY_ALIGN["NOWRAP"] = "nowrap";
-})(COPY_ALIGN || (COPY_ALIGN = {}));
-var COPY_TRANSFORM;
-(function (COPY_TRANSFORM) {
-    COPY_TRANSFORM["LOWERCASE"] = "lowercase";
-    COPY_TRANSFORM["UPPERCASE"] = "uppercase";
-    COPY_TRANSFORM["CAPITALIZE"] = "capitalize";
-    COPY_TRANSFORM["NORMALCASE"] = "normal-case";
-})(COPY_TRANSFORM || (COPY_TRANSFORM = {}));
-var COPY_CONTEXTUAL;
-(function (COPY_CONTEXTUAL) {
-    COPY_CONTEXTUAL["INVERTED"] = "inverted";
-    COPY_CONTEXTUAL["MUTED"] = "muted";
-})(COPY_CONTEXTUAL || (COPY_CONTEXTUAL = {}));
-var COPY_SIZE;
-(function (COPY_SIZE) {
-    COPY_SIZE["SMALL"] = "small";
-    COPY_SIZE["LARGE"] = "large";
-    COPY_SIZE["INTRO"] = "intro";
-})(COPY_SIZE || (COPY_SIZE = {}));
-var COPY_TAG;
-(function (COPY_TAG) {
-    COPY_TAG["P"] = "p";
-    COPY_TAG["SPAN"] = "span";
-    COPY_TAG["DIV"] = "div";
-    COPY_TAG["SMALL"] = "small";
-})(COPY_TAG || (COPY_TAG = {}));
-
-var Copy = function (_a) {
-    var _b;
-    var children = _a.children, _c = _a.as, Tag = _c === void 0 ? COPY_TAG.P : _c, size = _a.size, align = _a.align, transform = _a.transform, id = _a.id, className = _a.className, testID = _a.testID;
-    var classes = cx((_b = {}, _b["text-".concat(align)] = align, _b), { 'text-sm': size === 'small' }, { 'text-lg': size === 'large' }, { 'text-2xl': size === 'intro' }, { 'mb-3 leading-5 mt-0': Tag === 'p' }, { 'text-sm': Tag === 'small' }, 
-    //'body-text',
-    transform, className);
-    return (jsx(Tag, { "data-testid": testID || id || 'Copy', className: twMerge(classes), children: children }));
-};
-Copy.displayName = 'Copy';
-
-var FileUpload = React.forwardRef(function FileUploadInput(_a, ref) {
-    var id = _a.id, name = _a.name, required = _a.required, disabled = _a.disabled, className = _a.className, onChangeCallback = _a.onChangeCallback, onChange = _a.onChange, rest = __rest(_a, ["id", "name", "required", "disabled", "className", "onChangeCallback", "onChange"]);
-    var handleFileChange = function (event) {
-        if (onChangeCallback && typeof onChangeCallback === 'function') {
-            onChangeCallback(event);
-        }
-        if (onChange && typeof onChange === 'function') {
-            onChange({ target: { value: event.target.value, name: name } });
-        }
-    };
-    return (jsx("div", { "data-testid": "FileUpload", className: className, children: jsx("input", __assign({ ref: ref, className: cx('form-item text-input file-upload p-0 relative m-0 min-w-0 flex-auto appearance-none block box-border bg-clip-padding file:p-3 file:cursor-pointer file:mr-3 file:overflow-hidden cursor-pointer file:border-0 file:rounded-none file:border-solid file:border-inherit file:transition file:duration-150 file:ease-in-out file:[border-inline-end-width:1px] file:[margin-inline-end:0.75rem] '), "aria-describedby": name, type: "file", disabled: disabled, required: required, name: name, id: id, onChange: handleFileChange }, rest)) }));
-});
-FileUpload.displayName = 'FileUpload';
-
-var HEADING_TAGS;
-(function (HEADING_TAGS) {
-    HEADING_TAGS["H1"] = "h1";
-    HEADING_TAGS["H2"] = "h2";
-    HEADING_TAGS["H3"] = "h3";
-    HEADING_TAGS["H4"] = "h4";
-    HEADING_TAGS["H5"] = "h5";
-})(HEADING_TAGS || (HEADING_TAGS = {}));
-var HEADING_ALIGN;
-(function (HEADING_ALIGN) {
-    HEADING_ALIGN["LEFT"] = "left";
-    HEADING_ALIGN["CENTER"] = "center";
-    HEADING_ALIGN["RIGHT"] = "right";
-    HEADING_ALIGN["JUSTIFY"] = "justify";
-    HEADING_ALIGN["NOWRAP"] = "nowrap";
-})(HEADING_ALIGN || (HEADING_ALIGN = {}));
-var HEADING_TRANSFORM;
-(function (HEADING_TRANSFORM) {
-    HEADING_TRANSFORM["LOWERCASE"] = "lowercase";
-    HEADING_TRANSFORM["UPPERCASE"] = "uppercase";
-    HEADING_TRANSFORM["CAPITALIZE"] = "capitalize";
-    HEADING_TRANSFORM["NORMAL_CASE"] = "normal-case";
-})(HEADING_TRANSFORM || (HEADING_TRANSFORM = {}));
-
-var Heading = function (_a) {
-    var _b;
-    var children = _a.children, _c = _a.tag, tag = _c === void 0 ? HEADING_TAGS.H2 : _c, transform = _a.transform, align = _a.align, id = _a.id, testID = _a.testID, flush = _a.flush, className = _a.className, singleLine = _a.singleLine;
-    var fontSize = function () {
-        switch (tag) {
-            case 'h1':
-                return 'text-5xl md:text-5xl lg:text-5xl';
-            case 'h2':
-                return 'text-4xl md:text-4xl lg:text-4xl';
-            case 'h3':
-                return 'text-3xl md:text-3xl lg:text-3xl';
-            case 'h4':
-                return 'text-2xl md:text-2xl lg:text-2xl';
-            case 'h5':
-                return 'text-lg md:text-lg lg:text-lg';
-            default:
-                return 'text-2xl md:text-2xl lg:text-2xl';
-        }
-    };
-    var size = fontSize();
-    var Tag = tag;
-    var classes = cx("m-0 p-0 font-heading font-bold ".concat(size), (_b = {}, _b["text-".concat(align)] = align, _b), { 'mb-2': !flush }, { 'm-0': flush }, { 'whitespace-nowrap text-ellipsis overflow-hidden': singleLine }, transform, className);
-    return (jsx(Tag, { "data-testid": testID || id || 'Heading', className: classes, children: children }));
-};
-Heading.displayName = 'Heading';
-
-var Hr = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'small' : _b;
-    return (jsx("hr", { className: cx('border-0 border-b border-dark-body-text dark:border-dark-body-text', {
-            'mt-4 mb-4': size === 'small',
-            'mt-8 mb-8': size === 'medium',
-            'mt-16 mb-16 ': size === 'large',
-        }) }));
-};
-Hr.displayName = 'Hr';
-
-var Image = function (_a) {
-    var src = _a.src, alt = _a.alt, title = _a.title, caption = _a.caption, _b = _a.figure, figure = _b === void 0 ? false : _b, onLoad = _a.onLoad, id = _a.id, className = _a.className, _c = _a.sizes, sizes = _c === void 0 ? '(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw' : _c, testID = _a.testID, rest = __rest(_a, ["src", "alt", "title", "caption", "figure", "onLoad", "id", "className", "sizes", "testID"]);
-    try {
-        // eslint-disable-next-line @typescript-eslint/no-var-requires
-        var nextImage = require('next/image').default;
-        if (!nextImage)
-            throw new Error('Next.js Image not found');
-        var hasFill = !rest.width ? true : false;
-        var useSizes = hasFill ? { sizes: sizes } : {};
-        return React.createElement(nextImage, __assign(__assign({ src: typeof src === 'string' ? src : src, alt: alt, title: title, fill: hasFill, onLoad: onLoad, className: className }, useSizes), rest));
-    }
-    catch (_d) {
-        var figureClasses = cx('m-0');
-        var classes = cx('w-full h-full', className);
-        /**
-         * Render as a figure.
-         */
-        if (figure || caption) {
-            return (jsxs("figure", { "data-testid": testID || id || 'Image', className: figureClasses, children: [jsx("img", { onLoad: onLoad, src: src, alt: alt, title: title, className: classes }), caption && jsx("figcaption", { children: caption })] }));
-        }
-        /**
-         * Default render as an image.
-         */
-        return (jsx("img", { "data-testid": testID || id || 'Image', onLoad: onLoad, src: src, alt: alt, title: title, className: classes }));
-    }
-};
-Image.displayName = 'Image';
-
-var Label = function (_a) {
-    var children = _a.children, id = _a.id, transform = _a.transform, className = _a.className;
-    return (jsx("label", { "data-testid": "Label", className: twMerge(cx('label mb-2', transform, className)), htmlFor: id, children: children }));
-};
-Label.displayName = 'Label';
-
-var Variants;
-(function (Variants) {
-    Variants["UNSTYLED"] = "unstyled";
-    Variants["INLINE"] = "inline";
-    Variants["SMALL"] = "small";
-    Variants["LARGE"] = "large";
-})(Variants || (Variants = {}));
-var ListTag;
-(function (ListTag) {
-    ListTag["OL"] = "ol";
-    ListTag["UL"] = "ul";
-    ListTag["DL"] = "dl";
-    ListTag["DIV"] = "div";
-    ListTag["DT"] = "dt";
-    ListTag["DD"] = "dd";
-    ListTag["LI"] = "li";
-})(ListTag || (ListTag = {}));
-
-var List = function (_a) {
-    var variants = _a.variants, children = _a.children, _b = _a.as, as = _b === void 0 ? ListTag.UL : _b, id = _a.id, testID = _a.testID, className = _a.className;
-    var modifiers = variants ? variants.map(function (el) { return "list--".concat(el); }) : null;
-    var Tag = as;
-    return (jsx(Tag, { "data-testid": testID || id || 'List', className: cx(modifiers, className), children: children }));
-};
-List.displayName = 'List';
-
-var Logo = function (_a) {
-    var testID = _a.testID, logo = _a.logo, className = _a.className, _b = _a.aspectRatioClass, aspectRatioClass = _b === void 0 ? 'aspect-[1/1]' : _b;
-    return (jsx("div", { "data-testid": testID || 'Logo', className: cx('relative w-full', aspectRatioClass, className), children: jsx(Image, { src: logo, alt: "logo", fill: true, sizes: "(max-width: 600px) 100px, 200px", priority: true }) }));
-};
-Logo.displayName = 'Logo';
-
-var Notice = function (_a) {
-    var id = _a.id, testID = _a.testID, title = _a.title, text = _a.text, icon = _a.icon, type = _a.type, onCloseCallback = _a.onCloseCallback, onClickCallback = _a.onClickCallback, actionText = _a.actionText;
-    var classes = cx('p-4 rounded relative', {
-        'bg-info text-white': type === 'info',
-        'bg-success text-white': type === 'success',
-        'bg-warning text-black': type === 'warning',
-        'bg-error text-white': type === 'error',
-    });
-    return (jsx("div", { "data-testid": testID || id || 'Notice', className: classes, children: jsxs("div", { className: "flex gap-2", children: [icon && (jsx("div", { className: "mr-2", children: jsx(Icon, { name: icon }) })), jsxs("div", { children: [title && jsx(Heading, { tag: HEADING_TAGS.H3, children: title }), jsx(Copy, { className: "mb-0", children: text })] }), onClickCallback && actionText && (jsx("div", { className: "ml-auto flex items-end", children: jsx(Button, { variant: BTN_VARIANTS.PRIMARY, onClick: onClickCallback, "aria-label": "Action", size: BTN_SIZES.SMALL, children: actionText }) })), onCloseCallback && (jsx("div", { className: "absolute top-2 right-4", children: jsx(Button, { variant: BTN_VARIANTS.LINK, icon: "mdi:close", onClick: onCloseCallback, "aria-label": "Close" }) }))] }) }));
-};
-Notice.displayName = 'Notice';
-
-var Radio = React.forwardRef(function MyInput(_a, ref) {
-    var name = _a.name, required = _a.required, className = _a.className, options = _a.options, rest = __rest(_a, ["name", "required", "className", "options"]);
-    return (jsx("div", { "data-testid": "Radio", className: cx('flex items-center', className), children: jsx("div", { className: cx('flex flex-col gap-2', className), children: options === null || options === void 0 ? void 0 : options.map(function (option) {
-                var _a;
-                var value = ((_a = option === null || option === void 0 ? void 0 : option.value) === null || _a === void 0 ? void 0 : _a.toString()) || undefined;
-                return (jsxs("div", { className: "flex items-center relative", children: [jsxs("div", { className: "relative flex items-center", children: [jsx("input", __assign({ ref: ref, name: name, type: "radio", required: required, className: "form-item radio peer appearance-none m-0 p-0 w-4 h-4" }, rest, { 
-                                    // Prevent controller overriding radio values.
-                                    id: value, value: value })), jsx("div", { className: "form-icon opacity-0 peer-checked:opacity-100 absolute w-4 h-4 flex items-center justify-center top-0 left-0 pointer-events-none", children: jsx(Icon, { name: "mdi:circle", size: 12 }) })] }), jsx("label", { className: "label pl-2 leading-none", htmlFor: value, children: option.label })] }, value));
-            }) }) }));
-});
-Radio.displayName = 'Radio';
-
-var Switch = React.forwardRef(function MyInput(_a, ref) {
-    var id = _a.id, name = _a.name, required = _a.required, disabled = _a.disabled, className = _a.className, rest = __rest(_a, ["id", "name", "required", "disabled", "className"]);
-    return (jsxs("label", { "data-testid": "Switch", className: cx('inline-flex items-center cursor-pointer', className), children: [jsx("input", __assign({ ref: ref, id: id, name: name, type: "checkbox", value: "", className: "sr-only peer", disabled: disabled, required: required }, rest)), jsx("div", { className: "form-item switch peer-focus:ring-info dark:peer-focus:ring-info relative w-11 h-6 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[1px] after:start-[1px] after:bg-white after:border after:rounded-full after:h-5 after:w-5 after:transition-all transition-all" })] }));
-});
-Switch.displayName = 'Switch';
-
-var InputType;
-(function (InputType) {
-    InputType["TEXT"] = "text";
-    InputType["PASSWORD"] = "password";
-    InputType["EMAIL"] = "email";
-    InputType["NUMBER"] = "number";
-    InputType["TEL"] = "tel";
-    InputType["URL"] = "url";
-    InputType["SEARCH"] = "search";
-    InputType["DATE"] = "date";
-    InputType["TIME"] = "time";
-    InputType["DATETIME"] = "datetime-local";
-    InputType["MONTH"] = "month";
-    InputType["WEEK"] = "week";
-    InputType["FILE"] = "file";
-    InputType["TEXTAREA"] = "textarea";
-    InputType["HIDDEN"] = "hidden";
-})(InputType || (InputType = {}));
-
-var TextInput = React.forwardRef(function MyInput(_a, ref) {
-    var _b = _a.type, type = _b === void 0 ? InputType.TEXT : _b, _c = _a.required, required = _c === void 0 ? false : _c, className = _a.className, onChange = _a.onChange, placeholder = _a.placeholder, icon = _a.icon, _d = _a.disabled, disabled = _d === void 0 ? false : _d, name = _a.name, autoComplete = _a.autoComplete, rest = __rest(_a, ["type", "required", "className", "onChange", "placeholder", "icon", "disabled", "name", "autoComplete"]);
-    React.useEffect(function () {
-        if (typeof window !== 'undefined') {
-            // eslint-disable-next-line global-require
-            require('date-input-polyfill');
-        }
-    }, []);
-    var format = 'dd/mm/yyyy';
-    var placeholderSet = type === 'date' ? format.toUpperCase() : placeholder;
-    if (type === InputType.TEXTAREA) {
-        return (jsx("div", { "data-testid": "TextInput", className: "relative", children: jsx("textarea", __assign({ ref: ref, id: name, autoComplete: name, required: required, "aria-required": required, disabled: disabled, placeholder: placeholderSet, onChange: onChange, rows: 4, className: cx('form-item text-input resize-none', className) }, rest)) }));
-    }
-    return (jsxs("div", { "data-testid": "TextInput", className: "relative", children: [icon && (jsx("div", { className: "form-icon absolute inset-y-0 start-3 flex items-center ps-3.5 pointer-events-none", children: jsx(Icon, { name: icon }) })), jsx("input", __assign({ ref: ref, id: name, type: type, autoComplete: autoComplete, required: required, "aria-required": required, disabled: disabled, placeholder: placeholderSet, onChange: onChange, className: cx('form-item text-input', { 'pl-12': icon }, className) }, rest))] }));
-});
-TextInput.displayName = 'TextInput';
-
-var en = {
-    GLOBAL: {},
-    FORMS: {
-        LOGIN_FORM: {
-            TITLE: 'Login',
-            SUBMIT: 'Login',
-            FORGOT_PASSWORD: 'Forgot password?',
-            REGISTER: 'Register',
-            EMAIL: 'Email',
-            PASSWORD: 'Password',
-        },
-        REGISTER_FORM: {
-            TITLE: 'Register',
-            SUBMIT: 'Register',
-            EMAIL: 'Email',
-            PASSWORD: 'Password',
-            PASSWORD_DESCRIPTION: 'Password must be at least 8 characters long and contain at least one number, one uppercase letter, one lowercase letter, and one special character.',
-        },
-        FORGOT_PASSWORD_FORM: {
-            TITLE: 'Forgot Password',
-            SUBMIT: 'Send Reset Email',
-            EMAIL: 'Email',
-        },
-        RESET_PASSWORD_FORM: {
-            TITLE: 'Reset Password',
-            SUBMIT: 'Reset Password',
-            PASSWORD: 'Password',
-            CONFIRM_PASSWORD: 'Confirm Password',
-        },
-        PROFILE_FORM: {
-            TITLE: 'Profile',
-            SUBMIT: 'Save',
-            FIRST_NAME: 'First Name',
-            LAST_NAME: 'Last Name',
-            AVATAR: 'Avatar',
-            EMAIL: 'Email',
-            PASSWORD: 'Password',
-            PASSWORD_DESCRIPTION: 'Password must be at least 8 characters long and contain at least one number, one uppercase letter, one lowercase letter, and one special character.',
-        },
-    },
-    UI: {
-        SHOW: 'Show',
-        NO_IMAGE: 'No image',
-        UPLOAD: 'Upload',
-        SAVE: 'Save',
-        CANCEL: 'Cancel',
-        DELETE: 'Delete',
-        LOGIN_WITH_GOOGLE: 'Login with Google',
-        LOGIN_WITH_APPLE: 'Login with Apple',
-        SIGNUP_WITH_GOOGLE: 'Signup with Google',
-        SIGNUP_WITH_APPLE: 'Signup with Apple',
-        BACK_TO_LOGIN: 'Back to Login',
-        FORGOT_PASSWORD: 'Forgot Password?',
-        SUBMIT: 'Submit',
-        LOGIN: 'Login',
-        LOGOUT: 'Logout',
-        REGISTER: 'Register',
-        SOCIAL: {
-            GOOGLE: 'Google',
-            FACEBOOK: 'Facebook',
-            TWITTER: 'Twitter',
-            EMAIL: 'Email',
-        },
-        READ_MORE: 'Read more',
-        READ_LESS: 'Show less',
-        CLOSE: 'Close',
-        BACK: 'Back',
-        SHARE: 'Share',
-        DOWNLOAD: 'Download',
-        FORMAT_HOUR: '{hour}hr',
-        FORMAT_HOURS: '{hours}hrs',
-        FORMAT_MINUTE: '{minute}min',
-        FORMAT_MINUTES: '{minutes}mins',
-        LOAD_MORE_LABEL: 'Load more',
-        NO_MORE_RESULTS: "That's all folks.",
-        UNKNOWN_ERROR_TITLE: 'Unknown error',
-        UNKNOWN_ERROR_MESSAGE: 'Sorry, something bad happened! Please try again.',
-        CONTENT_SORT_TITLE: 'Sort by',
-        CONTENT_FILTERS_TITLE: 'Filters',
-        CONTENT_FILTERS_LABEL: 'Filter',
-        CLOSE_FILTERS_LABEL: 'Done',
-        CLEAR_ALL_FILTERS_LABEL: 'Clear All',
-        CLEAR_FILTERS_LABEL: 'Clear',
-        MORE_ITEMS_LABEL: 'Next items',
-        PREVIOUS_ITEMS_LABEL: 'Previous items',
-        CHOOSE_BTN_LABEL: 'Choose',
-        ADD_BTN_LABEL: 'Add',
-        SEND_BTN_LABEL: 'Send',
-        CANCEL_BTN_LABEL: 'Cancel',
-        DONE_BTN_LABEL: 'Done',
-        EDIT_BTN_LABEL: 'Edit',
-        CHANGE_BTN_LABEL: 'Change',
-        REMOVE_BTN_LABEL: 'Remove',
-        MESSAGE_PROMPT_BTN_LABEL: 'Add one',
-        SELECT_FILE_BTN_LABEL: 'Select file',
-        TOO_MANY_REQUESTS_MESSAGE: 'Too many requests. Please try again later.',
-        COPYRIGHT: 'Copyright',
-        ALL_RIGHTS_RESERVED: 'All rights reserved',
-    },
-    ERRORS: {},
-};
-
-var Avatar = function (_a) {
-    var testID = _a.testID, _b = _a.name, name = _b === void 0 ? 'avatar' : _b, _c = _a.isEditable, isEditable = _c === void 0 ? true : _c, initValue = _a.initValue;
-    var _d = React.useState(initValue), file = _d[0], setFile = _d[1];
-    return (jsxs("div", { "data-testid": testID || '"Avatar"', className: "foo-bar", children: [jsxs("div", { className: "relative w-[200px] aspect-1 rounded-full border border-solid overflow-hidden flex items-center justify-center m-4", children: [file && (jsxs(Fragment, { children: [jsx(Image, { src: file, alt: name, width: 200, height: 200 }), isEditable && (jsx("div", { className: "absolute w-full h-full flex items-center justify-center", children: jsx(Button, { onClick: function () {
-                                        setFile(undefined);
-                                    }, children: en.UI.REMOVE_BTN_LABEL }) }))] })), !file && (jsxs(Fragment, { children: [jsx("div", { className: "w-full h-full flex items-center justify-center" }), isEditable && (jsx("div", { className: "absolute w-full h-full flex items-center justify-center", children: jsx(Label, { id: name, className: "button cursor-pointer mb-0", children: jsx(Copy, { className: "mb-0", children: en.UI.UPLOAD }) }) }))] }))] }), jsx("input", { type: "file", id: name, name: name, className: "hidden", onChange: function (event) {
-                    var _a;
-                    var file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
-                    if (file) {
-                        var imageURL = URL.createObjectURL(file);
-                        setFile(imageURL);
-                    }
-                } })] }));
-};
-Avatar.displayName = 'Avatar';
-
-var AnimationSet1 = function (_a) {
-    var testID = _a.testID, bgAsset = _a.bgAsset, focalAsset1 = _a.focalAsset1, focalAsset2 = _a.focalAsset2, focalAsset3 = _a.focalAsset3;
-    var ref = useRef(null);
-    var isInView = useInView(ref);
-    console.log('isInView', isInView);
-    // Animation data.
-    var assetsInitial = { opacity: 0.001, rotate: 0, scale: 1, x: 200, y: 0 };
-    var assetsAnimate = {
-        opacity: 1,
-        rotate: 0,
-        rotateX: 0,
-        rotateY: 0,
-        scale: 1,
-        transition: { damping: 60, delay: 0, mass: 1.2, stiffness: 300, type: 'spring' },
-        x: 0,
-        y: 0,
-    };
-    return (jsxs("div", { "data-testid": testID || 'AnimationSet1', className: cx("relative w-full h-full"), children: [bgAsset && (jsx(motion.div, { className: "absolute left-1/2 top-1/2 w-full h-full", initial: {
-                    opacity: 0.001,
-                    rotate: 0,
-                    scale: 0.5,
-                    x: 0,
-                    y: 0,
-                    perspective: '1200px',
-                    translateX: '-50%',
-                    translateY: '-50%',
-                }, animate: {
-                    opacity: 0.5,
-                    rotate: 0,
-                    rotateX: 0,
-                    rotateY: 0,
-                    scale: 1.25,
-                    transition: { damping: 60, delay: 0.7, mass: 1.2, stiffness: 300, type: 'spring' },
-                    perspective: '1200px',
-                    translateX: '-50%',
-                    translateY: '-50%',
-                    x: 0,
-                    y: 0,
-                }, transition: { duration: 0.5 }, children: jsx(Image, { src: bgAsset.src, alt: bgAsset.alt, fill: true }) })), (focalAsset1 || focalAsset2) && (jsxs(motion.div, { className: "absolute right-0 top-1/2 z-10 overflow-visible w-3/4 aspect-[0.78/1]", style: { transform: 'translateY(-50%)' }, children: [focalAsset1 && (jsx(motion.div, { className: "absolute w-1/2 aspect-[0.35/1] right-16 top-0", initial: assetsInitial, animate: assetsAnimate, children: jsx(Image, { src: focalAsset1.src, alt: focalAsset1.alt, fill: true }) })), focalAsset2 && (jsx(motion.div, { className: "absolute w-1/2 aspect-[0.5/1] left-0 top-20", initial: assetsInitial, animate: __assign(__assign({}, assetsAnimate), { transition: __assign(__assign({}, assetsAnimate.transition), { delay: 0.3 }) }), children: jsx(Image, { src: focalAsset2.src, alt: focalAsset2.alt, fill: true }) }))] })), focalAsset3 && (jsx("div", { className: "absolute w-1/4 aspect-[0.5/1] flex flex-col flex-nowrap p-0 top-10 z-20 items-end justify-end left-10", children: jsx(motion.div, { className: "relative w-full overflow-visible aspect-[1.2/1]", initial: { opacity: 0.001, rotate: 0, scale: 1, x: 100, y: 0 }, animate: {
-                        opacity: 1,
-                        rotate: 0,
-                        rotateX: 0,
-                        rotateY: 0,
-                        scale: 1,
-                        transition: { damping: 60, delay: 0.6, mass: 1.2, stiffness: 300, type: 'spring' },
-                        x: 0,
-                        y: 0,
-                    }, children: jsx(Image, { src: focalAsset3.src, fill: true, alt: focalAsset3.alt }) }) }))] }));
-};
-AnimationSet1.displayName = 'AnimationSet1';
-
-var Tabs = function (_a) {
-    var data = _a.data;
-    var _b = React.useState(0), activeTab = _b[0], setActiveTab = _b[1];
-    if (!data) {
-        return jsx(Fragment, {});
-    }
-    return (jsx("div", { "data-testid": "Tabs", children: jsxs(Tabs$1, { onSelect: function (index) { return setActiveTab(index); }, children: [jsx(TabList, { className: "mb-8 flex p-0", children: data.map(function (tab, index) {
-                        return (jsx(Tab, { className: cx('list-none rel ative cursor-pointer inline-block flex-1 items-center justify-center p-4', {
-                                'border-transparent border-solid border-0 border-b-2': activeTab !== index,
-                                'border-primary border-solid border-0 border-b-2': activeTab === index,
-                            }), children: jsx(Copy, { className: "m-0 text-center", children: tab.title }) }, index));
-                    }) }), data.map(function (tab, index) { return (jsx(TabPanel, { className: "", children: tab.content }, index)); })] }) }));
-};
-Tabs.displayName = 'Tabs';
-
-var socialLoginUrlGoogle = "".concat(process.env.AWS_COGNITO_USERPOOL_DOMAIN, "/oauth2/authorize?client_id=").concat(process.env.AWS_COGNITO_CLIENT_ID, "&response_type=code&scope=aws.cognito.signin.user.admin+email+openid+profile&identity_provider=Google&redirect_uri=").concat(process.env.AWS_COGNITO_REDIRECT_URI);
-var socialLoginUrlApple = "".concat(process.env.AWS_COGNITO_USERPOOL_DOMAIN, "/oauth2/authorize?client_id=").concat(process.env.AWS_COGNITO_CLIENT_ID, "&response_type=CODE&scope=aws.cognito.signin.user.admin+email+openid+profile&identity_provider=SignInWithApple&redirect_uri=").concat(process.env.AWS_COGNITO_REDIRECT_URI);
-
-var validEmail = {
-    required: 'Email required',
-    pattern: {
-        value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
-        message: 'Invalid email address',
-    },
-};
-var validPassword = {
-    required: 'You must specify a password',
-    minLength: {
-        value: 8,
-        message: 'Password must have at least 8 characters',
-    },
-    pattern: {
-        value: /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[a-zA-Z]).{8,}$/,
-        message: 'Password must contain contain at least one number, one uppercase letter, one lowercase letter, and one special character.',
-    },
-};
-
-var Form = function (_a) {
-    var children = _a.children, className = _a.className, submit = _a.submit, _b = _a.onSubmit, onSubmit = _b === void 0 ? function () { } : _b, onChange = _a.onChange, hideSubmit = _a.hideSubmit, ariaSubmitLabel = _a.ariaSubmitLabel, submitID = _a.submitID, _c = _a.submitVariant, submitVariant = _c === void 0 ? BTN_VARIANTS.PRIMARY : _c, _d = _a.initialValues, initialValues = _d === void 0 ? {} : _d, _e = _a.isBoxed, isBoxed = _e === void 0 ? false : _e, _f = _a.submitType, submitType = _f === void 0 ? BTN_TYPES.SUBMIT : _f, _g = _a.disabledSubmitWithReturn, disabledSubmitWithReturn = _g === void 0 ? false : _g, _h = _a.isDisabled, isDisabled = _h === void 0 ? false : _h;
-    var methods = useForm({
-        defaultValues: initialValues,
-        mode: 'onBlur',
-        reValidateMode: 'onChange',
-    });
-    useEffect(function () {
-        if (onChange && typeof onChange === 'function') {
-            var subscription_1 = methods.watch(function (value, event) {
-                onChange(value, event);
-            });
-            return function () { return subscription_1.unsubscribe(); };
-        }
-    }, []);
-    var submitClasses = cx({ 'sr-only': hideSubmit });
-    var _j = methods.formState, isSubmitting = _j.isSubmitting, isDirty = _j.isDirty, isValid = _j.isValid;
-    return (jsx(FormProvider, __assign({}, methods, { children: jsx("div", { "data-testid": "Form", className: cx('w-full max-w-s @containers @form'), children: jsxs("form", { onSubmit: methods.handleSubmit(onSubmit), onKeyDown: function (event) {
-                    if (disabledSubmitWithReturn && event.key === 'Enter') {
-                        event.preventDefault();
-                    }
-                }, className: cx('w-2xs relative', { 'form px-8 pt-6 pb-8 ': isBoxed }, { 'opacity-50': isSubmitting }, className), children: [children, submit && (jsx("div", { className: "flex items-center justify-end", children: jsx(Button, { id: submitID || submit, className: submitClasses, ariaLabel: ariaSubmitLabel || submit || 'Submit', type: submitType, outline: true, isLoading: isSubmitting, disabled: isSubmitting || !isValid || !isDirty || isDisabled, variant: submitVariant, children: submit }) }))] }) }) })));
-};
-Form.displayName = 'Form';
-
-var FIELD_TYPES;
-(function (FIELD_TYPES) {
-    FIELD_TYPES["TEXT"] = "text";
-    FIELD_TYPES["TEXTAREA"] = "textarea";
-    FIELD_TYPES["SELECT"] = "select";
-    FIELD_TYPES["CHECKBOX"] = "checkbox";
-    FIELD_TYPES["RADIO"] = "radio";
-    FIELD_TYPES["SWITCH"] = "switch";
-    FIELD_TYPES["DATE"] = "date";
-    FIELD_TYPES["TIME"] = "time";
-    FIELD_TYPES["DATETIME"] = "datetime";
-    FIELD_TYPES["FILE"] = "file";
-    FIELD_TYPES["PASSWORD"] = "password";
-    FIELD_TYPES["EMAIL"] = "email";
-    FIELD_TYPES["NUMBER"] = "number";
-    FIELD_TYPES["TEL"] = "tel";
-    FIELD_TYPES["URL"] = "url";
-    FIELD_TYPES["SEARCH"] = "search";
-    FIELD_TYPES["HIDDEN"] = "hidden";
-    // MONTH = 'month',
-    // WEEK = 'week',
-    // HIDDEN = 'hidden',
-    // COLOR = 'color',
-    // RANGE = 'range',
-    // CURRENCY = 'currency',
-    // PERCENT = 'percent',
-})(FIELD_TYPES || (FIELD_TYPES = {}));
-
-var FormSelect = React.forwardRef(function MyInput(_a, ref) {
-    var id = _a.id, name = _a.name, options = _a.options, required = _a.required, className = _a.className, disabled = _a.disabled, rest = __rest(_a, ["id", "name", "options", "required", "className", "disabled"]);
-    if (!options) {
-        throw new Error('FormSelect requires options prop');
-    }
-    return (jsx("div", { id: id, className: cx('pb-2 min-w-20', className), children: jsxs("div", { className: "relative", children: [jsx("select", __assign({ ref: ref, 
-                    // id={id}
-                    name: name, disabled: disabled, required: required, className: "form-item text-input" }, rest, { children: options.map(function (option, index) {
-                        var _a, _b;
-                        return (jsx("option", { value: (_a = option === null || option === void 0 ? void 0 : option.value) === null || _a === void 0 ? void 0 : _a.toString(), disabled: option.disabled, className: "bg-body-background dark:bg-dark-body-background", children: option.label }, "".concat((_b = option === null || option === void 0 ? void 0 : option.value) === null || _b === void 0 ? void 0 : _b.toString(), "--").concat(index)));
-                    }) })), jsx("div", { className: "form-icon absolute inset-0 z-10 pointer-events-none h-full w-12 items-center justify-center top-0 right-0 left-auto flex", children: jsx(Icon, { name: "mdi:chevron-down", size: 24, className: "pointer-events-none" }) })] }) }));
-});
-FormSelect.displayName = 'FormSelect';
-
-var FormField = function (_a) {
-    var _b, _c;
-    var name = _a.name, type = _a.type, label = _a.label, required = _a.required, className = _a.className, icon = _a.icon, options = _a.options, disabled = _a.disabled, description = _a.description, showPasswordLabel = _a.showPasswordLabel, hidePasswordLabel = _a.hidePasswordLabel, _d = _a.validations, validations = _d === void 0 ? {} : _d, _e = _a.fileUploadCallback, fileUploadCallback = _e === void 0 ? function () { } : _e, autoComplete = _a.autoComplete;
-    var _f = useState(false), passwordShowStatus = _f[0], setPasswordShow = _f[1];
-    var _g = useFormContext(), control = _g.control, formState = _g.formState;
-    var errors = formState.errors;
-    var renderType = function (type, field) {
-        switch (type) {
-            case FIELD_TYPES.HIDDEN:
-                return jsx("input", __assign({ type: InputType.HIDDEN, disabled: disabled }, field));
-            case FIELD_TYPES.TEXT:
-                return (jsx(TextInput, __assign({ type: InputType.TEXT, required: required || Boolean(validations.required), icon: icon, className: className, disabled: disabled, autoComplete: autoComplete }, field)));
-            case FIELD_TYPES.PASSWORD: {
-                var toggleType = passwordShowStatus ? InputType.TEXT : InputType.PASSWORD;
-                var btnClass = 'appearance-none border-none bg-transparent flex items-center';
-                return (jsxs("div", { className: "relative", children: [jsx("span", { className: "absolute right-0 top-0 flex items-center justify-center h-full z-10 pr-2", onClick: function () { return setPasswordShow(function (pS) { return !pS; }); }, role: "button", tabIndex: 0, children: passwordShowStatus ? (jsx("button", { type: "button", "aria-label": hidePasswordLabel, className: cx(btnClass, 'form-icon'), children: jsx(Icon, { name: "mdi:eye-off", size: 24 }) })) : (jsx("button", { type: "button", "aria-label": showPasswordLabel, className: cx(btnClass, 'form-icon'), children: jsx(Icon, { name: "mdi:eye", size: 24 }) })) }), jsx(TextInput, __assign({ type: toggleType, required: required || Boolean(validations.required), icon: icon, className: className, disabled: disabled, autoComplete: autoComplete }, field))] }));
-            }
-            case FIELD_TYPES.TEXTAREA:
-                return (jsx(TextInput, __assign({ type: InputType.TEXTAREA, required: required || Boolean(validations.required), icon: icon, className: className, disabled: disabled }, field)));
-            case FIELD_TYPES.EMAIL:
-                return (jsx(TextInput, __assign({ type: InputType.EMAIL, required: required || Boolean(validations.required), icon: icon, className: className, disabled: disabled, autoComplete: autoComplete }, field)));
-            case FIELD_TYPES.DATE:
-                return (jsx(TextInput, __assign({ type: InputType.DATE, required: required || Boolean(validations.required), icon: icon, className: className, disabled: disabled }, field)));
-            case FIELD_TYPES.DATETIME:
-                return (jsx(TextInput, __assign({ type: InputType.DATETIME, required: required || Boolean(validations.required), icon: icon, className: className, disabled: disabled }, field)));
-            case FIELD_TYPES.NUMBER:
-                return (jsx(TextInput, __assign({ type: InputType.NUMBER, required: required || Boolean(validations.required), icon: icon, className: className, disabled: disabled }, field)));
-            case FIELD_TYPES.CHECKBOX:
-                return (jsx(Checkbox, __assign({ required: required || Boolean(validations.required), id: name, className: className, label: label, disabled: disabled }, field)));
-            case FIELD_TYPES.RADIO:
-                return (jsx(Radio, __assign({ required: required || Boolean(validations.required), id: name, className: className, options: options, disabled: disabled }, field)));
-            case FIELD_TYPES.SWITCH:
-                return (jsx(Switch, __assign({ id: name, required: required || Boolean(validations.required), className: className, disabled: disabled }, field)));
-            case FIELD_TYPES.SELECT:
-                return (jsx(FormSelect, __assign({ required: required || Boolean(validations.required), id: name, className: className, disabled: disabled, label: label, options: options }, field)));
-            case FIELD_TYPES.FILE:
-                return (jsx(FileUpload, __assign({ required: required || Boolean(validations.required), id: name, className: className, disabled: disabled, onChangeCallback: function (event) {
-                        fileUploadCallback(event);
-                    } }, field)));
-            default:
-                return (jsx(TextInput, __assign({ type: InputType.TEXT, required: required || Boolean(validations.required), disabled: disabled, icon: icon, className: className }, field)));
-        }
-    };
-    // TODO: HELPER CLASSES : data-[invalid=true]:bg-error data-[valid]:bg-success
-    var showLabel = label && type !== FIELD_TYPES.CHECKBOX;
-    var labelWithAsterisk = required || Boolean(validations.required) ? "".concat(label, " *") : label;
-    return (jsx("div", { className: "relative", children: jsxs("div", { "data-testid": "FormField", className: "mb-4", children: [showLabel && (jsx("div", { className: "flex items-baseline justify-between", children: jsx(Label, { id: name, children: labelWithAsterisk }) })), jsx("div", { className: "mb-1", children: jsx(Controller
-                    // https://stackoverflow.com/questions/47012169/a-component-is-changing-an-uncontrolled-input-of-type-text-to-be-controlled-erro
-                    , { 
-                        // https://stackoverflow.com/questions/47012169/a-component-is-changing-an-uncontrolled-input-of-type-text-to-be-controlled-erro
-                        defaultValue: '', name: name, control: control, rules: validations, render: function (_a) {
-                            var field = _a.field;
-                            return renderType(type, field);
-                        } }) }), description && (jsx("div", { className: "formfield-description", children: jsx(Copy, { size: COPY_SIZE.SMALL, className: "mb-0", children: description }) })), errors[name] && (jsx("div", { className: "formfield-error text-error italic", children: jsx(Copy, { size: COPY_SIZE.SMALL, className: "mb-0", children: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors[name]) === null || _b === void 0 ? void 0 : _b.message) === null || _c === void 0 ? void 0 : _c.toString() }) }))] }) }));
-};
-FormField.displayName = 'FormField';
-
-var LoginForm = function (_a) {
-    var handleSubmit = _a.handleSubmit, initialValues = _a.initialValues, _b = _a.showSocialButtons, showSocialButtons = _b === void 0 ? false : _b;
-    return (jsxs("div", { "data-testid": "LoginForm", className: "form-wrapper", children: [jsxs(Form, { onSubmit: handleSubmit, submit: en.FORMS.LOGIN_FORM.SUBMIT, disabledSubmitWithReturn: true, initialValues: initialValues, children: [jsx(FormField, { name: "email", type: FIELD_TYPES.EMAIL, label: en.FORMS.LOGIN_FORM.EMAIL, required: true, validations: validEmail, autoComplete: "email" }), jsx(FormField, { name: "password", type: FIELD_TYPES.PASSWORD, label: en.FORMS.LOGIN_FORM.PASSWORD, required: true, autoComplete: "current-password" })] }), showSocialButtons && (jsxs(Fragment, { children: [jsx(Hr, {}), jsx("div", { className: "flex flex-col gap-4 items-center", children: jsxs("div", { className: "flex flex-col gap-4 max-w-[250px]", children: [jsx(Button, { onClick: function () { return window.location.assign(socialLoginUrlGoogle); }, variant: BTN_VARIANTS.PRIMARY, iconFirst: true, icon: "mdi:google", children: en.UI.LOGIN_WITH_GOOGLE }), jsx(Button, { onClick: function () { return window.location.assign(socialLoginUrlApple); }, variant: BTN_VARIANTS.PRIMARY, iconFirst: true, icon: "mdi:apple", children: en.UI.LOGIN_WITH_APPLE })] }) })] }))] }));
-};
-LoginForm.displayName = 'LoginForm';
-
-var RegisterForm = function (_a) {
-    var handleSubmit = _a.handleSubmit, _b = _a.showSocialButtons, showSocialButtons = _b === void 0 ? false : _b;
-    return (jsxs("div", { "data-testid": "RegisterForm", className: "form-wrapper", children: [jsxs(Form, { onSubmit: handleSubmit, submit: en.FORMS.REGISTER_FORM.SUBMIT, disabledSubmitWithReturn: true, children: [jsx(FormField, { name: "email", type: FIELD_TYPES.EMAIL, label: en.FORMS.REGISTER_FORM.EMAIL, required: true, validations: validEmail, autoComplete: "email" }), jsx(FormField, { name: "password", type: FIELD_TYPES.PASSWORD, label: en.FORMS.REGISTER_FORM.PASSWORD, required: true, description: en.FORMS.REGISTER_FORM.PASSWORD_DESCRIPTION, validations: validPassword, autoComplete: "new-password" })] }), showSocialButtons && (jsxs(Fragment, { children: [jsx(Hr, {}), jsx("div", { className: "flex flex-col gap-4 items-center", children: jsxs("div", { className: "flex flex-col gap-4 max-w-[250px]", children: [jsx(Button, { onClick: function () { return window.location.assign(socialLoginUrlGoogle); }, variant: BTN_VARIANTS.PRIMARY, iconFirst: true, icon: "mdi:google", children: en.UI.SIGNUP_WITH_GOOGLE }), jsx(Button, { onClick: function () { return window.location.assign(socialLoginUrlApple); }, variant: BTN_VARIANTS.PRIMARY, iconFirst: true, icon: "mdi:apple", children: en.UI.SIGNUP_WITH_APPLE })] }) })] }))] }));
-};
-RegisterForm.displayName = 'RegisterForm';
-
-var ForgotPasswordForm = function (_a) {
-    var handleSubmit = _a.handleSubmit;
-    return (jsx("div", { "data-testid": "ForgotPasswordForm", className: "form-wrapper", children: jsx(Form, { onSubmit: handleSubmit, submit: en.FORMS.FORGOT_PASSWORD_FORM.SUBMIT, disabledSubmitWithReturn: true, children: jsx(FormField, { name: "email", type: FIELD_TYPES.EMAIL, label: en.FORMS.FORGOT_PASSWORD_FORM.EMAIL, required: true, validations: validEmail }) }) }));
-};
-ForgotPasswordForm.displayName = 'ForgotPasswordForm';
-
-var Authenticator = function (_a) {
-    var loginSubmit = _a.loginSubmit, registerSubmit = _a.registerSubmit, passwordForgotSubmit = _a.passwordForgotSubmit, handleTokenCallback = _a.handleTokenCallback, _b = _a.showSocialLogin, showSocialLogin = _b === void 0 ? false : _b;
-    var _c = React.useState(false), showForgotPassword = _c[0], setShowForgotPassword = _c[1];
-    // TODO: Move this up into AuthProvider Component.
-    useEffect(function () {
-        console.log('Authenticator useEffect', process.env);
-        function fetchToken() {
-            return __awaiter(this, void 0, void 0, function () {
-                var searchParams, code, url, params, response, data;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            // Only run this code if the environment variables are set
-                            if (!process.env.AWS_COGNITO_USERPOOL_DOMAIN ||
-                                !process.env.AWS_COGNITO_CLIENT_ID ||
-                                !process.env.AWS_COGNITO_REDIRECT_URI)
-                                return [2 /*return*/];
-                            searchParams = new URLSearchParams(window.location.search);
-                            code = searchParams.get('code');
-                            if (!code) return [3 /*break*/, 3];
-                            url = "".concat(process.env.AWS_COGNITO_USERPOOL_DOMAIN, "/oauth2/token");
-                            params = new URLSearchParams();
-                            params.append('grant_type', 'authorization_code');
-                            params.append('client_id', process.env.AWS_COGNITO_CLIENT_ID);
-                            params.append('code', code);
-                            params.append('redirect_uri', process.env.AWS_COGNITO_REDIRECT_URI);
-                            return [4 /*yield*/, fetch(url, {
-                                    method: 'POST',
-                                    headers: {
-                                        'Content-Type': 'application/x-www-form-urlencoded',
-                                    },
-                                    body: params,
-                                })];
-                        case 1:
-                            response = _a.sent();
-                            return [4 /*yield*/, response.json()];
-                        case 2:
-                            data = _a.sent();
-                            if (data) {
-                                if (handleTokenCallback && typeof handleTokenCallback === 'function') {
-                                    handleTokenCallback(data);
-                                }
-                            }
-                            _a.label = 3;
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        }
-        fetchToken();
-    }, []);
-    return (jsxs("div", { "data-testid": "Authenticator", className: "w-full", children: [!showForgotPassword && (jsx(Tabs, { data: [
-                    {
-                        title: 'Login',
-                        content: (jsxs("div", { className: "flex flex-col gap-4", children: [jsx(LoginForm, { handleSubmit: loginSubmit, showSocialButtons: showSocialLogin }), jsx("div", { className: "mt-4", children: jsx(Button, { variant: BTN_VARIANTS.LINK, onClick: function () { return setShowForgotPassword(!showForgotPassword); }, children: showForgotPassword ? 'Back to Login' : 'Forgot Password?' }) })] })),
-                    },
-                    {
-                        title: 'Register',
-                        content: jsx(RegisterForm, { handleSubmit: registerSubmit, showSocialButtons: showSocialLogin }),
-                    },
-                ] })), showForgotPassword && (jsx(Tabs, { data: [
-                    {
-                        title: 'Forgot Password',
-                        content: (jsxs("div", { className: "flex flex-col gap-4", children: [jsx(ForgotPasswordForm, { handleSubmit: passwordForgotSubmit }), jsx("div", { className: "mt-4", children: jsx(Button, { variant: BTN_VARIANTS.LINK, onClick: function () { return setShowForgotPassword(!showForgotPassword); }, children: showForgotPassword ? 'Back to Login' : 'Forgot Password?' }) })] })),
-                    },
-                ] }))] }));
-};
-Authenticator.displayName = 'Authenticator';
-
-var cardWrapperClasses = 'relative rounded-lg overflow-hidden transition duration-300 ease-in-out cursor-pointer hover:scale-105 shadow hover:shadow-lg bg-white text-black hover:bg-primary hover:text-body-text-inverted';
-
-var CardBasic = function (_a) {
-    var id = _a.id, title = _a.title, description = _a.description, image = _a.image, className = _a.className, metaData = _a.metaData, actions = _a.actions, padded = _a.padded, scaleOnHover = _a.scaleOnHover, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b;
-    return (jsxs("div", { id: id, "data-testid": "CardBasic", className: twMerge(cx(cardWrapperClasses, { 'p-8': padded }, { 'hover:scale-100': !scaleOnHover }, className)), onClick: onClick, children: [image && (jsx("div", { className: twMerge(cx('relative w-full overflow-hidden aspect-[16/9]', { rounded: padded }, image.aspectRatio)), children: jsx(Image, { fill: true, src: image === null || image === void 0 ? void 0 : image.src, sizes: "100vh", alt: image === null || image === void 0 ? void 0 : image.alt, className: "absolute inset-0 object-cover" }) })), jsx("div", { className: "w-full flex flex-col gap-1", children: jsxs("div", { className: cx({ 'p-3': !padded }, { 'pt-3': padded }), children: [jsx("div", { children: title && (jsx(Heading, { tag: HEADING_TAGS.H4, singleLine: true, children: title })) }), jsx("div", { children: description && jsx(Copy, { className: "mb-0", children: description }) }), jsxs("div", { className: "flex items-center justify-between gap-2", children: [metaData && (jsx("div", { className: "flex shrink-0 mt-2", children: metaData.map(function (meta, index) {
-                                        if (index === 0) {
-                                            return (jsxs(Copy, { className: "text-xs", as: COPY_TAG.SMALL, children: [meta, "\u00A0\u00B7"] }, meta));
-                                        }
-                                        if (index === metaData.length - 1) {
-                                            return (jsxs(Copy, { className: "text-xs", as: COPY_TAG.SMALL, children: ["\u00A0", meta] }, meta));
-                                        }
-                                        return (jsxs(Copy, { className: "text-xs", as: COPY_TAG.SMALL, children: ["\u00A0", meta, "\u00A0\u00B7"] }, meta));
-                                    }) })), actions && (jsxs("div", { className: "flex items-center gap-1 flex-wrap", children: [actions.like && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.like.isActive ? 'mdi:like' : 'mdi:like-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.like) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.like.onClick === 'function') {
-                                                    actions.like.onClick({ id: id });
-                                                }
-                                            } })), actions.share && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.share.isActive ? 'mdi:share' : 'mdi:share-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.share) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.share.onClick === 'function') {
-                                                    actions.share.onClick({ id: id });
-                                                }
-                                            } })), actions.save && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.save.isActive ? 'mdi:bookmark' : 'mdi:bookmark-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.save) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.save.onClick === 'function') {
-                                                    actions.save.onClick({ id: id });
-                                                }
-                                            } })), actions.comment && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.comment.isActive ? 'mdi:comment' : 'mdi:comment-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.comment) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.comment.onClick === 'function') {
-                                                    actions.comment.onClick({ id: id });
-                                                }
-                                            } })), actions.bookmark && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.bookmark.isActive ? 'mdi:bookmark' : 'mdi:bookmark-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.bookmark) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.bookmark.onClick === 'function') {
-                                                    actions.bookmark.onClick({ id: id });
-                                                }
-                                            } })), actions.report && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.report.isActive ? 'mdi:flag' : 'mdi:flag-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.report) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.report.onClick === 'function') {
-                                                    actions.report.onClick({ id: id });
-                                                }
-                                            } })), actions.follow && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.follow.isActive ? 'mdi:account-plus' : 'mdi:account-plus-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.follow) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.follow.onClick === 'function') {
-                                                    actions.follow.onClick({ id: id });
-                                                }
-                                            } })), actions.download && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.download.isActive ? 'mdi:download' : 'mdi:download-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.download) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.download.onClick === 'function') {
-                                                    actions.download.onClick({ id: id });
-                                                }
-                                            } })), actions.edit && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.edit.isActive ? 'mdi:pencil' : 'mdi:pencil-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.edit) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.edit.onClick === 'function') {
-                                                    actions.edit.onClick({ id: id });
-                                                }
-                                            } })), actions.delete && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.delete.isActive ? 'mdi:delete' : 'mdi:delete-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.delete) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.delete.onClick === 'function') {
-                                                    actions.delete.onClick({ id: id });
-                                                }
-                                            } }))] }))] })] }) })] }));
-};
-CardBasic.displayName = 'CardBasic';
-
-var CardMedia = function (_a) {
-    var id = _a.id, title = _a.title, description = _a.description, image = _a.image, className = _a.className, metaData = _a.metaData, actions = _a.actions, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, playCallback = _a.playCallback;
-    return (jsxs("div", { id: id, "data-testid": "CardBasic", className: cx(cardWrapperClasses, className), onClick: onClick, children: [image && (jsxs("div", { className: cx('relative w-full overflow-hidden aspect-[16/9]', image.aspectRatio), children: [jsx(Image, { fill: true, src: image === null || image === void 0 ? void 0 : image.src, sizes: "100vh", alt: image === null || image === void 0 ? void 0 : image.alt, className: "absolute inset-0 object-cover" }), playCallback && (jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: "mdi:play", size: BTN_SIZES.LARGE, onClick: function (event) {
-                                event.stopPropagation();
-                                if (typeof playCallback === 'function') {
-                                    playCallback(event);
-                                }
-                            } }) }))] })), jsx("div", { className: "w-full flex flex-col gap-1", children: jsxs("div", { className: "p-3", children: [jsx("div", { children: title && (jsx(Heading, { tag: HEADING_TAGS.H5, singleLine: true, flush: true, children: title })) }), jsx("div", { children: description && jsx(Copy, { children: description }) }), jsxs("div", { className: "flex items-center justify-between gap-2", children: [metaData && (jsx("div", { className: "flex shrink-0", children: metaData.map(function (meta, index) {
-                                        if (index === 0) {
-                                            return (jsxs(Copy, { className: "text-xs", as: COPY_TAG.SMALL, children: [meta, "\u00A0\u00B7"] }, meta));
-                                        }
-                                        if (index === metaData.length - 1) {
-                                            return (jsxs(Copy, { className: "text-xs", as: COPY_TAG.SMALL, children: ["\u00A0", meta] }, meta));
-                                        }
-                                        return (jsxs(Copy, { className: "text-xs", as: COPY_TAG.SMALL, children: ["\u00A0", meta, "\u00A0\u00B7"] }, meta));
-                                    }) })), actions && (jsxs("div", { className: "flex items-center gap-1 flex-wrap", children: [actions.like && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.like.isActive ? 'mdi:like' : 'mdi:like-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.like) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.like.onClick === 'function') {
-                                                    actions.like.onClick({ id: id });
-                                                }
-                                            } })), actions.share && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.share.isActive ? 'mdi:share' : 'mdi:share-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.share) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.share.onClick === 'function') {
-                                                    actions.share.onClick({ id: id });
-                                                }
-                                            } })), actions.save && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.save.isActive ? 'mdi:bookmark' : 'mdi:bookmark-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.save) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.save.onClick === 'function') {
-                                                    actions.save.onClick({ id: id });
-                                                }
-                                            } })), actions.comment && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.comment.isActive ? 'mdi:comment' : 'mdi:comment-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.comment) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.comment.onClick === 'function') {
-                                                    actions.comment.onClick({ id: id });
-                                                }
-                                            } })), actions.bookmark && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.bookmark.isActive ? 'mdi:bookmark' : 'mdi:bookmark-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.bookmark) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.bookmark.onClick === 'function') {
-                                                    actions.bookmark.onClick({ id: id });
-                                                }
-                                            } })), actions.report && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.report.isActive ? 'mdi:flag' : 'mdi:flag-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.report) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.report.onClick === 'function') {
-                                                    actions.report.onClick({ id: id });
-                                                }
-                                            } })), actions.follow && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.follow.isActive ? 'mdi:account-plus' : 'mdi:account-plus-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.follow) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.follow.onClick === 'function') {
-                                                    actions.follow.onClick({ id: id });
-                                                }
-                                            } })), actions.download && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.download.isActive ? 'mdi:download' : 'mdi:download-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.download) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.download.onClick === 'function') {
-                                                    actions.download.onClick({ id: id });
-                                                }
-                                            } })), actions.edit && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.edit.isActive ? 'mdi:pencil' : 'mdi:pencil-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.edit) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.edit.onClick === 'function') {
-                                                    actions.edit.onClick({ id: id });
-                                                }
-                                            } })), actions.delete && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.delete.isActive ? 'mdi:delete' : 'mdi:delete-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.delete) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.delete.onClick === 'function') {
-                                                    actions.delete.onClick({ id: id });
-                                                }
-                                            } }))] }))] })] }) })] }));
-};
-CardMedia.displayName = 'CardMedia';
-
-var CardVideo = function (_a) {
-    var video = _a.video, _b = _a.isMuted, isMuted = _b === void 0 ? true : _b, id = _a.id, title = _a.title, description = _a.description, image = _a.image, className = _a.className, metaData = _a.metaData, actions = _a.actions, _c = _a.onClick, onClick = _c === void 0 ? function () { } : _c;
-    return (jsxs("div", { id: id, "data-testid": "CardVideo", className: cx(cardWrapperClasses, className), onClick: onClick, children: [image && video && (jsx("div", { className: cx('relative w-full h-full aspect-[16/9]', image.aspectRatio), children: jsx(HoverVideoPlayer, { videoId: "video--".concat(id), playbackStartDelay: 1000, videoSrc: jsx("source", { src: video, type: "video/mp4" }), videoClassName: cx('hls-hover-video w-full aspect-[16/9]', image.aspectRatio), sizingMode: "overlay", preload: "none", loop: false, muted: isMuted, className: cx('w-full overflow-hidden aspect-[16/9]', image.aspectRatio), pausedOverlay: jsx("div", { className: cx('relative w-full overflow-hidden aspect-[16/9]', image.aspectRatio), children: jsx(Image, { fill: true, src: image === null || image === void 0 ? void 0 : image.src, width: 0, height: 0, 
-                            // sizes="100vh"
-                            alt: image === null || image === void 0 ? void 0 : image.alt, className: "absolute inset-0 object-cover" }) }), loadingOverlay: jsx("div", { className: cx('w-full flex items-center justify-center aspect-[16/9]', image.aspectRatio), children: jsx("div", { className: "", children: jsx(Loader, {}) }) }) }, "".concat(id, "--card")) })), jsx("div", { className: "w-full flex flex-col gap-1", children: jsxs("div", { className: "p-3", children: [jsx("div", { children: title && (jsx(Heading, { tag: HEADING_TAGS.H5, singleLine: true, flush: true, children: title })) }), jsx("div", { children: description && jsx(Copy, { children: description }) }), jsxs("div", { className: "flex items-center justify-between gap-2", children: [metaData && (jsx("div", { className: "flex shrink-0", children: metaData.map(function (meta, index) {
-                                        if (index === 0) {
-                                            return (jsxs(Copy, { className: "text-xs", as: COPY_TAG.SMALL, children: [meta, "\u00A0\u00B7"] }, meta));
-                                        }
-                                        if (index === metaData.length - 1) {
-                                            return (jsxs(Copy, { className: "text-xs", as: COPY_TAG.SMALL, children: ["\u00A0", meta] }, meta));
-                                        }
-                                        return (jsxs(Copy, { className: "text-xs", as: COPY_TAG.SMALL, children: ["\u00A0", meta, "\u00A0\u00B7"] }, meta));
-                                    }) })), actions && (jsxs("div", { className: "flex items-center gap-1 flex-wrap", children: [actions.like && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.like.isActive ? 'mdi:like' : 'mdi:like-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.like) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.like.onClick === 'function') {
-                                                    actions.like.onClick({ id: id });
-                                                }
-                                            } })), actions.share && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.share.isActive ? 'mdi:share' : 'mdi:share-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.share) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.share.onClick === 'function') {
-                                                    actions.share.onClick({ id: id });
-                                                }
-                                            } })), actions.save && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.save.isActive ? 'mdi:bookmark' : 'mdi:bookmark-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.save) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.save.onClick === 'function') {
-                                                    actions.save.onClick({ id: id });
-                                                }
-                                            } })), actions.comment && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.comment.isActive ? 'mdi:comment' : 'mdi:comment-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.comment) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.comment.onClick === 'function') {
-                                                    actions.comment.onClick({ id: id });
-                                                }
-                                            } })), actions.bookmark && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.bookmark.isActive ? 'mdi:bookmark' : 'mdi:bookmark-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.bookmark) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.bookmark.onClick === 'function') {
-                                                    actions.bookmark.onClick({ id: id });
-                                                }
-                                            } })), actions.report && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.report.isActive ? 'mdi:flag' : 'mdi:flag-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.report) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.report.onClick === 'function') {
-                                                    actions.report.onClick({ id: id });
-                                                }
-                                            } })), actions.follow && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.follow.isActive ? 'mdi:account-plus' : 'mdi:account-plus-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.follow) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.follow.onClick === 'function') {
-                                                    actions.follow.onClick({ id: id });
-                                                }
-                                            } })), actions.download && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.download.isActive ? 'mdi:download' : 'mdi:download-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.download) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.download.onClick === 'function') {
-                                                    actions.download.onClick({ id: id });
-                                                }
-                                            } })), actions.edit && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.edit.isActive ? 'mdi:pencil' : 'mdi:pencil-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.edit) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.edit.onClick === 'function') {
-                                                    actions.edit.onClick({ id: id });
-                                                }
-                                            } })), actions.delete && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: actions.delete.isActive ? 'mdi:delete' : 'mdi:delete-outline', size: BTN_SIZES.SMALL, onClick: function (event) {
-                                                var _a;
-                                                event.stopPropagation();
-                                                if (((_a = actions === null || actions === void 0 ? void 0 : actions.delete) === null || _a === void 0 ? void 0 : _a.onClick) && typeof actions.delete.onClick === 'function') {
-                                                    actions.delete.onClick({ id: id });
-                                                }
-                                            } }))] }))] })] }) })] }));
-};
-CardVideo.displayName = 'CardVideo';
-
-var CardIcon = function (_a) {
-    var id = _a.id, title = _a.title, description = _a.description, icon = _a.icon, className = _a.className, _b = _a.onClick, onClick = _b === void 0 ? undefined : _b, moreTitle = _a.moreTitle, align = _a.align;
-    var cardClasses = onClick ? cardWrapperClasses : '';
-    return (jsxs("div", { id: id, "data-testid": "CardIcon", className: twMerge(cx(cardClasses, 'p-8 group gap-4 flex flex-col cursor-default', { 'items-start': align === 'left' }, { 'items-center': align === 'center' }, { 'items-end': align === 'right' }, className)), children: [icon && (jsx("div", { className: cx('relative'), children: jsx(Icon, { name: icon, size: 48 }) })), jsxs("div", { className: cx({ 'text-left': align === 'left' }, { 'text-center': align === 'center' }, { 'text-right': align === 'right' }), children: [jsx("div", { children: title && (jsx(Heading, { tag: HEADING_TAGS.H5, singleLine: true, children: title })) }), jsx("div", { children: description && jsx(Copy, { align: align, children: description }) })] }), onClick && (jsx("div", { className: "flex items-center justify-start gap-2", children: jsx(Button, { icon: "mdi:arrow-right", variant: BTN_VARIANTS.LINK, onClick: onClick, children: moreTitle }) }))] }));
-};
-CardIcon.displayName = 'CardIcon';
-
-var CardHorz = function (_a) {
-    var testID = _a.testID, id = _a.id, title = _a.title, description = _a.description, image = _a.image, onClick = _a.onClick, className = _a.className, padded = _a.padded, icon = _a.icon;
-    return (jsxs("div", { id: id, "data-testid": testID || 'CardHorz', className: cx('relative rounded-lg overflow-hidden flex gap-4 cursor-pointer shadow hover:shadow-lg', { 'p-4': padded }, className), onClick: onClick, children: [image && (jsx("div", { className: "w-1/3 aspect-[1/1]", children: jsx("div", { className: twMerge(cx('relative w-full overflow-hidden h-full', image.aspectRatio)), children: jsx(Image, { fill: true, src: image === null || image === void 0 ? void 0 : image.src, alt: image === null || image === void 0 ? void 0 : image.alt, className: "absolute inset-0 object-cover" }) }) })), icon && (jsx("div", { className: "py-2 pl-2", children: jsx(Icon, { name: icon, size: 30 }) })), jsx("div", { className: "flex flex-1 overflow-hidden h-min", children: jsxs("div", { className: "flex-col gap-2 py-2 pr-2 overflow-hidden", children: [title && (jsx("div", { className: "", children: jsx(Heading, { tag: HEADING_TAGS.H4, children: title }) })), description && (jsx("div", { children: jsx(Copy, { className: "mb-0", children: description }) }))] }) })] }));
-};
-CardHorz.displayName = 'CardHorz';
-
-var CardData = function (_a) {
-    var testID = _a.testID, className = _a.className, data = _a.data, padded = _a.padded, _b = _a.shadow, shadow = _b === void 0 ? true : _b;
-    var x = motionValue(0);
-    useEffect(function () {
-        // TODO; make this global 
-        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
-            return;
-        }
-        animate(x, 200, { duration: 0.5 });
-    }, [x]);
-    if (!data) {
-        return jsx(Fragment, {});
-    }
-    return (jsxs("div", { "data-testid": testID || 'CardData', className: cx('relative rounded-lg overflow-hidden flex flex-col items-center gap-4', { 'p-4': padded }, { shadow: shadow }, className), children: [(data === null || data === void 0 ? void 0 : data.animateNumber) && (jsxs("div", { className: "font-heading text-4xl md:text-4xl lg:text-4xl font-bold", children: [jsx(AnimationCounter, { from: data.numberData.from, to: data.numberData.to, numDecimals: data.numberData.numDecimals }), jsx("span", { children: data === null || data === void 0 ? void 0 : data.item })] })), !(data === null || data === void 0 ? void 0 : data.animateNumber) && (jsx("div", { className: "text-lg", children: jsx(Heading, { tag: HEADING_TAGS.H2, flush: true, children: data === null || data === void 0 ? void 0 : data.item }) })), jsx("div", { children: jsx(Copy, { children: data === null || data === void 0 ? void 0 : data.label }) })] }));
-};
-CardData.displayName = 'CardData';
-
-var Card = function (_a) {
-    var variant = _a.variant, className = _a.className, data = _a.data, rest = __rest(_a, ["variant", "className", "data"]);
-    switch (variant) {
-        case 'basic':
-            return jsx(CardBasic, __assign({ className: className }, data, rest));
-        case 'media':
-            return jsx(CardMedia, __assign({ className: className }, data, rest));
-        case 'video':
-            return jsx(CardVideo, __assign({ className: className }, data, rest));
-        case 'icon':
-            return jsx(CardIcon, __assign({ className: className }, data, rest));
-        case 'horz':
-            return jsx(CardHorz, __assign({ className: className }, data, rest));
-        case 'data':
-            return jsx(CardData, __assign({ className: className }, data, rest));
-        default:
-            return jsx(CardBasic, __assign({ className: className }, data, rest));
-    }
-};
-Card.displayName = 'Card';
-
-var DisplayHeading = function (_a) {
-    var text = _a.text;
-    // split the text into an array of words
-    var arrayOfWords = text.split(' ');
-    return (jsx("div", { "data-testid": "DisplayHeading", className: "relative", children: jsx(Heading, { tag: HEADING_TAGS.H1, className: "", children: arrayOfWords.map(function (word, index) {
-                // if last word.
-                var isLastWord = index === arrayOfWords.length - 1;
-                var dhKey = "".concat(word, "-").concat(index);
-                return (jsxs("span", { children: [jsx("span", { className: cx({ 'display-heading relative font-heading': !isLastWord }, { 'inline-block relative font-heading': isLastWord }), children: jsxs(Fragment, { children: [isLastWord && (jsxs(Fragment, { children: [jsx("div", { className: "display-heading--emphasis" }), jsx("span", { className: "display-heading--lastword", children: word })] })), !isLastWord && jsx("span", { children: word })] }) }), !isLastWord && ' '] }, dhKey));
-            }) }) }));
-};
-DisplayHeading.displayName = 'DisplayHeading';
-
-var SPACING;
-(function (SPACING) {
-    SPACING["NONE"] = "py-0";
-    SPACING["ATOM"] = "py-8";
-    SPACING["DEFAULT"] = "py-16";
-    SPACING["ELEMENT"] = "py-24";
-    SPACING["COMPONENT"] = "py-32";
-    SPACING["MODULE"] = "py-40";
-    SPACING["FEATURE"] = "py-64";
-})(SPACING || (SPACING = {}));
-
-var PanelCards = function (_a) {
-    var testID = _a.testID, cardData = _a.cardData, title = _a.title, description = _a.description, withSeparators = _a.withSeparators, _b = _a.spacing, spacing = _b === void 0 ? SPACING.MODULE : _b;
-    var ref = useRef(null);
-    var isInView = useInView(ref, { once: true });
-    return (jsxs("div", { ref: ref, "data-testid": testID || 'PanelCards', className: spacing, children: [(title || description) && (jsxs("div", { className: "relative text-center py-8", children: [title && jsx(DisplayHeading, { text: title }), description && jsx(Copy, { align: COPY_ALIGN.CENTER, children: description })] })), jsx("div", { className: "flex gap-8", children: cardData === null || cardData === void 0 ? void 0 : cardData.map(function (card, index) { return (jsxs("span", { className: "flex gap-8 justify-between", children: [jsx("div", { className: cx('relative flex flex-1 items-center justify-center', { '': withSeparators }), style: {
-                                transform: isInView ? 'none' : 'translateY(200px)',
-                                opacity: isInView ? 1 : 0,
-                                transition: "all 0.9s cubic-bezier(0.17, 0.55, 0.55, 1) ".concat(0.1 * index, "s"),
-                            }, children: jsx(Card, __assign({}, card)) }), withSeparators && index < cardData.length - 1 && (jsx("div", { className: "w-1 h-10 border-0 border-r border-solid border-primary500" }, "separator-".concat(index)))] }, "card-".concat(index))); }) })] }));
-};
-PanelCards.displayName = 'PanelCards';
-
-var Container = function (_a) {
-    var children = _a.children, className = _a.className, spacing = _a.spacing, padded = _a.padded, isNarrow = _a.isNarrow, isCentered = _a.isCentered, isFlush = _a.isFlush;
-    var classes = twMerge(cx('container mx-auto my-0', { 'px-4': padded }, { 'py-40': spacing === 'feature' }, { 'py-24': spacing === 'component' }, { 'py-16': spacing === 'module' }, { 'py-10': spacing === 'element' }, { 'py-4': spacing === 'atom' }, { 'py-0': spacing === 'none' }, { 'max-w-3xl': isNarrow }, { 'flex items-center justify-center flex-col': isCentered }, { 'px-0 max-w-full mx-0': isFlush }));
-    var contentClasses = cx('mx-4 md:mx-0', {
-        'w-full': !isCentered,
-    }, className);
-    return (jsx("div", { "data-testid": "Container", className: classes, children: jsx("div", { className: contentClasses, children: children }) }));
-};
-Container.displayName = 'Container';
-
-var PanelFeature = function (_a) {
-    var testID = _a.testID, title = _a.title, description = _a.description, inversed = _a.inversed, assets = _a.assets, buttonData = _a.buttonData, _b = _a.withBg, withBg = _b === void 0 ? true : _b, _c = _a.spacing, spacing = _c === void 0 ? SPACING.DEFAULT : _c;
-    return (jsxs("div", { "data-testid": testID || 'PanelFeature', className: cx("relative m-auto w-full flex flex-none flex-nowrap", spacing), children: [withBg && (jsx("div", { className: "rounded-full blur-[250px] flex flex-none aspect-1 absolute -top-24 -left-48 w-[500px] opacity-20 bg-gradient-to-r from-primary-darker to-primary-lighter" })), jsx(Container, { children: jsxs("div", { className: cx('relative flex sm:flex-col md:flex-row flex-nowrap w-full h-min justify-between overflow-visible p-0 items-center gap-16', {
-                        'flex-row-reverse': inversed,
-                    }), children: [jsxs("div", { className: "w-1/2 flex flex-col items-start justify-center", children: [jsxs("div", { className: "relative text-left", children: [jsx(DisplayHeading, { text: title }), jsx(Copy, { className: "mb-0", children: description })] }), jsxs("div", { className: "grid grid-cols-3 gap-2 my-8", children: [jsx(Chip, { rounded: true, text: "New", variant: "info" }), jsx(Chip, { rounded: true, text: "Trending", variant: "info" }), jsx(Chip, { rounded: true, text: "Popular", variant: "info" })] }), jsx("div", { className: "", children: jsx(Button, __assign({}, buttonData)) })] }), jsx("div", { className: "w-1/2 flex items-center justify-center", children: jsx("div", { className: "w-full aspect-[1/1] flex items-center justify-center", children: jsx(AnimationSet1, { bgAsset: assets.bgAsset, focalAsset1: assets.focalAsset1, focalAsset2: assets.focalAsset2, focalAsset3: assets.focalAsset3 }) }) })] }) })] }));
-};
-PanelFeature.displayName = 'PanelFeature';
-
-// VideoJS CSS.
-// import 'video.js/dist/video-js.css';
-var Video = function (_a) {
-    var url = _a.url, sources = _a.sources, onReady = _a.onReady, className = _a.className, _b = _a.options, options = _b === void 0 ? {} : _b, _c = _a.isYoutube, isYoutube = _c === void 0 ? false : _c, _d = _a.defaultAudioTrack, defaultAudioTrack = _d === void 0 ? 'No Music' : _d, _e = _a.rounded, rounded = _e === void 0 ? true : _e, aspectRatioValue = _a.aspectRatioValue;
-    var reactPlayerRef = React.useRef(null);
-    var videoRef = React.useRef(null);
-    var playerRef = React.useRef(null);
-    var aspectRatioConfig = useMemo(function () {
-        switch (aspectRatioValue) {
-            case '4/3':
-                return {
-                    aspectRatio: '4:3',
-                    className: 'aspect-[4/3]',
-                };
-            case '1/1':
-                return {
-                    aspectRatio: '1:1',
-                    className: 'aspect-[1/1]',
-                };
-            case '3/4':
-                return {
-                    aspectRatio: '3:4',
-                    className: 'aspect-[3/4]',
-                };
-            case '9/16':
-                return {
-                    aspectRatio: '9:16',
-                    className: 'aspect-[9/16]',
-                };
-            case '16/7':
-                return {
-                    aspectRatio: '16:7',
-                    className: 'aspect-[16/7]',
-                };
-            case '16/5':
-                return {
-                    aspectRatio: '16:5',
-                    className: 'aspect-[16/5]',
-                };
-            default:
-                return {
-                    aspectRatio: '16:9',
-                    className: 'aspect-[16/9]',
-                };
-        }
-    }, [aspectRatioValue]);
-    useEffect(function () {
-        var _a;
-        // Do not initialize Video.js player if it's a YouTube video
-        if (isYoutube)
-            return;
-        var videoOptions = __assign(__assign({ autoplay: true, controls: true, muted: false, responsive: true, fill: true, fluid: true, aspectRatio: aspectRatioConfig.aspectRatio || '16:9', controlBar: {
-                skipButtons: {
-                    forward: 30,
-                    backward: 30,
-                },
-                volumePanel: {
-                    inline: true,
-                },
-            }, html5: {
-                hls: {
-                    enableLowInitialPlaylist: true, // Optional configuration for better HLS performance
-                },
-            } }, options), { sources: sources });
-        // Make sure Video.js player is only initialized once
-        if (!playerRef.current) {
-            // The Video.js player needs to be _inside_ the component el for React 18 Strict Mode.
-            var videoElement = document.createElement('video-js');
-            videoElement.classList.add('vjs-big-play-centered');
-            (_a = videoRef === null || videoRef === void 0 ? void 0 : videoRef.current) === null || _a === void 0 ? void 0 : _a.appendChild(videoElement);
-            var player_1 = (playerRef.current = videojs(videoElement, videoOptions, function () {
-                videojs.log('player is ready', player_1);
-                onReady && onReady(player_1);
-            }));
-            // Wait for metadata to be loaded.
-            player_1.on('loadedmetadata', function () {
-                // @ts-expect-error - TS doesn't know about the audioTracks function.
-                var audioTracksList = player_1.audioTracks();
-                for (var i = 0; i < audioTracksList.length; i++) {
-                    if (audioTracksList[i].label === defaultAudioTrack) {
-                        audioTracksList[i].enabled = true;
-                    }
-                }
-            });
-            // You could update an existing player in the `else` block here
-            // on prop change, for example:
-        }
-    }, [options, videoRef]);
-    // Dispose the Video.js player when the functional component unmounts
-    useEffect(function () {
-        // DO NOT dispose the player if it's a YouTube video
-        if (isYoutube)
-            return;
-        var player = playerRef.current;
-        return function () {
-            if (player && !player.isDisposed()) {
-                player.dispose();
-                playerRef.current = null;
-            }
-        };
-    }, [playerRef]);
-    if (isYoutube && url) {
-        return (jsx("div", { "data-testid": "Video", className: cx('relative w-full h-full aspect-[16/9]', className), children: jsx(ReactPlayer, { ref: reactPlayerRef, className: "react-player", url: url, width: "100%", height: "100%", controls: true, onReady: onReady }) }));
-    }
-    return (jsx("div", { className: twMerge(cx('relative w-full overflow-hidden h-full aspect-[16/9] bg-black object-cover', {
-            rouded: rounded,
-        }, aspectRatioConfig.className, className)), children: jsx("div", { "data-vjs-player": true, children: jsx("div", { ref: videoRef, className: "object-cover" }) }) }));
-};
-Video.displayName = 'Video';
-
-var options = {
-    replace: function (domNode) {
-        // Handle a tag links.
-        if (domNode.name === 'a') {
-            var props = attributesToProps(domNode.attribs);
-            return jsx(Link, __assign({}, props, { children: domToReact(domNode.children, options) }));
-        }
-        // Handle p tag copy.
-        if (domNode.attribs && domNode.name === 'p') {
-            var props = attributesToProps(domNode.attribs);
-            return jsx(Copy, __assign({}, props, { children: domToReact(domNode.children, options) }));
-        }
-        // Handle default.
-        return domNode;
-    },
-};
-
-var HtmlContent = function (_a) {
-    var testID = _a.testID, data = _a.data, align = _a.align, className = _a.className;
-    return (jsx("span", { "data-testid": testID || '"HtmlContent"', className: cx('relative', {
-            'text-right': align === 'right',
-        }, {
-            'text-center': align === 'center',
-        }, {
-            'text-left': align === 'left',
-        }, className), children: parse(data, options) }));
-};
-HtmlContent.displayName = 'HtmlContent';
-
-var PanelHero = function (_a) {
-    var testID = _a.testID, title = _a.title, description = _a.description, image = _a.image, _b = _a.buttonData, buttonData = _b === void 0 ? {
-        variant: BTN_VARIANTS.PRIMARY,
-        size: BTN_SIZES.LARGE,
-    } : _b, _c = _a.inversed, inversed = _c === void 0 ? false : _c, _d = _a.withBg, withBg = _d === void 0 ? true : _d, _e = _a.spacing, spacing = _e === void 0 ? SPACING.MODULE : _e, video = _a.video;
-    var controls = useAnimation();
-    var ref = useRef(null);
-    var isInView = useInView(ref);
-    var defaultAnimation = {
-        damping: 30,
-        delay: 0,
-        mass: 1.2,
-        stiffness: 200,
-        type: 'spring',
-        duration: 0.5,
-    };
-    useEffect(function () {
-        if (isInView) {
-            controls.start(function (i) { return ({
-                transform: 'none',
-                transition: __assign(__assign({}, defaultAnimation), { delay: i * 0.1 }),
-            }); });
-        }
-    }, [controls, isInView]);
-    var aspectRatioClass = useMemo(function () {
-        switch (video === null || video === void 0 ? void 0 : video.aspectRatioValue) {
-            case '4/3':
-                return 'aspect-[4/3]';
-            case '1/1':
-                return 'aspect-[1/1]';
-            case '3/4':
-                return 'aspect-[3/4]';
-            case '9/16':
-                return 'aspect-[9/16]';
-            case '16/7':
-                return 'aspect-[16/7]';
-            case '16/5':
-                return 'aspect-[16/5]';
-            default:
-                return 'aspect-[16/9]';
-        }
-    }, [video]);
-    var translateX = inversed ? 'translateX(100px)' : 'translateX(-100px)';
-    return (jsxs("div", { "data-testid": testID || 'PanelHero', className: cx('relative m-auto w-full flex flex-none flex-nowrap', spacing), children: [withBg && (jsx("div", { className: cx('rounded-full blur-[200px] flex flex-none aspect-1 absolute w-[700px] opacity-20 bg-gradient-to-r from-primary-darker to-primary-lighter z-0', {
-                    '-bottom-24 right-0': !inversed,
-                    '-top-24 left-0': inversed,
-                }) })), jsx(Container, { children: jsxs("div", { className: cx('relative flex sm:flex-col md:flex-row flex-nowrap w-full h-min justify-between overflow-visible p-0 items-center gap-16', {
-                        'md:flex-row-reverse': inversed,
-                    }), children: [jsx("div", { ref: ref, className: "w-1/2 flex flex-col items-start justify-center z-10", children: jsxs("div", { className: cx('relative flex flex-col gap-4 from-body-background p-4 rounded', {
-                                    'text-right bg-gradient-to-l': !inversed,
-                                }, {
-                                    'text-left bg-gradient-to-r': inversed,
-                                }), children: [jsx(motion.div, { initial: {
-                                            transform: translateX,
-                                        }, custom: 0, animate: controls, children: jsx(DisplayHeading, { text: title }) }), jsx(motion.div, { initial: {
-                                            transform: translateX,
-                                        }, custom: 1, animate: controls, children: jsx(HtmlContent, { className: "mb-0", align: inversed ? COPY_ALIGN.LEFT : COPY_ALIGN.RIGHT, data: description }) }), jsx(motion.div, { initial: {
-                                            transform: translateX,
-                                        }, custom: 2, animate: controls, children: jsx("div", { className: cx('flex items-center', {
-                                                'justify-end': !inversed,
-                                                'justify-start': inversed,
-                                            }), children: jsx(Button, __assign({}, buttonData)) }) })] }) }), jsx("div", { className: "relative w-1/2 z-0", children: jsxs("div", { className: cx('relative scale-[1.35] rounded overflow-hidden shadow', aspectRatioClass), children: [image && jsx(Image, { src: image, alt: title, fill: true }), video && (jsx(Video, { sources: video.sources, options: {
-                                            autoplay: true,
-                                            muted: true,
-                                            controls: false,
-                                        }, aspectRatioValue: video.aspectRatioValue }))] }) })] }) })] }));
-};
-PanelHero.displayName = 'PanelHero';
-
-var PanelProduct = function (_a) {
-    var testID = _a.testID, title = _a.title, description = _a.description, image1 = _a.image1, image2 = _a.image2, _b = _a.iosLink, iosLink = _b === void 0 ? '#' : _b, _c = _a.androidLink, androidLink = _c === void 0 ? '#' : _c, _d = _a.inversed, inversed = _d === void 0 ? false : _d, _e = _a.withBg, withBg = _e === void 0 ? true : _e, _f = _a.spacing, spacing = _f === void 0 ? SPACING.MODULE : _f;
-    return (jsxs("div", { "data-testid": testID || 'PanelFeature', className: cx('relative m-auto w-full flex flex-none flex-nowrap', spacing), children: [withBg && (jsx("div", { className: "rounded-full blur-[250px] flex flex-none aspect-1 absolute -bottom-24 -right-48 w-[500px] opacity-20 bg-gradient-to-r from-primary-darker to-primary-lighter" })), jsx(Container, { children: jsxs("div", { className: cx('relative flex flex-col md:flex-row flex-nowrap w-full h-full overflow-visible gap-16 border border-solid border-primary bg-primary bg-opacity-10 backdrop-blur-lg rounded border-opacityDark20 p-8', {
-                        'flex-row-reverse': inversed,
-                    }), children: [jsxs("div", { className: "w-full md:w-1/2 top-0 relative", children: [jsx("div", { className: "absolute aspect-[8/17] -rotate-12 w-[135px] left-1/3 top-4 md:w-[180px] md:left-1/3 md:top-4 lg:w-[210px] lg:left-1/2 lg:-top-1/3", children: jsx(Image, { src: image2, alt: title }) }), jsx("div", { className: "relative md:absolute aspect-[8/17] -rotate-0 w-[150px] left-0 top-0 md:w-[220px] md:left-0 md:-top-6 lg:w-[250px] lg:left-1/4 lg:-top-1/2", children: jsx(Image, { src: image1, alt: title }) })] }), jsxs("div", { className: "w-full md:w-1/2", children: [jsx("div", { children: jsx(DisplayHeading, { text: title }) }), jsx("div", { children: jsx(Copy, { children: description }) }), jsxs("div", { className: "flex items-center justify-start gap-4", children: [jsx("div", { className: "relative w-[150px] h-[50px]", children: jsx(Link, { href: iosLink, target: "_blank", hideExternalIcon: true, children: jsx(Image, { src: "https://apple-resources.s3.amazonaws.com/media-badges/download-on-the-app-store/black/en-us.svg", alt: "App Store" }) }) }), jsx("div", { className: "relative w-[190px] h-[75px]", children: jsx(Link, { href: androidLink, target: "_blank", hideExternalIcon: true, children: jsx(Image, { src: "https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png", alt: "Google Play" }) }) })] })] })] }) })] }));
-};
-PanelProduct.displayName = 'PanelProduct';
-
-var PanelVideo = function (_a) {
-    var testID = _a.testID, className = _a.className, title = _a.title, description = _a.description, _b = _a.spacing, spacing = _b === void 0 ? SPACING.NONE : _b, videoProps = _a.videoProps;
-    return (jsxs("div", { "data-testid": testID || '"PanelVideo"', className: cx('relative m-auto w-full flex flex-none flex-nowrap aspect-[16/6.6]', spacing, className), children: [jsx(Video, { rounded: false, options: __assign({ autoplay: true, muted: true, controls: false, loop: true }, videoProps === null || videoProps === void 0 ? void 0 : videoProps.options), sources: videoProps === null || videoProps === void 0 ? void 0 : videoProps.sources }), jsxs("div", { className: "absolute top-0 left-0 w-full h-full z-10", children: [jsx("div", { className: "absolute top-0 left-0 w-full h-full bg-gradient-to-r from-transparent to-black opacity-50" }), jsxs("div", { className: "absolute top-0 left-0 w-full h-full flex flex-col items-end justify-center pr-24 invert", children: [title && (jsx(motion.div, { initial: {
-                                    transform: 'translateX(25px)',
-                                }, animate: {
-                                    transform: 'none',
-                                    transition: { damping: 60, delay: 0, mass: 1.2, stiffness: 300, type: 'spring' },
-                                }, transition: { duration: 0.5 }, children: jsx("div", { children: jsx(Heading, { tag: HEADING_TAGS.H2, children: title }) }) })), description && (jsx(motion.div, { initial: {
-                                    transform: 'translateX(25px)',
-                                }, animate: {
-                                    transform: 'none',
-                                    transition: { damping: 60, delay: 0, mass: 1.2, stiffness: 300, type: 'spring' },
-                                }, transition: { duration: 0.5 }, children: jsx("div", { children: jsx(Copy, { children: description }) }) }))] })] })] }));
-};
-PanelVideo.displayName = 'PanelVideo';
-
-var ButtonGroup = function (_a) {
-    var testID = _a.testID, buttonData = _a.buttonData;
-    return (jsx("div", { "data-testid": testID || 'ButtonGroup', className: "inline-flex rounded", role: "group", children: buttonData === null || buttonData === void 0 ? void 0 : buttonData.map(function (data, index) {
-            var isNotFirstOrLast = index > 0 && index < buttonData.length - 1;
-            var isFirst = index === 0;
-            var isLast = index === buttonData.length - 1;
-            var buttonClasses = cx({ 'rounded-none': isNotFirstOrLast }, {
-                'rounded-r': isFirst,
-                'rounded-l': isLast,
-            });
-            return (jsx("div", { children: jsx(Button, __assign({}, data, { className: buttonClasses, children: data.children })) }, data.id));
-        }) }));
-};
-ButtonGroup.displayName = 'ButtonGroup';
-
-var Share = function (_a) {
-    var testID = _a.testID, url = _a.url, _b = _a.title, title = _b === void 0 ? 'Share' : _b, _c = _a.enabled, enabled = _c === void 0 ? { facebook: true, twitter: true } : _c;
-    return (jsxs("div", { "data-testid": testID || 'Share', className: "flex gap-2 items-center ", children: [jsx("div", { children: jsxs(Copy, { as: COPY_TAG.P, className: "mb-0", children: [en.UI.SHARE, ":"] }) }), (enabled === null || enabled === void 0 ? void 0 : enabled.facebook) && (jsx(FacebookShareButton, { url: url, title: title, className: "", children: jsx(Icon, { name: "mdi:facebook" }) })), (enabled === null || enabled === void 0 ? void 0 : enabled.twitter) && (jsx(TwitterShareButton, { url: url, title: title, className: "", children: jsx(Icon, { name: "mdi:twitter" }) })), (enabled === null || enabled === void 0 ? void 0 : enabled.whatsapp) && (jsx(WhatsappShareButton, { url: url, title: title, className: "", children: jsx(Icon, { name: "mdi:whatsapp" }) })), (enabled === null || enabled === void 0 ? void 0 : enabled.email) && (jsx(EmailShareButton, { url: url, title: title, className: "", children: jsx(Icon, { name: "mdi:email" }) })), (enabled === null || enabled === void 0 ? void 0 : enabled.linkedin) && (jsx(LinkedinShareButton, { url: url, title: title, className: "", children: jsx(Icon, { name: "mdi:linkedin" }) }))] }));
-};
-Share.displayName = 'Share';
-
-var VisitUs = function (_a) {
-    var testID = _a.testID, facebook = _a.facebook, twitter = _a.twitter, instagram = _a.instagram, linkedin = _a.linkedin;
-    return (jsxs("div", { "data-testid": testID || '"VisitUs"', className: "flex gap-2", children: [facebook && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, size: BTN_SIZES.MEDIUM, icon: "mdi:facebook", onClick: function () { return window.open(facebook.url); } })), twitter && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, size: BTN_SIZES.MEDIUM, icon: "mdi:twitter", onClick: function () { return window.open(twitter.url); } })), instagram && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, size: BTN_SIZES.MEDIUM, icon: "mdi:instagram", onClick: function () { return window.open(instagram.url); } })), linkedin && (jsx(Button, { variant: BTN_VARIANTS.PRIMARY, size: BTN_SIZES.MEDIUM, icon: "mdi:linkedin", onClick: function () { return window.open(linkedin.url); } }))] }));
-};
-VisitUs.displayName = 'VisitUs';
-
-var Menu = function (_a) {
-    var testID = _a.testID, title = _a.title, links = _a.links, _b = _a.inline, inline = _b === void 0 ? true : _b, _c = _a.separators, separators = _c === void 0 ? false : _c, className = _a.className;
-    return (jsxs("div", { "data-testid": testID || '"Menu"', className: twMerge(cx('flex flex-col gap-2', className)), children: [title && (jsx("div", { children: jsx(Heading, { tag: HEADING_TAGS.H3, children: title }) })), jsx("div", { className: cx('flex gap-0 items-center md:items-start', { 'flex-row ': inline }, { 'flex-col ': !inline }), children: links === null || links === void 0 ? void 0 : links.map(function (link, index) {
-                    var key = "".concat(link.id, "--").concat(index);
-                    return (jsxs("div", { className: 'flex gap-0', children: [jsx("div", { className: "relative py-2", children: jsxs(Link, { href: link.url, className: "flex gap-1", children: [link.icon && jsx(Icon, { name: link.icon }), link.title && jsx("div", { children: link.title })] }) }), separators && index + 1 < links.length && (jsx("div", { className: "h-full flex self-center px-2", children: jsx(Icon, { name: "mdi:dot", className: "opacity-50" }) }))] }, key));
-                }) })] }));
-};
-Menu.displayName = 'Menu';
-
-var Hero = function (_a) {
-    var testID = _a.testID, children = _a.children, _b = _a.withBg, withBg = _b === void 0 ? true : _b, _c = _a.inversed, inversed = _c === void 0 ? false : _c;
-    return (jsxs("div", { "data-testid": testID || 'PanelHero', className: "relative py-8 m-auto w-full flex flex-none flex-nowrap", children: [withBg && (jsx("div", { className: cx('rounded-full blur-[200px] flex flex-none aspect-1 absolute w-[700px] opacity-20 bg-gradient-to-r from-primary-darker to-primary-lighter z-0', {
-                    '-bottom-24 right-0': !inversed,
-                    '-top-24 left-0': inversed,
-                }) })), jsx(Container, { children: children })] }));
-};
-Hero.displayName = 'Hero';
-
-var CPL_SPACING;
-(function (CPL_SPACING) {
-    CPL_SPACING["NONE"] = "none";
-    CPL_SPACING["ATOM"] = "atom";
-    CPL_SPACING["DEFAULT"] = "default";
-    CPL_SPACING["ELEMENT"] = "element";
-    CPL_SPACING["COMPONENT"] = "component";
-    CPL_SPACING["MODULE"] = "module";
-    CPL_SPACING["FEATURE"] = "feature";
-})(CPL_SPACING || (CPL_SPACING = {}));
-
-var ContentPageLayout = function (_a) {
-    var _b = _a.spacing, spacing = _b === void 0 ? CPL_SPACING.DEFAULT : _b, children = _a.children, narrow = _a.narrow, flush = _a.flush, className = _a.className;
-    var classes = cx('flex', 'flex-col', 'flex-1', 'relative', { 'py-40': spacing === 'feature' }, { 'py-24': spacing === 'component' }, { 'py-16': spacing === 'module' }, { 'py-10': spacing === 'element' }, { 'py-8': spacing === 'default' }, { 'py-4': spacing === 'atom' }, { 'py-0': spacing === 'none' }, { 'max-w-5xl': narrow }, { 'p-0': flush }, className);
-    return (jsx("div", { "data-testid": "ContentPageLayout", className: classes, children: children }));
-};
-ContentPageLayout.displayName = 'ContentPageLayout';
-
-var CRL_SIZE;
-(function (CRL_SIZE) {
-    CRL_SIZE["NONE"] = "none";
-    CRL_SIZE["ATOM"] = "atom";
-    CRL_SIZE["DEFAULT"] = "default";
-    CRL_SIZE["ELEMENT"] = "element";
-    CRL_SIZE["COMPONENT"] = "component";
-    CRL_SIZE["MODULE"] = "module";
-    CRL_SIZE["FEATURE"] = "feature";
-})(CRL_SIZE || (CRL_SIZE = {}));
-
-var ContentRowsLayout = function (_a) {
-    var className = _a.className, children = _a.children, _b = _a.size, size = _b === void 0 ? CRL_SIZE.DEFAULT : _b;
-    var classes = cx('grid', 'auto-rows-min', 'grid-cols-1', 'gap-x-4', { 'gap-y-0 mb-0': size === 'none' }, { 'gap-y-2 mb-2': size === 'atom' }, { 'gap-y-4 mb-4': size === 'default' }, { 'gap-y-8 mb-8': size === 'element' }, { 'gap-y-16 mb-16': size === 'module' }, { 'gap-y-24 mb-24': size === 'component' }, { 'gap-y-40 mb-40': size === 'feature' }, className);
-    return (jsx("div", { "data-testid": "ContentRowsLayout", className: classes, children: children }));
-};
-ContentRowsLayout.displayName = 'ContentRowsLayout';
-
-var AppContext = createContext({
-    brand: undefined,
-    header: undefined,
-    footer: undefined,
-});
-var AppProvider = function (_a) {
-    var children = _a.children, value = _a.value;
-    return jsx(AppContext.Provider, { value: value, children: children });
-};
-
-var Footer = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    var testID = _a.testID, className = _a.className, _q = _a.logoAspectRatio, logoAspectRatio = _q === void 0 ? 'aspect-[16/9]' : _q;
-    var context = useContext(AppContext);
-    return (jsxs("footer", { className: cx('w-full md:max-w-screen-lg lg:max-w-screen-xl m-auto pt-16 pb-8', className), children: [jsxs("div", { "data-testid": testID || '"Footer"', className: "footer flex flex-col md:flex-row py-8 gap-8", children: [jsxs("div", { className: "relative w-full md:w-1/3 flex flex-col gap-4 items-center md:items-start", children: [((_b = context === null || context === void 0 ? void 0 : context.brand) === null || _b === void 0 ? void 0 : _b.logo) && (jsx("div", { className: "relative w-24", children: jsx(Logo, { logo: (_c = context === null || context === void 0 ? void 0 : context.brand) === null || _c === void 0 ? void 0 : _c.logo, aspectRatioClass: logoAspectRatio }) })), ((_d = context.footer) === null || _d === void 0 ? void 0 : _d.about) && (jsx("div", { children: jsx(Copy, { children: context.footer.about }) })), jsx("div", { children: jsx(VisitUs, { facebook: (_f = (_e = context.footer) === null || _e === void 0 ? void 0 : _e.visitUs) === null || _f === void 0 ? void 0 : _f.facebook, twitter: (_h = (_g = context.footer) === null || _g === void 0 ? void 0 : _g.visitUs) === null || _h === void 0 ? void 0 : _h.twitter, instagram: (_k = (_j = context.footer) === null || _j === void 0 ? void 0 : _j.visitUs) === null || _k === void 0 ? void 0 : _k.instagram, linkedin: (_m = (_l = context.footer) === null || _l === void 0 ? void 0 : _l.visitUs) === null || _m === void 0 ? void 0 : _m.linkedin }) })] }), ((_o = context.footer) === null || _o === void 0 ? void 0 : _o.menus) && (jsx("div", { className: "flex gap-4 flex-1 flex-col md:flex-row items-center md:items-start", children: context.footer.menus.map(function (menu, index) { return (jsx("div", { className: "flex flex-1", children: jsx(Menu, { title: menu.title, links: menu.links, inline: false }) }, "".concat(menu.title, "--").concat(index))); }) }))] }), jsxs("div", { className: "flex items-center justify-center flex-col", children: [jsxs(Copy, { align: COPY_ALIGN.CENTER, as: COPY_TAG.SMALL, children: ["\u00A9 ", new Date().getFullYear(), " ", en.UI.COPYRIGHT, " ", (_p = context.brand) === null || _p === void 0 ? void 0 : _p.name] }), jsx(Copy, { align: COPY_ALIGN.CENTER, as: COPY_TAG.SMALL, children: en.UI.ALL_RIGHTS_RESERVED })] })] }));
-};
-Footer.displayName = 'Footer';
-
-var Header = function (_a) {
-    var _b, _c, _d, _e;
-    var testID = _a.testID, menuLinks = _a.menuLinks, profileLinks = _a.profileLinks, loginCallback = _a.loginCallback, logoutCallback = _a.logoutCallback, _f = _a.isAuthenticated, isAuthenticated = _f === void 0 ? false : _f, _g = _a.hideMenu, hideMenu = _g === void 0 ? false : _g, _h = _a.logoAspectRatio, logoAspectRatio = _h === void 0 ? 'aspect-[16/9]' : _h, className = _a.className;
-    var context = useContext(AppContext);
-    var _j = useState('hidden'), mobileMenuClass = _j[0], mobileMenuIcon = _j[1];
-    var _k = useState(false), showDropdown = _k[0], setShowDropdown = _k[1];
-    var toggleMenuClass = function () {
-        if (mobileMenuClass === 'hidden') {
-            mobileMenuIcon('block');
-        }
-        else {
-            mobileMenuIcon('hidden');
-        }
-    };
-    return (jsxs("header", { "data-testid": testID || '"Header"', className: cx('w-full md:max-w-screen-lg lg:max-w-screen-xl m-auto py-4 px-4 md:px-2 lg:px-0', className), children: [jsxs("div", { className: "relative w-full flex", children: [((_b = context === null || context === void 0 ? void 0 : context.brand) === null || _b === void 0 ? void 0 : _b.logo) && (jsx("div", { className: "relative w-32", children: jsx(Link, { href: "/", children: jsx(Logo, { logo: (_c = context === null || context === void 0 ? void 0 : context.brand) === null || _c === void 0 ? void 0 : _c.logo, aspectRatioClass: logoAspectRatio }) }) })), jsx("div", { className: "flex-1 hidden md:flex items-center justify-center", children: jsx(Menu, { links: menuLinks, separators: true }) }), jsxs("div", { className: "hidden md:flex flex-col justify-center", children: [!isAuthenticated && jsx(Button, { onClick: loginCallback, children: en.UI.LOGIN }), isAuthenticated && (jsxs("div", { className: "relative", children: [jsx(Button, { onClick: function () { return setShowDropdown(!showDropdown); }, icon: !showDropdown ? 'mdi:user' : 'mdi:user-outline' }), jsx("div", { onClick: function () { return setShowDropdown(false); }, className: cx('absolute bg-body-background dark:bg-dark-body-background shadow rounded py-2 px-4 right-0 top-12 w-24 z-20', { hidden: !showDropdown }), children: jsx(Menu, { links: profileLinks, inline: false }) })] }))] }), jsx("div", { className: "flex md:hidden flex-col justify-center flex-1 items-end", children: jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: "mdi:menu", onClick: toggleMenuClass }) })] }), jsxs("div", { className: cx('navbar-menu relative z-50', mobileMenuClass, { hidden: hideMenu }), children: [jsx("div", { className: "navbar-backdrop fixed inset-0 bg-black opacity-25" }), jsxs("nav", { className: "fixed top-0 left-0 bottom-0 flex flex-col w-5/6 max-w-sm py-4 px-4 bg-body-background dark:bg-dark-body-background border-r overflow-y-auto", children: [jsxs("div", { className: "flex justify-between", children: [jsx("div", { className: "relative w-32", children: ((_d = context === null || context === void 0 ? void 0 : context.brand) === null || _d === void 0 ? void 0 : _d.logo) && (jsx("div", { className: "relative w-32", children: jsx(Logo, { logo: (_e = context === null || context === void 0 ? void 0 : context.brand) === null || _e === void 0 ? void 0 : _e.logo, aspectRatioClass: "aspect-[16/9]" }) })) }), jsx("div", { children: jsx(Button, { variant: BTN_VARIANTS.PRIMARY, icon: "mdi:close", onClick: toggleMenuClass }) })] }), jsxs("div", { className: "flex flex-col flex-1 gap-4", children: [isAuthenticated && (jsx("div", { className: "md:hidden flex justify-center", children: jsx(Copy, { children: "User profile avatar and details here." }) })), jsx("div", { className: "flex flex-1 justify-center pt-4", children: jsx(Menu, { links: menuLinks, inline: false }) }), isAuthenticated && (jsx("div", { className: "md:hidden flex justify-center", children: jsx(Button, { onClick: logoutCallback, children: en.UI.LOGOUT }) })), !isAuthenticated && (jsx("div", { className: "md:hidden flex justify-center", children: jsx(Button, { onClick: function () {
-                                                loginCallback();
-                                                toggleMenuClass();
-                                            }, children: en.UI.LOGIN }) }))] })] })] })] }));
-};
-Header.displayName = 'Header';
-
-var OTPInput = function (_a) {
-    var testID = _a.testID, inputCallback = _a.inputCallback, seperator = _a.seperator, _b = _a.numInputs, numInputs = _b === void 0 ? 4 : _b, _c = _a.shouldAutoFocus, shouldAutoFocus = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'medium' : _d;
-    var _e = useState(''), otp = _e[0], setOtp = _e[1];
-    React.useEffect(function () {
-        if (otp && otp.length === 4 && inputCallback !== undefined && typeof inputCallback === 'function') {
-            inputCallback(otp);
-        }
-    }, [otp]);
-    var sizeRatio = useMemo(function () {
-        switch (size) {
-            case 'small':
-                return {
-                    width: '2.5rem',
-                    height: '3rem',
-                };
-            case 'medium':
-                return {
-                    width: '3.5rem',
-                    height: '4rem',
-                };
-            case 'large':
-                return {
-                    width: '4.5rem',
-                    height: '5rem',
-                };
-            default:
-                return {
-                    width: '2.5rem',
-                    height: '2.5rem',
-                };
-        }
-    }, [size]);
-    return (jsx("div", { "data-testid": testID || '"OTPInput"', className: "foo-bar", children: jsx(ROtpInput, { value: otp, onChange: setOtp, inputType: "number", numInputs: numInputs, shouldAutoFocus: shouldAutoFocus, renderSeparator: seperator ? (function () { return (jsx("div", { className: "flex items-center justify-center", children: jsx(Icon, { name: "mdi:dot", className: "opacity-50" }) })); }) : (jsx("div", { className: "flex items-center justify-center w-4" })), renderInput: function (props) { return jsx("input", __assign({}, props, { className: cx('remove-arrow form-item text-input w-12') })); }, inputStyle: {
-                width: sizeRatio.width,
-                height: sizeRatio.height,
-            } }) }));
-};
-OTPInput.displayName = 'OTPInput';
-
-var CardVariant;
-(function (CardVariant) {
-    CardVariant["BASIC"] = "basic";
-    CardVariant["MEDIA"] = "media";
-    CardVariant["VIDEO"] = "video";
-    CardVariant["ICON"] = "icon";
-    CardVariant["HORZ"] = "horz";
-    CardVariant["DATA"] = "data";
-})(CardVariant || (CardVariant = {}));
-
-var ResultAsTypes;
-(function (ResultAsTypes) {
-    ResultAsTypes["cardBasic"] = "cardBasic";
-    ResultAsTypes["cardMedia"] = "cardMedia";
-    ResultAsTypes["cardVideo"] = "cardVideo";
-})(ResultAsTypes || (ResultAsTypes = {}));
-
-function Sorting(_a) {
-    var className = _a.className, label = _a.label, onChange = _a.onChange, options = _a.options;
-    return (jsxs("div", { className: cx('m-0 p-0 mb-2 border-none', className), children: [jsx(Label, { className: "text-sm", transform: COPY_TRANSFORM.UPPERCASE, children: label }), jsx(FormSelect, { id: label || 'Sorting', options: options, onChange: function (o) { return onChange(o.target.value); } })] }));
-}
-Sorting.displayName = 'Sorting';
-
-function Paging(_a) {
-    var className = _a.className, current = _a.current, _b = _a.resultsPerPage, resultsPerPage = _b === void 0 ? 10 : _b, onChange = _a.onChange, totalPages = _a.totalPages, rest = __rest(_a, ["className", "current", "resultsPerPage", "onChange", "totalPages"]);
-    return (jsx(RCPagination, __assign({ current: current, onChange: onChange, simple: true, pageSize: resultsPerPage, total: totalPages * resultsPerPage, className: cx('m-0 p-0 list-none text-body-text flex gap-2 text-center items-center [&>li>span]:px-2', className), locale: enUsLocale, prevIcon: jsx("div", { className: "text-body-text", children: jsx(Icon, { name: "mdi:chevron-left" }) }), nextIcon: jsx("div", { className: "text-body-text", children: jsx(Icon, { name: "mdi:chevron-right" }) }) }, rest)));
-}
-Paging.displayName = 'Paging';
-
-function ResultsPerPage(_a) {
-    var className = _a.className, onChange = _a.onChange, options = _a.options, label = _a.label;
-    // Return nothing without options.
-    if (!options) {
-        return jsx(Fragment, {});
-    }
-    return (jsxs("div", { className: cx('m-0 p-0 border-none flex items-center justify-end', className), children: [jsx(Label, { className: "text-sm mr-2", transform: COPY_TRANSFORM.UPPERCASE, children: en.UI.SHOW }), jsx(FormSelect, { id: label || 'ResultsPerPage', options: options.map(function (option) { return ({ label: option.toString(), value: option }); }), onChange: function (o) { return onChange(o.target.value); }, className: "min-w-20" })] }));
-}
-ResultsPerPage.displayName = 'ResultsPerPage';
-
-function PagingInfo(_a) {
-    var className = _a.className, end = _a.end, searchTerm = _a.searchTerm, start = _a.start, totalResults = _a.totalResults, rest = __rest(_a, ["className", "end", "searchTerm", "start", "totalResults"]);
-    return (jsxs("div", __assign({ className: cx("m-0 p-0", className) }, rest, { children: ["Showing", " ", jsxs("strong", { children: [start, " - ", end] }), " ", "out of ", jsx("strong", { children: totalResults }), searchTerm && (jsxs(Fragment, { children: [" ", "for: ", jsx("em", { children: searchTerm })] }))] })));
-}
-PagingInfo.displayName = 'PagingInfo';
-
-function SearchBox(_a) {
-    var className = _a.className, onChange = _a.onChange, onSubmit = _a.onSubmit, wasSearched = _a.wasSearched, placeholder = _a.placeholder;
-    var searchContext = useContext(SearchContext);
-    return (jsx("div", { className: cx('m-0 px-48', className), children: jsxs("form", { onSubmit: function (e) { return onSubmit(e); }, className: "flex items-center", children: [jsx("div", { className: "flex-1 bg-body-background dark:bg-dark-body-background bg-opacity-80", children: jsx(TextInput, { name: "SearchBoxInput", type: InputType.TEXT, placeholder: placeholder || 'Search now...', onChange: function (e) {
-                            var _a;
-                            onChange((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value);
-                        } }) }), jsx("div", { className: "pl-4", children: jsxs("div", { className: "flex flex-row gap-2", children: [wasSearched && (jsx(Button, { type: BTN_TYPES.BUTTON, onClick: function () { return searchContext.driver.reset(); }, variant: BTN_VARIANTS.SECONDARY, children: "Reset" })), jsx(Button, { type: BTN_TYPES.SUBMIT, variant: BTN_VARIANTS.PRIMARY, children: "Search" })] }) })] }) }));
-}
-SearchBox.displayName = 'SearchBox';
-
-// import Sidebar from "../Sidebar";
-function Layout(_a) {
-    var className = _a.className, children = _a.children, header = _a.header, bodyContent = _a.bodyContent, bodyFooter = _a.bodyFooter, bodyHeader = _a.bodyHeader, sideContent = _a.sideContent;
-    var sidebarClasses = cx('hidden md:block fixed md:relative w-full h-full left-0 md:left-auto top-0 md:top-auto px-2 pb-4 md:pt-6 md:px-6 md:pb-auto md:pl-0', { 'hidden md:hidden': !sideContent });
-    return (jsxs("div", { className: cx('w-full flex flex-col', className), children: [jsx("div", { className: "m-auto md:py-0 w-full", children: header }), jsxs("div", { className: cx('md:grid m-auto md:py-0 w-full', {
-                    'md:grid-cols-search-layout': !sideContent,
-                    'md:grid-cols-search-layout-with-sidebar': sideContent,
-                }), children: [jsx("div", { className: sidebarClasses, children: sideContent }), jsxs("div", { className: cx('p-0 pt-2 md:p-6 md:pr-0', {
-                            'md:pl-0': !sideContent,
-                        }), children: [jsx("div", { className: "flex items-center justify-between", children: bodyHeader }), jsx("div", { className: "relative", children: children || bodyContent }), jsx("div", { className: "flex items-center justify-around", children: bodyFooter })] })] })] }));
-}
-Layout.displayName = 'Layout';
-
-function Results(_a) {
-    var children = _a.children, className = _a.className, gridClasses = _a.gridClasses, rest = __rest(_a, ["children", "className", "gridClasses"]);
-    var layoutClasses = gridClasses || 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3';
-    return (jsx("ul", __assign({ className: cx('relative grid gap-4 mb-4', layoutClasses, className) }, rest, { children: children })));
-}
-Results.displayName = 'Results';
-
-/*
-Since Filter Values come in many different varieties, this helper
-encapsulates the logic for determining how to show the label of that
-filter in the UI.
-*/
-function getFilterValueDisplay(filterValue) {
-    if (filterValue === undefined || filterValue === null)
-        return '';
-    if (Object.prototype.hasOwnProperty.call(filterValue, 'name'))
-        return filterValue.name;
-    return String(filterValue);
-}
-
-function getFieldType(object, type) {
-    if (object)
-        return object[type];
-}
-function getRaw(object) {
-    return getFieldType(object, 'raw');
-}
-function getSnippet(object) {
-    return getFieldType(object, 'snippet');
-}
-function htmlEscape(str) {
-    if (!str)
-        return '';
-    return String(str)
-        .replace(/&/g, '&amp;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;');
-}
-function getEscapedField(maybeObject) {
-    // Fallback to raw values here, because non-string fields
-    // will not have a snippet fallback. Raw values MUST be html escaped.
-    var safeField = getSnippet(maybeObject) || htmlEscape(getRaw(maybeObject));
-    return Array.isArray(safeField) ? safeField.join(', ') : safeField;
-}
-
-function Result(_a) {
-    // Pass fields into the relevant Card.
-    // const fields: any = formatResult(result);
-    var className = _a.className, result = _a.result, 
-    // onClickLink,
-    as = _a.as, _b = _a.cardMap, cardMap = _b === void 0 ? {
-        idField: { fieldName: 'uuid' },
-        titleField: { fieldName: 'title' },
-        descriptionField: { fieldName: 'description' },
-        imageField: { fieldName: 'image' },
-    } : _b;
-    var idField = cardMap.idField, titleField = cardMap.titleField, imageField = cardMap.imageField, videoField = cardMap.videoField, descriptionField = cardMap.descriptionField, metaDataFields = cardMap.metaDataFields, cardProps = cardMap.cardProps;
-    var id = idField && getEscapedField(result[idField.fieldName]);
-    var title = titleField && getEscapedField(result[titleField.fieldName]);
-    var imageUrl = imageField && getEscapedField(result[imageField.fieldName]);
-    var videoUrl = videoField && videoField.formatter
-        ? videoField.formatter(getEscapedField(result[videoField.fieldName]))
-        : videoField && getEscapedField(result[videoField.fieldName]);
-    var description = descriptionField && getEscapedField(result[descriptionField.fieldName]);
-    var metaData = metaDataFields &&
-        metaDataFields.map(function (field) {
-            var value = getEscapedField(result[field.fieldName]);
-            if (field.formatter && typeof field.formatter === 'function') {
-                return field.formatter(value);
-            }
-        });
-    var resultView = function () {
-        var imageData = {
-            src: imageUrl || '',
-            alt: title || '',
-            title: title || '',
-            width: 500,
-            height: 500,
-        };
-        var cardData = {
-            id: id,
-            title: title,
-            image: imageData,
-            video: videoUrl,
-            description: description,
-            metaData: metaData,
-            actions: cardMap.actionsData,
-            onClick: cardMap.onClickLink,
-        };
-        switch (as) {
-            case ResultAsTypes.cardMedia:
-                return jsx(Card, __assign({ variant: CardVariant.MEDIA, data: cardData }, cardProps));
-            case ResultAsTypes.cardVideo:
-                return jsx(Card, __assign({ variant: CardVariant.VIDEO, data: cardData }, cardProps, { isMuted: false }));
-            default:
-                return jsx(Card, __assign({ variant: CardVariant.BASIC, data: cardData }, cardProps));
-        }
-    };
-    return jsx("li", { className: cx('relative', className), children: resultView() });
-}
-Result.displayName = 'Result';
-
-function Search(_a) {
-    var showOptions = _a.showOptions, sortOptions = _a.sortOptions, _b = _a.resultAs, resultAs = _b === void 0 ? ResultAsTypes.cardBasic : _b, ResultFieldMap = _a.ResultFieldMap, _c = _a.config, config = _c === void 0 ? {
-        filters: [],
-        facets: {},
-        searchFields: {},
-        resultsFields: {},
-        alwaysSearchOnInitialLoad: true,
-        initialPlaceholder: 'Search...',
-    } : _c, _d = _a.facetDisplay, facetDisplay = _d === void 0 ? [] : _d, _e = _a.noSidebar, noSidebar = _e === void 0 ? false : _e, customConnector = _a.customConnector, showPagingInfo = _a.showPagingInfo, gridClasses = _a.gridClasses, _f = _a.initialState, initialState = _f === void 0 ? {} : _f, _g = _a.showTextSearch, showTextSearch = _g === void 0 ? true : _g;
-    var connector = useMemo(function () {
-        var defaultConnector = {
-            host: process.env.REACT_APP_ELASTICSEARCH_HOST || 'http://localhost:9200',
-            index: process.env.REACT_APP_ELASTICSEARCH_INDEX || '',
-            apiKey: process.env.REACT_APP_ELASTICSEARCH_API_KEY,
-        };
-        return new ElasticSearchAPIConnector(customConnector || defaultConnector);
-    }, []);
-    var searchConfig = useMemo(function () {
-        return {
-            debug: process.env.NODE_ENV === 'development',
-            alwaysSearchOnInitialLoad: config.alwaysSearchOnInitialLoad,
-            apiConnector: connector,
-            hasA11yNotifications: true,
-            searchQuery: {
-                filters: config.filters || [],
-                search_fields: config.searchFields || {},
-                result_fields: config.resultsFields || {},
-                // disjunctiveFacets: ['created'],  // Make certain Facets into OR instead of AND
-                facets: config.facets,
-            },
-            autocompleteQuery: {
-                results: {
-                    search_fields: {
-                        title: {},
-                        description: {},
-                    },
-                    resultsPerPage: 5,
-                    result_fields: {
-                        title: {
-                            snippet: {
-                                size: 100,
-                                fallback: true,
-                            },
-                        },
-                    },
-                },
-                // TODO: Implement suggestions
-                // suggestions: {
-                //   types: {
-                //     documents: {
-                //       fields: ['title'],
-                //     },
-                //   },
-                //   size: 4,
-                // },
-            },
-            initialState: __assign({ resultsPerPage: (showOptions === null || showOptions === void 0 ? void 0 : showOptions[0]) || 8 }, initialState),
-        };
-    }, [config]);
-    return (jsx(SearchProvider, { config: searchConfig, children: jsx(WithSearch, { mapContextToProps: function (_a) {
-                var wasSearched = _a.wasSearched;
-                return ({
-                    wasSearched: wasSearched,
-                });
-            }, children: function (_a) {
-                var wasSearched = _a.wasSearched;
-                return (jsx("div", { className: "App", children: jsx(ErrorBoundary, { children: jsx(Layout, { header: showTextSearch && (jsx(SearchBox$1, { view: function (props) { return (jsx(SearchBox, __assign({}, props, { wasSearched: wasSearched, placeholder: config.initialPlaceholder }))); } })), sideContent: !noSidebar &&
-                                facetDisplay && (jsxs("div", { children: [wasSearched && jsx(Sorting$1, { label: 'Sort by', sortOptions: sortOptions, view: Sorting }), facetDisplay === null || facetDisplay === void 0 ? void 0 : facetDisplay.map(function (_a) {
-                                        var field = _a.field, label = _a.label, view = _a.view;
-                                        return (jsx(Facet, { field: field, label: label, view: view }, field));
-                                    })] })), bodyContent: jsx(Results$1, { shouldTrackClickThrough: false, resultView: function (props) { return jsx(Result, __assign({}, props, { as: resultAs, cardMap: ResultFieldMap })); }, className: "list-none p-0 m-0", view: function (props) { return jsx(Results, __assign({}, props, { gridClasses: gridClasses })); } }), bodyHeader: jsxs(React.Fragment, { children: [wasSearched && showPagingInfo && jsx(PagingInfo$1, { view: PagingInfo }), wasSearched && showOptions && jsx(ResultsPerPage$1, { view: ResultsPerPage, options: showOptions })] }), bodyFooter: jsx(Paging$1, { view: Paging }), noSidebar: noSidebar }) }) }));
-            } }) }));
-}
-
-function SingleSelectFacet(_a) {
-    var className = _a.className, label = _a.label, onChange = _a.onChange, options = _a.options;
-    var selectBoxOptions = options.map(function (option) {
-        return {
-            value: option.value,
-            label: "".concat(option.value, " (").concat(option.count, ")"),
-        };
-    });
-    return (jsxs("fieldset", { className: cx('m-0 p-0 mt-4 mb-2 border-none', className), children: [jsx(Label, { className: "text-sm", transform: COPY_TRANSFORM.UPPERCASE, children: label }), jsx(FormSelect, { id: label, options: selectBoxOptions, onChange: function (o) { return onChange(o.target.value); } })] }));
-}
-SingleSelectFacet.displayName = 'SingleSelectFacet';
-
-function SingleLinksFacet(_a) {
-    var className = _a.className, label = _a.label, onRemove = _a.onRemove, onSelect = _a.onSelect, options = _a.options;
-    var value = options.filter(function (o) { return o.selected; }).map(function (o) { return o.value; })[0];
-    return (jsx("fieldset", { className: cx('m-0 p-0 mt-4 mb-2 border-none', className), children: jsxs("div", { children: [jsx(Label, { className: "text-sm", transform: COPY_TRANSFORM.UPPERCASE, children: label }), jsxs("ul", { className: "ul list-none p-0", children: [value && (jsxs("li", { className: "m-0 flex justify-between items-center flex-1", children: [getFilterValueDisplay(value), jsx("span", { className: "ml-1 px-1", children: jsx(Button, { onClick: function () { return onRemove(value); }, children: jsx(Icon, { name: "mdi:close" }) }) })] })), !value &&
-                            options.map(function (option) {
-                                var filterValue = getFilterValueDisplay(option.value);
-                                return (jsxs("li", { className: "m-0 flex justify-between", children: [jsx("a", { className: "no-underline text-sm visited:text-body-text", "data-transaction-name": "facet - ".concat(label), href: "/", onClick: function (e) {
-                                                e.preventDefault();
-                                                onSelect(option.value);
-                                            }, children: jsx("label", { className: "label pl-0 leading-none text-sm", children: filterValue }) }), jsx(Copy, { as: COPY_TAG.SPAN, size: COPY_SIZE.SMALL, children: option.count.toLocaleString('en') })] }, filterValue));
-                            })] })] }) }));
-}
-SingleLinksFacet.displayName = 'SingleLinksFacet';
-
-function MultiCheckboxFacet(_a) {
-    var className = _a.className, label = _a.label, onMoreClick = _a.onMoreClick, onRemove = _a.onRemove, onSelect = _a.onSelect, options = _a.options, showMore = _a.showMore, showSearch = _a.showSearch, onSearch = _a.onSearch, searchPlaceholder = _a.searchPlaceholder;
-    if (!options) {
-        return jsx(Fragment, { children: "Options required" });
-    }
-    return (jsxs("fieldset", { className: cx('m-0 p-0 mt-4 mb-2 border-none', className), children: [jsx(Label, { className: "text-sm", transform: COPY_TRANSFORM.UPPERCASE, children: label }), showSearch && (jsx("div", { className: "mt-1", children: jsx(TextInput, { type: InputType.SEARCH, placeholder: searchPlaceholder || 'Search', onChange: function (e) {
-                        onSearch(e.target.value);
-                    } }) })), jsxs("div", { className: "my-4", children: [(options === null || options === void 0 ? void 0 : options.length) < 1 && jsx("div", { children: "No matching options" }), options === null || options === void 0 ? void 0 : options.map(function (option) {
-                        var checked = option.selected;
-                        var value = option.value;
-                        var filterDisplayValue = getFilterValueDisplay(value);
-                        return (jsxs("div", { className: "flex justify-between pb-2", children: [jsx(Checkbox, { id: "facet_".concat(label).concat(filterDisplayValue), "data-transaction-name": "facet - ".concat(label), checked: checked, onChange: function () { return (checked ? onRemove(value) : onSelect(value)); }, label: filterDisplayValue }), jsx(Copy, { as: COPY_TAG.SPAN, size: COPY_SIZE.SMALL, children: option.count.toLocaleString('en') })] }, filterDisplayValue));
-                    })] }), showMore && (jsx(Button, { size: BTN_SIZES.SMALL, variant: BTN_VARIANTS.TERTIARY, onClick: onMoreClick, "aria-label": "Show more options", children: "+ More" }))] }));
-}
-MultiCheckboxFacet.displayName = 'MultiCheckboxFacet';
-
-var ResetPasswordForm = function (_a) {
-    var handleSubmit = _a.handleSubmit;
-    return (jsx("div", { "data-testid": "ResetPasswordForm", className: "form-wrapper", children: jsx(Form, { onSubmit: handleSubmit, submit: en.FORMS.RESET_PASSWORD_FORM.SUBMIT, disabledSubmitWithReturn: true, children: jsx(FormField, { name: "password", type: FIELD_TYPES.PASSWORD, label: en.FORMS.RESET_PASSWORD_FORM.PASSWORD, required: true, validations: validPassword }) }) }));
-};
-ResetPasswordForm.displayName = 'ResetPasswordForm';
-
-var ProfileForm = function (_a) {
-    var testID = _a.testID, initialValues = _a.initialValues, handleSubmit = _a.handleSubmit;
-    return (jsx("div", { "data-testid": testID || '"ProfileForm"', className: "form-wrapper", children: jsxs(Form, { onSubmit: handleSubmit, submit: en.FORMS.PROFILE_FORM.SUBMIT, disabledSubmitWithReturn: true, initialValues: initialValues, children: [jsx("div", { className: "mb-4", children: jsx(Avatar, { name: "avatar", initValue: initialValues === null || initialValues === void 0 ? void 0 : initialValues.avatar }) }), jsx(FormField, { name: "firstName", type: FIELD_TYPES.TEXT, label: en.FORMS.PROFILE_FORM.FIRST_NAME, required: true }), jsx(FormField, { name: "lastName", type: FIELD_TYPES.TEXT, label: en.FORMS.PROFILE_FORM.LAST_NAME, required: true }), jsx(FormField, { name: "email", type: FIELD_TYPES.EMAIL, label: en.FORMS.PROFILE_FORM.EMAIL, required: true, validations: validEmail })] }) }));
-};
-ProfileForm.displayName = 'ProfileForm';
-
-var defaultTheme = {
-    isDarkTheme: false,
-    toggleTheme: function () { return console.log('toggleTheme'); },
-};
-var ThemeContext = React.createContext(defaultTheme);
-var ThemeProvider = function (_a) {
-    var children = _a.children, theme = _a.theme;
-    return (jsx(ThemeContext.Provider, { value: theme, children: children }));
-};
-
-export { AnimationCounter, AnimationSet1, AppContext, AppProvider, Authenticator, Avatar, BTN_SIZES, BTN_TYPES, BTN_VARIANTS, Blockquote, Button, ButtonGroup, COPY_ALIGN, COPY_CONTEXTUAL, COPY_SIZE, COPY_TAG, COPY_TRANSFORM, CPL_SPACING, CRL_SIZE, Card, CardVariant, Checkbox, Chip, Container, ContentPageLayout, ContentRowsLayout, Copy, DisplayHeading, FIELD_TYPES, FileUpload, Footer, ForgotPasswordForm, Form, FormField, FormSelect, HEADING_ALIGN, HEADING_TAGS, HEADING_TRANSFORM, Header, Heading, Hero, Hr, HtmlContent, Icon, Image, Label, Link, List, ListTag, Loader, LoginForm, Logo, Menu, MultiCheckboxFacet, Notice, OTPInput, PanelCards, PanelFeature, PanelHero, PanelProduct, PanelVideo, ProfileForm, Radio, RegisterForm, ResetPasswordForm, ResultAsTypes, Search, Share, SingleLinksFacet, SingleSelectFacet, Switch, Tabs, TextInput, ThemeContext, ThemeProvider, Variants, Video, VisitUs, defaultTheme };
+import{jsx as e,jsxs as a,Fragment as t}from"react/jsx-runtime";import i,{createElement as r,useRef as n,useEffect as l,useState as o,useMemo as s,createContext as c,useContext as d}from"react";import u from"classnames";import{useInView as m,useIsomorphicLayoutEffect as h,animate as p,motion as f,motionValue as v,useAnimation as g}from"framer-motion";import{twMerge as b}from"tailwind-merge";import{Icon as y}from"@iconify/react";import{Tabs as N,TabList as x,Tab as w,TabPanel as k}from"react-tabs";import{useForm as C,FormProvider as E,useFormContext as A,Controller as R}from"react-hook-form";import S from"react-hover-video-player";import L from"react-player/youtube";import I from"video.js";import M,{attributesToProps as O,domToReact as T}from"html-react-parser";import{FacebookShareButton as P,TwitterShareButton as F,WhatsappShareButton as D,EmailShareButton as _,LinkedinShareButton as B}from"react-share";import U from"react-otp-input";import j from"@elastic/search-ui-elasticsearch-connector";import{SearchContext as z,SearchProvider as q,WithSearch as H,ErrorBoundary as G,SearchBox as W,Sorting as Y,Facet as V,Results as X,PagingInfo as K,ResultsPerPage as Z,Paging as $}from"@elastic/react-search-ui";import J from"rc-pagination";import Q from"rc-pagination/lib/locale/en_US";var ee=function(){return ee=Object.assign||function(e){for(var a,t=1,i=arguments.length;t<i;t++)for(var r in a=arguments[t])Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r]);return e},ee.apply(this,arguments)};function ae(e,a){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&a.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)a.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(t[i[r]]=e[i[r]])}return t}function te(e,a,t,i){return new(t||(t=Promise))((function(r,n){function l(e){try{s(i.next(e))}catch(e){n(e)}}function o(e){try{s(i.throw(e))}catch(e){n(e)}}function s(e){var a;e.done?r(e.value):(a=e.value,a instanceof t?a:new t((function(e){e(a)}))).then(l,o)}s((i=i.apply(e,a||[])).next())}))}function ie(e,a){var t,i,r,n,l={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return n={next:o(0),throw:o(1),return:o(2)},"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function o(o){return function(s){return function(o){if(t)throw new TypeError("Generator is already executing.");for(;n&&(n=0,o[0]&&(l=0)),l;)try{if(t=1,i&&(r=2&o[0]?i.return:o[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;switch(i=0,r&&(o=[2&o[0],r.value]),o[0]){case 0:case 1:r=o;break;case 4:return l.label++,{value:o[1],done:!1};case 5:l.label++,i=o[1],o=[0];continue;case 7:o=l.ops.pop(),l.trys.pop();continue;default:if(!(r=l.trys,(r=r.length>0&&r[r.length-1])||6!==o[0]&&2!==o[0])){l=0;continue}if(3===o[0]&&(!r||o[1]>r[0]&&o[1]<r[3])){l.label=o[1];break}if(6===o[0]&&l.label<r[1]){l.label=r[1],r=o;break}if(r&&l.label<r[2]){l.label=r[2],l.ops.push(o);break}r[2]&&l.ops.pop(),l.trys.pop();continue}o=a.call(e,l)}catch(e){o=[6,e],i=0}finally{t=r=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,s])}}}function re(e,a,t){if(t||2===arguments.length)for(var i,r=0,n=a.length;r<n;r++)!i&&r in a||(i||(i=Array.prototype.slice.call(a,0,r)),i[r]=a[r]);return e.concat(i||Array.prototype.slice.call(a))}"function"==typeof SuppressedError&&SuppressedError;var ne=function(a){var t=a.testID,r=a.from,n=a.to,l=a.animationOptions,o=a.className,s=a.numDecimals,c=void 0===s?0:s,d=i.useRef(null),f=m(d,{once:!0});return h((function(){var e=d.current;if(e&&f){if(!window.matchMedia("(prefers-reduced-motion: reduce)").matches){e.textContent=r.toString();var a=p(r,n,ee(ee({duration:1,ease:"easeOut"},l),{onUpdate:function(a){e.textContent=a.toFixed(c)}}));return function(){a.stop()}}e.textContent=n.toString()}}),[d,f,r,n,l]),e("span",{ref:d,"data-testid":t||"AnimationCounter",className:u("relative",o)})};ne.displayName="AnimationCounter";var le,oe,se,ce=function(t){var i=t.text,r=t.citation,n=t.className,l=t.citationAttribute,o=t.showIcon,s=void 0===o||o,c=u("text-xl italic font-bold",n);return a("blockquote",{"data-testid":"Blockquote",className:c,children:[s&&e("svg",{"aria-hidden":"true",className:"w-10 h-10",viewBox:"0 0 24 27",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M14.017 18L14.017 10.609C14.017 4.905 17.748 1.039 23 0L23.995 2.151C21.563 3.068 20 5.789 20 8H24V18H14.017ZM0 18V10.609C0 4.905 3.748 1.038 9 0L9.996 2.151C7.563 3.068 6 5.789 6 8H9.983L9.983 18L0 18Z",fill:"currentColor"})}),e("div",{children:i}),r&&e("figcaption",{className:"flex flex-start items-center mt-6 space-x-3",children:a("div",{className:"flex items-center divide-x-2",children:[e("cite",{className:"pr-3 font-medium",children:r}),l&&e("cite",{className:"pl-3 text-sm font-light",children:l})]})})]})};ce.displayName="Blockquote",function(e){e.SUBMIT="submit",e.RESET="reset",e.BUTTON="button"}(le||(le={})),function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.TERTIARY="tertiary",e.LINK="link"}(oe||(oe={})),function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(se||(se={}));var de=function(a){var t=a.name,i=a.size,r=void 0===i?24:i,n=a.color,l=a.id,o=a.className,s=a.testID;return e(y,{"data-testid":s||l||"Icon",icon:t,width:r,height:r,color:n||"currentColor",className:o})};de.displayName="Icon";var ue=function(t){var i=t.color,r=t.size,n=void 0===r?8:r,l=t.thickness,o=void 0===l?4:l,s=n?"w-".concat(n," h-").concat(n):"w-8 h-8";return e("div",{"data-testid":"Loader",className:"flex items-center justify-center",children:a("div",{role:"status",className:"flex items-center",children:[a("svg",{className:"animate-spin ".concat(s," text-white"),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:i||"currentColor",strokeWidth:o}),e("path",{className:"opacity-75",fill:i||"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),e("span",{className:"sr-only",children:"Loading..."})]})})};ue.displayName="Loader";var me=function(i){var r,n,l,o,s=i.variant,c=void 0===s?oe.PRIMARY:s,d=i.size,m=void 0===d?se.MEDIUM:d,h=i.type,p=void 0===h?le.BUTTON:h,f=i.wide,v=void 0===f||f,g=i.rounded,y=void 0===g||g,N=i.raised,x=void 0===N||N,w=i.uppercase,k=i.children,C=i.id,E=i.disabled,A=i.ariaLabel,R=i.onClick,S=i.icon,L=i.external,I=i.iconFirst,M=i.outline,O=i.testID,T=i.className,P=i.isLoading,F={small:{x:k?v?"px-5":"px-3":"px-1",y:"py-1",space:"space-x-2",text:"text-sm",icon:"w-3 h-3"},medium:{x:k?v?"px-8":"px-4":"px-2",y:"py-2",space:"space-x-3",text:"text-base",icon:"w-5 h-5"},large:{x:k?v?"px-11":"px-5":"px-3",y:"py-3",space:"space-x-4",text:"text-lg",icon:"w-6 h-6"}},D=b(u("appearance-none font-body flex items-center transition-all duration-200 transform active:scale-95 justify-around border-solid border rounded cursor-pointer outline-none focus:outline-none focus-visible:outline-none",{"border-primary":M},{"border-primary300 dark:border-primary400 hover:border-primary400 dark:hover:border-primary500":M},{shadow:x},{uppercase:w},{"auto-cols-auto grid-cols-2 gap-4":P||S||L},{"rounded-full":y},{"flex-row-reverse":I},{"opacity-50 cursor-not-allowed":E},"".concat(null===(r=null==F?void 0:F[m])||void 0===r?void 0:r.y," ").concat(null===(n=null==F?void 0:F[m])||void 0===n?void 0:n.x," ").concat(null===(l=null==F?void 0:F[m])||void 0===l?void 0:l.text),{"text-white border-primary bg-primary hover:bg-primary-darker":c===oe.PRIMARY},{"text-white border-secondary bg-secondary hover:bg-secondary-darker":c===oe.SECONDARY},{"text-black border-tertiary bg-tertiary hover:bg-tertiary-darker":c===oe.TERTIARY},{"px-0 text-primary border-transparent bg-transparent hover:bg-transparent shadow-none group-hover:invert":c===oe.LINK},T)),_=u(null===(o=null==F?void 0:F[m])||void 0===o?void 0:o.icon);return e("button",{id:C,"data-testid":O||C||"Button",onClick:R,className:D,type:p,disabled:E,"aria-label":A,role:"button",children:a(t,{children:[k,S&&!L&&e("span",{className:"flex items-center",children:e(de,{name:S,className:_})}),L&&e("span",{className:"flex items-center",children:e(de,{name:"carbon:launch",className:_})}),P&&e("div",{className:"flex items-center",children:e(ue,{size:4})})]})})};me.displayName="Button";var he=i.forwardRef((function(t,i){var r=t.id,n=t.label,l=t.required,o=t.className,s=t.disabled,c=ae(t,["id","label","required","className","disabled"]);return a("div",{"data-testid":"Checkbox",className:u("flex items-center",o),children:[a("div",{className:"relative bg-none w-5 h-5 flex justify-center items-center",children:[e("input",ee({id:r,ref:i,disabled:s,type:"checkbox",className:"form-item checkbox m-0 appearance-none peer h-full w-full shrink-0 focus:ring-2",required:l},c)),e("span",{className:"absolute transition-opacity opacity-0 pointer-events-none peer-checked:opacity-100 w-full h-full flex items-center justify-center top-0 left-0",children:e(de,{name:"mdi:check-bold",size:12})})]}),n&&e("label",{className:"label pl-2 leading-none text-sm",htmlFor:r,children:n})]})}));he.displayName="Checkbox";var pe=function(t){var r=t.href,n=t.children,l=t.onClick,o=void 0===l?function(){return console.log("Link clicked")}:l,s=t.history,c=t.target,d=t.id,m=t.testID,h=t.className,p=t.prefetch,f=t.hideExternalIcon,v=void 0!==f&&f,g=u("link cursor-pointer no-underline text-bodyText dark:text-darkBodyText",h);if(!v&&r&&r.startsWith("http"))return a("span",{children:[e("a",{"data-testid":m||d||"Link",className:u(g),href:r,target:"_blank",rel:"noopener noreferrer",children:n}),e(de,{name:"mdi:external-link",className:"inline-block w-4 h-4 ml-1 mb-0"})]});try{var b=require("next/link").default;if(!b)throw new Error("Next.js Image not found");return i.createElement(b,{href:r,"data-testid":m||d||"Link",className:g,target:c||"_self",prefetch:p||!1},n)}catch(a){console.log("Not using Next Link.");return e("a",{"data-testid":m||d||"Link",className:g,href:r,onClick:function(e){o?o(e):!0!==e.defaultPrevented&&s&&r&&(e.preventDefault(),s.push(r))},target:c,children:n})}};pe.displayName="Link";var fe,ve,ge,be,ye,Ne=function(t){var i=t.testID,r=t.text,n=t.outline,l=t.rounded,o=t.variant,s=t.size,c=void 0===s?"medium":s,d=t.icon,m=t.iconFirst,h=t.onClick,p=b(u("flex inline-flex items-center justify-center rounded select-none gap-2",{"border border-solid border-primary":n},{"rounded-full":l},{"flex-row-reverse":m},{"bg-primary text-white":"primary"===o},{"bg-secondary text-white":"secondary"===o},{"bg-info text-white":"info"===o},{"bg-success text-white":"success"===o},{"bg-warning text-white":"warning"===o},{"bg-error text-white":"error"===o},{"py-1 px-2":"small"===c},{"py-2 px-4":"medium"===c},{"py-3 px-6":"large"===c}));return h&&"function"==typeof h?a(pe,{"data-testid":i||"Chip",className:p,onClick:h,children:[e("div",{children:r}),d&&e("div",{className:"flex items-center justify-center",children:e(de,{name:d})})]}):a("div",{"data-testid":i||"Chip",className:p,children:[e("div",{children:r}),d&&e("div",{className:"flex items-center justify-center",children:e(de,{name:d})})]})};Ne.displayName="Chip",function(e){e.LEFT="left",e.CENTER="center",e.RIGHT="right",e.JUSTIFY="justify",e.NOWRAP="nowrap"}(fe||(fe={})),function(e){e.LOWERCASE="lowercase",e.UPPERCASE="uppercase",e.CAPITALIZE="capitalize",e.NORMALCASE="normal-case"}(ve||(ve={})),function(e){e.INVERTED="inverted",e.MUTED="muted"}(ge||(ge={})),function(e){e.SMALL="small",e.LARGE="large",e.INTRO="intro"}(be||(be={})),function(e){e.P="p",e.SPAN="span",e.DIV="div",e.SMALL="small"}(ye||(ye={}));var xe=function(a){var t,i=a.children,r=a.as,n=void 0===r?ye.P:r,l=a.size,o=a.align,s=a.transform,c=a.id,d=a.className,m=a.testID,h=u(((t={})["text-".concat(o)]=o,t),{"text-sm":"small"===l},{"text-lg":"large"===l},{"text-2xl":"intro"===l},{"mb-3 leading-5 mt-0":"p"===n},{"text-sm":"small"===n},s,d);return e(n,{"data-testid":m||c||"Copy",className:b(h),children:i})};xe.displayName="Copy";var we,ke,Ce,Ee=i.forwardRef((function(a,t){var i=a.id,r=a.name,n=a.required,l=a.disabled,o=a.className,s=a.onChangeCallback,c=a.onChange,d=ae(a,["id","name","required","disabled","className","onChangeCallback","onChange"]);return e("div",{"data-testid":"FileUpload",className:o,children:e("input",ee({ref:t,className:u("form-item text-input file-upload p-0 relative m-0 min-w-0 flex-auto appearance-none block box-border bg-clip-padding file:p-3 file:cursor-pointer file:mr-3 file:overflow-hidden cursor-pointer file:border-0 file:rounded-none file:border-solid file:border-inherit file:transition file:duration-150 file:ease-in-out file:[border-inline-end-width:1px] file:[margin-inline-end:0.75rem] "),"aria-describedby":r,type:"file",disabled:l,required:n,name:r,id:i,onChange:function(e){s&&"function"==typeof s&&s(e),c&&"function"==typeof c&&c({target:{value:e.target.value,name:r}})}},d))})}));Ee.displayName="FileUpload",function(e){e.H1="h1",e.H2="h2",e.H3="h3",e.H4="h4",e.H5="h5"}(we||(we={})),function(e){e.LEFT="left",e.CENTER="center",e.RIGHT="right",e.JUSTIFY="justify",e.NOWRAP="nowrap"}(ke||(ke={})),function(e){e.LOWERCASE="lowercase",e.UPPERCASE="uppercase",e.CAPITALIZE="capitalize",e.NORMAL_CASE="normal-case"}(Ce||(Ce={}));var Ae=function(a){var t,i=a.children,r=a.tag,n=void 0===r?we.H2:r,l=a.transform,o=a.align,s=a.id,c=a.testID,d=a.flush,m=a.className,h=a.singleLine,p=function(){switch(n){case"h1":return"text-5xl md:text-5xl lg:text-5xl";case"h2":return"text-4xl md:text-4xl lg:text-4xl";case"h3":return"text-3xl md:text-3xl lg:text-3xl";case"h4":default:return"text-2xl md:text-2xl lg:text-2xl";case"h5":return"text-lg md:text-lg lg:text-lg"}}(),f=n,v=u("m-0 p-0 font-heading font-bold ".concat(p),((t={})["text-".concat(o)]=o,t),{"mb-2":!d},{"m-0":d},{"whitespace-nowrap text-ellipsis overflow-hidden":h},l,m);return e(f,{"data-testid":c||s||"Heading",className:v,children:i})};Ae.displayName="Heading";var Re=function(a){var t=a.size,i=void 0===t?"small":t;return e("hr",{className:u("border-0 border-b border-darkBodyText dark:border-darkBodyText",{"mt-4 mb-4":"small"===i,"mt-8 mb-8":"medium"===i,"mt-16 mb-16 ":"large"===i})})};Re.displayName="Hr";var Se=function(t){var i=t.src,n=t.alt,l=t.title,o=t.caption,s=t.figure,c=void 0!==s&&s,d=t.onLoad,m=t.id,h=t.className,p=t.sizes,f=void 0===p?"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw":p,v=t.testID,g=ae(t,["src","alt","title","caption","figure","onLoad","id","className","sizes","testID"]);try{var b=require("next/image").default;if(!b)throw new Error("Next.js Image not found");var y=!g.width;return r(b,ee(ee({src:i,alt:n,title:l,fill:y,onLoad:d,className:h},y?{sizes:f}:{}),g))}catch(t){var N=u("m-0"),x=u("w-full h-full",h);return c||o?a("figure",{"data-testid":v||m||"Image",className:N,children:[e("img",{onLoad:d,src:i,alt:n,title:l,className:x}),o&&e("figcaption",{children:o})]}):e("img",{"data-testid":v||m||"Image",onLoad:d,src:i,alt:n,title:l,className:x})}};Se.displayName="Image";var Le,Ie,Me=function(a){var t=a.children,i=a.id,r=a.transform,n=a.className;return e("label",{"data-testid":"Label",className:b(u("label mb-2",r,n)),htmlFor:i,children:t})};Me.displayName="Label",function(e){e.UNSTYLED="unstyled",e.INLINE="inline",e.SMALL="small",e.LARGE="large"}(Le||(Le={})),function(e){e.OL="ol",e.UL="ul",e.DL="dl",e.DIV="div",e.DT="dt",e.DD="dd",e.LI="li"}(Ie||(Ie={}));var Oe=function(a){var t=a.variants,i=a.children,r=a.as,n=void 0===r?Ie.UL:r,l=a.id,o=a.testID,s=a.className,c=t?t.map((function(e){return"list--".concat(e)})):null;return e(n,{"data-testid":o||l||"List",className:u(c,s),children:i})};Oe.displayName="List";var Te=function(a){var t=a.testID,i=a.logo,r=a.className,n=a.aspectRatioClass;return e("div",{"data-testid":t||"Logo",className:u("relative w-full",void 0===n?"aspect-[1/1]":n,r),children:e(Se,{src:i,alt:"logo",fill:!0,sizes:"(max-width: 600px) 100px, 200px",priority:!0})})};Te.displayName="Logo";var Pe=function(t){var i=t.id,r=t.testID,n=t.title,l=t.text,o=t.icon,s=t.type,c=t.onCloseCallback,d=t.onClickCallback,m=t.actionText,h=u("p-4 rounded relative",{"bg-info text-white":"info"===s,"bg-success text-white":"success"===s,"bg-warning text-black":"warning"===s,"bg-error text-white":"error"===s});return e("div",{"data-testid":r||i||"Notice",className:h,children:a("div",{className:"flex gap-2",children:[o&&e("div",{className:"mr-2",children:e(de,{name:o})}),a("div",{children:[n&&e(Ae,{tag:we.H3,children:n}),e(xe,{className:"mb-0",children:l})]}),d&&m&&e("div",{className:"ml-auto flex items-end",children:e(me,{variant:oe.PRIMARY,onClick:d,"aria-label":"Action",size:se.SMALL,children:m})}),c&&e("div",{className:"absolute top-2 right-4",children:e(me,{variant:oe.LINK,icon:"mdi:close",onClick:c,"aria-label":"Close"})})]})})};Pe.displayName="Notice";var Fe=i.forwardRef((function(t,i){var r=t.name,n=t.required,l=t.className,o=t.options,s=ae(t,["name","required","className","options"]);return e("div",{"data-testid":"Radio",className:u("flex items-center",l),children:e("div",{className:u("flex flex-col gap-2",l),children:null==o?void 0:o.map((function(t){var l,o=(null===(l=null==t?void 0:t.value)||void 0===l?void 0:l.toString())||void 0;return a("div",{className:"flex items-center relative",children:[a("div",{className:"relative flex items-center",children:[e("input",ee({ref:i,name:r,type:"radio",required:n,className:"form-item radio peer appearance-none m-0 p-0 w-4 h-4"},s,{id:o,value:o})),e("div",{className:"form-icon opacity-0 peer-checked:opacity-100 absolute w-4 h-4 flex items-center justify-center top-0 left-0 pointer-events-none",children:e(de,{name:"mdi:circle",size:12})})]}),e("label",{className:"label pl-2 leading-none",htmlFor:o,children:t.label})]},o)}))})})}));Fe.displayName="Radio";var De,_e=i.forwardRef((function(t,i){var r=t.id,n=t.name,l=t.required,o=t.disabled,s=t.className,c=ae(t,["id","name","required","disabled","className"]);return a("label",{"data-testid":"Switch",className:u("inline-flex items-center cursor-pointer",s),children:[e("input",ee({ref:i,id:r,name:n,type:"checkbox",value:"",className:"sr-only peer",disabled:o,required:l},c)),e("div",{className:"form-item switch peer-focus:ring-info dark:peer-focus:ring-info relative w-11 h-6 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[1px] after:start-[1px] after:bg-white after:border after:rounded-full after:h-5 after:w-5 after:transition-all transition-all"})]})}));_e.displayName="Switch",function(e){e.TEXT="text",e.PASSWORD="password",e.EMAIL="email",e.NUMBER="number",e.TEL="tel",e.URL="url",e.SEARCH="search",e.DATE="date",e.TIME="time",e.DATETIME="datetime-local",e.MONTH="month",e.WEEK="week",e.FILE="file",e.TEXTAREA="textarea",e.HIDDEN="hidden"}(De||(De={}));var Be=i.forwardRef((function(t,r){var n=t.type,l=void 0===n?De.TEXT:n,o=t.required,s=void 0!==o&&o,c=t.className,d=t.onChange,m=t.placeholder,h=t.icon,p=t.disabled,f=void 0!==p&&p,v=t.name,g=t.autoComplete,b=ae(t,["type","required","className","onChange","placeholder","icon","disabled","name","autoComplete"]);i.useEffect((function(){"undefined"!=typeof window&&require("date-input-polyfill")}),[]);var y="date"===l?"dd/mm/yyyy".toUpperCase():m;return l===De.TEXTAREA?e("div",{"data-testid":"TextInput",className:"relative",children:e("textarea",ee({ref:r,id:v,autoComplete:v,required:s,"aria-required":s,disabled:f,placeholder:y,onChange:d,rows:4,className:u("form-item text-input resize-none",c)},b))}):a("div",{"data-testid":"TextInput",className:"relative",children:[h&&e("div",{className:"form-icon absolute inset-y-0 start-3 flex items-center ps-3.5 pointer-events-none",children:e(de,{name:h})}),e("input",ee({ref:r,id:v,type:l,autoComplete:g,required:s,"aria-required":s,disabled:f,placeholder:y,onChange:d,className:u("form-item text-input",{"pl-12":h},c)},b))]})}));Be.displayName="TextInput";var Ue={GLOBAL:{},FORMS:{LOGIN_FORM:{TITLE:"Login",SUBMIT:"Login",FORGOT_PASSWORD:"Forgot password?",REGISTER:"Register",EMAIL:"Email",PASSWORD:"Password"},REGISTER_FORM:{TITLE:"Register",SUBMIT:"Register",EMAIL:"Email",PASSWORD:"Password",PASSWORD_DESCRIPTION:"Password must be at least 8 characters long and contain at least one number, one uppercase letter, one lowercase letter, and one special character."},FORGOT_PASSWORD_FORM:{TITLE:"Forgot Password",SUBMIT:"Send Reset Email",EMAIL:"Email"},RESET_PASSWORD_FORM:{TITLE:"Reset Password",SUBMIT:"Reset Password",PASSWORD:"Password",CONFIRM_PASSWORD:"Confirm Password"},PROFILE_FORM:{TITLE:"Profile",SUBMIT:"Save",FIRST_NAME:"First Name",LAST_NAME:"Last Name",AVATAR:"Avatar",EMAIL:"Email",PASSWORD:"Password",PASSWORD_DESCRIPTION:"Password must be at least 8 characters long and contain at least one number, one uppercase letter, one lowercase letter, and one special character."}},UI:{SHOW:"Show",NO_IMAGE:"No image",UPLOAD:"Upload",SAVE:"Save",CANCEL:"Cancel",DELETE:"Delete",LOGIN_WITH_GOOGLE:"Login with Google",LOGIN_WITH_APPLE:"Login with Apple",SIGNUP_WITH_GOOGLE:"Signup with Google",SIGNUP_WITH_APPLE:"Signup with Apple",BACK_TO_LOGIN:"Back to Login",FORGOT_PASSWORD:"Forgot Password?",SUBMIT:"Submit",LOGIN:"Login",LOGOUT:"Logout",REGISTER:"Register",SOCIAL:{GOOGLE:"Google",FACEBOOK:"Facebook",TWITTER:"Twitter",EMAIL:"Email"},READ_MORE:"Read more",READ_LESS:"Show less",CLOSE:"Close",BACK:"Back",SHARE:"Share",DOWNLOAD:"Download",FORMAT_HOUR:"{hour}hr",FORMAT_HOURS:"{hours}hrs",FORMAT_MINUTE:"{minute}min",FORMAT_MINUTES:"{minutes}mins",LOAD_MORE_LABEL:"Load more",NO_MORE_RESULTS:"That's all folks.",UNKNOWN_ERROR_TITLE:"Unknown error",UNKNOWN_ERROR_MESSAGE:"Sorry, something bad happened! Please try again.",CONTENT_SORT_TITLE:"Sort by",CONTENT_FILTERS_TITLE:"Filters",CONTENT_FILTERS_LABEL:"Filter",CLOSE_FILTERS_LABEL:"Done",CLEAR_ALL_FILTERS_LABEL:"Clear All",CLEAR_FILTERS_LABEL:"Clear",MORE_ITEMS_LABEL:"Next items",PREVIOUS_ITEMS_LABEL:"Previous items",CHOOSE_BTN_LABEL:"Choose",ADD_BTN_LABEL:"Add",SEND_BTN_LABEL:"Send",CANCEL_BTN_LABEL:"Cancel",DONE_BTN_LABEL:"Done",EDIT_BTN_LABEL:"Edit",CHANGE_BTN_LABEL:"Change",REMOVE_BTN_LABEL:"Remove",MESSAGE_PROMPT_BTN_LABEL:"Add one",SELECT_FILE_BTN_LABEL:"Select file",TOO_MANY_REQUESTS_MESSAGE:"Too many requests. Please try again later.",COPYRIGHT:"Copyright",ALL_RIGHTS_RESERVED:"All rights reserved"},ERRORS:{}},je=function(r){var n=r.testID,l=r.name,o=void 0===l?"avatar":l,s=r.isEditable,c=void 0===s||s,d=r.initValue,u=i.useState(d),m=u[0],h=u[1];return a("div",{"data-testid":n||'"Avatar"',className:"foo-bar",children:[a("div",{className:"relative w-[200px] aspect-1 rounded-full border border-solid overflow-hidden flex items-center justify-center m-4",children:[m&&a(t,{children:[e(Se,{src:m,alt:o,width:200,height:200}),c&&e("div",{className:"absolute w-full h-full flex items-center justify-center",children:e(me,{onClick:function(){h(void 0)},children:Ue.UI.REMOVE_BTN_LABEL})})]}),!m&&a(t,{children:[e("div",{className:"w-full h-full flex items-center justify-center"}),c&&e("div",{className:"absolute w-full h-full flex items-center justify-center",children:e(Me,{id:o,className:"button cursor-pointer mb-0",children:e(xe,{className:"mb-0",children:Ue.UI.UPLOAD})})})]})]}),e("input",{type:"file",id:o,name:o,className:"hidden",onChange:function(e){var a,t=null===(a=e.target.files)||void 0===a?void 0:a[0];if(t){var i=URL.createObjectURL(t);h(i)}}})]})};je.displayName="Avatar";var ze=function(t){var i=t.testID,r=t.bgAsset,l=t.focalAsset1,o=t.focalAsset2,s=t.focalAsset3,c=n(null),d=m(c);console.log("isInView",d);var h={opacity:.001,rotate:0,scale:1,x:200,y:0},p={opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,transition:{damping:60,delay:0,mass:1.2,stiffness:300,type:"spring"},x:0,y:0};return a("div",{"data-testid":i||"AnimationSet1",className:u("relative w-full h-full"),children:[r&&e(f.div,{className:"absolute left-1/2 top-1/2 w-full h-full",initial:{opacity:.001,rotate:0,scale:.5,x:0,y:0,perspective:"1200px",translateX:"-50%",translateY:"-50%"},animate:{opacity:.5,rotate:0,rotateX:0,rotateY:0,scale:1.25,transition:{damping:60,delay:.7,mass:1.2,stiffness:300,type:"spring"},perspective:"1200px",translateX:"-50%",translateY:"-50%",x:0,y:0},transition:{duration:.5},children:e(Se,{src:r.src,alt:r.alt,fill:!0})}),(l||o)&&a(f.div,{className:"absolute right-0 top-1/2 z-10 overflow-visible w-3/4 aspect-[0.78/1]",style:{transform:"translateY(-50%)"},children:[l&&e(f.div,{className:"absolute w-1/2 aspect-[0.35/1] right-16 top-0",initial:h,animate:p,children:e(Se,{src:l.src,alt:l.alt,fill:!0})}),o&&e(f.div,{className:"absolute w-1/2 aspect-[0.5/1] left-0 top-20",initial:h,animate:ee(ee({},p),{transition:ee(ee({},p.transition),{delay:.3})}),children:e(Se,{src:o.src,alt:o.alt,fill:!0})})]}),s&&e("div",{className:"absolute w-1/4 aspect-[0.5/1] flex flex-col flex-nowrap p-0 top-10 z-20 items-end justify-end left-10",children:e(f.div,{className:"relative w-full overflow-visible aspect-[1.2/1]",initial:{opacity:.001,rotate:0,scale:1,x:100,y:0},animate:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,transition:{damping:60,delay:.6,mass:1.2,stiffness:300,type:"spring"},x:0,y:0},children:e(Se,{src:s.src,fill:!0,alt:s.alt})})})]})};ze.displayName="AnimationSet1";var qe=function(r){var n=r.data,l=i.useState(0),o=l[0],s=l[1];return n?e("div",{"data-testid":"Tabs",children:a(N,{onSelect:function(e){return s(e)},children:[e(x,{className:"mb-8 flex p-0",children:n.map((function(a,t){return e(w,{className:u("list-none rel ative cursor-pointer inline-block flex-1 items-center justify-center p-4",{"border-transparent border-solid border-0 border-b-2":o!==t,"border-primary border-solid border-0 border-b-2":o===t}),children:e(xe,{className:"m-0 text-center",children:a.title})},t)}))}),n.map((function(a,t){return e(k,{className:"",children:a.content},t)}))]})}):e(t,{})};qe.displayName="Tabs";var He,Ge="".concat(process.env.AWS_COGNITO_USERPOOL_DOMAIN,"/oauth2/authorize?client_id=").concat(process.env.AWS_COGNITO_CLIENT_ID,"&response_type=code&scope=aws.cognito.signin.user.admin+email+openid+profile&identity_provider=Google&redirect_uri=").concat(process.env.AWS_COGNITO_REDIRECT_URI),We="".concat(process.env.AWS_COGNITO_USERPOOL_DOMAIN,"/oauth2/authorize?client_id=").concat(process.env.AWS_COGNITO_CLIENT_ID,"&response_type=CODE&scope=aws.cognito.signin.user.admin+email+openid+profile&identity_provider=SignInWithApple&redirect_uri=").concat(process.env.AWS_COGNITO_REDIRECT_URI),Ye={required:"Email required",pattern:{value:/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,message:"Invalid email address"}},Ve={required:"You must specify a password",minLength:{value:8,message:"Password must have at least 8 characters"},pattern:{value:/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[a-zA-Z]).{8,}$/,message:"Password must contain contain at least one number, one uppercase letter, one lowercase letter, and one special character."}},Xe=function(t){var i=t.children,r=t.className,n=t.submit,o=t.onSubmit,s=void 0===o?function(){}:o,c=t.onChange,d=t.hideSubmit,m=t.ariaSubmitLabel,h=t.submitID,p=t.submitVariant,f=void 0===p?oe.PRIMARY:p,v=t.initialValues,g=void 0===v?{}:v,b=t.isBoxed,y=void 0!==b&&b,N=t.submitType,x=void 0===N?le.SUBMIT:N,w=t.disabledSubmitWithReturn,k=void 0!==w&&w,A=t.isDisabled,R=void 0!==A&&A,S=C({defaultValues:g,mode:"onBlur",reValidateMode:"onChange"});l((function(){if(c&&"function"==typeof c){var e=S.watch((function(e,a){c(e,a)}));return function(){return e.unsubscribe()}}}),[]);var L=u({"sr-only":d}),I=S.formState,M=I.isSubmitting,O=I.isDirty,T=I.isValid;return e(E,ee({},S,{children:e("div",{"data-testid":"Form",className:u("w-full max-w-s @containers @form"),children:a("form",{onSubmit:S.handleSubmit(s),onKeyDown:function(e){k&&"Enter"===e.key&&e.preventDefault()},className:u("w-2xs relative",{"form px-8 pt-6 pb-8 ":y},{"opacity-50":M},r),children:[i,n&&e("div",{className:"flex items-center justify-end",children:e(me,{id:h||n,className:L,ariaLabel:m||n||"Submit",type:x,outline:!0,isLoading:M,disabled:M||!T||!O||R,variant:f,children:n})})]})})}))};Xe.displayName="Form",function(e){e.TEXT="text",e.TEXTAREA="textarea",e.SELECT="select",e.CHECKBOX="checkbox",e.RADIO="radio",e.SWITCH="switch",e.DATE="date",e.TIME="time",e.DATETIME="datetime",e.FILE="file",e.PASSWORD="password",e.EMAIL="email",e.NUMBER="number",e.TEL="tel",e.URL="url",e.SEARCH="search",e.HIDDEN="hidden"}(He||(He={}));var Ke=i.forwardRef((function(t,i){var r=t.id,n=t.name,l=t.options,o=t.required,s=t.className,c=t.disabled,d=ae(t,["id","name","options","required","className","disabled"]);if(!l)throw new Error("FormSelect requires options prop");return e("div",{id:r,className:u("pb-2 min-w-20",s),children:a("div",{className:"relative",children:[e("select",ee({ref:i,name:n,disabled:c,required:o,className:"form-item text-input"},d,{children:l.map((function(a,t){var i,r;return e("option",{value:null===(i=null==a?void 0:a.value)||void 0===i?void 0:i.toString(),disabled:a.disabled,className:"bg-bodyBackground dark:bg-darkBodyBackground",children:a.label},"".concat(null===(r=null==a?void 0:a.value)||void 0===r?void 0:r.toString(),"--").concat(t))}))})),e("div",{className:"form-icon absolute inset-0 z-10 pointer-events-none h-full w-12 items-center justify-center top-0 right-0 left-auto flex",children:e(de,{name:"mdi:chevron-down",size:24,className:"pointer-events-none"})})]})})}));Ke.displayName="FormSelect";var Ze=function(t){var i,r,n=t.name,l=t.type,s=t.label,c=t.required,d=t.className,m=t.icon,h=t.options,p=t.disabled,f=t.description,v=t.showPasswordLabel,g=t.hidePasswordLabel,b=t.validations,y=void 0===b?{}:b,N=t.fileUploadCallback,x=void 0===N?function(){}:N,w=t.autoComplete,k=o(!1),C=k[0],E=k[1],S=A(),L=S.control,I=S.formState.errors,M=s&&l!==He.CHECKBOX,O=c||Boolean(y.required)?"".concat(s," *"):s;return e("div",{className:"relative",children:a("div",{"data-testid":"FormField",className:"mb-4",children:[M&&e("div",{className:"flex items-baseline justify-between",children:e(Me,{id:n,children:O})}),e("div",{className:"mb-1",children:e(R,{defaultValue:"",name:n,control:L,rules:y,render:function(t){var i=t.field;return function(t,i){switch(t){case He.HIDDEN:return e("input",ee({type:De.HIDDEN,disabled:p},i));case He.TEXT:return e(Be,ee({type:De.TEXT,required:c||Boolean(y.required),icon:m,className:d,disabled:p,autoComplete:w},i));case He.PASSWORD:var r=C?De.TEXT:De.PASSWORD,l="appearance-none border-none bg-transparent flex items-center";return a("div",{className:"relative",children:[e("span",{className:"absolute right-0 top-0 flex items-center justify-center h-full z-10 pr-2",onClick:function(){return E((function(e){return!e}))},role:"button",tabIndex:0,children:e("button",C?{type:"button","aria-label":g,className:u(l,"form-icon"),children:e(de,{name:"mdi:eye-off",size:24})}:{type:"button","aria-label":v,className:u(l,"form-icon"),children:e(de,{name:"mdi:eye",size:24})})}),e(Be,ee({type:r,required:c||Boolean(y.required),icon:m,className:d,disabled:p,autoComplete:w},i))]});case He.TEXTAREA:return e(Be,ee({type:De.TEXTAREA,required:c||Boolean(y.required),icon:m,className:d,disabled:p},i));case He.EMAIL:return e(Be,ee({type:De.EMAIL,required:c||Boolean(y.required),icon:m,className:d,disabled:p,autoComplete:w},i));case He.DATE:return e(Be,ee({type:De.DATE,required:c||Boolean(y.required),icon:m,className:d,disabled:p},i));case He.DATETIME:return e(Be,ee({type:De.DATETIME,required:c||Boolean(y.required),icon:m,className:d,disabled:p},i));case He.NUMBER:return e(Be,ee({type:De.NUMBER,required:c||Boolean(y.required),icon:m,className:d,disabled:p},i));case He.CHECKBOX:return e(he,ee({required:c||Boolean(y.required),id:n,className:d,label:s,disabled:p},i));case He.RADIO:return e(Fe,ee({required:c||Boolean(y.required),id:n,className:d,options:h,disabled:p},i));case He.SWITCH:return e(_e,ee({id:n,required:c||Boolean(y.required),className:d,disabled:p},i));case He.SELECT:return e(Ke,ee({required:c||Boolean(y.required),id:n,className:d,disabled:p,label:s,options:h},i));case He.FILE:return e(Ee,ee({required:c||Boolean(y.required),id:n,className:d,disabled:p,onChangeCallback:function(e){x(e)}},i));default:return e(Be,ee({type:De.TEXT,required:c||Boolean(y.required),disabled:p,icon:m,className:d},i))}}(l,i)}})}),f&&e("div",{className:"formfield-description",children:e(xe,{size:be.SMALL,className:"mb-0",children:f})}),I[n]&&e("div",{className:"formfield-error text-error italic",children:e(xe,{size:be.SMALL,className:"mb-0",children:null===(r=null===(i=null==I?void 0:I[n])||void 0===i?void 0:i.message)||void 0===r?void 0:r.toString()})})]})})};Ze.displayName="FormField";var $e=function(i){var r=i.handleSubmit,n=i.initialValues,l=i.showSocialButtons,o=void 0!==l&&l;return a("div",{"data-testid":"LoginForm",className:"form-wrapper",children:[a(Xe,{onSubmit:r,submit:Ue.FORMS.LOGIN_FORM.SUBMIT,disabledSubmitWithReturn:!0,initialValues:n,children:[e(Ze,{name:"email",type:He.EMAIL,label:Ue.FORMS.LOGIN_FORM.EMAIL,required:!0,validations:Ye,autoComplete:"email"}),e(Ze,{name:"password",type:He.PASSWORD,label:Ue.FORMS.LOGIN_FORM.PASSWORD,required:!0,autoComplete:"current-password"})]}),o&&a(t,{children:[e(Re,{}),e("div",{className:"flex flex-col gap-4 items-center",children:a("div",{className:"flex flex-col gap-4 max-w-[250px]",children:[e(me,{onClick:function(){return window.location.assign(Ge)},variant:oe.PRIMARY,iconFirst:!0,icon:"mdi:google",children:Ue.UI.LOGIN_WITH_GOOGLE}),e(me,{onClick:function(){return window.location.assign(We)},variant:oe.PRIMARY,iconFirst:!0,icon:"mdi:apple",children:Ue.UI.LOGIN_WITH_APPLE})]})})]})]})};$e.displayName="LoginForm";var Je=function(i){var r=i.handleSubmit,n=i.showSocialButtons,l=void 0!==n&&n;return a("div",{"data-testid":"RegisterForm",className:"form-wrapper",children:[a(Xe,{onSubmit:r,submit:Ue.FORMS.REGISTER_FORM.SUBMIT,disabledSubmitWithReturn:!0,children:[e(Ze,{name:"email",type:He.EMAIL,label:Ue.FORMS.REGISTER_FORM.EMAIL,required:!0,validations:Ye,autoComplete:"email"}),e(Ze,{name:"password",type:He.PASSWORD,label:Ue.FORMS.REGISTER_FORM.PASSWORD,required:!0,description:Ue.FORMS.REGISTER_FORM.PASSWORD_DESCRIPTION,validations:Ve,autoComplete:"new-password"})]}),l&&a(t,{children:[e(Re,{}),e("div",{className:"flex flex-col gap-4 items-center",children:a("div",{className:"flex flex-col gap-4 max-w-[250px]",children:[e(me,{onClick:function(){return window.location.assign(Ge)},variant:oe.PRIMARY,iconFirst:!0,icon:"mdi:google",children:Ue.UI.SIGNUP_WITH_GOOGLE}),e(me,{onClick:function(){return window.location.assign(We)},variant:oe.PRIMARY,iconFirst:!0,icon:"mdi:apple",children:Ue.UI.SIGNUP_WITH_APPLE})]})})]})]})};Je.displayName="RegisterForm";var Qe=function(a){var t=a.handleSubmit;return e("div",{"data-testid":"ForgotPasswordForm",className:"form-wrapper",children:e(Xe,{onSubmit:t,submit:Ue.FORMS.FORGOT_PASSWORD_FORM.SUBMIT,disabledSubmitWithReturn:!0,children:e(Ze,{name:"email",type:He.EMAIL,label:Ue.FORMS.FORGOT_PASSWORD_FORM.EMAIL,required:!0,validations:Ye})})})};Qe.displayName="ForgotPasswordForm";var ea=function(t){var r=t.loginSubmit,n=t.registerSubmit,o=t.passwordForgotSubmit,s=t.handleTokenCallback,c=t.showSocialLogin,d=void 0!==c&&c,u=i.useState(!1),m=u[0],h=u[1];return l((function(){console.log("Authenticator useEffect",process.env),function(){te(this,void 0,void 0,(function(){var e,a,t,i,r;return ie(this,(function(n){switch(n.label){case 0:return process.env.AWS_COGNITO_USERPOOL_DOMAIN&&process.env.AWS_COGNITO_CLIENT_ID&&process.env.AWS_COGNITO_REDIRECT_URI?(e=new URLSearchParams(window.location.search),(a=e.get("code"))?(t="".concat(process.env.AWS_COGNITO_USERPOOL_DOMAIN,"/oauth2/token"),(i=new URLSearchParams).append("grant_type","authorization_code"),i.append("client_id",process.env.AWS_COGNITO_CLIENT_ID),i.append("code",a),i.append("redirect_uri",process.env.AWS_COGNITO_REDIRECT_URI),[4,fetch(t,{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:i})]):[3,3]):[2];case 1:return[4,n.sent().json()];case 2:(r=n.sent())&&s&&"function"==typeof s&&s(r),n.label=3;case 3:return[2]}}))}))}()}),[]),a("div",{"data-testid":"Authenticator",className:"w-full",children:[!m&&e(qe,{data:[{title:"Login",content:a("div",{className:"flex flex-col gap-4",children:[e($e,{handleSubmit:r,showSocialButtons:d}),e("div",{className:"mt-4",children:e(me,{variant:oe.LINK,onClick:function(){return h(!m)},children:m?"Back to Login":"Forgot Password?"})})]})},{title:"Register",content:e(Je,{handleSubmit:n,showSocialButtons:d})}]}),m&&e(qe,{data:[{title:"Forgot Password",content:a("div",{className:"flex flex-col gap-4",children:[e(Qe,{handleSubmit:o}),e("div",{className:"mt-4",children:e(me,{variant:oe.LINK,onClick:function(){return h(!m)},children:m?"Back to Login":"Forgot Password?"})})]})}]})]})};ea.displayName="Authenticator";var aa="relative rounded-lg overflow-hidden transition duration-300 ease-in-out cursor-pointer hover:scale-105 shadow hover:shadow-lg bg-white text-black hover:bg-primary hover:text-bodyText-inverted",ta=function(t){var i=t.id,r=t.title,n=t.description,l=t.image,o=t.className,s=t.metaData,c=t.actions,d=t.padded,m=t.scaleOnHover,h=t.onClick,p=void 0===h?function(){}:h;return a("div",{id:i,"data-testid":"CardBasic",className:b(u(aa,{"p-8":d},{"hover:scale-100":!m},o)),onClick:p,children:[l&&e("div",{className:b(u("relative w-full overflow-hidden aspect-[16/9]",{rounded:d},l.aspectRatio)),children:e(Se,{fill:!0,src:null==l?void 0:l.src,sizes:"100vh",alt:null==l?void 0:l.alt,className:"absolute inset-0 object-cover"})}),e("div",{className:"w-full flex flex-col gap-1",children:a("div",{className:u({"p-3":!d},{"pt-3":d}),children:[e("div",{children:r&&e(Ae,{tag:we.H4,singleLine:!0,children:r})}),e("div",{children:n&&e(xe,{className:"mb-0",children:n})}),a("div",{className:"flex items-center justify-between gap-2",children:[s&&e("div",{className:"flex shrink-0 mt-2",children:s.map((function(e,t){return 0===t?a(xe,{className:"text-xs",as:ye.SMALL,children:[e," ·"]},e):t===s.length-1?a(xe,{className:"text-xs",as:ye.SMALL,children:[" ",e]},e):a(xe,{className:"text-xs",as:ye.SMALL,children:[" ",e," ·"]},e)}))}),c&&a("div",{className:"flex items-center gap-1 flex-wrap",children:[c.like&&e(me,{variant:oe.PRIMARY,icon:c.like.isActive?"mdi:like":"mdi:like-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.like)||void 0===a?void 0:a.onClick)&&"function"==typeof c.like.onClick&&c.like.onClick({id:i})}}),c.share&&e(me,{variant:oe.PRIMARY,icon:c.share.isActive?"mdi:share":"mdi:share-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.share)||void 0===a?void 0:a.onClick)&&"function"==typeof c.share.onClick&&c.share.onClick({id:i})}}),c.save&&e(me,{variant:oe.PRIMARY,icon:c.save.isActive?"mdi:bookmark":"mdi:bookmark-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.save)||void 0===a?void 0:a.onClick)&&"function"==typeof c.save.onClick&&c.save.onClick({id:i})}}),c.comment&&e(me,{variant:oe.PRIMARY,icon:c.comment.isActive?"mdi:comment":"mdi:comment-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.comment)||void 0===a?void 0:a.onClick)&&"function"==typeof c.comment.onClick&&c.comment.onClick({id:i})}}),c.bookmark&&e(me,{variant:oe.PRIMARY,icon:c.bookmark.isActive?"mdi:bookmark":"mdi:bookmark-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.bookmark)||void 0===a?void 0:a.onClick)&&"function"==typeof c.bookmark.onClick&&c.bookmark.onClick({id:i})}}),c.report&&e(me,{variant:oe.PRIMARY,icon:c.report.isActive?"mdi:flag":"mdi:flag-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.report)||void 0===a?void 0:a.onClick)&&"function"==typeof c.report.onClick&&c.report.onClick({id:i})}}),c.follow&&e(me,{variant:oe.PRIMARY,icon:c.follow.isActive?"mdi:account-plus":"mdi:account-plus-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.follow)||void 0===a?void 0:a.onClick)&&"function"==typeof c.follow.onClick&&c.follow.onClick({id:i})}}),c.download&&e(me,{variant:oe.PRIMARY,icon:c.download.isActive?"mdi:download":"mdi:download-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.download)||void 0===a?void 0:a.onClick)&&"function"==typeof c.download.onClick&&c.download.onClick({id:i})}}),c.edit&&e(me,{variant:oe.PRIMARY,icon:c.edit.isActive?"mdi:pencil":"mdi:pencil-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.edit)||void 0===a?void 0:a.onClick)&&"function"==typeof c.edit.onClick&&c.edit.onClick({id:i})}}),c.delete&&e(me,{variant:oe.PRIMARY,icon:c.delete.isActive?"mdi:delete":"mdi:delete-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.delete)||void 0===a?void 0:a.onClick)&&"function"==typeof c.delete.onClick&&c.delete.onClick({id:i})}})]})]})]})})]})};ta.displayName="CardBasic";var ia=function(t){var i=t.id,r=t.title,n=t.description,l=t.image,o=t.className,s=t.metaData,c=t.actions,d=t.onClick,m=void 0===d?function(){}:d,h=t.playCallback;return a("div",{id:i,"data-testid":"CardBasic",className:u(aa,o),onClick:m,children:[l&&a("div",{className:u("relative w-full overflow-hidden aspect-[16/9]",l.aspectRatio),children:[e(Se,{fill:!0,src:null==l?void 0:l.src,sizes:"100vh",alt:null==l?void 0:l.alt,className:"absolute inset-0 object-cover"}),h&&e("div",{className:"absolute inset-0 flex items-center justify-center",children:e(me,{variant:oe.PRIMARY,icon:"mdi:play",size:se.LARGE,onClick:function(e){e.stopPropagation(),"function"==typeof h&&h(e)}})})]}),e("div",{className:"w-full flex flex-col gap-1",children:a("div",{className:"p-3",children:[e("div",{children:r&&e(Ae,{tag:we.H5,singleLine:!0,flush:!0,children:r})}),e("div",{children:n&&e(xe,{children:n})}),a("div",{className:"flex items-center justify-between gap-2",children:[s&&e("div",{className:"flex shrink-0",children:s.map((function(e,t){return 0===t?a(xe,{className:"text-xs",as:ye.SMALL,children:[e," ·"]},e):t===s.length-1?a(xe,{className:"text-xs",as:ye.SMALL,children:[" ",e]},e):a(xe,{className:"text-xs",as:ye.SMALL,children:[" ",e," ·"]},e)}))}),c&&a("div",{className:"flex items-center gap-1 flex-wrap",children:[c.like&&e(me,{variant:oe.PRIMARY,icon:c.like.isActive?"mdi:like":"mdi:like-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.like)||void 0===a?void 0:a.onClick)&&"function"==typeof c.like.onClick&&c.like.onClick({id:i})}}),c.share&&e(me,{variant:oe.PRIMARY,icon:c.share.isActive?"mdi:share":"mdi:share-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.share)||void 0===a?void 0:a.onClick)&&"function"==typeof c.share.onClick&&c.share.onClick({id:i})}}),c.save&&e(me,{variant:oe.PRIMARY,icon:c.save.isActive?"mdi:bookmark":"mdi:bookmark-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.save)||void 0===a?void 0:a.onClick)&&"function"==typeof c.save.onClick&&c.save.onClick({id:i})}}),c.comment&&e(me,{variant:oe.PRIMARY,icon:c.comment.isActive?"mdi:comment":"mdi:comment-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.comment)||void 0===a?void 0:a.onClick)&&"function"==typeof c.comment.onClick&&c.comment.onClick({id:i})}}),c.bookmark&&e(me,{variant:oe.PRIMARY,icon:c.bookmark.isActive?"mdi:bookmark":"mdi:bookmark-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.bookmark)||void 0===a?void 0:a.onClick)&&"function"==typeof c.bookmark.onClick&&c.bookmark.onClick({id:i})}}),c.report&&e(me,{variant:oe.PRIMARY,icon:c.report.isActive?"mdi:flag":"mdi:flag-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.report)||void 0===a?void 0:a.onClick)&&"function"==typeof c.report.onClick&&c.report.onClick({id:i})}}),c.follow&&e(me,{variant:oe.PRIMARY,icon:c.follow.isActive?"mdi:account-plus":"mdi:account-plus-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.follow)||void 0===a?void 0:a.onClick)&&"function"==typeof c.follow.onClick&&c.follow.onClick({id:i})}}),c.download&&e(me,{variant:oe.PRIMARY,icon:c.download.isActive?"mdi:download":"mdi:download-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.download)||void 0===a?void 0:a.onClick)&&"function"==typeof c.download.onClick&&c.download.onClick({id:i})}}),c.edit&&e(me,{variant:oe.PRIMARY,icon:c.edit.isActive?"mdi:pencil":"mdi:pencil-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.edit)||void 0===a?void 0:a.onClick)&&"function"==typeof c.edit.onClick&&c.edit.onClick({id:i})}}),c.delete&&e(me,{variant:oe.PRIMARY,icon:c.delete.isActive?"mdi:delete":"mdi:delete-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==c?void 0:c.delete)||void 0===a?void 0:a.onClick)&&"function"==typeof c.delete.onClick&&c.delete.onClick({id:i})}})]})]})]})})]})};ia.displayName="CardMedia";var ra=function(t){var i=t.video,r=t.isMuted,n=void 0===r||r,l=t.id,o=t.title,s=t.description,c=t.image,d=t.className,m=t.metaData,h=t.actions,p=t.onClick,f=void 0===p?function(){}:p;return a("div",{id:l,"data-testid":"CardVideo",className:u(aa,d),onClick:f,children:[c&&i&&e("div",{className:u("relative w-full h-full aspect-[16/9]",c.aspectRatio),children:e(S,{videoId:"video--".concat(l),playbackStartDelay:1e3,videoSrc:e("source",{src:i,type:"video/mp4"}),videoClassName:u("hls-hover-video w-full aspect-[16/9]",c.aspectRatio),sizingMode:"overlay",preload:"none",loop:!1,muted:n,className:u("w-full overflow-hidden aspect-[16/9]",c.aspectRatio),pausedOverlay:e("div",{className:u("relative w-full overflow-hidden aspect-[16/9]",c.aspectRatio),children:e(Se,{fill:!0,src:null==c?void 0:c.src,width:0,height:0,alt:null==c?void 0:c.alt,className:"absolute inset-0 object-cover"})}),loadingOverlay:e("div",{className:u("w-full flex items-center justify-center aspect-[16/9]",c.aspectRatio),children:e("div",{className:"",children:e(ue,{})})})},"".concat(l,"--card"))}),e("div",{className:"w-full flex flex-col gap-1",children:a("div",{className:"p-3",children:[e("div",{children:o&&e(Ae,{tag:we.H5,singleLine:!0,flush:!0,children:o})}),e("div",{children:s&&e(xe,{children:s})}),a("div",{className:"flex items-center justify-between gap-2",children:[m&&e("div",{className:"flex shrink-0",children:m.map((function(e,t){return 0===t?a(xe,{className:"text-xs",as:ye.SMALL,children:[e," ·"]},e):t===m.length-1?a(xe,{className:"text-xs",as:ye.SMALL,children:[" ",e]},e):a(xe,{className:"text-xs",as:ye.SMALL,children:[" ",e," ·"]},e)}))}),h&&a("div",{className:"flex items-center gap-1 flex-wrap",children:[h.like&&e(me,{variant:oe.PRIMARY,icon:h.like.isActive?"mdi:like":"mdi:like-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==h?void 0:h.like)||void 0===a?void 0:a.onClick)&&"function"==typeof h.like.onClick&&h.like.onClick({id:l})}}),h.share&&e(me,{variant:oe.PRIMARY,icon:h.share.isActive?"mdi:share":"mdi:share-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==h?void 0:h.share)||void 0===a?void 0:a.onClick)&&"function"==typeof h.share.onClick&&h.share.onClick({id:l})}}),h.save&&e(me,{variant:oe.PRIMARY,icon:h.save.isActive?"mdi:bookmark":"mdi:bookmark-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==h?void 0:h.save)||void 0===a?void 0:a.onClick)&&"function"==typeof h.save.onClick&&h.save.onClick({id:l})}}),h.comment&&e(me,{variant:oe.PRIMARY,icon:h.comment.isActive?"mdi:comment":"mdi:comment-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==h?void 0:h.comment)||void 0===a?void 0:a.onClick)&&"function"==typeof h.comment.onClick&&h.comment.onClick({id:l})}}),h.bookmark&&e(me,{variant:oe.PRIMARY,icon:h.bookmark.isActive?"mdi:bookmark":"mdi:bookmark-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==h?void 0:h.bookmark)||void 0===a?void 0:a.onClick)&&"function"==typeof h.bookmark.onClick&&h.bookmark.onClick({id:l})}}),h.report&&e(me,{variant:oe.PRIMARY,icon:h.report.isActive?"mdi:flag":"mdi:flag-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==h?void 0:h.report)||void 0===a?void 0:a.onClick)&&"function"==typeof h.report.onClick&&h.report.onClick({id:l})}}),h.follow&&e(me,{variant:oe.PRIMARY,icon:h.follow.isActive?"mdi:account-plus":"mdi:account-plus-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==h?void 0:h.follow)||void 0===a?void 0:a.onClick)&&"function"==typeof h.follow.onClick&&h.follow.onClick({id:l})}}),h.download&&e(me,{variant:oe.PRIMARY,icon:h.download.isActive?"mdi:download":"mdi:download-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==h?void 0:h.download)||void 0===a?void 0:a.onClick)&&"function"==typeof h.download.onClick&&h.download.onClick({id:l})}}),h.edit&&e(me,{variant:oe.PRIMARY,icon:h.edit.isActive?"mdi:pencil":"mdi:pencil-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==h?void 0:h.edit)||void 0===a?void 0:a.onClick)&&"function"==typeof h.edit.onClick&&h.edit.onClick({id:l})}}),h.delete&&e(me,{variant:oe.PRIMARY,icon:h.delete.isActive?"mdi:delete":"mdi:delete-outline",size:se.SMALL,onClick:function(e){var a;e.stopPropagation(),(null===(a=null==h?void 0:h.delete)||void 0===a?void 0:a.onClick)&&"function"==typeof h.delete.onClick&&h.delete.onClick({id:l})}})]})]})]})})]})};ra.displayName="CardVideo";var na=function(t){var i=t.id,r=t.title,n=t.description,l=t.icon,o=t.className,s=t.onClick,c=void 0===s?void 0:s,d=t.moreTitle,m=t.align;return a("div",{id:i,"data-testid":"CardIcon",className:b(u(c?aa:"","p-8 group gap-4 flex flex-col cursor-default",{"items-start":"left"===m},{"items-center":"center"===m},{"items-end":"right"===m},o)),children:[l&&e("div",{className:u("relative"),children:e(de,{name:l,size:48})}),a("div",{className:u({"text-left":"left"===m},{"text-center":"center"===m},{"text-right":"right"===m}),children:[e("div",{children:r&&e(Ae,{tag:we.H5,singleLine:!0,children:r})}),e("div",{children:n&&e(xe,{align:m,children:n})})]}),c&&e("div",{className:"flex items-center justify-start gap-2",children:e(me,{icon:"mdi:arrow-right",variant:oe.LINK,onClick:c,children:d})})]})};na.displayName="CardIcon";var la=function(t){var i=t.testID,r=t.id,n=t.title,l=t.description,o=t.image,s=t.onClick,c=t.className,d=t.padded,m=t.icon;return a("div",{id:r,"data-testid":i||"CardHorz",className:u("relative rounded-lg overflow-hidden flex gap-4 cursor-pointer shadow hover:shadow-lg",{"p-4":d},c),onClick:s,children:[o&&e("div",{className:"w-1/3 aspect-[1/1]",children:e("div",{className:b(u("relative w-full overflow-hidden h-full",o.aspectRatio)),children:e(Se,{fill:!0,src:null==o?void 0:o.src,alt:null==o?void 0:o.alt,className:"absolute inset-0 object-cover"})})}),m&&e("div",{className:"py-2 pl-2",children:e(de,{name:m,size:30})}),e("div",{className:"flex flex-1 overflow-hidden h-min",children:a("div",{className:"flex-col gap-2 py-2 pr-2 overflow-hidden",children:[n&&e("div",{className:"",children:e(Ae,{tag:we.H4,children:n})}),l&&e("div",{children:e(xe,{className:"mb-0",children:l})})]})})]})};la.displayName="CardHorz";var oa=function(i){var r=i.testID,n=i.className,o=i.data,s=i.padded,c=i.shadow,d=void 0===c||c,m=v(0);return l((function(){window.matchMedia("(prefers-reduced-motion: reduce)").matches||p(m,200,{duration:.5})}),[m]),o?a("div",{"data-testid":r||"CardData",className:u("relative rounded-lg overflow-hidden flex flex-col items-center gap-4",{"p-4":s},{shadow:d},n),children:[(null==o?void 0:o.animateNumber)&&a("div",{className:"font-heading text-4xl md:text-4xl lg:text-4xl font-bold",children:[e(ne,{from:o.numberData.from,to:o.numberData.to,numDecimals:o.numberData.numDecimals}),e("span",{children:null==o?void 0:o.item})]}),!(null==o?void 0:o.animateNumber)&&e("div",{className:"text-lg",children:e(Ae,{tag:we.H2,flush:!0,children:null==o?void 0:o.item})}),e("div",{children:e(xe,{children:null==o?void 0:o.label})})]}):e(t,{})};oa.displayName="CardData";var sa=function(a){var t=a.variant,i=a.className,r=a.data,n=ae(a,["variant","className","data"]);switch(t){case"basic":default:return e(ta,ee({className:i},r,n));case"media":return e(ia,ee({className:i},r,n));case"video":return e(ra,ee({className:i},r,n));case"icon":return e(na,ee({className:i},r,n));case"horz":return e(la,ee({className:i},r,n));case"data":return e(oa,ee({className:i},r,n))}};sa.displayName="Card";var ca,da=function(i){var r=i.text.split(" ");return e("div",{"data-testid":"DisplayHeading",className:"relative",children:e(Ae,{tag:we.H1,className:"",children:r.map((function(i,n){var l=n===r.length-1,o="".concat(i,"-").concat(n);return a("span",{children:[e("span",{className:u({"display-heading relative font-heading":!l},{"inline-block relative font-heading":l}),children:a(t,{children:[l&&a(t,{children:[e("div",{className:"display-heading--emphasis"}),e("span",{className:"display-heading--lastword",children:i})]}),!l&&e("span",{children:i})]})}),!l&&" "]},o)}))})})};da.displayName="DisplayHeading",function(e){e.NONE="py-0",e.ATOM="py-8",e.DEFAULT="py-16",e.ELEMENT="py-24",e.COMPONENT="py-32",e.MODULE="py-40",e.FEATURE="py-64"}(ca||(ca={}));var ua=function(t){var i=t.testID,r=t.cardData,l=t.title,o=t.description,s=t.withSeparators,c=t.spacing,d=void 0===c?ca.MODULE:c,h=n(null),p=m(h,{once:!0});return a("div",{ref:h,"data-testid":i||"PanelCards",className:d,children:[(l||o)&&a("div",{className:"relative text-center py-8",children:[l&&e(da,{text:l}),o&&e(xe,{align:fe.CENTER,children:o})]}),e("div",{className:"flex gap-8",children:null==r?void 0:r.map((function(t,i){return a("span",{className:"flex gap-8 justify-between",children:[e("div",{className:u("relative flex flex-1 items-center justify-center",{"":s}),style:{transform:p?"none":"translateY(200px)",opacity:p?1:0,transition:"all 0.9s cubic-bezier(0.17, 0.55, 0.55, 1) ".concat(.1*i,"s")},children:e(sa,ee({},t))}),s&&i<r.length-1&&e("div",{className:"w-1 h-10 border-0 border-r border-solid border-primary500"},"separator-".concat(i))]},"card-".concat(i))}))})]})};ua.displayName="PanelCards";var ma=function(a){var t=a.children,i=a.className,r=a.spacing,n=a.padded,l=a.isNarrow,o=a.isCentered,s=a.isFlush,c=b(u("container mx-auto my-0",{"px-4":n},{"py-40":"feature"===r},{"py-24":"component"===r},{"py-16":"module"===r},{"py-10":"element"===r},{"py-4":"atom"===r},{"py-0":"none"===r},{"max-w-3xl":l},{"flex items-center justify-center flex-col":o},{"px-0 max-w-full mx-0":s})),d=u("mx-4 md:mx-0",{"w-full":!o},i);return e("div",{"data-testid":"Container",className:c,children:e("div",{className:d,children:t})})};ma.displayName="Container";var ha=function(t){var i=t.testID,r=t.title,n=t.description,l=t.inversed,o=t.assets,s=t.buttonData,c=t.withBg,d=void 0===c||c,m=t.spacing,h=void 0===m?ca.DEFAULT:m;return a("div",{"data-testid":i||"PanelFeature",className:u("relative m-auto w-full flex flex-none flex-nowrap",h),children:[d&&e("div",{className:"rounded-full blur-[250px] flex flex-none aspect-1 absolute -top-24 -left-48 w-[500px] opacity-20 bg-gradient-to-r from-primary-darker to-primary-lighter"}),e(ma,{children:a("div",{className:u("relative flex sm:flex-col md:flex-row flex-nowrap w-full h-min justify-between overflow-visible p-0 items-center gap-16",{"flex-row-reverse":l}),children:[a("div",{className:"w-1/2 flex flex-col items-start justify-center",children:[a("div",{className:"relative text-left",children:[e(da,{text:r}),e(xe,{className:"mb-0",children:n})]}),a("div",{className:"grid grid-cols-3 gap-2 my-8",children:[e(Ne,{rounded:!0,text:"New",variant:"info"}),e(Ne,{rounded:!0,text:"Trending",variant:"info"}),e(Ne,{rounded:!0,text:"Popular",variant:"info"})]}),e("div",{className:"",children:e(me,ee({},s))})]}),e("div",{className:"w-1/2 flex items-center justify-center",children:e("div",{className:"w-full aspect-[1/1] flex items-center justify-center",children:e(ze,{bgAsset:o.bgAsset,focalAsset1:o.focalAsset1,focalAsset2:o.focalAsset2,focalAsset3:o.focalAsset3})})})]})})]})};ha.displayName="PanelFeature";var pa=function(a){var t=a.url,r=a.sources,n=a.onReady,o=a.className,c=a.options,d=void 0===c?{}:c,m=a.isYoutube,h=void 0!==m&&m,p=a.defaultAudioTrack,f=void 0===p?"No Music":p,v=a.rounded,g=void 0===v||v,y=a.aspectRatioValue,N=i.useRef(null),x=i.useRef(null),w=i.useRef(null),k=s((function(){switch(y){case"4/3":return{aspectRatio:"4:3",className:"aspect-[4/3]"};case"1/1":return{aspectRatio:"1:1",className:"aspect-[1/1]"};case"3/4":return{aspectRatio:"3:4",className:"aspect-[3/4]"};case"9/16":return{aspectRatio:"9:16",className:"aspect-[9/16]"};case"16/7":return{aspectRatio:"16:7",className:"aspect-[16/7]"};case"16/5":return{aspectRatio:"16:5",className:"aspect-[16/5]"};default:return{aspectRatio:"16:9",className:"aspect-[16/9]"}}}),[y]);return l((function(){var e;if(!h){var a=ee(ee({autoplay:!0,controls:!0,muted:!1,responsive:!0,fill:!0,fluid:!0,aspectRatio:k.aspectRatio||"16:9",controlBar:{skipButtons:{forward:30,backward:30},volumePanel:{inline:!0}},html5:{hls:{enableLowInitialPlaylist:!0}}},d),{sources:r});if(!w.current){var t=document.createElement("video-js");t.classList.add("vjs-big-play-centered"),null===(e=null==x?void 0:x.current)||void 0===e||e.appendChild(t);var i=w.current=I(t,a,(function(){I.log("player is ready",i),n&&n(i)}));i.on("loadedmetadata",(function(){for(var e=i.audioTracks(),a=0;a<e.length;a++)e[a].label===f&&(e[a].enabled=!0)}))}}}),[d,x]),l((function(){if(!h){var e=w.current;return function(){e&&!e.isDisposed()&&(e.dispose(),w.current=null)}}}),[w]),e("div",h&&t?{"data-testid":"Video",className:u("relative w-full h-full aspect-[16/9]",o),children:e(L,{ref:N,className:"react-player",url:t,width:"100%",height:"100%",controls:!0,onReady:n})}:{className:b(u("relative w-full overflow-hidden h-full aspect-[16/9] bg-black object-cover",{rouded:g},k.className,o)),children:e("div",{"data-vjs-player":!0,children:e("div",{ref:x,className:"object-cover"})})})};pa.displayName="Video";var fa={replace:function(a){if("a"===a.name){var t=O(a.attribs);return e(pe,ee({},t,{children:T(a.children,fa)}))}if(a.attribs&&"p"===a.name){t=O(a.attribs);return e(xe,ee({},t,{children:T(a.children,fa)}))}return a}},va=function(a){var t=a.testID,i=a.data,r=a.align,n=a.className;return e("span",{"data-testid":t||'"HtmlContent"',className:u("relative",{"text-right":"right"===r},{"text-center":"center"===r},{"text-left":"left"===r},n),children:M(i,fa)})};va.displayName="HtmlContent";var ga=function(t){var i=t.testID,r=t.title,o=t.description,c=t.image,d=t.buttonData,h=void 0===d?{variant:oe.PRIMARY,size:se.LARGE}:d,p=t.inversed,v=void 0!==p&&p,b=t.withBg,y=void 0===b||b,N=t.spacing,x=void 0===N?ca.MODULE:N,w=t.video,k=g(),C=n(null),E=m(C),A={damping:30,delay:0,mass:1.2,stiffness:200,type:"spring",duration:.5};l((function(){E&&k.start((function(e){return{transform:"none",transition:ee(ee({},A),{delay:.1*e})}}))}),[k,E]);var R=s((function(){switch(null==w?void 0:w.aspectRatioValue){case"4/3":return"aspect-[4/3]";case"1/1":return"aspect-[1/1]";case"3/4":return"aspect-[3/4]";case"9/16":return"aspect-[9/16]";case"16/7":return"aspect-[16/7]";case"16/5":return"aspect-[16/5]";default:return"aspect-[16/9]"}}),[w]),S=v?"translateX(100px)":"translateX(-100px)";return a("div",{"data-testid":i||"PanelHero",className:u("relative m-auto w-full flex flex-none flex-nowrap",x),children:[y&&e("div",{className:u("rounded-full blur-[200px] flex flex-none aspect-1 absolute w-[700px] opacity-20 bg-gradient-to-r from-primary-darker to-primary-lighter z-0",{"-bottom-24 right-0":!v,"-top-24 left-0":v})}),e(ma,{children:a("div",{className:u("relative flex sm:flex-col md:flex-row flex-nowrap w-full h-min justify-between overflow-visible p-0 items-center gap-16",{"md:flex-row-reverse":v}),children:[e("div",{ref:C,className:"w-1/2 flex flex-col items-start justify-center z-10",children:a("div",{className:u("relative flex flex-col gap-4 from-bodyBackground p-4 rounded",{"text-right bg-gradient-to-l":!v},{"text-left bg-gradient-to-r":v}),children:[e(f.div,{initial:{transform:S},custom:0,animate:k,children:e(da,{text:r})}),e(f.div,{initial:{transform:S},custom:1,animate:k,children:e(va,{className:"mb-0",align:v?fe.LEFT:fe.RIGHT,data:o})}),e(f.div,{initial:{transform:S},custom:2,animate:k,children:e("div",{className:u("flex items-center",{"justify-end":!v,"justify-start":v}),children:e(me,ee({},h))})})]})}),e("div",{className:"relative w-1/2 z-0",children:a("div",{className:u("relative scale-[1.35] rounded overflow-hidden shadow",R),children:[c&&e(Se,{src:c,alt:r,fill:!0}),w&&e(pa,{sources:w.sources,options:{autoplay:!0,muted:!0,controls:!1},aspectRatioValue:w.aspectRatioValue})]})})]})})]})};ga.displayName="PanelHero";var ba=function(t){var i=t.testID,r=t.title,n=t.description,l=t.image1,o=t.image2,s=t.iosLink,c=void 0===s?"#":s,d=t.androidLink,m=void 0===d?"#":d,h=t.inversed,p=void 0!==h&&h,f=t.withBg,v=void 0===f||f,g=t.spacing,b=void 0===g?ca.MODULE:g;return a("div",{"data-testid":i||"PanelFeature",className:u("relative m-auto w-full flex flex-none flex-nowrap",b),children:[v&&e("div",{className:"rounded-full blur-[250px] flex flex-none aspect-1 absolute -bottom-24 -right-48 w-[500px] opacity-20 bg-gradient-to-r from-primary-darker to-primary-lighter"}),e(ma,{children:a("div",{className:u("relative flex flex-col md:flex-row flex-nowrap w-full h-full overflow-visible gap-16 border border-solid border-primary bg-primary bg-opacity-10 backdrop-blur-lg rounded border-opacityDark20 p-8",{"flex-row-reverse":p}),children:[a("div",{className:"w-full md:w-1/2 top-0 relative",children:[e("div",{className:"absolute aspect-[8/17] -rotate-12 w-[135px] left-1/3 top-4 md:w-[180px] md:left-1/3 md:top-4 lg:w-[210px] lg:left-1/2 lg:-top-1/3",children:e(Se,{src:o,alt:r})}),e("div",{className:"relative md:absolute aspect-[8/17] -rotate-0 w-[150px] left-0 top-0 md:w-[220px] md:left-0 md:-top-6 lg:w-[250px] lg:left-1/4 lg:-top-1/2",children:e(Se,{src:l,alt:r})})]}),a("div",{className:"w-full md:w-1/2",children:[e("div",{children:e(da,{text:r})}),e("div",{children:e(xe,{children:n})}),a("div",{className:"flex items-center justify-start gap-4",children:[e("div",{className:"relative w-[150px] h-[50px]",children:e(pe,{href:c,target:"_blank",hideExternalIcon:!0,children:e(Se,{src:"https://apple-resources.s3.amazonaws.com/media-badges/download-on-the-app-store/black/en-us.svg",alt:"App Store"})})}),e("div",{className:"relative w-[190px] h-[75px]",children:e(pe,{href:m,target:"_blank",hideExternalIcon:!0,children:e(Se,{src:"https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png",alt:"Google Play"})})})]})]})]})})]})};ba.displayName="PanelProduct";var ya=function(t){var i=t.testID,r=t.className,n=t.title,l=t.description,o=t.spacing,s=void 0===o?ca.NONE:o,c=t.videoProps;return a("div",{"data-testid":i||'"PanelVideo"',className:u("relative m-auto w-full flex flex-none flex-nowrap aspect-[16/6.6]",s,r),children:[e(pa,{rounded:!1,options:ee({autoplay:!0,muted:!0,controls:!1,loop:!0},null==c?void 0:c.options),sources:null==c?void 0:c.sources}),a("div",{className:"absolute top-0 left-0 w-full h-full z-10",children:[e("div",{className:"absolute top-0 left-0 w-full h-full bg-gradient-to-r from-transparent to-black opacity-50"}),a("div",{className:"absolute top-0 left-0 w-full h-full flex flex-col items-end justify-center pr-24 invert",children:[n&&e(f.div,{initial:{transform:"translateX(25px)"},animate:{transform:"none",transition:{damping:60,delay:0,mass:1.2,stiffness:300,type:"spring"}},transition:{duration:.5},children:e("div",{children:e(Ae,{tag:we.H2,children:n})})}),l&&e(f.div,{initial:{transform:"translateX(25px)"},animate:{transform:"none",transition:{damping:60,delay:0,mass:1.2,stiffness:300,type:"spring"}},transition:{duration:.5},children:e("div",{children:e(xe,{children:l})})})]})]})]})};ya.displayName="PanelVideo";var Na=function(a){var t=a.testID,i=a.buttonData;return e("div",{"data-testid":t||"ButtonGroup",className:"inline-flex rounded",role:"group",children:null==i?void 0:i.map((function(a,t){var r=t>0&&t<i.length-1,n=0===t,l=t===i.length-1,o=u({"rounded-none":r},{"rounded-r":n,"rounded-l":l});return e("div",{children:e(me,ee({},a,{className:o,children:a.children}))},a.id)}))})};Na.displayName="ButtonGroup";var xa=function(t){var i=t.testID,r=t.url,n=t.title,l=void 0===n?"Share":n,o=t.enabled,s=void 0===o?{facebook:!0,twitter:!0}:o;return a("div",{"data-testid":i||"Share",className:"flex gap-2 items-center ",children:[e("div",{children:a(xe,{as:ye.P,className:"mb-0",children:[Ue.UI.SHARE,":"]})}),(null==s?void 0:s.facebook)&&e(P,{url:r,title:l,className:"",children:e(de,{name:"mdi:facebook"})}),(null==s?void 0:s.twitter)&&e(F,{url:r,title:l,className:"",children:e(de,{name:"mdi:twitter"})}),(null==s?void 0:s.whatsapp)&&e(D,{url:r,title:l,className:"",children:e(de,{name:"mdi:whatsapp"})}),(null==s?void 0:s.email)&&e(_,{url:r,title:l,className:"",children:e(de,{name:"mdi:email"})}),(null==s?void 0:s.linkedin)&&e(B,{url:r,title:l,className:"",children:e(de,{name:"mdi:linkedin"})})]})};xa.displayName="Share";var wa=function(t){var i=t.testID,r=t.facebook,n=t.twitter,l=t.instagram,o=t.linkedin;return a("div",{"data-testid":i||'"VisitUs"',className:"flex gap-2",children:[r&&e(me,{variant:oe.PRIMARY,size:se.MEDIUM,icon:"mdi:facebook",onClick:function(){return window.open(r.url)}}),n&&e(me,{variant:oe.PRIMARY,size:se.MEDIUM,icon:"mdi:twitter",onClick:function(){return window.open(n.url)}}),l&&e(me,{variant:oe.PRIMARY,size:se.MEDIUM,icon:"mdi:instagram",onClick:function(){return window.open(l.url)}}),o&&e(me,{variant:oe.PRIMARY,size:se.MEDIUM,icon:"mdi:linkedin",onClick:function(){return window.open(o.url)}})]})};wa.displayName="VisitUs";var ka=function(t){var i=t.testID,r=t.title,n=t.links,l=t.inline,o=void 0===l||l,s=t.separators,c=void 0!==s&&s,d=t.className;return a("div",{"data-testid":i||'"Menu"',className:b(u("flex flex-col gap-2",d)),children:[r&&e("div",{children:e(Ae,{tag:we.H3,children:r})}),e("div",{className:u("flex gap-0 items-center md:items-start",{"flex-row ":o},{"flex-col ":!o}),children:null==n?void 0:n.map((function(t,i){var r="".concat(t.id,"--").concat(i);return a("div",{className:"flex gap-0",children:[e("div",{className:"relative py-2",children:a(pe,{href:t.url,className:"flex gap-1",children:[t.icon&&e(de,{name:t.icon}),t.title&&e("div",{children:t.title})]})}),c&&i+1<n.length&&e("div",{className:"h-full flex self-center px-2",children:e(de,{name:"mdi:dot",className:"opacity-50"})})]},r)}))})]})};ka.displayName="Menu";var Ca,Ea=function(t){var i=t.testID,r=t.children,n=t.withBg,l=void 0===n||n,o=t.inversed,s=void 0!==o&&o;return a("div",{"data-testid":i||"PanelHero",className:"relative py-8 m-auto w-full flex flex-none flex-nowrap",children:[l&&e("div",{className:u("rounded-full blur-[200px] flex flex-none aspect-1 absolute w-[700px] opacity-20 bg-gradient-to-r from-primary-darker to-primary-lighter z-0",{"-bottom-24 right-0":!s,"-top-24 left-0":s})}),e(ma,{children:r})]})};Ea.displayName="Hero",function(e){e.NONE="none",e.ATOM="atom",e.DEFAULT="default",e.ELEMENT="element",e.COMPONENT="component",e.MODULE="module",e.FEATURE="feature"}(Ca||(Ca={}));var Aa,Ra=function(a){var t=a.spacing,i=void 0===t?Ca.DEFAULT:t,r=a.children,n=a.narrow,l=a.flush,o=a.className,s=u("flex","flex-col","flex-1","relative",{"py-40":"feature"===i},{"py-24":"component"===i},{"py-16":"module"===i},{"py-10":"element"===i},{"py-8":"default"===i},{"py-4":"atom"===i},{"py-0":"none"===i},{"max-w-5xl":n},{"p-0":l},o);return e("div",{"data-testid":"ContentPageLayout",className:s,children:r})};Ra.displayName="ContentPageLayout",function(e){e.NONE="none",e.ATOM="atom",e.DEFAULT="default",e.ELEMENT="element",e.COMPONENT="component",e.MODULE="module",e.FEATURE="feature"}(Aa||(Aa={}));var Sa=function(a){var t=a.className,i=a.children,r=a.size,n=void 0===r?Aa.DEFAULT:r,l=u("grid","auto-rows-min","grid-cols-1","gap-x-4",{"gap-y-0 mb-0":"none"===n},{"gap-y-2 mb-2":"atom"===n},{"gap-y-4 mb-4":"default"===n},{"gap-y-8 mb-8":"element"===n},{"gap-y-16 mb-16":"module"===n},{"gap-y-24 mb-24":"component"===n},{"gap-y-40 mb-40":"feature"===n},t);return e("div",{"data-testid":"ContentRowsLayout",className:l,children:i})};Sa.displayName="ContentRowsLayout";var La=c({brand:void 0,header:void 0,footer:void 0}),Ia=function(a){var t=a.children,i=a.value;return e(La.Provider,{value:i,children:t})},Ma=function(t){var i,r,n,l,o,s,c,m,h,p,f,v,g,b=t.testID,y=t.className,N=t.logoAspectRatio,x=void 0===N?"aspect-[16/9]":N,w=d(La);return a("footer",{className:u("w-full md:max-w-screen-lg lg:max-w-screen-xl m-auto pt-16 pb-8",y),children:[a("div",{"data-testid":b||'"Footer"',className:"footer flex flex-col md:flex-row py-8 gap-8",children:[a("div",{className:"relative w-full md:w-1/3 flex flex-col gap-4 items-center md:items-start",children:[(null===(i=null==w?void 0:w.brand)||void 0===i?void 0:i.logo)&&e("div",{className:"relative w-24",children:e(Te,{logo:null===(r=null==w?void 0:w.brand)||void 0===r?void 0:r.logo,aspectRatioClass:x})}),(null===(n=w.footer)||void 0===n?void 0:n.about)&&e("div",{children:e(xe,{children:w.footer.about})}),e("div",{children:e(wa,{facebook:null===(o=null===(l=w.footer)||void 0===l?void 0:l.visitUs)||void 0===o?void 0:o.facebook,twitter:null===(c=null===(s=w.footer)||void 0===s?void 0:s.visitUs)||void 0===c?void 0:c.twitter,instagram:null===(h=null===(m=w.footer)||void 0===m?void 0:m.visitUs)||void 0===h?void 0:h.instagram,linkedin:null===(f=null===(p=w.footer)||void 0===p?void 0:p.visitUs)||void 0===f?void 0:f.linkedin})})]}),(null===(v=w.footer)||void 0===v?void 0:v.menus)&&e("div",{className:"flex gap-4 flex-1 flex-col md:flex-row items-center md:items-start",children:w.footer.menus.map((function(a,t){return e("div",{className:"flex flex-1",children:e(ka,{title:a.title,links:a.links,inline:!1})},"".concat(a.title,"--").concat(t))}))})]}),a("div",{className:"flex items-center justify-center flex-col",children:[a(xe,{align:fe.CENTER,as:ye.SMALL,children:["© ",(new Date).getFullYear()," ",Ue.UI.COPYRIGHT," ",null===(g=w.brand)||void 0===g?void 0:g.name]}),e(xe,{align:fe.CENTER,as:ye.SMALL,children:Ue.UI.ALL_RIGHTS_RESERVED})]})]})};Ma.displayName="Footer";var Oa=function(t){var i,r,n,l,s=t.testID,c=t.menuLinks,m=t.profileLinks,h=t.loginCallback,p=t.logoutCallback,f=t.isAuthenticated,v=void 0!==f&&f,g=t.hideMenu,b=void 0!==g&&g,y=t.logoAspectRatio,N=void 0===y?"aspect-[16/9]":y,x=t.className,w=d(La),k=o("hidden"),C=k[0],E=k[1],A=o(!1),R=A[0],S=A[1],L=function(){E("hidden"===C?"block":"hidden")};return a("header",{"data-testid":s||'"Header"',className:u("w-full md:max-w-screen-lg lg:max-w-screen-xl m-auto py-4 px-4 md:px-2 lg:px-0",x),children:[a("div",{className:"relative w-full flex",children:[(null===(i=null==w?void 0:w.brand)||void 0===i?void 0:i.logo)&&e("div",{className:"relative w-32",children:e(pe,{href:"/",children:e(Te,{logo:null===(r=null==w?void 0:w.brand)||void 0===r?void 0:r.logo,aspectRatioClass:N})})}),e("div",{className:"flex-1 hidden md:flex items-center justify-center",children:e(ka,{links:c,separators:!0})}),a("div",{className:"hidden md:flex flex-col justify-center",children:[!v&&e(me,{onClick:h,children:Ue.UI.LOGIN}),v&&a("div",{className:"relative",children:[e(me,{onClick:function(){return S(!R)},icon:R?"mdi:user-outline":"mdi:user"}),e("div",{onClick:function(){return S(!1)},className:u("absolute bg-bodyBackground dark:bg-darkBodyBackground shadow rounded py-2 px-4 right-0 top-12 w-24 z-20",{hidden:!R}),children:e(ka,{links:m,inline:!1})})]})]}),e("div",{className:"flex md:hidden flex-col justify-center flex-1 items-end",children:e(me,{variant:oe.PRIMARY,icon:"mdi:menu",onClick:L})})]}),a("div",{className:u("navbar-menu relative z-50",C,{hidden:b}),children:[e("div",{className:"navbar-backdrop fixed inset-0 bg-black opacity-25"}),a("nav",{className:"fixed top-0 left-0 bottom-0 flex flex-col w-5/6 max-w-sm py-4 px-4 bg-bodyBackground dark:bg-darkBodyBackground border-r overflow-y-auto",children:[a("div",{className:"flex justify-between",children:[e("div",{className:"relative w-32",children:(null===(n=null==w?void 0:w.brand)||void 0===n?void 0:n.logo)&&e("div",{className:"relative w-32",children:e(Te,{logo:null===(l=null==w?void 0:w.brand)||void 0===l?void 0:l.logo,aspectRatioClass:"aspect-[16/9]"})})}),e("div",{children:e(me,{variant:oe.PRIMARY,icon:"mdi:close",onClick:L})})]}),a("div",{className:"flex flex-col flex-1 gap-4",children:[v&&e("div",{className:"md:hidden flex justify-center",children:e(xe,{children:"User profile avatar and details here."})}),e("div",{className:"flex flex-1 justify-center pt-4",children:e(ka,{links:c,inline:!1})}),v&&e("div",{className:"md:hidden flex justify-center",children:e(me,{onClick:p,children:Ue.UI.LOGOUT})}),!v&&e("div",{className:"md:hidden flex justify-center",children:e(me,{onClick:function(){h(),L()},children:Ue.UI.LOGIN})})]})]})]})]})};Oa.displayName="Header";var Ta,Pa,Fa=function(a){var t=a.testID,r=a.inputCallback,n=a.seperator,l=a.numInputs,c=void 0===l?4:l,d=a.shouldAutoFocus,m=void 0!==d&&d,h=a.size,p=void 0===h?"medium":h,f=o(""),v=f[0],g=f[1];i.useEffect((function(){v&&4===v.length&&void 0!==r&&"function"==typeof r&&r(v)}),[v]);var b=s((function(){switch(p){case"small":return{width:"2.5rem",height:"3rem"};case"medium":return{width:"3.5rem",height:"4rem"};case"large":return{width:"4.5rem",height:"5rem"};default:return{width:"2.5rem",height:"2.5rem"}}}),[p]);return e("div",{"data-testid":t||'"OTPInput"',className:"foo-bar",children:e(U,{value:v,onChange:g,inputType:"number",numInputs:c,shouldAutoFocus:m,renderSeparator:n?function(){return e("div",{className:"flex items-center justify-center",children:e(de,{name:"mdi:dot",className:"opacity-50"})})}:e("div",{className:"flex items-center justify-center w-4"}),renderInput:function(a){return e("input",ee({},a,{className:u("remove-arrow form-item text-input w-12")}))},inputStyle:{width:b.width,height:b.height}})})};function Da(t){var i=t.className,r=t.label,n=t.onChange,l=t.options;return a("div",{className:u("m-0 p-0 mb-2 border-none",i),children:[e(Me,{className:"text-sm",transform:ve.UPPERCASE,children:r}),e(Ke,{id:r||"Sorting",options:l,onChange:function(e){return n(e.target.value)}})]})}function _a(a){var t=a.className,i=a.current,r=a.resultsPerPage,n=void 0===r?10:r,l=a.onChange,o=a.totalPages,s=ae(a,["className","current","resultsPerPage","onChange","totalPages"]);return e(J,ee({current:i,onChange:l,simple:!0,pageSize:n,total:o*n,className:u("m-0 p-0 list-none text-bodyText flex gap-2 text-center items-center [&>li>span]:px-2",t),locale:Q,prevIcon:e("div",{className:"text-bodyText",children:e(de,{name:"mdi:chevron-left"})}),nextIcon:e("div",{className:"text-bodyText",children:e(de,{name:"mdi:chevron-right"})})},s))}function Ba(i){var r=i.className,n=i.onChange,l=i.options,o=i.label;return l?a("div",{className:u("m-0 p-0 border-none flex items-center justify-end",r),children:[e(Me,{className:"text-sm mr-2",transform:ve.UPPERCASE,children:Ue.UI.SHOW}),e(Ke,{id:o||"ResultsPerPage",options:l.map((function(e){return{label:e.toString(),value:e}})),onChange:function(e){return n(e.target.value)},className:"min-w-20"})]}):e(t,{})}function Ua(i){var r=i.className,n=i.end,l=i.searchTerm,o=i.start,s=i.totalResults,c=ae(i,["className","end","searchTerm","start","totalResults"]);return a("div",ee({className:u("m-0 p-0",r)},c,{children:["Showing"," ",a("strong",{children:[o," - ",n]})," ","out of ",e("strong",{children:s}),l&&a(t,{children:[" ","for: ",e("em",{children:l})]})]}))}function ja(t){var i=t.className,r=t.onChange,n=t.onSubmit,l=t.wasSearched,o=t.placeholder,s=d(z);return e("div",{className:u("m-0 px-48",i),children:a("form",{onSubmit:function(e){return n(e)},className:"flex items-center",children:[e("div",{className:"flex-1 bg-bodyBackground dark:bg-darkBodyBackground bg-opacity-80",children:e(Be,{name:"SearchBoxInput",type:De.TEXT,placeholder:o||"Search now...",onChange:function(e){var a;r(null===(a=null==e?void 0:e.target)||void 0===a?void 0:a.value)}})}),e("div",{className:"pl-4",children:a("div",{className:"flex flex-row gap-2",children:[l&&e(me,{type:le.BUTTON,onClick:function(){return s.driver.reset()},variant:oe.SECONDARY,children:"Reset"}),e(me,{type:le.SUBMIT,variant:oe.PRIMARY,children:"Search"})]})})]})})}function za(t){var i=t.className,r=t.children,n=t.header,l=t.bodyContent,o=t.bodyFooter,s=t.bodyHeader,c=t.sideContent,d=u("hidden md:block fixed md:relative w-full h-full left-0 md:left-auto top-0 md:top-auto px-2 pb-4 md:pt-6 md:px-6 md:pb-auto md:pl-0",{"hidden md:hidden":!c});return a("div",{className:u("w-full flex flex-col",i),children:[e("div",{className:"m-auto md:py-0 w-full",children:n}),a("div",{className:u("md:grid m-auto md:py-0 w-full",{"md:grid-cols-search-layout":!c,"md:grid-cols-search-layout-with-sidebar":c}),children:[e("div",{className:d,children:c}),a("div",{className:u("p-0 pt-2 md:p-6 md:pr-0",{"md:pl-0":!c}),children:[e("div",{className:"flex items-center justify-between",children:s}),e("div",{className:"relative",children:r||l}),e("div",{className:"flex items-center justify-around",children:o})]})]})]})}function qa(a){var t=a.children,i=a.className,r=a.gridClasses,n=ae(a,["children","className","gridClasses"]);return e("ul",ee({className:u("relative grid gap-4 mb-4",r||"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",i)},n,{children:t}))}function Ha(e){return null==e?"":Object.prototype.hasOwnProperty.call(e,"name")?e.name:String(e)}function Ga(e,a){if(e)return e[a]}function Wa(e){var a,t=Ga(e,"snippet")||(a=function(e){return Ga(e,"raw")}(e),a?String(a).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"):"");return Array.isArray(t)?t.join(", "):t}function Ya(a){var t=a.className,i=a.result,r=a.as,n=a.cardMap,l=void 0===n?{idField:{fieldName:"uuid"},titleField:{fieldName:"title"},descriptionField:{fieldName:"description"},imageField:{fieldName:"image"}}:n,o=l.idField,s=l.titleField,c=l.imageField,d=l.videoField,m=l.descriptionField,h=l.metaDataFields,p=l.cardProps,f=o&&Wa(i[o.fieldName]),v=s&&Wa(i[s.fieldName]),g=c&&Wa(i[c.fieldName]),b=d&&d.formatter?d.formatter(Wa(i[d.fieldName])):d&&Wa(i[d.fieldName]),y=m&&Wa(i[m.fieldName]),N=h&&h.map((function(e){var a=Wa(i[e.fieldName]);if(e.formatter&&"function"==typeof e.formatter)return e.formatter(a)}));return e("li",{className:u("relative",t),children:function(){var a={id:f,title:v,image:{src:g||"",alt:v||"",title:v||"",width:500,height:500},video:b,description:y,metaData:N,actions:l.actionsData,onClick:l.onClickLink};switch(r){case Pa.cardMedia:return e(sa,ee({variant:Ta.MEDIA,data:a},p));case Pa.cardVideo:return e(sa,ee({variant:Ta.VIDEO,data:a},p,{isMuted:!1}));default:return e(sa,ee({variant:Ta.BASIC,data:a},p))}}()})}function Va(t){var r=t.showOptions,n=t.sortOptions,l=t.resultAs,o=void 0===l?Pa.cardBasic:l,c=t.ResultFieldMap,d=t.config,u=void 0===d?{filters:[],facets:{},searchFields:{},resultsFields:{},alwaysSearchOnInitialLoad:!0,initialPlaceholder:"Search..."}:d,m=t.facetDisplay,h=void 0===m?[]:m,p=t.noSidebar,f=void 0!==p&&p,v=t.customConnector,g=t.showPagingInfo,b=t.gridClasses,y=t.initialState,N=void 0===y?{}:y,x=t.showTextSearch,w=void 0===x||x,k=s((function(){var e={host:process.env.REACT_APP_ELASTICSEARCH_HOST||"http://localhost:9200",index:process.env.REACT_APP_ELASTICSEARCH_INDEX||"",apiKey:process.env.REACT_APP_ELASTICSEARCH_API_KEY};return new j(v||e)}),[]),C=s((function(){return{debug:"development"===process.env.NODE_ENV,alwaysSearchOnInitialLoad:u.alwaysSearchOnInitialLoad,apiConnector:k,hasA11yNotifications:!0,searchQuery:{filters:u.filters||[],search_fields:u.searchFields||{},result_fields:u.resultsFields||{},facets:u.facets},autocompleteQuery:{results:{search_fields:{title:{},description:{}},resultsPerPage:5,result_fields:{title:{snippet:{size:100,fallback:!0}}}}},initialState:ee({resultsPerPage:(null==r?void 0:r[0])||8},N)}}),[u]);return e(q,{config:C,children:e(H,{mapContextToProps:function(e){return{wasSearched:e.wasSearched}},children:function(t){var l=t.wasSearched;return e("div",{className:"App",children:e(G,{children:e(za,{header:w&&e(W,{view:function(a){return e(ja,ee({},a,{wasSearched:l,placeholder:u.initialPlaceholder}))}}),sideContent:!f&&h&&a("div",{children:[l&&e(Y,{label:"Sort by",sortOptions:n,view:Da}),null==h?void 0:h.map((function(a){var t=a.field,i=a.label,r=a.view;return e(V,{field:t,label:i,view:r},t)}))]}),bodyContent:e(X,{shouldTrackClickThrough:!1,resultView:function(a){return e(Ya,ee({},a,{as:o,cardMap:c}))},className:"list-none p-0 m-0",view:function(a){return e(qa,ee({},a,{gridClasses:b}))}}),bodyHeader:a(i.Fragment,{children:[l&&g&&e(K,{view:Ua}),l&&r&&e(Z,{view:Ba,options:r})]}),bodyFooter:e($,{view:_a}),noSidebar:f})})})}})})}function Xa(t){var i=t.className,r=t.label,n=t.onChange,l=t.options.map((function(e){return{value:e.value,label:"".concat(e.value," (").concat(e.count,")")}}));return a("fieldset",{className:u("m-0 p-0 mt-4 mb-2 border-none",i),children:[e(Me,{className:"text-sm",transform:ve.UPPERCASE,children:r}),e(Ke,{id:r,options:l,onChange:function(e){return n(e.target.value)}})]})}function Ka(t){var i=t.className,r=t.label,n=t.onRemove,l=t.onSelect,o=t.options,s=o.filter((function(e){return e.selected})).map((function(e){return e.value}))[0];return e("fieldset",{className:u("m-0 p-0 mt-4 mb-2 border-none",i),children:a("div",{children:[e(Me,{className:"text-sm",transform:ve.UPPERCASE,children:r}),a("ul",{className:"ul list-none p-0",children:[s&&a("li",{className:"m-0 flex justify-between items-center flex-1",children:[Ha(s),e("span",{className:"ml-1 px-1",children:e(me,{onClick:function(){return n(s)},children:e(de,{name:"mdi:close"})})})]}),!s&&o.map((function(t){var i=Ha(t.value);return a("li",{className:"m-0 flex justify-between",children:[e("a",{className:"no-underline text-sm visited:text-bodyText","data-transaction-name":"facet - ".concat(r),href:"/",onClick:function(e){e.preventDefault(),l(t.value)},children:e("label",{className:"label pl-0 leading-none text-sm",children:i})}),e(xe,{as:ye.SPAN,size:be.SMALL,children:t.count.toLocaleString("en")})]},i)}))]})]})})}function Za(i){var r=i.className,n=i.label,l=i.onMoreClick,o=i.onRemove,s=i.onSelect,c=i.options,d=i.showMore,m=i.showSearch,h=i.onSearch,p=i.searchPlaceholder;return c?a("fieldset",{className:u("m-0 p-0 mt-4 mb-2 border-none",r),children:[e(Me,{className:"text-sm",transform:ve.UPPERCASE,children:n}),m&&e("div",{className:"mt-1",children:e(Be,{type:De.SEARCH,placeholder:p||"Search",onChange:function(e){h(e.target.value)}})}),a("div",{className:"my-4",children:[(null==c?void 0:c.length)<1&&e("div",{children:"No matching options"}),null==c?void 0:c.map((function(t){var i=t.selected,r=t.value,l=Ha(r);return a("div",{className:"flex justify-between pb-2",children:[e(he,{id:"facet_".concat(n).concat(l),"data-transaction-name":"facet - ".concat(n),checked:i,onChange:function(){return i?o(r):s(r)},label:l}),e(xe,{as:ye.SPAN,size:be.SMALL,children:t.count.toLocaleString("en")})]},l)}))]}),d&&e(me,{size:se.SMALL,variant:oe.TERTIARY,onClick:l,"aria-label":"Show more options",children:"+ More"})]}):e(t,{children:"Options required"})}Fa.displayName="OTPInput",function(e){e.BASIC="basic",e.MEDIA="media",e.VIDEO="video",e.ICON="icon",e.HORZ="horz",e.DATA="data"}(Ta||(Ta={})),function(e){e.cardBasic="cardBasic",e.cardMedia="cardMedia",e.cardVideo="cardVideo"}(Pa||(Pa={})),Da.displayName="Sorting",_a.displayName="Paging",Ba.displayName="ResultsPerPage",Ua.displayName="PagingInfo",ja.displayName="SearchBox",za.displayName="Layout",qa.displayName="Results",Ya.displayName="Result",Xa.displayName="SingleSelectFacet",Ka.displayName="SingleLinksFacet",Za.displayName="MultiCheckboxFacet";var $a=function(a){var t=a.handleSubmit;return e("div",{"data-testid":"ResetPasswordForm",className:"form-wrapper",children:e(Xe,{onSubmit:t,submit:Ue.FORMS.RESET_PASSWORD_FORM.SUBMIT,disabledSubmitWithReturn:!0,children:e(Ze,{name:"password",type:He.PASSWORD,label:Ue.FORMS.RESET_PASSWORD_FORM.PASSWORD,required:!0,validations:Ve})})})};$a.displayName="ResetPasswordForm";var Ja=function(t){var i=t.testID,r=t.initialValues,n=t.handleSubmit;return e("div",{"data-testid":i||'"ProfileForm"',className:"form-wrapper",children:a(Xe,{onSubmit:n,submit:Ue.FORMS.PROFILE_FORM.SUBMIT,disabledSubmitWithReturn:!0,initialValues:r,children:[e("div",{className:"mb-4",children:e(je,{name:"avatar",initValue:null==r?void 0:r.avatar})}),e(Ze,{name:"firstName",type:He.TEXT,label:Ue.FORMS.PROFILE_FORM.FIRST_NAME,required:!0}),e(Ze,{name:"lastName",type:He.TEXT,label:Ue.FORMS.PROFILE_FORM.LAST_NAME,required:!0}),e(Ze,{name:"email",type:He.EMAIL,label:Ue.FORMS.PROFILE_FORM.EMAIL,required:!0,validations:Ye})]})})};Ja.displayName="ProfileForm";var Qa={isDarkTheme:!1,toggleTheme:function(){return console.log("toggleTheme")}},et=i.createContext(Qa),at=function(a){var t=a.children,i=a.theme;return e(et.Provider,{value:i,children:t})},tt={colors:{white:"#FFF",black:"#000",primary:"#222",secondary:"#666",tertiary:"#EEE",accent:"#1FB2A6",neutral:"#191D24",info:"#3ABFF8",success:"#36D399",warning:"#FBBD23",error:"#F87272",opacityDark10:"rgba(0, 0, 0, 0.1)",opacityDark20:"rgba(0, 0, 0, 0.2)",opacityDark30:"rgba(0, 0, 0, 0.3)",opacityDark40:"rgba(0, 0, 0, 0.4)",opacityDark50:"rgba(0, 0, 0, 0.5)",opacityDark60:"rgba(0, 0, 0, 0.6)",opacityDark70:"rgba(0, 0, 0, 0.7)",opacityDark80:"rgba(0, 0, 0, 0.8)",opacityDark90:"rgba(0, 0, 0, 0.9)",opacityLight10:"rgba(255, 255, 255, 0.1)",opacityLight20:"rgba(255, 255, 255, 0.2)",opacityLight30:"rgba(255, 255, 255, 0.3)",opacityLight40:"rgba(255, 255, 255, 0.4)",opacityLight50:"rgba(255, 255, 255, 0.5)",opacityLight60:"rgba(255, 255, 255, 0.6)",opacityLight70:"rgba(255, 255, 255, 0.7)",opacityLight80:"rgba(255, 255, 255, 0.8)",opacityLight90:"rgba(255, 255, 255, 0.9)",primary50:"#F2F2F2",primary100:"#E6E6E6",primary200:"#CCCCCC",primary300:"#B3B3B3",primary400:"#999999",primary500:"#808080",primary600:"#666666",primary700:"#4D4D4D",primary800:"#333333",primary900:"#1A1A1A",secondary50:"#FDFDFD",secondary100:"#FBFBFB",secondary200:"#F8F8F8",secondary300:"#F5F5F5",secondary400:"#F2F2F2",secondary500:"#EFEFEF",secondary600:"#ECECEC",secondary700:"#E9E9E9",secondary800:"#E6E6E6",secondary900:"#E3E3E3",tertiary50:"#F8F8F8",tertiary100:"#F1F1F1",tertiary200:"#EAEAEA",tertiary300:"#E3E3E3",tertiary400:"#DCDCDC",tertiary500:"#D5D5D5",tertiary600:"#CECECE",tertiary700:"#C7C7C7",tertiary800:"#C0C0C0",tertiary900:"#B9B9B9",accent50:"#E5F8F6",accent100:"#CCEFF0",accent200:"#B2E6E6",accent300:"#99DDDD",accent400:"#7FD4D4",accent500:"#66CBCB",accent600:"#4DB2B2",accent700:"#339999",accent800:"#1A8080",accent900:"#006666",neutral50:"#F8F8F8",neutral100:"#F1F1F1",neutral200:"#EAEAEA",neutral300:"#E3E3E3",neutral400:"#DCDCDC",neutral500:"#D5D5D5",neutral600:"#CECECE",neutral700:"#C7C7C7",neutral800:"#C0C0C0",neutral900:"#B9B9B9",info50:"#E6F9FD",info100:"#CFF3FB",info200:"#B8EDF8",info300:"#A1E7F6",info400:"#8AE1F3",info500:"#73DBF1",info600:"#5CC5DA",info700:"#469EB3",info800:"#2F788C",info900:"#195165",success50:"#E6FDEE",success100:"#CFFBDD",success200:"#B8F8CC",success300:"#A1F6BB",success400:"#8AEDAA",success500:"#73E499",success600:"#5CC482",success700:"#469E6C",success800:"#2F784F",success900:"#195133",warning50:"#FEF9E6",warning100:"#FDF3CD",warning200:"#FCECB4",warning300:"#FBDF8B",warning400:"#FAD262",warning500:"#F9C639",warning600:"#E0AD32",warning700:"#B78C27",warning800:"#8E6B1D",warning900:"#654A13",error50:"#FCE6E6",error100:"#F9CDCD",error200:"#F6B4B4",error300:"#F29999",error400:"#EF8080",error500:"#EC6666",error600:"#D95252",error700:"#B34040",error800:"#8E2E2E",error900:"#6B1B1B",grey50:"#F8F8F8",grey100:"#F1F1F1",grey200:"#EAEAEA",grey300:"#E3E3E3",grey400:"#DCDCDC",grey500:"#C0C0C0",grey600:"#A9A9A9",grey700:"#8C8C8C",grey800:"#666666",grey900:"#404040",purple50:"#ede9f4",purple100:"#c8b9de",purple200:"#ae98ce",purple300:"#8968b7",purple400:"#724ba9",purple500:"#4f1e94",purple600:"#481b87",purple700:"#381569",purple800:"#2b1151",purple900:"#210d3e"},screens:{sm:"480px",md:"768px",lg:"976px",xl:"1440px"},spacing:{px:"1px",0:"0",1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",8:"2rem",10:"2.5rem",11:"2.75rem",12:"3rem",16:"4rem",20:"5rem",24:"6rem",32:"8rem",40:"10rem",48:"12rem",56:"14rem",64:"16rem",128:"32rem"},borderRadius:{none:"0",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},fontSize:{xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],base:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"3.25rem"}],"6xl":["3.75rem",{lineHeight:"4rem"}],"7xl":["4.5rem",{lineHeight:"5rem"}],"8xl":["6rem",{lineHeight:"7rem"}],"9xl":["8rem",{lineHeight:"9rem"}]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},extend:{gridTemplateColumns:{"header-md":"200px auto 200px","header-sd":"125px auto 125px","header-xs":"auto 175px","search-layout":"1fr","search-layout-with-sidebar":"1fr 3fr"}}};function it(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var rt={exports:{}},nt={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},lt={exports:{}},ot=function(e){return!(!e||"string"==typeof e)&&(e instanceof Array||Array.isArray(e)||e.length>=0&&(e.splice instanceof Function||Object.getOwnPropertyDescriptor(e,e.length-1)&&"String"!==e.constructor.name))},st=Array.prototype.concat,ct=Array.prototype.slice,dt=lt.exports=function(e){for(var a=[],t=0,i=e.length;t<i;t++){var r=e[t];ot(r)?a=st.call(a,ct.call(r)):a.push(r)}return a};dt.wrap=function(e){return function(){return e(dt(arguments))}};var ut=lt.exports,mt=nt,ht=ut,pt=Object.hasOwnProperty,ft=Object.create(null);for(var vt in mt)pt.call(mt,vt)&&(ft[mt[vt]]=vt);var gt=rt.exports={to:{},get:{}};function bt(e,a,t){return Math.min(Math.max(a,e),t)}function yt(e){var a=Math.round(e).toString(16).toUpperCase();return a.length<2?"0"+a:a}gt.get=function(e){var a,t;switch(e.substring(0,3).toLowerCase()){case"hsl":a=gt.get.hsl(e),t="hsl";break;case"hwb":a=gt.get.hwb(e),t="hwb";break;default:a=gt.get.rgb(e),t="rgb"}return a?{model:t,value:a}:null},gt.get.rgb=function(e){if(!e)return null;var a,t,i,r=[0,0,0,1];if(a=e.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(i=a[2],a=a[1],t=0;t<3;t++){var n=2*t;r[t]=parseInt(a.slice(n,n+2),16)}i&&(r[3]=parseInt(i,16)/255)}else if(a=e.match(/^#([a-f0-9]{3,4})$/i)){for(i=(a=a[1])[3],t=0;t<3;t++)r[t]=parseInt(a[t]+a[t],16);i&&(r[3]=parseInt(i+i,16)/255)}else if(a=e.match(/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(t=0;t<3;t++)r[t]=parseInt(a[t+1],0);a[4]&&(a[5]?r[3]=.01*parseFloat(a[4]):r[3]=parseFloat(a[4]))}else{if(!(a=e.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(a=e.match(/^(\w+)$/))?"transparent"===a[1]?[0,0,0,0]:pt.call(mt,a[1])?((r=mt[a[1]])[3]=1,r):null:null;for(t=0;t<3;t++)r[t]=Math.round(2.55*parseFloat(a[t+1]));a[4]&&(a[5]?r[3]=.01*parseFloat(a[4]):r[3]=parseFloat(a[4]))}for(t=0;t<3;t++)r[t]=bt(r[t],0,255);return r[3]=bt(r[3],0,1),r},gt.get.hsl=function(e){if(!e)return null;var a=e.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(a){var t=parseFloat(a[4]);return[(parseFloat(a[1])%360+360)%360,bt(parseFloat(a[2]),0,100),bt(parseFloat(a[3]),0,100),bt(isNaN(t)?1:t,0,1)]}return null},gt.get.hwb=function(e){if(!e)return null;var a=e.match(/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/);if(a){var t=parseFloat(a[4]);return[(parseFloat(a[1])%360+360)%360,bt(parseFloat(a[2]),0,100),bt(parseFloat(a[3]),0,100),bt(isNaN(t)?1:t,0,1)]}return null},gt.to.hex=function(){var e=ht(arguments);return"#"+yt(e[0])+yt(e[1])+yt(e[2])+(e[3]<1?yt(Math.round(255*e[3])):"")},gt.to.rgb=function(){var e=ht(arguments);return e.length<4||1===e[3]?"rgb("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+")":"rgba("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+", "+e[3]+")"},gt.to.rgb.percent=function(){var e=ht(arguments),a=Math.round(e[0]/255*100),t=Math.round(e[1]/255*100),i=Math.round(e[2]/255*100);return e.length<4||1===e[3]?"rgb("+a+"%, "+t+"%, "+i+"%)":"rgba("+a+"%, "+t+"%, "+i+"%, "+e[3]+")"},gt.to.hsl=function(){var e=ht(arguments);return e.length<4||1===e[3]?"hsl("+e[0]+", "+e[1]+"%, "+e[2]+"%)":"hsla("+e[0]+", "+e[1]+"%, "+e[2]+"%, "+e[3]+")"},gt.to.hwb=function(){var e=ht(arguments),a="";return e.length>=4&&1!==e[3]&&(a=", "+e[3]),"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+a+")"},gt.to.keyword=function(e){return ft[e.slice(0,3)]};var Nt=rt.exports;const xt=nt,wt={};for(const e of Object.keys(xt))wt[xt[e]]=e;const kt={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var Ct=kt;for(const e of Object.keys(kt)){if(!("channels"in kt[e]))throw new Error("missing channels property: "+e);if(!("labels"in kt[e]))throw new Error("missing channel labels property: "+e);if(kt[e].labels.length!==kt[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:a,labels:t}=kt[e];delete kt[e].channels,delete kt[e].labels,Object.defineProperty(kt[e],"channels",{value:a}),Object.defineProperty(kt[e],"labels",{value:t})}kt.rgb.hsl=function(e){const a=e[0]/255,t=e[1]/255,i=e[2]/255,r=Math.min(a,t,i),n=Math.max(a,t,i),l=n-r;let o,s;n===r?o=0:a===n?o=(t-i)/l:t===n?o=2+(i-a)/l:i===n&&(o=4+(a-t)/l),o=Math.min(60*o,360),o<0&&(o+=360);const c=(r+n)/2;return s=n===r?0:c<=.5?l/(n+r):l/(2-n-r),[o,100*s,100*c]},kt.rgb.hsv=function(e){let a,t,i,r,n;const l=e[0]/255,o=e[1]/255,s=e[2]/255,c=Math.max(l,o,s),d=c-Math.min(l,o,s),u=function(e){return(c-e)/6/d+.5};return 0===d?(r=0,n=0):(n=d/c,a=u(l),t=u(o),i=u(s),l===c?r=i-t:o===c?r=1/3+a-i:s===c&&(r=2/3+t-a),r<0?r+=1:r>1&&(r-=1)),[360*r,100*n,100*c]},kt.rgb.hwb=function(e){const a=e[0],t=e[1];let i=e[2];const r=kt.rgb.hsl(e)[0],n=1/255*Math.min(a,Math.min(t,i));return i=1-1/255*Math.max(a,Math.max(t,i)),[r,100*n,100*i]},kt.rgb.cmyk=function(e){const a=e[0]/255,t=e[1]/255,i=e[2]/255,r=Math.min(1-a,1-t,1-i);return[100*((1-a-r)/(1-r)||0),100*((1-t-r)/(1-r)||0),100*((1-i-r)/(1-r)||0),100*r]},kt.rgb.keyword=function(e){const a=wt[e];if(a)return a;let t,i=1/0;for(const a of Object.keys(xt)){const l=(n=xt[a],((r=e)[0]-n[0])**2+(r[1]-n[1])**2+(r[2]-n[2])**2);l<i&&(i=l,t=a)}var r,n;return t},kt.keyword.rgb=function(e){return xt[e]},kt.rgb.xyz=function(e){let a=e[0]/255,t=e[1]/255,i=e[2]/255;a=a>.04045?((a+.055)/1.055)**2.4:a/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,i=i>.04045?((i+.055)/1.055)**2.4:i/12.92;return[100*(.4124*a+.3576*t+.1805*i),100*(.2126*a+.7152*t+.0722*i),100*(.0193*a+.1192*t+.9505*i)]},kt.rgb.lab=function(e){const a=kt.rgb.xyz(e);let t=a[0],i=a[1],r=a[2];t/=95.047,i/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,i=i>.008856?i**(1/3):7.787*i+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;return[116*i-16,500*(t-i),200*(i-r)]},kt.hsl.rgb=function(e){const a=e[0]/360,t=e[1]/100,i=e[2]/100;let r,n,l;if(0===t)return l=255*i,[l,l,l];r=i<.5?i*(1+t):i+t-i*t;const o=2*i-r,s=[0,0,0];for(let e=0;e<3;e++)n=a+1/3*-(e-1),n<0&&n++,n>1&&n--,l=6*n<1?o+6*(r-o)*n:2*n<1?r:3*n<2?o+(r-o)*(2/3-n)*6:o,s[e]=255*l;return s},kt.hsl.hsv=function(e){const a=e[0];let t=e[1]/100,i=e[2]/100,r=t;const n=Math.max(i,.01);i*=2,t*=i<=1?i:2-i,r*=n<=1?n:2-n;return[a,100*(0===i?2*r/(n+r):2*t/(i+t)),100*((i+t)/2)]},kt.hsv.rgb=function(e){const a=e[0]/60,t=e[1]/100;let i=e[2]/100;const r=Math.floor(a)%6,n=a-Math.floor(a),l=255*i*(1-t),o=255*i*(1-t*n),s=255*i*(1-t*(1-n));switch(i*=255,r){case 0:return[i,s,l];case 1:return[o,i,l];case 2:return[l,i,s];case 3:return[l,o,i];case 4:return[s,l,i];case 5:return[i,l,o]}},kt.hsv.hsl=function(e){const a=e[0],t=e[1]/100,i=e[2]/100,r=Math.max(i,.01);let n,l;l=(2-t)*i;const o=(2-t)*r;return n=t*r,n/=o<=1?o:2-o,n=n||0,l/=2,[a,100*n,100*l]},kt.hwb.rgb=function(e){const a=e[0]/360;let t=e[1]/100,i=e[2]/100;const r=t+i;let n;r>1&&(t/=r,i/=r);const l=Math.floor(6*a),o=1-i;n=6*a-l,1&l&&(n=1-n);const s=t+n*(o-t);let c,d,u;switch(l){default:case 6:case 0:c=o,d=s,u=t;break;case 1:c=s,d=o,u=t;break;case 2:c=t,d=o,u=s;break;case 3:c=t,d=s,u=o;break;case 4:c=s,d=t,u=o;break;case 5:c=o,d=t,u=s}return[255*c,255*d,255*u]},kt.cmyk.rgb=function(e){const a=e[0]/100,t=e[1]/100,i=e[2]/100,r=e[3]/100;return[255*(1-Math.min(1,a*(1-r)+r)),255*(1-Math.min(1,t*(1-r)+r)),255*(1-Math.min(1,i*(1-r)+r))]},kt.xyz.rgb=function(e){const a=e[0]/100,t=e[1]/100,i=e[2]/100;let r,n,l;return r=3.2406*a+-1.5372*t+-.4986*i,n=-.9689*a+1.8758*t+.0415*i,l=.0557*a+-.204*t+1.057*i,r=r>.0031308?1.055*r**(1/2.4)-.055:12.92*r,n=n>.0031308?1.055*n**(1/2.4)-.055:12.92*n,l=l>.0031308?1.055*l**(1/2.4)-.055:12.92*l,r=Math.min(Math.max(0,r),1),n=Math.min(Math.max(0,n),1),l=Math.min(Math.max(0,l),1),[255*r,255*n,255*l]},kt.xyz.lab=function(e){let a=e[0],t=e[1],i=e[2];a/=95.047,t/=100,i/=108.883,a=a>.008856?a**(1/3):7.787*a+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,i=i>.008856?i**(1/3):7.787*i+16/116;return[116*t-16,500*(a-t),200*(t-i)]},kt.lab.xyz=function(e){let a,t,i;t=(e[0]+16)/116,a=e[1]/500+t,i=t-e[2]/200;const r=t**3,n=a**3,l=i**3;return t=r>.008856?r:(t-16/116)/7.787,a=n>.008856?n:(a-16/116)/7.787,i=l>.008856?l:(i-16/116)/7.787,a*=95.047,t*=100,i*=108.883,[a,t,i]},kt.lab.lch=function(e){const a=e[0],t=e[1],i=e[2];let r;r=360*Math.atan2(i,t)/2/Math.PI,r<0&&(r+=360);return[a,Math.sqrt(t*t+i*i),r]},kt.lch.lab=function(e){const a=e[0],t=e[1],i=e[2]/360*2*Math.PI;return[a,t*Math.cos(i),t*Math.sin(i)]},kt.rgb.ansi16=function(e,a=null){const[t,i,r]=e;let n=null===a?kt.rgb.hsv(e)[2]:a;if(n=Math.round(n/50),0===n)return 30;let l=30+(Math.round(r/255)<<2|Math.round(i/255)<<1|Math.round(t/255));return 2===n&&(l+=60),l},kt.hsv.ansi16=function(e){return kt.rgb.ansi16(kt.hsv.rgb(e),e[2])},kt.rgb.ansi256=function(e){const a=e[0],t=e[1],i=e[2];if(a===t&&t===i)return a<8?16:a>248?231:Math.round((a-8)/247*24)+232;return 16+36*Math.round(a/255*5)+6*Math.round(t/255*5)+Math.round(i/255*5)},kt.ansi16.rgb=function(e){let a=e%10;if(0===a||7===a)return e>50&&(a+=3.5),a=a/10.5*255,[a,a,a];const t=.5*(1+~~(e>50));return[(1&a)*t*255,(a>>1&1)*t*255,(a>>2&1)*t*255]},kt.ansi256.rgb=function(e){if(e>=232){const a=10*(e-232)+8;return[a,a,a]}let a;e-=16;return[Math.floor(e/36)/5*255,Math.floor((a=e%36)/6)/5*255,a%6/5*255]},kt.rgb.hex=function(e){const a=(((255&Math.round(e[0]))<<16)+((255&Math.round(e[1]))<<8)+(255&Math.round(e[2]))).toString(16).toUpperCase();return"000000".substring(a.length)+a},kt.hex.rgb=function(e){const a=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!a)return[0,0,0];let t=a[0];3===a[0].length&&(t=t.split("").map((e=>e+e)).join(""));const i=parseInt(t,16);return[i>>16&255,i>>8&255,255&i]},kt.rgb.hcg=function(e){const a=e[0]/255,t=e[1]/255,i=e[2]/255,r=Math.max(Math.max(a,t),i),n=Math.min(Math.min(a,t),i),l=r-n;let o,s;return o=l<1?n/(1-l):0,s=l<=0?0:r===a?(t-i)/l%6:r===t?2+(i-a)/l:4+(a-t)/l,s/=6,s%=1,[360*s,100*l,100*o]},kt.hsl.hcg=function(e){const a=e[1]/100,t=e[2]/100,i=t<.5?2*a*t:2*a*(1-t);let r=0;return i<1&&(r=(t-.5*i)/(1-i)),[e[0],100*i,100*r]},kt.hsv.hcg=function(e){const a=e[1]/100,t=e[2]/100,i=a*t;let r=0;return i<1&&(r=(t-i)/(1-i)),[e[0],100*i,100*r]},kt.hcg.rgb=function(e){const a=e[0]/360,t=e[1]/100,i=e[2]/100;if(0===t)return[255*i,255*i,255*i];const r=[0,0,0],n=a%1*6,l=n%1,o=1-l;let s=0;switch(Math.floor(n)){case 0:r[0]=1,r[1]=l,r[2]=0;break;case 1:r[0]=o,r[1]=1,r[2]=0;break;case 2:r[0]=0,r[1]=1,r[2]=l;break;case 3:r[0]=0,r[1]=o,r[2]=1;break;case 4:r[0]=l,r[1]=0,r[2]=1;break;default:r[0]=1,r[1]=0,r[2]=o}return s=(1-t)*i,[255*(t*r[0]+s),255*(t*r[1]+s),255*(t*r[2]+s)]},kt.hcg.hsv=function(e){const a=e[1]/100,t=a+e[2]/100*(1-a);let i=0;return t>0&&(i=a/t),[e[0],100*i,100*t]},kt.hcg.hsl=function(e){const a=e[1]/100,t=e[2]/100*(1-a)+.5*a;let i=0;return t>0&&t<.5?i=a/(2*t):t>=.5&&t<1&&(i=a/(2*(1-t))),[e[0],100*i,100*t]},kt.hcg.hwb=function(e){const a=e[1]/100,t=a+e[2]/100*(1-a);return[e[0],100*(t-a),100*(1-t)]},kt.hwb.hcg=function(e){const a=e[1]/100,t=1-e[2]/100,i=t-a;let r=0;return i<1&&(r=(t-i)/(1-i)),[e[0],100*i,100*r]},kt.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},kt.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},kt.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},kt.gray.hsl=function(e){return[0,0,e[0]]},kt.gray.hsv=kt.gray.hsl,kt.gray.hwb=function(e){return[0,100,e[0]]},kt.gray.cmyk=function(e){return[0,0,0,e[0]]},kt.gray.lab=function(e){return[e[0],0,0]},kt.gray.hex=function(e){const a=255&Math.round(e[0]/100*255),t=((a<<16)+(a<<8)+a).toString(16).toUpperCase();return"000000".substring(t.length)+t},kt.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const Et=Ct;function At(e){const a=function(){const e={},a=Object.keys(Et);for(let t=a.length,i=0;i<t;i++)e[a[i]]={distance:-1,parent:null};return e}(),t=[e];for(a[e].distance=0;t.length;){const e=t.pop(),i=Object.keys(Et[e]);for(let r=i.length,n=0;n<r;n++){const r=i[n],l=a[r];-1===l.distance&&(l.distance=a[e].distance+1,l.parent=e,t.unshift(r))}}return a}function Rt(e,a){return function(t){return a(e(t))}}function St(e,a){const t=[a[e].parent,e];let i=Et[a[e].parent][e],r=a[e].parent;for(;a[r].parent;)t.unshift(a[r].parent),i=Rt(Et[a[r].parent][r],i),r=a[r].parent;return i.conversion=t,i}const Lt=Ct,It=function(e){const a=At(e),t={},i=Object.keys(a);for(let e=i.length,r=0;r<e;r++){const e=i[r];null!==a[e].parent&&(t[e]=St(e,a))}return t},Mt={};Object.keys(Lt).forEach((e=>{Mt[e]={},Object.defineProperty(Mt[e],"channels",{value:Lt[e].channels}),Object.defineProperty(Mt[e],"labels",{value:Lt[e].labels});const a=It(e);Object.keys(a).forEach((t=>{const i=a[t];Mt[e][t]=function(e){const a=function(...a){const t=a[0];if(null==t)return t;t.length>1&&(a=t);const i=e(a);if("object"==typeof i)for(let e=i.length,a=0;a<e;a++)i[a]=Math.round(i[a]);return i};return"conversion"in e&&(a.conversion=e.conversion),a}(i),Mt[e][t].raw=function(e){const a=function(...a){const t=a[0];return null==t?t:(t.length>1&&(a=t),e(a))};return"conversion"in e&&(a.conversion=e.conversion),a}(i)}))}));const Ot=Nt,Tt=Mt,Pt=["keyword","gray","hex"],Ft={};for(const e of Object.keys(Tt))Ft[[...Tt[e].labels].sort().join("")]=e;const Dt={};function _t(e,a){if(!(this instanceof _t))return new _t(e,a);if(a&&a in Pt&&(a=null),a&&!(a in Tt))throw new Error("Unknown model: "+a);let t,i;if(null==e)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(e instanceof _t)this.model=e.model,this.color=[...e.color],this.valpha=e.valpha;else if("string"==typeof e){const a=Ot.get(e);if(null===a)throw new Error("Unable to parse color from string: "+e);this.model=a.model,i=Tt[this.model].channels,this.color=a.value.slice(0,i),this.valpha="number"==typeof a.value[i]?a.value[i]:1}else if(e.length>0){this.model=a||"rgb",i=Tt[this.model].channels;const t=Array.prototype.slice.call(e,0,i);this.color=zt(t,i),this.valpha="number"==typeof e[i]?e[i]:1}else if("number"==typeof e)this.model="rgb",this.color=[e>>16&255,e>>8&255,255&e],this.valpha=1;else{this.valpha=1;const a=Object.keys(e);"alpha"in e&&(a.splice(a.indexOf("alpha"),1),this.valpha="number"==typeof e.alpha?e.alpha:0);const i=a.sort().join("");if(!(i in Ft))throw new Error("Unable to parse color from object: "+JSON.stringify(e));this.model=Ft[i];const{labels:r}=Tt[this.model],n=[];for(t=0;t<r.length;t++)n.push(e[r[t]]);this.color=zt(n)}if(Dt[this.model])for(i=Tt[this.model].channels,t=0;t<i;t++){const e=Dt[this.model][t];e&&(this.color[t]=e(this.color[t]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}_t.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(e){let a=this.model in Ot.to?this:this.rgb();a=a.round("number"==typeof e?e:1);const t=1===a.valpha?a.color:[...a.color,this.valpha];return Ot.to[a.model](t)},percentString(e){const a=this.rgb().round("number"==typeof e?e:1),t=1===a.valpha?a.color:[...a.color,this.valpha];return Ot.to.rgb.percent(t)},array(){return 1===this.valpha?[...this.color]:[...this.color,this.valpha]},object(){const e={},{channels:a}=Tt[this.model],{labels:t}=Tt[this.model];for(let i=0;i<a;i++)e[t[i]]=this.color[i];return 1!==this.valpha&&(e.alpha=this.valpha),e},unitArray(){const e=this.rgb().color;return e[0]/=255,e[1]/=255,e[2]/=255,1!==this.valpha&&e.push(this.valpha),e},unitObject(){const e=this.rgb().object();return e.r/=255,e.g/=255,e.b/=255,1!==this.valpha&&(e.alpha=this.valpha),e},round(e){return e=Math.max(e||0,0),new _t([...this.color.map(Bt(e)),this.valpha],this.model)},alpha(e){return void 0!==e?new _t([...this.color,Math.max(0,Math.min(1,e))],this.model):this.valpha},red:Ut("rgb",0,jt(255)),green:Ut("rgb",1,jt(255)),blue:Ut("rgb",2,jt(255)),hue:Ut(["hsl","hsv","hsl","hwb","hcg"],0,(e=>(e%360+360)%360)),saturationl:Ut("hsl",1,jt(100)),lightness:Ut("hsl",2,jt(100)),saturationv:Ut("hsv",1,jt(100)),value:Ut("hsv",2,jt(100)),chroma:Ut("hcg",1,jt(100)),gray:Ut("hcg",2,jt(100)),white:Ut("hwb",1,jt(100)),wblack:Ut("hwb",2,jt(100)),cyan:Ut("cmyk",0,jt(100)),magenta:Ut("cmyk",1,jt(100)),yellow:Ut("cmyk",2,jt(100)),black:Ut("cmyk",3,jt(100)),x:Ut("xyz",0,jt(95.047)),y:Ut("xyz",1,jt(100)),z:Ut("xyz",2,jt(108.833)),l:Ut("lab",0,jt(100)),a:Ut("lab",1),b:Ut("lab",2),keyword(e){return void 0!==e?new _t(e):Tt[this.model].keyword(this.color)},hex(e){return void 0!==e?new _t(e):Ot.to.hex(this.rgb().round().color)},hexa(e){if(void 0!==e)return new _t(e);const a=this.rgb().round().color;let t=Math.round(255*this.valpha).toString(16).toUpperCase();return 1===t.length&&(t="0"+t),Ot.to.hex(a)+t},rgbNumber(){const e=this.rgb().color;return(255&e[0])<<16|(255&e[1])<<8|255&e[2]},luminosity(){const e=this.rgb().color,a=[];for(const[t,i]of e.entries()){const e=i/255;a[t]=e<=.04045?e/12.92:((e+.055)/1.055)**2.4}return.2126*a[0]+.7152*a[1]+.0722*a[2]},contrast(e){const a=this.luminosity(),t=e.luminosity();return a>t?(a+.05)/(t+.05):(t+.05)/(a+.05)},level(e){const a=this.contrast(e);return a>=7?"AAA":a>=4.5?"AA":""},isDark(){const e=this.rgb().color;return(2126*e[0]+7152*e[1]+722*e[2])/1e4<128},isLight(){return!this.isDark()},negate(){const e=this.rgb();for(let a=0;a<3;a++)e.color[a]=255-e.color[a];return e},lighten(e){const a=this.hsl();return a.color[2]+=a.color[2]*e,a},darken(e){const a=this.hsl();return a.color[2]-=a.color[2]*e,a},saturate(e){const a=this.hsl();return a.color[1]+=a.color[1]*e,a},desaturate(e){const a=this.hsl();return a.color[1]-=a.color[1]*e,a},whiten(e){const a=this.hwb();return a.color[1]+=a.color[1]*e,a},blacken(e){const a=this.hwb();return a.color[2]+=a.color[2]*e,a},grayscale(){const e=this.rgb().color,a=.3*e[0]+.59*e[1]+.11*e[2];return _t.rgb(a,a,a)},fade(e){return this.alpha(this.valpha-this.valpha*e)},opaquer(e){return this.alpha(this.valpha+this.valpha*e)},rotate(e){const a=this.hsl();let t=a.color[0];return t=(t+e)%360,t=t<0?360+t:t,a.color[0]=t,a},mix(e,a){if(!e||!e.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof e);const t=e.rgb(),i=this.rgb(),r=void 0===a?.5:a,n=2*r-1,l=t.alpha()-i.alpha(),o=((n*l==-1?n:(n+l)/(1+n*l))+1)/2,s=1-o;return _t.rgb(o*t.red()+s*i.red(),o*t.green()+s*i.green(),o*t.blue()+s*i.blue(),t.alpha()*r+i.alpha()*(1-r))}};for(const e of Object.keys(Tt)){if(Pt.includes(e))continue;const{channels:a}=Tt[e];_t.prototype[e]=function(...a){return this.model===e?new _t(this):a.length>0?new _t(a,e):new _t([...(t=Tt[this.model][e].raw(this.color),Array.isArray(t)?t:[t]),this.valpha],e);var t},_t[e]=function(...t){let i=t[0];return"number"==typeof i&&(i=zt(t,a)),new _t(i,e)}}function Bt(e){return function(a){return function(e,a){return Number(e.toFixed(a))}(a,e)}}function Ut(e,a,t){e=Array.isArray(e)?e:[e];for(const i of e)(Dt[i]||(Dt[i]=[]))[a]=t;return e=e[0],function(i){let r;return void 0!==i?(t&&(i=t(i)),r=this[e](),r.color[a]=i,r):(r=this[e]().color[a],t&&(r=t(r)),r)}}function jt(e){return function(a){return Math.max(0,Math.min(e,a))}}function zt(e,a){for(let t=0;t<a;t++)"number"!=typeof e[t]&&(e[t]=0);return e}var qt=it(_t),Ht=function(e,a){return qt(e).darken(a).rgb().string()},Gt=ee({inherit:"inherit",transparent:"transparent",black:tt.colors.black,white:tt.colors.white,bodyBackground:tt.colors.white,darkBodyBackground:tt.colors.primary,bodyText:tt.colors.primary,bodyTextInverted:tt.colors.primary50,darkBodyText:tt.colors.primary50,display:tt.colors.black,darkDisplay:tt.colors.white},Object.assign.apply(Object,re([{}],Object.keys(tt.colors).map((function(e){var a,t,i,r=tt.colors[e];return(a={})[e]={DEFAULT:r,lighter:(t=r,i=.1,qt(t).lighten(i).rgb().string()),darker:Ht(r,.1)},a})),!1))),Wt=ee(ee({},tt),{colors:ee(ee({},tt.colors),{primary:"#001e5a",secondary:"#fcb700",tertiary:"#a3b0ca",quaternary:"#0f71b1",primary50:"#e6e9ef",primary100:"#b0b9cc",primary200:"#8a98b3",primary300:"#546890",primary400:"#334b7b",primary500:"#001e5a",primary600:"#001b52",primary700:"#001540",primary800:"#001132",primary900:"#000d26",secondary50:"#fff8e6",secondary100:"#fee9b0",secondary200:"#fede8a",secondary300:"#fdcf54",secondary400:"#fdc533",secondary500:"#fcb700",secondary600:"#e5a700",secondary700:"#b38200",secondary800:"#8b6500",secondary900:"#6a4d00",tertiary50:"#f6f7fa",tertiary100:"#e2e7ef",tertiary200:"#d5dbe7",tertiary300:"#c1cadb",tertiary400:"#b5c0d5",tertiary500:"#a3b0ca",tertiary600:"#94a0b8",tertiary700:"#747d8f",tertiary800:"#5a616f",tertiary900:"#444a55",quaternary50:"#e7f1f7",quaternary100:"#b5d3e7",quaternary200:"#91bedb",quaternary300:"#5ea0cb",quaternary400:"#3f8dc1",quaternary500:"#0f71b1",quaternary600:"#0e67a1",quaternary700:"#0b507e",quaternary800:"#083e61",quaternary900:"#062f4a"}),borderRadius:ee({},tt.borderRadius),fontWeight:ee(ee({},tt.fontWeight),{light:"300",normal:"400",bold:"700"})}),Yt=function(e,a){return qt(e).darken(a).rgb().string()},Vt=ee(ee(ee({},Gt),{bodyBackground:Wt.colors.primary700,darkBodyBackground:Wt.colors.primary800,bodyText:"#FFF",darkBodyText:"#EEE"}),Object.assign.apply(Object,re([{}],Object.keys(Wt.colors).map((function(e){var a,t,i,r=Wt.colors[e];return(a={})[e]={DEFAULT:r,lighter:(t=r,i=.1,qt(t).lighten(i).rgb().string()),darker:Yt(r,.1)},a})),!1))),Xt=ee(ee({},{sans:["sans-serif"],serif:["serif"],mono:["monospace"],body:["Roboto","sans-serif"],heading:["Roboto","sans-serif"],display:["monospace","sans-serif"]}),{body:["ProximaNova-Regular","sans-serif"],heading:["ProximaNova-Bold","sans-serif"]}),Kt=ee(ee({},{raised:!1}),{raised:!1}),Zt={colors:ee({},Vt),fontFamily:ee({},Xt),buttons:ee({},Kt),screens:ee({},null==Wt?void 0:Wt.screens),borderRadius:ee({},null==Wt?void 0:Wt.borderRadius),spacing:ee({},null==Wt?void 0:Wt.spacing),extend:ee({},null==Wt?void 0:Wt.extend)};export{ne as AnimationCounter,ze as AnimationSet1,Ia as AppContext,Ia as AppProvider,ea as Authenticator,je as Avatar,se as BTN_SIZES,le as BTN_TYPES,oe as BTN_VARIANTS,ce as Blockquote,me as Button,Na as ButtonGroup,fe as COPY_ALIGN,ge as COPY_CONTEXTUAL,be as COPY_SIZE,ye as COPY_TAG,ve as COPY_TRANSFORM,Ca as CPL_SPACING,Aa as CRL_SIZE,sa as Card,Ta as CardVariant,he as Checkbox,Ne as Chip,ma as Container,Ra as ContentPageLayout,Sa as ContentRowsLayout,xe as Copy,da as DisplayHeading,He as FIELD_TYPES,Ee as FileUpload,Ma as Footer,Qe as ForgotPasswordForm,Xe as Form,Ze as FormField,Ke as FormSelect,ke as HEADING_ALIGN,we as HEADING_TAGS,Ce as HEADING_TRANSFORM,Oa as Header,Ae as Heading,Ea as Hero,Re as Hr,va as HtmlContent,de as Icon,Se as Image,Me as Label,pe as Link,Oe as List,Ie as ListTag,ue as Loader,$e as LoginForm,Te as Logo,ka as Menu,Za as MultiCheckboxFacet,Pe as Notice,Fa as OTPInput,ua as PanelCards,ha as PanelFeature,ga as PanelHero,ba as PanelProduct,ya as PanelVideo,Ja as ProfileForm,Fe as Radio,Je as RegisterForm,$a as ResetPasswordForm,Pa as ResultAsTypes,Va as Search,xa as Share,Ka as SingleLinksFacet,Xa as SingleSelectFacet,_e as Switch,qe as Tabs,Be as TextInput,et as ThemeContext,at as ThemeProvider,Le as Variants,pa as Video,wa as VisitUs,Qa as defaultTheme,Zt as theme};