@okam/stack-ui 1.5.4 → 1.6.1

package/index.js

@@ -1 +1,4536 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-fdc007eb.js");require("react");require("react/jsx-runtime");require("react-dom");exports.Accordion=e.Accordion;exports.ArrowRight=e.ArrowRight;exports.Box=e.Box;exports.BoxWithForwardRef=e.BoxWithForwardRef;exports.Button=e.Button;exports.ButtonWithForwardRef=e.ButtonWithForwardRef;exports.Calendar=e.Calendar;exports.Checkbox=e.Checkbox;exports.Date=e.DateComponent;exports.DatePicker=e.DatePicker;exports.Icon=e.IconDispatcher;exports.IsClientContextProvider=e.IsClientContextProvider;exports.Lightbox=e.Lightbox;exports.Modal=e.Modal;exports.Popover=e.PopoverButton;exports.ReactHookFormInput=e.ReactHookFormInput;exports.ReactHookFormSelect=e.ReactHookFormSelect;exports.Select=e.Select;exports.ShareButton=e.ShareButton;exports.SidePanel=e.index$1;exports.SidePanelContextProvider=e.SidePanelContextProvider;exports.TextArea=e.TextArea;exports.TextInputField=e.TextInputField;exports.ThemeContextProvider=e.ThemeContextProvider;exports.ThemeProvider=e.index;exports.Typography=e.Typography;exports.WysiwygBlock=e.WysiwygBlock;exports.createThemeProvider=e.createThemeProvider;exports.generateUtmTags=e.generateUtmTags;exports.makeTheme=e.makeTheme;exports.useFacebookShareUrl=e.useFacebookShareUrl;exports.useIsClient=e.useIsClient;exports.useMailToShareUrl=e.useMailToShareUrl;exports.useSidePanel=e.useSidePanel;exports.useTheme=e.useTheme;exports.useThemeContext=e.useThemeContext;exports.useTwitterShareUrl=e.useTwitterShareUrl;exports.useWindow=e.useWindow;
+import * as React from 'react';
+import React__default, { useMemo, useRef, memo, lazy, Suspense, useState, useEffect, useCallback } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { tv } from 'tailwind-variants';
+import { get } from 'radash';
+import { useLink, useButton, useOverlay, useModal, useDialog, FocusScope, useOverlayTrigger, useOverlayPosition, OverlayContainer as OverlayContainer$1, DismissButton, mergeProps, useIsSSR, useListBox, useOption, usePopover, Overlay, useSelect, HiddenSelect, useTextField, useLocale } from 'react-aria';
+import Div100vh from 'react-div-100vh';
+import { createCtx } from '@okam/core-lib';
+import { useOverlayTriggerState } from '@react-stately/overlays';
+import { useTransition, animated, config } from 'react-spring';
+import { OverlayContainer, usePopover as usePopover$1, Overlay as Overlay$1, DismissButton as DismissButton$1 } from '@react-aria/overlays';
+import { useOverlayTriggerState as useOverlayTriggerState$1, useSelectState } from 'react-stately';
+import DOMPurify from 'isomorphic-dompurify';
+import isEqual from 'lodash.isequal';
+import { useDateFormatter, useLocale as useLocale$1 } from '@react-aria/i18n';
+import { isEmpty } from 'lodash';
+import { useFormContext, get as get$1 } from 'react-hook-form';
+import { useCheckbox } from '@react-aria/checkbox';
+import { useFocusRing, FocusRing } from '@react-aria/focus';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { useToggleState } from '@react-stately/toggle';
+import { useTranslation } from 'react-i18next';
+import { useDateField, useDateSegment, useDatePicker } from '@react-aria/datepicker';
+import { useDateFieldState, useDatePickerState } from '@react-stately/datepicker';
+import { isSameDay, getDayOfWeek, getWeeksInMonth, createCalendar } from '@internationalized/date';
+import { useCalendarCell, useCalendarGrid, useCalendar } from '@react-aria/calendar';
+import { useCalendarState } from '@react-stately/calendar';
+import { mergeProps as mergeProps$1 } from '@react-aria/utils';
+
+var makeTheme = function(theme) {
+    return theme;
+};
+
+function _array_like_to_array$8(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$6(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit$6(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest$6() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array$6(arr, i) {
+    return _array_with_holes$6(arr) || _iterable_to_array_limit$6(arr, i) || _unsupported_iterable_to_array$8(arr, i) || _non_iterable_rest$6();
+}
+function _unsupported_iterable_to_array$8(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$8(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$8(o, minLen);
+}
+function createCtxNullable() {
+    var useCtx = function useCtx() {
+        var c = React__default.useContext(ctx);
+        if (c === undefined) {
+            return null;
+        }
+        return c;
+    };
+    var ctx = /*#__PURE__*/ React__default.createContext(undefined);
+    return [
+        useCtx,
+        ctx.Provider
+    ]; // 'as const' makes TypeScript infer a tuple
+}
+var defaultTheme = {
+    typography: function() {
+        return "";
+    }
+};
+var _createCtxNullable = _sliced_to_array$6(createCtxNullable(), 2), useTheme = _createCtxNullable[0], ThemeProvider = _createCtxNullable[1];
+function ThemeContextProvider(param) {
+    var children = param.children, _param_brandTheme = param.brandTheme, brandTheme = _param_brandTheme === void 0 ? defaultTheme : _param_brandTheme;
+    var value = useMemo(function() {
+        return {
+            brandTheme: brandTheme
+        };
+    }, [
+        brandTheme
+    ]);
+    return /*#__PURE__*/ jsx(ThemeProvider, {
+        value: value,
+        children: children
+    });
+}
+var createThemeProvider = function(brandTheme) {
+    var ThemeProviderContext = function(param) {
+        var children = param.children;
+        return /*#__PURE__*/ jsx(ThemeContextProvider, {
+            brandTheme: brandTheme,
+            children: children
+        });
+    };
+    return ThemeProviderContext;
+};
+
+var accordionContainer = tv({
+    base: "[border-radius: 32px] p-1.5 focus:outline-none text-color-1-500",
+    defaultVariants: {
+        textAlign: "left",
+        isOpen: false
+    },
+    variants: {
+        textAlign: {
+            center: "text-center",
+            left: "text-left"
+        }
+    }
+});
+var accordionButton = tv({
+    base: "grid overflow-hidden w-full items-center border-b-2 border-color-1-500",
+    variants: {
+        titleBold: {
+            true: "font-bold"
+        },
+        textAlign: {
+            center: "grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0",
+            left: "grid-cols-[1fr_3rem]"
+        }
+    }
+});
+var accordionTitle = tv({
+    base: "",
+    defaultVariants: {
+        textAlign: "left"
+    },
+    variants: {
+        textAlign: {
+            center: "justify-self-center col-start-2",
+            left: "justify-self-start"
+        }
+    }
+});
+var accordionIcon = tv({
+    base: "text-color-1-500 min-h-12 rotate-90 min-w-12 rounded-full flex items-center justify-center transition duration-500 transform ml-auto aspect-square",
+    variants: {
+        isOpen: {
+            true: "-rotate-90",
+            false: ""
+        }
+    }
+});
+var accordionRegion = tv({
+    base: "font-body text-inherit h-auto grid grid-rows-[0fr] transition-all duration-500",
+    defaultVariants: {
+        textAlign: "left",
+        isOpen: false
+    },
+    variants: {
+        isOpen: {
+            true: "pb-8 pt-3 grid-rows-[1fr]",
+            false: ""
+        },
+        textAlign: {
+            center: "grid-cols-[3rem_1fr_3rem] px-6 text-center",
+            left: "grid-cols-[1fr_3rem] text-left"
+        }
+    }
+});
+var accordionContent = tv({
+    base: "overflow-hidden",
+    defaultVariants: {
+        textAlign: "left"
+    },
+    variants: {
+        textAlign: {
+            center: "col-start-2",
+            left: ""
+        }
+    }
+});
+
+var main = tv({
+    base: "w-full bg-slate-100"
+});
+var container = tv({
+    base: "max-w-screen-lg mx-auto w-full",
+    variants: {
+        fullWidth: {
+            true: "max-w-full col-span-full p-0"
+        },
+        spacing: {
+            small: "mb-3",
+            medium: "mb-6",
+            large: "mb-8",
+            none: "mb-0"
+        }
+    }
+});
+var grid = tv({
+    extend: container,
+    base: "grid grid-cols-12 gap-6 px-4 col-span-full",
+    variants: {
+        fullWidth: {
+            true: "max-w-full col-span-full p-0"
+        }
+    }
+});
+var gridItem = tv({
+    base: "bg-slate-300 h-64 p-4 flex justify-start items-end",
+    defaultVariants: {
+        size: "small"
+    },
+    variants: {
+        size: {
+            small: "col-span-12 sm:col-span-6 md:col-span-4 lg:col-span-4",
+            medium: "col-span-12 sm:col-span-12 md:col-span-8 lg:col-span-8",
+            large: "lg:col-start-3 sm:col-start-1 sm:col-end-13 lg:col-end-11 md:col-start-3 md:col-end-11 col-start-1 col-end-13"
+        }
+    }
+});
+
+var button = tv({
+    base: "\n    flex\n    items-center\n    justify-center\n    gap-4\n    transition\n    duration-300\n    ease-in-out\n    disabled:pointer-events-none\n    disabled:opacity-30\n    focus:outline-0\n    border-transparent \n    border-2\n    focus:border-black\n  ",
+    defaultVariants: {
+        buttonStyle: "default",
+        type: "button",
+        size: "default",
+        shape: "rounded"
+    },
+    variants: {
+        buttonStyle: {
+            default: "\n            px-4\n            py-2\n            text-white\n            !bg-color-1-500 \n            hover:!bg-color-1-400\n            active:!bg-color-1-400\n          ",
+            outline: "\n            px-4\n            py-2\n            bg-transparent\n            !border-color-1-500\n            text-color-1-500\n            hover:bg-color-1-500\n            hover:text-white\n            active:bg-color-1-500\n            active:text-white\n          ",
+            hollow: "\n            px-2\n            bg-transparent\n            text-color-1-500\n            hover:border-b-color-1-500\n            active:border-b-color-1-500\n            focus:border-b-color-1-500\n    \n          "
+        },
+        intent: {
+            error: "\n            !bg-error \n            text-white \n            pointer-events-none\n            !border-error\n          "
+        },
+        size: {
+            default: "min-w-12 min-h-6",
+            large: "min-w-36 min-h-18"
+        },
+        shape: {
+            rounded: "rounded-md",
+            circular: "rounded-full"
+        }
+    }
+});
+
+var calendarContainer = tv({
+    base: "inline-block text-gray-800"
+});
+var calendarHeaderContainer = tv({
+    base: "flex items-center justify-between pb-4"
+});
+var calendarNavigationButtonsContainer = tv({
+    base: "flex items-center gap-1"
+});
+var calendarNavigationButtons = tv({
+    base: "active:bg-color-1-500 p-2 rounded-full active:text-color-1-100 hover:bg-color-1-200"
+});
+var calendarTable = tv({
+    base: "flex-1"
+});
+var calendarDayLabel = tv({
+    base: "text-center"
+});
+var calendarCellContainer = tv({
+    base: "py-0.5 relative",
+    variants: {
+        isFocusVisible: {
+            true: "z-10",
+            false: ""
+        }
+    }
+});
+var calendarCell = tv({
+    base: "w-10 h-10 outline-none group",
+    variants: {
+        isSelected: {
+            true: "",
+            false: ""
+        },
+        isInvalid: {
+            true: "",
+            fasle: ""
+        },
+        isDisabled: {
+            true: "disabled",
+            false: ""
+        },
+        isRoundedLeft: {
+            true: "rounded-l-full",
+            false: ""
+        },
+        isRoundedRight: {
+            true: "rounded-r-full",
+            false: ""
+        }
+    },
+    compoundVariants: [
+        {
+            isSelected: true,
+            isInvalid: true,
+            class: "bg-red-300"
+        },
+        {
+            isSelected: true,
+            isInvalid: false,
+            class: "bg-color-1-300"
+        }
+    ]
+});
+var calendarCellFormattedDate = tv({
+    base: "w-full h-full rounded-full flex items-center justify-center cursor-pointer",
+    variants: {
+        isSelected: {
+            true: "",
+            false: ""
+        },
+        isInvalid: {
+            true: "",
+            fasle: ""
+        },
+        isDisabled: {
+            true: "",
+            false: ""
+        },
+        isFocusVisible: {
+            true: "ring-2 group-focus:z-2 ring-violet-600 ring-offset-2",
+            false: ""
+        },
+        isSelectionStart: {
+            true: "",
+            false: ""
+        },
+        isSelectionEnd: {
+            true: "",
+            false: ""
+        }
+    },
+    compoundVariants: [
+        {
+            isDisabled: true,
+            isInvalid: false,
+            class: "text-gray-400"
+        },
+        {
+            isSelectionStart: true,
+            isSelectionEnd: false,
+            isInvalid: true,
+            class: "bg-red-600 text-white hover:bg-red-700"
+        },
+        {
+            isSelectionStart: true,
+            isSelectionEnd: true,
+            isInvalid: true,
+            class: "bg-red-600 text-white hover:bg-red-700"
+        },
+        {
+            isSelectionStart: true,
+            isSelectionEnd: false,
+            isInvalid: false,
+            class: "bg-color-1-400 text-white hover:bg-color-1-500"
+        },
+        {
+            isSelectionStart: true,
+            isSelectionEnd: true,
+            isInvalid: false,
+            class: "bg-color-1-400 rounded-full text-white hover:bg-color-1-500"
+        },
+        {
+            isSelectionStart: false,
+            isSelectionEnd: true,
+            isInvalid: true,
+            class: "bg-red-600 text-white hover:bg-red-700"
+        },
+        {
+            isSelectionStart: false,
+            isSelectionEnd: true,
+            isInvalid: false,
+            class: "bg-color-1-400 text-white hover:bg-color-1-500"
+        },
+        {
+            isSelected: false,
+            isDisabled: false,
+            class: "hover:bg-color-1-100"
+        },
+        {
+            isSelected: true,
+            isDisabled: false,
+            isInvalid: false,
+            isSelectionStart: false,
+            isSelectionEnd: false,
+            class: "hover:bg-color-1-300"
+        },
+        {
+            isSelected: true,
+            isDisabled: false,
+            isInvalid: true,
+            isSelectionStart: false,
+            isSelectionEnd: false,
+            class: "hover:bg-red-400"
+        }
+    ]
+});
+
+var checkboxLabel = tv({
+    base: "text-gray-2 flex flex-row items-start hover:cursor-pointer",
+    variants: {
+        isDisabled: {
+            true: "text-gray-6"
+        }
+    }
+});
+var checkBox = tv({
+    base: "w-5 h-5 mt-0.5 mr-2.5 rounded-full border-2 border-gray-2 shrink-0 hover:cursor-pointer flex items-center justify-center",
+    variants: {
+        isDisabled: {
+            true: "border-gray-6"
+        },
+        isFocused: {
+            true: "outline-black [outline-offset: 2px]"
+        },
+        isError: {
+            true: "border-red-500"
+        }
+    }
+});
+var checkMark = tv({
+    base: "hidden w-3 h-3 bg-gray-2 rounded-full",
+    variants: {
+        selected: {
+            true: "block"
+        }
+    }
+});
+
+var datePickerContainer = tv({
+    base: "relative inline-flex flex-col text-left"
+});
+var datePickerButton = tv({
+    base: "flex items-center border-2 border-color-1-500 rounded"
+});
+var datePickerCalendarPopoverUnderlay = tv({
+    base: "fixed inset-0"
+});
+var datePickerCalendarPopoverContainer = tv({
+    base: "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"
+});
+var datePickerDateField = tv({
+    base: "pr-1 flex gap-2",
+    defaultVariants: {
+        dateFieldShown: true
+    },
+    variants: {
+        dateFieldShown: {
+            true: "",
+            false: "hidden"
+        }
+    }
+});
+var datePickerIcon = tv({
+    base: "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2"
+});
+var datePickerLabel = tv({
+    base: "text-color-1-500 font-bold px-2"
+});
+
+var typography = tv({
+    variants: {
+        size: {
+            h1: "text-5xl",
+            h2: "text-4xl",
+            h3: "text-3xl",
+            h4: "text-2xl",
+            h5: "text-xl",
+            h6: "text-lg",
+            leading: "text-md font-bold leading-normal",
+            paragraph: "text-md inline",
+            footnotes: "text-sm",
+            xs: "text-xs"
+        },
+        font: {
+            body: "font-body"
+        },
+        weight: {
+            normal: "font-normal",
+            light: "font-light",
+            bold: "font-bold"
+        },
+        color: {
+            gray: "text-gray-500",
+            white: "text-white"
+        },
+        isError: {
+            true: "text-sm text-error ml-8 py-3"
+        },
+        align: {
+            center: "text-center",
+            left: "text-left",
+            right: "text-right"
+        }
+    },
+    defaultVariants: {
+        size: "paragraph",
+        font: "body"
+    }
+});
+
+var lightBoxContainer = tv({
+    base: " w-screen h-screen relative flex items-center m-auto justify-center"
+});
+var lightBoxCloseBtn = tv({
+    base: "absolute xl:top-10 xl:right-20 lg:top-8 lg:right-8 z-10 top-4 right-4 w-[2.5rem]\n    h-[2.5rem]"
+});
+var lightBoxLabel = tv({
+    extend: typography,
+    base: "sr-only"
+});
+
+var shareButtonContainer = tv({
+    base: "flex print:hidden",
+    defaultVariants: {
+        listDirection: "row"
+    },
+    variants: {
+        listDirection: {
+            row: "flex-row",
+            column: "flex-col"
+        }
+    }
+});
+var shareButton = tv({
+    base: "relative z-20 !bg-color-1-500 hover:!bg-color-1-400 p-4 active:!bg-color-1-400 rounded-full text-white",
+    variants: {
+        isOpen: {
+            true: "",
+            false: ""
+        }
+    }
+});
+var shareButtonLinksList = tv({
+    base: "!bg-color-1-200 relative opacity-0 invisible transition duration-300 flex items-center p-0 bg-primary-1 pb-0 z-0 rounded-b-full rounded-t-full",
+    defaultVariants: {
+        listDirection: "row"
+    },
+    variants: {
+        listDirection: {
+            row: "flex-row pl-14 [margin-left:-3.25rem]",
+            column: "flex-col [margin-top:-3.25rem] [width:calc(100% + .5rem)] pt-14"
+        },
+        isOpen: {
+            true: "opacity-100 visible",
+            false: ""
+        }
+    }
+});
+var shareButtonLink = tv({
+    base: "flex items-center justify-center cursor-pointer bg-color-1-200 hover:bg-color-1-300 w-full text-color-1-500 rounded-none p-2",
+    defaultVariants: {
+        listDirection: "row"
+    },
+    variants: {
+        listDirection: {
+            row: "last:rounded-r-full h-full",
+            column: "last:rounded-b-full"
+        }
+    }
+});
+var shareButtonIcon = tv({
+    base: "text-white"
+});
+var shareButtonLinkIcons = tv({
+    base: ""
+});
+
+var sidePanelWrapper = tv({
+    base: "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full"
+});
+var sidePanelContainer = tv({
+    base: "h-full w-full flex justify-end"
+});
+var sidePanelInnerContainer = tv({
+    base: "bg-black h-full w-full overflow-y-auto"
+});
+
+var textArea = tv({
+    base: "w-full min-h-32 rounded-2xl px-6 h-12 border-2 border-solid transition duration-300 ease-in-out text-gray-2 placeholder:text-gray-2 focus-visible:text-black focus-visible:placeholder:text-black focus-visible:border-black",
+    variants: {
+        isError: {
+            true: "border-red-500"
+        }
+    }
+});
+
+function _define_property$q(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$q(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$q(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$p(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$p(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$p(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var BaseTheme = makeTheme({
+    main: function(props) {
+        return main(props);
+    },
+    gridItem: function(props) {
+        return gridItem(props);
+    },
+    grid: function(props) {
+        return grid(props);
+    },
+    container: function(props) {
+        return container(props);
+    },
+    accordion: {
+        container: function(props) {
+            return accordionContainer(props);
+        },
+        button: function(props) {
+            return accordionButton(props);
+        },
+        title: function(props) {
+            return accordionTitle(props);
+        },
+        icon: function(props) {
+            return accordionIcon(props);
+        },
+        region: function(props) {
+            return accordionRegion(props);
+        },
+        content: function(props) {
+            return accordionContent(props);
+        }
+    },
+    calendar: {
+        container: function(props) {
+            return calendarContainer(props);
+        },
+        header: function(props) {
+            return calendarHeaderContainer(props);
+        },
+        navigationButtonsContainer: function(props) {
+            return calendarNavigationButtonsContainer(props);
+        },
+        navigationButtons: function(props) {
+            return calendarNavigationButtons(props);
+        },
+        table: function(props) {
+            return calendarTable(props);
+        },
+        dayLabel: function(props) {
+            return calendarDayLabel(props);
+        },
+        cellContainer: function(props) {
+            return calendarCellContainer(props);
+        },
+        cell: function(props) {
+            return calendarCell(props);
+        },
+        cellDate: function(props) {
+            return calendarCellFormattedDate(props);
+        }
+    },
+    datePicker: {
+        container: function(props) {
+            return datePickerContainer(props);
+        },
+        button: function(props) {
+            return datePickerButton(props);
+        },
+        icon: function(props) {
+            return datePickerIcon(props);
+        },
+        dateField: function(props) {
+            return datePickerDateField(props);
+        },
+        label: function(props) {
+            return datePickerLabel(props);
+        },
+        calendarPopover: function(props) {
+            return datePickerCalendarPopoverContainer(props);
+        },
+        calendarUnderlay: function(props) {
+            return datePickerCalendarPopoverUnderlay(props);
+        }
+    },
+    typography: function(props) {
+        return typography(props);
+    },
+    button: function(props) {
+        return button(props);
+    },
+    sidePanel: {
+        wrapper: function(props) {
+            return sidePanelWrapper(props);
+        },
+        container: function(props) {
+            return sidePanelContainer(props);
+        },
+        innerContainer: function(props) {
+            return sidePanelInnerContainer(props);
+        }
+    },
+    lightBox: {
+        container: function(props) {
+            return lightBoxContainer(props);
+        },
+        closeBtn: function(props) {
+            return lightBoxCloseBtn(props);
+        },
+        label: function(props) {
+            return lightBoxLabel(props);
+        }
+    },
+    shareButton: {
+        icon: function(props) {
+            return shareButtonIcon(props);
+        },
+        button: function(props) {
+            return shareButton(props);
+        },
+        container: function(props) {
+            return shareButtonContainer(props);
+        },
+        linksList: function(props) {
+            return shareButtonLinksList(props);
+        },
+        link: function(props) {
+            return shareButtonLink(props);
+        },
+        linkIcons: function(props) {
+            return shareButtonLinkIcons(props);
+        }
+    },
+    checkbox: {
+        label: function(props) {
+            return checkboxLabel(props);
+        },
+        checkBox: function(props) {
+            return checkBox(props);
+        },
+        checkMark: function(props) {
+            return checkMark(props);
+        },
+        errorMessage: function(props) {
+            return typography(props);
+        }
+    },
+    select: {
+        button: function(props) {
+            return button(props);
+        },
+        ul: function(props) {
+            return typography(_object_spread_props$p(_object_spread$q({}, props), {
+                className: "my-4 rounded-md border w-full flex flex-col"
+            }));
+        },
+        popover: function(props) {
+            return button(props);
+        },
+        errorMessage: function(props) {
+            return typography(_object_spread_props$p(_object_spread$q({}, props), {
+                size: "footnotes",
+                isError: true
+            }));
+        },
+        wrapper: function() {
+            return "flex flex-col gap-4 relative";
+        },
+        container: function() {
+            return "flex flex-col gap-4";
+        },
+        li: function() {
+            return "transition w-full";
+        }
+    },
+    textarea: {
+        wrapper: function() {
+            return "flex flex-col";
+        },
+        container: function() {
+            return "flex items-center gap-4";
+        },
+        label: function() {
+            return "text-gray-3 px-6";
+        },
+        input: function(props) {
+            return textArea(props);
+        },
+        errorMessage: function(props) {
+            return typography(_object_spread_props$p(_object_spread$q({}, props), {
+                size: "footnotes",
+                isError: true
+            }));
+        }
+    },
+    textInput: {
+        wrapper: function() {
+            return "flex flex-col rounded-md px-4 py-1 mb-3 m-0.5 outline aria-disabled:pointer-events-none aria-disabled:opacity-30";
+        },
+        label: function() {
+            return "text-xs";
+        },
+        container: function() {
+            return "flex items-center gap-4";
+        },
+        input: function() {
+            return "";
+        },
+        errorMessage: function(props) {
+            return typography(_object_spread_props$p(_object_spread$q({}, props), {
+                size: "footnotes",
+                isError: true
+            }));
+        }
+    }
+});
+var index$1 = /*#__PURE__*/ React__default.memo(createThemeProvider(BaseTheme));
+
+var useThemeContext = function(func) {
+    var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, customTheme = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null;
+    var theme = useTheme();
+    if (theme != null && func != null) {
+        var brandTheme = theme.brandTheme;
+        var themeFunc = get(brandTheme, func);
+        if (typeof themeFunc === "function") {
+            var _themeFunc;
+            var returnValue = (_themeFunc = themeFunc) === null || _themeFunc === void 0 ? void 0 : _themeFunc(props);
+            if (typeof returnValue === "string") {
+                return returnValue;
+            }
+        }
+    }
+    if (!customTheme) {
+        return undefined;
+    }
+    return customTheme;
+};
+
+function _define_property$p(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$p(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$p(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$o(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$o(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$o(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$f(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$f(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$f(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Typography = function(_param) {
+    var tmp = _param.as, Component = tmp === void 0 ? "span" : tmp, _param_themeName = _param.themeName, themeName = _param_themeName === void 0 ? "typography" : _param_themeName, tokens = _param.tokens, customTheme = _param.customTheme, children = _param.children, rest = _object_without_properties$f(_param, [
+        "as",
+        "themeName",
+        "tokens",
+        "customTheme",
+        "children"
+    ]);
+    var theme = useThemeContext(themeName, tokens, customTheme);
+    return /*#__PURE__*/ jsx(Component, _object_spread_props$o(_object_spread$p({}, rest), {
+        className: theme,
+        children: children
+    }));
+};
+var TypographyWithForwardRef = /*#__PURE__*/ React__default.forwardRef(function(props, ref) {
+    var tmp = props.as, Component = tmp === void 0 ? "span" : tmp, tokens = props.tokens, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "typography" : _props_themeName, customTheme = props.customTheme, children = props.children, rest = _object_without_properties$f(props, [
+        "as",
+        "tokens",
+        "themeName",
+        "customTheme",
+        "children"
+    ]);
+    var theme = useThemeContext(themeName, tokens, customTheme);
+    return /*#__PURE__*/ jsx(Component, _object_spread_props$o(_object_spread$p({}, rest), {
+        ref: ref,
+        className: theme,
+        children: children
+    }));
+});
+
+function _define_property$o(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$o(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$o(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$n(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$n(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$n(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$e(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$e(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$e(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Anchor = /*#__PURE__*/ React__default.forwardRef(function(props, forwardRef) {
+    var _as;
+    var tmp = props.as, Component = tmp === void 0 ? "a" : tmp, handlePress = props.handlePress, children = props.children, as = props.as, customTheme = props.customTheme, tokens = props.tokens, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "button" : _props_themeName, rest = _object_without_properties$e(props, [
+        "as",
+        "handlePress",
+        "children",
+        "as",
+        "customTheme",
+        "tokens",
+        "themeName"
+    ]);
+    var ref = forwardRef;
+    var linkProps = useLink(_object_spread_props$n(_object_spread$o({}, props), {
+        elementType: (_as = as) === null || _as === void 0 ? void 0 : _as.toString(),
+        onPress: handlePress
+    }), forwardRef !== null && forwardRef !== void 0 ? forwardRef : ref).linkProps;
+    var theme = useThemeContext(themeName, tokens, customTheme);
+    return /*#__PURE__*/ jsx(Component, _object_spread_props$n(_object_spread$o({
+        ref: ref
+    }, linkProps, rest), {
+        className: theme,
+        children: children
+    }));
+});
+var Button = /*#__PURE__*/ React__default.forwardRef(function(props, forwardRef) {
+    var tmp = props.as, Component = tmp === void 0 ? "button" : tmp, handlePress = props.handlePress, children = props.children, as = props.as, customTheme = props.customTheme, tokens = props.tokens, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "button" : _props_themeName, _props_isDisabled = props.isDisabled, isDisabled = _props_isDisabled === void 0 ? false : _props_isDisabled, rest = _object_without_properties$e(props, [
+        "as",
+        "handlePress",
+        "children",
+        "as",
+        "customTheme",
+        "tokens",
+        "themeName",
+        "isDisabled"
+    ]);
+    var ref = forwardRef;
+    var buttonProps = useButton(_object_spread_props$n(_object_spread$o({}, props), {
+        isDisabled: isDisabled,
+        elementType: as,
+        onPress: handlePress
+    }), forwardRef !== null && forwardRef !== void 0 ? forwardRef : ref).buttonProps;
+    var theme = useThemeContext(themeName, tokens, customTheme);
+    return /*#__PURE__*/ jsx(Component, _object_spread_props$n(_object_spread$o({
+        ref: ref
+    }, buttonProps, rest), {
+        className: theme,
+        children: children
+    }));
+});
+var ButtonWithForwardRef = /*#__PURE__*/ React__default.forwardRef(function(props, ref) {
+    var as = props.as;
+    if (as === "a") return /*#__PURE__*/ jsx(Anchor, _object_spread$o({
+        ref: ref
+    }, props));
+    return /*#__PURE__*/ jsx(Button, _object_spread$o({
+        ref: ref
+    }, props));
+});
+var ButtonComponent = function(props) {
+    var as = props.as;
+    var ref = useRef(null);
+    if (as === "a") return /*#__PURE__*/ jsx(Anchor, _object_spread$o({
+        ref: ref
+    }, props));
+    return /*#__PURE__*/ jsx(Button, _object_spread$o({
+        ref: ref
+    }, props));
+};
+var Button$1 = /*#__PURE__*/ React__default.memo(ButtonComponent);
+
+function _define_property$n(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$n(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$n(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var SvgComponent$1 = function(props) {
+    return /*#__PURE__*/ jsx("svg", _object_spread$n({
+        xmlns: "http://www.w3.org/2000/svg",
+        height: 48,
+        width: 48,
+        fill: "currentColor"
+    }, props));
+};
+var Fallback = /*#__PURE__*/ memo(SvgComponent$1);
+
+function _define_property$m(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$m(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$m(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$m(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$m(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$m(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$d(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$d(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$d(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Icon = function(props) {
+    var icon = props.icon, rest = _object_without_properties$d(props, [
+        "icon"
+    ]);
+    var ImportedIcon = useMemo(function() {
+        return /*#__PURE__*/ lazy(function() {
+            return import("../icons/".concat(icon || "ArrowRight", ".tsx"));
+        });
+    }, [
+        icon
+    ]);
+    return /*#__PURE__*/ jsx(Suspense, {
+        fallback: /*#__PURE__*/ jsx(Fallback, {
+            className: "overflow-visible pointer-events-none"
+        }),
+        children: /*#__PURE__*/ jsx(ImportedIcon, _object_spread$m(_object_spread_props$m(_object_spread$m({}, rest), {
+            className: "overflow-visible pointer-events-none"
+        }), props))
+    });
+};
+var IconDispatcher = function(props) {
+    var icon = props.icon, tmp = props.as, Component = tmp === void 0 ? "span" : tmp, tokens = props.tokens, customTheme = props.customTheme, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "icon" : _props_themeName, children = props.children, rest = _object_without_properties$d(props, [
+        "icon",
+        "as",
+        "tokens",
+        "customTheme",
+        "themeName",
+        "children"
+    ]);
+    var theme = useThemeContext(themeName, tokens, customTheme);
+    if (typeof icon !== "string") {
+        return /*#__PURE__*/ jsxs(Component, _object_spread_props$m(_object_spread$m({}, rest), {
+            className: theme,
+            children: [
+                children,
+                icon
+            ]
+        }));
+    }
+    return /*#__PURE__*/ jsxs(Component, {
+        className: theme,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(Icon, _object_spread$m({
+                icon: icon
+            }, rest))
+        ]
+    });
+};
+
+function _array_like_to_array$7(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$5(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property$l(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit$5(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest$5() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread$l(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$l(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$l(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$l(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$l(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _sliced_to_array$5(arr, i) {
+    return _array_with_holes$5(arr) || _iterable_to_array_limit$5(arr, i) || _unsupported_iterable_to_array$7(arr, i) || _non_iterable_rest$5();
+}
+function _unsupported_iterable_to_array$7(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$7(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$7(o, minLen);
+}
+var Accordion = function(props) {
+    var customTheme = props.customTheme, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "accordion" : _props_themeName, id = props.id, tokens = props.tokens, title = props.title, ariaLabel = props.ariaLabel, onClick = props.onClick, icon = props.icon, children = props.children;
+    var _useState = _sliced_to_array$5(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var containerTheme = useThemeContext("".concat(themeName, ".container"), _object_spread_props$l(_object_spread$l({}, tokens), {
+        isOpen: isOpen
+    }), customTheme);
+    var titleTheme = useThemeContext("".concat(themeName, ".title"), _object_spread_props$l(_object_spread$l({}, tokens), {
+        isOpen: isOpen
+    }), customTheme);
+    var iconTheme = useThemeContext("".concat(themeName, ".icon"), _object_spread_props$l(_object_spread$l({}, tokens), {
+        isOpen: isOpen
+    }), customTheme);
+    var regionTheme = useThemeContext("".concat(themeName, ".region"), _object_spread_props$l(_object_spread$l({}, tokens), {
+        isOpen: isOpen
+    }), customTheme);
+    var contentTheme = useThemeContext("".concat(themeName, ".content"), _object_spread_props$l(_object_spread$l({}, tokens), {
+        isOpen: isOpen
+    }), customTheme);
+    return /*#__PURE__*/ jsxs("div", {
+        className: containerTheme,
+        id: "accordion-control-".concat(id),
+        "aria-label": ariaLabel,
+        "aria-expanded": isOpen,
+        "aria-controls": "accordion-content-".concat(id),
+        children: [
+            /*#__PURE__*/ jsxs(Button$1, {
+                themeName: "".concat(themeName, ".button"),
+                tokens: _object_spread_props$l(_object_spread$l({}, tokens), {
+                    isOpen: isOpen
+                }),
+                handlePress: function() {
+                    var _onClick;
+                    setIsOpen(!isOpen);
+                    (_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick(isOpen);
+                },
+                as: "button",
+                id: "accordion-control-".concat(id),
+                "aria-label": ariaLabel,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: titleTheme,
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: iconTheme,
+                        children: /*#__PURE__*/ jsx(IconDispatcher, {
+                            icon: icon !== null && icon !== void 0 ? icon : "ArrowDown"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: regionTheme,
+                role: "region",
+                id: "accordion-content-".concat(id),
+                "aria-labelledby": "accordion-control-".concat(id),
+                children: /*#__PURE__*/ jsx("div", {
+                    className: contentTheme,
+                    children: children
+                })
+            })
+        ]
+    });
+};
+
+function _array_like_to_array$6(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$4(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property$k(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit$4(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest$4() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread$k(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$k(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$k(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$k(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$k(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$c(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$c(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$c(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array$4(arr, i) {
+    return _array_with_holes$4(arr) || _iterable_to_array_limit$4(arr, i) || _unsupported_iterable_to_array$6(arr, i) || _non_iterable_rest$4();
+}
+function _unsupported_iterable_to_array$6(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$6(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$6(o, minLen);
+}
+var IconsContainer = function(props) {
+    var _sharingLinksList;
+    var sharingLinksList = props.sharingLinksList, id = props.id, isOpen = props.isOpen, onShare = props.onShare, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "shareButton" : _props_themeName, tokens = props.tokens, customTheme = props.customTheme;
+    var linksListTheme = useThemeContext("".concat(themeName, ".linksList"), _object_spread_props$k(_object_spread$k({}, tokens), {
+        isOpen: isOpen
+    }), customTheme);
+    return /*#__PURE__*/ jsx("div", {
+        className: linksListTheme,
+        id: id,
+        role: "listbox",
+        children: (_sharingLinksList = sharingLinksList) === null || _sharingLinksList === void 0 ? void 0 : _sharingLinksList.map(function(link) {
+            var ariaLabel = link.ariaLabel, onClick = link.onClick, href = link.href, icon = link.icon, key = link.key;
+            return /*#__PURE__*/ jsx(Button$1, {
+                themeName: "".concat(themeName, ".link"),
+                tokens: _object_spread_props$k(_object_spread$k({}, tokens), {
+                    isOpen: isOpen
+                }),
+                as: "a",
+                handlePress: function() {
+                    var _onShare, _onClick;
+                    (_onShare = onShare) === null || _onShare === void 0 ? void 0 : _onShare(key);
+                    (_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick(key);
+                },
+                "aria-label": ariaLabel,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                href: href,
+                role: "option",
+                children: /*#__PURE__*/ jsx(IconDispatcher, {
+                    themeName: "".concat(themeName, ".linkIcons"),
+                    icon: icon
+                })
+            }, key);
+        })
+    });
+};
+var ShareButton = function(props) {
+    var ariaLabel = props.ariaLabel, icon = props.icon, id = props.id, sharingLinksList = props.sharingLinksList, onShare = props.onShare, customTheme = props.customTheme, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "shareButton" : _props_themeName, tokens = props.tokens, rest = _object_without_properties$c(props, [
+        "ariaLabel",
+        "icon",
+        "id",
+        "sharingLinksList",
+        "onShare",
+        "customTheme",
+        "themeName",
+        "tokens"
+    ]);
+    var _useState = _sliced_to_array$4(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var containerTheme = useThemeContext("".concat(themeName, ".container"), tokens, customTheme);
+    var handleClick = function() {
+        setIsOpen(!isOpen);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: containerTheme,
+        children: [
+            /*#__PURE__*/ jsx(Button$1, _object_spread_props$k(_object_spread$k({
+                themeName: "".concat(themeName, ".button"),
+                tokens: _object_spread_props$k(_object_spread$k({}, tokens), {
+                    isOpen: isOpen
+                }),
+                "aria-label": ariaLabel,
+                "aria-haspopup": "listbox",
+                "aria-expanded": isOpen ? "true" : "false",
+                "aria-controls": "share-buttons",
+                handlePress: handleClick
+            }, rest), {
+                children: /*#__PURE__*/ jsx(IconDispatcher, {
+                    themeName: "".concat(themeName, ".icon"),
+                    icon: icon !== null && icon !== void 0 ? icon : "Share"
+                })
+            })),
+            /*#__PURE__*/ jsx(IconsContainer, {
+                id: id,
+                sharingLinksList: sharingLinksList,
+                onShare: onShare,
+                isOpen: isOpen,
+                themeName: themeName,
+                customTheme: customTheme,
+                tokens: tokens
+            })
+        ]
+    });
+};
+
+var useOverlayHook = function(isOpen, onOpenCallBack, onCloseCallBack) {
+    var state = useOverlayTriggerState({
+        defaultOpen: isOpen,
+        onOpenChange: function(e) {
+            var _onOpenCallBack;
+            return (_onOpenCallBack = onOpenCallBack) === null || _onOpenCallBack === void 0 ? void 0 : _onOpenCallBack(e);
+        }
+    });
+    var openButtonRef = React__default.useRef(null);
+    var closeButtonRef = React__default.useRef(null);
+    useEffect(function() {
+        if (isOpen) {
+            state.open();
+            return;
+        }
+        state.close();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        isOpen
+    ]);
+    var handleOpen = function() {
+        state.open();
+    };
+    var handleClose = function() {
+        var _onCloseCallBack;
+        state.close();
+        (_onCloseCallBack = onCloseCallBack) === null || _onCloseCallBack === void 0 ? void 0 : _onCloseCallBack();
+    };
+    var _useButton = useButton({
+        elementType: "div",
+        onPress: handleOpen
+    }, openButtonRef), openButtonProps = _useButton.buttonProps;
+    var _useButton1 = useButton({
+        onPress: handleClose
+    }, closeButtonRef), closeButtonProps = _useButton1.buttonProps;
+    return {
+        state: state,
+        openButtonProps: openButtonProps,
+        closeButtonProps: closeButtonProps,
+        handleOpen: handleOpen,
+        handleClose: handleClose,
+        openButtonRef: openButtonRef,
+        closeButtonRef: closeButtonRef
+    };
+};
+
+function _array_like_to_array$5(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$3(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit$3(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest$3() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array$3(arr, i) {
+    return _array_with_holes$3(arr) || _iterable_to_array_limit$3(arr, i) || _unsupported_iterable_to_array$5(arr, i) || _non_iterable_rest$3();
+}
+function _unsupported_iterable_to_array$5(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$5(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$5(o, minLen);
+}
+var _createCtx$1 = _sliced_to_array$3(createCtx(), 2), useSidePanel = _createCtx$1[0], SidePanelProvider = _createCtx$1[1];
+function SidePanelContextProvider(param) {
+    var children = param.children, defaultSelectedKey = param.defaultSelectedKey;
+    var _useOverlayHook = useOverlayHook(false), overlayState = _useOverlayHook.state, closeButtonProps = _useOverlayHook.closeButtonProps, closeButtonRef = _useOverlayHook.closeButtonRef, openButtonProps = _useOverlayHook.openButtonProps, openButtonRef = _useOverlayHook.openButtonRef;
+    var value = useMemo(function() {
+        return {
+            defaultSelectedKey: defaultSelectedKey,
+            overlayState: overlayState,
+            buttonProps: {
+                closeButtonProps: closeButtonProps,
+                closeButtonRef: closeButtonRef,
+                openButtonProps: openButtonProps,
+                openButtonRef: openButtonRef
+            }
+        };
+    }, // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        overlayState,
+        defaultSelectedKey,
+        closeButtonProps,
+        openButtonProps
+    ]);
+    return /*#__PURE__*/ jsx(SidePanelProvider, {
+        value: value,
+        children: children
+    });
+}
+
+var RenderWithSlide = function(param) {
+    var isVisible = param.isVisible, children = param.children;
+    var transition = useTransition(isVisible, {
+        from: {
+            opacity: 0,
+            translateX: "100%"
+        },
+        enter: {
+            opacity: 1,
+            translateX: "0%"
+        },
+        leave: {
+            opacity: 0,
+            translateX: "25%"
+        }
+    });
+    return transition(function(styles, bool) {
+        return bool && /*#__PURE__*/ jsx(animated.div, {
+            style: styles,
+            children: children
+        });
+    });
+};
+
+var fixed$1 = "fixed";
+var SidePanelTransition = function(param) {
+    var isVisible = param.isVisible, children = param.children;
+    var transition = useTransition(isVisible, {
+        from: {
+            opacity: 0,
+            position: fixed$1,
+            left: 0,
+            top: 0,
+            zIndex: 1000,
+            bottom: 0,
+            height: "100%",
+            width: "100%"
+        },
+        enter: {
+            opacity: 1
+        },
+        leave: {
+            opacity: 0
+        },
+        config: config.stiff
+    });
+    return transition(function(styles, bool) {
+        return bool && /*#__PURE__*/ jsx(animated.div, {
+            style: styles,
+            children: children
+        });
+    });
+};
+
+var fixed = "fixed";
+var ModalTransition = function(param) {
+    var isVisible = param.isVisible, children = param.children;
+    var transition = useTransition(isVisible, {
+        from: {
+            opacity: 0,
+            scale: 0.75,
+            position: fixed,
+            left: 0,
+            top: 0,
+            zIndex: 1000,
+            bottom: 0,
+            height: "100%",
+            width: "100%"
+        },
+        enter: {
+            opacity: 1,
+            scale: 1
+        },
+        leave: {
+            opacity: 0,
+            scale: 0.75
+        },
+        config: config.stiff
+    });
+    return transition(function(styles, bool) {
+        return bool && /*#__PURE__*/ jsx(animated.div, {
+            style: styles,
+            children: children
+        });
+    });
+};
+
+function _define_property$j(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$j(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$j(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$j(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$j(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$j(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var ModalDialog = function(props) {
+    var children = props.children;
+    // Handle interacting outside the dialog and pressing
+    // the Escape key to close the modal.
+    var ref = React__default.useRef(null);
+    var _useOverlay = useOverlay(props, ref), overlayProps = _useOverlay.overlayProps, underlayProps = _useOverlay.underlayProps;
+    // Prevent scrolling while the modal is open, and hide content
+    // outside the modal from screen readers.
+    var modalProps = useModal().modalProps;
+    // Get props for the dialog and its title
+    var dialogProps = useDialog(props, ref).dialogProps;
+    return /*#__PURE__*/ jsx("div", _object_spread_props$j(_object_spread$j({}, underlayProps), {
+        children: /*#__PURE__*/ jsx(FocusScope, {
+            contain: true,
+            restoreFocus: true,
+            autoFocus: true,
+            children: /*#__PURE__*/ jsx("div", _object_spread_props$j(_object_spread$j({}, overlayProps, dialogProps, modalProps), {
+                ref: ref,
+                children: children
+            }))
+        })
+    }));
+};
+
+function _array_like_to_array$4(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$2(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit$2(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest$2() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array$2(arr, i) {
+    return _array_with_holes$2(arr) || _iterable_to_array_limit$2(arr, i) || _unsupported_iterable_to_array$4(arr, i) || _non_iterable_rest$2();
+}
+function _unsupported_iterable_to_array$4(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$4(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$4(o, minLen);
+}
+var Modal = function(props) {
+    var _useState = _sliced_to_array$2(useState(false), 2), shouldRender = _useState[0], setShouldRender = _useState[1];
+    var children = props.children, state = props.state, onCloseCallBack = props.onCloseCallBack, tmp = props.transitionComponent, TransitionComponent = tmp === void 0 ? ModalTransition : tmp;
+    var handleClose = useCallback(function() {
+        var _onCloseCallBack;
+        state.close();
+        (_onCloseCallBack = onCloseCallBack) === null || _onCloseCallBack === void 0 ? void 0 : _onCloseCallBack();
+    }, [
+        state.close,
+        onCloseCallBack
+    ]);
+    useEffect(function() {
+        if (!state.isOpen && shouldRender) {
+            return;
+        }
+        setShouldRender(true);
+    }, [
+        state.isOpen
+    ]);
+    if (!shouldRender) {
+        return null;
+    }
+    return /*#__PURE__*/ jsx(OverlayContainer, {
+        children: /*#__PURE__*/ jsx(TransitionComponent, {
+            isVisible: state.isOpen,
+            children: /*#__PURE__*/ jsx(ModalDialog, {
+                isOpen: state.isOpen,
+                onClose: handleClose,
+                isDismissable: true,
+                children: children
+            })
+        })
+    });
+};
+
+var SidePanel = function(props) {
+    var children = props.children, closeBtnRender = props.closeBtnRender, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "sidePanel" : _props_themeName, tokens = props.tokens, customTheme = props.customTheme;
+    var wrapperTheme = useThemeContext("".concat(themeName, ".wrapper"), tokens, customTheme);
+    var containerTheme = useThemeContext("".concat(themeName, ".container"), tokens, customTheme);
+    var innerContainerTheme = useThemeContext("".concat(themeName, ".innerContainer"), tokens, customTheme);
+    var overlayState = useSidePanel().overlayState;
+    return /*#__PURE__*/ jsx(Modal, {
+        state: overlayState,
+        transitionComponent: SidePanelTransition,
+        children: /*#__PURE__*/ jsxs(Div100vh, {
+            className: wrapperTheme,
+            children: [
+                closeBtnRender && closeBtnRender(),
+                /*#__PURE__*/ jsx(RenderWithSlide, {
+                    isVisible: overlayState.isOpen,
+                    children: /*#__PURE__*/ jsx("div", {
+                        className: containerTheme,
+                        children: /*#__PURE__*/ jsx("div", {
+                            className: innerContainerTheme,
+                            children: children
+                        })
+                    })
+                })
+            ]
+        })
+    });
+};
+var index = /*#__PURE__*/ React__default.memo(SidePanel);
+
+function _define_property$i(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$i(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$i(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$i(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$i(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$i(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var Lightbox = function(props) {
+    var children = props.children, thumbnailContent = props.thumbnailContent, isOpen = props.isOpen, onOpenCallBack = props.onOpenCallBack, onCloseCallBack = props.onCloseCallBack, label = props.label, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "lightBox" : _props_themeName, tokens = props.tokens, customTheme = props.customTheme;
+    var _useOverlayHook = useOverlayHook(isOpen, onOpenCallBack, onCloseCallBack), state = _useOverlayHook.state, openButtonRef = _useOverlayHook.openButtonRef, openButtonProps = _useOverlayHook.openButtonProps, closeButtonProps = _useOverlayHook.closeButtonProps, closeButtonRef = _useOverlayHook.closeButtonRef;
+    var containerTheme = useThemeContext("".concat(themeName, ".container"), tokens, customTheme);
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsxs("div", _object_spread_props$i(_object_spread$i({
+                ref: openButtonRef
+            }, openButtonProps, isOpen ? {
+                tabIndex: -1
+            } : {}), {
+                children: [
+                    label && /*#__PURE__*/ jsx(Typography, {
+                        themeName: "".concat(themeName, ".label"),
+                        tokens: {
+                            size: "footnotes"
+                        },
+                        children: label
+                    }),
+                    thumbnailContent
+                ]
+            })),
+            /*#__PURE__*/ jsx(Modal, {
+                onCloseCallBack: onCloseCallBack,
+                state: state,
+                children: /*#__PURE__*/ jsxs("div", {
+                    children: [
+                        /*#__PURE__*/ jsx(ButtonWithForwardRef, _object_spread_props$i(_object_spread$i({
+                            themeName: "".concat(themeName, ".closeBtn"),
+                            type: "button"
+                        }, closeButtonProps), {
+                            ref: closeButtonRef,
+                            children: /*#__PURE__*/ jsx(IconDispatcher, {
+                                icon: "CloseBtn"
+                            })
+                        })),
+                        /*#__PURE__*/ jsx("div", {
+                            className: containerTheme,
+                            children: children
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+function _define_property$h(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$h(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$h(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$h(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$h(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$h(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$b(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$b(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$b(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Popover$1 = /*#__PURE__*/ React__default.forwardRef(function(props, ref) {
+    var isOpen = props.isOpen, onClose = props.onClose, children = props.children, style = props.style;
+    // Handle events that should cause the popup to close,
+    // e.g. blur, clicking outside, or pressing the escape key.
+    var overlayProps = useOverlay({
+        isOpen: isOpen,
+        onClose: onClose,
+        shouldCloseOnBlur: false,
+        isDismissable: false
+    }, ref).overlayProps;
+    var modalProps = useModal().modalProps;
+    var dialogProps = useDialog({}, ref).dialogProps;
+    // Add a hidden <DismissButton> component at the end of the popover
+    // to allow screen reader users to dismiss the popup easily.
+    return /*#__PURE__*/ jsx(FocusScope, {
+        contain: true,
+        restoreFocus: true,
+        children: /*#__PURE__*/ jsxs("div", _object_spread_props$h(_object_spread$h({}, mergeProps(overlayProps, modalProps, dialogProps)), {
+            ref: ref,
+            style: _object_spread$h({
+                background: "white",
+                color: "black",
+                padding: 30
+            }, style),
+            children: [
+                children,
+                /*#__PURE__*/ jsx(DismissButton, {
+                    onDismiss: onClose
+                })
+            ]
+        }))
+    });
+});
+function PopoverButton(param) {
+    var children = param.children, buttonProps = param.buttonProps, _param_placement = param.placement, placement = _param_placement === void 0 ? "right" : _param_placement, _param_offset = param.offset, offset = _param_offset === void 0 ? 5 : _param_offset;
+    var state = useOverlayTriggerState$1({});
+    var triggerRef = React__default.useRef(null);
+    var overlayRef = React__default.useRef(null);
+    // Get props for the trigger and overlay. This also handles
+    // hiding the overlay when a parent element of the trigger scrolls
+    // (which invalidates the popover positioning).
+    var _useOverlayTrigger = useOverlayTrigger({
+        type: "dialog"
+    }, state, triggerRef), triggerProps = _useOverlayTrigger.triggerProps, overlayProps = _useOverlayTrigger.overlayProps;
+    // Get popover positioning props relative to the trigger
+    var _useOverlayPosition = useOverlayPosition({
+        targetRef: triggerRef,
+        overlayRef: overlayRef,
+        placement: placement,
+        offset: offset,
+        isOpen: state.isOpen
+    }), positionProps = _useOverlayPosition.overlayProps;
+    var handlePress = triggerProps.onPress, triggerButtonProps = _object_without_properties$b(triggerProps, [
+        "onPress"
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(ButtonWithForwardRef, _object_spread_props$h(_object_spread$h({
+                handlePress: handlePress
+            }, buttonProps, triggerButtonProps), {
+                ref: triggerRef,
+                children: "Open Popover"
+            })),
+            state.isOpen && /*#__PURE__*/ jsx(OverlayContainer$1, {
+                children: /*#__PURE__*/ jsx(Popover$1, _object_spread_props$h(_object_spread$h({}, overlayProps, positionProps), {
+                    ref: overlayRef,
+                    isOpen: state.isOpen,
+                    onClose: state.close,
+                    children: children
+                }))
+            })
+        ]
+    });
+}
+
+function _define_property$g(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$g(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$g(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$g(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$g(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$g(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$a(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$a(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$a(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var WysiwygBlock = function(_param) {
+    var content = _param.content, _param_themeName = _param.themeName, themeName = _param_themeName === void 0 ? "wysiwyg" : _param_themeName, rest = _object_without_properties$a(_param, [
+        "content",
+        "themeName"
+    ]);
+    return /*#__PURE__*/ jsx(Typography, _object_spread_props$g(_object_spread$g({}, rest), {
+        themeName: themeName,
+        dangerouslySetInnerHTML: {
+            __html: DOMPurify.sanitize(content, {
+                ADD_TAGS: [
+                    "iframe"
+                ],
+                ADD_ATTR: [
+                    "allow",
+                    "allowfullscreen",
+                    "frameborder",
+                    "scrolling"
+                ]
+            })
+        }
+    }));
+};
+
+function _define_property$f(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$f(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$f(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$f(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$f(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$f(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var SvgComponent = function(props) {
+    return /*#__PURE__*/ jsxs("svg", _object_spread_props$f(_object_spread$f({
+        width: 24,
+        height: 24,
+        fill: "currentColor",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24"
+    }, props), {
+        children: [
+            /*#__PURE__*/ jsx("g", {
+                children: /*#__PURE__*/ jsx("path", {
+                    d: "M23.92 12.38a1 1 0 0 0 0-.76 1 1 0 0 0-.21-.33l-8-8a1.003 1.003 0 1 0-1.42 1.42l6.3 6.29H1a1 1 0 1 0 0 2h19.59l-6.3 6.29a1 1 0 0 0 0 1.42 1.002 1.002 0 0 0 1.42 0l8-8c.091-.095.162-.207.21-.33Z"
+                })
+            }),
+            /*#__PURE__*/ jsx("defs", {
+                children: /*#__PURE__*/ jsx("clipPath", {
+                    children: /*#__PURE__*/ jsx("path", {
+                        fill: "currentColor",
+                        d: "M0 0h24v24H0z"
+                    })
+                })
+            })
+        ]
+    }));
+};
+var ArrowRight = /*#__PURE__*/ memo(SvgComponent, isEqual);
+
+function _define_property$e(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$e(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$e(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$e(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$e(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$e(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$9(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$9(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$9(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var DateComponent = function(props) {
+    var tmp = props.as, Component = tmp === void 0 ? "time" : tmp, date = props.date, tokens = props.tokens, customTheme = props.customTheme, _props_dateFormatterOptions = props.dateFormatterOptions, dateFormatterOptions = _props_dateFormatterOptions === void 0 ? {
+        month: "long",
+        day: "numeric",
+        year: "numeric"
+    } : _props_dateFormatterOptions, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "typography" : _props_themeName, rest = _object_without_properties$9(props, [
+        "as",
+        "date",
+        "tokens",
+        "customTheme",
+        "dateFormatterOptions",
+        "themeName"
+    ]);
+    var isSSR = useIsSSR();
+    var parsedDate = new Date(date);
+    var formatter = useDateFormatter(dateFormatterOptions);
+    var formattedDate = formatter.format(parsedDate);
+    var theme = useThemeContext(themeName, tokens, customTheme);
+    return isSSR || isEmpty(formattedDate) ? null : /*#__PURE__*/ jsx(Component, _object_spread_props$e(_object_spread$e({}, rest), {
+        dateTime: parsedDate.toISOString(),
+        className: theme,
+        children: formattedDate
+    }));
+};
+
+function _array_like_to_array$3(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes$1(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array$3(arr);
+}
+function _define_property$d(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array$1(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread$1() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread$d(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$d(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$d(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$d(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$d(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _to_consumable_array$1(arr) {
+    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$3(arr) || _non_iterable_spread$1();
+}
+function _unsupported_iterable_to_array$3(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$3(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$3(o, minLen);
+}
+var Option = function(param) {
+    var item = param.item, state = param.state, _param_themeName = param.themeName, themeName = _param_themeName === void 0 ? "li" : _param_themeName;
+    var ref = React__default.useRef(null);
+    var optionProps = useOption({
+        key: item.key
+    }, state, ref).optionProps;
+    return /*#__PURE__*/ jsx(TypographyWithForwardRef, _object_spread_props$d(_object_spread$d({
+        as: "li"
+    }, optionProps), {
+        themeName: themeName,
+        ref: ref,
+        children: item.rendered
+    }));
+};
+var ListBox = function(props) {
+    var ref = React__default.useRef(null);
+    var _props_listBoxRef = props.listBoxRef, listBoxRef = _props_listBoxRef === void 0 ? ref : _props_listBoxRef, state = props.state, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "option" : _props_themeName;
+    var listBoxProps = useListBox(props, state, listBoxRef).listBoxProps;
+    return /*#__PURE__*/ jsx(TypographyWithForwardRef, _object_spread_props$d(_object_spread$d({}, listBoxProps), {
+        ref: listBoxRef,
+        as: "ul",
+        themeName: "".concat(themeName, ".ul"),
+        children: _to_consumable_array$1(state.collection).map(function(item) {
+            return /*#__PURE__*/ jsx(Option, {
+                themeName: "".concat(themeName, ".li"),
+                item: item,
+                state: state
+            }, item.key);
+        })
+    }));
+};
+
+function _define_property$c(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$c(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$c(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$c(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$c(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$c(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$8(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$8(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$8(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Popover = function(props) {
+    var ref = React__default.useRef(null);
+    var _props_popoverRef = props.popoverRef, popoverRef = _props_popoverRef === void 0 ? ref : _props_popoverRef, state = props.state, children = props.children, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "popover" : _props_themeName, rest = _object_without_properties$8(props, [
+        "popoverRef",
+        "state",
+        "children",
+        "themeName"
+    ]);
+    var _usePopover = usePopover(_object_spread_props$c(_object_spread$c({}, props), {
+        popoverRef: popoverRef
+    }), state), popoverProps = _usePopover.popoverProps, underlayProps = _usePopover.underlayProps;
+    return /*#__PURE__*/ jsxs(Overlay, {
+        children: [
+            /*#__PURE__*/ jsx("div", _object_spread_props$c(_object_spread$c({}, underlayProps), {
+                style: {
+                    position: "fixed",
+                    inset: 0
+                }
+            })),
+            /*#__PURE__*/ jsxs(TypographyWithForwardRef, _object_spread_props$c(_object_spread$c({
+                themeName: themeName
+            }, rest, popoverProps), {
+                as: "div",
+                ref: popoverRef,
+                children: [
+                    /*#__PURE__*/ jsx(DismissButton, {
+                        onDismiss: state.close
+                    }),
+                    children,
+                    /*#__PURE__*/ jsx(DismissButton, {
+                        onDismiss: state.close
+                    })
+                ]
+            }))
+        ]
+    });
+};
+
+function _define_property$b(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$b(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$b(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$b(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$b(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$b(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$7(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$7(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$7(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Select = function(props) {
+    var _fieldRef_current;
+    var name = props.name, placeholderLabel = props.placeholderLabel, disabled = props.disabled, hookFormRef = props.hookFormRef, _props_isError = props.isError, isError = _props_isError === void 0 ? false : _props_isError, errorMessage = props.errorMessage, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "select" : _props_themeName, tokens = props.tokens, customTheme = props.customTheme, label = props.label, onSelectionChange = props.onSelectionChange, defaultValue = props.defaultValue, value = props.value, rest = _object_without_properties$7(props, [
+        "name",
+        "placeholderLabel",
+        "disabled",
+        "hookFormRef",
+        "isError",
+        "errorMessage",
+        "themeName",
+        "tokens",
+        "customTheme",
+        "label",
+        "onSelectionChange",
+        "defaultValue",
+        "value"
+    ]);
+    var fieldRef = useRef(null);
+    var state = useSelectState(_object_spread_props$b(_object_spread$b({}, rest), {
+        selectedKey: value,
+        defaultSelectedKey: defaultValue,
+        onSelectionChange: onSelectionChange
+    }));
+    var _useSelect = useSelect(_object_spread$b({}, rest), state, fieldRef), triggerProps = _useSelect.triggerProps, menuProps = _useSelect.menuProps, labelProps = _useSelect.labelProps;
+    var wrapper = useThemeContext("".concat(themeName, ".wrapper"), tokens, customTheme);
+    var container = useThemeContext("".concat(themeName, ".container"), tokens, customTheme);
+    return /*#__PURE__*/ jsxs("div", {
+        className: wrapper,
+        children: [
+            label && /*#__PURE__*/ jsx(Typography, _object_spread_props$b(_object_spread$b({}, labelProps), {
+                as: "label",
+                themeName: "".concat(themeName, ".label"),
+                children: label
+            })),
+            /*#__PURE__*/ jsx(HiddenSelect, _object_spread_props$b(_object_spread$b({}, hookFormRef), {
+                state: state,
+                triggerRef: fieldRef,
+                name: name,
+                isDisabled: true
+            })),
+            /*#__PURE__*/ jsxs("div", {
+                className: container,
+                children: [
+                    /*#__PURE__*/ jsxs(ButtonWithForwardRef, _object_spread_props$b(_object_spread$b({}, triggerProps), {
+                        ref: fieldRef,
+                        disabled: disabled,
+                        themeName: "".concat(themeName, ".button"),
+                        tokens: _object_spread_props$b(_object_spread$b({}, tokens), {
+                            intent: isError ? "error" : "default"
+                        }),
+                        children: [
+                            state.selectedItem ? state.selectedItem.rendered : placeholderLabel,
+                            /*#__PURE__*/ jsx(IconDispatcher, {
+                                icon: "ArrowDown"
+                            })
+                        ]
+                    })),
+                    state.isOpen && fieldRef.current && /*#__PURE__*/ jsx(Popover, {
+                        state: state,
+                        tokens: {
+                            width: "".concat((_fieldRef_current = fieldRef.current) === null || _fieldRef_current === void 0 ? void 0 : _fieldRef_current.offsetWidth)
+                        },
+                        triggerRef: fieldRef,
+                        placement: "bottom",
+                        themeName: "".concat(themeName, ".popover"),
+                        children: /*#__PURE__*/ jsx(ListBox, _object_spread_props$b(_object_spread$b({}, menuProps), {
+                            themeName: "".concat(themeName, ".ul"),
+                            state: state
+                        }))
+                    }),
+                    isError && /*#__PURE__*/ jsx(Typography, {
+                        tokens: _object_spread_props$b(_object_spread$b({}, tokens), {
+                            isError: isError
+                        }),
+                        themeName: "".concat(themeName, ".errorMessage"),
+                        children: errorMessage
+                    })
+                ]
+            })
+        ]
+    });
+};
+var ReactHookFormSelect = function(props) {
+    var _errors;
+    var name = props.name, required = props.required, children = props.children;
+    var _useFormContext = useFormContext(), register = _useFormContext.register, formState = _useFormContext.formState;
+    var errors = get$1(formState.errors, name);
+    var _errors_message;
+    var errMsg = (_errors_message = (_errors = errors) === null || _errors === void 0 ? void 0 : _errors.message) !== null && _errors_message !== void 0 ? _errors_message : undefined;
+    var ref = register(name, {
+        required: required ? "This is an error message" : false
+    }).ref;
+    return /*#__PURE__*/ jsx(Select, _object_spread_props$b(_object_spread$b({}, props), {
+        isError: !isEmpty(errMsg),
+        errorMessage: errMsg,
+        hookFormRef: ref,
+        children: children
+    }));
+};
+
+function _define_property$a(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$a(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$a(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$a(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$a(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$a(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var Checkbox = function(props) {
+    var id = props.id, label = props.label, _props_isDisabled = props.isDisabled, isDisabled = _props_isDisabled === void 0 ? false : _props_isDisabled, _props_isError = props.isError, isError = _props_isError === void 0 ? false : _props_isError, errorMessage = props.errorMessage, ariaLabel = props.ariaLabel, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "checkbox" : _props_themeName, tokens = props.tokens, customTheme = props.customTheme;
+    var state = useToggleState(props);
+    var ref = useRef(null);
+    var inputProps = useCheckbox(props, state, ref).inputProps;
+    var _useFocusRing = useFocusRing(), focusProps = _useFocusRing.focusProps, isFocusVisible = _useFocusRing.isFocusVisible;
+    var checkBoxTokens = _object_spread_props$a(_object_spread$a({}, tokens), {
+        selected: state.isSelected,
+        isDisabled: isDisabled,
+        isError: isError,
+        isFocusVisible: isFocusVisible
+    });
+    var labelTheme = useThemeContext("".concat(themeName, ".label"), checkBoxTokens, customTheme);
+    var checkBoxTheme = useThemeContext("".concat(themeName, ".checkBox"), checkBoxTokens, customTheme);
+    var checkmarkTheme = useThemeContext("".concat(themeName, ".checkMark"), checkBoxTokens, customTheme);
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsxs("label", {
+                htmlFor: id,
+                className: labelTheme,
+                children: [
+                    /*#__PURE__*/ jsx(VisuallyHidden, {
+                        children: /*#__PURE__*/ jsx("input", _object_spread$a({
+                            type: "checkbox",
+                            ref: ref,
+                            "aria-label": ariaLabel
+                        }, mergeProps(focusProps, inputProps)))
+                    }),
+                    /*#__PURE__*/ jsx(FocusRing, {
+                        focusRingClass: "focus-ring",
+                        children: /*#__PURE__*/ jsx("div", {
+                            className: checkBoxTheme,
+                            children: /*#__PURE__*/ jsx("div", {
+                                className: checkmarkTheme
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        children: label
+                    })
+                ]
+            }),
+            isError && errorMessage && /*#__PURE__*/ jsx(Typography, {
+                themeName: "".concat(themeName, ".errorMessage"),
+                tokens: checkBoxTokens,
+                children: errorMessage
+            })
+        ]
+    });
+};
+
+function _define_property$9(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$9(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$9(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$9(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$9(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$9(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var TextArea = function(props) {
+    var id = props.id, label = props.label, name = props.name, placeholder = props.placeholder, required = props.required, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, errorMessage = props.errorMessage, ariaLabel = props.ariaLabel, value = props.value, onBlur = props.onBlur, onChange = props.onChange, fieldRef = props.fieldRef, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "textarea" : _props_themeName, tokens = props.tokens, customTheme = props.customTheme;
+    var ref = useRef(null);
+    var _useTextField = useTextField(props, ref), errorMessageProps = _useTextField.errorMessageProps, inputProps = _useTextField.inputProps, labelProps = _useTextField.labelProps;
+    var inputTokens = _object_spread_props$9(_object_spread$9({}, tokens), {
+        isDisabled: disabled,
+        isError: errorMessage != null
+    });
+    var wrapper = useThemeContext("".concat(themeName, ".wrapper"), inputTokens, customTheme);
+    var input = useThemeContext("".concat(themeName, ".input"), inputTokens, customTheme);
+    var labelTheme = useThemeContext("".concat(themeName, ".label"), inputTokens, customTheme);
+    var container = useThemeContext("".concat(themeName, ".container"), inputTokens, customTheme);
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: wrapper,
+                "aria-disabled": disabled,
+                children: [
+                    label && /*#__PURE__*/ jsx("label", _object_spread_props$9(_object_spread$9({
+                        className: labelTheme
+                    }, labelProps), {
+                        children: label
+                    })),
+                    /*#__PURE__*/ jsx("div", {
+                        className: container,
+                        children: /*#__PURE__*/ jsx(FocusRing, {
+                            focusRingClass: "focus-ring",
+                            children: /*#__PURE__*/ jsx("textarea", _object_spread$9({
+                                ref: function(e) {
+                                    var _fieldRef;
+                                    (_fieldRef = fieldRef) === null || _fieldRef === void 0 ? void 0 : _fieldRef(e);
+                                    ref.current = e;
+                                },
+                                className: input,
+                                placeholder: placeholder,
+                                disabled: disabled,
+                                required: required,
+                                id: id,
+                                name: name,
+                                "aria-label": ariaLabel,
+                                "aria-labelledby": id,
+                                value: value,
+                                onBlur: onBlur,
+                                onChange: onChange
+                            }, inputProps))
+                        })
+                    })
+                ]
+            }),
+            errorMessage && /*#__PURE__*/ jsx(Typography, _object_spread_props$9(_object_spread$9({
+                themeName: "".concat(themeName, ".errorMessage"),
+                tokens: inputTokens
+            }, errorMessageProps), {
+                children: errorMessage
+            }))
+        ]
+    });
+};
+
+function _define_property$8(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$8(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$8(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$8(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$8(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$8(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$6(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$6(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$6(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var TextInputField = function(props) {
+    var id = props.id, label = props.label, required = props.required, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, errorMessage = props.errorMessage, ariaLabel = props.ariaLabel, value = props.value, onBlur = props.onBlur, onChange = props.onChange, fieldRef = props.fieldRef, _props_type = props.type, type = _props_type === void 0 ? "text" : _props_type, children = props.children, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "textInput" : _props_themeName, tokens = props.tokens, customTheme = props.customTheme;
+    var ref = useRef(null);
+    var _useTextField = useTextField(props, ref), errorMessageProps = _useTextField.errorMessageProps, inputProps = _useTextField.inputProps, labelProps = _useTextField.labelProps;
+    var inputTokens = _object_spread_props$8(_object_spread$8({}, tokens), {
+        isDisabled: disabled,
+        isError: errorMessage != null
+    });
+    var wrapper = useThemeContext("".concat(themeName, ".wrapper"), inputTokens, customTheme);
+    var labelTheme = useThemeContext("".concat(themeName, ".label"), inputTokens, customTheme);
+    var input = useThemeContext("".concat(themeName, ".input"), inputTokens, customTheme);
+    var container = useThemeContext("".concat(themeName, ".container"), inputTokens, customTheme);
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                "aria-disabled": disabled,
+                className: wrapper,
+                children: [
+                    label && // eslint-disable-next-line jsx-a11y/label-has-associated-control
+                    /*#__PURE__*/ jsx("label", _object_spread_props$8(_object_spread$8({
+                        className: labelTheme
+                    }, labelProps), {
+                        children: label
+                    })),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: container,
+                        children: [
+                            children,
+                            /*#__PURE__*/ jsx(FocusRing, {
+                                focusRingClass: "focus-ring",
+                                children: /*#__PURE__*/ jsx("input", _object_spread_props$8(_object_spread$8({}, inputProps), {
+                                    className: input,
+                                    disabled: disabled,
+                                    required: required,
+                                    ref: function(e) {
+                                        var _fieldRef;
+                                        (_fieldRef = fieldRef) === null || _fieldRef === void 0 ? void 0 : _fieldRef(e);
+                                        ref.current = e;
+                                    },
+                                    "aria-label": ariaLabel,
+                                    "aria-labelledby": id,
+                                    value: value,
+                                    onBlur: onBlur,
+                                    onChange: onChange,
+                                    type: type
+                                }))
+                            })
+                        ]
+                    })
+                ]
+            }),
+            errorMessage && /*#__PURE__*/ jsx(Typography, _object_spread_props$8(_object_spread$8({
+                themeName: "".concat(themeName, ".errorMessage"),
+                tokens: inputTokens
+            }, errorMessageProps), {
+                children: errorMessage
+            }))
+        ]
+    });
+};
+var ReactHookFormInput = function(props) {
+    var _error;
+    var name = props.name, required = props.required, _props_minLength = props.minLength, minLength = _props_minLength === void 0 ? 0 : _props_minLength, _props_maxLength = props.maxLength, maxLength = _props_maxLength === void 0 ? 99999999 : _props_maxLength, validation = props.validation;
+    var _useFormContext = useFormContext(), register = _useFormContext.register, formState = _useFormContext.formState;
+    var error = get$1(formState.errors, name);
+    var _error_message;
+    var errMsg = (_error_message = (_error = error) === null || _error === void 0 ? void 0 : _error.message) !== null && _error_message !== void 0 ? _error_message : undefined;
+    var t = useTranslation("components").t;
+    var _t;
+    var _register = register(name, _object_spread$8({
+        required: required ? (_t = t("FORM.ERROR.REQUIRED")) !== null && _t !== void 0 ? _t : "required" : false,
+        minLength: {
+            value: minLength,
+            message: t("FORM.ERROR.MIN_LENGTH", {
+                length: minLength
+            })
+        },
+        maxLength: {
+            value: maxLength,
+            message: t("FORM.ERROR.MAX_LENGTH", {
+                length: minLength
+            })
+        }
+    }, validation)), refCallback = _register.ref, rest = _object_without_properties$6(_register, [
+        "ref"
+    ]);
+    return /*#__PURE__*/ jsx(TextInputField, _object_spread_props$8(_object_spread$8({
+        fieldRef: refCallback
+    }, rest, props), {
+        isError: !isEmpty(errMsg),
+        errorMessage: errMsg
+    }));
+};
+
+function _define_property$7(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$7(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$7(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$7(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$7(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$7(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function CalendarCell(param) {
+    var _param_themeName = param.themeName, themeName = _param_themeName === void 0 ? "calendar" : _param_themeName, tokens = param.tokens, state = param.state, date = param.date;
+    var _state, _state1, _state2, _state3;
+    var ref = useRef(null);
+    var _useCalendarCell = useCalendarCell({
+        date: date
+    }, state, ref), cellProps = _useCalendarCell.cellProps, buttonProps = _useCalendarCell.buttonProps, isSelected = _useCalendarCell.isSelected, isOutsideVisibleRange = _useCalendarCell.isOutsideVisibleRange, isDisabled = _useCalendarCell.isDisabled, formattedDate = _useCalendarCell.formattedDate, isInvalid = _useCalendarCell.isInvalid;
+    // The start and end date of the selected range will have
+    // an emphasized appearance.
+    var isSelectionStart = ((_state = state) === null || _state === void 0 ? void 0 : _state.highlightedRange) ? isSameDay(date, (_state1 = state) === null || _state1 === void 0 ? void 0 : _state1.highlightedRange.start) : isSelected;
+    var isSelectionEnd = ((_state2 = state) === null || _state2 === void 0 ? void 0 : _state2.highlightedRange) ? isSameDay(date, (_state3 = state) === null || _state3 === void 0 ? void 0 : _state3.highlightedRange.end) : isSelected;
+    var locale = useLocale().locale;
+    var dayOfWeek = getDayOfWeek(date, locale);
+    var isRoundedLeft = isSelected && (isSelectionStart || dayOfWeek === 0 || date.day === 1);
+    var isRoundedRight = isSelected && (isSelectionEnd || dayOfWeek === 6 || date.day === date.calendar.getDaysInMonth(date));
+    var _useFocusRing = useFocusRing(), focusProps = _useFocusRing.focusProps, isFocusVisible = _useFocusRing.isFocusVisible;
+    var cellContainerTheme = useThemeContext("".concat(themeName, ".cellContainer"), _object_spread_props$7(_object_spread$7({}, tokens), {
+        isFocusVisible: isFocusVisible
+    }));
+    var cellTheme = useThemeContext("".concat(themeName, ".cell"), _object_spread_props$7(_object_spread$7({}, tokens), {
+        isSelected: isSelected,
+        isInvalid: isInvalid,
+        isDisabled: isDisabled,
+        isRoundedLeft: isRoundedLeft,
+        isRoundedRight: isRoundedRight
+    }));
+    var cellDate = useThemeContext("".concat(themeName, ".cellDate"), _object_spread_props$7(_object_spread$7({}, tokens), {
+        isSelected: isSelected,
+        isInvalid: isInvalid,
+        isDisabled: isDisabled,
+        isSelectionStart: isSelectionStart,
+        isSelectionEnd: isSelectionEnd
+    }));
+    return /*#__PURE__*/ jsx("td", _object_spread_props$7(_object_spread$7({}, cellProps), {
+        "aria-disabled": false,
+        className: cellContainerTheme,
+        children: /*#__PURE__*/ jsx("div", _object_spread_props$7(_object_spread$7({}, mergeProps$1(buttonProps, focusProps)), {
+            ref: ref,
+            hidden: isOutsideVisibleRange,
+            className: cellTheme,
+            children: /*#__PURE__*/ jsx("div", {
+                className: cellDate,
+                children: formattedDate
+            })
+        }))
+    }));
+}
+
+/* eslint-disable react/no-array-index-key */ /* eslint-disable no-unused-vars */ function _array_like_to_array$2(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array$2(arr);
+}
+function _define_property$6(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread$6(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$6(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$6(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$6(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$6(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$5(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$5(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$5(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array$2(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array$2(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$2(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$2(o, minLen);
+}
+function CalendarGrid(_param) {
+    var _param_themeName = _param.themeName, themeName = _param_themeName === void 0 ? "calendar" : _param_themeName; _param.customTheme; var tokens = _param.tokens, state = _param.state, rest = _object_without_properties$5(_param, [
+        "themeName",
+        "customTheme",
+        "tokens",
+        "state"
+    ]);
+    var locale = useLocale$1().locale;
+    var _useCalendarGrid = useCalendarGrid(_object_spread$6({}, rest), state), gridProps = _useCalendarGrid.gridProps, headerProps = _useCalendarGrid.headerProps, weekDays = _useCalendarGrid.weekDays;
+    // Get the number of weeks in the month so we can render the proper number of rows.
+    var weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);
+    var tableTheme = useThemeContext("".concat(themeName, ".calendarTable"), tokens);
+    var dayLabelTheme = useThemeContext("".concat(themeName, ".dayLabel"), tokens);
+    return /*#__PURE__*/ jsxs("table", _object_spread_props$6(_object_spread$6({}, gridProps), {
+        cellPadding: "0",
+        className: tableTheme,
+        children: [
+            /*#__PURE__*/ jsx("thead", _object_spread_props$6(_object_spread$6({}, headerProps), {
+                children: /*#__PURE__*/ jsx("tr", {
+                    children: weekDays.map(function(day) {
+                        return /*#__PURE__*/ jsx("th", {
+                            className: dayLabelTheme,
+                            children: day
+                        }, "".concat(day));
+                    })
+                })
+            })),
+            /*#__PURE__*/ jsx("tbody", {
+                children: _to_consumable_array(new Array(weeksInMonth).keys()).map(function(weekIndex) {
+                    return /*#__PURE__*/ jsx("tr", {
+                        children: state.getDatesInWeek(weekIndex).map(function(date, i) {
+                            var _date;
+                            return date ? /*#__PURE__*/ jsx(CalendarCell, {
+                                state: state,
+                                date: date
+                            }, (_date = date) === null || _date === void 0 ? void 0 : _date.day) : /*#__PURE__*/ jsx("td", {}, i);
+                        })
+                    }, weekIndex);
+                })
+            })
+        ]
+    }));
+}
+
+function _define_property$5(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$5(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$5(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$5(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$5(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$5(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$4(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$4(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$4(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function Calendar(_param) {
+    var buttons = _param.buttons, tokens = _param.tokens; _param.customTheme; var _param_themeName = _param.themeName, themeName = _param_themeName === void 0 ? "calendar" : _param_themeName, rest = _object_without_properties$4(_param, [
+        "buttons",
+        "tokens",
+        "customTheme",
+        "themeName"
+    ]);
+    var _prevButtonProps, _buttons_buttonPrev, _buttons, _nextButtonProps, _buttons_buttonNext, _buttons1;
+    var locale = useLocale$1().locale;
+    var state = useCalendarState(_object_spread_props$5(_object_spread$5({}, rest), {
+        locale: locale,
+        createCalendar: createCalendar
+    }));
+    var ref = useRef(null);
+    var _useCalendar = useCalendar(_object_spread$5({}, rest), state), calendarProps = _useCalendar.calendarProps, prevButtonProps = _useCalendar.prevButtonProps, nextButtonProps = _useCalendar.nextButtonProps, title = _useCalendar.title;
+    var containerTheme = useThemeContext("".concat(themeName, ".container"), tokens);
+    var headerTheme = useThemeContext("".concat(themeName, ".header"), tokens);
+    var navigationButtonsContainer = useThemeContext("".concat(themeName, ".navigationButtonsContainer"), tokens);
+    var _buttons_buttonPrev_icon, _buttons_buttonNext_icon;
+    return /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$5({}, calendarProps), {
+        ref: ref,
+        className: containerTheme,
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: headerTheme,
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        as: "p",
+                        tokens: {
+                            size: "h6"
+                        },
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: navigationButtonsContainer,
+                        children: [
+                            /*#__PURE__*/ jsx(Button$1, _object_spread_props$5(_object_spread$5({
+                                themeName: "".concat(themeName, ".navigationButtons"),
+                                tokens: _object_spread$5({}, tokens),
+                                type: "button"
+                            }, prevButtonProps), {
+                                handlePress: (_prevButtonProps = prevButtonProps) === null || _prevButtonProps === void 0 ? void 0 : _prevButtonProps.onPress,
+                                children: /*#__PURE__*/ jsx(IconDispatcher, {
+                                    icon: (_buttons_buttonPrev_icon = (_buttons = buttons) === null || _buttons === void 0 ? void 0 : (_buttons_buttonPrev = _buttons.buttonPrev) === null || _buttons_buttonPrev === void 0 ? void 0 : _buttons_buttonPrev.icon) !== null && _buttons_buttonPrev_icon !== void 0 ? _buttons_buttonPrev_icon : "ArrowLeft"
+                                })
+                            })),
+                            /*#__PURE__*/ jsx(Button$1, _object_spread_props$5(_object_spread$5({
+                                themeName: "".concat(themeName, ".navigationButtons"),
+                                tokens: _object_spread$5({}, tokens),
+                                type: "button"
+                            }, nextButtonProps), {
+                                handlePress: (_nextButtonProps = nextButtonProps) === null || _nextButtonProps === void 0 ? void 0 : _nextButtonProps.onPress,
+                                children: /*#__PURE__*/ jsx(IconDispatcher, {
+                                    icon: (_buttons_buttonNext_icon = (_buttons1 = buttons) === null || _buttons1 === void 0 ? void 0 : (_buttons_buttonNext = _buttons1.buttonNext) === null || _buttons_buttonNext === void 0 ? void 0 : _buttons_buttonNext.icon) !== null && _buttons_buttonNext_icon !== void 0 ? _buttons_buttonNext_icon : "ArrowRight"
+                                })
+                            }))
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(CalendarGrid, {
+                state: state
+            })
+        ]
+    }));
+}
+
+function _define_property$4(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$4(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$4(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$4(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$4(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$4(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$3(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$3(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$3(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function Dialog(_param) {
+    _param.title; var children = _param.children, props = _object_without_properties$3(_param, [
+        "title",
+        "children"
+    ]);
+    var ref = useRef(null);
+    var dialogProps = useDialog(props, ref).dialogProps;
+    return /*#__PURE__*/ jsx("div", _object_spread_props$4(_object_spread$4({}, dialogProps), {
+        ref: ref,
+        children: children
+    }));
+}
+
+function _define_property$3(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$3(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$3(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$3(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$3(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$3(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$2(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$2(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$2(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function CalendarPopover(_param) {
+    var _param_themeName = _param.themeName, themeName = _param_themeName === void 0 ? "datePicker" : _param_themeName, tokens = _param.tokens, rest = _object_without_properties$2(_param, [
+        "themeName",
+        "tokens"
+    ]);
+    var ref = React.useRef(null);
+    var _$_object_spread = _object_spread$3({}, rest), state = _$_object_spread.state, children = _$_object_spread.children;
+    var _usePopover = usePopover$1(_object_spread_props$3(_object_spread$3({}, rest), {
+        popoverRef: ref
+    }), state), popoverProps = _usePopover.popoverProps, underlayProps = _usePopover.underlayProps;
+    var underlayTheme = useThemeContext("".concat(themeName, ".calendarUnderlay"), tokens);
+    var popoverTheme = useThemeContext("".concat(themeName, ".calendarPopover"), tokens);
+    return /*#__PURE__*/ jsxs(Overlay$1, {
+        children: [
+            /*#__PURE__*/ jsx("div", _object_spread_props$3(_object_spread$3({}, underlayProps), {
+                className: underlayTheme
+            })),
+            /*#__PURE__*/ jsxs("div", _object_spread_props$3(_object_spread$3({}, popoverProps), {
+                ref: ref,
+                className: popoverTheme,
+                children: [
+                    /*#__PURE__*/ jsx(DismissButton$1, {
+                        onDismiss: state.close
+                    }),
+                    children,
+                    /*#__PURE__*/ jsx(DismissButton$1, {
+                        onDismiss: state.close
+                    })
+                ]
+            }))
+        ]
+    });
+}
+
+/* eslint-disable no-unused-vars */ function _define_property$2(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$2(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$2(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$2(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$2(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$2(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function DateSegment(param) {
+    var segment = param.segment, state = param.state;
+    var ref = useRef(null);
+    var segmentProps = useDateSegment(segment, state, ref).segmentProps;
+    return /*#__PURE__*/ jsxs("div", _object_spread_props$2(_object_spread$2({}, segmentProps), {
+        ref: ref,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                "aria-hidden": "true",
+                style: {
+                    visibility: segment.isPlaceholder ? "visible" : "hidden",
+                    height: segment.isPlaceholder ? "" : 0,
+                    pointerEvents: "none",
+                    display: segment.isPlaceholder ? "block" : "none"
+                },
+                children: segment.placeholder
+            }),
+            segment.isPlaceholder ? "" : segment.text
+        ]
+    }));
+}
+function DateField(props) {
+    var locale = useLocale$1().locale;
+    var state = useDateFieldState(_object_spread_props$2(_object_spread$2({}, props), {
+        locale: locale,
+        createCalendar: createCalendar
+    }));
+    var ref = useRef(null);
+    var fieldProps = useDateField(props, state, ref).fieldProps;
+    return /*#__PURE__*/ jsx("div", _object_spread_props$2(_object_spread$2({}, fieldProps), {
+        ref: ref,
+        className: "flex",
+        children: state.segments.map(function(segment, i) {
+            return(// eslint-disable-next-line react/no-array-index-key
+            /*#__PURE__*/ jsx(DateSegment, {
+                segment: segment,
+                state: state
+            }, i));
+        })
+    }));
+}
+
+function _define_property$1(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$1(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$1(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$1(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$1(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$1(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$1(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$1(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$1(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function DatePicker(_param) {
+    var _param_popoverPlacement = _param.popoverPlacement, popoverPlacement = _param_popoverPlacement === void 0 ? "bottom start" : _param_popoverPlacement, tokens = _param.tokens; _param.customTheme; var _param_themeName = _param.themeName, themeName = _param_themeName === void 0 ? "datePicker" : _param_themeName, _param_icon = _param.icon, icon = _param_icon === void 0 ? "ArrowDown" : _param_icon, description = _param.description, buttonLabel = _param.buttonLabel, rest = _object_without_properties$1(_param, [
+        "popoverPlacement",
+        "tokens",
+        "customTheme",
+        "themeName",
+        "icon",
+        "description",
+        "buttonLabel"
+    ]);
+    var state = useDatePickerState(_object_spread$1({}, rest));
+    var ref = useRef(null);
+    var _useDatePicker = useDatePicker(_object_spread$1({}, rest), state, ref), groupProps = _useDatePicker.groupProps, fieldProps = _useDatePicker.fieldProps, labelProps = _useDatePicker.labelProps, descriptionProps = _useDatePicker.descriptionProps, buttonProps = _useDatePicker.buttonProps, dialogProps = _useDatePicker.dialogProps, calendarProps = _useDatePicker.calendarProps;
+    var label = _object_spread$1({}, rest).label;
+    var containerTheme = useThemeContext("".concat(themeName, ".container"), tokens);
+    var dateFieldTheme = useThemeContext("".concat(themeName, ".dateField"), tokens);
+    var labelTheme = useThemeContext("".concat(themeName, ".label"), tokens);
+    return /*#__PURE__*/ jsxs("div", {
+        className: containerTheme,
+        children: [
+            label && /*#__PURE__*/ jsx("span", _object_spread_props$1(_object_spread$1({}, labelProps), {
+                children: label
+            })),
+            description && /*#__PURE__*/ jsx("div", _object_spread_props$1(_object_spread$1({}, descriptionProps), {
+                children: description
+            })),
+            /*#__PURE__*/ jsx("div", _object_spread_props$1(_object_spread$1({}, groupProps), {
+                ref: ref,
+                children: /*#__PURE__*/ jsxs(Button$1, _object_spread_props$1(_object_spread$1({
+                    themeName: "".concat(themeName, ".button"),
+                    tokens: _object_spread$1({}, tokens),
+                    type: "button"
+                }, buttonProps), {
+                    handlePress: buttonProps.onPress,
+                    children: [
+                        buttonLabel && /*#__PURE__*/ jsx("p", {
+                            className: labelTheme,
+                            children: buttonLabel
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: dateFieldTheme,
+                            children: [
+                                /*#__PURE__*/ jsx(DateField, _object_spread$1({}, fieldProps)),
+                                state.validationState === "invalid" && "❌"
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(IconDispatcher, {
+                            themeName: "".concat(themeName, ".icon"),
+                            tokens: _object_spread$1({}, tokens),
+                            icon: icon
+                        })
+                    ]
+                }))
+            })),
+            state.isOpen && /*#__PURE__*/ jsx(CalendarPopover, {
+                triggerRef: ref,
+                state: state,
+                placement: popoverPlacement,
+                children: /*#__PURE__*/ jsxs(Dialog, _object_spread_props$1(_object_spread$1({}, dialogProps), {
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            children: [
+                                /*#__PURE__*/ jsx(DateField, _object_spread$1({}, fieldProps)),
+                                state.validationState === "invalid" && "❌"
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Calendar, _object_spread$1({}, calendarProps))
+                    ]
+                }))
+            })
+        ]
+    });
+}
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Box = function(_param) {
+    var tmp = _param.as, Component = tmp === void 0 ? "div" : tmp, _param_themeName = _param.themeName, themeName = _param_themeName === void 0 ? "box" : _param_themeName, tokens = _param.tokens, customTheme = _param.customTheme, children = _param.children; _param.className; var rest = _object_without_properties(_param, [
+        "as",
+        "themeName",
+        "tokens",
+        "customTheme",
+        "children",
+        "className"
+    ]);
+    var theme = useThemeContext(themeName, tokens, customTheme);
+    return /*#__PURE__*/ jsx(Component, _object_spread_props(_object_spread({}, rest), {
+        className: theme,
+        children: children
+    }));
+};
+var BoxWithForwardRef = /*#__PURE__*/ React__default.forwardRef(function(props, ref) {
+    var tmp = props.as, Component = tmp === void 0 ? "div" : tmp, tokens = props.tokens, _props_themeName = props.themeName, themeName = _props_themeName === void 0 ? "box" : _props_themeName, customTheme = props.customTheme, children = props.children, rest = _object_without_properties(props, [
+        "as",
+        "tokens",
+        "themeName",
+        "customTheme",
+        "children"
+    ]);
+    var theme = useThemeContext(themeName, tokens, customTheme);
+    return /*#__PURE__*/ jsx(Component, _object_spread_props(_object_spread({}, rest), {
+        ref: ref,
+        className: theme,
+        children: children
+    }));
+});
+
+function _array_like_to_array$1(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes$1(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit$1(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest$1() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array$1(arr, i) {
+    return _array_with_holes$1(arr) || _iterable_to_array_limit$1(arr, i) || _unsupported_iterable_to_array$1(arr, i) || _non_iterable_rest$1();
+}
+function _unsupported_iterable_to_array$1(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array$1(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
+}
+var _createCtx = _sliced_to_array$1(createCtx(), 2), useIsClient = _createCtx[0], IsClientProvider = _createCtx[1];
+function IsClientContextProvider(param) {
+    var children = param.children;
+    var _useState = _sliced_to_array$1(useState(false), 2), isClient = _useState[0], setIsClient = _useState[1];
+    useEffect(function() {
+        setIsClient(true);
+    }, []);
+    var value = useMemo(function() {
+        return {
+            isClient: isClient
+        };
+    }, [
+        isClient
+    ]);
+    return /*#__PURE__*/ jsx(IsClientProvider, {
+        value: value,
+        children: children
+    });
+}
+
+var generateUtmTags = function(source, medium) {
+    var campaign = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "sharing_tool";
+    return "?utm_source=".concat(source, "&utm_medium=").concat(medium, "&utm_campaign=").concat(campaign);
+};
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var useWindow = function() {
+    var _useState = _sliced_to_array(useState(), 2), windowLocation = _useState[0], setWindowLocation = _useState[1];
+    var _useState1 = _sliced_to_array(useState(), 2), windowTitle = _useState1[0], setWindowTitle = _useState1[1];
+    useEffect(function() {
+        setWindowLocation(window.location.href);
+        setWindowTitle(window.document.title);
+    }, []);
+    return {
+        windowLocation: windowLocation,
+        windowTitle: windowTitle
+    };
+};
+
+var useFacebookShareUrl = function(media, medium, urlToShare) {
+    var _useWindow = useWindow(), windowLocation = _useWindow.windowLocation, windowTitle = _useWindow.windowTitle;
+    var currentURL = urlToShare !== null && urlToShare !== void 0 ? urlToShare : windowLocation;
+    var utm = generateUtmTags(media, medium);
+    var fullUrl = "".concat(currentURL).concat(utm);
+    return "https://www.facebook.com/sharer.php?u=".concat(fullUrl, "&t=").concat(windowTitle);
+};
+
+var useMailToShareUrl = function(media, medium, urlToShare) {
+    var _useWindow = useWindow(), windowLocation = _useWindow.windowLocation, windowTitle = _useWindow.windowTitle;
+    var currentURL = urlToShare !== null && urlToShare !== void 0 ? urlToShare : windowLocation;
+    var utm = generateUtmTags(media, medium);
+    var fullUrl = "".concat(currentURL).concat(utm);
+    return "mailto:?to=&body=".concat(windowTitle, "%20").concat(fullUrl);
+};
+
+var useTwitterShareUrl = function(media, medium, urlToShare) {
+    var windowLocation = useWindow().windowLocation;
+    var currentURL = urlToShare !== null && urlToShare !== void 0 ? urlToShare : windowLocation;
+    var utm = generateUtmTags(media, medium);
+    var fullUrl = "".concat(currentURL).concat(utm);
+    return "https://twitter.com/intent/tweet?text=".concat(fullUrl);
+};
+
+export { Accordion, ArrowRight, Box, BoxWithForwardRef, Button$1 as Button, ButtonWithForwardRef, Calendar, Checkbox, DateComponent as Date, DatePicker, IconDispatcher as Icon, IsClientContextProvider, Lightbox, Modal, PopoverButton as Popover, ReactHookFormInput, ReactHookFormSelect, Select, ShareButton, index as SidePanel, SidePanelContextProvider, TextArea, TextInputField, ThemeContextProvider, index$1 as ThemeProvider, Typography, WysiwygBlock, createThemeProvider, generateUtmTags, makeTheme, useFacebookShareUrl, useIsClient, useMailToShareUrl, useSidePanel, useTheme, useThemeContext, useTwitterShareUrl, useWindow };