mado-ui 0.2.3 → 0.3.1

package/dist/index.js

@@ -2,9 +2,29 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var tailwindMerge = require('tailwind-merge');
-var react = require('react');
-var react$1 = require('@headlessui/react');
-var reactDom = require('react-dom');
+var React = require('react');
+var react = require('@headlessui/react');
+var ReactDOM = require('react-dom');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
 const integerList = Array.from({ length: 100 }, (_, i) => `${i + 1}`);
 const twMerge = tailwindMerge.extendTailwindMerge({
@@ -227,14 +247,14 @@ function getWeekdayName(weekday = d) {
 }
 
 function findComponentByType(children, componentType) {
-    const childrenArray = react.Children.toArray(children);
+    const childrenArray = React.Children.toArray(children);
     for (const child of childrenArray) {
-        if (react.isValidElement(child) && child.type === componentType)
+        if (React.isValidElement(child) && child.type === componentType)
             return child;
     }
     for (const child of childrenArray) {
-        if (react.isValidElement(child)) {
-            if (child.type === react.Fragment && child.props.children) {
+        if (React.isValidElement(child)) {
+            if (child.type === React.Fragment && child.props.children) {
                 const found = findComponentByType(child.props.children, componentType);
                 if (found)
                     return found;
@@ -310,7 +330,7 @@ function twSort(className) {
     return className;
 }
 
-function Anchor({ className, disabled, href, onClick, ref, target, rel, ...props }) {
+function Anchor({ as, className, disabled, href, onClick, target, rel, ...props }) {
     const isExternal = `${href}`.startsWith('http'), hasHash = `${href}`.includes('#');
     const handleClick = e => {
         if (disabled)
@@ -318,7 +338,8 @@ function Anchor({ className, disabled, href, onClick, ref, target, rel, ...props
         onClick?.(e);
         setTimeout(() => history.replaceState({}, document.title, location.pathname), 100);
     };
-    return (jsxRuntime.jsx("a", { ref: ref, ...props, "aria-disabled": disabled, className: twMerge(className, disabled && 'pointer-events-none'), href: href, target: target || (isExternal ? '_blank' : '_self'), onClick: hasHash ? handleClick : onClick, rel: rel !== undefined
+    const AnchorElement = as || 'a';
+    return (jsxRuntime.jsx(AnchorElement, { ...props, "aria-disabled": disabled, className: twMerge(className, disabled && 'pointer-events-none'), href: href, target: target || (isExternal ? '_blank' : '_self'), onClick: hasHash ? handleClick : onClick, rel: rel !== undefined
             ? rel === 'nofollow'
                 ? `${rel} noreferrer noopener`
                 : `${rel} prefetch`
@@ -347,68 +368,104 @@ const lineLiftClasses = tailwindMerge.twJoin([
 ]);
 const fillClasses = tailwindMerge.twJoin(baseClasses, 'whitespace-nowrap transition-[transform_color] after:top-1/2 after:h-[calc(100%+0.05rem)] after:w-[calc(100%+0.25rem)] after:-translate-y-1/2 after:rounded after:ease-exponential active:text-zinc-50 pointer-fine:hover:text-zinc-50');
 // Define theme-specific fill color transition classes
-const getFillColorTransitionClasses = (theme = 'blue') => {
+const getFillColorTransitionClasses = (theme = 'blue', customTheme) => {
+    let fillColorTransitionClasses = tailwindMerge.twJoin(fillClasses, 'transition-transform after:bg-(--theme-color)');
     switch (theme) {
+        case 'blue':
+            fillColorTransitionClasses = tailwindMerge.twJoin(fillColorTransitionClasses, 'after:[--theme-color:var(--color-ui-blue)]');
+            break;
         case 'brown':
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-ui-brown after:transition-transform contrast-more:after:bg-ui-brown');
+            fillColorTransitionClasses = tailwindMerge.twJoin(fillColorTransitionClasses, 'after:[--theme-color:var(--color-ui-brow)]');
+            break;
         case 'green':
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-ui-green after:transition-transform contrast-more:after:bg-ui-green');
+            fillColorTransitionClasses = tailwindMerge.twJoin(fillColorTransitionClasses, 'after:[--theme-color:var(--color-ui-green)]');
+            break;
         case 'grey':
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-ui-grey after:transition-transform contrast-more:after:bg-ui-grey');
+            fillColorTransitionClasses = tailwindMerge.twJoin(fillColorTransitionClasses, 'after:[--theme-color:var(--color-ui-grey)]');
+            break;
         case 'sky-blue':
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-ui-sky-blue after:transition-transform contrast-more:after:bg-ui-sky-blue');
+            fillColorTransitionClasses = tailwindMerge.twJoin(fillColorTransitionClasses, 'after:[--theme-color:var(--color-ui-sky-blue)]');
+            break;
         case 'magenta':
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-ui-magenta after:transition-transform contrast-more:after:bg-ui-magenta');
-        case 'neutral':
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-zinc-700 after:transition-transform contrast-more:after:bg-zinc-700 dark:after:bg-zinc-300 dark:contrast-more:after:bg-zinc-300');
+            fillColorTransitionClasses = tailwindMerge.twJoin(fillColorTransitionClasses, 'after:[--theme-color:var(--color-ui-magenta)]');
+            break;
         case 'orange':
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-ui-orange after:transition-transform contrast-more:after:bg-ui-orange');
+            fillColorTransitionClasses = tailwindMerge.twJoin(fillColorTransitionClasses, 'after:[--theme-color:var(--color-ui-orange)]');
+            break;
         case 'pink':
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-ui-pink after:transition-transform contrast-more:after:bg-ui-pink');
+            fillColorTransitionClasses = tailwindMerge.twJoin(fillColorTransitionClasses, 'after:[--theme-color:var(--color-ui-pink)]');
+            break;
         case 'purple':
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-ui-purple after:transition-transform contrast-more:after:bg-ui-purple');
+            fillColorTransitionClasses = tailwindMerge.twJoin(fillColorTransitionClasses, 'after:[--theme-color:var(--color-ui-purple)]');
+            break;
         case 'red':
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-ui-red after:transition-transform contrast-more:after:bg-ui-red');
+            fillColorTransitionClasses = tailwindMerge.twJoin(fillColorTransitionClasses, 'after:[--theme-color:var(--color-ui-red)]');
+            break;
         case 'violet':
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-ui-violet after:transition-transform contrast-more:after:bg-ui-violet');
+            fillColorTransitionClasses = tailwindMerge.twJoin(fillColorTransitionClasses, 'after:[--theme-color:var(--color-ui-violet)]');
+            break;
         case 'yellow':
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-ui-yellow after:transition-transform contrast-more:after:bg-ui-yellow');
-        case 'blue':
-        default:
-            return tailwindMerge.twJoin(fillClasses, 'after:bg-ui-blue after:transition-transform contrast-more:after:bg-ui-blue');
+            fillColorTransitionClasses = tailwindMerge.twJoin(fillColorTransitionClasses, 'after:[--theme-color:var(--color-ui-yellow)]');
+            break;
+        case 'custom':
+            if (customTheme && customTheme.themeColor && !customTheme.themeColor.includes('after:[--theme-color:'))
+                throw new Error('`customTheme.themeColor` must modify the `--theme-color` variable on the ::after pseudo element. Otherwise, please use `customTheme.classes`.');
+            fillColorTransitionClasses = customTheme.themeColor
+                ? twMerge(fillColorTransitionClasses, customTheme.themeColor)
+                : twMerge(fillClasses, customTheme.classes);
+            break;
     }
+    return fillColorTransitionClasses;
 };
 // Define theme-specific fill center classes
-const getFillCenterClasses = (theme = 'blue') => {
+const getFillCenterClasses = (theme = 'blue', customTheme) => {
+    let fillCenterColorClasses = tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-(--theme-color)/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-(--theme-color) pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-(--theme-color)');
     switch (theme) {
+        case 'blue':
+            fillCenterColorClasses = tailwindMerge.twJoin(fillCenterColorClasses, 'after:[--theme-color:var(--color-ui-blue)]');
+            break;
         case 'brown':
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-ui-brown/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-ui-brown pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-ui-brown');
+            fillCenterColorClasses = tailwindMerge.twJoin(fillCenterColorClasses, 'after:[--theme-color:var(--color-ui-brown)]');
+            break;
         case 'green':
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-ui-green/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-ui-green pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-ui-green');
+            fillCenterColorClasses = tailwindMerge.twJoin(fillCenterColorClasses, 'after:[--theme-color:var(--color-ui-green)]');
+            break;
         case 'grey':
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-ui-grey/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-ui-grey pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-ui-grey');
+            fillCenterColorClasses = tailwindMerge.twJoin(fillCenterColorClasses, 'after:[--theme-color:var(--color-ui-grey)]');
+            break;
         case 'sky-blue':
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-ui-sky-blue/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-ui-sky-blue pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-ui-sky-blue');
+            fillCenterColorClasses = tailwindMerge.twJoin(fillCenterColorClasses, 'after:[--theme-color:var(--color-ui-sky-blue)]');
+            break;
         case 'magenta':
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-ui-magenta/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-ui-magenta pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-ui-magenta');
-        case 'neutral':
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-zinc-700/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-zinc-700 dark:after:bg-zinc-300/0 dark:active:after:bg-zinc-300 pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-zinc-700 dark:pointer-fine:hover:after:bg-zinc-300');
+            fillCenterColorClasses = tailwindMerge.twJoin(fillCenterColorClasses, 'after:[--theme-color:var(--color-ui-magenta)]');
+            break;
         case 'orange':
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-ui-orange/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-ui-orange pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-ui-orange');
+            fillCenterColorClasses = tailwindMerge.twJoin(fillCenterColorClasses, 'after:[--theme-color:var(--color-ui-orange)]');
+            break;
         case 'pink':
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-ui-pink/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-ui-pink pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-ui-pink');
+            fillCenterColorClasses = tailwindMerge.twJoin(fillCenterColorClasses, 'after:[--theme-color:var(--color-ui-pink)]');
+            break;
         case 'purple':
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-ui-purple/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-ui-purple pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-ui-purple');
+            fillCenterColorClasses = tailwindMerge.twJoin(fillCenterColorClasses, 'after:[--theme-color:var(--color-ui-purple)]');
+            break;
         case 'red':
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-ui-red/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-ui-red pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-ui-red');
+            fillCenterColorClasses = tailwindMerge.twJoin(fillCenterColorClasses, 'after:[--theme-color:var(--color-ui-red)]');
+            break;
         case 'violet':
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-ui-violet/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-ui-violet pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-ui-violet');
+            fillCenterColorClasses = tailwindMerge.twJoin(fillCenterColorClasses, 'after:[--theme-color:var(--color-ui-violet)]');
+            break;
         case 'yellow':
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-ui-yellow/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-ui-yellow pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-ui-yellow');
-        case 'blue':
-        default:
-            return tailwindMerge.twJoin(fillClasses, 'after:scale-x-50 after:scale-y-[0.25] after:bg-ui-blue/0 after:transition-[transform_background-color] active:after:scale-x-100 active:after:scale-y-100 active:after:bg-ui-blue pointer-fine:hover:after:scale-x-100 pointer-fine:hover:after:scale-y-100 pointer-fine:hover:after:bg-ui-blue');
+            fillCenterColorClasses = tailwindMerge.twJoin(fillCenterColorClasses, 'after:[--theme-color:var(--color-ui-yellow)]');
+            break;
+        case 'custom':
+            if (customTheme && customTheme.themeColor && !customTheme.themeColor.includes('after:[--theme-color:'))
+                throw new Error('`customTheme.themeColor` must modify the `--theme-color` variable on the ::after pseudo element. Otherwise, please use `customTheme.classes`.');
+            fillCenterColorClasses = customTheme.themeColor
+                ? twMerge(fillCenterColorClasses, customTheme.themeColor)
+                : twMerge(fillClasses, customTheme.classes);
+            break;
     }
+    return fillCenterColorClasses;
 };
 const multilineBaseClasses = twSort('bg-linear-to-r from-current to-current bg-no-repeat active:scale-95');
 const multilineLineStaticClasses = 'underline';
@@ -420,80 +477,115 @@ const multilineLineRtlClasses = tailwindMerge.twJoin([multilineXClasses, 'bg-[po
 const multilineLineCenterClasses = tailwindMerge.twJoin([multilineXClasses, 'bg-[position:50%_100%]']);
 const multilineLineLiftClasses = tailwindMerge.twJoin(multilineLineClasses, 'bg-[size:auto_0px] focus-visible:bg-[size:auto_2px] active:bg-[size:auto_2px] pointer-fine:hover:bg-[size:auto_2px]');
 const multilineFillBaseClasses = tailwindMerge.twJoin(multilineBaseClasses, 'rounded px-0.5 py-0.75 focus-visible:text-zinc-50 active:text-zinc-50 pointer-fine:hover:text-zinc-50');
-const getMultilineFillColorClasses = (theme = 'blue') => {
+const getMultilineFillColorClasses = (theme = 'blue', customTheme) => {
+    let multilineFillColorClasses = tailwindMerge.twJoin(multilineFillBaseClasses, 'from-(--theme-color) to-(--theme-color) transition-[background-size_color]');
     switch (theme) {
+        case 'blue':
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-blue)]');
+            break;
         case 'brown':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-brown to-ui-brown transition-[background-size_color] contrast-more:from-ui-brown contrast-more:to-ui-brown');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-brown)]');
+            break;
         case 'green':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-green to-ui-green transition-[background-size_color] contrast-more:from-ui-green contrast-more:to-ui-green');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-green)]');
+            break;
         case 'grey':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-grey to-ui-grey transition-[background-size_color] contrast-more:from-ui-grey contrast-more:to-ui-grey');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-grey)]');
+            break;
         case 'sky-blue':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-sky-blue to-ui-sky-blue transition-[background-size_color] contrast-more:from-ui-sky-blue contrast-more:to-ui-sky-blue');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-sky-blue)]');
+            break;
         case 'magenta':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-magenta to-ui-magenta transition-[background-size_color] contrast-more:from-ui-magenta contrast-more:to-ui-magenta');
-        case 'neutral':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-zinc-700 to-zinc-700 transition-[background-size_color] contrast-more:from-zinc-700 contrast-more:to-zinc-700 dark:from-zinc-300 dark:to-zinc-300 dark:contrast-more:from-zinc-300 dark:contrast-more:to-zinc-300');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-magenta)]');
+            break;
         case 'orange':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-orange to-ui-orange transition-[background-size_color] contrast-more:from-ui-orange contrast-more:to-ui-orange');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-orange)]');
+            break;
         case 'pink':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-pink to-ui-pink transition-[background-size_color] contrast-more:from-ui-pink contrast-more:to-ui-pink');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-pink)]');
+            break;
         case 'purple':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-purple to-ui-purple transition-[background-size_color] contrast-more:from-ui-purple contrast-more:to-ui-purple');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-purple)]');
+            break;
         case 'red':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-red to-ui-red transition-[background-size_color] contrast-more:from-ui-red contrast-more:to-ui-red');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-red)]');
+            break;
         case 'violet':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-violet to-ui-violet transition-[background-size_color] contrast-more:from-ui-violet contrast-more:to-ui-violet');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-violet)]');
+            break;
         case 'yellow':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-yellow to-ui-yellow transition-[background-size_color] contrast-more:from-ui-yellow contrast-more:to-ui-yellow');
-        case 'blue':
-        default:
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-blue to-ui-blue transition-[background-size_color] contrast-more:from-ui-blue contrast-more:to-ui-blue');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-yellow)]');
+            break;
+        case 'custom':
+            if (customTheme && customTheme.themeColor && !customTheme.themeColor.includes('[--theme-color:'))
+                throw new Error('`customTheme.themeColor` must modify the `--theme-color` variable. Otherwise, please use `customTheme.classes`.');
+            multilineFillColorClasses = customTheme.themeColor
+                ? twMerge(multilineFillColorClasses, customTheme.themeColor)
+                : twMerge(multilineFillBaseClasses, customTheme.classes);
+            break;
     }
+    return multilineFillColorClasses;
 };
-// Define theme-specific multiline fill classes
-const getMultilineFillClasses = (theme = 'blue') => {
+const getMultilineFillClasses = (theme = 'blue', customTheme) => {
+    let multilineFillColorClasses = tailwindMerge.twJoin(multilineFillBaseClasses, 'from-(--theme-color)/0 to-(--theme-color)/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-(--theme-color) focus-visible:to-(--theme-color) focus-visible:bg-[size:100%_100%] active:from-(--theme-color) active:to-(--theme-color) active:bg-[size:100%_100%] contrast-more:from-(--theme-color)/0 pointer-fine:hover:from-(--theme-color) pointer-fine:hover:to-(--theme-color) pointer-fine:hover:bg-[size:100%_100%]');
     switch (theme) {
+        case 'blue':
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-blue)]');
+            break;
         case 'brown':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-brown/0 to-ui-brown/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-ui-brown focus-visible:to-ui-brown focus-visible:bg-[size:100%_100%] active:from-ui-brown active:to-ui-brown active:bg-[size:100%_100%] contrast-more:from-ui-brown/0 contrast-more:to-ui-brown/0 focus-visible:contrast-more:from-ui-brown focus-visible:contrast-more:to-ui-brown active:contrast-more:from-ui-brown active:contrast-more:to-ui-brown pointer-fine:hover:from-ui-brown pointer-fine:hover:to-ui-brown pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-ui-brown pointer-fine:hover:contrast-more:to-ui-brown');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-brown)]');
+            break;
         case 'green':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-green/0 to-ui-green/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-ui-green focus-visible:to-ui-green focus-visible:bg-[size:100%_100%] active:from-ui-green active:to-ui-green active:bg-[size:100%_100%] contrast-more:from-ui-green/0 contrast-more:to-ui-green/0 focus-visible:contrast-more:from-ui-green focus-visible:contrast-more:to-ui-green active:contrast-more:from-ui-green active:contrast-more:to-ui-green pointer-fine:hover:from-ui-green pointer-fine:hover:to-ui-green pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-ui-green pointer-fine:hover:contrast-more:to-ui-green');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-green)]');
+            break;
         case 'grey':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-grey/0 to-ui-grey/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-ui-grey focus-visible:to-ui-grey focus-visible:bg-[size:100%_100%] active:from-ui-grey active:to-ui-grey active:bg-[size:100%_100%] contrast-more:from-ui-grey/0 contrast-more:to-ui-grey/0 focus-visible:contrast-more:from-ui-grey focus-visible:contrast-more:to-ui-grey active:contrast-more:from-ui-grey active:contrast-more:to-ui-grey pointer-fine:hover:from-ui-grey pointer-fine:hover:to-ui-grey pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-ui-grey pointer-fine:hover:contrast-more:to-ui-grey');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-grey)]');
+            break;
         case 'sky-blue':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-sky-blue/0 to-ui-sky-blue/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-ui-sky-blue focus-visible:to-ui-sky-blue focus-visible:bg-[size:100%_100%] active:from-ui-sky-blue active:to-ui-sky-blue active:bg-[size:100%_100%] contrast-more:from-ui-sky-blue/0 contrast-more:to-ui-sky-blue/0 focus-visible:contrast-more:from-ui-sky-blue focus-visible:contrast-more:to-ui-sky-blue active:contrast-more:from-ui-sky-blue active:contrast-more:to-ui-sky-blue pointer-fine:hover:from-ui-sky-blue pointer-fine:hover:to-ui-sky-blue pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-ui-sky-blue pointer-fine:hover:contrast-more:to-ui-sky-blue');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-sky-blue)]');
+            break;
         case 'magenta':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-magenta/0 to-ui-magenta/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-ui-magenta focus-visible:to-ui-magenta focus-visible:bg-[size:100%_100%] active:from-ui-magenta active:to-ui-magenta active:bg-[size:100%_100%] contrast-more:from-ui-magenta/0 contrast-more:to-ui-magenta/0 focus-visible:contrast-more:from-ui-magenta focus-visible:contrast-more:to-ui-magenta active:contrast-more:from-ui-magenta active:contrast-more:to-ui-magenta pointer-fine:hover:from-ui-magenta pointer-fine:hover:to-ui-magenta pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-ui-magenta pointer-fine:hover:contrast-more:to-ui-magenta');
-        case 'neutral':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-zinc-700/0 to-zinc-700/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-zinc-700 focus-visible:to-zinc-700 focus-visible:bg-[size:100%_100%] active:from-zinc-700 active:to-zinc-700 active:bg-[size:100%_100%] contrast-more:from-zinc-700/0 contrast-more:to-zinc-700/0 focus-visible:contrast-more:from-zinc-700 focus-visible:contrast-more:to-zinc-700 active:contrast-more:from-zinc-700 active:contrast-more:to-zinc-700 dark:from-zinc-300/0 dark:to-zinc-300/0 dark:focus-visible:from-zinc-300 dark:focus-visible:to-zinc-300 dark:active:from-zinc-300 dark:active:to-zinc-300 dark:contrast-more:from-zinc-300/0 dark:contrast-more:to-zinc-300/0 dark:focus-visible:contrast-more:from-zinc-300 dark:focus-visible:contrast-more:to-zinc-300 dark:active:contrast-more:from-zinc-300 dark:active:contrast-more:to-zinc-300 pointer-fine:hover:from-zinc-700 pointer-fine:hover:to-zinc-700 pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-zinc-700 pointer-fine:hover:contrast-more:to-zinc-700 dark:pointer-fine:hover:from-zinc-300 dark:pointer-fine:hover:to-zinc-300 dark:pointer-fine:hover:contrast-more:from-zinc-300 dark:pointer-fine:hover:contrast-more:to-zinc-300');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-magenta)]');
+            break;
         case 'orange':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-orange/0 to-ui-orange/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-ui-orange focus-visible:to-ui-orange focus-visible:bg-[size:100%_100%] active:from-ui-orange active:to-ui-orange active:bg-[size:100%_100%] contrast-more:from-ui-orange/0 contrast-more:to-ui-orange/0 focus-visible:contrast-more:from-ui-orange focus-visible:contrast-more:to-ui-orange active:contrast-more:from-ui-orange active:contrast-more:to-ui-orange pointer-fine:hover:from-ui-orange pointer-fine:hover:to-ui-orange pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-ui-orange pointer-fine:hover:contrast-more:to-ui-orange');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-orange)]');
+            break;
         case 'pink':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-pink/0 to-ui-pink/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-ui-pink focus-visible:to-ui-pink focus-visible:bg-[size:100%_100%] active:from-ui-pink active:to-ui-pink active:bg-[size:100%_100%] contrast-more:from-ui-pink/0 contrast-more:to-ui-pink/0 focus-visible:contrast-more:from-ui-pink focus-visible:contrast-more:to-ui-pink active:contrast-more:from-ui-pink active:contrast-more:to-ui-pink pointer-fine:hover:from-ui-pink pointer-fine:hover:to-ui-pink pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-ui-pink pointer-fine:hover:contrast-more:to-ui-pink');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-pink)]');
+            break;
         case 'purple':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-purple/0 to-ui-purple/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-ui-purple focus-visible:to-ui-purple focus-visible:bg-[size:100%_100%] active:from-ui-purple active:to-ui-purple active:bg-[size:100%_100%] contrast-more:from-ui-purple/0 contrast-more:to-ui-purple/0 focus-visible:contrast-more:from-ui-purple focus-visible:contrast-more:to-ui-purple active:contrast-more:from-ui-purple active:contrast-more:to-ui-purple pointer-fine:hover:from-ui-purple pointer-fine:hover:to-ui-purple pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-ui-purple pointer-fine:hover:contrast-more:to-ui-purple');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-purple)]');
+            break;
         case 'red':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-red/0 to-ui-red/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-ui-red focus-visible:to-ui-red focus-visible:bg-[size:100%_100%] active:from-ui-red active:to-ui-red active:bg-[size:100%_100%] contrast-more:from-ui-red/0 contrast-more:to-ui-red/0 focus-visible:contrast-more:from-ui-red focus-visible:contrast-more:to-ui-red active:contrast-more:from-ui-red active:contrast-more:to-ui-red pointer-fine:hover:from-ui-red pointer-fine:hover:to-ui-red pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-ui-red pointer-fine:hover:contrast-more:to-ui-red');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-red)]');
+            break;
         case 'violet':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-violet/0 to-ui-violet/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-ui-violet focus-visible:to-ui-violet focus-visible:bg-[size:100%_100%] active:from-ui-violet active:to-ui-violet active:bg-[size:100%_100%] contrast-more:from-ui-violet/0 contrast-more:to-ui-violet/0 focus-visible:contrast-more:from-ui-violet focus-visible:contrast-more:to-ui-violet active:contrast-more:from-ui-violet active:contrast-more:to-ui-violet pointer-fine:hover:from-ui-violet pointer-fine:hover:to-ui-violet pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-ui-violet pointer-fine:hover:contrast-more:to-ui-violet');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-violet)]');
+            break;
         case 'yellow':
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-yellow/0 to-ui-yellow/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-ui-yellow focus-visible:to-ui-yellow focus-visible:bg-[size:100%_100%] active:from-ui-yellow active:to-ui-yellow active:bg-[size:100%_100%] contrast-more:from-ui-yellow/0 contrast-more:to-ui-yellow/0 focus-visible:contrast-more:from-ui-yellow focus-visible:contrast-more:to-ui-yellow active:contrast-more:from-ui-yellow active:contrast-more:to-ui-yellow pointer-fine:hover:from-ui-yellow pointer-fine:hover:to-ui-yellow pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-ui-yellow pointer-fine:hover:contrast-more:to-ui-yellow');
-        case 'blue':
-        default:
-            return tailwindMerge.twJoin(multilineFillBaseClasses, 'from-ui-blue/0 to-ui-blue/0 bg-[size:50%_0px] bg-[position:50%_50%] transition-[background-size_background-image_color] focus-visible:from-ui-blue focus-visible:to-ui-blue focus-visible:bg-[size:100%_100%] active:from-ui-blue active:to-ui-blue active:bg-[size:100%_100%] contrast-more:from-ui-blue/0 contrast-more:to-ui-blue/0 focus-visible:contrast-more:from-ui-blue focus-visible:contrast-more:to-ui-blue active:contrast-more:from-ui-blue active:contrast-more:to-ui-blue pointer-fine:hover:from-ui-blue pointer-fine:hover:to-ui-blue pointer-fine:hover:bg-[size:100%_100%] pointer-fine:hover:contrast-more:from-ui-blue pointer-fine:hover:contrast-more:to-ui-blue');
+            multilineFillColorClasses = tailwindMerge.twJoin(multilineFillColorClasses, '[--theme-color:var(--color-ui-yellow)]');
+            break;
+        case 'custom':
+            if (customTheme && customTheme.themeColor && !customTheme.themeColor.includes('[--theme-color:'))
+                throw new Error('`customTheme.themeColor` must modify the `--theme-color` variable. Otherwise, please use `customTheme.classes`.');
+            multilineFillColorClasses = customTheme.themeColor
+                ? twMerge(multilineFillColorClasses, customTheme.themeColor)
+                : twMerge(multilineFillBaseClasses, customTheme.classes);
+            break;
     }
+    return multilineFillColorClasses;
 };
-const getMultilineFillLiftClasses = (theme = 'blue') => {
-    return tailwindMerge.twJoin(getMultilineFillColorClasses(theme), 'bg-[size:auto_0px] bg-[position:50%_100%] focus-visible:bg-[size:auto_100%] active:bg-[size:auto_100%] pointer-fine:hover:bg-[size:auto_100%]');
+const getMultilineFillLiftClasses = (theme = 'blue', customTheme) => {
+    return tailwindMerge.twJoin(getMultilineFillColorClasses(theme, customTheme), 'bg-[size:auto_0px] bg-[position:50%_100%] focus-visible:bg-[size:auto_100%] active:bg-[size:auto_100%] pointer-fine:hover:bg-[size:auto_100%]');
 };
-const getMultilineFillXClasses = (theme = 'blue') => {
-    return tailwindMerge.twJoin(getMultilineFillColorClasses(theme), 'bg-[size:0%_100%] focus-visible:bg-[size:100%_100%] active:bg-[size:100%_100%] pointer-fine:hover:bg-[size:100%_100%]');
+const getMultilineFillXClasses = (theme = 'blue', customTheme) => {
+    return tailwindMerge.twJoin(getMultilineFillColorClasses(theme, customTheme), 'bg-[size:0%_100%] focus-visible:bg-[size:100%_100%] active:bg-[size:100%_100%] pointer-fine:hover:bg-[size:100%_100%]');
 };
-const getMultilineFillRtlClasses = (theme = 'blue') => {
-    return tailwindMerge.twJoin(getMultilineFillXClasses(theme), 'bg-[position:100%_auto]');
+const getMultilineFillRtlClasses = (theme = 'blue', customTheme) => {
+    return tailwindMerge.twJoin(getMultilineFillXClasses(theme, customTheme), 'bg-[position:100%_auto]');
 };
-const getMultilineFillCenterClasses = (theme = 'blue') => {
-    return tailwindMerge.twJoin(getMultilineFillXClasses(theme), 'bg-[position:50%_auto]');
+const getMultilineFillCenterClasses = (theme = 'blue', customTheme) => {
+    return tailwindMerge.twJoin(getMultilineFillXClasses(theme, customTheme), 'bg-[position:50%_auto]');
 };
 /**
  * # Link
@@ -524,7 +616,7 @@ const getMultilineFillCenterClasses = (theme = 'blue') => {
  * @example
  *   <Link href='/about' type='fill-ltr' theme='red' title='About Us'>Learn more about our company</Link>
  */
-function Link({ as, className, ref, theme = 'blue', type, ...props }) {
+function Link({ as, className, customTheme, theme = 'blue', type, ...props }) {
     const getLinkClasses = () => {
         switch (type) {
             case 'static':
@@ -538,13 +630,13 @@ function Link({ as, className, ref, theme = 'blue', type, ...props }) {
             case 'lift':
                 return lineLiftClasses;
             case 'fill':
-                return getFillCenterClasses(theme);
+                return getFillCenterClasses(theme, customTheme);
             case 'fill-ltr':
-                return tailwindMerge.twJoin([getFillColorTransitionClasses(theme), scaleXClasses, 'after:origin-left']);
+                return tailwindMerge.twJoin([getFillColorTransitionClasses(theme, customTheme), scaleXClasses, 'after:origin-left']);
             case 'fill-rtl':
-                return tailwindMerge.twJoin([getFillColorTransitionClasses(theme), scaleXClasses, 'after:origin-right']);
+                return tailwindMerge.twJoin([getFillColorTransitionClasses(theme, customTheme), scaleXClasses, 'after:origin-right']);
             case 'fill-lift':
-                return tailwindMerge.twJoin([getFillColorTransitionClasses(theme), scaleYClasses, 'after:origin-bottom']);
+                return tailwindMerge.twJoin([getFillColorTransitionClasses(theme, customTheme), scaleYClasses, 'after:origin-bottom']);
             case 'multiline':
                 return multilineNormalClasses;
             case 'multiline-static':
@@ -558,29 +650,29 @@ function Link({ as, className, ref, theme = 'blue', type, ...props }) {
             case 'multiline-lift':
                 return multilineLineLiftClasses;
             case 'multiline-fill':
-                return getMultilineFillClasses(theme);
+                return getMultilineFillClasses(theme, customTheme);
             case 'multiline-fill-ltr':
-                return getMultilineFillXClasses(theme);
+                return getMultilineFillXClasses(theme, customTheme);
             case 'multiline-fill-rtl':
-                return getMultilineFillRtlClasses(theme);
+                return getMultilineFillRtlClasses(theme, customTheme);
             case 'multiline-fill-center':
-                return getMultilineFillCenterClasses(theme);
+                return getMultilineFillCenterClasses(theme, customTheme);
             case 'multiline-fill-lift':
-                return getMultilineFillLiftClasses(theme);
+                return getMultilineFillLiftClasses(theme, customTheme);
             default:
                 return lineNormalClasses;
         }
     };
     const linkClasses = getLinkClasses();
     const LinkElement = as || Anchor;
-    return jsxRuntime.jsx(LinkElement, { ...props, className: twMerge(linkClasses, className), ref: ref });
+    return jsxRuntime.jsx(LinkElement, { ...props, className: twMerge(linkClasses, className) });
 }
 
 /**
  * # Button
  * - A pre-styled button with utility props for easy customization depending on use case.
  */
-function Button({ className, padding = 'md', rounded = 'lg', theme = 'blue', ref, ...props }) {
+function Button({ className, customTheme, gradient = false, padding = 'md', rounded = 'lg', theme = 'blue', ...props }) {
     const getPaddingClasses = () => {
         switch (padding) {
             case 'xs':
@@ -611,104 +703,120 @@ function Button({ className, padding = 'md', rounded = 'lg', theme = 'blue', ref
                 return 'rounded-full';
         }
     };
-    const getThemeClasses = () => {
-        const classList = [];
+    const getThemeColorVariable = () => {
         switch (theme) {
             case 'blue':
-                classList.push(twSort('text-white shadow-lg shadow-ui-blue/25 transition-transform before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:bg-ui-blue before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'blue-gradient':
-                classList.push(twSort('bg-ui-blue text-white shadow-lg shadow-ui-blue/25 transition-transform before:absolute before:inset-0 before:rounded-[inherit] before:bg-linear-to-t before:from-black/75 before:via-transparent before:to-white/75 before:opacity-75 before:mix-blend-soft-light before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
+                return twSort('text-white [--theme-color:var(--color-ui-blue)]');
             case 'brown':
-                classList.push(twSort('text-white shadow-lg shadow-ui-brown/25 transition-transform before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:bg-ui-brown before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'brown-gradient':
-                classList.push(twSort('bg-ui-brown text-white shadow-lg shadow-ui-brown/25 transition-transform before:absolute before:inset-0 before:rounded-[inherit] before:bg-linear-to-t before:from-black/75 before:via-transparent before:to-white/75 before:opacity-75 before:mix-blend-soft-light before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
+                return twSort('text-white [--theme-color:var(--color-ui-brown)]');
             case 'green':
-                classList.push(twSort('text-white shadow-lg shadow-ui-green/25 transition-transform before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:bg-ui-green before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'green-gradient':
-                classList.push(twSort('bg-ui-green text-white shadow-lg shadow-ui-green/25 transition-transform before:absolute before:inset-0 before:rounded-[inherit] before:bg-linear-to-t before:from-black/75 before:via-transparent before:to-white/75 before:opacity-75 before:mix-blend-soft-light before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
+                return twSort('text-white [--theme-color:var(--color-ui-green)]');
             case 'grey':
-                classList.push(twSort('text-white shadow-lg shadow-ui-grey/25 transition-transform before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:bg-ui-grey before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'grey-gradient':
-                classList.push(twSort('bg-ui-grey text-white shadow-lg shadow-ui-grey/25 transition-transform before:absolute before:inset-0 before:rounded-[inherit] before:bg-linear-to-t before:from-black/75 before:via-transparent before:to-white/75 before:opacity-75 before:mix-blend-soft-light before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'sky-blue':
-                classList.push(twSort('text-white shadow-lg shadow-ui-sky-blue/25 transition-transform before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:bg-ui-sky-blue before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'sky-blue-gradient':
-                classList.push(twSort('bg-ui-sky-blue text-white shadow-lg shadow-ui-sky-blue/25 transition-transform before:absolute before:inset-0 before:rounded-[inherit] before:bg-linear-to-t before:from-black/75 before:via-transparent before:to-white/75 before:opacity-75 before:mix-blend-soft-light before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
+                return twSort('text-white [--theme-color:var(--color-ui-grey)]');
             case 'magenta':
-                classList.push(twSort('text-white shadow-lg shadow-ui-magenta/25 transition-transform before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:bg-ui-magenta before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'magenta-gradient':
-                classList.push(twSort('bg-ui-magenta text-white shadow-lg shadow-ui-magenta/25 transition-transform before:absolute before:inset-0 before:rounded-[inherit] before:bg-linear-to-t before:from-black/75 before:via-transparent before:to-white/75 before:opacity-75 before:mix-blend-soft-light before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'neutral':
-                classList.push(twSort('pointer-fine:active:before:brightness-90text-white dark bg-zinc-200 text-black before:absolute before:inset-0 before:rounded-[inherit] before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 dark:bg-zinc-800 pointer-fine:hover:before:brightness-110'));
-                break;
-            case 'neutral-gradient':
-                classList.push(twSort('dark bg-linear-to-t from-zinc-300 via-zinc-200 to-zinc-100 text-black before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 dark:from-zinc-900 dark:via-zinc-800 dark:to-zinc-700 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
+                return twSort('text-white [--theme-color:var(--color-ui-magenta)]');
             case 'orange':
-                classList.push(twSort('text-white shadow-lg shadow-ui-orange/25 transition-transform before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:bg-ui-orange before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'orange-gradient':
-                classList.push(twSort('bg-ui-orange text-white shadow-lg shadow-ui-orange/25 transition-transform before:absolute before:inset-0 before:rounded-[inherit] before:bg-linear-to-t before:from-black/75 before:via-transparent before:to-white/75 before:opacity-75 before:mix-blend-soft-light before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
+                return twSort('text-white [--theme-color:var(--color-ui-orange)]');
             case 'pink':
-                classList.push(twSort('text-white shadow-lg shadow-ui-pink/25 transition-transform before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:bg-ui-pink before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'pink-gradient':
-                classList.push(twSort('before:to-white/75/75 bg-ui-pink text-white shadow-lg shadow-ui-pink/25 transition-transform before:absolute before:inset-0 before:rounded-[inherit] before:bg-linear-to-t before:from-black/75 before:via-transparent before:opacity-75 before:mix-blend-soft-light before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
+                return twSort('text-white [--theme-color:var(--color-ui-pink)]');
             case 'purple':
-                classList.push(twSort('text-white shadow-lg shadow-ui-purple/25 transition-transform before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:bg-ui-purple before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'purple-gradient':
-                classList.push(twSort('bg-ui-purple text-white shadow-lg shadow-ui-purple/25 transition-transform before:absolute before:inset-0 before:rounded-[inherit] before:bg-linear-to-t before:from-black/75 before:via-transparent before:to-white/75 before:opacity-75 before:mix-blend-soft-light before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
+                return twSort('text-white [--theme-color:var(--color-ui-purple)]');
             case 'red':
-                classList.push(twSort('text-white shadow-lg shadow-ui-red/25 transition-transform before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:bg-ui-red before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'red-gradient':
-                classList.push(twSort('bg-ui-red text-white shadow-lg shadow-ui-red/25 transition-transform before:absolute before:inset-0 before:rounded-[inherit] before:bg-linear-to-t before:from-black/75 before:via-transparent before:to-white/75 before:opacity-75 before:mix-blend-soft-light before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
+                return twSort('text-white [--theme-color:var(--color-ui-red)]');
+            case 'sky-blue':
+                return twSort('text-white [--theme-color:var(--color-ui-sky-blue)]');
             case 'violet':
-                classList.push(twSort('text-white shadow-lg shadow-ui-violet/25 transition-transform before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:bg-ui-violet before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'violet-gradient':
-                classList.push(twSort('bg-ui-violet text-white shadow-lg shadow-ui-violet/25 transition-transform before:absolute before:inset-0 before:rounded-[inherit] before:bg-linear-to-t before:from-black/75 before:via-transparent before:to-white/75 before:opacity-75 before:mix-blend-soft-light before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
+                return twSort('text-white [--theme-color:var(--color-ui-violet)]');
             case 'yellow':
-                classList.push(twSort('text-black shadow-lg shadow-ui-yellow/25 transition-transform before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:bg-ui-yellow before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
-            case 'yellow-gradient':
-                classList.push(twSort('bg-ui-yellow text-black shadow-lg shadow-ui-yellow/25 transition-transform before:absolute before:inset-0 before:rounded-[inherit] before:bg-linear-to-t before:from-black before:via-black/50 before:to-white/50 before:opacity-75 before:mix-blend-soft-light before:transition-[filter] before:duration-300 before:ease-exponential active:before:brightness-90 pointer-fine:hover:before:brightness-110 pointer-fine:active:before:brightness-90'));
-                break;
+                return twSort('text-black [--theme-color:var(--color-ui-yellow)]');
+            case 'custom':
+                if (customTheme && customTheme.themeColor && !customTheme.themeColor.includes('[--theme-color:'))
+                    throw new Error('`customTheme.themeColor` must modify the `--theme-color` variable. Otherwise, please use `customTheme.classes`.');
+                return customTheme.themeColor || customTheme.classes;
         }
-        return classList.join(' ');
     };
-    const paddingClasses = getPaddingClasses(), roundedClasses = getRoundedClasses(), themeClasses = getThemeClasses();
+    const paddingClasses = getPaddingClasses(), roundedClasses = getRoundedClasses(), themeColorVariable = getThemeColorVariable();
+    const themeClasses = customTheme && customTheme.classes
+        ? customTheme.classes
+        : [
+            gradient
+                ? twSort('bg-linear-to-t from-[color-mix(in_oklab,var(--theme-color),var(--color-black)_20%)] via-(--theme-color) to-[color-mix(in_oklab,var(--theme-color),var(--color-white)_20%)] bg-[size:100%_200%] transition-[scale,background-position-y] [background-position-y:50%] active:[background-position-y:100%] data-focus:[background-position-y:0%] pointer-fine:hover:[background-position-y:0%] pointer-fine:hover:active:[background-position-y:100%]')
+                : twSort('bg-(--theme-color) transition-[scale,background-color] active:bg-[color-mix(in_oklab,var(--theme-color),var(--color-black)_10%)] data-focus:bg-[color-mix(in_oklab,var(--theme-color),var(--color-white)_10%)] pointer-fine:hover:bg-[color-mix(in_oklab,var(--theme-color),var(--color-white)_10%)] pointer-fine:hover:active:bg-[color-mix(in_oklab,var(--theme-color),var(--color-black)_10%)]'),
+            'shadow-(--theme-color)/25',
+        ].join(' ');
     const buttonClasses = twMerge([
-        'block w-fit min-w-fit text-center font-semibold duration-300 ease-exponential focus-visible:scale-101 active:scale-95 pointer-fine:hover:scale-101 pointer-fine:active:scale-99',
+        'block w-fit min-w-fit text-center font-semibold shadow-lg duration-300 ease-exponential active:scale-99 data-focus:scale-101 pointer-fine:hover:scale-101 pointer-fine:hover:active:scale-99',
         paddingClasses,
         roundedClasses,
+        themeColorVariable,
         themeClasses,
         className,
     ]);
-    return 'href' in props && typeof props.href === 'string' ? (jsxRuntime.jsx(Anchor, { ref: ref, ...props, className: buttonClasses })) : (jsxRuntime.jsx(react$1.Button, { ref: ref, ...props, className: buttonClasses }));
+    const ButtonElement = 'as' in props ? props.as : props.href ? Anchor : react.Button;
+    const { as, ...restProps } = 'as' in props ? props : { ...props, as: undefined };
+    return jsxRuntime.jsx(ButtonElement, { ...restProps, className: buttonClasses });
+}
+
+function ChevronDown(props) {
+    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 36', ...props, children: jsxRuntime.jsx("path", { d: 'M32,36c1,0,1.8-0.4,2.5-1.1L63,5.7c0.7-0.7,1-1.4,1-2.3c0-1-0.3-1.8-1-2.4c-0.6-0.7-1.4-1-2.3-1s-1.7,0.3-2.4,1L30,29.8H34 L5.7,1C5.1,0.3,4.3,0,3.4,0C2.4,0,1.6,0.3,1,1C0.3,1.6,0,2.4,0,3.4c0,0.9,0.3,1.7,1,2.3l28.5,29.2C30.3,35.7,31.1,36,32,36z' }) }));
+}
+
+function ExclamationmarkOctagon(props) {
+    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 61.6', ...props, children: [jsxRuntime.jsx("path", { d: 'M61.4,16.8l-12.1-13.3C47.3,1.3,45.4,0,41.4,0h-18.9C18.6,0,16.7,1.3,14.7,3.5L2.6,16.8c-2,2.3-2.6,3.8-2.6,6.9v14.2c0,3.1.5,4.6,2.6,6.9l12.1,13.3c2,2.2,3.9,3.5,7.8,3.5h18.9c4,0,5.8-1.3,7.9-3.5l12.1-13.3c2.1-2.3,2.6-3.8,2.6-6.9v-14.2c0-3.1-.5-4.6-2.6-6.9ZM58.2,37.3c0,2.3-.3,3.1-1.5,4.4l-11.2,12.3c-1.7,1.9-2.6,2.5-5.8,2.5h-15.5c-3.1,0-4-.7-5.7-2.5l-11.2-12.3c-1.2-1.4-1.5-2.2-1.5-4.4v-13.1c0-2.3.3-3.1,1.5-4.4l11.2-12.3c1.7-1.9,2.6-2.5,5.7-2.5h15.5c3.1,0,4,.7,5.8,2.5l11.2,12.3c1.3,1.4,1.5,2.2,1.5,4.4v13.1Z' }), jsxRuntime.jsx("path", { d: 'M32,36.4c1.5,0,2.4-.9,2.4-2.5l.4-16.4c0-1.6-1.2-2.8-2.9-2.8s-2.9,1.1-2.8,2.7l.4,16.5c0,1.6.9,2.5,2.4,2.5Z' }), jsxRuntime.jsx("path", { d: 'M32,46.5c1.8,0,3.4-1.4,3.4-3.2s-1.5-3.2-3.4-3.2-3.3,1.4-3.3,3.2,1.5,3.2,3.3,3.2Z' })] }));
+}
+
+function xmark(props) {
+    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 64', ...props, children: jsxRuntime.jsx("path", { d: 'M1,63c0.7,0.7,1.6,1,2.6,1s1.9-0.3,2.6-1L32,37.1L57.8,63c0.7,0.7,1.5,1,2.5,1c1,0,1.9-0.3,2.6-1c0.7-0.7,1-1.6,1-2.6 c0-1-0.3-1.8-1-2.5L37.1,32L63,6.2c0.7-0.7,1-1.6,1-2.6S63.7,1.7,63,1c-0.7-0.7-1.6-1-2.6-1c-1,0-1.8,0.3-2.5,1L32,26.9L6.2,1 C5.5,0.3,4.6,0,3.6,0C2.6,0,1.7,0.3,1,1C0.3,1.7,0,2.6,0,3.6c0,1,0.3,1.9,1,2.6L26.9,32L1,57.8c-0.7,0.7-1,1.5-1,2.6 C0,61.4,0.3,62.3,1,63z' }) }));
+}
+
+function DetailsSummary({ arrow = true, as, children, className, ...props }) {
+    return (
+    // @ts-expect-error Button has some extra props
+    jsxRuntime.jsx(react.DisclosureButton, { ...props, as: as || (Button), className: twMerge('w-full', className, Boolean(arrow) && 'grid grid-cols-[1fr_1rem] gap-2'), role: 'summary', children: bag => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [typeof children === 'function' ? children(bag) : children, arrow &&
+                    (typeof arrow === 'boolean' ? (jsxRuntime.jsx(ChevronDown, { className: 'absolute top-1/2 right-3 block w-4 -translate-y-1/2' })) : (arrow))] })) }));
+}
+function DetailsBody({ children, className, ...props }) {
+    return (jsxRuntime.jsx(react.DisclosurePanel, { ...props, className: twMerge('grid grid-rows-1fr transition-rows duration-500 ease-exponential data-closed:grid-rows-0fr', className), transition: true, children: bag => (jsxRuntime.jsx("div", { className: 'overflow-y-hidden px-2 pt-3 pb-1', children: typeof children === 'function' ? children(bag) : children })) }));
+}
+function Details({ as = 'div', className, ...props }) {
+    return (jsxRuntime.jsx(react.Disclosure, { ...props, as: as, className: twMerge('rounded-2xl bg-neutral-50/20 p-2 backdrop-blur-md backdrop-brightness-150', className), role: 'details' }));
+}
+
+function DropDownButton({ arrow = true, as, children, className, ...props }) {
+    return (jsxRuntime.jsxs(react.MenuButton, { ...props, as: as || 'button', className: tailwindMerge.twJoin('group/button', className), children: [children, arrow &&
+                (typeof arrow === 'boolean' ? (jsxRuntime.jsx(ChevronDown, { className: '-top-px -mr-1 ml-2 w-4 animate-flip-again group-data-open/button:animate-flip' })) : (arrow))] }));
+}
+function DropDownItem({ as, ...props }) {
+    return jsxRuntime.jsx(react.MenuItem, { as: as || 'div', ...props });
+}
+function DropDownItems({ anchor, children, className, style, ...props }) {
+    const getAnchorProps = () => {
+        let initialAnchor = { gap: '1rem', padding: '1rem', to: 'bottom start' };
+        if (anchor) {
+            if (typeof anchor === 'string')
+                initialAnchor.to = anchor;
+            if (typeof anchor === 'object')
+                initialAnchor = { ...initialAnchor, ...anchor };
+        }
+        return initialAnchor;
+    };
+    const anchorProps = getAnchorProps();
+    return (jsxRuntime.jsx(react.MenuItems, { ...props, anchor: anchorProps, className: 'grid grid-rows-1fr rounded-xl shadow-xl transition-rows duration-500 ease-exponential data-closed:grid-rows-0fr', transition: true, style: { ...style, minWidth: 'var(--button-width)' }, children: bag => (jsxRuntime.jsx("div", { className: 'overflow-y-hidden', children: jsxRuntime.jsx("div", { className: twMerge('bg-neutral-50/20 px-6 py-5 backdrop-blur-md backdrop-brightness-150', className), children: typeof children === 'function' ? children(bag) : children }) })) }));
+}
+function DropDownSection({ children, label, labelProps, separatorAbove, separatorBelow, ...props }) {
+    const { labelClassName, ...restLabelProps } = { labelClassName: labelProps?.className || '', ...labelProps };
+    return (jsxRuntime.jsx(react.MenuSection, { ...props, children: sectionBag => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [separatorAbove && jsxRuntime.jsx(DropDownSeparator, {}), jsxRuntime.jsx(react.MenuHeading, { ...restLabelProps, className: headingBag => twMerge('text-[size:larger] font-bold', typeof labelClassName === 'function' ? labelClassName(headingBag) : labelClassName), children: label }), typeof children === 'function' ? children(sectionBag) : children, separatorBelow && jsxRuntime.jsx(DropDownSeparator, {})] })) }));
+}
+function DropDownSeparator({ className, ...props }) {
+    return (jsxRuntime.jsx(react.MenuSeparator, { ...props, className: bag => twMerge('my-4 block h-px rounded-full bg-neutral-950/20', typeof className === 'function' ? className(bag) : className) }));
+}
+function DropDown(props) {
+    return jsxRuntime.jsx(react.Menu, { ...props });
 }
 
 function createFastContext(defaultInitialState) {
     function useStoreData(initialState = defaultInitialState) {
-        const store = react.useRef(initialState), get = () => store.current, subscribers = react.useRef(new Set());
+        const store = React.useRef(initialState), get = () => store.current, subscribers = React.useRef(new Set());
         const set = (value) => {
             if (typeof value === 'function') {
                 store.current = value(store.current);
@@ -728,19 +836,19 @@ function createFastContext(defaultInitialState) {
             subscribe,
         };
     }
-    const StoreContext = react.createContext(null);
+    const StoreContext = React.createContext(null);
     function Provider({ initialValue = defaultInitialState, ...props }) {
         return jsxRuntime.jsx(StoreContext.Provider, { value: useStoreData(initialValue), ...props });
     }
     function useStore(selector, initialValue) {
-        const store = react.useContext(StoreContext);
+        const store = React.useContext(StoreContext);
         if (!store) {
             const localStoreValue = initialValue !== undefined ? initialValue : defaultInitialState;
             const selectedValue = selector(localStoreValue);
             const noOpSet = () => console.warn('Attempting to set store value outside of Provider');
             return [selectedValue, noOpSet];
         }
-        const state = react.useSyncExternalStore(store.subscribe, () => selector(store.get()), () => selector(initialValue !== undefined ? initialValue : defaultInitialState));
+        const state = React.useSyncExternalStore(store.subscribe, () => selector(store.get()), () => selector(initialValue !== undefined ? initialValue : defaultInitialState));
         return [state, store.set];
     }
     return {
@@ -768,230 +876,2420 @@ function useFormContext() {
 const DEFAULT_STATUS = 'incomplete';
 const { Provider, useStore } = createFastContext(DEFAULT_STATUS);
 function FormStatusProvider({ children, initialStatus = DEFAULT_STATUS, }) {
-    return (jsxRuntime.jsx(react.Suspense, { children: jsxRuntime.jsx(Provider, { initialValue: initialStatus, children: children }) }));
+    return (jsxRuntime.jsx(React.Suspense, { children: jsxRuntime.jsx(Provider, { initialValue: initialStatus, children: children }) }));
 }
 function useFormStatus() {
     return useStore(store => store);
 }
 
-function validateField$1(value, { required, type }) {
-    const noValue = !value || value === '';
-    if (!required && noValue)
-        return true;
-    if (noValue)
-        return false;
-    switch (type) {
-        case 'email':
-            return isEmail(value);
-        case 'number':
-            return !isNaN(Number(value));
-        case 'tel':
-            return isPhoneNumber(value);
-        default:
-            return true;
+function Fieldset({ children, className, legend, legendProps, ...props }) {
+    const { className: legendClassName, ...restLegendProps } = legendProps || {};
+    return (jsxRuntime.jsx(react.Fieldset, { ...props, className: bag => twMerge('contents', typeof className === 'function' ? className(bag) : className), children: bag => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Legend, { ...restLegendProps, className: twMerge('text-lg font-bold sm:text-xl', typeof legendClassName === 'function' ? legendClassName(bag) : legendClassName), children: legend }), typeof children === 'function' ? children(bag) : children] })) }));
+}
+
+/**
+ * Custom positioning reference element.
+ * @see https://floating-ui.com/docs/virtual-elements
+ */
+
+const min = Math.min;
+const max = Math.max;
+const round = Math.round;
+const floor = Math.floor;
+const createCoords = v => ({
+  x: v,
+  y: v
+});
+const oppositeSideMap = {
+  left: 'right',
+  right: 'left',
+  bottom: 'top',
+  top: 'bottom'
+};
+const oppositeAlignmentMap = {
+  start: 'end',
+  end: 'start'
+};
+function clamp(start, value, end) {
+  return max(start, min(value, end));
+}
+function evaluate(value, param) {
+  return typeof value === 'function' ? value(param) : value;
+}
+function getSide(placement) {
+  return placement.split('-')[0];
+}
+function getAlignment(placement) {
+  return placement.split('-')[1];
+}
+function getOppositeAxis(axis) {
+  return axis === 'x' ? 'y' : 'x';
+}
+function getAxisLength(axis) {
+  return axis === 'y' ? 'height' : 'width';
+}
+const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
+function getSideAxis(placement) {
+  return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
+}
+function getAlignmentAxis(placement) {
+  return getOppositeAxis(getSideAxis(placement));
+}
+function getAlignmentSides(placement, rects, rtl) {
+  if (rtl === void 0) {
+    rtl = false;
+  }
+  const alignment = getAlignment(placement);
+  const alignmentAxis = getAlignmentAxis(placement);
+  const length = getAxisLength(alignmentAxis);
+  let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';
+  if (rects.reference[length] > rects.floating[length]) {
+    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
+  }
+  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
+}
+function getExpandedPlacements(placement) {
+  const oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+}
+function getOppositeAlignmentPlacement(placement) {
+  return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
+}
+const lrPlacement = ['left', 'right'];
+const rlPlacement = ['right', 'left'];
+const tbPlacement = ['top', 'bottom'];
+const btPlacement = ['bottom', 'top'];
+function getSideList(side, isStart, rtl) {
+  switch (side) {
+    case 'top':
+    case 'bottom':
+      if (rtl) return isStart ? rlPlacement : lrPlacement;
+      return isStart ? lrPlacement : rlPlacement;
+    case 'left':
+    case 'right':
+      return isStart ? tbPlacement : btPlacement;
+    default:
+      return [];
+  }
+}
+function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+  const alignment = getAlignment(placement);
+  let list = getSideList(getSide(placement), direction === 'start', rtl);
+  if (alignment) {
+    list = list.map(side => side + "-" + alignment);
+    if (flipAlignment) {
+      list = list.concat(list.map(getOppositeAlignmentPlacement));
     }
+  }
+  return list;
+}
+function getOppositePlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);
+}
+function expandPaddingObject(padding) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...padding
+  };
+}
+function getPaddingObject(padding) {
+  return typeof padding !== 'number' ? expandPaddingObject(padding) : {
+    top: padding,
+    right: padding,
+    bottom: padding,
+    left: padding
+  };
+}
+function rectToClientRect(rect) {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = rect;
+  return {
+    width,
+    height,
+    top: y,
+    left: x,
+    right: x + width,
+    bottom: y + height,
+    x,
+    y
+  };
+}
+
+function computeCoordsFromPlacement(_ref, placement, rtl) {
+  let {
+    reference,
+    floating
+  } = _ref;
+  const sideAxis = getSideAxis(placement);
+  const alignmentAxis = getAlignmentAxis(placement);
+  const alignLength = getAxisLength(alignmentAxis);
+  const side = getSide(placement);
+  const isVertical = sideAxis === 'y';
+  const commonX = reference.x + reference.width / 2 - floating.width / 2;
+  const commonY = reference.y + reference.height / 2 - floating.height / 2;
+  const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
+  let coords;
+  switch (side) {
+    case 'top':
+      coords = {
+        x: commonX,
+        y: reference.y - floating.height
+      };
+      break;
+    case 'bottom':
+      coords = {
+        x: commonX,
+        y: reference.y + reference.height
+      };
+      break;
+    case 'right':
+      coords = {
+        x: reference.x + reference.width,
+        y: commonY
+      };
+      break;
+    case 'left':
+      coords = {
+        x: reference.x - floating.width,
+        y: commonY
+      };
+      break;
+    default:
+      coords = {
+        x: reference.x,
+        y: reference.y
+      };
+  }
+  switch (getAlignment(placement)) {
+    case 'start':
+      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+    case 'end':
+      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+  }
+  return coords;
 }
-function Input({ checked, className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid = true, label, labelProps, name, onBlur, onChange, placeholder, ref, required = true, type, value, ...props }) {
-    const [formContext, setFormContext] = useFormContext();
-    if (placeholder === '*')
-        placeholder = name + (required && !label ? '*' : '');
-    if (label === '*')
-        label = name;
-    const uniqueID = react.useId(), fieldContextID = toLowerCase(name, [, '_']) + '§' + uniqueID;
-    if (Boolean(formContext?.find(field => field.id === fieldContextID)?.invalid))
-        invalid = true;
-    const getFieldContextType = () => {
-        switch (type) {
-            case 'email':
-                return 'email';
-            case 'file':
-                return 'file';
-            case 'number':
-                return 'number';
-            case 'tel':
-                return 'tel';
-            case 'url':
-                return 'url';
-            default:
-                return 'string';
-        }
-    };
-    const fieldContextType = getFieldContextType();
-    const initialFieldContext = defineField({
-        type: fieldContextType,
-        id: fieldContextID,
-        invalid,
-        name,
-        required,
-        value: value ? `${value}` : defaultValue ? `${defaultValue}` : '',
+
+/**
+ * Computes the `x` and `y` coordinates that will place the floating element
+ * next to a given reference element.
+ *
+ * This export does not have any `platform` interface logic. You will need to
+ * write one for the platform you are using Floating UI with.
+ */
+const computePosition$1 = async (reference, floating, config) => {
+  const {
+    placement = 'bottom',
+    strategy = 'absolute',
+    middleware = [],
+    platform
+  } = config;
+  const validMiddleware = middleware.filter(Boolean);
+  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
+  let rects = await platform.getElementRects({
+    reference,
+    floating,
+    strategy
+  });
+  let {
+    x,
+    y
+  } = computeCoordsFromPlacement(rects, placement, rtl);
+  let statefulPlacement = placement;
+  let middlewareData = {};
+  let resetCount = 0;
+  for (let i = 0; i < validMiddleware.length; i++) {
+    const {
+      name,
+      fn
+    } = validMiddleware[i];
+    const {
+      x: nextX,
+      y: nextY,
+      data,
+      reset
+    } = await fn({
+      x,
+      y,
+      initialPlacement: placement,
+      placement: statefulPlacement,
+      strategy,
+      middlewareData,
+      rects,
+      platform,
+      elements: {
+        reference,
+        floating
+      }
     });
-    react.useEffect(() => {
-        if (!setFormContext)
-            return;
-        setFormContext(prevContext => {
-            const otherFields = (prevContext || []).filter(field => field.id !== initialFieldContext.id);
-            return [...otherFields, initialFieldContext];
-        });
-        return () => {
-            setFormContext(prevContext => (prevContext || []).filter(field => field.id !== initialFieldContext.id));
-        };
-    }, [setFormContext]);
-    const fieldContext = formContext?.find(({ id: fieldID }) => fieldID === initialFieldContext.id) || initialFieldContext;
-    const debounceTimerRef = react.useRef(undefined);
-    const handleChange = e => {
-        if (disabled) {
-            e.preventDefault();
-            return;
-        }
-        clearTimeout(debounceTimerRef.current);
-        const { currentTarget } = e, { value: newValue } = currentTarget;
-        setFormContext?.(prevContext => {
-            if (!prevContext)
-                return [];
-            const field = prevContext.find(({ id: fieldID }) => fieldID === initialFieldContext.id);
-            if (!field)
-                throw new Error(`Field with id "${initialFieldContext.id}" not found in form context.`);
-            const otherFields = prevContext.filter(({ id: fieldID }) => fieldID !== initialFieldContext.id);
-            const updatedField = { ...field, value: newValue };
-            return [...otherFields, updatedField];
-        });
-        debounceTimerRef.current = setTimeout(() => {
-            const field = formContext?.find(({ id: fieldID }) => fieldID === initialFieldContext.id);
-            if (!field)
-                return;
-            const invalid = validateField$1(newValue, field) === false;
-            if (invalid !== field.invalid)
-                setFormContext?.(prevContext => {
-                    if (!prevContext)
-                        return [];
-                    const field = prevContext.find(({ id: fieldID }) => fieldID === initialFieldContext.id);
-                    if (!field)
-                        throw new Error(`Field with id "${initialFieldContext.id}" not found in form context.`);
-                    const otherFields = prevContext.filter(({ id: fieldID }) => fieldID !== initialFieldContext.id);
-                    const updatedField = { ...field, invalid };
-                    return [...otherFields, updatedField];
-                });
-        }, 500);
-        onChange?.(e);
+    x = nextX != null ? nextX : x;
+    y = nextY != null ? nextY : y;
+    middlewareData = {
+      ...middlewareData,
+      [name]: {
+        ...middlewareData[name],
+        ...data
+      }
     };
-    const handleBlur = e => {
-        if (disabled) {
-            e.preventDefault();
-            return;
+    if (reset && resetCount <= 50) {
+      resetCount++;
+      if (typeof reset === 'object') {
+        if (reset.placement) {
+          statefulPlacement = reset.placement;
         }
-        const { currentTarget } = e, { value: newValue } = currentTarget;
-        switch (type) {
-            case 'email':
-                setFormContext?.(prevContext => {
-                    if (!prevContext)
-                        return [];
-                    const field = prevContext.find(({ id: fieldID }) => fieldID === initialFieldContext.id);
-                    if (!field)
-                        throw new Error(`Field with id "${initialFieldContext.id}" not found in form context.`);
-                    const otherFields = prevContext.filter(({ id: fieldID }) => fieldID !== initialFieldContext.id);
-                    const updatedField = { ...field, value: newValue.toLowerCase() };
-                    return [...otherFields, updatedField];
-                });
-                break;
-            case 'tel':
-                setFormContext?.(prevContext => {
-                    if (!prevContext)
-                        return [];
-                    const field = prevContext.find(({ id: fieldID }) => fieldID === initialFieldContext.id);
-                    if (!field)
-                        throw new Error(`Field with id "${initialFieldContext.id}" not found in form context.`);
-                    const otherFields = prevContext.filter(({ id: fieldID }) => fieldID !== initialFieldContext.id);
-                    const updatedField = { ...field, value: formatPhoneNumber(newValue, '1') };
-                    return [...otherFields, updatedField];
-                });
-                break;
+        if (reset.rects) {
+          rects = reset.rects === true ? await platform.getElementRects({
+            reference,
+            floating,
+            strategy
+          }) : reset.rects;
         }
-        onBlur?.(e);
-    };
-    const restFieldProps = fieldProps
-        ? Object.fromEntries(Object.entries(fieldProps).filter(([key]) => key !== 'className'))
-        : {};
-    const restLabelProps = labelProps
-        ? Object.fromEntries(Object.entries(labelProps).filter(([key]) => key !== 'className'))
-        : {};
-    const restDescriptionProps = descriptionProps
-        ? Object.fromEntries(Object.entries(descriptionProps).filter(([key]) => key !== 'className'))
-        : {};
-    return (jsxRuntime.jsxs(react$1.Field, { ...restFieldProps, className: bag => twMerge('grid gap-1', typeof fieldProps?.className === 'function' ? fieldProps?.className(bag) : fieldProps?.className), disabled: disabled, children: [label && (jsxRuntime.jsx(react$1.Label, { ...restLabelProps, className: bag => twMerge('text-sm font-medium', required ? 'after:text-ui-red after:content-["_*"]' : '', typeof labelProps?.className === 'function' ? labelProps?.className(bag) : labelProps?.className), children: label })), jsxRuntime.jsx(react$1.Input, { ...props, className: bag => twMerge(
-                // Base styles
-                'rounded-xl border-1 border-neutral-500/50 bg-neutral-100 py-1 pl-2 text-neutral-950 outline-offset-1 outline-ui-sky-blue/95 transition-[background-color] duration-300 ease-exponential dark:bg-neutral-700 dark:text-neutral-50', 
-                // Pseudo styles
-                'focus-visible:bg-neutral-50 focus-visible:outline-3 active:bg-neutral-200 dark:focus-visible:bg-neutral-600 dark:active:bg-neutral-800 pointer-fine:hover:bg-neutral-50 pointer-fine:active:bg-neutral-200 dark:pointer-fine:hover:bg-neutral-600 dark:pointer-fine:active:bg-neutral-800', 
-                // user-invalid styles
-                'user-invalid:border-ui-red user-invalid:bg-[color-mix(in_oklab,var(--color-ui-red)_20%,var(--color-neutral-100))] user-invalid:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-100))] user-invalid:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-100))] dark:user-invalid:bg-[color-mix(in_oklab,var(--color-ui-red)_20%,var(--color-neutral-800))] dark:user-invalid:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-800))] dark:user-invalid:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-800))] user-invalid:pointer-fine:hover:bg-[color-mix(in_oklab,var(--color-ui-red)_10%,var(--color-neutral-100))] user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-100))] user-invalid:pointer-fine:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-100))] dark:user-invalid:pointer-fine:hover:bg-[color-mix(in_oklab,var(--color-ui-red)_10%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-800))]', 
-                // Custom styles
-                typeof className === 'function' ? className(bag) : className), id: fieldContext?.id, invalid: invalid, onBlur: handleBlur, onChange: handleChange, placeholder: placeholder, ref: ref, required: required, type: type, value: fieldContext?.value }), description && (jsxRuntime.jsx(react$1.Description, { ...restDescriptionProps, className: bag => twMerge('text-xs', typeof descriptionProps?.className === 'function'
-                    ? descriptionProps?.className(bag)
-                    : descriptionProps?.className), children: description }))] }));
+        ({
+          x,
+          y
+        } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
+      }
+      i = -1;
+    }
+  }
+  return {
+    x,
+    y,
+    placement: statefulPlacement,
+    strategy,
+    middlewareData
+  };
+};
+
+/**
+ * Resolves with an object of overflow side offsets that determine how much the
+ * element is overflowing a given clipping boundary on each side.
+ * - positive = overflowing the boundary by that number of pixels
+ * - negative = how many pixels left before it will overflow
+ * - 0 = lies flush with the boundary
+ * @see https://floating-ui.com/docs/detectOverflow
+ */
+async function detectOverflow(state, options) {
+  var _await$platform$isEle;
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    x,
+    y,
+    platform,
+    rects,
+    elements,
+    strategy
+  } = state;
+  const {
+    boundary = 'clippingAncestors',
+    rootBoundary = 'viewport',
+    elementContext = 'floating',
+    altBoundary = false,
+    padding = 0
+  } = evaluate(options, state);
+  const paddingObject = getPaddingObject(padding);
+  const altContext = elementContext === 'floating' ? 'reference' : 'floating';
+  const element = elements[altBoundary ? altContext : elementContext];
+  const clippingClientRect = rectToClientRect(await platform.getClippingRect({
+    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
+    boundary,
+    rootBoundary,
+    strategy
+  }));
+  const rect = elementContext === 'floating' ? {
+    x,
+    y,
+    width: rects.floating.width,
+    height: rects.floating.height
+  } : rects.reference;
+  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
+  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
+  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
+    rect,
+    offsetParent,
+    strategy
+  }) : rect);
+  return {
+    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+  };
 }
 
-function SubmitButton({ children, className, error, incomplete, loading, success, theme, type = 'submit', ref, ...props }) {
-    const [formStatus] = useFormStatus();
-    const getFormStatusButtonClasses = () => {
-        switch (formStatus) {
-            case 'loading':
-                return twSort('animate-pulse cursor-wait text-lg leading-6 font-black tracking-widest');
-            case 'error':
-            case 'success':
-                return 'cursor-not-allowed';
-            default:
-                return undefined;
-        }
+/**
+ * Provides data to position an inner element of the floating element so that it
+ * appears centered to the reference element.
+ * @see https://floating-ui.com/docs/arrow
+ */
+const arrow$3 = options => ({
+  name: 'arrow',
+  options,
+  async fn(state) {
+    const {
+      x,
+      y,
+      placement,
+      rects,
+      platform,
+      elements,
+      middlewareData
+    } = state;
+    // Since `element` is required, we don't Partial<> the type.
+    const {
+      element,
+      padding = 0
+    } = evaluate(options, state) || {};
+    if (element == null) {
+      return {};
+    }
+    const paddingObject = getPaddingObject(padding);
+    const coords = {
+      x,
+      y
     };
-    const formStatusButtonClasses = getFormStatusButtonClasses();
-    const getFormStatusButtonTheme = () => {
-        switch (formStatus) {
-            case 'incomplete':
-                return 'grey';
-            case 'loading':
-                return 'blue';
-            case 'error':
-                return 'red';
-            case 'success':
-                return 'green';
-            default:
-                return theme;
-        }
+    const axis = getAlignmentAxis(placement);
+    const length = getAxisLength(axis);
+    const arrowDimensions = await platform.getDimensions(element);
+    const isYAxis = axis === 'y';
+    const minProp = isYAxis ? 'top' : 'left';
+    const maxProp = isYAxis ? 'bottom' : 'right';
+    const clientProp = isYAxis ? 'clientHeight' : 'clientWidth';
+    const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
+    const startDiff = coords[axis] - rects.reference[axis];
+    const arrowOffsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(element));
+    let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
+
+    // DOM platform can return `window` as the `offsetParent`.
+    if (!clientSize || !(await (platform.isElement == null ? void 0 : platform.isElement(arrowOffsetParent)))) {
+      clientSize = elements.floating[clientProp] || rects.floating[length];
+    }
+    const centerToReference = endDiff / 2 - startDiff / 2;
+
+    // If the padding is large enough that it causes the arrow to no longer be
+    // centered, modify the padding so that it is centered.
+    const largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
+    const minPadding = min(paddingObject[minProp], largestPossiblePadding);
+    const maxPadding = min(paddingObject[maxProp], largestPossiblePadding);
+
+    // Make sure the arrow doesn't overflow the floating element if the center
+    // point is outside the floating element's bounds.
+    const min$1 = minPadding;
+    const max = clientSize - arrowDimensions[length] - maxPadding;
+    const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
+    const offset = clamp(min$1, center, max);
+
+    // If the reference is small enough that the arrow's padding causes it to
+    // to point to nothing for an aligned placement, adjust the offset of the
+    // floating element itself. To ensure `shift()` continues to take action,
+    // a single reset is performed when this is true.
+    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;
+    return {
+      [axis]: coords[axis] + alignmentOffset,
+      data: {
+        [axis]: offset,
+        centerOffset: center - offset - alignmentOffset,
+        ...(shouldAddOffset && {
+          alignmentOffset
+        })
+      },
+      reset: shouldAddOffset
     };
-    const formStatusButtonTheme = getFormStatusButtonTheme();
-    const getButtonText = () => {
-        switch (formStatus) {
-            case 'incomplete':
-                return incomplete || 'Complete Form';
-            case 'loading':
-                return (loading || (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: 'inline-block animate-wave animation-delay-300', children: "\u2022" }), jsxRuntime.jsx("span", { className: 'inline-block animate-wave animation-delay-150', children: "\u2022" }), jsxRuntime.jsx("span", { className: 'inline-block animate-wave', children: "\u2022" })] })));
-            case 'error':
-                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [error || 'Error', ' ', jsxRuntime.jsx("span", { className: 'absolute top-1/2 ml-1.5 translate-y-[calc(-50%-1.5px)] text-2xl', children: "\u00D7" })] }));
-            case 'success':
-                return success || 'Successfully Submitted';
-            default:
-                return children || 'Submit';
+  }
+});
+
+/**
+ * Optimizes the visibility of the floating element by flipping the `placement`
+ * in order to keep it in view when the preferred placement(s) will overflow the
+ * clipping boundary. Alternative to `autoPlacement`.
+ * @see https://floating-ui.com/docs/flip
+ */
+const flip$2 = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'flip',
+    options,
+    async fn(state) {
+      var _middlewareData$arrow, _middlewareData$flip;
+      const {
+        placement,
+        middlewareData,
+        rects,
+        initialPlacement,
+        platform,
+        elements
+      } = state;
+      const {
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = true,
+        fallbackPlacements: specifiedFallbackPlacements,
+        fallbackStrategy = 'bestFit',
+        fallbackAxisSideDirection = 'none',
+        flipAlignment = true,
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+
+      // If a reset by the arrow was caused due to an alignment offset being
+      // added, we should skip any logic now since `flip()` has already done its
+      // work.
+      // https://github.com/floating-ui/floating-ui/issues/2549#issuecomment-1719601643
+      if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
+      const side = getSide(placement);
+      const initialSideAxis = getSideAxis(initialPlacement);
+      const isBasePlacement = getSide(initialPlacement) === initialPlacement;
+      const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
+      const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
+      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';
+      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
+        fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
+      }
+      const placements = [initialPlacement, ...fallbackPlacements];
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflows = [];
+      let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
+      if (checkMainAxis) {
+        overflows.push(overflow[side]);
+      }
+      if (checkCrossAxis) {
+        const sides = getAlignmentSides(placement, rects, rtl);
+        overflows.push(overflow[sides[0]], overflow[sides[1]]);
+      }
+      overflowsData = [...overflowsData, {
+        placement,
+        overflows
+      }];
+
+      // One or more sides is overflowing.
+      if (!overflows.every(side => side <= 0)) {
+        var _middlewareData$flip2, _overflowsData$filter;
+        const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
+        const nextPlacement = placements[nextIndex];
+        if (nextPlacement) {
+          const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
+          if (!ignoreCrossAxisOverflow ||
+          // We leave the current main axis only if every placement on that axis
+          // overflows the main axis.
+          overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
+            // Try next placement and re-run the lifecycle.
+            return {
+              data: {
+                index: nextIndex,
+                overflows: overflowsData
+              },
+              reset: {
+                placement: nextPlacement
+              }
+            };
+          }
         }
-    };
-    const buttonText = getButtonText();
-    return (jsxRuntime.jsx(Button, { ...props, className: twMerge([formStatusButtonClasses, 'w-full', className]), ref: ref, theme: formStatusButtonTheme, type: type, children: buttonText }));
-}
 
-function validateField(value, { required }) {
-    const noValue = !value || value === '';
-    if (!required && noValue)
-        return true;
-    if (noValue)
-        return false;
-    return true;
+        // First, find the candidates that fit on the mainAxis side of overflow,
+        // then find the placement that fits the best on the main crossAxis side.
+        let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
+
+        // Otherwise fallback.
+        if (!resetPlacement) {
+          switch (fallbackStrategy) {
+            case 'bestFit':
+              {
+                var _overflowsData$filter2;
+                const placement = (_overflowsData$filter2 = overflowsData.filter(d => {
+                  if (hasFallbackAxisSideDirection) {
+                    const currentSideAxis = getSideAxis(d.placement);
+                    return currentSideAxis === initialSideAxis ||
+                    // Create a bias to the `y` side axis due to horizontal
+                    // reading directions favoring greater width.
+                    currentSideAxis === 'y';
+                  }
+                  return true;
+                }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
+                if (placement) {
+                  resetPlacement = placement;
+                }
+                break;
+              }
+            case 'initialPlacement':
+              resetPlacement = initialPlacement;
+              break;
+          }
+        }
+        if (placement !== resetPlacement) {
+          return {
+            reset: {
+              placement: resetPlacement
+            }
+          };
+        }
+      }
+      return {};
+    }
+  };
+};
+
+const originSides = /*#__PURE__*/new Set(['left', 'top']);
+
+// For type backwards-compatibility, the `OffsetOptions` type was also
+// Derivable.
+
+async function convertValueToCoords(state, options) {
+  const {
+    placement,
+    platform,
+    elements
+  } = state;
+  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
+  const side = getSide(placement);
+  const alignment = getAlignment(placement);
+  const isVertical = getSideAxis(placement) === 'y';
+  const mainAxisMulti = originSides.has(side) ? -1 : 1;
+  const crossAxisMulti = rtl && isVertical ? -1 : 1;
+  const rawValue = evaluate(options, state);
+
+  // eslint-disable-next-line prefer-const
+  let {
+    mainAxis,
+    crossAxis,
+    alignmentAxis
+  } = typeof rawValue === 'number' ? {
+    mainAxis: rawValue,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: rawValue.mainAxis || 0,
+    crossAxis: rawValue.crossAxis || 0,
+    alignmentAxis: rawValue.alignmentAxis
+  };
+  if (alignment && typeof alignmentAxis === 'number') {
+    crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;
+  }
+  return isVertical ? {
+    x: crossAxis * crossAxisMulti,
+    y: mainAxis * mainAxisMulti
+  } : {
+    x: mainAxis * mainAxisMulti,
+    y: crossAxis * crossAxisMulti
+  };
 }
-function Textarea({ className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid = true, label, labelProps, name, onBlur, onChange, placeholder, ref, required = true, value, ...props }) {
-    const [formContext, setFormContext] = useFormContext();
-    if (placeholder === '*')
-        placeholder = name + (required && !label ? '*' : '');
-    if (label === '*')
+
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */
+const offset$2 = function (options) {
+  if (options === void 0) {
+    options = 0;
+  }
+  return {
+    name: 'offset',
+    options,
+    async fn(state) {
+      var _middlewareData$offse, _middlewareData$arrow;
+      const {
+        x,
+        y,
+        placement,
+        middlewareData
+      } = state;
+      const diffCoords = await convertValueToCoords(state, options);
+
+      // If the placement is the same and the arrow caused an alignment offset
+      // then we don't need to change the positioning coordinates.
+      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
+      return {
+        x: x + diffCoords.x,
+        y: y + diffCoords.y,
+        data: {
+          ...diffCoords,
+          placement
+        }
+      };
+    }
+  };
+};
+
+/**
+ * Optimizes the visibility of the floating element by shifting it in order to
+ * keep it in view when it will overflow the clipping boundary.
+ * @see https://floating-ui.com/docs/shift
+ */
+const shift$2 = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'shift',
+    options,
+    async fn(state) {
+      const {
+        x,
+        y,
+        placement
+      } = state;
+      const {
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = false,
+        limiter = {
+          fn: _ref => {
+            let {
+              x,
+              y
+            } = _ref;
+            return {
+              x,
+              y
+            };
+          }
+        },
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const coords = {
+        x,
+        y
+      };
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const crossAxis = getSideAxis(getSide(placement));
+      const mainAxis = getOppositeAxis(crossAxis);
+      let mainAxisCoord = coords[mainAxis];
+      let crossAxisCoord = coords[crossAxis];
+      if (checkMainAxis) {
+        const minSide = mainAxis === 'y' ? 'top' : 'left';
+        const maxSide = mainAxis === 'y' ? 'bottom' : 'right';
+        const min = mainAxisCoord + overflow[minSide];
+        const max = mainAxisCoord - overflow[maxSide];
+        mainAxisCoord = clamp(min, mainAxisCoord, max);
+      }
+      if (checkCrossAxis) {
+        const minSide = crossAxis === 'y' ? 'top' : 'left';
+        const maxSide = crossAxis === 'y' ? 'bottom' : 'right';
+        const min = crossAxisCoord + overflow[minSide];
+        const max = crossAxisCoord - overflow[maxSide];
+        crossAxisCoord = clamp(min, crossAxisCoord, max);
+      }
+      const limitedCoords = limiter.fn({
+        ...state,
+        [mainAxis]: mainAxisCoord,
+        [crossAxis]: crossAxisCoord
+      });
+      return {
+        ...limitedCoords,
+        data: {
+          x: limitedCoords.x - x,
+          y: limitedCoords.y - y,
+          enabled: {
+            [mainAxis]: checkMainAxis,
+            [crossAxis]: checkCrossAxis
+          }
+        }
+      };
+    }
+  };
+};
+
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */
+const size$2 = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'size',
+    options,
+    async fn(state) {
+      var _state$middlewareData, _state$middlewareData2;
+      const {
+        placement,
+        rects,
+        platform,
+        elements
+      } = state;
+      const {
+        apply = () => {},
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const side = getSide(placement);
+      const alignment = getAlignment(placement);
+      const isYAxis = getSideAxis(placement) === 'y';
+      const {
+        width,
+        height
+      } = rects.floating;
+      let heightSide;
+      let widthSide;
+      if (side === 'top' || side === 'bottom') {
+        heightSide = side;
+        widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';
+      } else {
+        widthSide = side;
+        heightSide = alignment === 'end' ? 'top' : 'bottom';
+      }
+      const maximumClippingHeight = height - overflow.top - overflow.bottom;
+      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
+      const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
+      const noShift = !state.middlewareData.shift;
+      let availableHeight = overflowAvailableHeight;
+      let availableWidth = overflowAvailableWidth;
+      if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+        availableWidth = maximumClippingWidth;
+      }
+      if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+        availableHeight = maximumClippingHeight;
+      }
+      if (noShift && !alignment) {
+        const xMin = max(overflow.left, 0);
+        const xMax = max(overflow.right, 0);
+        const yMin = max(overflow.top, 0);
+        const yMax = max(overflow.bottom, 0);
+        if (isYAxis) {
+          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
+        } else {
+          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+        }
+      }
+      await apply({
+        ...state,
+        availableWidth,
+        availableHeight
+      });
+      const nextDimensions = await platform.getDimensions(elements.floating);
+      if (width !== nextDimensions.width || height !== nextDimensions.height) {
+        return {
+          reset: {
+            rects: true
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+
+function hasWindow() {
+  return typeof window !== 'undefined';
+}
+function getNodeName(node) {
+  if (isNode(node)) {
+    return (node.nodeName || '').toLowerCase();
+  }
+  // Mocked nodes in testing environments may not be instances of Node. By
+  // returning `#document` an infinite loop won't occur.
+  // https://github.com/floating-ui/floating-ui/issues/2317
+  return '#document';
+}
+function getWindow(node) {
+  var _node$ownerDocument;
+  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+}
+function getDocumentElement(node) {
+  var _ref;
+  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
+}
+function isNode(value) {
+  if (!hasWindow()) {
+    return false;
+  }
+  return value instanceof Node || value instanceof getWindow(value).Node;
+}
+function isElement(value) {
+  if (!hasWindow()) {
+    return false;
+  }
+  return value instanceof Element || value instanceof getWindow(value).Element;
+}
+function isHTMLElement(value) {
+  if (!hasWindow()) {
+    return false;
+  }
+  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
+}
+function isShadowRoot(value) {
+  if (!hasWindow() || typeof ShadowRoot === 'undefined') {
+    return false;
+  }
+  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
+}
+const invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);
+function isOverflowElement(element) {
+  const {
+    overflow,
+    overflowX,
+    overflowY,
+    display
+  } = getComputedStyle(element);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
+}
+const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
+function isTableElement(element) {
+  return tableElements.has(getNodeName(element));
+}
+const topLayerSelectors = [':popover-open', ':modal'];
+function isTopLayer(element) {
+  return topLayerSelectors.some(selector => {
+    try {
+      return element.matches(selector);
+    } catch (_e) {
+      return false;
+    }
+  });
+}
+const transformProperties = ['transform', 'translate', 'scale', 'rotate', 'perspective'];
+const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'];
+const containValues = ['paint', 'layout', 'strict', 'content'];
+function isContainingBlock(elementOrCss) {
+  const webkit = isWebKit();
+  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
+
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
+  // https://drafts.csswg.org/css-transforms-2/#individual-transforms
+  return transformProperties.some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || willChangeValues.some(value => (css.willChange || '').includes(value)) || containValues.some(value => (css.contain || '').includes(value));
+}
+function getContainingBlock(element) {
+  let currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isContainingBlock(currentNode)) {
+      return currentNode;
+    } else if (isTopLayer(currentNode)) {
+      return null;
+    }
+    currentNode = getParentNode(currentNode);
+  }
+  return null;
+}
+function isWebKit() {
+  if (typeof CSS === 'undefined' || !CSS.supports) return false;
+  return CSS.supports('-webkit-backdrop-filter', 'none');
+}
+const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#document']);
+function isLastTraversableNode(node) {
+  return lastTraversableNodeNames.has(getNodeName(node));
+}
+function getComputedStyle(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+function getNodeScroll(element) {
+  if (isElement(element)) {
+    return {
+      scrollLeft: element.scrollLeft,
+      scrollTop: element.scrollTop
+    };
+  }
+  return {
+    scrollLeft: element.scrollX,
+    scrollTop: element.scrollY
+  };
+}
+function getParentNode(node) {
+  if (getNodeName(node) === 'html') {
+    return node;
+  }
+  const result =
+  // Step into the shadow DOM of the parent of a slotted node.
+  node.assignedSlot ||
+  // DOM Element detected.
+  node.parentNode ||
+  // ShadowRoot detected.
+  isShadowRoot(node) && node.host ||
+  // Fallback.
+  getDocumentElement(node);
+  return isShadowRoot(result) ? result.host : result;
+}
+function getNearestOverflowAncestor(node) {
+  const parentNode = getParentNode(node);
+  if (isLastTraversableNode(parentNode)) {
+    return node.ownerDocument ? node.ownerDocument.body : node.body;
+  }
+  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
+    return parentNode;
+  }
+  return getNearestOverflowAncestor(parentNode);
+}
+function getOverflowAncestors(node, list, traverseIframes) {
+  var _node$ownerDocument2;
+  if (list === void 0) {
+    list = [];
+  }
+  if (traverseIframes === void 0) {
+    traverseIframes = true;
+  }
+  const scrollableAncestor = getNearestOverflowAncestor(node);
+  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
+  const win = getWindow(scrollableAncestor);
+  if (isBody) {
+    const frameElement = getFrameElement(win);
+    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
+  }
+  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
+}
+function getFrameElement(win) {
+  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+}
+
+function getCssDimensions(element) {
+  const css = getComputedStyle(element);
+  // In testing environments, the `width` and `height` properties are empty
+  // strings for SVG elements, returning NaN. Fallback to `0` in this case.
+  let width = parseFloat(css.width) || 0;
+  let height = parseFloat(css.height) || 0;
+  const hasOffset = isHTMLElement(element);
+  const offsetWidth = hasOffset ? element.offsetWidth : width;
+  const offsetHeight = hasOffset ? element.offsetHeight : height;
+  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
+  if (shouldFallback) {
+    width = offsetWidth;
+    height = offsetHeight;
+  }
+  return {
+    width,
+    height,
+    $: shouldFallback
+  };
+}
+
+function unwrapElement(element) {
+  return !isElement(element) ? element.contextElement : element;
+}
+
+function getScale(element) {
+  const domElement = unwrapElement(element);
+  if (!isHTMLElement(domElement)) {
+    return createCoords(1);
+  }
+  const rect = domElement.getBoundingClientRect();
+  const {
+    width,
+    height,
+    $
+  } = getCssDimensions(domElement);
+  let x = ($ ? round(rect.width) : rect.width) / width;
+  let y = ($ ? round(rect.height) : rect.height) / height;
+
+  // 0, NaN, or Infinity should always fallback to 1.
+
+  if (!x || !Number.isFinite(x)) {
+    x = 1;
+  }
+  if (!y || !Number.isFinite(y)) {
+    y = 1;
+  }
+  return {
+    x,
+    y
+  };
+}
+
+const noOffsets = /*#__PURE__*/createCoords(0);
+function getVisualOffsets(element) {
+  const win = getWindow(element);
+  if (!isWebKit() || !win.visualViewport) {
+    return noOffsets;
+  }
+  return {
+    x: win.visualViewport.offsetLeft,
+    y: win.visualViewport.offsetTop
+  };
+}
+function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
+    return false;
+  }
+  return isFixed;
+}
+
+function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+  const clientRect = element.getBoundingClientRect();
+  const domElement = unwrapElement(element);
+  let scale = createCoords(1);
+  if (includeScale) {
+    if (offsetParent) {
+      if (isElement(offsetParent)) {
+        scale = getScale(offsetParent);
+      }
+    } else {
+      scale = getScale(element);
+    }
+  }
+  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
+  let x = (clientRect.left + visualOffsets.x) / scale.x;
+  let y = (clientRect.top + visualOffsets.y) / scale.y;
+  let width = clientRect.width / scale.x;
+  let height = clientRect.height / scale.y;
+  if (domElement) {
+    const win = getWindow(domElement);
+    const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
+    let currentWin = win;
+    let currentIFrame = getFrameElement(currentWin);
+    while (currentIFrame && offsetParent && offsetWin !== currentWin) {
+      const iframeScale = getScale(currentIFrame);
+      const iframeRect = currentIFrame.getBoundingClientRect();
+      const css = getComputedStyle(currentIFrame);
+      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
+      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
+      x *= iframeScale.x;
+      y *= iframeScale.y;
+      width *= iframeScale.x;
+      height *= iframeScale.y;
+      x += left;
+      y += top;
+      currentWin = getWindow(currentIFrame);
+      currentIFrame = getFrameElement(currentWin);
+    }
+  }
+  return rectToClientRect({
+    width,
+    height,
+    x,
+    y
+  });
+}
+
+// If <html> has a CSS width greater than the viewport, then this will be
+// incorrect for RTL.
+function getWindowScrollBarX(element, rect) {
+  const leftScroll = getNodeScroll(element).scrollLeft;
+  if (!rect) {
+    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
+  }
+  return rect.left + leftScroll;
+}
+
+function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
+  if (ignoreScrollbarX === void 0) {
+    ignoreScrollbarX = false;
+  }
+  const htmlRect = documentElement.getBoundingClientRect();
+  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 :
+  // RTL <body> scrollbar.
+  getWindowScrollBarX(documentElement, htmlRect));
+  const y = htmlRect.top + scroll.scrollTop;
+  return {
+    x,
+    y
+  };
+}
+
+function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
+  let {
+    elements,
+    rect,
+    offsetParent,
+    strategy
+  } = _ref;
+  const isFixed = strategy === 'fixed';
+  const documentElement = getDocumentElement(offsetParent);
+  const topLayer = elements ? isTopLayer(elements.floating) : false;
+  if (offsetParent === documentElement || topLayer && isFixed) {
+    return rect;
+  }
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  let scale = createCoords(1);
+  const offsets = createCoords(0);
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      const offsetRect = getBoundingClientRect(offsetParent);
+      scale = getScale(offsetParent);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    }
+  }
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
+  return {
+    width: rect.width * scale.x,
+    height: rect.height * scale.y,
+    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
+    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
+  };
+}
+
+function getClientRects(element) {
+  return Array.from(element.getClientRects());
+}
+
+// Gets the entire size of the scrollable document area, even extending outside
+// of the `<html>` and `<body>` rect bounds if horizontally scrollable.
+function getDocumentRect(element) {
+  const html = getDocumentElement(element);
+  const scroll = getNodeScroll(element);
+  const body = element.ownerDocument.body;
+  const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
+  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
+  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
+  const y = -scroll.scrollTop;
+  if (getComputedStyle(body).direction === 'rtl') {
+    x += max(html.clientWidth, body.clientWidth) - width;
+  }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+
+function getViewportRect(element, strategy) {
+  const win = getWindow(element);
+  const html = getDocumentElement(element);
+  const visualViewport = win.visualViewport;
+  let width = html.clientWidth;
+  let height = html.clientHeight;
+  let x = 0;
+  let y = 0;
+  if (visualViewport) {
+    width = visualViewport.width;
+    height = visualViewport.height;
+    const visualViewportBased = isWebKit();
+    if (!visualViewportBased || visualViewportBased && strategy === 'fixed') {
+      x = visualViewport.offsetLeft;
+      y = visualViewport.offsetTop;
+    }
+  }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+
+const absoluteOrFixed = /*#__PURE__*/new Set(['absolute', 'fixed']);
+// Returns the inner client rect, subtracting scrollbars if present.
+function getInnerBoundingClientRect(element, strategy) {
+  const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
+  const top = clientRect.top + element.clientTop;
+  const left = clientRect.left + element.clientLeft;
+  const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
+  const width = element.clientWidth * scale.x;
+  const height = element.clientHeight * scale.y;
+  const x = left * scale.x;
+  const y = top * scale.y;
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
+  let rect;
+  if (clippingAncestor === 'viewport') {
+    rect = getViewportRect(element, strategy);
+  } else if (clippingAncestor === 'document') {
+    rect = getDocumentRect(getDocumentElement(element));
+  } else if (isElement(clippingAncestor)) {
+    rect = getInnerBoundingClientRect(clippingAncestor, strategy);
+  } else {
+    const visualOffsets = getVisualOffsets(element);
+    rect = {
+      x: clippingAncestor.x - visualOffsets.x,
+      y: clippingAncestor.y - visualOffsets.y,
+      width: clippingAncestor.width,
+      height: clippingAncestor.height
+    };
+  }
+  return rectToClientRect(rect);
+}
+function hasFixedPositionAncestor(element, stopNode) {
+  const parentNode = getParentNode(element);
+  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
+    return false;
+  }
+  return getComputedStyle(parentNode).position === 'fixed' || hasFixedPositionAncestor(parentNode, stopNode);
+}
+
+// A "clipping ancestor" is an `overflow` element with the characteristic of
+// clipping (or hiding) child elements. This returns all clipping ancestors
+// of the given element up the tree.
+function getClippingElementAncestors(element, cache) {
+  const cachedResult = cache.get(element);
+  if (cachedResult) {
+    return cachedResult;
+  }
+  let result = getOverflowAncestors(element, [], false).filter(el => isElement(el) && getNodeName(el) !== 'body');
+  let currentContainingBlockComputedStyle = null;
+  const elementIsFixed = getComputedStyle(element).position === 'fixed';
+  let currentNode = elementIsFixed ? getParentNode(element) : element;
+
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
+  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    const computedStyle = getComputedStyle(currentNode);
+    const currentNodeIsContaining = isContainingBlock(currentNode);
+    if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
+      currentContainingBlockComputedStyle = null;
+    }
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    if (shouldDropCurrentNode) {
+      // Drop non-containing blocks.
+      result = result.filter(ancestor => ancestor !== currentNode);
+    } else {
+      // Record last containing block for next iteration.
+      currentContainingBlockComputedStyle = computedStyle;
+    }
+    currentNode = getParentNode(currentNode);
+  }
+  cache.set(element, result);
+  return result;
+}
+
+// Gets the maximum area that the element is visible in due to any number of
+// clipping ancestors.
+function getClippingRect(_ref) {
+  let {
+    element,
+    boundary,
+    rootBoundary,
+    strategy
+  } = _ref;
+  const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
+  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
+  const firstClippingAncestor = clippingAncestors[0];
+  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
+    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
+    accRect.top = max(rect.top, accRect.top);
+    accRect.right = min(rect.right, accRect.right);
+    accRect.bottom = min(rect.bottom, accRect.bottom);
+    accRect.left = max(rect.left, accRect.left);
+    return accRect;
+  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
+  return {
+    width: clippingRect.right - clippingRect.left,
+    height: clippingRect.bottom - clippingRect.top,
+    x: clippingRect.left,
+    y: clippingRect.top
+  };
+}
+
+function getDimensions(element) {
+  const {
+    width,
+    height
+  } = getCssDimensions(element);
+  return {
+    width,
+    height
+  };
+}
+
+function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  const documentElement = getDocumentElement(offsetParent);
+  const isFixed = strategy === 'fixed';
+  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const offsets = createCoords(0);
+
+  // If the <body> scrollbar appears on the left (e.g. RTL systems). Use
+  // Firefox with layout.scrollbar.side = 3 in about:config to test this.
+  function setLeftRTLScrollbarOffset() {
+    offsets.x = getWindowScrollBarX(documentElement);
+  }
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isOffsetParentAnElement) {
+      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    } else if (documentElement) {
+      setLeftRTLScrollbarOffset();
+    }
+  }
+  if (isFixed && !isOffsetParentAnElement && documentElement) {
+    setLeftRTLScrollbarOffset();
+  }
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+  const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
+  const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
+  return {
+    x,
+    y,
+    width: rect.width,
+    height: rect.height
+  };
+}
+
+function isStaticPositioned(element) {
+  return getComputedStyle(element).position === 'static';
+}
+
+function getTrueOffsetParent(element, polyfill) {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === 'fixed') {
+    return null;
+  }
+  if (polyfill) {
+    return polyfill(element);
+  }
+  let rawOffsetParent = element.offsetParent;
+
+  // Firefox returns the <html> element as the offsetParent if it's non-static,
+  // while Chrome and Safari return the <body> element. The <body> element must
+  // be used to perform the correct calculations even if the <html> element is
+  // non-static.
+  if (getDocumentElement(element) === rawOffsetParent) {
+    rawOffsetParent = rawOffsetParent.ownerDocument.body;
+  }
+  return rawOffsetParent;
+}
+
+// Gets the closest ancestor positioned element. Handles some edge cases,
+// such as table ancestors and cross browser bugs.
+function getOffsetParent(element, polyfill) {
+  const win = getWindow(element);
+  if (isTopLayer(element)) {
+    return win;
+  }
+  if (!isHTMLElement(element)) {
+    let svgOffsetParent = getParentNode(element);
+    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+        return svgOffsetParent;
+      }
+      svgOffsetParent = getParentNode(svgOffsetParent);
+    }
+    return win;
+  }
+  let offsetParent = getTrueOffsetParent(element, polyfill);
+  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
+    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
+  }
+  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+    return win;
+  }
+  return offsetParent || getContainingBlock(element) || win;
+}
+
+const getElementRects = async function (data) {
+  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
+  const getDimensionsFn = this.getDimensions;
+  const floatingDimensions = await getDimensionsFn(data.floating);
+  return {
+    reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: floatingDimensions.width,
+      height: floatingDimensions.height
+    }
+  };
+};
+
+function isRTL(element) {
+  return getComputedStyle(element).direction === 'rtl';
+}
+
+const platform = {
+  convertOffsetParentRelativeRectToViewportRelativeRect,
+  getDocumentElement,
+  getClippingRect,
+  getOffsetParent,
+  getElementRects,
+  getClientRects,
+  getDimensions,
+  getScale,
+  isElement,
+  isRTL
+};
+
+function rectsAreEqual(a, b) {
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+
+// https://samthor.au/2021/observing-dom/
+function observeMove(element, onMove) {
+  let io = null;
+  let timeoutId;
+  const root = getDocumentElement(element);
+  function cleanup() {
+    var _io;
+    clearTimeout(timeoutId);
+    (_io = io) == null || _io.disconnect();
+    io = null;
+  }
+  function refresh(skip, threshold) {
+    if (skip === void 0) {
+      skip = false;
+    }
+    if (threshold === void 0) {
+      threshold = 1;
+    }
+    cleanup();
+    const elementRectForRootMargin = element.getBoundingClientRect();
+    const {
+      left,
+      top,
+      width,
+      height
+    } = elementRectForRootMargin;
+    if (!skip) {
+      onMove();
+    }
+    if (!width || !height) {
+      return;
+    }
+    const insetTop = floor(top);
+    const insetRight = floor(root.clientWidth - (left + width));
+    const insetBottom = floor(root.clientHeight - (top + height));
+    const insetLeft = floor(left);
+    const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
+    const options = {
+      rootMargin,
+      threshold: max(0, min(1, threshold)) || 1
+    };
+    let isFirstUpdate = true;
+    function handleObserve(entries) {
+      const ratio = entries[0].intersectionRatio;
+      if (ratio !== threshold) {
+        if (!isFirstUpdate) {
+          return refresh();
+        }
+        if (!ratio) {
+          // If the reference is clipped, the ratio is 0. Throttle the refresh
+          // to prevent an infinite loop of updates.
+          timeoutId = setTimeout(() => {
+            refresh(false, 1e-7);
+          }, 1000);
+        } else {
+          refresh(false, ratio);
+        }
+      }
+      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+        // It's possible that even though the ratio is reported as 1, the
+        // element is not actually fully within the IntersectionObserver's root
+        // area anymore. This can happen under performance constraints. This may
+        // be a bug in the browser's IntersectionObserver implementation. To
+        // work around this, we compare the element's bounding rect now with
+        // what it was at the time we created the IntersectionObserver. If they
+        // are not equal then the element moved, so we refresh.
+        refresh();
+      }
+      isFirstUpdate = false;
+    }
+
+    // Older browsers don't support a `document` as the root and will throw an
+    // error.
+    try {
+      io = new IntersectionObserver(handleObserve, {
+        ...options,
+        // Handle <iframe>s
+        root: root.ownerDocument
+      });
+    } catch (_e) {
+      io = new IntersectionObserver(handleObserve, options);
+    }
+    io.observe(element);
+  }
+  refresh(true);
+  return cleanup;
+}
+
+/**
+ * Automatically updates the position of the floating element when necessary.
+ * Should only be called when the floating element is mounted on the DOM or
+ * visible on the screen.
+ * @returns cleanup function that should be invoked when the floating element is
+ * removed from the DOM or hidden from the screen.
+ * @see https://floating-ui.com/docs/autoUpdate
+ */
+function autoUpdate(reference, floating, update, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    ancestorScroll = true,
+    ancestorResize = true,
+    elementResize = typeof ResizeObserver === 'function',
+    layoutShift = typeof IntersectionObserver === 'function',
+    animationFrame = false
+  } = options;
+  const referenceEl = unwrapElement(reference);
+  const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...getOverflowAncestors(floating)] : [];
+  ancestors.forEach(ancestor => {
+    ancestorScroll && ancestor.addEventListener('scroll', update, {
+      passive: true
+    });
+    ancestorResize && ancestor.addEventListener('resize', update);
+  });
+  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
+  let reobserveFrame = -1;
+  let resizeObserver = null;
+  if (elementResize) {
+    resizeObserver = new ResizeObserver(_ref => {
+      let [firstEntry] = _ref;
+      if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
+        // Prevent update loops when using the `size` middleware.
+        // https://github.com/floating-ui/floating-ui/issues/1740
+        resizeObserver.unobserve(floating);
+        cancelAnimationFrame(reobserveFrame);
+        reobserveFrame = requestAnimationFrame(() => {
+          var _resizeObserver;
+          (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
+        });
+      }
+      update();
+    });
+    if (referenceEl && !animationFrame) {
+      resizeObserver.observe(referenceEl);
+    }
+    resizeObserver.observe(floating);
+  }
+  let frameId;
+  let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
+  if (animationFrame) {
+    frameLoop();
+  }
+  function frameLoop() {
+    const nextRefRect = getBoundingClientRect(reference);
+    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
+      update();
+    }
+    prevRefRect = nextRefRect;
+    frameId = requestAnimationFrame(frameLoop);
+  }
+  update();
+  return () => {
+    var _resizeObserver2;
+    ancestors.forEach(ancestor => {
+      ancestorScroll && ancestor.removeEventListener('scroll', update);
+      ancestorResize && ancestor.removeEventListener('resize', update);
+    });
+    cleanupIo == null || cleanupIo();
+    (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
+    resizeObserver = null;
+    if (animationFrame) {
+      cancelAnimationFrame(frameId);
+    }
+  };
+}
+
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */
+const offset$1 = offset$2;
+
+/**
+ * Optimizes the visibility of the floating element by shifting it in order to
+ * keep it in view when it will overflow the clipping boundary.
+ * @see https://floating-ui.com/docs/shift
+ */
+const shift$1 = shift$2;
+
+/**
+ * Optimizes the visibility of the floating element by flipping the `placement`
+ * in order to keep it in view when the preferred placement(s) will overflow the
+ * clipping boundary. Alternative to `autoPlacement`.
+ * @see https://floating-ui.com/docs/flip
+ */
+const flip$1 = flip$2;
+
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */
+const size$1 = size$2;
+
+/**
+ * Provides data to position an inner element of the floating element so that it
+ * appears centered to the reference element.
+ * @see https://floating-ui.com/docs/arrow
+ */
+const arrow$2 = arrow$3;
+
+/**
+ * Computes the `x` and `y` coordinates that will place the floating element
+ * next to a given reference element.
+ */
+const computePosition = (reference, floating, options) => {
+  // This caches the expensive `getClippingElementAncestors` function so that
+  // multiple lifecycle resets re-use the same result. It only lives for a
+  // single call. If other functions become expensive, we can add them as well.
+  const cache = new Map();
+  const mergedOptions = {
+    platform,
+    ...options
+  };
+  const platformWithCache = {
+    ...mergedOptions.platform,
+    _c: cache
+  };
+  return computePosition$1(reference, floating, {
+    ...mergedOptions,
+    platform: platformWithCache
+  });
+};
+
+var isClient = typeof document !== 'undefined';
+
+var noop = function noop() {};
+var index = isClient ? React.useLayoutEffect : noop;
+
+// Fork of `fast-deep-equal` that only does the comparisons we need and compares
+// functions
+function deepEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+  if (typeof a !== typeof b) {
+    return false;
+  }
+  if (typeof a === 'function' && a.toString() === b.toString()) {
+    return true;
+  }
+  let length;
+  let i;
+  let keys;
+  if (a && b && typeof a === 'object') {
+    if (Array.isArray(a)) {
+      length = a.length;
+      if (length !== b.length) return false;
+      for (i = length; i-- !== 0;) {
+        if (!deepEqual(a[i], b[i])) {
+          return false;
+        }
+      }
+      return true;
+    }
+    keys = Object.keys(a);
+    length = keys.length;
+    if (length !== Object.keys(b).length) {
+      return false;
+    }
+    for (i = length; i-- !== 0;) {
+      if (!{}.hasOwnProperty.call(b, keys[i])) {
+        return false;
+      }
+    }
+    for (i = length; i-- !== 0;) {
+      const key = keys[i];
+      if (key === '_owner' && a.$$typeof) {
+        continue;
+      }
+      if (!deepEqual(a[key], b[key])) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return a !== a && b !== b;
+}
+
+function getDPR(element) {
+  if (typeof window === 'undefined') {
+    return 1;
+  }
+  const win = element.ownerDocument.defaultView || window;
+  return win.devicePixelRatio || 1;
+}
+
+function roundByDPR(element, value) {
+  const dpr = getDPR(element);
+  return Math.round(value * dpr) / dpr;
+}
+
+function useLatestRef(value) {
+  const ref = React__namespace.useRef(value);
+  index(() => {
+    ref.current = value;
+  });
+  return ref;
+}
+
+/**
+ * Provides data to position a floating element.
+ * @see https://floating-ui.com/docs/useFloating
+ */
+function useFloating(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    placement = 'bottom',
+    strategy = 'absolute',
+    middleware = [],
+    platform,
+    elements: {
+      reference: externalReference,
+      floating: externalFloating
+    } = {},
+    transform = true,
+    whileElementsMounted,
+    open
+  } = options;
+  const [data, setData] = React__namespace.useState({
+    x: 0,
+    y: 0,
+    strategy,
+    placement,
+    middlewareData: {},
+    isPositioned: false
+  });
+  const [latestMiddleware, setLatestMiddleware] = React__namespace.useState(middleware);
+  if (!deepEqual(latestMiddleware, middleware)) {
+    setLatestMiddleware(middleware);
+  }
+  const [_reference, _setReference] = React__namespace.useState(null);
+  const [_floating, _setFloating] = React__namespace.useState(null);
+  const setReference = React__namespace.useCallback(node => {
+    if (node !== referenceRef.current) {
+      referenceRef.current = node;
+      _setReference(node);
+    }
+  }, []);
+  const setFloating = React__namespace.useCallback(node => {
+    if (node !== floatingRef.current) {
+      floatingRef.current = node;
+      _setFloating(node);
+    }
+  }, []);
+  const referenceEl = externalReference || _reference;
+  const floatingEl = externalFloating || _floating;
+  const referenceRef = React__namespace.useRef(null);
+  const floatingRef = React__namespace.useRef(null);
+  const dataRef = React__namespace.useRef(data);
+  const hasWhileElementsMounted = whileElementsMounted != null;
+  const whileElementsMountedRef = useLatestRef(whileElementsMounted);
+  const platformRef = useLatestRef(platform);
+  const openRef = useLatestRef(open);
+  const update = React__namespace.useCallback(() => {
+    if (!referenceRef.current || !floatingRef.current) {
+      return;
+    }
+    const config = {
+      placement,
+      strategy,
+      middleware: latestMiddleware
+    };
+    if (platformRef.current) {
+      config.platform = platformRef.current;
+    }
+    computePosition(referenceRef.current, floatingRef.current, config).then(data => {
+      const fullData = {
+        ...data,
+        // The floating element's position may be recomputed while it's closed
+        // but still mounted (such as when transitioning out). To ensure
+        // `isPositioned` will be `false` initially on the next open, avoid
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: openRef.current !== false
+      };
+      if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
+        dataRef.current = fullData;
+        ReactDOM__namespace.flushSync(() => {
+          setData(fullData);
+        });
+      }
+    });
+  }, [latestMiddleware, placement, strategy, platformRef, openRef]);
+  index(() => {
+    if (open === false && dataRef.current.isPositioned) {
+      dataRef.current.isPositioned = false;
+      setData(data => ({
+        ...data,
+        isPositioned: false
+      }));
+    }
+  }, [open]);
+  const isMountedRef = React__namespace.useRef(false);
+  index(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  index(() => {
+    if (referenceEl) referenceRef.current = referenceEl;
+    if (floatingEl) floatingRef.current = floatingEl;
+    if (referenceEl && floatingEl) {
+      if (whileElementsMountedRef.current) {
+        return whileElementsMountedRef.current(referenceEl, floatingEl, update);
+      }
+      update();
+    }
+  }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
+  const refs = React__namespace.useMemo(() => ({
+    reference: referenceRef,
+    floating: floatingRef,
+    setReference,
+    setFloating
+  }), [setReference, setFloating]);
+  const elements = React__namespace.useMemo(() => ({
+    reference: referenceEl,
+    floating: floatingEl
+  }), [referenceEl, floatingEl]);
+  const floatingStyles = React__namespace.useMemo(() => {
+    const initialStyles = {
+      position: strategy,
+      left: 0,
+      top: 0
+    };
+    if (!elements.floating) {
+      return initialStyles;
+    }
+    const x = roundByDPR(elements.floating, data.x);
+    const y = roundByDPR(elements.floating, data.y);
+    if (transform) {
+      return {
+        ...initialStyles,
+        transform: "translate(" + x + "px, " + y + "px)",
+        ...(getDPR(elements.floating) >= 1.5 && {
+          willChange: 'transform'
+        })
+      };
+    }
+    return {
+      position: strategy,
+      left: x,
+      top: y
+    };
+  }, [strategy, transform, elements.floating, data.x, data.y]);
+  return React__namespace.useMemo(() => ({
+    ...data,
+    update,
+    refs,
+    elements,
+    floatingStyles
+  }), [data, update, refs, elements, floatingStyles]);
+}
+
+/**
+ * Provides data to position an inner element of the floating element so that it
+ * appears centered to the reference element.
+ * This wraps the core `arrow` middleware to allow React refs as the element.
+ * @see https://floating-ui.com/docs/arrow
+ */
+const arrow$1 = options => {
+  function isRef(value) {
+    return {}.hasOwnProperty.call(value, 'current');
+  }
+  return {
+    name: 'arrow',
+    options,
+    fn(state) {
+      const {
+        element,
+        padding
+      } = typeof options === 'function' ? options(state) : options;
+      if (element && isRef(element)) {
+        if (element.current != null) {
+          return arrow$2({
+            element: element.current,
+            padding
+          }).fn(state);
+        }
+        return {};
+      }
+      if (element) {
+        return arrow$2({
+          element,
+          padding
+        }).fn(state);
+      }
+      return {};
+    }
+  };
+};
+
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */
+const offset = (options, deps) => ({
+  ...offset$1(options),
+  options: [options, deps]
+});
+
+/**
+ * Optimizes the visibility of the floating element by shifting it in order to
+ * keep it in view when it will overflow the clipping boundary.
+ * @see https://floating-ui.com/docs/shift
+ */
+const shift = (options, deps) => ({
+  ...shift$1(options),
+  options: [options, deps]
+});
+
+/**
+ * Optimizes the visibility of the floating element by flipping the `placement`
+ * in order to keep it in view when the preferred placement(s) will overflow the
+ * clipping boundary. Alternative to `autoPlacement`.
+ * @see https://floating-ui.com/docs/flip
+ */
+const flip = (options, deps) => ({
+  ...flip$1(options),
+  options: [options, deps]
+});
+
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */
+const size = (options, deps) => ({
+  ...size$1(options),
+  options: [options, deps]
+});
+
+/**
+ * Provides data to position an inner element of the floating element so that it
+ * appears centered to the reference element.
+ * This wraps the core `arrow` middleware to allow React refs as the element.
+ * @see https://floating-ui.com/docs/arrow
+ */
+const arrow = (options, deps) => ({
+  ...arrow$1(options),
+  options: [options, deps]
+});
+
+function TooltipTrigger({ as, asChild = false, children, ...props }) {
+    const TooltipTriggerElement = as || react.Button;
+    if (asChild && React.isValidElement(children))
+        return React.cloneElement(children, props);
+    return jsxRuntime.jsx(TooltipTriggerElement, { ...props, children: children });
+}
+function TooltipPanel({ as, children, className, style, ...props }) {
+    const TooltipPanelElement = as || 'div';
+    return (jsxRuntime.jsx(TooltipPanelElement, { ...props, className: twMerge('absolute top-0 left-0 z-50 w-max rounded-md bg-neutral-50 px-2 py-1 text-sm text-neutral-950 opacity-0 shadow-lg outline-1 outline-neutral-400 data-portal:fixed data-ready:animate-fade-in dark:bg-neutral-800 dark:text-neutral-50 dark:shadow-none dark:-outline-offset-1 dark:outline-neutral-600', className), style: style, children: children }));
+}
+function Tooltip({ anchor = 'top', arrow: arrow$1, arrowClassName, children, delay = 500, offset: offset$1 = 8, onClose, onOpen, portal, }) {
+    const [isOpen, setIsOpen] = React.useState(false), timeoutRef = React.useRef(undefined), arrowRef = React.useRef(null);
+    const [bodyElement, setBodyElement] = React.useState(() => typeof window !== 'undefined' ? document.body : null);
+    React.useEffect(() => {
+        if (typeof window !== 'undefined' && !bodyElement) {
+            const documentBody = document.body;
+            setBodyElement(documentBody);
+        }
+    }, [bodyElement, portal]);
+    const { refs, floatingStyles, isPositioned, placement, middlewareData } = useFloating({
+        middleware: [
+            offset(offset$1),
+            flip({ padding: 20 }),
+            shift({ padding: 20 }),
+            size({
+                apply({ availableHeight, availableWidth, elements }) {
+                    const height = `${Math.max(0, availableHeight) / 16}rem`, width = `${Math.min(418, availableWidth) / 16}rem`;
+                    elements.floating.style.maxHeight = height;
+                    elements.floating.style.maxWidth = width;
+                },
+            }),
+            ...(arrowRef.current ? [arrow({ element: arrowRef.current })] : []),
+        ],
+        placement: anchor,
+        strategy: portal ? 'fixed' : 'absolute',
+        whileElementsMounted: autoUpdate,
+        open: isOpen,
+    });
+    const openTooltip = React.useCallback(() => {
+        clearTimeout(timeoutRef.current);
+        if (delay > 0) {
+            timeoutRef.current = setTimeout(() => {
+                setIsOpen(true);
+                onOpen?.();
+            }, delay);
+        }
+        else {
+            setIsOpen(true);
+            onOpen?.();
+        }
+    }, [delay, onOpen]);
+    const closeTooltip = React.useCallback(() => {
+        clearTimeout(timeoutRef.current);
+        setIsOpen(false);
+        onClose?.();
+    }, [onClose]);
+    React.useEffect(() => {
+        return () => {
+            clearTimeout(timeoutRef.current);
+        };
+    }, []);
+    const content = typeof children === 'function' ? children({ openTooltip, closeTooltip }) : children;
+    const triggerElement = findComponentByType(content, TooltipTrigger), contentElement = findComponentByType(content, TooltipPanel);
+    if (!contentElement)
+        throw new Error('TooltipPanel must be defined in Tooltip children');
+    if (!triggerElement && typeof children !== 'function')
+        throw new Error('TooltipTrigger must be provided when not using render prop pattern');
+    const arrowStyles = {};
+    const reversedAnchor = {
+        top: 'bottom',
+        right: 'left',
+        bottom: 'top',
+        left: 'right',
+        'top-start': 'bottom left',
+        'top-end': 'bottom right',
+        'right-start': 'top left',
+        'right-end': 'bottom left',
+        'bottom-start': 'top left',
+        'bottom-end': 'top right',
+        'left-start': 'top right',
+        'left-end': 'bottom right',
+    }[placement];
+    if (middlewareData.arrow && arrow$1) {
+        const { x, y } = middlewareData.arrow;
+        const staticSide = {
+            top: 'bottom',
+            right: 'left',
+            bottom: 'top',
+            left: 'right',
+        }[placement.split('-')[0]];
+        if (staticSide) {
+            arrowStyles[staticSide] = '-4px';
+            if (x != null)
+                arrowStyles.left = `${x}px`;
+            if (y != null)
+                arrowStyles.top = `${y}px`;
+        }
+    }
+    const getArrowLocationClasses = () => {
+        switch (placement) {
+            case 'bottom':
+            case 'bottom-end':
+            case 'bottom-start':
+                return '-translate-y-1';
+            case 'top':
+            case 'top-end':
+            case 'top-start':
+                return 'rotate-180 translate-y-1';
+            case 'left':
+            case 'left-end':
+            case 'left-start':
+                return 'rotate-90 translate-x-2';
+            case 'right':
+            case 'right-end':
+            case 'right-start':
+                return '-rotate-90 -translate-x-2';
+        }
+    };
+    const arrowLocationClasses = getArrowLocationClasses();
+    const handleMouseEnter = e => {
+        openTooltip();
+        triggerElement?.props.onMouseEnter?.(e);
+    };
+    const handleMouseLeave = e => {
+        triggerElement?.props.onMouseLeave?.(e);
+        closeTooltip();
+    };
+    const handleTouchStart = e => {
+        openTooltip();
+        triggerElement?.props.onTouchStart?.(e);
+    };
+    const handleFocus = e => {
+        triggerElement?.props.onFocus?.(e);
+        openTooltip();
+    };
+    const handleBlur = e => {
+        triggerElement?.props.onBlur?.(e);
+        closeTooltip();
+    };
+    const tooltipContent = (jsxRuntime.jsx(jsxRuntime.Fragment, { children: isOpen &&
+            contentElement &&
+            React.cloneElement(contentElement, {
+                children: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [contentElement.props.children, arrow$1 && (jsxRuntime.jsx(ArrowSvg, { className: twMerge('absolute', arrowLocationClasses, arrowClassName), style: arrowStyles, "data-tooltip-arrow": true }))] })),
+                ...(portal ? { 'data-portal': true } : {}),
+                ...(isPositioned ? { 'data-ready': true } : {}),
+                onMouseEnter: openTooltip,
+                onMouseLeave: closeTooltip,
+                onTouchStart: handleTouchStart,
+                ref: (node) => {
+                    refs.setFloating(node);
+                    if (node && arrow$1) {
+                        const arrowElement = node.querySelector('[data-tooltip-arrow]');
+                        if (arrowElement)
+                            arrowRef.current = arrowElement;
+                    }
+                },
+                role: 'tooltip',
+                style: {
+                    ...contentElement.props.style,
+                    ...floatingStyles,
+                    transformOrigin: reversedAnchor,
+                    pointerEvents: 'none',
+                },
+            }) }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [triggerElement &&
+                React.cloneElement(triggerElement, {
+                    ref: refs.setReference,
+                    onMouseEnter: handleMouseEnter,
+                    onMouseLeave: handleMouseLeave,
+                    onFocus: handleFocus,
+                    onBlur: handleBlur,
+                    'aria-describedby': isOpen ? 'tooltip' : undefined,
+                }), portal ? bodyElement && ReactDOM.createPortal(tooltipContent, bodyElement) : tooltipContent] }));
+}
+function ArrowSvg({ className, ...props }) {
+    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 20 10', className: twMerge('h-2.5 w-5 fill-none', className), ...props, children: [jsxRuntime.jsx("path", { d: 'M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z', className: 'fill-neutral-50 dark:fill-neutral-800' }), jsxRuntime.jsx("path", { d: 'M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z', className: 'fill-neutral-400 dark:fill-none' }), jsxRuntime.jsx("path", { d: 'M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z', className: 'dark:fill-neutral-600' })] }));
+}
+
+function Input({ checked, className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid = true, label, labelProps, name, onBlur, onChange, placeholder, ref, required = true, type, value, ...props }) {
+    const [formContext, setFormContext] = useFormContext(), [errorMessage, setErrorMessage] = React.useState(undefined);
+    if (placeholder === '*')
+        placeholder = name + (required && !label ? '*' : '');
+    if (label === '*')
+        label = name;
+    const uniqueID = React.useId(), fieldContextID = toLowerCase(name, [, '_']) + '§' + uniqueID;
+    if (Boolean(formContext?.find(field => field.id === fieldContextID)?.invalid))
+        invalid = true;
+    const getFieldContextType = () => {
+        switch (type) {
+            case 'email':
+                return 'email';
+            case 'file':
+                return 'file';
+            case 'number':
+                return 'number';
+            case 'tel':
+                return 'tel';
+            case 'url':
+                return 'url';
+            default:
+                return 'string';
+        }
+    };
+    const fieldContextType = getFieldContextType();
+    const initialFieldContext = defineField({
+        type: fieldContextType,
+        id: fieldContextID,
+        invalid,
+        name,
+        required,
+        value: value ? `${value}` : defaultValue ? `${defaultValue}` : '',
+    });
+    React.useEffect(() => {
+        if (!setFormContext)
+            return;
+        setFormContext(prevContext => {
+            const otherFields = (prevContext || []).filter(field => field.id !== initialFieldContext.id);
+            return [...otherFields, initialFieldContext];
+        });
+        return () => {
+            setFormContext(prevContext => (prevContext || []).filter(field => field.id !== initialFieldContext.id));
+        };
+    }, [setFormContext]);
+    const fieldContext = formContext?.find(({ id: fieldID }) => fieldID === initialFieldContext.id) || initialFieldContext;
+    const validateField = (validValue) => {
+        const noValue = !validValue || validValue === '';
+        if (!required && noValue)
+            return true;
+        const errorMessageList = [];
+        if (noValue) {
+            errorMessageList.push('This field is required.');
+            setErrorMessage(errorMessageList.join(' '));
+            return false;
+        }
+        switch (type) {
+            case 'email':
+                if (!isEmail(validValue))
+                    errorMessageList.push('This is not a valid email.');
+                break;
+            case 'number':
+                if (isNaN(Number(validValue)))
+                    errorMessageList.push('This is not a valid number.');
+                break;
+            case 'tel':
+                if (!isPhoneNumber(validValue))
+                    errorMessageList.push('This is not a valid phone number.');
+                break;
+        }
+        if (errorMessageList.length === 0)
+            return true;
+        setErrorMessage(errorMessageList.join(' '));
+        return false;
+    };
+    const handleChange = e => {
+        if (disabled) {
+            e.preventDefault();
+            return;
+        }
+        const { currentTarget } = e, { value: newValue } = currentTarget;
+        setFormContext?.(prevContext => {
+            if (!prevContext)
+                return [];
+            const field = prevContext.find(({ id: fieldID }) => fieldID === initialFieldContext.id);
+            if (!field)
+                throw new Error(`Field with id "${initialFieldContext.id}" not found in form context.`);
+            const otherFields = prevContext.filter(({ id: fieldID }) => fieldID !== initialFieldContext.id);
+            const updatedField = { ...field, value: newValue };
+            const invalidField = validateField(newValue) === false;
+            if (invalidField !== field.invalid)
+                updatedField.invalid = invalidField;
+            return [...otherFields, updatedField];
+        });
+        onChange?.(e);
+    };
+    const handleBlur = e => {
+        if (disabled) {
+            e.preventDefault();
+            return;
+        }
+        const { currentTarget } = e, { value: newValue } = currentTarget;
+        if (required)
+            validateField(newValue);
+        switch (type) {
+            case 'email':
+                setFormContext?.(prevContext => {
+                    if (!prevContext)
+                        return [];
+                    const field = prevContext.find(({ id: fieldID }) => fieldID === initialFieldContext.id);
+                    if (!field)
+                        throw new Error(`Field with id "${initialFieldContext.id}" not found in form context.`);
+                    const otherFields = prevContext.filter(({ id: fieldID }) => fieldID !== initialFieldContext.id);
+                    const updatedField = { ...field, value: newValue.toLowerCase() };
+                    return [...otherFields, updatedField];
+                });
+                break;
+            case 'tel':
+                setFormContext?.(prevContext => {
+                    if (!prevContext)
+                        return [];
+                    const field = prevContext.find(({ id: fieldID }) => fieldID === initialFieldContext.id);
+                    if (!field)
+                        throw new Error(`Field with id "${initialFieldContext.id}" not found in form context.`);
+                    const otherFields = prevContext.filter(({ id: fieldID }) => fieldID !== initialFieldContext.id);
+                    const updatedField = { ...field, value: formatPhoneNumber(newValue, '1') };
+                    return [...otherFields, updatedField];
+                });
+                break;
+        }
+        onBlur?.(e);
+    };
+    const restFieldProps = fieldProps
+        ? Object.fromEntries(Object.entries(fieldProps).filter(([key]) => key !== 'className'))
+        : {};
+    const restLabelProps = labelProps
+        ? Object.fromEntries(Object.entries(labelProps).filter(([key]) => key !== 'className'))
+        : {};
+    const restDescriptionProps = descriptionProps
+        ? Object.fromEntries(Object.entries(descriptionProps).filter(([key]) => key !== 'className'))
+        : {};
+    return (jsxRuntime.jsxs(react.Field, { ...restFieldProps, className: bag => twMerge('grid gap-1', typeof fieldProps?.className === 'function' ? fieldProps?.className(bag) : fieldProps?.className), disabled: disabled, children: [label && (jsxRuntime.jsx(react.Label, { ...restLabelProps, className: bag => twMerge('text-sm font-medium', required ? 'after:text-ui-red after:content-["_*"]' : '', typeof labelProps?.className === 'function' ? labelProps?.className(bag) : labelProps?.className), children: label })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(react.Input, { ...props, className: bag => twMerge(
+                        // Base styles
+                        'w-full rounded-xl border-1 border-neutral-500/50 bg-neutral-100 py-1 pl-2 text-neutral-950 outline-offset-1 outline-ui-sky-blue/95 transition-[background-color] duration-300 ease-exponential dark:bg-neutral-700 dark:text-neutral-50', 
+                        // Pseudo styles
+                        'focus-visible:bg-neutral-50 focus-visible:outline-3 active:bg-neutral-200 dark:focus-visible:bg-neutral-600 dark:active:bg-neutral-800 pointer-fine:hover:bg-neutral-50 pointer-fine:active:bg-neutral-200 dark:pointer-fine:hover:bg-neutral-600 dark:pointer-fine:active:bg-neutral-800', 
+                        // user-invalid styles
+                        'user-invalid:border-ui-red user-invalid:bg-[color-mix(in_oklab,var(--color-ui-red)_20%,var(--color-neutral-100))] user-invalid:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-100))] user-invalid:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-100))] dark:user-invalid:bg-[color-mix(in_oklab,var(--color-ui-red)_20%,var(--color-neutral-800))] dark:user-invalid:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-800))] dark:user-invalid:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-800))] user-invalid:pointer-fine:hover:bg-[color-mix(in_oklab,var(--color-ui-red)_10%,var(--color-neutral-100))] user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-100))] user-invalid:pointer-fine:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-100))] dark:user-invalid:pointer-fine:hover:bg-[color-mix(in_oklab,var(--color-ui-red)_10%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-800))]', 
+                        // Custom styles
+                        typeof className === 'function' ? className(bag) : className), invalid: invalid, onBlur: handleBlur, onChange: handleChange, placeholder: placeholder, ref: ref, required: required, type: type, value: fieldContext?.value }), fieldContext.invalid && errorMessage && (jsxRuntime.jsxs(Tooltip, { anchor: 'top-end', arrow: true, portal: true, children: [jsxRuntime.jsx(TooltipTrigger, { as: Button, className: 'absolute top-1.25 right-1.25 z-10 size-6 min-w-0', padding: 'none', rounded: 'md', theme: 'red', children: jsxRuntime.jsx(ExclamationmarkOctagon, { className: 'absolute top-1/2 left-1/2 size-full -translate-x-1/2 -translate-y-1/2 scale-70' }) }), jsxRuntime.jsx(TooltipPanel, { children: errorMessage })] }))] }), description && (jsxRuntime.jsx(react.Description, { ...restDescriptionProps, className: bag => twMerge('text-xs', typeof descriptionProps?.className === 'function'
+                    ? descriptionProps?.className(bag)
+                    : descriptionProps?.className), children: description }))] }));
+}
+
+function SubmitButton({ children, className, customTheme, error, incomplete, loading, success, type = 'submit', ...props }) {
+    const [formStatus] = useFormStatus();
+    const getFormStatusButtonClasses = () => {
+        switch (formStatus) {
+            case 'loading':
+                return twSort('animate-pulse cursor-wait text-lg leading-6 font-black tracking-widest');
+            case 'error':
+            case 'success':
+                return 'cursor-not-allowed';
+            default:
+                return undefined;
+        }
+    };
+    const formStatusButtonClasses = getFormStatusButtonClasses();
+    const getButtonText = () => {
+        switch (formStatus) {
+            case 'incomplete':
+                return incomplete || 'Complete Form';
+            case 'loading':
+                return (loading || (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: 'inline-block animate-wave animation-delay-300', children: "\u2022" }), jsxRuntime.jsx("span", { className: 'inline-block animate-wave animation-delay-150', children: "\u2022" }), jsxRuntime.jsx("span", { className: 'inline-block animate-wave', children: "\u2022" })] })));
+            case 'error':
+                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [error || 'Error', ' ', jsxRuntime.jsx("span", { className: 'absolute top-1/2 ml-1.5 translate-y-[calc(-50%-1.5px)] text-2xl', children: "\u00D7" })] }));
+            case 'success':
+                return success || 'Successfully Submitted';
+            default:
+                return children || 'Submit';
+        }
+    };
+    const buttonText = getButtonText();
+    const getDataFormState = () => {
+        switch (formStatus) {
+            case 'error':
+                return { 'data-error': true };
+            case 'incomplete':
+                return { 'data-incomplete': true };
+            case 'loading':
+                return { 'data-loading': true };
+            case 'readonly':
+                return { 'data-readonly': true };
+            case 'ready':
+                return { 'data-ready': true };
+            case 'success':
+                return { 'data-success': true };
+            default:
+                return {};
+        }
+    };
+    const dataFormState = getDataFormState();
+    return (jsxRuntime.jsx(Button, { ...props, ...dataFormState, as: 'button', className: twMerge([formStatusButtonClasses, 'w-full text-white data-loading:text-black', className]), customTheme: {
+            themeColor: twMerge('data-error:[--theme-color:var(--color-ui-red)] data-incomplete:[--theme-color:var(--color-ui-grey)] data-loading:[--theme-color:var(--color-ui-yellow)] data-readonly:[--theme-color:var(--color-ui-grey)] data-ready:[--theme-color:var(--color-ui-blue)] data-success:[--theme-color:var(--color-ui-green)]', customTheme?.themeColor),
+        }, theme: 'custom', type: type, children: buttonText }));
+}
+
+function Textarea({ className, defaultValue, description, descriptionProps, disabled, fieldProps, invalid = true, label, labelProps, name, onBlur, onChange, placeholder, ref, required = true, value, ...props }) {
+    const [formContext, setFormContext] = useFormContext(), [errorMessage, setErrorMessage] = React.useState(undefined);
+    if (placeholder === '*')
+        placeholder = name + (required && !label ? '*' : '');
+    if (label === '*')
         label = name;
-    const uniqueID = react.useId(), fieldContextID = toLowerCase(name, [, '_']) + '§' + uniqueID;
+    const uniqueID = React.useId(), fieldContextID = toLowerCase(name, [, '_']) + '§' + uniqueID;
     if (Boolean(formContext?.find(field => field.id === fieldContextID)?.invalid))
         invalid = true;
     const initialFieldContext = defineField({
@@ -1002,7 +3300,7 @@ function Textarea({ className, defaultValue, description, descriptionProps, disa
         required,
         value: value ? `${value}` : defaultValue ? `${defaultValue}` : '',
     });
-    react.useEffect(() => {
+    React.useEffect(() => {
         if (!setFormContext)
             return;
         setFormContext(prevContext => {
@@ -1014,13 +3312,26 @@ function Textarea({ className, defaultValue, description, descriptionProps, disa
         };
     }, [setFormContext]);
     const fieldContext = formContext?.find(({ id: fieldID }) => fieldID === initialFieldContext.id) || initialFieldContext;
-    const debounceTimerRef = react.useRef(undefined);
+    const validateField = (validValue) => {
+        const noValue = !validValue || validValue === '';
+        if (!required && noValue)
+            return true;
+        const errorMessageList = [];
+        if (noValue) {
+            errorMessageList.push('This field is required.');
+            setErrorMessage(errorMessageList.join(' '));
+            return false;
+        }
+        if (errorMessageList.length === 0)
+            return true;
+        setErrorMessage(errorMessageList.join(' '));
+        return false;
+    };
     const handleChange = e => {
         if (disabled) {
             e.preventDefault();
             return;
         }
-        clearTimeout(debounceTimerRef.current);
         const { currentTarget } = e, { value: newValue } = currentTarget;
         setFormContext?.(prevContext => {
             if (!prevContext)
@@ -1030,25 +3341,11 @@ function Textarea({ className, defaultValue, description, descriptionProps, disa
                 throw new Error(`Field with id "${initialFieldContext.id}" not found in form context.`);
             const otherFields = prevContext.filter(({ id: fieldID }) => fieldID !== initialFieldContext.id);
             const updatedField = { ...field, value: newValue };
+            const invalidField = validateField(newValue) === false;
+            if (invalidField !== field.invalid)
+                updatedField.invalid = invalidField;
             return [...otherFields, updatedField];
         });
-        debounceTimerRef.current = setTimeout(() => {
-            const field = formContext?.find(({ id: fieldID }) => fieldID === initialFieldContext.id);
-            if (!field)
-                return;
-            const invalid = validateField(newValue, field) === false;
-            if (invalid !== field.invalid)
-                setFormContext?.(prevContext => {
-                    if (!prevContext)
-                        return [];
-                    const field = prevContext.find(({ id: fieldID }) => fieldID === initialFieldContext.id);
-                    if (!field)
-                        throw new Error(`Field with id "${initialFieldContext.id}" not found in form context.`);
-                    const otherFields = prevContext.filter(({ id: fieldID }) => fieldID !== initialFieldContext.id);
-                    const updatedField = { ...field, invalid };
-                    return [...otherFields, updatedField];
-                });
-        }, 500);
         onChange?.(e);
     };
     const restFieldProps = fieldProps
@@ -1060,15 +3357,15 @@ function Textarea({ className, defaultValue, description, descriptionProps, disa
     const restDescriptionProps = descriptionProps
         ? Object.fromEntries(Object.entries(descriptionProps).filter(([key]) => key !== 'className'))
         : {};
-    return (jsxRuntime.jsxs(react$1.Field, { ...restFieldProps, className: bag => twMerge('grid gap-1', typeof fieldProps?.className === 'function' ? fieldProps?.className(bag) : fieldProps?.className), disabled: disabled, children: [label && (jsxRuntime.jsx(react$1.Label, { ...restLabelProps, className: bag => twMerge('text-sm font-medium', required ? 'after:text-ui-red after:content-["_*"]' : '', typeof labelProps?.className === 'function' ? labelProps?.className(bag) : labelProps?.className), children: label })), jsxRuntime.jsx(react$1.Textarea, { ...props, className: bag => twMerge(
-                // Base styles
-                'field-sizing-content resize-none rounded-xl border-1 border-neutral-500/50 bg-neutral-100 py-1 pl-2 text-neutral-950 outline-offset-1 outline-ui-sky-blue/95 transition-[background-color] duration-300 ease-exponential dark:bg-neutral-700 dark:text-neutral-50', 
-                // Pseudo styles
-                'focus-visible:bg-neutral-50 focus-visible:outline-3 active:bg-neutral-200 dark:focus-visible:bg-neutral-600 dark:active:bg-neutral-800 pointer-fine:hover:bg-neutral-50 pointer-fine:active:bg-neutral-200 dark:pointer-fine:hover:bg-neutral-600 dark:pointer-fine:active:bg-neutral-800', 
-                // user-invalid styles
-                'user-invalid:border-ui-red user-invalid:bg-[color-mix(in_oklab,var(--color-ui-red)_20%,var(--color-neutral-100))] user-invalid:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-100))] user-invalid:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-100))] dark:user-invalid:bg-[color-mix(in_oklab,var(--color-ui-red)_20%,var(--color-neutral-800))] dark:user-invalid:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-800))] dark:user-invalid:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-800))] user-invalid:pointer-fine:hover:bg-[color-mix(in_oklab,var(--color-ui-red)_10%,var(--color-neutral-100))] user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-100))] user-invalid:pointer-fine:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-100))] dark:user-invalid:pointer-fine:hover:bg-[color-mix(in_oklab,var(--color-ui-red)_10%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-800))]', 
-                // Custom styles
-                typeof className === 'function' ? className(bag) : className), id: fieldContext?.id, invalid: invalid, onChange: handleChange, placeholder: placeholder, ref: ref, required: required, value: fieldContext?.value }), description && (jsxRuntime.jsx(react$1.Description, { ...restDescriptionProps, className: bag => twMerge('text-xs', typeof descriptionProps?.className === 'function'
+    return (jsxRuntime.jsxs(react.Field, { ...restFieldProps, className: bag => twMerge('grid gap-1', typeof fieldProps?.className === 'function' ? fieldProps?.className(bag) : fieldProps?.className), disabled: disabled, children: [label && (jsxRuntime.jsx(react.Label, { ...restLabelProps, className: bag => twMerge('text-sm font-medium', required ? 'after:text-ui-red after:content-["_*"]' : '', typeof labelProps?.className === 'function' ? labelProps?.className(bag) : labelProps?.className), children: label })), jsxRuntime.jsxs("div", { className: 'z-10 -mb-1.5', children: [jsxRuntime.jsx(react.Textarea, { ...props, className: bag => twMerge(
+                        // Base styles
+                        'field-sizing-content w-full resize-none rounded-xl border-1 border-neutral-500/50 bg-neutral-100 py-1 pl-2 text-neutral-950 outline-offset-1 outline-ui-sky-blue/95 transition-[background-color] duration-300 ease-exponential dark:bg-neutral-700 dark:text-neutral-50', 
+                        // Pseudo styles
+                        'focus-visible:bg-neutral-50 focus-visible:outline-3 active:bg-neutral-200 dark:focus-visible:bg-neutral-600 dark:active:bg-neutral-800 pointer-fine:hover:bg-neutral-50 pointer-fine:active:bg-neutral-200 dark:pointer-fine:hover:bg-neutral-600 dark:pointer-fine:active:bg-neutral-800', 
+                        // user-invalid styles
+                        'user-invalid:border-ui-red user-invalid:bg-[color-mix(in_oklab,var(--color-ui-red)_20%,var(--color-neutral-100))] user-invalid:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-100))] user-invalid:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-100))] dark:user-invalid:bg-[color-mix(in_oklab,var(--color-ui-red)_20%,var(--color-neutral-800))] dark:user-invalid:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-800))] dark:user-invalid:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-800))] user-invalid:pointer-fine:hover:bg-[color-mix(in_oklab,var(--color-ui-red)_10%,var(--color-neutral-100))] user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-100))] user-invalid:pointer-fine:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-100))] dark:user-invalid:pointer-fine:hover:bg-[color-mix(in_oklab,var(--color-ui-red)_10%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:focus-visible:bg-[color-mix(in_oklab,var(--color-ui-red)_1%,var(--color-neutral-800))] dark:user-invalid:pointer-fine:active:bg-[color-mix(in_oklab,var(--color-ui-red)_25%,var(--color-neutral-800))]', 
+                        // Custom styles
+                        typeof className === 'function' ? className(bag) : className), id: fieldContext?.id, invalid: invalid, onChange: handleChange, placeholder: placeholder, ref: ref, required: required, value: fieldContext?.value }), fieldContext.invalid && errorMessage && (jsxRuntime.jsxs(Tooltip, { anchor: 'top-end', arrow: true, portal: true, children: [jsxRuntime.jsx(TooltipTrigger, { as: Button, className: 'absolute top-1.25 right-1.25 z-10 size-6 min-w-0', padding: 'none', rounded: 'md', theme: 'red', children: jsxRuntime.jsx(ExclamationmarkOctagon, { className: 'absolute top-1/2 left-1/2 size-full -translate-x-1/2 -translate-y-1/2 scale-70' }) }), jsxRuntime.jsx(TooltipPanel, { children: errorMessage })] }))] }), description && (jsxRuntime.jsx(react.Description, { ...restDescriptionProps, className: bag => twMerge('text-xs', typeof descriptionProps?.className === 'function'
                     ? descriptionProps?.className(bag)
                     : descriptionProps?.className), children: description }))] }));
 }
@@ -1077,7 +3374,7 @@ function Textarea({ className, defaultValue, description, descriptionProps, disa
 function FormComponent({ as, children, className, handleSubmit, onError, onSubmit, onSuccess, ...props }) {
     const [formContext] = useFormContext(), [formStatus, setFormStatus] = useFormStatus();
     // const submitButton = findComponentByType(children, SubmitButton)
-    react.useEffect(() => {
+    React.useEffect(() => {
         if (!formContext)
             return;
         if (formStatus !== 'incomplete' && formContext.find(({ invalid }) => invalid))
@@ -1093,19 +3390,19 @@ function FormComponent({ as, children, className, handleSubmit, onError, onSubmi
             const response = await onSubmit?.({ event: e, formContext });
             if (response && ('error' in response || response.status === 'error')) {
                 setFormStatus?.('error');
-                onError?.({ event: e, error: response.error || 'An error occurred when submitting the form.' });
+                onError?.({ event: e, error: response.error || 'An error occurred when submitting the form.', formContext });
                 return;
             }
             if ((response && response.status === 'success') || !response) {
                 setFormStatus?.('success');
-                onSuccess?.({ event: e });
+                onSuccess?.({ event: e, formContext });
             }
         });
     const FormElement = as || 'form';
     return (jsxRuntime.jsx(FormElement, { ...props, className: twMerge(className, 'grid gap-3'), onSubmit: processSubmit, children: children }));
 }
 function Form({ controlled = 'auto', initialStatus = 'incomplete', ...props }) {
-    const FormContextOrNotProvider = controlled === 'auto' ? FormContextProvider : react.Fragment;
+    const FormContextOrNotProvider = controlled === 'auto' ? FormContextProvider : React.Fragment;
     return (jsxRuntime.jsx(FormStatusProvider, { initialStatus: initialStatus, children: jsxRuntime.jsx(FormContextOrNotProvider, { children: jsxRuntime.jsx(FormComponent, { ...props }) }) }));
 }
 
@@ -1115,11 +3412,11 @@ function Ghost({ children, className, ...props }) {
 
 function getTextFromChildren(children) {
     let text = '';
-    react.Children.forEach(children, child => {
+    React.Children.forEach(children, child => {
         if (typeof child === 'string' || typeof child === 'number') {
             text += child;
         }
-        else if (react.isValidElement(child)) {
+        else if (React.isValidElement(child)) {
             text += getTextFromChildren(child.props.children);
         }
     });
@@ -1136,460 +3433,50 @@ function Heading({ as = 'h2', children, customize, className, id, ref, ...props
     const getBaseClasses = () => {
         switch (as) {
             case 'h1':
-                return customize?.h1 || twSort('pb-2.5 text-6xl font-black last:pb-0');
+                return twMerge('pb-2.5 text-6xl font-black last:pb-0', customize?.h1);
             case 'h3':
-                return customize?.h3 || twSort('pb-2 text-4xl font-extralight last:pb-0');
+                return twMerge('pb-2 text-4xl font-extralight last:pb-0', customize?.h3);
             case 'h4':
-                return customize?.h4 || twSort('pb-2 text-3xl font-extrabold last:pb-0');
+                return twMerge('pb-2 text-3xl font-extrabold last:pb-0', customize?.h4);
             case 'h5':
-                return customize?.h5 || twSort('pb-1.5 text-2xl font-semibold last:pb-0');
+                return twMerge('pb-1.5 text-2xl font-semibold last:pb-0', customize?.h5);
             case 'h6':
-                return customize?.h6 || twSort('pb-1 text-xl font-bold last:pb-0');
+                return twMerge('pb-1 text-xl font-bold last:pb-0', customize?.h6);
             default:
-                return customize?.h2 || twSort('pb-2.5 text-5xl font-medium last:pb-0');
+                return twMerge('pb-2.5 text-5xl font-medium last:pb-0', customize?.h2);
         }
     };
     const baseClasses = getBaseClasses();
     return (jsxRuntime.jsx(H, { ref: ref, id: targetableID, ...props, className: twMerge(baseClasses, className), children: children }));
 }
 
-function Airplane(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 63.9', ...props, children: jsxRuntime.jsx("path", { d: 'M62.7,1.3c-0.9-0.9-2-1.3-3.4-1.2c-1.4,0.1-3,0.5-4.5,1.2c-1.6,0.8-3.2,1.9-4.6,3.4L41,13.7c-0.7,0.7-1.2,1.1-1.6,1.2 c-0.5,0.2-1.1,0.3-1.9,0.2L5.5,13.8c-1.1-0.1-1.9,0.3-2.6,0.9l-2.6,2.6C0.1,17.6,0,18,0,18.4c0.1,0.4,0.3,0.7,0.9,0.8l25.3,9.5 L15.9,41.5L4.3,38.1c-0.9-0.3-1.6,0-2.4,0.7l-1,1c-0.3,0.3-0.5,0.6-0.5,1c0,0.4,0.1,0.7,0.5,1l21.3,21.3c0.3,0.3,0.6,0.5,1,0.4 c0.4-0.1,0.7-0.1,1-0.5l1-1c0.7-0.7,1-1.5,0.7-2.4L22.5,48l12.8-10.2l9.5,25.3c0.2,0.5,0.5,0.7,0.8,0.9c0.4,0.1,0.7,0,1-0.3l2.6-2.6 c0.7-0.7,1-1.5,0.9-2.6l-1.4-31.9c-0.1-0.8,0-1.4,0.2-1.9c0.2-0.5,0.6-1,1.2-1.6l9.1-9.1c1.4-1.4,2.6-3,3.4-4.6 C63.5,7.6,64,6.1,64,4.7S63.5,2.2,62.7,1.3z' }) }));
-}
-
-function ArrowTriangle2CirclepathCircle(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M61.5,19.6c-1.7-3.9-4-7.3-6.9-10.2c-3-3-6.4-5.3-10.2-6.9C40.5,0.8,36.3,0,31.9,0c-4.4,0-8.5,0.8-12.3,2.5 c-3.9,1.7-7.3,4-10.2,6.9c-2.9,3-5.2,6.4-6.9,10.2C0.8,23.5,0,27.6,0,32c0,4.4,0.8,8.5,2.5,12.3c1.7,3.9,4,7.3,6.9,10.2 c2.9,3,6.3,5.3,10.2,6.9c3.9,1.7,8,2.5,12.3,2.5c4.4,0,8.5-0.8,12.4-2.5c3.9-1.7,7.3-4,10.2-6.9c2.9-3,5.3-6.4,6.9-10.2 S64,36.3,64,32C64,27.6,63.2,23.5,61.5,19.6z M56.6,42.4c-1.4,3.2-3.3,6.1-5.7,8.5c-2.4,2.4-5.3,4.4-8.5,5.7 c-3.2,1.4-6.7,2.1-10.4,2.1c-3.7,0-7.1-0.7-10.4-2.1c-3.2-1.4-6-3.3-8.5-5.7c-2.4-2.4-4.3-5.3-5.7-8.5C6.1,39.1,5.4,35.7,5.4,32 s0.7-7.1,2-10.4s3.3-6.1,5.7-8.5c2.4-2.4,5.3-4.4,8.5-5.7c3.2-1.4,6.7-2.1,10.4-2.1c3.7,0,7.2,0.7,10.4,2.1c3.2,1.4,6.1,3.3,8.5,5.7 c2.4,2.4,4.4,5.3,5.7,8.5s2.1,6.7,2.1,10.4S58,39.1,56.6,42.4z' }), jsxRuntime.jsx("path", { d: 'M32.1,49.5c2,0,3.9-0.3,5.7-1c1.9-0.6,3.5-1.5,4.8-2.6c0.7-0.6,1.2-1.3,1.3-2c0.2-0.7,0-1.4-0.6-2c-0.6-0.6-1.2-0.9-1.9-0.8 c-0.7,0-1.3,0.3-1.9,0.7c-1.1,0.9-2.3,1.6-3.5,2c-1.2,0.5-2.6,0.7-4.1,0.7c-2.1,0-4-0.4-5.8-1.3s-3.3-2-4.5-3.5 c-1.2-1.5-2.1-3.1-2.5-5h3.3c0.7,0,1.2-0.3,1.3-0.8c0.2-0.6,0-1.1-0.3-1.7l-5.1-7.1c-0.4-0.6-1-0.9-1.6-0.9c-0.6,0-1.2,0.3-1.6,0.9 l-5,7.1c-0.4,0.6-0.5,1.1-0.4,1.7s0.6,0.8,1.3,0.8h3.3c0.5,2.9,1.6,5.4,3.2,7.7c1.6,2.2,3.7,3.9,6.1,5.2 C26.4,48.9,29.1,49.5,32.1,49.5z' }), jsxRuntime.jsx("path", { d: 'M32,14.4c-2,0-3.9,0.3-5.7,1c-1.9,0.6-3.5,1.5-4.8,2.7c-0.8,0.6-1.2,1.2-1.4,2c-0.1,0.7,0.1,1.4,0.6,2 c0.5,0.6,1.1,0.9,1.8,0.8c0.7,0,1.3-0.3,1.9-0.8c1.1-0.9,2.3-1.5,3.5-2c1.2-0.5,2.6-0.7,4.1-0.7c2.1,0,4,0.4,5.8,1.3 c1.8,0.9,3.3,2,4.5,3.5c1.2,1.5,2.1,3.1,2.6,5h-3.5c-0.7,0-1.2,0.3-1.3,0.8c-0.2,0.6-0.1,1.1,0.4,1.7l5.1,7.1 c0.4,0.6,0.9,0.9,1.6,0.9c0.6,0,1.2-0.3,1.6-0.9l5-7.1c0.4-0.6,0.5-1.1,0.4-1.7c-0.2-0.6-0.6-0.8-1.3-0.8h-3.1 c-0.5-2.9-1.6-5.5-3.2-7.7s-3.7-3.9-6.2-5.2C37.8,15,35,14.4,32,14.4z' })] }));
-}
-
-function ArrowTriangle2CirclepathCircleFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 64', ...props, children: jsxRuntime.jsx("path", { d: 'M61.5,19.6c-1.7-3.9-4-7.3-6.9-10.2c-3-3-6.4-5.3-10.2-6.9C40.5,0.8,36.3,0,31.9,0c-4.4,0-8.5,0.8-12.3,2.5 c-3.9,1.7-7.3,4-10.2,6.9c-2.9,3-5.2,6.4-6.9,10.2C0.8,23.5,0,27.6,0,32s0.8,8.5,2.5,12.3c1.7,3.9,4,7.3,6.9,10.2 c2.9,3,6.3,5.3,10.2,6.9c3.9,1.7,8,2.5,12.3,2.5c4.4,0,8.5-0.8,12.4-2.5c3.9-1.7,7.3-4,10.2-6.9c2.9-3,5.3-6.4,6.9-10.2 S64,36.3,64,32S63.2,23.5,61.5,19.6z M44.5,44.2c-0.2,0.8-0.6,1.5-1.4,2.1c-1.4,1.1-3,2-4.9,2.7c-1.9,0.7-3.9,1-5.9,1 c-3.1,0-5.9-0.6-8.4-1.9c-2.5-1.3-4.6-3.1-6.3-5.3c-1.7-2.3-2.8-4.9-3.3-7.9h-3.4c-0.8,0-1.2-0.3-1.4-0.9c-0.2-0.6,0-1.2,0.4-1.7 l5.1-7.3c0.5-0.6,1-0.9,1.7-0.9c0.7,0,1.2,0.3,1.6,0.9l5.2,7.3c0.4,0.6,0.6,1.2,0.4,1.7s-0.6,0.9-1.4,0.9H19 c0.7,2.9,2.3,5.3,4.7,7.2c2.4,1.9,5.3,2.9,8.5,2.9c1.6,0,3-0.2,4.2-0.7s2.4-1.2,3.6-2.1c0.6-0.5,1.3-0.7,2-0.8 c0.7-0.1,1.3,0.2,1.9,0.8C44.4,42.8,44.6,43.5,44.5,44.2z M54.4,31.6l-5.2,7.3c-0.5,0.7-1,1-1.7,0.9c-0.7,0-1.2-0.3-1.6-0.9 l-5.3-7.3c-0.4-0.6-0.5-1.2-0.4-1.7c0.2-0.6,0.6-0.9,1.4-0.9h3.6c-0.7-2.9-2.3-5.3-4.7-7.2c-2.4-1.9-5.2-2.9-8.4-2.9 c-1.6,0-3,0.2-4.2,0.7s-2.4,1.2-3.6,2.1c-0.6,0.5-1.3,0.7-2,0.8c-0.7,0-1.3-0.2-1.9-0.8c-0.6-0.6-0.8-1.3-0.6-2 c0.2-0.8,0.6-1.5,1.4-2.1c1.4-1.1,3-2,4.9-2.7c1.9-0.7,3.9-1,5.9-1c3.1,0,5.9,0.6,8.4,1.9c2.5,1.3,4.6,3.1,6.3,5.3s2.8,4.9,3.3,7.9 h3.2c0.8,0,1.2,0.3,1.4,0.9S54.8,31,54.4,31.6z' }) }));
-}
-
-function BagFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 55.6 64', ...props, children: jsxRuntime.jsx("path", { d: 'M53.1,14.6c-1.6-1.6-4.1-2.4-7.4-2.4h-5c-0.1-2.2-0.7-4.2-1.9-6s-2.7-3.3-4.7-4.4C32.3,0.6,30.1,0,27.8,0 c-2.3,0-4.5,0.6-6.4,1.7c-1.9,1.1-3.5,2.6-4.7,4.4c-1.2,1.8-1.8,3.9-1.9,6h-5c-3.3,0-5.7,0.8-7.4,2.4C0.8,16.2,0,18.7,0,21.9v32.4 c0,3.2,0.8,5.7,2.5,7.3S6.6,64,9.8,64h36.8c2.8,0,5-0.8,6.6-2.4c1.6-1.6,2.3-4.1,2.3-7.3V21.9C55.6,18.7,54.7,16.2,53.1,14.6z M19.8,12.2c0-1.4,0.4-2.6,1.1-3.7c0.7-1.1,1.6-2,2.8-2.7c1.2-0.7,2.5-1,4-1c1.5,0,2.8,0.3,4,1c1.2,0.7,2.1,1.6,2.8,2.7 c0.7,1.1,1.1,2.4,1.1,3.7H19.8z' }) }));
-}
-
-function Banknote(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 40.1', ...props, children: [jsxRuntime.jsx("path", { d: 'M62.1,0H1.9C0.8,0,0,0.8,0,1.9v36.2c0,1.2,0.8,2,1.9,2h60.1c1.2,0,1.9-0.8,1.9-2V1.9C64,0.8,63.2,0,62.1,0z M60.1,35.5 c0,0.5-0.2,0.7-0.7,0.7H4.6c-0.5,0-0.7-0.2-0.7-0.7V4.6c0-0.5,0.2-0.7,0.7-0.7h54.8c0.5,0,0.7,0.2,0.7,0.7V35.5z' }), jsxRuntime.jsx("path", { d: 'M56.1,6.5H7.9C7,6.5,6.5,7,6.5,7.9v24.2c0,0.9,0.5,1.4,1.4,1.4h48.2c0.9,0,1.4-0.5,1.4-1.4V7.9C57.5,7,57,6.5,56.1,6.5z M55,30.5c0,0.4-0.2,0.6-0.5,0.6h-45c-0.4,0-0.5-0.2-0.5-0.6v-21c0-0.4,0.2-0.6,0.5-0.6h45c0.4,0,0.5,0.2,0.5,0.6V30.5z' }), jsxRuntime.jsx("path", { d: 'M31.9,6.5c-5.1,0-9.2,5.2-9.2,13.5c0,8.3,4.1,13.5,9.2,13.5c5.2,0,9.4-5.2,9.4-13.5C41.3,11.7,37.1,6.5,31.9,6.5z M31.9,30.7c-3.5,0-6.4-4.1-6.4-10.7c0-6.6,2.9-10.6,6.4-10.6c3.6,0,6.6,4.1,6.6,10.6C38.5,26.6,35.5,30.7,31.9,30.7z' })] }));
-}
-
-function BellFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 57.4 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M4.6,51.9h48.2c1.4,0,2.6-0.3,3.4-1c0.8-0.7,1.2-1.6,1.2-2.7c0-1.5-0.6-3-1.9-4.4c-1.3-1.4-2.5-2.8-3.8-4.1 c-0.7-0.7-1.2-1.6-1.6-2.7c-0.4-1.1-0.7-2.3-0.8-3.6s-0.3-2.5-0.4-3.6c-0.1-5.8-1-10.7-2.7-14.6c-1.7-3.9-4.6-6.6-8.7-8.1 c-0.6-2-1.6-3.6-3.1-5C32.8,0.7,31,0,28.7,0c-2.2,0-4.1,0.7-5.7,2.1c-1.5,1.4-2.6,3-3.1,5c-4.1,1.5-6.9,4.2-8.7,8.1 C9.5,19,8.6,23.9,8.5,29.7c-0.1,1.2-0.2,2.4-0.4,3.6c-0.2,1.3-0.5,2.4-0.8,3.6c-0.4,1.1-0.9,2-1.6,2.7c-1.3,1.3-2.6,2.7-3.9,4.1 C0.6,45.2,0,46.6,0,48.1c0,1.1,0.4,2,1.2,2.7C2,51.5,3.2,51.9,4.6,51.9z' }), jsxRuntime.jsx("path", { d: 'M28.7,64c2.6,0,4.7-0.8,6.4-2.4c1.7-1.6,2.7-3.5,2.9-5.6H19.4c0.2,2.1,1.1,4,2.9,5.6C24,63.2,26.1,64,28.7,64z' })] }));
-}
-
-function BoltCar(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 50.1', ...props, children: [jsxRuntime.jsx("path", { d: 'M60.5,20.6l-2.3-3c-1-4.9-2.8-10-3.7-12c-1.4-3-4.3-4.9-7.8-5.3C44.9,0.1,39-0.1,32-0.1S19.1,0.1,17.3,0.3 c-3.6,0.4-6.4,2.3-7.8,5.3c-0.9,2-2.7,7.1-3.7,12l-2.3,3C1,23.8,0.1,26.5,0.1,31.1v4.8c0,3.5,2.1,5.5,5.7,5.9c4.9,0.6,17,1,26.1,1 s21.2-0.4,26.3-1c3.7-0.4,5.7-2.4,5.7-5.9v-4.8C63.9,26.5,63,24,60.5,20.6z M60.4,34.9c0,2.1-0.8,3.3-3.1,3.5 c-4.4,0.5-16.2,0.9-25.4,0.9s-21-0.4-25.3-0.9c-2.3-0.3-3.1-1.5-3.1-3.5v-3.7c0-3.7,0.6-5.4,2.7-8.2L9,19.4 c0.7-3.9,2.5-9.4,3.6-11.9c0.9-1.9,2.6-3,5.1-3.3C19.4,4,24.9,3.7,32,3.7c7.1,0,12.7,0.3,14.2,0.5c2.6,0.3,4.2,1.5,5.1,3.3 c1.2,2.5,2.9,8,3.6,11.9l2.8,3.6c2.1,2.7,2.7,4.5,2.7,8.2V34.9z' }), jsxRuntime.jsx("path", { d: 'M4.8,50.2H8c2,0,3.6-1.5,3.6-3.5v-6.4L1.2,38.8v7.9C1.3,48.7,2.8,50.2,4.8,50.2z' }), jsxRuntime.jsx("path", { d: 'M55.7,50.2h3.2c2,0,3.6-1.5,3.6-3.5v-7.9l-10.4,1.5v6.4C52.1,48.7,53.7,50.2,55.7,50.2z' }), jsxRuntime.jsx("path", { d: 'M23.3,23.1c0,0.5,0.4,0.9,0.9,0.9h6.7l-3.6,9.6c-0.5,1.3,0.9,2,1.7,0.9l10.8-13.6c0.2-0.2,0.4-0.5,0.4-0.8 c0-0.5-0.4-0.9-0.9-0.9h-6.7l3.5-9.6c0.5-1.3-0.9-2-1.7-0.9L23.6,22.3C23.4,22.6,23.3,22.8,23.3,23.1z' })] }));
-}
-
-function BoltFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 40.3 64', ...props, children: jsxRuntime.jsx("path", { d: 'M0,35.6c0,0.5,0.2,1,0.6,1.4C1,37.3,1.5,37.5,2,37.5h16.2L9.7,60.7c-0.4,1-0.3,1.8,0.1,2.4c0.4,0.6,1,0.9,1.7,0.9 c0.7,0,1.4-0.4,2.1-1.2l26-32.5c0.5-0.6,0.7-1.3,0.7-1.8c0-0.5-0.2-1-0.6-1.4c-0.4-0.4-0.9-0.6-1.5-0.6H22.1l8.6-23.2 c0.4-1,0.3-1.8-0.1-2.4c-0.4-0.6-1-0.9-1.7-0.9c-0.8,0-1.5,0.4-2.1,1.2l-26,32.5C0.2,34.4,0,35,0,35.6z' }) }));
-}
-
-function BoltRingClosed(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M0,32c0,17.7,14.4,32,32,32c17.7,0,32-14.3,32-32C64,16,52.2,2.7,36.8,0.4c0.6,0.9,1,2,1,3.3c0,1.6-0.6,2.9-1.6,4 c11.6,2,20.5,12.2,20.5,24.4c0,13.6-11.1,24.7-24.7,24.7C18.4,56.7,7.3,45.6,7.3,32C7.3,18.4,18.4,7.3,32,7.3c2,0,3.6-1.6,3.6-3.6 C35.6,1.6,34,0,32,0C14.4,0,0,14.3,0,32z' }), jsxRuntime.jsx("path", { d: 'M19.1,34c0,0.7,0.6,1.3,1.4,1.3h9.9l-5.3,14.1c-0.7,1.9,1.3,2.9,2.5,1.4l16-20.1c0.3-0.4,0.5-0.8,0.5-1.1 c0-0.8-0.6-1.3-1.4-1.3h-9.9l5.3-14.2c0.7-1.9-1.3-2.9-2.5-1.4l-16,20.1C19.3,33.2,19.1,33.6,19.1,34z' })] }));
-}
-
-function BoltTrianglebadgeExclamationmark(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 55.8 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M38.1,25.5H22l8.5-22.2c1.1-3-2-4.5-3.9-2.1L0.7,34.5C0.2,35.2,0,35.7,0,36.4c0,1.1,0.8,2,2,2h16.1L9.7,60.5 c-1.1,3,2,4.5,3.9,2.1l12.5-16.1l6.8-12.3c1.2-2.2,3.4-3.5,5.6-3.8l0.9-1.2c0.5-0.6,0.8-1.2,0.8-1.8C40.2,26.3,39.3,25.5,38.1,25.5z M17.2,50.8l7.5-16.7H7.1L23,13l-7.5,16.7h17.6L17.2,50.8z' }), jsxRuntime.jsx("path", { d: 'M55.3,58.3L42.9,36.2c-0.7-1.3-2-2-3.3-2c-1.3,0-2.6,0.6-3.4,2L23.9,58.3c-0.4,0.6-0.5,1.2-0.5,1.9c0,2.2,1.5,3.9,3.8,3.9 H52c2.4,0,3.9-1.7,3.9-3.9C55.8,59.5,55.7,58.9,55.3,58.3z M39.6,41.1c1.2,0,2,0.8,2,2l-0.2,8.1c0,1-0.7,1.7-1.7,1.7 c-1,0-1.7-0.7-1.7-1.7L37.7,43C37.6,41.9,38.4,41.1,39.6,41.1z M39.6,59.7c-1.3,0-2.4-1.1-2.4-2.4c0-1.3,1.1-2.4,2.4-2.4 c1.3,0,2.4,1.1,2.4,2.4C42,58.6,40.9,59.7,39.6,59.7z' })] }));
-}
-
-function BookFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 51', ...props, children: [jsxRuntime.jsx("path", { d: 'M15.7,0c-2.1,0-4.1,0.3-6.1,0.9c-2,0.6-3.8,1.5-5.4,2.6C2.6,4.7,1.3,6.1,0.3,7.7C0.2,8,0.1,8.3,0,8.5c0,0.3,0,0.6,0,1.2 v39.2c0,0.6,0.2,1.1,0.6,1.5C1,50.8,1.5,51,2.2,51c0.3,0,0.7-0.1,1-0.2s0.6-0.3,0.9-0.5c1.7-1.5,3.7-2.6,5.9-3.4 c2.2-0.8,4.5-1.1,6.8-1.1c2.2,0,4.2,0.4,6.2,1.1c1.9,0.7,3.6,1.7,5.1,3c0.3,0.3,0.6,0.4,1,0.4c0.3,0,0.6-0.1,0.8-0.3 c0.2-0.2,0.3-0.5,0.3-0.8V7.9c0-0.4,0-0.6-0.1-0.8c-0.1-0.2-0.2-0.5-0.5-0.8c-1.3-2-3.3-3.5-5.8-4.6S18.6,0,15.7,0z' }), jsxRuntime.jsx("path", { d: 'M48.3,0c-2.9,0-5.6,0.6-8.1,1.7c-2.5,1.1-4.4,2.6-5.8,4.6c-0.3,0.4-0.5,0.7-0.5,0.8c-0.1,0.2-0.1,0.4-0.1,0.8V49 c0,0.4,0.1,0.6,0.3,0.8c0.2,0.2,0.5,0.3,0.8,0.3c0.4,0,0.7-0.1,1-0.4c1.5-1.3,3.2-2.2,5.1-3c1.9-0.7,4-1.1,6.2-1.1 c2.3,0,4.6,0.4,6.8,1.1c2.2,0.8,4.2,1.9,5.9,3.4c0.3,0.2,0.6,0.4,0.9,0.5c0.3,0.1,0.6,0.2,1,0.2c0.7,0,1.2-0.2,1.6-0.6 c0.4-0.4,0.6-0.9,0.6-1.5V9.7c0-0.5,0-0.9,0-1.2c0-0.3-0.1-0.5-0.3-0.8c-1-1.6-2.3-3-3.9-4.2c-1.6-1.2-3.4-2-5.4-2.6 C52.4,0.3,50.4,0,48.3,0z' })] }));
-}
-
-function BookmarkFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 40.2 64', ...props, children: jsxRuntime.jsx("path", { d: 'M3.2,64c0.7,0,1.4-0.2,2-0.7c0.6-0.5,1.6-1.4,3-2.7l11.7-11.5c0.2-0.2,0.4-0.2,0.5,0L32,60.6c1.4,1.3,2.3,2.2,3,2.7 c0.6,0.5,1.3,0.7,2.1,0.7c1,0,1.8-0.3,2.3-0.9c0.5-0.6,0.8-1.5,0.8-2.7V8.5c0-2.8-0.7-5-2.1-6.4C36.7,0.7,34.6,0,31.8,0H8.4 C5.6,0,3.5,0.7,2.1,2.2C0.7,3.6,0,5.7,0,8.5v51.8c0,1.2,0.3,2.1,0.8,2.7C1.4,63.7,2.2,64,3.2,64z' }) }));
-}
-
-function BriefcaseFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 55.7', ...props, children: [jsxRuntime.jsx("path", { d: 'M61.8,12.4c-1.5-1.5-3.7-2.2-6.7-2.2h-8.5V7.9c0-2.7-0.7-4.7-2.1-6S41.1,0,38.5,0H25.5c-2.5,0-4.4,0.6-5.8,1.9 s-2.2,3.3-2.2,6v2.3H8.9c-3,0-5.2,0.7-6.7,2.2C0.7,13.8,0,16,0,18.9v2.3c3.5,1.4,7,2.6,10.5,3.5c3.5,0.9,7,1.5,10.6,1.9 c3.6,0.4,7.2,0.6,10.9,0.6c3.7,0,7.4-0.2,10.9-0.6c3.6-0.4,7.1-1,10.6-1.9c3.5-0.9,7-2,10.5-3.5v-2.3C64,16,63.3,13.8,61.8,12.4z M42.1,10.2H21.9V7.6c0-1.1,0.3-1.9,0.9-2.5c0.6-0.6,1.5-0.9,2.6-0.9h13.2c1.1,0,2,0.3,2.6,0.9c0.6,0.6,0.9,1.4,0.9,2.5V10.2z' }), jsxRuntime.jsx("path", { d: 'M8.9,55.7h46.2c3,0,5.2-0.7,6.7-2.2c1.5-1.5,2.2-3.7,2.2-6.6V26c-4.2,1.5-8.3,2.7-12.3,3.5c-4,0.8-8,1.3-12,1.6v2.3 c0,2.1-1.1,3.1-3.2,3.1h-8.9c-2.1,0-3.2-1-3.2-3.1v-2.3c-4-0.3-8-0.8-12-1.6c-4-0.8-8.1-2-12.3-3.5v20.9c0,2.9,0.7,5.1,2.2,6.6 C3.7,54.9,5.9,55.7,8.9,55.7z' })] }));
-}
-
-function BubbleLeftFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 60.3', ...props, children: jsxRuntime.jsx("path", { d: 'M17.3,60.3c0.6,0,1.1-0.2,1.6-0.5c0.5-0.3,1.1-0.8,1.7-1.4l10.5-9.6l19.6,0c2.9,0,5.3-0.5,7.3-1.5c2-1,3.5-2.5,4.5-4.5 c1-2,1.5-4.4,1.5-7.2V13.3c0-2.8-0.5-5.2-1.5-7.2c-1-2-2.5-3.5-4.5-4.5c-2-1-4.4-1.6-7.3-1.6H13.3C10.4,0,8,0.5,6,1.6 c-2,1-3.5,2.5-4.5,4.5c-1,2-1.5,4.4-1.5,7.2v22.3c0,2.8,0.5,5.2,1.5,7.2c1,2,2.5,3.5,4.5,4.5c2,1,4.4,1.5,7.3,1.5h1.3v8.5 c0,0.9,0.2,1.6,0.7,2.2C15.8,60,16.4,60.3,17.3,60.3z' }) }));
-}
-
-function Building2Fill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 58', ...props, children: [jsxRuntime.jsx("path", { d: 'M62.8,14.7c-0.8-0.9-1.9-1.3-3.3-1.3H45.1V53c0,0.9-0.1,1.8-0.3,2.6c-0.2,0.8-0.5,1.6-1,2.3h15.7c1.4,0,2.5-0.4,3.3-1.3 c0.8-0.9,1.2-2.1,1.2-3.6V18.3C64,16.8,63.6,15.6,62.8,14.7z M57.7,48.6c0,0.6-0.3,1-0.9,1h-4.5c-0.6,0-1-0.3-1-1v-4.3 c0-0.7,0.3-1,1-1h4.5c0.6,0,0.9,0.3,0.9,1V48.6z M57.7,37.9c0,0.6-0.3,0.9-0.9,0.9h-4.5c-0.6,0-1-0.3-1-0.9v-4.4 c0-0.6,0.3-0.9,1-0.9h4.5c0.6,0,0.9,0.3,0.9,0.9V37.9z M57.7,27.1c0,0.7-0.3,1-0.9,1h-4.5c-0.6,0-1-0.3-1-1v-4.3c0-0.6,0.3-1,1-1 h4.5c0.6,0,0.9,0.3,0.9,1V27.1z' }), jsxRuntime.jsx("path", { d: 'M40.2,1.3C39.4,0.4,38.3,0,36.9,0H4.5C3.1,0,2,0.4,1.2,1.3C0.4,2.2,0,3.4,0,4.9V53c0,1.5,0.4,2.7,1.2,3.6 C2,57.5,3.1,58,4.5,58h32.4c1.4,0,2.5-0.4,3.3-1.3c0.8-0.9,1.2-2.1,1.2-3.6V4.9C41.4,3.4,41,2.2,40.2,1.3z M10.4,9.3 c0-0.8,0.4-1.2,1.1-1.2H17c0.8,0,1.2,0.4,1.2,1.2v5.3c0,0.8-0.4,1.2-1.2,1.2h-5.4c-0.8,0-1.1-0.4-1.1-1.2V9.3z M10.4,20.4 c0-0.8,0.4-1.2,1.1-1.2H17c0.8,0,1.2,0.4,1.2,1.2v5.2c0,0.8-0.4,1.2-1.2,1.2h-5.4c-0.8,0-1.1-0.4-1.1-1.2V20.4z M10.4,36.8v-5.2 c0-0.8,0.4-1.2,1.1-1.2H17c0.8,0,1.2,0.4,1.2,1.2v5.2c0,0.8-0.4,1.2-1.2,1.2h-5.4C10.8,38,10.4,37.6,10.4,36.8z M30.4,53.6H11.3 v-8.8c0-0.6,0.2-1.1,0.6-1.5c0.4-0.4,0.9-0.6,1.5-0.6h14.9c1.4,0,2.1,0.7,2.1,2.1V53.6z M31.3,36.8c0,0.8-0.4,1.2-1.2,1.2h-5.4 c-0.8,0-1.1-0.4-1.1-1.2v-5.2c0-0.8,0.4-1.2,1.1-1.2h5.4c0.8,0,1.2,0.4,1.2,1.2V36.8z M31.3,25.7c0,0.8-0.4,1.2-1.2,1.2h-5.4 c-0.8,0-1.1-0.4-1.1-1.2v-5.2c0-0.8,0.4-1.2,1.1-1.2h5.4c0.8,0,1.2,0.4,1.2,1.2V25.7z M31.3,14.6c0,0.8-0.4,1.2-1.2,1.2h-5.4 c-0.8,0-1.1-0.4-1.1-1.2V9.3c0-0.8,0.4-1.2,1.1-1.2h5.4c0.8,0,1.2,0.4,1.2,1.2V14.6z' })] }));
-}
-
-function Calendar(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 97.4 90', ...props, children: [jsxRuntime.jsx("path", { d: 'M93.6,3.8c-2.6-2.5-6.4-3.8-11.5-3.8H15.4C10.3,0,6.5,1.3,3.9,3.8,1.3,6.3,0,10.1,0,15.2v59.6c0,5,1.3,8.8,3.9,11.4,2.6,2.5,6.4,3.8,11.5,3.8h66.7c5.1,0,8.9-1.3,11.5-3.8,2.6-2.5,3.8-6.3,3.8-11.4V15.2c0-5-1.3-8.8-3.8-11.4ZM89.5,75.3c0,2.3-.6,4-1.8,5.1-1.2,1.1-2.9,1.7-5,1.7H14.7c-2.2,0-3.8-.6-5-1.7-1.2-1.1-1.8-2.8-1.8-5.1V29.3c0-2.3.6-4,1.8-5.1,1.2-1.1,2.8-1.7,5-1.7h68c2.2,0,3.9.6,5,1.7,1.2,1.1,1.8,2.8,1.8,5.1v46Z' }), jsxRuntime.jsx("path", { d: 'M39.2,40h2.9c.9,0,1.5-.2,1.8-.5s.5-.9.5-1.8v-2.9c0-.9-.2-1.4-.5-1.8-.3-.3-.9-.5-1.8-.5h-2.9c-.9,0-1.5.2-1.8.5s-.5.9-.5,1.8v2.9c0,.9.2,1.4.5,1.8.3.3.9.5,1.8.5Z' }), jsxRuntime.jsx("path", { d: 'M55.4,40h2.9c.9,0,1.4-.2,1.8-.5.3-.3.5-.9.5-1.8v-2.9c0-.9-.2-1.4-.5-1.8-.3-.3-.9-.5-1.8-.5h-2.9c-.9,0-1.5.2-1.8.5s-.5.9-.5,1.8v2.9c0,.9.2,1.4.5,1.8.3.3.9.5,1.8.5Z' }), jsxRuntime.jsx("path", { d: 'M71.6,40h2.9c.9,0,1.5-.2,1.8-.5s.5-.9.5-1.8v-2.9c0-.9-.2-1.4-.5-1.8-.3-.3-.9-.5-1.8-.5h-2.9c-.9,0-1.4.2-1.8.5-.3.3-.5.9-.5,1.8v2.9c0,.9.2,1.4.5,1.8.3.3.9.5,1.8.5Z' }), jsxRuntime.jsx("path", { d: 'M22.9,55.9h2.9c.9,0,1.5-.2,1.8-.5s.5-.9.5-1.8v-2.9c0-.9-.2-1.4-.5-1.8-.3-.3-.9-.5-1.8-.5h-2.9c-.9,0-1.4.2-1.8.5-.3.3-.5.9-.5,1.8v2.9c0,.9.2,1.4.5,1.8.4.4,1,.5,1.8.5Z' }), jsxRuntime.jsx("path", { d: 'M39.2,55.9h2.9c.9,0,1.5-.2,1.8-.5s.5-.9.5-1.8v-2.9c0-.9-.2-1.4-.5-1.8-.3-.3-.9-.5-1.8-.5h-2.9c-.9,0-1.5.2-1.8.5s-.5.9-.5,1.8v2.9c0,.9.2,1.4.5,1.8s.9.5,1.8.5Z' }), jsxRuntime.jsx("path", { d: 'M55.4,55.9h2.9c.9,0,1.4-.2,1.8-.5.3-.3.5-.9.5-1.8v-2.9c0-.9-.2-1.4-.5-1.8-.3-.3-.9-.5-1.8-.5h-2.9c-.9,0-1.5.2-1.8.5s-.5.9-.5,1.8v2.9c0,.9.2,1.4.5,1.8s.9.5,1.8.5Z' }), jsxRuntime.jsx("path", { d: 'M71.6,55.9h2.9c.9,0,1.5-.2,1.8-.5s.5-.9.5-1.8v-2.9c0-.9-.2-1.4-.5-1.8-.3-.3-.9-.5-1.8-.5h-2.9c-.9,0-1.4.2-1.8.5-.3.3-.5.9-.5,1.8v2.9c0,.9.2,1.4.5,1.8s.9.5,1.8.5Z' }), jsxRuntime.jsx("path", { d: 'M22.9,71.9h2.9c.9,0,1.5-.2,1.8-.5s.5-.9.5-1.8v-2.9c0-.9-.2-1.4-.5-1.8-.3-.3-.9-.5-1.8-.5h-2.9c-.9,0-1.4.2-1.8.5-.3.3-.5.9-.5,1.8v2.9c0,.9.2,1.4.5,1.8.4.4,1,.5,1.8.5Z' }), jsxRuntime.jsx("path", { d: 'M39.2,71.9h2.9c.9,0,1.5-.2,1.8-.5s.5-.9.5-1.8v-2.9c0-.9-.2-1.4-.5-1.8-.3-.3-.9-.5-1.8-.5h-2.9c-.9,0-1.5.2-1.8.5s-.5.9-.5,1.8v2.9c0,.9.2,1.4.5,1.8s.9.5,1.8.5Z' }), jsxRuntime.jsx("path", { d: 'M55.4,71.9h2.9c.9,0,1.4-.2,1.8-.5.3-.3.5-.9.5-1.8v-2.9c0-.9-.2-1.4-.5-1.8-.3-.3-.9-.5-1.8-.5h-2.9c-.9,0-1.5.2-1.8.5s-.5.9-.5,1.8v2.9c0,.9.2,1.4.5,1.8s.9.5,1.8.5Z' })] }));
-}
-
-function CameraFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 49.7', ...props, children: [jsxRuntime.jsx("path", { d: 'M61.9,8.3c-1.4-1.3-3.4-2-6.1-2h-7.5c-1,0-1.8-0.1-2.3-0.4s-1-0.7-1.6-1.4l-2.1-2.3c-0.7-0.7-1.4-1.2-2.2-1.6 C39.5,0.2,38.4,0,37.1,0H26.7c-1.3,0-2.4,0.2-3.2,0.6s-1.5,0.9-2.1,1.6l-2.1,2.3c-0.6,0.6-1.1,1.1-1.6,1.3s-1.2,0.4-2.2,0.4H8.2 c-2.7,0-4.8,0.7-6.1,2C0.7,9.6,0,11.7,0,14.3v27.3c0,2.7,0.7,4.7,2.1,6.1c1.4,1.4,3.4,2,6.1,2h47.6c2.7,0,4.7-0.7,6.1-2 c1.4-1.4,2.1-3.4,2.1-6.1V14.3C64,11.7,63.3,9.6,61.9,8.3z M44.3,34.9c-1.3,2.2-3,3.9-5.1,5.1C37,41.4,34.6,42,32,42 c-2.6,0-5-0.6-7.2-1.9c-2.1-1.3-3.9-3-5.1-5.1c-1.3-2.2-1.9-4.6-1.9-7.2c0-2.7,0.6-5.1,1.9-7.2c1.3-2.1,3-3.9,5.1-5.1 c2.1-1.3,4.5-1.9,7.2-1.9s5,0.6,7.2,1.9c2.1,1.3,3.9,3,5.1,5.1c1.3,2.1,1.9,4.5,1.9,7.2C46.2,30.4,45.6,32.8,44.3,34.9z M53.7,20.5 c-0.7,0.7-1.4,1-2.3,1c-0.9,0-1.7-0.3-2.4-1c-0.7-0.7-1-1.4-1-2.4c0-0.9,0.3-1.7,1-2.3c0.7-0.7,1.5-1,2.4-1c0.9,0,1.7,0.3,2.3,1 c0.7,0.7,1,1.4,1,2.3C54.6,19.1,54.3,19.9,53.7,20.5z' }), jsxRuntime.jsx("path", { d: 'M32,38c1.9,0,3.6-0.5,5.2-1.4c1.6-0.9,2.8-2.2,3.7-3.7c0.9-1.6,1.4-3.3,1.4-5.2c0-1.9-0.5-3.6-1.4-5.2 c-0.9-1.6-2.2-2.8-3.7-3.7c-1.6-0.9-3.3-1.4-5.2-1.4c-1.9,0-3.6,0.5-5.2,1.4c-1.6,0.9-2.8,2.2-3.7,3.7c-0.9,1.6-1.4,3.3-1.4,5.2 c0,1.9,0.5,3.6,1.4,5.2c0.9,1.6,2.2,2.8,3.7,3.7C28.4,37.6,30.1,38,32,38z' })] }));
-}
-
-function CarFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 50.1', ...props, children: [jsxRuntime.jsx("path", { d: 'M63.2,25.3c-0.5-1.5-1.4-3.1-2.7-4.7l-2.3-3c-0.3-1.6-0.7-3.2-1.2-4.8s-0.9-3-1.4-4.3s-0.8-2.2-1.1-2.9 c-0.7-1.5-1.8-2.7-3.1-3.6c-1.4-0.9-2.9-1.5-4.7-1.7c-0.6-0.1-1.6-0.2-3.1-0.2c-1.4-0.1-3.1-0.1-5.2-0.1S34.3,0,32,0 c-2.3,0-4.5,0-6.5,0.1c-2,0-3.7,0.1-5.2,0.1c-1.4,0.1-2.5,0.1-3.1,0.2c-1.8,0.2-3.4,0.8-4.7,1.7C11.2,3,10.1,4.2,9.4,5.7 C9.1,6.4,8.7,7.3,8.3,8.6s-0.9,2.7-1.4,4.3c-0.5,1.6-0.9,3.2-1.2,4.8l-2.3,3c-1.3,1.6-2.1,3.2-2.7,4.7C0.3,26.8,0,28.7,0,31v4.8 c0,1.7,0.5,3.1,1.5,4.1c1,1,2.4,1.6,4.2,1.8c1.3,0.2,2.9,0.3,5,0.4c2,0.1,4.3,0.2,6.7,0.3s4.9,0.2,7.4,0.2c2.5,0,4.9,0.1,7.2,0.1 c2.3,0,4.7,0,7.2-0.1c2.5,0,5-0.1,7.4-0.2c2.4-0.1,4.7-0.2,6.7-0.3c2-0.1,3.7-0.3,5-0.4c1.8-0.2,3.2-0.8,4.2-1.8 c1-1,1.5-2.4,1.5-4.1V31C64,28.7,63.7,26.8,63.2,25.3z M15.6,34.2c-0.8,0.8-1.9,1.3-3.1,1.3c-1.2,0-2.3-0.4-3.1-1.3 c-0.8-0.8-1.2-1.9-1.2-3.1c0-1.2,0.4-2.3,1.2-3.1c0.8-0.8,1.9-1.3,3.1-1.3c1.2,0,2.3,0.4,3.1,1.3c0.8,0.8,1.3,1.9,1.3,3.1 C16.8,32.3,16.4,33.3,15.6,34.2z M41.4,33.5c-0.6,0.6-1.3,0.9-2.3,0.9H24.8c-0.9,0-1.7-0.3-2.2-0.9c-0.6-0.6-0.9-1.3-0.9-2.3 c0-0.9,0.3-1.7,0.9-2.3c0.6-0.6,1.3-0.9,2.2-0.9h14.3c0.9,0,1.7,0.3,2.3,0.9s0.9,1.3,0.9,2.3C42.3,32.1,42,32.9,41.4,33.5z M40.4,16.3c-2.4-0.1-5.2-0.1-8.4-0.1s-6.1,0-8.4,0.1c-2.4,0.1-4.5,0.1-6.3,0.2c-1.8,0.1-3.4,0.2-4.9,0.3c-0.5,0-0.9-0.1-1.1-0.3 c-0.2-0.2-0.2-0.6-0.1-1.1c0.2-1,0.5-2,0.8-3.1s0.7-2.1,1-3.1c0.4-0.9,0.7-1.7,1-2.2c0.4-0.6,0.8-1.1,1.2-1.4s1-0.5,1.8-0.6 c1-0.1,2.7-0.3,5.1-0.3c2.4-0.1,5.7-0.1,9.9-0.1c4.2,0,7.5,0,9.9,0.1C44.3,4.8,46,4.9,47,5c0.7,0.1,1.3,0.3,1.8,0.6 C49.2,6,49.6,6.4,50,7.1c0.3,0.5,0.6,1.2,1,2.2c0.4,0.9,0.7,2,1,3.1c0.3,1.1,0.6,2.1,0.9,3.1c0.1,0.5,0.1,0.9-0.1,1.1 c-0.2,0.2-0.6,0.3-1.1,0.3c-1.5-0.1-3.1-0.2-4.9-0.3C44.9,16.4,42.8,16.3,40.4,16.3z M54.6,34.2c-0.8,0.8-1.9,1.3-3.1,1.3 c-1.2,0-2.3-0.4-3.1-1.3s-1.2-1.9-1.2-3.1c0-1.2,0.4-2.3,1.2-3.1c0.8-0.8,1.9-1.3,3.1-1.3c1.2,0,2.3,0.4,3.1,1.3 c0.8,0.8,1.3,1.9,1.3,3.1C55.9,32.3,55.4,33.3,54.6,34.2z' }), jsxRuntime.jsx("path", { d: 'M3.6,50.1h3.2c1,0,1.9-0.3,2.6-1c0.7-0.7,1-1.5,1-2.5v-6.7L0,34.9v11.7c0,1,0.3,1.8,1,2.5C1.7,49.8,2.6,50.1,3.6,50.1z' }), jsxRuntime.jsx("path", { d: 'M57.2,50.1h3.2c1,0,1.9-0.3,2.6-1c0.7-0.7,1-1.5,1-2.5V34.9l-10.4,4.9v6.7c0,1,0.3,1.8,1,2.5C55.4,49.8,56.2,50.1,57.2,50.1 z' })] }));
-}
-
-function CartFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 54.5', ...props, children: [jsxRuntime.jsx("path", { d: 'M0,2.1c0,0.6,0.2,1,0.6,1.5C1,3.9,1.5,4.2,2,4.2h9.4l4.4,30.5c0.3,2,1,3.5,2.1,4.7c1.1,1.1,2.6,1.7,4.6,1.7h32.4 c0.5,0,1-0.2,1.4-0.6c0.4-0.4,0.6-0.9,0.6-1.5c0-0.6-0.2-1.1-0.6-1.5c-0.4-0.4-0.9-0.6-1.4-0.6H23c-0.8,0-1.4-0.3-1.9-0.8 c-0.5-0.5-0.8-1.2-0.9-2l-0.5-2.9H55c2,0,3.6-0.6,4.6-1.7c1.1-1.2,1.8-2.7,2.1-4.7L63.9,10c0-0.2,0-0.4,0.1-0.6c0-0.2,0-0.4,0-0.5 c0-0.7-0.2-1.2-0.7-1.6c-0.5-0.4-1.1-0.6-1.8-0.6H16.2l-0.5-3.5c-0.2-1.1-0.5-1.9-1-2.4C14.2,0.3,13.2,0,11.8,0H2 C1.5,0,1,0.2,0.6,0.6C0.2,1,0,1.5,0,2.1z' }), jsxRuntime.jsx("path", { d: 'M20.2,50c0,1.2,0.4,2.3,1.3,3.2c0.9,0.9,1.9,1.3,3.2,1.3c1.3,0,2.3-0.4,3.2-1.3c0.9-0.9,1.3-1.9,1.3-3.2 c0-1.2-0.4-2.3-1.3-3.2C27,46,26,45.5,24.7,45.5c-1.3,0-2.3,0.4-3.2,1.3C20.7,47.7,20.2,48.8,20.2,50z' }), jsxRuntime.jsx("path", { d: 'M46.1,50c0,1.2,0.4,2.3,1.3,3.2c0.9,0.9,1.9,1.3,3.2,1.3c1.3,0,2.3-0.4,3.2-1.3c0.9-0.9,1.3-1.9,1.3-3.2 c0-1.2-0.4-2.3-1.3-3.2c-0.9-0.9-1.9-1.3-3.2-1.3c-1.3,0-2.3,0.4-3.2,1.3C46.6,47.7,46.1,48.8,46.1,50z' })] }));
-}
-
-function ChartBarDocHorizontal(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 50.2 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M11,9.9c-0.6,0-1.1,0.2-1.4,0.6c-0.3,0.4-0.5,0.9-0.5,1.5v5c0,0.6,0.2,1.1,0.5,1.5c0.3,0.4,0.8,0.6,1.4,0.6h18.3 c0.6,0,1.1-0.2,1.4-0.6c0.3-0.4,0.5-0.9,0.5-1.5v-5c0-0.6-0.2-1.1-0.5-1.5c-0.3-0.4-0.8-0.6-1.4-0.6H11z' }), jsxRuntime.jsx("path", { d: 'M11,21.6c-0.6,0-1.1,0.2-1.4,0.5c-0.3,0.4-0.5,0.8-0.5,1.5v5c0,0.6,0.2,1.1,0.5,1.5c0.3,0.4,0.8,0.5,1.4,0.5h28.3 c0.6,0,1.1-0.2,1.4-0.5c0.3-0.4,0.5-0.9,0.5-1.5v-5c0-0.6-0.2-1.1-0.5-1.5c-0.3-0.4-0.8-0.5-1.4-0.5H11z' }), jsxRuntime.jsx("path", { d: 'M11,33.3c-0.6,0-1.1,0.2-1.4,0.5c-0.3,0.3-0.5,0.8-0.5,1.4v5c0,0.6,0.2,1.1,0.5,1.5c0.3,0.4,0.8,0.5,1.4,0.5h23.3 c0.6,0,1.1-0.2,1.4-0.5c0.3-0.4,0.5-0.8,0.5-1.5v-5c0-0.6-0.2-1.1-0.5-1.4c-0.3-0.3-0.8-0.5-1.4-0.5H11z' }), jsxRuntime.jsx("path", { d: 'M11,45c-0.6,0-1.1,0.2-1.4,0.5c-0.3,0.4-0.5,0.9-0.5,1.5v5c0,0.6,0.2,1.1,0.5,1.5c0.3,0.4,0.8,0.6,1.4,0.6h13.5 c0.6,0,1.1-0.2,1.4-0.6s0.5-0.9,0.5-1.5v-5c0-0.6-0.2-1.1-0.5-1.5c-0.3-0.4-0.8-0.5-1.4-0.5H11z' }), jsxRuntime.jsx("path", { d: 'M47.9,2.4C46.3,0.8,44,0,40.9,0H9.2C6.2,0,3.9,0.8,2.3,2.4S0,6.3,0,9.4v45.3c0,3.1,0.8,5.5,2.3,7S6.2,64,9.2,64h31.7 c3.1,0,5.4-0.8,6.9-2.3c1.5-1.6,2.3-3.9,2.3-7V9.4C50.2,6.3,49.4,3.9,47.9,2.4z M45.4,54.6c0,1.5-0.4,2.6-1.2,3.4 c-0.8,0.8-2,1.2-3.5,1.2H9.5C8,59.2,6.8,58.8,6,58c-0.8-0.8-1.2-1.9-1.2-3.4V9.4C4.8,8,5.2,6.8,6,6c0.8-0.8,2-1.2,3.5-1.2h31.2 c1.5,0,2.7,0.4,3.5,1.2C45,6.8,45.4,8,45.4,9.4V54.6z' })] }));
-}
-
-function Checkmark(props) {
-    return (jsxRuntime.jsx("svg", { "aria-label": '\u2713', viewBox: '0 0 67.1 66.1', ...props, children: jsxRuntime.jsx("path", { d: 'M25.9,66.1c1.9,0,3.4-0.8,4.5-2.5L66,7.3c0.4-0.7,0.7-1.2,0.9-1.8C67,5,67.1,4.5,67.1,4c0-1.2-0.4-2.2-1.1-2.9 C65.3,0.4,64.3,0,63.1,0c-0.9,0-1.6,0.2-2.1,0.5c-0.6,0.3-1.1,0.9-1.7,1.8L25.7,56.2L8,32.4c-1-1.4-2.3-2.1-3.8-2.1 c-1.2,0-2.2,0.4-3,1.1c-0.8,0.8-1.2,1.8-1.2,3c0,0.5,0.1,1,0.3,1.6c0.2,0.5,0.5,1.1,1,1.6l20,25.9C22.6,65.3,24.1,66.1,25.9,66.1z' }) }));
-}
-
-function CheckmarkSeal(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 110.9 110.9', ...props, children: [jsxRuntime.jsx("path", { d: 'M106.1,46.5L98.7,39c-0.7-0.7-1-1.5-1-2.4V26c0-4.3-1-7.5-3.1-9.6s-5.3-3.1-9.7-3.1H74.4c-1,0-1.8-0.3-2.5-1l-7.5-7.5 c-3.1-3.1-6.1-4.6-9-4.6s-5.9,1.5-9,4.6l-7.5,7.5c-0.7,0.7-1.5,1-2.5,1H25.9c-4.4,0-7.6,1-9.7,3.1s-3.1,5.3-3.1,9.7v10.6 c0,0.9-0.3,1.8-1,2.4l-7.5,7.5c-3.1,3.1-4.6,6.1-4.6,9s1.5,5.9,4.6,9l7.5,7.5c0.7,0.7,1,1.5,1,2.5v10.5c0,4.4,1,7.6,3.1,9.7 c2.1,2,5.4,3,9.7,3h10.5c1,0,1.8,0.3,2.5,1l7.5,7.5c3.1,3.1,6.1,4.6,9,4.6s5.9-1.6,9-4.6l7.5-7.5c0.7-0.7,1.5-1,2.5-1h10.5 c4.4,0,7.6-1,9.7-3.1s3.1-5.3,3.1-9.7V74.5c0-1,0.3-1.8,1-2.5l7.4-7.5c3.1-3.1,4.7-6.1,4.7-9S109.2,49.6,106.1,46.5z M100.8,58.8 L91.6,68c-1,1-1.6,2.2-1.6,3.7v13.1c0,2.2-0.3,3.6-0.9,4.2s-2,0.9-4.2,0.9H71.8c-1.5,0-2.7,0.5-3.7,1.6l-9.2,9.2 c-1.6,1.5-2.7,2.3-3.5,2.3s-2-0.8-3.5-2.3l-9.2-9.2c-1-1-2.2-1.6-3.7-1.6H25.9V90c-2.2,0-3.6-0.3-4.2-0.9s-0.9-2-0.9-4.2V71.8 c0-1.4-0.5-2.7-1.5-3.7l-9.2-9.2c-1.6-1.6-2.3-2.8-2.3-3.6c0-0.8,0.8-2,2.3-3.6l9.2-9.2c1-1,1.5-2.3,1.5-3.7V25.7 c0-2.2,0.3-3.6,0.9-4.2s2-0.9,4.2-0.9H39c1.5,0,2.7-0.5,3.7-1.5l9.2-9.2c1.6-1.5,2.7-2.3,3.5-2.3s2,0.8,3.5,2.3l9.2,9.2 c1,1,2.2,1.5,3.7,1.5h13.1c2.2,0,3.6,0.3,4.2,0.9s0.9,2,0.9,4.1v13.1c0,1.4,0.5,2.7,1.6,3.7l9.2,9.2c1.5,1.6,2.3,2.8,2.3,3.6 C103.1,56,102.3,57.2,100.8,58.8z' }), jsxRuntime.jsx("path", { d: 'M50.2,78.6c1.7,0,3-0.7,4-2.2l22.3-35.2c0.3-0.5,0.6-1,0.8-1.5s0.4-1.1,0.4-1.6c0-1.1-0.4-1.9-1.2-2.6s-1.7-1-2.7-1 c-1.4,0-2.5,0.7-3.4,2.2L50.1,69.2l-9.6-12.5c-0.6-0.8-1.2-1.3-1.7-1.6c-0.6-0.3-1.2-0.4-1.9-0.4c-1,0-1.9,0.4-2.7,1.1 c-0.7,0.8-1.1,1.7-1.1,2.8c0,1,0.4,2,1.1,3l11.9,14.6c0.6,0.8,1.3,1.4,1.9,1.7C48.6,78.4,49.4,78.6,50.2,78.6z' })] }));
-}
-
-function ChevronCompactDown(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 18', ...props, children: jsxRuntime.jsx("path", { d: 'M37.2,16.4L61.7,6.8C63.1,6.3 64,5 64,3.7C64,1.6 62.5,0 60.4,0C58.3,0 57.9,0.6 57,0.9L32,10.7L7,0.9C6.1,0.6 4.7,0 3.6,0C1.5,0 0,1.6 0,3.7C0,5.8 0.9,6.2 2.3,6.8L26.8,16.4C28.5,17 30.5,17.8 32,17.8C33.5,17.8 35.6,17 37.2,16.4Z' }) }));
-}
-
-function ChevronDown(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 36', ...props, children: jsxRuntime.jsx("path", { d: 'M32,36c1,0,1.8-0.4,2.5-1.1L63,5.7c0.7-0.7,1-1.4,1-2.3c0-1-0.3-1.8-1-2.4c-0.6-0.7-1.4-1-2.3-1s-1.7,0.3-2.4,1L30,29.8H34 L5.7,1C5.1,0.3,4.3,0,3.4,0C2.4,0,1.6,0.3,1,1C0.3,1.6,0,2.4,0,3.4c0,0.9,0.3,1.7,1,2.3l28.5,29.2C30.3,35.7,31.1,36,32,36z' }) }));
-}
-
-function ChevronLeft(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 36 64', ...props, children: jsxRuntime.jsx("path", { d: 'M0,32c0,1,0.4,1.8,1.1,2.5L30.3,63c0.7,0.7,1.4,1,2.3,1c1,0,1.8-0.3,2.4-1c0.7-0.6,1-1.4,1-2.3c0-0.9-0.3-1.7-1-2.4L6.2,30 v4L35,5.7c0.7-0.6,1-1.4,1-2.3c0-1-0.3-1.8-1-2.4c-0.6-0.7-1.4-1-2.4-1c-0.9,0-1.7,0.3-2.3,1L1.1,29.5C0.3,30.3,0,31.1,0,32z' }) }));
-}
-
-function ChevronLeftForwardslashChevronRight(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 43.2', ...props, children: [jsxRuntime.jsx("path", { d: 'M0,21.6c0,0.6,0.3,1.3,0.8,1.7L16,37.1c1,0.9,2.3,0.9,3,0c0.8-0.9,0.7-2.2-0.2-3L5.1,21.6L18.8,9.1c0.9-0.8,1-2.1,0.2-3 s-2.1-0.9-3,0L0.8,19.9C0.3,20.3,0,20.9,0,21.6z' }), jsxRuntime.jsx("path", { d: 'M25.8,43.1c1.2,0.3,2.3-0.3,2.7-1.5l11.4-39c0.3-1.1-0.2-2.2-1.4-2.5c-1.2-0.3-2.2,0.2-2.6,1.6L24.6,40.5 C24.1,41.6,24.5,42.8,25.8,43.1z' }), jsxRuntime.jsx("path", { d: 'M64,21.6c0-0.6-0.3-1.3-0.8-1.7L47.9,6.1c-1-0.9-2.2-0.9-3,0s-0.7,2.2,0.2,3l13.8,12.5L45.1,34.1c-0.9,0.8-1,2.1-0.2,3 s2,0.9,3,0l15.3-13.8C63.8,22.8,64,22.2,64,21.6z' })] }));
-}
-
-function ChevronRight(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 36 64', ...props, children: jsxRuntime.jsx("path", { d: 'M36,32c0-1-0.4-1.8-1.1-2.5L5.7,1C5,0.3,4.3,0,3.4,0C2.4,0,1.6,0.3,1,1C0.3,1.6,0,2.4,0,3.3S0.3,5,1,5.7L29.8,34v-4L1,58.3 c-0.7,0.6-1,1.4-1,2.3c0,1,0.3,1.8,1,2.4c0.6,0.7,1.4,1,2.4,1c0.9,0,1.7-0.3,2.3-1l29.2-28.5C35.7,33.7,36,32.9,36,32z' }) }));
-}
-
-function ChevronUpChevronDown(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 55.592 64', ...props, children: [jsxRuntime.jsx("path", { d: 'm27.792,0c-.42,0-.826.083-1.22.249-.394.166-.808.429-1.243.787L.959,20.832c-.64.578-.959,1.373-.959,2.386,0,.931.313,1.717.94,2.358.626.642,1.423.963,2.389.963.373,0,.754-.079,1.143-.238.389-.158.8-.399,1.235-.721L27.8,7.585l22.085,17.995c.409.322.814.563,1.216.721.401.158.789.238,1.162.238.966,0,1.763-.321,2.389-.963.626-.642.939-1.428.939-2.358,0-1.012-.333-1.807-.998-2.386L30.247,1.028c-.435-.358-.854-.619-1.258-.783-.404-.164-.803-.246-1.197-.246Z' }), jsxRuntime.jsx("path", { d: 'm27.792,64c.394,0,.793-.082,1.197-.246.404-.164.823-.425,1.258-.783l24.347-19.804c.665-.578.998-1.373.998-2.386,0-.931-.313-1.717-.939-2.358-.626-.642-1.423-.962-2.389-.962-.373,0-.761.079-1.162.238-.401.158-.807.399-1.216.721l-22.085,17.995L5.707,38.42c-.435-.322-.846-.563-1.235-.721-.389-.158-.77-.238-1.143-.238-.966,0-1.763.321-2.389.962-.626.642-.94,1.428-.94,2.358,0,1.012.32,1.808.959,2.386l24.37,19.796c.435.358.849.62,1.243.787.394.166.801.249,1.22.249Z' })] }));
-}
-
-function CircleFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 64', ...props, children: jsxRuntime.jsx("circle", { r: '32', cx: '32', cy: '32' }) }));
-}
-
-function ClockBadgeCheckmark(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 54.2', ...props, children: [jsxRuntime.jsx("path", { d: 'M27,53.9c1.8,0,3.7-.2,5.5-.5,1.8-.4,3.5-.9,5.1-1.6-1-1.1-1.8-2.4-2.4-3.8-1.2.5-2.5.9-3.9,1.1s-2.8.4-4.2.4c-3.1,0-6-.6-8.7-1.7s-5.1-2.8-7.2-4.8c-2.1-2.1-3.6-4.4-4.8-7.2-1.1-2.7-1.7-5.6-1.7-8.7s.6-6,1.7-8.7c1.1-2.7,2.8-5.1,4.8-7.2,2.1-2.1,4.4-3.7,7.2-4.8,2.7-1.1,5.6-1.7,8.7-1.7,2.8-.1,5.5.4,8,1.4,2.5,1,4.8,2.3,6.8,4.1s3.6,3.8,4.9,6.2c1.3,2.3,2.1,4.9,2.5,7.6.7-.1,1.5-.1,2.3,0,.9,0,1.6.1,2.3.3-.4-3.4-1.3-6.5-2.9-9.4-1.5-3-3.5-5.5-5.9-7.7s-5.2-3.9-8.2-5.1C33.7.6,30.5,0,27,0s-7.2.7-10.4,2.1c-3.3,1.4-6.1,3.4-8.6,5.9s-4.4,5.3-5.9,8.6C.8,19.8,0,23.3,0,27s.7,7.2,2.1,10.4c1.4,3.3,3.4,6.1,5.9,8.6s5.4,4.4,8.6,5.9c3.3,1.4,6.7,2.1,10.4,2.1Z' }), jsxRuntime.jsx("path", { d: 'M13.2,29.8h13.8c.5,0,1-.2,1.3-.5.4-.3.5-.8.5-1.3V10.2c0-.5-.2-1-.5-1.3-.4-.4-.8-.5-1.3-.5s-.9.2-1.3.5c-.4.4-.5.8-.5,1.3v16h-12c-.5,0-1,.2-1.3.5s-.5.8-.5,1.3.2,1,.5,1.3c.4.3.8.5,1.3.5Z' }), jsxRuntime.jsx("path", { d: 'M62.2,34c-1.2-2.1-2.9-3.6-4.9-4.9-2.1-1.2-4.3-1.8-6.8-1.8s-4.7.6-6.7,1.8c-2.1,1.2-3.7,2.8-4.9,4.9-1.2,2.1-1.8,4.3-1.8,6.8s.6,4.7,1.8,6.8,2.9,3.6,4.9,4.9c2.1,1.1,4.3,1.8,6.7,1.8s4.7-.6,6.7-1.8,3.7-2.9,4.9-4.9c1.2-2.1,1.8-4.3,1.8-6.7s-.6-4.7-1.8-6.8ZM58.8,36.2c0,.2-.2.3-.3.5l-8.2,11.4c-.3.4-.8.6-1.4.6s-.5,0-.7-.2-.4-.2-.6-.4l-5.1-5.6c-.1-.1-.2-.3-.3-.5,0-.2-.1-.4-.1-.5,0-.5.2-.9.5-1.2s.7-.5,1.2-.5.5,0,.7.2c.2.1.4.3.5.4l3.7,4,7-9.7c.4-.5.8-.7,1.4-.7s.8.2,1.1.5.5.7.5,1.1,0,.3-.1.5Z' })] }));
-}
-
-function ClockFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 64', ...props, children: jsxRuntime.jsx("path", { d: 'M61.5,19.6c-1.7-3.9-4-7.3-6.9-10.2s-6.4-5.3-10.2-6.9C40.5,0.8,36.3,0,32,0c-4.4,0-8.5,0.8-12.3,2.5 c-3.9,1.7-7.3,4-10.2,6.9c-2.9,3-5.2,6.4-6.9,10.2C0.8,23.5,0,27.6,0,32c0,4.4,0.8,8.5,2.5,12.3c1.7,3.9,4,7.3,6.9,10.2 c2.9,3,6.3,5.3,10.2,6.9c3.9,1.7,8,2.5,12.3,2.5c4.4,0,8.5-0.8,12.4-2.5c3.9-1.7,7.3-4,10.2-6.9s5.3-6.4,6.9-10.2 c1.7-3.9,2.5-8,2.5-12.3C64,27.6,63.2,23.5,61.5,19.6z M34.1,33.2c0,0.6-0.2,1.1-0.6,1.5c-0.4,0.4-0.9,0.6-1.6,0.6H15.6 c-0.6,0-1.1-0.2-1.5-0.6c-0.4-0.4-0.6-0.9-0.6-1.5c0-0.6,0.2-1.1,0.6-1.5c0.4-0.4,0.9-0.6,1.5-0.6h14.2V12.1c0-0.6,0.2-1.1,0.6-1.6 c0.4-0.4,0.9-0.6,1.5-0.6c0.6,0,1.1,0.2,1.6,0.6c0.4,0.4,0.6,0.9,0.6,1.6V33.2z' }) }));
-}
-
-function CloudFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 42.3', ...props, children: jsxRuntime.jsx("path", { d: 'M13.1,42.3H48c3,0,5.7-0.7,8.1-2.1s4.3-3.2,5.7-5.6c1.4-2.4,2.1-5,2.1-7.9s-0.7-5.6-2.2-7.9s-3.5-4.2-6-5.5s-5.4-2-8.6-2 c-1.8-3.6-4.2-6.3-7.4-8.4c-3.1-2-6.7-3-10.7-3c-3.5,0-6.7,0.8-9.6,2.5s-5.3,3.9-7.2,6.7c-1.9,2.8-3,6-3.2,9.5 c-2.7,0.7-4.8,2.2-6.5,4.3C0.8,25,0,27.5,0,30.3c0,2.3,0.5,4.4,1.6,6.2c1.1,1.8,2.6,3.2,4.6,4.2C8.2,41.8,10.5,42.3,13.1,42.3z' }) }));
-}
-
-function CubeFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 59.7 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M29.8,30.3l27.7-15.7c-0.4-0.4-1-0.8-1.6-1.2L35.2,1.6c-1.8-1-3.6-1.6-5.4-1.6c-1.7,0-3.5,0.5-5.3,1.6L3.8,13.4 c-0.7,0.4-1.2,0.7-1.6,1.2L29.8,30.3z' }), jsxRuntime.jsx("path", { d: 'M27.8,64V33.8L0.2,18c-0.1,0.3-0.2,0.7-0.2,1C0,19.4,0,19.8,0,20.3v22.9c0,2.1,0.4,3.7,1.1,4.7c0.7,1,1.8,1.9,3.1,2.7 l23,13.1c0.1,0.1,0.2,0.1,0.3,0.1C27.6,63.9,27.7,64,27.8,64z' }), jsxRuntime.jsx("path", { d: 'M31.8,64c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.3-0.1l23-13.1c1.3-0.8,2.4-1.7,3.1-2.7c0.7-1,1.1-2.6,1.1-4.7V20.3 c0-0.4,0-0.8,0-1.2c0-0.4-0.1-0.7-0.2-1L31.8,33.8V64z' })] }));
-}
-
-function CurvePointLeft(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 26.7 64', ...props, children: jsxRuntime.jsx("path", { d: 'M0,32c0,5.1,26.7,17.8,26.7,32V0C26.7,14.2,0,26.9,0,32z' }) }));
-}
-
-function DialHigh(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 55.5', ...props, children: [jsxRuntime.jsx("path", { d: 'M32,12.7c-10.6,0-19.3,8.6-19.3,19.3c0,10.7,8.7,19.3,19.3,19.3S51.3,42.7,51.3,32C51.3,21.3,42.6,12.7,32,12.7z M32,46.9 c-8.3,0-15-6.7-15-15c0-8.2,6.8-15,15-15c8.3,0,15,6.8,15,15C47,40.2,40.3,46.9,32,46.9z' }), jsxRuntime.jsx("path", { d: 'M41.5,43.9l2.8-2.8l-11-11c-0.7-0.7-2.1-0.7-2.8,0c-0.8,0.9-0.8,2,0,2.8L41.5,43.9z' }), jsxRuntime.jsx("path", { d: 'M52.3,55.5c1.8,0,3.3-1.5,3.3-3.3c0-1.8-1.5-3.3-3.3-3.3c-1.8,0-3.3,1.5-3.3,3.3C49.1,54,50.5,55.5,52.3,55.5z' }), jsxRuntime.jsx("path", { d: 'M60.7,35.3c1.8,0,3.3-1.5,3.3-3.3c0-1.8-1.5-3.3-3.3-3.3c-1.8,0-3.3,1.5-3.3,3.3C57.4,33.8,58.8,35.3,60.7,35.3z' }), jsxRuntime.jsx("path", { d: 'M52.3,15.1c1.8,0,3.3-1.5,3.3-3.3c0-1.8-1.5-3.3-3.3-3.3c-1.8,0-3.3,1.4-3.3,3.3C49.1,13.6,50.5,15.1,52.3,15.1z' }), jsxRuntime.jsx("path", { d: 'M32,6.6c1.8,0,3.3-1.4,3.3-3.3C35.3,1.5,33.9,0,32,0c-1.8,0-3.3,1.5-3.3,3.3C28.7,5.1,30.2,6.6,32,6.6z' }), jsxRuntime.jsx("path", { d: 'M11.7,15c1.8,0,3.3-1.5,3.3-3.3c0-1.8-1.5-3.3-3.3-3.3c-1.8,0-3.3,1.4-3.3,3.3C8.4,13.6,9.8,15,11.7,15z' }), jsxRuntime.jsx("path", { d: 'M3.3,35.3c1.8,0,3.3-1.5,3.3-3.3c0-1.8-1.5-3.3-3.3-3.3S0,30.1,0,32C0,33.8,1.5,35.3,3.3,35.3z' }), jsxRuntime.jsx("path", { d: 'M11.7,55.5c1.8,0,3.3-1.5,3.3-3.3c0-1.8-1.5-3.3-3.3-3.3c-1.8,0-3.3,1.5-3.3,3.3C8.4,54,9.9,55.5,11.7,55.5z' })] }));
-}
-
-function DocFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 50.2 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M9.2,64h31.7c3.1,0,5.4-0.8,6.9-2.4c1.5-1.6,2.3-3.9,2.3-7V27.6H28.6c-3.8,0-5.6-1.9-5.6-5.7V0H9.2C6.2,0,3.9,0.8,2.3,2.4 C0.8,3.9,0,6.3,0,9.4v45.3c0,3.1,0.8,5.5,2.3,7C3.9,63.2,6.2,64,9.2,64z' }), jsxRuntime.jsx("path", { d: 'M28.7,23.5h21.2c-0.1-0.6-0.3-1.3-0.8-1.9c-0.4-0.6-1-1.3-1.7-2L30.9,2.8c-0.7-0.7-1.4-1.3-2-1.7c-0.6-0.4-1.3-0.7-1.9-0.8 v21.5C27,22.9,27.6,23.5,28.7,23.5z' })] }));
-}
-
-function DocOnClipboard(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 52 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M50.1,2c-1.3-1.3-3.3-2-5.9-2H20.2c-2.6,0-4.6,0.7-5.9,2c-1.3,1.3-2,3.3-2,6v7.1h7.8l18.3,18.4v17.8h5.6 c2.6,0,4.6-0.7,5.9-2s2-3.3,2-6V8C52,5.3,51.4,3.3,50.1,2z M40,7.2c0,0.4-0.1,0.7-0.4,1c-0.3,0.3-0.7,0.5-1.2,0.5H26 c-0.6,0-1-0.2-1.2-0.5c-0.3-0.3-0.4-0.7-0.4-1V6.7c0-0.4,0.1-0.7,0.4-1C25,5.3,25.4,5.2,26,5.2h12.4c0.5,0,1,0.2,1.2,0.5 c0.3,0.3,0.4,0.7,0.4,1V7.2z' }), jsxRuntime.jsx("path", { d: 'M39.3,32.3c-0.3-0.9-1-1.9-2-2.9l-14-14.3c-1-1-1.9-1.7-2.8-2s-2.1-0.5-3.5-0.5h-9c-2.6,0-4.6,0.7-5.9,2c-1.3,1.3-2,3.3-2,6 V56c0,2.7,0.7,4.7,2,6c1.3,1.3,3.3,2,5.9,2h23.9c2.6,0,4.6-0.7,5.9-2c1.3-1.3,2-3.3,2-6V36.2C39.7,34.5,39.6,33.2,39.3,32.3z M20.3,17.7l14.5,14.8H21.7c-1,0-1.4-0.5-1.4-1.4V17.7z M35.6,56c0,1.3-0.3,2.2-1,2.9c-0.7,0.7-1.7,1-3,1H8.1c-1.3,0-2.3-0.3-3-1 c-0.7-0.7-1-1.7-1-2.9V20.7c0-1.3,0.3-2.2,1-2.9c0.7-0.7,1.7-1,3-1h8.3v14.8c0,1.6,0.4,2.8,1.2,3.6c0.8,0.8,2,1.2,3.6,1.2h14.3V56z' })] }));
-}
-
-function DocOnDoc(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 52 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M51.5,18.7c-0.4-1.1-1-2.1-2-3.1L36.6,2.5c-0.9-0.9-1.9-1.6-3-2C32.6,0.2,31.3,0,30,0h-9.8c-2.6,0-4.6,0.7-5.9,2 c-1.3,1.3-2,3.3-2,6v6.1h4.1V8c0-1.3,0.3-2.2,1-2.9c0.7-0.7,1.7-1,3-1h11.2v13c0,1.5,0.4,2.6,1.1,3.3c0.7,0.7,1.8,1.1,3.2,1.1h11.9 v21.8c0,1.3-0.3,2.2-1,2.9c-0.7,0.7-1.7,1-3,1h-5v4.1h5.2c2.6,0,4.6-0.7,5.9-2s2-3.3,2-6V22.7C52,21.1,51.8,19.8,51.5,18.7z M36.6,17.8c-0.8,0-1.3-0.4-1.3-1.3V6.1l11.5,11.7H36.6z' }), jsxRuntime.jsx("path", { d: 'M39.3,32.3c-0.3-0.9-1-1.9-2-2.9l-14-14.3c-1-1-1.9-1.7-2.8-2s-2.1-0.5-3.5-0.5h-9c-2.6,0-4.6,0.7-5.9,2c-1.3,1.3-2,3.3-2,6 V56c0,2.7,0.7,4.7,2,6c1.3,1.3,3.3,2,5.9,2h23.9c2.6,0,4.6-0.7,5.9-2c1.3-1.3,2-3.3,2-6V36.2C39.7,34.5,39.6,33.2,39.3,32.3z M20.3,17.7l14.5,14.8H21.7c-1,0-1.4-0.5-1.4-1.4V17.7z M35.6,56c0,1.3-0.3,2.2-1,2.9c-0.7,0.7-1.7,1-3,1H8.1c-1.3,0-2.3-0.3-3-1 c-0.7-0.7-1-1.7-1-2.9V20.7c0-1.3,0.3-2.2,1-2.9c0.7-0.7,1.7-1,3-1h8.3v14.8c0,1.6,0.4,2.8,1.2,3.6c0.8,0.8,2,1.2,3.6,1.2h14.3V56z' })] }));
-}
-
-function DocOnDocFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 52 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M7.9,64h23.9c2.6,0,4.6-0.7,5.9-2c1.3-1.3,2-3.3,2-6V35.9H21.9c-1.6,0-2.8-0.4-3.6-1.2c-0.8-0.8-1.2-2-1.2-3.6V12.7H7.9 c-2.6,0-4.6,0.7-5.9,2c-1.3,1.3-2,3.3-2,6V56c0,2.7,0.7,4.7,2,6C3.3,63.3,5.3,64,7.9,64z' }), jsxRuntime.jsx("path", { d: 'M21.9,32.4h17.3c-0.1-0.5-0.3-1-0.7-1.5c-0.3-0.5-0.8-1-1.3-1.6L23.7,15.5c-0.6-0.6-1.1-1-1.6-1.4c-0.5-0.4-1-0.6-1.5-0.8 v17.8C20.6,32,21,32.4,21.9,32.4z' }), jsxRuntime.jsx("path", { d: 'M43.1,51.3h1c1.7,0,3.2-0.3,4.4-0.9c1.2-0.6,2.1-1.5,2.6-2.7c0.6-1.2,0.9-2.7,0.9-4.4V19.2H37.9c-1.3,0-2.3-0.4-3.1-1.1 c-0.7-0.7-1.1-1.7-1.1-3.1V0H20.2c-2.6,0-4.5,0.7-5.9,2c-1.3,1.3-2,3.3-2,5.8v1.4H16c1.8,0,3.4,0.3,4.9,0.8c1.5,0.5,2.9,1.5,4.4,2.9 l14.5,14.4c1.4,1.4,2.3,2.9,2.8,4.4c0.4,1.5,0.6,3.1,0.6,4.9V51.3z' }), jsxRuntime.jsx("path", { d: 'M38.4,16h13.3c-0.1-0.4-0.2-0.8-0.5-1.2c-0.3-0.4-0.6-0.8-1.1-1.2l-10.8-11c-0.4-0.4-0.8-0.8-1.2-1.1 C37.8,1.3,37.4,1.1,37,1l0,13.5C37,15.5,37.5,16,38.4,16z' })] }));
-}
-
-function DocOnMagnifyingglass(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 51 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M8.5,58.9h15.1c-1.5-1.2-2.7-2.7-3.6-4.4H8.8c-2.8,0-4.3-1.5-4.3-4.2V8.7c0-2.7,1.5-4.3,4.3-4.3h28.7c2.7,0,4.3,1.5,4.3,4.3 v24c1.7,0.9,3.2,2.1,4.4,3.6V8.6c0-5.8-2.9-8.6-8.5-8.6H8.5C2.8,0,0,2.9,0,8.6v41.7C0,56.1,2.8,58.9,8.5,58.9z' }), jsxRuntime.jsx("path", { d: 'M12.7,15.6h20.8c1,0,1.7-0.8,1.7-1.7c0-0.9-0.7-1.7-1.7-1.7H12.7c-1,0-1.7,0.7-1.7,1.7C11,14.9,11.7,15.6,12.7,15.6z' }), jsxRuntime.jsx("path", { d: 'M12.7,25.2h20.8c1,0,1.7-0.8,1.7-1.7c0-0.9-0.7-1.7-1.7-1.7H12.7c-1,0-1.7,0.7-1.7,1.7C11,24.5,11.7,25.2,12.7,25.2z' }), jsxRuntime.jsx("path", { d: 'M33.9,34.2c-6.8,0-12.4,5.6-12.4,12.4c0,6.8,5.6,12.4,12.4,12.4s12.4-5.5,12.4-12.4C46.2,39.7,40.7,34.2,33.9,34.2z M33.9,55c-4.7,0-8.5-3.8-8.5-8.4c0-4.6,3.8-8.4,8.5-8.4c4.6,0,8.4,3.8,8.4,8.4C42.3,51.2,38.5,55,33.9,55z' }), jsxRuntime.jsx("path", { d: 'M48.8,64c1.3,0,2.2-1,2.2-2.4c0-0.6-0.3-1.2-0.8-1.7l-7.7-7.7l-3.5,3.1l7.8,7.7C47.5,63.8,48.1,64,48.8,64z' })] }));
-}
-
-function DollarSign(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 468.96 820', ...props, children: jsxRuntime.jsx("path", { d: 'M270.718 358.763L270.718 176.564C309.694 183.138 346.445 199.131 377.865 223.149C384.128 227.444 391.478 229.774 399.087 229.877C423.466 229.877 443.343 210.259 443.601 185.88C443.652 175.425 439.563 165.383 432.214 157.93C386.819 119.056 329.882 96.1268 270.201 92.7106L270.201 31.6317C270.201 14.1874 256.07 0.0568293 238.626 0.0568293C238.264 0.00557919 237.9 0.00557919 237.539 0.00557919C219.836-0.253875 205.24 13.8783 204.98 31.6317L204.98 90.6398C88.5176 98.9215 9.32336 170.87 9.32336 266.628C9.32336 384.125 109.223 416.736 204.98 442.616L204.98 649.662C154.46 642.881 106.841 621.918 67.8125 589.102C60.463 583.253 51.3517 579.992 41.9312 579.785C18.0695 581.441-0.305258 601.421 0.00384275 625.335C-0.0474074 635.79 4.04139 645.832 11.391 653.286C64.8609 701.424 133.6 729.117 205.496 731.446L205.496 788.383C205.496 788.745 205.547 789.108 205.547 789.47C206.375 807.172 221.438 820.837 239.14 819.958C256.584 819.958 270.715 805.827 270.715 788.383L270.715 730.411C412.023 721.095 468.96 635.171 468.96 544.07C468.963 421.913 366.477 384.644 270.718 358.763ZM205.499 342.199C149.079 325.636 105.083 308.555 105.083 260.417C105.083 212.279 144.939 177.598 205.499 172.941L205.499 342.199ZM270.718 650.696L270.718 462.286C329.209 478.85 374.757 501.107 374.24 555.456C374.24 594.795 347.324 641.38 270.718 650.696Z' }) }));
-}
-
-function EllipsisCircle(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M61.5,19.8c-1.7-3.9-4-7.3-6.9-10.2c-3-3-6.4-5.3-10.2-6.9C40.5,1,36.4,0.2,32,0.2S23.5,1,19.7,2.7s-7.3,4-10.2,6.9 c-2.9,3-5.2,6.4-6.9,10.2c-1.7,3.9-2.5,8-2.5,12.3c0,4.4,0.8,8.5,2.5,12.3c1.7,3.9,4,7.3,6.9,10.2c2.9,3,6.3,5.3,10.2,6.9 C23.5,63.1,27.6,64,32,64c4.4,0,8.5-0.8,12.4-2.5s7.3-4,10.2-6.9c2.9-3,5.3-6.4,6.9-10.2c1.7-3.9,2.5-8,2.5-12.3 C64,27.7,63.2,23.6,61.5,19.8z M56.5,42.3c-1.4,3.2-3.3,6.1-5.7,8.5c-2.4,2.4-5.3,4.4-8.5,5.7c-3.2,1.5-6.6,2.1-10.3,2.1 c-3.7,0-7.1-0.7-10.4-2.1c-3.2-1.4-6-3.3-8.5-5.7c-2.4-2.4-4.3-5.3-5.7-8.5C6,39.1,5.3,35.6,5.3,31.9c0-3.7,0.7-7.1,2-10.4 c1.4-3.2,3.3-6.1,5.7-8.5c2.4-2.4,5.3-4.4,8.5-5.7c3.2-1.4,6.7-2.1,10.4-2.1c3.7,0,7.2,0.7,10.4,2.1c3.2,1.4,6.1,3.3,8.5,5.7 c2.4,2.4,4.4,5.3,5.7,8.5c1.4,3.2,2.1,6.7,2.1,10.4C58.6,35.6,57.9,39,56.5,42.3z' }), jsxRuntime.jsx("path", { d: 'M17.3,36.5c1.2,0,2.3-0.4,3.2-1.3s1.3-2,1.3-3.2c0-1.3-0.4-2.3-1.3-3.2s-2-1.3-3.2-1.3c-1.3,0-2.3,0.4-3.2,1.3 s-1.3,2-1.3,3.2c0,1.3,0.4,2.3,1.3,3.2S16.1,36.5,17.3,36.5z' }), jsxRuntime.jsx("path", { d: 'M32,36.5c1.3,0,2.3-0.4,3.2-1.3c0.9-0.9,1.3-2,1.3-3.2c0-1.3-0.4-2.3-1.3-3.2c-0.9-0.9-2-1.3-3.2-1.3 c-1.3,0-2.3,0.4-3.2,1.3c-0.9,0.9-1.3,2-1.3,3.2c0,1.3,0.4,2.3,1.3,3.2C29.6,36.1,30.7,36.5,32,36.5z' }), jsxRuntime.jsx("path", { d: 'M46.6,36.5c1.3,0,2.3-0.4,3.2-1.3c0.9-0.9,1.3-2,1.3-3.2c0-1.3-0.4-2.3-1.3-3.2c-0.9-0.9-2-1.3-3.2-1.3 c-1.3,0-2.3,0.4-3.2,1.3s-1.3,2-1.3,3.2c0,1.3,0.4,2.3,1.3,3.2S45.3,36.5,46.6,36.5z' })] }));
-}
-
-function EllipsisCircleFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 64', ...props, children: jsxRuntime.jsx("path", { d: 'M61.5,19.6c-1.7-3.9-4-7.3-6.9-10.2c-3-3-6.4-5.3-10.2-6.9C40.5,0.8,36.4,0,32,0c-4.4,0-8.5,0.8-12.3,2.5 c-3.9,1.7-7.3,4-10.2,6.9c-2.9,3-5.2,6.4-6.9,10.2C0.8,23.5,0,27.6,0,32s0.8,8.5,2.5,12.4c1.7,3.9,4,7.3,6.9,10.2 c2.9,3,6.3,5.3,10.2,6.9c3.9,1.7,8,2.5,12.3,2.5c4.4,0,8.5-0.8,12.4-2.5c3.9-1.7,7.3-4,10.2-6.9c2.9-3,5.3-6.4,6.9-10.2 c1.7-3.9,2.5-8,2.5-12.4S63.2,23.5,61.5,19.6z M20.5,35.4c-1,0.9-2.1,1.4-3.4,1.4c-1.3,0-2.5-0.5-3.4-1.4c-1-0.9-1.4-2.1-1.4-3.4 c0-1.3,0.5-2.5,1.4-3.4c1-0.9,2.1-1.4,3.4-1.4c1.3,0,2.5,0.5,3.4,1.4s1.4,2.1,1.4,3.4C21.9,33.3,21.4,34.5,20.5,35.4z M35.4,35.4 c-0.9,0.9-2.1,1.4-3.4,1.4c-1.3,0-2.5-0.5-3.5-1.4c-1-0.9-1.4-2.1-1.4-3.4c0-1.3,0.5-2.5,1.4-3.4c1-0.9,2.1-1.4,3.5-1.4 c1.3,0,2.5,0.5,3.4,1.4c0.9,0.9,1.4,2.1,1.4,3.4C36.9,33.3,36.4,34.5,35.4,35.4z M50.4,35.4c-1,0.9-2.1,1.4-3.4,1.4 c-1.3,0-2.5-0.5-3.4-1.4c-0.9-0.9-1.4-2.1-1.4-3.4c0-1.3,0.5-2.5,1.4-3.4c0.9-0.9,2.1-1.4,3.4-1.4c1.3,0,2.5,0.5,3.4,1.4 s1.4,2.1,1.4,3.4C51.8,33.3,51.3,34.5,50.4,35.4z' }) }));
-}
-
-function Envelope(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 49.9', ...props, children: [jsxRuntime.jsx("path", { d: 'M61.7,2.2C60.2,0.7,57.9,0,54.9,0H8.2C5.6,0,3.6,0.7,2.2,2.2C0.7,3.7,0,6,0,9v32c0,3,0.8,5.2,2.3,6.7s3.8,2.2,6.8,2.2h46.7 c2.6,0,4.6-0.7,6.1-2.2c1.4-1.5,2.2-3.7,2.2-6.7V9C64,6,63.2,3.7,61.7,2.2z M59.6,41c0,1.5-0.4,2.6-1.2,3.4 c-0.8,0.8-1.9,1.2-3.3,1.2H8.9c-1.4,0-2.6-0.4-3.3-1.2s-1.2-1.9-1.2-3.4V9c0-1.5,0.4-2.6,1.2-3.4s1.9-1.2,3.3-1.2H55 c1.4,0,2.5,0.4,3.3,1.2c0.8,0.8,1.2,1.9,1.2,3.4V41z' }), jsxRuntime.jsx("path", { d: 'M32.1,32.7c1,0,2-0.2,3-0.7c1-0.4,2-1.2,3-2.2L61.6,6.7l-3-3l-23,22.7c-0.6,0.6-1.2,1.1-1.8,1.4c-0.6,0.3-1.1,0.4-1.7,0.4 c-0.6,0-1.2-0.1-1.7-0.4c-0.6-0.3-1.2-0.7-1.8-1.4L5.4,3.6l-3,3L26,29.9c1,1,2,1.7,3,2.2C30,32.4,31,32.7,32.1,32.7z' }), jsxRuntime.jsx("polygon", { points: '58.3,46.1 61.3,43.1 42.6,24.6 39.6,27.6 ' }), jsxRuntime.jsx("polygon", { points: '2.7,43.1 5.8,46.2 24.5,27.6 21.5,24.6 ' })] }));
-}
-
-function EnvelopeFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 49.9', ...props, children: [jsxRuntime.jsx("path", { d: 'M32.1,28.3c1.2,0,2.4-0.6,3.6-1.8L60.8,1.5c-1.1-1-3.1-1.5-5.9-1.5H8.2C5.8,0,4.1,0.5,3.1,1.4l25.3,25.1 C29.7,27.7,30.9,28.3,32.1,28.3z' }), jsxRuntime.jsx("path", { d: 'M0.7,45.3L21.2,25L0.7,4.7C0.2,5.6,0,7,0,9v32C0,43,0.2,44.4,0.7,45.3z' }), jsxRuntime.jsx("path", { d: 'M9.1,49.9h46.7c2.4,0,4.1-0.5,5.1-1.4L40,27.9L38,29.8c-1.9,1.9-3.9,2.8-6,2.8c-2.1,0-4.1-0.9-6-2.8l-1.9-1.9L3.3,48.5 C4.4,49.5,6.3,49.9,9.1,49.9z' }), jsxRuntime.jsx("path", { d: 'M63.3,45.2C63.8,44.4,64,43,64,41V9c0-2-0.2-3.3-0.7-4.1L42.9,25L63.3,45.2z' })] }));
-}
-
-function Eye(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 40.1', ...props, children: [jsxRuntime.jsx("path", { d: 'M32,0C13.3,0,0,15.3,0,20.1c0,4.8,13.3,20.1,32,20.1c18.9,0,32-15.3,32-20.1C64,15.3,50.9,0,32,0z M32,36.4 c-15.4,0-27.9-13.1-27.9-16.4C4.1,17.3,16.6,3.7,32,3.7c15.4,0,27.9,13.6,27.9,16.4C59.9,23.4,47.4,36.4,32,36.4z' }), jsxRuntime.jsx("path", { d: 'M32,7c-7.3,0-13.2,5.8-13.2,13.1c0,7.1,5.8,13.1,13.2,13.1c7.3,0,13.1-6,13.1-13.1C45.1,12.7,39.3,7,32,7z M32,24.4 c-2.4,0-4.4-2-4.4-4.3c0-2.4,2-4.4,4.4-4.4c2.4,0,4.4,2,4.4,4.4C36.4,22.4,34.4,24.4,32,24.4z' })] }));
-}
-
-function ExclamationmarkOctagon(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 61.6', ...props, children: [jsxRuntime.jsx("path", { d: 'M61.4,16.8l-12.1-13.3C47.3,1.3,45.4,0,41.4,0h-18.9C18.6,0,16.7,1.3,14.7,3.5L2.6,16.8c-2,2.3-2.6,3.8-2.6,6.9v14.2c0,3.1.5,4.6,2.6,6.9l12.1,13.3c2,2.2,3.9,3.5,7.8,3.5h18.9c4,0,5.8-1.3,7.9-3.5l12.1-13.3c2.1-2.3,2.6-3.8,2.6-6.9v-14.2c0-3.1-.5-4.6-2.6-6.9ZM58.2,37.3c0,2.3-.3,3.1-1.5,4.4l-11.2,12.3c-1.7,1.9-2.6,2.5-5.8,2.5h-15.5c-3.1,0-4-.7-5.7-2.5l-11.2-12.3c-1.2-1.4-1.5-2.2-1.5-4.4v-13.1c0-2.3.3-3.1,1.5-4.4l11.2-12.3c1.7-1.9,2.6-2.5,5.7-2.5h15.5c3.1,0,4,.7,5.8,2.5l11.2,12.3c1.3,1.4,1.5,2.2,1.5,4.4v13.1Z' }), jsxRuntime.jsx("path", { d: 'M32,36.4c1.5,0,2.4-.9,2.4-2.5l.4-16.4c0-1.6-1.2-2.8-2.9-2.8s-2.9,1.1-2.8,2.7l.4,16.5c0,1.6.9,2.5,2.4,2.5Z' }), jsxRuntime.jsx("path", { d: 'M32,46.5c1.8,0,3.4-1.4,3.4-3.2s-1.5-3.2-3.4-3.2-3.3,1.4-3.3,3.2,1.5,3.2,3.3,3.2Z' })] }));
-}
-
-function FigureWaterFitness(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 45.9', ...props, children: [jsxRuntime.jsx("path", { d: 'M31.8,11.8c3.3,0,5.9-2.7,5.9-5.9c0-3.3-2.7-5.9-5.9-5.9c-3.3,0-5.9,2.6-5.9,5.9C25.9,9.2,28.5,11.8,31.8,11.8z' }), jsxRuntime.jsx("path", { d: 'M2.8,7.7l19.9,10.7c0.6,0.3,1,1,0.8,1.7l-1.9,7c5,1,6.7,4.1,10.4,4.1c1,0,1.9-0.3,2.7-0.7l2.6-9.7c0.3-1,0.5-1.5,1.5-2 L59.7,7.7c1.5-0.8,2.1-2.7,1.3-4.1c-0.9-1.5-2.7-2.1-4.2-1.3l-20.7,11c-3.3,1.7-6.3,1.9-10.2-0.1L5.7,2.3C4.2,1.5,2.3,2.1,1.5,3.6 C0.7,5.1,1.3,6.9,2.8,7.7z' }), jsxRuntime.jsx("path", { d: 'M1.5,38.4h2.8c7.2,0,8.9-4.5,13.9-4.5c5,0,6.7,4.5,13.9,4.5c7.2,0,8.9-4.5,13.9-4.5c5,0,6.7,4.5,13.9,4.5h2.8 c0.8,0,1.5-0.7,1.5-1.5c0-0.8-0.7-1.5-1.5-1.5h-2.8c-5.2,0-6.9-4.5-13.9-4.5c-6.9,0-8.7,4.5-13.9,4.5c-5.2,0-6.9-4.5-13.9-4.5 c-6.9,0-8.7,4.5-13.9,4.5H1.5c-0.8,0-1.5,0.7-1.5,1.5C0,37.8,0.7,38.4,1.5,38.4z' }), jsxRuntime.jsx("path", { d: 'M2.2,45.9c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C0.7,45.3,1.3,45.9,2.2,45.9z' }), jsxRuntime.jsx("path", { d: 'M7.3,45c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C5.7,44.3,6.4,45,7.3,45z' }), jsxRuntime.jsx("path", { d: 'M12,42.8c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C10.5,42.1,11.2,42.8,12,42.8z' }), jsxRuntime.jsx("path", { d: 'M17.2,41.6c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C15.6,40.9,16.3,41.6,17.2,41.6z' }), jsxRuntime.jsx("path", { d: 'M22.2,42.8c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C20.7,42.1,21.4,42.8,22.2,42.8z' }), jsxRuntime.jsx("path", { d: 'M27,45c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C25.5,44.3,26.2,45,27,45z' }), jsxRuntime.jsx("path", { d: 'M32,45.9c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C30.4,45.3,31.1,45.9,32,45.9z' }), jsxRuntime.jsx("path", { d: 'M37,45c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C35.5,44.3,36.1,45,37,45z' }), jsxRuntime.jsx("path", { d: 'M41.8,42.8c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C40.2,42.1,40.9,42.8,41.8,42.8z' }), jsxRuntime.jsx("path", { d: 'M46.9,41.6c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C45.3,40.9,46,41.6,46.9,41.6z' }), jsxRuntime.jsx("path", { d: 'M52,42.8c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C50.5,42.1,51.1,42.8,52,42.8z' }), jsxRuntime.jsx("path", { d: 'M56.8,45c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C55.2,44.3,55.9,45,56.8,45z' }), jsxRuntime.jsx("path", { d: 'M61.8,45.9c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6C60.2,45.3,60.9,45.9,61.8,45.9z' })] }));
-}
-
-function FlagFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 57.9 64', ...props, children: jsxRuntime.jsx("path", { d: 'M2.5,64c0.7,0,1.3-0.2,1.7-0.7c0.5-0.5,0.7-1.1,0.7-1.7V43.4c0.4-0.2,1.4-0.5,2.9-0.9c1.5-0.4,3.4-0.6,5.8-0.6 c3,0,5.8,0.3,8.4,0.9c2.6,0.6,5,1.3,7.4,2.1c2.4,0.8,4.8,1.5,7.3,2.1c2.5,0.6,5.2,0.9,8,0.9c2.6,0,4.5-0.1,5.7-0.4 c1.3-0.3,2.5-0.7,3.8-1.3c1.1-0.5,2-1.2,2.7-2.1c0.7-0.9,1-2.1,1-3.6V7.3c0-0.9-0.3-1.6-1-2c-0.7-0.5-1.5-0.7-2.4-0.7 c-0.8,0-2,0.2-3.6,0.7c-1.6,0.5-3.8,0.7-6.6,0.7c-2.9,0-5.6-0.3-8-0.9C33.8,4.4,31.4,3.7,29,3c-2.4-0.8-4.9-1.5-7.4-2.1 C19,0.3,16.2,0,13.2,0c-2.6,0-4.5,0.1-5.7,0.4C6.2,0.7,5,1.1,3.7,1.7C2.6,2.2,1.7,2.9,1,3.8C0.3,4.7,0,5.9,0,7.4v54.2 c0,0.7,0.2,1.2,0.7,1.7C1.2,63.8,1.8,64,2.5,64z' }) }));
-}
-
-function FlameFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 49.3 64', ...props, children: jsxRuntime.jsx("path", { d: 'M46.9,23.5c-1.6-4.1-3.8-7.6-6.5-10.6c-2.7-3-5.7-5.4-9.1-7.3C27.9,3.7,24.5,2.3,21,1.4C17.5,0.5,14.2,0,11.1,0 C9.7,0,8.6,0.2,7.8,0.7C6.9,1.2,6.5,1.9,6.5,2.9c0,0.7,0.3,1.5,1,2.2c1.8,2.1,3.4,4.4,4.8,6.9c1.5,2.5,2.2,5.2,2.3,8.1 c0,0.7-0.1,1.4-0.2,2c0,0.1,0,0.2-0.1,0.3c-0.4-0.8-0.8-1.5-1.3-2.2c-0.9-1.1-1.8-2-2.9-2.6c-1.1-0.6-2.1-1-3.2-1 c-0.6,0-1.1,0.2-1.5,0.6c-0.4,0.4-0.6,1-0.6,1.6c0,0.4,0,1,0.1,1.7c0.1,0.8,0.1,1.5,0.1,2.1c0,1.7-0.3,3.2-0.8,4.6 c-0.5,1.4-1.1,2.9-1.8,4.4c-0.7,1.5-1.3,3.3-1.8,5.2S0,41.2,0,43.9c0,4,1,7.6,2.9,10.6s4.6,5.4,8.1,7.1c3.5,1.7,7.6,2.5,12.2,2.5 c5.2,0,9.8-1.1,13.7-3.3c3.9-2.2,6.9-5.3,9.1-9.3c2.2-4,3.3-8.6,3.3-13.9C49.3,32.2,48.5,27.5,46.9,23.5z M33.2,50.1 c-0.8,1.7-1.9,3-3.5,4.1c-1.5,1-3.5,1.5-5.9,1.5c-2.8,0-5-0.8-6.7-2.3c-1.7-1.5-2.5-3.5-2.5-6c0-1.7,0.3-3.1,1-4.3 c0.6-1.1,1.3-2.2,2-3.1c0.7-0.9,1.1-1.9,1.3-3.1c0-0.1,0-0.2,0.1-0.3s0.2,0,0.3,0.1c0.7,0.6,1.3,1.3,1.7,2c0.5,0.7,0.9,1.5,1.2,2.4 c0.8-1.1,1.4-2.6,1.7-4.7s0.4-4.3,0.1-6.7c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3,0c2.2,1,4,2.4,5.4,4c1.5,1.7,2.5,3.5,3.3,5.4 c0.7,2,1.1,3.9,1.1,5.8C34.4,46.6,34,48.4,33.2,50.1z' }) }));
-}
-
-function Folder(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 51.8', ...props, children: [jsxRuntime.jsx("path", { d: 'M54.9,5.1H28.2c-1.7,0-2.9-0.5-4.2-1.6l-1.8-1.4C20.3,0.5,18.7,0,16,0H8C3,0,0,2.9,0,8.9v33.9c0,6,3,9,9.1,9h46.8 c5.1,0,8.1-3,8.1-9V14.1C64,8.1,61,5.1,54.9,5.1z M58.9,42.5c0,2.7-1.5,4-4,4H9.2c-2.6,0-4-1.4-4-4.1V9.1c0-2.6,1.4-4,4-4h5.5 c1.7,0,2.9,0.5,4.2,1.6l1.8,1.4c1.8,1.5,3.4,2.1,6.1,2.1h28c2.6,0,4,1.4,4,4.1V42.5z' }), jsxRuntime.jsx("rect", { width: '57.7', height: '4.8', x: '3', y: '16' })] }));
-}
-
-function FolderFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 51.6', ...props, children: [jsxRuntime.jsx("path", { d: 'M0,42.8c0,2.9,0.7,5.1,2.2,6.6c1.5,1.5,3.7,2.2,6.6,2.2H56c2.5,0,4.5-0.7,5.9-2.2c1.4-1.5,2.1-3.7,2.1-6.6V19.7H0V42.8z' }), jsxRuntime.jsx("path", { d: 'M0,16h64v-2.1c0-2.9-0.7-5.1-2.2-6.5c-1.5-1.5-3.7-2.2-6.6-2.2H28.1c-1,0-1.8-0.1-2.4-0.4c-0.6-0.3-1.3-0.7-2-1.3l-1.7-1.4 c-0.9-0.8-1.8-1.3-2.7-1.6c-0.9-0.3-2-0.5-3.4-0.5h-8C5.3,0,3.4,0.7,2,2.1C0.7,3.5,0,5.6,0,8.5V16z' })] }));
-}
-
-function Gearshape(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 63.9', ...props, children: [jsxRuntime.jsx("path", { d: 'M63,26.1c-0.6-0.8-1.5-1.4-2.7-1.7l-5.5-1.3l-0.4-0.9l3-4.9c0.6-1,0.9-2,0.7-3s-0.6-2-1.4-2.8l-4.2-4.2 c-0.8-0.8-1.7-1.3-2.8-1.4s-2.1,0.1-3,0.7l-4.9,3l-1-0.4l-1.3-5.6c-0.3-1.1-0.8-2-1.6-2.6c-0.8-0.6-1.8-1-3-1h-6c-1.2,0-2.1,0.3-3,1 c-0.8,0.6-1.4,1.5-1.6,2.6l-1.3,5.6l-1,0.4l-4.9-3c-1-0.6-2-0.8-3-0.7s-2,0.6-2.8,1.4l-4.2,4.2c-0.8,0.8-1.3,1.8-1.4,2.8 c-0.1,1.1,0.1,2.1,0.7,3l3,4.9l-0.4,0.9l-5.5,1.3c-1.1,0.3-2,0.8-2.6,1.7c-0.6,0.8-1,1.8-1,3V35c0,1.1,0.3,2.1,1,3 c0.7,0.8,1.5,1.4,2.6,1.7l5.6,1.3l0.3,0.9l-3,4.9c-0.6,1-0.9,2-0.7,3c0.1,1.1,0.6,2,1.4,2.8l4.2,4.2c0.8,0.8,1.8,1.3,2.8,1.4 c1.1,0.1,2.1-0.1,3-0.7l4.9-3l1,0.3l1.3,5.6c0.3,1.1,0.8,2,1.6,2.6c0.8,0.6,1.8,1,3,1h6c1.2,0,2.2-0.3,3-1c0.8-0.6,1.4-1.5,1.6-2.6 l1.3-5.6l1-0.3l4.8,3c1,0.6,2,0.9,3.1,0.7c1.1-0.1,2-0.6,2.8-1.4l4.2-4.2c0.8-0.8,1.3-1.8,1.4-2.8c0.1-1.1-0.1-2.1-0.7-3l-3-4.9 l0.3-0.9l5.6-1.3c1.1-0.3,2-0.8,2.6-1.7c0.7-0.8,1-1.8,1-3v-5.9C64,28,63.7,27,63,26.1z M59.3,34.5c0,0.5-0.2,0.8-0.7,0.8l-7.5,1.8 c-0.2,0.9-0.5,1.8-0.9,2.6c-0.4,0.8-0.7,1.5-1.1,2.2l4,6.5c0.3,0.4,0.2,0.8-0.1,1.1l-3.5,3.5c-0.4,0.4-0.7,0.4-1.1,0.1l-6.5-4 c-0.6,0.4-1.4,0.8-2.2,1.1s-1.7,0.6-2.6,0.9l-1.8,7.4c-0.1,0.5-0.4,0.7-0.8,0.7h-5.1c-0.5,0-0.8-0.2-0.8-0.7l-1.8-7.4 c-0.9-0.2-1.8-0.5-2.6-0.9c-0.8-0.3-1.6-0.7-2.2-1.1l-6.5,4c-0.4,0.3-0.7,0.2-1.1-0.1l-3.5-3.5c-0.3-0.3-0.4-0.7-0.1-1.1l4-6.5 c-0.3-0.6-0.7-1.3-1-2.2c-0.4-0.8-0.7-1.7-0.9-2.6l-7.4-1.8c-0.5-0.1-0.7-0.3-0.7-0.8v-5c0-0.5,0.2-0.8,0.7-0.9l7.4-1.8 c0.2-1,0.6-1.9,0.9-2.7c0.4-0.8,0.7-1.5,1-2.1l-3.9-6.5c-0.3-0.4-0.2-0.8,0.1-1.2l3.5-3.5c0.4-0.3,0.7-0.4,1.1-0.1l6.4,3.9 c0.6-0.4,1.4-0.7,2.3-1.1c0.9-0.4,1.7-0.7,2.6-0.9l1.8-7.4c0.1-0.5,0.4-0.7,0.8-0.7h5.1c0.5,0,0.8,0.2,0.8,0.7l1.8,7.5 c0.9,0.2,1.8,0.5,2.6,0.9s1.5,0.7,2.2,1.1l6.5-4c0.4-0.2,0.8-0.2,1.1,0.1l3.5,3.5c0.3,0.3,0.3,0.7,0.1,1.2l-4,6.5 c0.3,0.6,0.6,1.3,1,2.1s0.7,1.8,0.9,2.7l7.4,1.8c0.4,0.1,0.7,0.4,0.7,0.9V34.5z' }), jsxRuntime.jsx("path", { d: 'M41.9,26.3c-1-1.7-2.4-3.1-4.1-4.1c-1.7-1-3.6-1.5-5.7-1.5c-2.1,0-4,0.5-5.7,1.5c-1.7,1-3.1,2.4-4.1,4.1 c-1,1.7-1.6,3.6-1.6,5.7c0,2.1,0.5,4,1.6,5.7c1,1.7,2.4,3.1,4.1,4.1c1.7,1,3.6,1.5,5.7,1.5c2.1,0,4-0.5,5.7-1.5 c1.7-1,3.1-2.4,4.1-4.1c1-1.7,1.5-3.6,1.5-5.7S42.9,28,41.9,26.3z M37.8,35.3c-0.6,1-1.4,1.9-2.4,2.5c-1,0.6-2.1,0.9-3.3,0.9 c-1.2,0-2.4-0.3-3.4-0.9c-1-0.6-1.8-1.4-2.4-2.5s-0.9-2.2-0.9-3.4c0-1.2,0.3-2.3,0.9-3.4c0.6-1,1.4-1.8,2.4-2.5 c1-0.6,2.1-0.9,3.4-0.9c1.2,0,2.3,0.3,3.3,0.9c1,0.6,1.8,1.4,2.4,2.5c0.6,1,0.9,2.1,0.9,3.4C38.7,33.2,38.4,34.3,37.8,35.3z' })] }));
-}
-
-function GearshapeFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 64', ...props, children: jsxRuntime.jsx("path", { d: 'M63.1,27.4c-0.4-0.5-1-0.9-1.8-1.1l-6.7-1.6c-0.2-0.6-0.4-1.2-0.7-1.8c-0.2-0.6-0.5-1.1-0.7-1.5l3.6-5.9 c0.4-0.7,0.6-1.4,0.6-2.1c-0.1-0.7-0.4-1.3-0.9-1.9l-4-3.9c-0.6-0.5-1.2-0.8-1.8-0.9s-1.3,0.1-2,0.4l-6,3.7c-0.5-0.2-1-0.5-1.6-0.7 s-1.2-0.4-1.8-0.6l-1.6-6.8c-0.2-0.8-0.6-1.4-1.1-1.9c-0.6-0.4-1.2-0.7-2-0.7H29c-0.8,0-1.5,0.2-2,0.7c-0.5,0.4-0.9,1.1-1.1,1.9 l-1.6,6.8c-0.6,0.2-1.2,0.4-1.7,0.6s-1.1,0.5-1.6,0.7l-6-3.7c-1.4-0.8-2.7-0.6-3.8,0.5l-4,3.9c-0.6,0.6-0.9,1.2-0.9,1.9 s0.1,1.4,0.6,2.1l3.6,5.9c-0.2,0.5-0.4,1-0.6,1.5c-0.2,0.6-0.4,1.2-0.6,1.8l-6.7,1.6c-0.8,0.2-1.4,0.5-1.8,1.1 c-0.4,0.5-0.7,1.2-0.7,2v5.5c0,0.8,0.2,1.5,0.7,2.1c0.4,0.5,1,0.9,1.8,1.1l6.8,1.6c0.2,0.5,0.3,1.1,0.6,1.6c0.2,0.6,0.5,1.1,0.7,1.6 l-3.6,5.8c-0.5,0.7-0.6,1.4-0.6,2.1c0.1,0.7,0.4,1.4,0.9,1.9l3.9,3.9c0.5,0.5,1.2,0.8,1.9,0.9c0.7,0.1,1.4-0.1,2.1-0.5l5.9-3.6 c0.5,0.2,1,0.5,1.6,0.7s1.2,0.4,1.7,0.6l1.6,6.7c0.2,0.8,0.5,1.4,1.1,1.9c0.5,0.5,1.1,0.7,1.9,0.7h5.6c0.8,0,1.5-0.2,2-0.7 c0.6-0.4,0.9-1.1,1.1-1.9l1.6-6.7c0.6-0.2,1.2-0.4,1.8-0.6c0.6-0.2,1.1-0.5,1.6-0.7l5.9,3.6c0.7,0.4,1.3,0.6,2,0.5s1.3-0.4,1.9-0.9 l3.9-3.9c0.6-0.6,0.9-1.2,0.9-1.9c0.1-0.7-0.1-1.4-0.6-2.1l-3.6-5.8c0.3-0.5,0.5-1.1,0.7-1.6c0.2-0.6,0.4-1.1,0.6-1.6l6.8-1.6 c0.8-0.2,1.4-0.5,1.8-1.1c0.4-0.5,0.6-1.2,0.6-2.1v-5.5C63.7,28.6,63.5,28,63.1,27.4z M41.3,37.4c-1,1.6-2.3,3-3.9,3.9 c-1.6,1-3.5,1.5-5.4,1.5c-2,0-3.8-0.5-5.4-1.5s-2.9-2.3-3.9-3.9s-1.5-3.5-1.5-5.4c0-2,0.5-3.8,1.5-5.4s2.3-2.9,3.9-3.9 s3.5-1.5,5.4-1.5c2,0,3.8,0.5,5.4,1.5s2.9,2.3,3.9,3.9s1.5,3.4,1.5,5.4S42.3,35.8,41.3,37.4z' }) }));
-}
-
-function GiftFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 58.6 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M4.3,56.2c0,2.5,0.7,4.5,2.2,5.8s3.4,2,6,2h14.3V36.6H4.3V56.2z' }), jsxRuntime.jsx("path", { d: 'M31.8,64h14.3c2.5,0,4.5-0.7,6-2s2.1-3.3,2.1-5.8V36.6H31.8V64z' }), jsxRuntime.jsx("path", { d: 'M0,28.8c0,1.6,0.4,2.8,1.3,3.5c0.9,0.7,2.2,1,3.8,1h21.7V16.8h-4.7c-2.4,0-4.3-0.6-5.6-1.9c-1.3-1.3-2-2.8-2-4.4 c0-1.7,0.5-3,1.6-3.9c1.1-0.9,2.5-1.4,4.2-1.4c1.8,0,3.4,0.6,4.6,1.9c1.3,1.3,1.9,3.1,1.9,5.3v4.4h5v-4.4c0-2.3,0.6-4,1.9-5.3 c1.3-1.3,2.8-1.9,4.6-1.9c1.7,0,3.1,0.5,4.2,1.4c1.1,0.9,1.6,2.2,1.6,3.9c0,1.7-0.7,3.1-2,4.4c-1.3,1.3-3.2,1.9-5.6,1.9h-4.7v16.5 h21.7c1.7,0,2.9-0.3,3.8-1c0.9-0.7,1.3-1.9,1.3-3.5v-7.4c0-1.6-0.4-2.8-1.3-3.5c-0.9-0.7-2.1-1.1-3.8-1.1h-7.1 c0.9-0.8,1.6-1.8,2.1-3c0.5-1.1,0.8-2.4,0.8-3.7c0-2-0.5-3.7-1.4-5.2c-0.9-1.5-2.2-2.7-3.8-3.6C42.5,0.4,40.7,0,38.7,0 c-2.1,0-4.1,0.6-5.7,1.7c-1.7,1.1-2.9,2.7-3.7,4.8c-0.8-2-2-3.6-3.7-4.8C24,0.6,22.1,0,19.9,0c-2,0-3.7,0.4-5.3,1.3 c-1.6,0.9-2.9,2.1-3.8,3.6c-0.9,1.5-1.4,3.3-1.4,5.2c0,1.4,0.3,2.6,0.8,3.7c0.5,1.1,1.2,2.1,2.1,3H5.1c-1.6,0-2.8,0.4-3.7,1.1 C0.5,18.5,0,19.7,0,21.4V28.8z' })] }));
-}
-
-function GlobeAmericasFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M33.2,55.7c0.8,0,1.8-0.5,3.1-1.5c1.3-1,2.6-2.3,3.9-3.9c1.4-1.6,2.7-3.3,3.9-5.1c1.2-1.8,2.2-3.5,3-5.2 c0.8-1.7,1.2-3,1.2-4.1c0-0.8-0.4-1.7-1.1-2.7c-0.7-1-1.6-2-2.7-3c-1.1-1-2.2-1.8-3.4-2.4c-1.2-0.6-2.2-0.9-3.1-0.9 c-0.5,0-1.1,0.2-1.8,0.5c-0.7,0.4-1.4,0.7-2.1,1.1c-0.7,0.4-1.4,0.6-2,0.6c-0.6,0-1.4-0.3-2.3-0.9c-0.9-0.6-1.7-1.3-2.4-2.1 c-0.7-0.8-1.1-1.5-1.1-2c0-0.4,0.2-0.7,0.5-1c0.3-0.2,0.7-0.4,1.1-0.4c0.5,0,1.1,0.2,1.8,0.6c0.7,0.4,1.4,0.9,2.2,1.3 c0.8,0.4,1.6,0.6,2.4,0.6c1,0,1.8-0.3,2.3-1c0.5-0.6,0.8-1.5,0.8-2.5c0-0.5-0.1-1.1-0.4-1.6c-0.3-0.6-0.6-1.2-1.1-1.9 c1.1-0.5,2.4-1.2,4-2.1c1.6-0.9,3.1-2,4.6-3.2c1.5-1.2,2.5-2.5,3.3-4c-1.2-1.8-3.2-3.3-6.1-4.4S35.6,3,31.9,3 c-2.7,0-5.3,0.4-7.8,1.1c-2.6,0.7-4.9,1.7-7,2.9c-2.1,1.2-3.8,2.5-5.1,4s-2.1,3-2.3,4.5c-0.2,1.7,0.3,3.4,1.5,5.2 c1.2,1.8,2.9,3.6,5.1,5.5l4.6,4c0.7,0.6,1.3,1.1,1.7,1.5c0.4,0.4,0.6,0.8,0.6,1.2c0,0.7-0.3,1.3-0.8,1.9c-0.5,0.6-0.8,1.3-0.8,2.2 c0,1.6,0.8,2.9,2.4,4.1c1.7,1.3,3,2.2,3.9,2.9c0.9,0.7,1.5,1.2,1.9,1.5c0.4,0.4,0.5,0.7,0.5,1.1c0,1-0.2,2-0.6,2.8 c-0.4,0.9-0.6,1.8-0.6,2.7c0,0.8,0.5,1.7,1.4,2.4C31.3,55.3,32.3,55.7,33.2,55.7z' }), jsxRuntime.jsx("path", { d: 'M61.5,19.6c-1.7-3.9-4-7.3-6.9-10.2s-6.4-5.3-10.2-6.9C40.5,0.8,36.3,0,32,0c-4.4,0-8.5,0.8-12.3,2.5 c-3.9,1.7-7.3,4-10.2,6.9c-2.9,3-5.2,6.4-6.9,10.2C0.8,23.5,0,27.6,0,32c0,4.4,0.8,8.5,2.5,12.3c1.7,3.9,4,7.3,6.9,10.2 c2.9,3,6.3,5.3,10.2,6.9c3.9,1.7,8,2.5,12.3,2.5c4.4,0,8.5-0.8,12.4-2.5c3.9-1.7,7.3-4,10.2-6.9s5.3-6.4,6.9-10.2 c1.7-3.9,2.5-8,2.5-12.3C64,27.6,63.2,23.5,61.5,19.6z M57.5,42.7c-1.5,3.4-3.5,6.3-6,8.9s-5.5,4.6-8.8,6c-3.3,1.5-6.9,2.2-10.7,2.2 c-3.8,0-7.3-0.7-10.7-2.2c-3.3-1.5-6.3-3.5-8.8-6s-4.6-5.5-6-8.9S4.3,35.8,4.3,32S5,24.6,6.4,21.3s3.4-6.3,6-8.9s5.5-4.6,8.8-6 C24.6,5,28.2,4.2,32,4.2c3.8,0,7.4,0.7,10.7,2.2c3.3,1.5,6.3,3.5,8.9,6c2.6,2.6,4.6,5.5,6,8.9s2.2,6.9,2.2,10.7S59,39.3,57.5,42.7z' })] }));
-}
-
-function HareFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 46.1', ...props, children: [jsxRuntime.jsx("path", { d: 'M18.1,46.1c2.1,0,3.8-0.2,5.1-0.6c1.3-0.4,2.5-0.9,3.6-1.6l-6.6-5.5c-0.1,0-0.3,0-0.5,0c-0.2,0-0.4,0-0.6,0 c-0.5,0-1.2,0-2-0.1c-0.8-0.1-1.6-0.1-2.6-0.1c-1.2,0-2.1,0.3-2.8,0.9s-1,1.4-1,2.3c0,1.4,0.7,2.6,2,3.5 C14,45.7,15.8,46.1,18.1,46.1z' }), jsxRuntime.jsx("path", { d: 'M63.1,20.9c-0.6-1.4-1.4-2.7-2.4-3.7c-1-1.1-2.2-1.9-3.6-2.5c-1.4-0.6-2.9-0.9-4.5-0.9l-5.7-7.6c-1.6-2.1-3.4-3.7-5.2-4.7 C39.9,0.5,38,0,36.1,0c-0.8,0-1.6,0.1-2.5,0.3S31.8,0.8,31,1.2c-0.8,0.4-1.5,0.8-2,1.4s-0.8,1.1-0.8,1.7c0,0.6,0.3,1.2,1,1.9 c0.7,0.7,1.5,1.4,2.4,2c0.9,0.7,1.9,1.3,2.8,1.8l12.3,7.5c-0.5,0.4-0.9,0.8-1.4,1c-0.5,0.2-0.9,0.4-1.5,0.4c-0.8,0-1.7-0.2-2.6-0.7 c-0.9-0.5-2-1.1-3.3-1.8c-1.6-1-3.2-1.9-4.7-2.7c-1.5-0.9-3-1.7-4.4-2.4c-1.5-0.7-3-1.2-4.5-1.7s-3.1-0.6-4.9-0.6 c-2.4,0-4.5,0.4-6.5,1.3s-3.7,2.2-5.2,4S5,18.5,4,21.2c-1.1,0-2.1,0.4-2.9,1S0,23.8,0,24.9c0,1.2,0.4,2.2,1.3,2.9 c0.9,0.7,2,1.1,3.3,1.1c1,1.4,2.3,2.6,3.7,3.5c1.5,0.9,3.1,1.6,4.8,2s3.7,0.6,5.7,0.6c0.2,0,0.3,0,0.5,0c0.2,0,0.3,0,0.5,0l8.7,7.2 c1.1,1,2,1.6,2.7,1.8c0.7,0.3,1.5,0.4,2.3,0.4c0.8,0,1.5-0.1,2.3-0.4c0.8-0.2,1.9-0.4,3.3-0.4c0.9,0,1.7,0.1,2.3,0.2 s1.1,0.2,1.6,0.4c0.5,0.1,1.1,0.2,1.8,0.2c1.6,0,2.8-0.3,3.6-0.9c0.8-0.6,1.2-1.5,1.2-2.6c0-1.3-0.4-2.4-1.3-3.3 c-0.9-0.9-2.1-1.7-3.6-2.2c-1.6-0.5-3.4-0.8-5.6-0.8c-1.1,0-2,0-2.7,0.1c-0.7,0.1-1.4,0.1-1.9,0.3c-0.6,0.1-1.1,0.2-1.7,0.4 l-2.3-5.3c-0.8-1.7-1.7-3.1-2.7-4.4s-2.3-2.2-3.7-2.9c-1.4-0.7-2.9-1-4.7-1h-2.5c-0.9,0-1.4-0.4-1.4-1.2c0-0.7,0.4-1.1,1.1-1.3 c0.8-0.2,1.6-0.3,2.6-0.3c3.1,0,5.8,0.9,8.1,2.6c2.3,1.7,4.2,4.3,5.6,7.8l1.5,3.6c0.7-0.1,1.5-0.3,2.2-0.3c0.8-0.1,1.6-0.1,2.3-0.1 c0.6,0,1.2,0,1.8,0.1c0.6,0,1.2,0.1,1.8,0.2c0.6-0.5,1.3-1,2.1-1.5c0.8-0.5,1.7-1,2.8-1.4c0.8,0.5,1.6,1,2.5,1.4 c0.9,0.4,1.8,0.7,2.7,0.9c0.9,0.2,1.9,0.3,2.8,0.3c2,0,3.6-0.2,4.8-0.6c1.3-0.4,2.2-1,2.8-2c0.6-1,0.9-2.4,0.9-4.3 C64,23.9,63.7,22.4,63.1,20.9z M56.2,24c-0.3,0.4-0.8,0.6-1.2,0.6c-0.5,0-0.9-0.2-1.2-0.5c-0.3-0.3-0.5-0.8-0.5-1.2 c0-0.5,0.2-0.9,0.5-1.3S54.5,21,55,21c0.5,0,0.9,0.2,1.2,0.5c0.3,0.3,0.5,0.7,0.5,1.2C56.7,23.2,56.6,23.6,56.2,24z' })] }));
-}
-
-function House(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 56.3', ...props, children: [jsxRuntime.jsx("path", { d: 'M24.3,53.6h15.5V34c0-1.4-0.7-2-2-2H26.3c-0.6,0-1.1,0.2-1.5,0.5c-0.4,0.4-0.6,0.9-0.6,1.5V53.6z' }), jsxRuntime.jsx("path", { d: 'M13.8,56.3h36.3c1.9,0,3.4-0.5,4.4-1.6c1.1-1,1.6-2.5,1.6-4.4V20.8l-4.3-2.9v31.5c0,1.8-0.9,2.7-2.6,2.7H14.7 c-1.7,0-2.6-0.9-2.6-2.7V17.8l-4.3,2.9v29.6c0,1.9,0.5,3.3,1.6,4.4C10.4,55.8,11.9,56.3,13.8,56.3z' }), jsxRuntime.jsx("path", { d: 'M0,26.5C0,27,0.2,27.5,0.6,28c0.4,0.4,1,0.7,1.7,0.7c0.4,0,0.7-0.1,1-0.3c0.3-0.2,0.6-0.4,0.9-0.6L31.1,5.2 c0.6-0.5,1.3-0.5,1.9,0l26.8,22.5c0.3,0.2,0.6,0.4,0.9,0.6c0.3,0.2,0.7,0.3,1,0.3c0.6,0,1.2-0.2,1.6-0.5c0.4-0.4,0.7-0.9,0.7-1.5 c0-0.8-0.3-1.4-0.8-1.8L35.3,1.3C34.3,0.4,33.2,0,32,0c-1.2,0-2.2,0.4-3.2,1.3L0.9,24.7C0.3,25.2,0,25.8,0,26.5z' }), jsxRuntime.jsx("path", { d: 'M49.4,14.4l6.7,5.7V7.7c0-1.3-0.6-1.9-1.9-1.9h-2.9c-0.6,0-1.1,0.2-1.4,0.5c-0.4,0.4-0.5,0.8-0.5,1.4V14.4z' })] }));
-}
-
-function HouseDeskclock(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 56.3', ...props, children: [jsxRuntime.jsx("path", { d: 'M13.8,56.3h36.3c3.8,0,6-2.2,6-5.9V20.8l-4.3-2.9v31.5c0,1.8-0.9,2.7-2.6,2.7H14.7c-1.7,0-2.6-0.9-2.6-2.7V17.8l-4.3,2.9 v29.6C7.7,54.2,9.9,56.3,13.8,56.3z' }), jsxRuntime.jsx("path", { d: 'M0,26.5c0,1.1,0.9,2.1,2.3,2.1c0.7,0,1.4-0.4,1.9-0.9L31.1,5.2c0.6-0.5,1.3-0.5,1.9,0l26.8,22.5c0.6,0.4,1.2,0.9,1.9,0.9 c1.3,0,2.3-0.8,2.3-2.1c0-0.8-0.2-1.4-0.8-1.8L35.3,1.3c-2-1.7-4.4-1.7-6.5,0L0.9,24.7C0.3,25.2,0,25.9,0,26.5z' }), jsxRuntime.jsx("path", { d: 'M49.4,14.4l6.7,5.7V7.7c0-1.2-0.8-1.9-1.9-1.9h-2.9c-1.2,0-1.9,0.7-1.9,1.9V14.4z' }), jsxRuntime.jsx("path", { d: 'M18.6,40v3.4c0,1.9,0.9,2.8,2.8,2.8h3.8C22.3,44.9,20.1,42.7,18.6,40z' }), jsxRuntime.jsx("path", { d: 'M45.5,40c-1.6,2.8-3.8,4.9-6.6,6.3h3.8c1.9,0,2.8-0.9,2.8-2.8V40z' }), jsxRuntime.jsx("path", { d: 'M27.8,30l3.4,3.4c0.5,0.5,1.3,0.5,1.7,0l5.3-5.3c0.5-0.5,0.5-1.3,0-1.7c-0.5-0.5-1.2-0.5-1.7,0L32,30.8l-2.5-2.5 c-0.5-0.5-1.3-0.5-1.7,0C27.3,28.8,27.3,29.6,27.8,30z' }), jsxRuntime.jsx("path", { d: 'M31.9,18.9c-7.4,0-13.5,6.1-13.5,13.5c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5C45.4,25,39.3,18.9,31.9,18.9z M32,42.5c-5.6,0-10.1-4.5-10.1-10.1c0-5.6,4.5-10.1,10.1-10.1c5.6,0,10.1,4.5,10.1,10.1C42.1,38,37.6,42.5,32,42.5z' })] }));
-}
-
-function HouseFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 56.3', ...props, children: [jsxRuntime.jsx("path", { d: 'M33.6,10.7c-0.5-0.4-1-0.6-1.6-0.6c-0.6,0-1.1,0.2-1.6,0.6l-22,18.5v21.3c0,1.8,0.5,3.3,1.6,4.3c1.1,1,2.5,1.6,4.4,1.6h35.3 c1.9,0,3.4-0.5,4.4-1.6c1.1-1,1.6-2.5,1.6-4.3V29.2L33.6,10.7z M38.9,52H25.1V34.3c0-0.6,0.2-1.1,0.6-1.5c0.4-0.4,0.9-0.6,1.5-0.6 h9.7c1.4,0,2,0.7,2,2V52z' }), jsxRuntime.jsx("path", { d: 'M0,26.5C0,27,0.2,27.5,0.6,28c0.4,0.4,1,0.7,1.7,0.7c0.4,0,0.7-0.1,1-0.3c0.3-0.2,0.6-0.4,0.9-0.6L31.1,5.2 c0.6-0.5,1.3-0.5,1.9,0l26.8,22.5c0.3,0.2,0.6,0.4,0.9,0.6c0.3,0.2,0.7,0.3,1,0.3c0.6,0,1.2-0.2,1.6-0.5c0.4-0.4,0.7-0.9,0.7-1.5 c0-0.8-0.3-1.4-0.8-1.8L35.3,1.3C34.3,0.4,33.2,0,32,0c-1.2,0-2.2,0.4-3.2,1.3L0.9,24.7C0.3,25.2,0,25.8,0,26.5z' }), jsxRuntime.jsx("path", { d: 'M48.9,14.4l6.8,5.7V7.7c0-1.3-0.6-1.9-1.9-1.9h-2.9c-0.6,0-1.1,0.2-1.4,0.5c-0.4,0.4-0.5,0.8-0.5,1.4V14.4z' })] }));
-}
-
-function IPhoneHouse(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 32.3 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M19,5h-5.6c-0.9,0-1.6,0.7-1.6,1.6c0,0.9,0.7,1.6,1.6,1.6H19c0.9,0,1.6-0.7,1.6-1.6C20.6,5.7,19.9,5,19,5z' }), jsxRuntime.jsx("path", { d: 'M30.5,1.8C29.3,0.6,27.7,0,26.1,0H6.3C2.8,0,0,2.8,0,6.3v51.5C0,61.2,2.8,64,6.3,64h19.8c3.4,0,6.3-2.8,6.3-6.3V6.3 C32.3,4.6,31.6,3,30.5,1.8z M29,6.3v51.5c0,1.6-1.3,2.9-3.1,2.9H6.4c-1.6,0-3.1-1.4-3.1-2.9V6.3c0-1.7,1.4-3.1,3.1-3.1h19.6 C27.6,3.2,29,4.6,29,6.3z' }), jsxRuntime.jsx("path", { d: 'M22.4,27.6V39c0,0.3-0.1,0.4-0.4,0.4H10.5c-0.3,0-0.4-0.1-0.4-0.4V27.6l-2.4,1.6v10.1c0,1.5,1,2.5,2.5,2.5h12.1 c1.5,0,2.5-0.9,2.5-2.5V29.2L22.4,27.6z' }), jsxRuntime.jsx("path", { d: 'M27,30.4l-9.3-7.8c-0.8-0.7-1.9-0.7-2.8,0l-9.3,7.8c-0.3,0.2-0.5,0.6-0.5,1c0,0.7,0.6,1.2,1.3,1.2c0.4,0,0.7-0.2,0.9-0.4 l8.9-7.5l8.9,7.5c0.2,0.2,0.5,0.4,0.9,0.4c0.7,0,1.2-0.5,1.2-1.2C27.5,31,27.3,30.7,27,30.4z' }), jsxRuntime.jsx("path", { d: 'M23.7,24h-1c-0.7,0-1.1,0.5-1.1,1.1v2.5l3.2,2.7v-5.2C24.8,24.5,24.3,24,23.7,24z' }), jsxRuntime.jsx("path", { d: 'M17.6,32.7H15c-0.8,0-1.4,0.6-1.4,1.4v6h5.6v-6C19.1,33.4,18.4,32.7,17.6,32.7z' })] }));
-}
-
-function LightbulbFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 36.8 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M0,17c0,10.6,7,13.2,8.1,31.5c0.1,1,0.7,1.6,1.7,1.6H27c1.1,0,1.7-0.6,1.7-1.6c1.1-18.3,8.1-20.9,8.1-31.5 c0-9.5-8.1-17-18.4-17C8.1,0,0,7.5,0,17z' }), jsxRuntime.jsx("path", { d: 'M9.7,56h17.4c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6H9.7c-0.9,0-1.6,0.7-1.6,1.6C8.1,55.3,8.8,56,9.7,56z' }), jsxRuntime.jsx("path", { d: 'M18.4,64c4.3,0,7.8-2.1,8.1-5.2H10.3C10.5,61.9,14.1,64,18.4,64z' })] }));
-}
-
-function LightbulbLed(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 36.8 64', ...props, children: [jsxRuntime.jsx("rect", { width: '27.9', height: '3.6', x: '4.45', y: '28' }), jsxRuntime.jsx("path", { d: 'M18.4,0C8.1,0,0,7.5,0,17c0,10.6,6.3,13.2,8.1,31.5c0.1,1,0.7,1.6,1.7,1.6H27c1.1,0,1.6-0.6,1.7-1.6 c1.7-18.3,8.1-20.9,8.1-31.5C36.8,7.5,28.7,0,18.4,0z M24.9,45.9h-13C9.4,26.7,4.2,24.8,4.2,17c0-7.4,6.5-12.8,14.3-12.8 c7.7,0,14.3,5.4,14.3,12.8C32.7,24.8,27.4,26.7,24.9,45.9z' }), jsxRuntime.jsx("path", { d: 'M9.7,56h17.4c0.9,0,1.6-0.7,1.6-1.6c0-0.9-0.7-1.6-1.6-1.6H9.7c-0.9,0-1.6,0.7-1.6,1.6C8.1,55.3,8.8,56,9.7,56z' }), jsxRuntime.jsx("path", { d: 'M18.4,64c4.3,0,7.8-2.1,8.1-5.2H10.3C10.5,61.9,14.1,64,18.4,64z' })] }));
-}
-
-function LightRibbon(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 61.2', ...props, children: [jsxRuntime.jsx("path", { d: 'M63.2,32.9l-3.9-6.8c-1.1-1.8-2.6-2.6-4.4-2.6H34.7l12.1-7c2.7-1.6,3.3-4,1.8-6.6L44.7,3c-1.6-2.7-4-3.3-6.7-1.8L2.6,21.7 c-2.7,1.6-3.4,4-1.8,6.7l3.9,6.8c1.1,1.9,2.7,2.6,4.6,2.6h19.9l-12.1,7c-2.7,1.6-3.3,4-1.8,6.6l3.9,6.9c1.6,2.7,4,3.3,6.6,1.8 l35.4-20.4C64.1,38,64.7,35.6,63.2,32.9z M7.6,33.1l-3.6-6.1c-0.5-1-0.4-1.8,0.6-2.4L39.5,4.4c0.9-0.5,1.7-0.3,2.3,0.7l3.6,6.2 c0.5,0.9,0.3,1.8-0.6,2.3L10,33.8C9.1,34.3,8.2,34.1,7.6,33.1z M16.1,34.3L28.6,27h19.2l-12.5,7.2H16.1z M59.4,36.7L24.5,56.8 c-0.9,0.5-1.7,0.3-2.3-0.6l-3.6-6.2c-0.5-0.9-0.3-1.8,0.6-2.3L54,27.5c0.9-0.5,1.8-0.3,2.3,0.7l3.6,6.1 C60.5,35.3,60.3,36.1,59.4,36.7z' }), jsxRuntime.jsx("path", { d: 'M42.5,2.8L44,5.5l4.6-2.7c0.7-0.4,1-1.3,0.6-2.1c-0.4-0.7-1.3-1-2.1-0.6L42.5,2.8z' }), jsxRuntime.jsx("path", { d: 'M46.2,9.2l1.6,2.7l4.6-2.7c0.8-0.5,1.1-1.2,0.6-2.1c-0.4-0.8-1.3-1-2.1-0.6L46.2,9.2z' }), jsxRuntime.jsx("path", { d: 'M36.5,12.3c0.5,1,1.8,1.4,2.8,0.8c1-0.6,1.3-1.9,0.8-2.9c-0.6-1-1.8-1.3-2.8-0.8C36.2,10.1,35.9,11.3,36.5,12.3z' }), jsxRuntime.jsx("path", { d: 'M29.7,16.2c0.5,1,1.8,1.4,2.8,0.8c1-0.6,1.4-1.9,0.8-2.9c-0.5-1.1-1.8-1.4-2.8-0.8C29.4,14,29.1,15.2,29.7,16.2z' }), jsxRuntime.jsx("path", { d: 'M22.9,20.2c0.6,1,1.9,1.3,2.9,0.8c1-0.6,1.3-1.9,0.7-2.9c-0.6-1-1.9-1.4-2.8-0.8C22.7,17.9,22.3,19.1,22.9,20.2z' }), jsxRuntime.jsx("path", { d: 'M16.1,24.1c0.6,1,1.9,1.3,2.9,0.7c1-0.6,1.3-1.9,0.7-2.9c-0.5-1-1.8-1.4-2.8-0.8C15.9,21.7,15.5,23.1,16.1,24.1z' }), jsxRuntime.jsx("path", { d: 'M9.3,28c0.6,1,1.8,1.3,2.9,0.8c0.9-0.6,1.3-1.9,0.7-2.9c-0.6-1-1.8-1.3-2.9-0.8C9.1,25.7,8.8,27,9.3,28z' }), jsxRuntime.jsx("path", { d: 'M21.5,58.4L20,55.7l-4.6,2.7c-0.7,0.4-1,1.3-0.6,2.1c0.4,0.7,1.3,1,2.1,0.6L21.5,58.4z' }), jsxRuntime.jsx("path", { d: 'M17.8,52.1l-1.6-2.7L11.7,52c-0.8,0.5-1.1,1.2-0.5,2.1c0.4,0.8,1.3,1,2,0.6L17.8,52.1z' }), jsxRuntime.jsx("path", { d: 'M51,35.4c0.6,1,1.8,1.3,2.9,0.8c1.1-0.5,1.4-1.9,0.8-2.9c-0.6-1-1.8-1.3-2.9-0.8C50.8,33.1,50.5,34.4,51,35.4z' }), jsxRuntime.jsx("path", { d: 'M44.3,39.3c0.5,1,1.8,1.4,2.8,0.8c1-0.5,1.4-1.9,0.8-2.9c-0.6-1-1.9-1.3-2.9-0.7C44,37,43.6,38.3,44.3,39.3z' }), jsxRuntime.jsx("path", { d: 'M37.5,43.2c0.6,1,1.9,1.4,2.8,0.8c1-0.6,1.4-1.8,0.8-2.9c-0.6-1-1.9-1.3-2.9-0.8C37.2,40.9,36.9,42.2,37.5,43.2z' }), jsxRuntime.jsx("path", { d: 'M30.7,47.1c0.5,1.1,1.8,1.4,2.8,0.8c1-0.6,1.3-1.8,0.7-2.9c-0.5-1-1.8-1.3-2.8-0.8C30.4,44.8,30,46.1,30.7,47.1z' }), jsxRuntime.jsx("path", { d: 'M23.9,51.1c0.6,1,1.8,1.3,2.8,0.8c1-0.7,1.4-1.9,0.8-2.9c-0.5-1-1.8-1.4-2.8-0.8C23.7,48.8,23.3,50,23.9,51.1z' })] }));
-}
-
-function ListBulletClipboardFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 44.5 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M36.5,7.3h-0.6c0,0.1,0,0.2,0,0.3v3.1c0,3.3-2.2,5.7-5.5,5.7H14.1c-3.3,0-5.5-2.4-5.5-5.7V7.7c0-0.1,0-0.2,0-0.3H7.9 C2.7,7.3,0,10.1,0,15.6v40.1C0,61.3,2.7,64,8.2,64h28.1c5.5,0,8.2-2.7,8.2-8.3V15.6C44.5,10.1,41.7,7.3,36.5,7.3z M10.7,25 c1.3,0,2.3,1,2.3,2.3c0,1.3-1.1,2.3-2.3,2.3c-1.3,0-2.3-1.1-2.3-2.3C8.4,26.1,9.5,25,10.7,25z M10.7,34.7c1.3,0,2.3,1,2.3,2.3 c0,1.3-1.1,2.3-2.3,2.3c-1.3,0-2.3-1-2.3-2.3C8.4,35.7,9.4,34.7,10.7,34.7z M10.7,49.5c-1.3,0-2.3-1.1-2.3-2.3 c0-1.2,1.1-2.3,2.3-2.3c1.3,0,2.3,1.1,2.3,2.3C13.1,48.5,12,49.5,10.7,49.5z M34.3,48.9H18c-1,0-1.7-0.8-1.7-1.7 c0-0.9,0.7-1.7,1.7-1.7h16.3c1,0,1.7,0.8,1.7,1.7C36,48.1,35.3,48.9,34.3,48.9z M34.3,38.7H18c-1,0-1.7-0.7-1.7-1.7 c0-1,0.7-1.7,1.7-1.7h16.3c1,0,1.7,0.8,1.7,1.7C36,38,35.3,38.7,34.3,38.7z M34.3,29H18c-1,0-1.7-0.8-1.7-1.7c0-0.9,0.8-1.7,1.7-1.7 h16.3c0.9,0,1.7,0.8,1.7,1.7C36,28.3,35.3,29,34.3,29z' }), jsxRuntime.jsx("path", { d: 'M30.4,5.4H28c-0.2-3-2.7-5.4-5.7-5.4c-3.1,0-5.6,2.4-5.8,5.4h-2.4c-1.5,0-2.5,1-2.5,2.6v2.8c0,1.6,0.9,2.6,2.5,2.6h16.3 c1.5,0,2.5-1,2.5-2.6V8C32.9,6.4,31.9,5.4,30.4,5.4z M22.2,7.9c-1.3,0-2.3-1.1-2.3-2.3c0-1.3,1.1-2.3,2.3-2.3s2.3,1,2.3,2.3 C24.5,6.9,23.5,7.9,22.2,7.9z' })] }));
-}
-
-function Magnifyingglass(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 63.4 64', ...props, children: jsxRuntime.jsx("path", { d: 'M62.3,57.5L46.4,41.6c3.3-4.4,5.3-9.8,5.3-15.7C51.8,11.6,40.2,0,25.9,0C11.6,0,0,11.6,0,25.9c0,14.3,11.6,25.9,25.9,25.9 c5.6,0,10.8-1.8,15-4.9l16,16c0.8,0.7,1.7,1.1,2.7,1.1c2.2,0,3.7-1.7,3.7-3.8C63.4,59.1,63,58.2,62.3,57.5z M25.9,46.2 c-11.3,0-20.3-9.1-20.3-20.3c0-11.2,9.1-20.3,20.3-20.3c11.2,0,20.3,9.1,20.3,20.3C46.2,37.1,37.1,46.2,25.9,46.2z' }) }));
-}
-
-function MapPinEllipse(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 56 56', ...props, children: jsxRuntime.jsx("path", { d: 'M 27.9883 43.1992 C 28.9492 43.1992 30.1680 39.4492 30.1680 32.5352 L 30.1680 21.4961 C 33.9883 20.5117 36.8008 17.0430 36.8008 12.9180 C 36.8008 8.0664 32.8867 4.1055 27.9883 4.1055 C 23.1133 4.1055 19.1992 8.0664 19.1992 12.9180 C 19.1992 17.0430 21.9883 20.5117 25.8086 21.4726 L 25.8086 32.5352 C 25.8086 39.4258 27.0508 43.1992 27.9883 43.1992 Z M 25.4805 13.4102 C 23.8867 13.4102 22.4805 12.0039 22.4805 10.3867 C 22.4805 8.7461 23.8867 7.3633 25.4805 7.3633 C 27.1211 7.3633 28.4805 8.7461 28.4805 10.3867 C 28.4805 12.0039 27.1211 13.4102 25.4805 13.4102 Z M 27.9883 51.8945 C 42.1680 51.8945 50.3711 46.9727 50.3711 41.7461 C 50.3711 35.4414 40.3399 31.6211 33.8711 31.5977 L 33.8711 35.2539 C 38.3711 35.2774 45.3789 37.7148 45.3789 41.1836 C 45.3789 44.8633 38.7696 47.9570 27.9883 47.9570 C 17.2305 47.9570 10.6211 44.8867 10.6211 41.1836 C 10.6211 37.7148 17.6289 35.2774 22.1289 35.2539 L 22.1289 31.5977 C 15.6602 31.6211 5.6289 35.4414 5.6289 41.7461 C 5.6289 46.9727 13.8321 51.8945 27.9883 51.8945 Z' }) }));
-}
-
-function MinusPlusBatteryblock(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 50', ...props, children: [jsxRuntime.jsx("path", { d: 'M13.9,30.4h11.3c1.1,0,2-0.9,2-2s-0.9-2-2-2H13.9c-1.1,0-2,0.9-2,2S12.7,30.4,13.9,30.4z' }), jsxRuntime.jsx("path", { d: 'M44.4,36.7c1.1,0,2-0.9,2-2v-4.2h4.2c1.1,0,2-0.9,2-2s-0.9-2-2-2h-4.2v-4.2c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2v4.2h-4.2 c-1.1,0-2,0.9-2,2s0.9,2,2,2h4.2v4.2C42.4,35.8,43.3,36.7,44.4,36.7z' }), jsxRuntime.jsx("path", { d: 'M55.5,6.9h-3.8V3.3c0-2.1-1.2-3.3-3.3-3.3h-8c-2.1,0-3.3,1.3-3.3,3.3v3.6H26.8V3.3c0-2.1-1.2-3.3-3.3-3.3h-8 c-2.1,0-3.3,1.3-3.3,3.3v3.6H8.5C2.9,6.9,0,9.8,0,15.4v26.2C0,47.2,2.9,50,8.5,50h47c5.7,0,8.5-2.8,8.5-8.4V15.4 C64,9.8,61.2,6.9,55.5,6.9z M59.6,41.4c0,2.8-1.5,4.2-4.2,4.2H8.6c-2.7,0-4.2-1.5-4.2-4.2V15.6c0-2.8,1.5-4.2,4.2-4.2h46.8 c2.7,0,4.2,1.5,4.2,4.2V41.4z' })] }));
-}
-
-function Network(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M5.1,18.7c7.8,8.3,18.7,13,30.3,13c9.1,0,17.9-3.1,24.9-8.6l-1.7-3.5c-6.5,5.4-14.6,8.3-23.2,8.4 c-11.1,0-21.5-4.8-28.5-13.1L5.1,18.7z' }), jsxRuntime.jsx("path", { d: 'M1.7,36.6C18,50.5,41.4,53.1,60.2,43.3L60.1,39c-18.3,10.6-41.7,8-57.5-6.6L1.7,36.6z' }), jsxRuntime.jsx("path", { d: 'M17.2,58.2l4.5,1.1c-2.1-5.1-3.3-10.4-3.4-15.9C17.5,27.7,24.2,12.9,36.2,3l-4-1.6C20.3,12,13.8,27.4,14.6,43.4 C14.7,48.4,15.6,53.4,17.2,58.2z' }), jsxRuntime.jsx("path", { d: 'M37.9,61.3l3.5-1.6c-5.9-8.3-9.1-18.1-9.1-28.3c0-9.7,2.8-19,8.1-26.9l-3.7-1.3c-5.3,8.4-8.2,18.2-8.2,28.2 C28.6,42.2,31.9,52.5,37.9,61.3z' }), jsxRuntime.jsx("path", { d: 'M56.4,49.6l2.5-2.9c-10.5-6-17.1-17.1-17.3-29.4c0-4.4,0.7-8.8,2.3-12.8l-3.6-1c-1.7,4.4-2.5,9-2.4,13.8 C38,30.7,45.1,42.8,56.4,49.6z' }), jsxRuntime.jsx("path", { d: 'M18.4,31.3c2.7,0,4.9-2.2,4.9-4.9c0-2.7-2.2-4.9-4.9-4.9c-2.7,0-4.9,2.2-4.9,4.9C13.4,29.1,15.6,31.3,18.4,31.3z' }), jsxRuntime.jsx("path", { d: 'M42.4,33.9c2.7,0,4.8-2.2,4.8-4.9c0-2.6-2.2-4.8-4.8-4.8c-2.7,0-4.9,2.2-4.9,4.8C37.5,31.8,39.7,33.9,42.4,33.9z' }), jsxRuntime.jsx("path", { d: 'M33.1,52c2.7,0,4.9-2.2,4.9-4.9c0-2.7-2.2-4.9-4.9-4.9c-2.7,0-4.9,2.2-4.9,4.9C28.1,49.9,30.3,52,33.1,52z' }), jsxRuntime.jsx("path", { d: 'M32,0C14.5,0,0,14.5,0,32s14.5,32,32,32c17.5,0,32-14.5,32-32S49.4,0,32,0z M32,59.7C16.8,59.7,4.3,47.1,4.3,32 S16.8,4.3,32,4.3c15.2,0,27.8,12.6,27.8,27.7S47.1,59.7,32,59.7z' })] }));
-}
-
-function NetworkShield(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 58.1', ...props, children: [jsxRuntime.jsx("path", { d: 'M53.4,14.8c-1.7-3-3.8-5.5-6.3-7.8c-2.5-2.2-5.4-3.9-8.5-5.2s-6.5-1.8-10-1.8c-3.9,0-7.5,0.7-10.9,2.2s-6.4,3.5-9.1,6.2 s-4.7,5.6-6.2,9.1s-2.2,7.1-2.2,10.9c0,3.9,0.7,7.5,2.2,10.9s3.5,6.4,6.2,9c2.6,2.6,5.6,4.7,9.1,6.2c3.4,1.5,7.1,2.2,11,2.3 c1.7,0,3.3-0.2,5-0.5c1.7-0.3,3.2-0.7,4.8-1.3c0.2-0.1,0.4-0.2,0.6-0.2s0.4-0.2,0.6-0.2c-0.5-0.5-0.9-1-1.3-1.5s-0.8-1.1-1.1-1.7 c-0.2,0.1-0.3,0.2-0.5,0.2s-0.3,0.1-0.5,0.2c-2.4-3.7-4.2-7.6-5.4-11.7c-1.2-4-1.8-8.1-1.8-12.3c0-4.2,0.6-8.1,1.7-12 c1.1-3.9,2.7-7.5,4.9-10.9c2.8,0.9,5.5,2.2,7.8,4s4.3,3.9,5.9,6.4s2.7,5.2,3.3,8.1c0.7,0,1.3,0.1,1.9,0.2c0.6,0.2,1.3,0.4,2.1,0.6 C56.1,20.9,55.1,17.8,53.4,14.8z M27.2,15.3c-1.1,4-1.7,8.1-1.7,12.4c0,3,0.3,5.9,0.8,8.8c0.5,2.9,1.3,5.6,2.4,8.3 c1.1,2.7,2.3,5.2,3.9,7.8c-0.7,0.1-1.4,0.2-2,0.3c-0.6,0.1-1.4,0.2-2.1,0.2c-3.4,0-6.5-0.6-9.5-1.9c-3-1.3-5.6-3.1-7.9-5.4 s-4-4.9-5.4-7.9c-1.3-3-1.9-6.2-1.9-9.5s0.6-6.5,1.9-9.5s3.1-5.6,5.3-7.9s4.9-4,7.9-5.4s6.2-1.9,9.5-1.9c1.2,0,2.4,0.1,3.5,0.2 C30,7.5,28.3,11.3,27.2,15.3z' }), jsxRuntime.jsx("path", { d: 'M4.7,16.6c2.3,2.5,4.8,4.5,7.7,6.2s5.9,3,9.1,3.9c3.2,0.9,6.6,1.4,10,1.4c4,0,8-0.7,11.7-2c3.8-1.3,7.2-3.2,10.4-5.7 l-1.5-3.1c-2.8,2.4-6,4.2-9.6,5.5c-3.5,1.3-7.2,1.9-10.9,1.9c-5,0-9.6-1-14-3c-4.4-2.1-8.1-4.9-11.3-8.5L4.7,16.6z' }), jsxRuntime.jsx("path", { d: 'M15.5,51.6l4,0.9c-1-2.2-1.7-4.6-2.2-6.9s-0.7-4.7-0.8-7.2c-0.3-4.6,0.2-9.1,1.4-13.4c1.2-4.3,3-8.4,5.4-12.3 s5.4-7.1,8.9-10l-3.5-1.4C25.2,4.5,22.2,8,19.8,12s-4.2,8.2-5.4,12.7s-1.6,9.1-1.4,13.8c0.1,2.2,0.2,4.4,0.6,6.6 C14.2,47.4,14.8,49.5,15.5,51.6z' }), jsxRuntime.jsx("path", { d: 'M30.8,40.3c-5.1-0.1-10.1-1.1-15-3.1c-4.8-1.9-9.3-4.7-13.3-8.4l-0.8,3.8c4.2,3.6,8.8,6.3,13.9,8.2 c5.1,1.9,10.3,2.8,15.6,3L30.8,40.3z' }), jsxRuntime.jsx("path", { d: 'M39,25.5c-0.6-1.6-1-3.2-1.3-5c-0.3-1.7-0.5-3.4-0.5-5.2c-0.1-1.9,0.1-3.9,0.5-5.8C38,7.6,38.5,5.8,39.2,4l-3.2-0.9 c-0.7,1.9-1.3,3.9-1.7,6s-0.5,4.2-0.5,6.3c0.1,3.8,0.7,7.5,2,11.1L39,25.5z' }), jsxRuntime.jsx("path", { d: 'M16.5,27.8c1.2,0,2.2-0.4,3.1-1.3c0.9-0.9,1.3-1.9,1.3-3.1s-0.4-2.2-1.3-3.1c-0.9-0.9-1.9-1.3-3.1-1.3 c-1.2,0-2.2,0.4-3.1,1.3c-0.9,0.9-1.3,1.9-1.3,3.1s0.4,2.2,1.3,3.1C14.2,27.4,15.3,27.8,16.5,27.8z' }), jsxRuntime.jsx("path", { d: 'M37.4,29.1c1.2,0,2.2-0.4,3-1.3c0.9-0.9,1.3-1.8,1.3-3c0-1.2-0.4-2.2-1.3-3s-1.8-1.3-3-1.3c-1.2,0-2.2,0.4-3,1.3 c-0.9,0.9-1.3,1.8-1.3,3c0,1.2,0.4,2.2,1.3,3C35.2,28.7,36.2,29.1,37.4,29.1z' }), jsxRuntime.jsx("path", { d: 'M29.4,46.1c1.2,0,2.2-0.4,3-1.3c0.9-0.9,1.3-1.9,1.3-3.1s-0.4-2.2-1.3-3c-0.9-0.9-1.9-1.3-3-1.3c-1.2,0-2.2,0.4-3.1,1.3 c-0.9,0.9-1.3,1.9-1.3,3c0,1.2,0.4,2.3,1.3,3.1C27.2,45.7,28.2,46.1,29.4,46.1z' }), jsxRuntime.jsx("path", { d: 'M63.6,32c-0.3-0.6-1-1.1-1.9-1.5c-0.5-0.2-1.1-0.4-1.9-0.7c-0.8-0.3-1.7-0.6-2.6-0.9c-0.9-0.3-1.8-0.6-2.6-0.9 s-1.4-0.5-1.8-0.6c-0.6-0.2-1.1-0.3-1.7-0.3s-1.1,0.1-1.5,0.2c-0.5,0.2-1.1,0.3-1.9,0.6s-1.7,0.6-2.6,1c-1,0.3-1.8,0.7-2.7,1 c-0.8,0.3-1.5,0.6-1.9,0.7C39.7,31,39,31.4,38.7,32c-0.3,0.6-0.6,1.3-0.6,2.2V45h0.1c0,1.4,0.2,2.7,0.7,3.8c0.5,1.1,1.1,2.1,2.1,3 s2.1,1.8,3.6,2.8c1.5,1,3.2,2,5.3,3.2c0.5,0.3,0.9,0.4,1.4,0.3s1-0.2,1.3-0.3c2.7-1.6,5-3,6.7-4.2c1.7-1.2,3-2.4,3.8-3.7 c0.8-1.3,1.2-2.9,1.2-4.8V34.2C64.2,33.3,64,32.6,63.6,32z M51.2,53.5c-0.3,0-0.6-0.1-0.9-0.2c-2.1-1.3-3.8-2.3-5-3.1 c-1.2-0.8-2-1.6-2.5-2.5c-0.5-0.8-0.7-1.9-0.7-3.2v-9.1c0-0.4,0.1-0.7,0.2-1c0.2-0.2,0.5-0.5,0.9-0.6c0.5-0.2,1-0.4,1.7-0.6 c0.6-0.2,1.2-0.5,1.8-0.7c0.6-0.2,1.2-0.5,1.8-0.7c0.6-0.2,1.1-0.4,1.6-0.6c0.2-0.1,0.3-0.1,0.5-0.2c0.2-0.1,0.3-0.1,0.5-0.1V53.5z ' })] }));
-}
-
-function NewspaperFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 60.843', ...props, children: jsxRuntime.jsx("path", { d: 'M0,27.548V52.482a3.516,3.516,0,0,0,.444,1.776,3.033,3.033,0,0,0,1.184,1.183,3.514,3.514,0,0,0,1.775.444,3.516,3.516,0,0,0,1.776-.444,3.04,3.04,0,0,0,1.184-1.183,3.516,3.516,0,0,0,.444-1.776V21.851H5.919a6.965,6.965,0,0,0-3.181.666A5.185,5.185,0,0,0,.666,24.44,6.866,6.866,0,0,0,0,27.548Zm10.062,33.3H54.751c3.108,0,5.4-.74,6.955-2.294C63.26,57.069,64,54.776,64,51.742V8.977c0-3.034-.74-5.327-2.294-6.807S57.859-.124,54.751-.124H22.123c-3.108,0-5.4.74-6.955,2.294-1.554,1.48-2.294,3.773-2.294,6.807V54.554a10.61,10.61,0,0,1-.592,3.773A4.833,4.833,0,0,1,10.062,60.843Zm14.5-43.654a2.2,2.2,0,0,1-1.48-.592,2.018,2.018,0,0,1-.592-1.405,1.853,1.853,0,0,1,.592-1.332,2.066,2.066,0,0,1,1.48-.592H52.458a2.022,2.022,0,0,1,1.406.592,1.856,1.856,0,0,1,.591,1.332,2.021,2.021,0,0,1-.591,1.405,1.9,1.9,0,0,1-1.406.592Zm0,9.915a2.133,2.133,0,0,1-1.48-.518,1.661,1.661,0,0,1-.592-1.406,1.9,1.9,0,0,1,.592-1.406,2.066,2.066,0,0,1,1.48-.592H52.458a1.989,1.989,0,0,1,1.406,3.4,1.842,1.842,0,0,1-1.406.518Zm17.461,9.84a1.892,1.892,0,0,1-1.405-.592,1.851,1.851,0,0,1-.592-1.331,2.022,2.022,0,0,1,.592-1.406,1.892,1.892,0,0,1,1.405-.592H52.458a2.02,2.02,0,0,1,2,2,1.854,1.854,0,0,1-.591,1.331,1.9,1.9,0,0,1-1.406.592Zm0,10.211a1.892,1.892,0,0,1-1.405-.592,1.853,1.853,0,0,1-.592-1.332,2.2,2.2,0,0,1,.592-1.48,1.892,1.892,0,0,1,1.405-.592H52.458a2.022,2.022,0,0,1,1.406.592,2.07,2.07,0,0,1,.591,1.48,1.856,1.856,0,0,1-.591,1.332,1.9,1.9,0,0,1-1.406.592Zm-16.055,0a3.365,3.365,0,0,1-2.516-.888,3.481,3.481,0,0,1-.887-2.516V36.5a3.483,3.483,0,0,1,.887-2.515A3.481,3.481,0,0,1,25.97,33.1h6.955a3.091,3.091,0,0,1,3.4,3.4v7.251a3.368,3.368,0,0,1-.887,2.516,3.481,3.481,0,0,1-2.516.888Z' }) }));
-}
-
-function Number$1(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 58.9 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M12.1,64c1.7,0,2.7-0.8,3-2.5l11.7-58c0-0.1,0.1-0.3,0.1-0.5c0-0.2,0-0.4,0-0.6c0-0.8-0.3-1.4-0.8-1.8C25.6,0.2,25,0,24.2,0 c-0.9,0-1.6,0.2-2.1,0.7c-0.5,0.5-0.8,1.1-0.9,1.9L9.5,60.5c-0.1,0.3-0.1,0.7-0.1,1.1c0,0.8,0.2,1.4,0.7,1.8 C10.6,63.8,11.3,64,12.1,64z' }), jsxRuntime.jsx("path", { d: 'M33.4,64c1.7,0,2.7-0.8,3.1-2.5l11.7-58c0-0.1,0-0.3,0.1-0.5c0-0.2,0-0.4,0-0.6c0-0.8-0.3-1.4-0.8-1.8C47,0.2,46.3,0,45.6,0 c-0.9,0-1.6,0.2-2.1,0.7c-0.5,0.5-0.8,1.1-0.9,1.9L30.9,60.5c-0.1,0.3-0.1,0.7-0.1,1.1c0,0.8,0.2,1.4,0.7,1.8 C32,63.8,32.6,64,33.4,64z' }), jsxRuntime.jsx("path", { d: 'M6.9,22.5h49c0.9,0,1.6-0.3,2.2-0.9c0.6-0.6,0.9-1.3,0.9-2.2c0-0.7-0.2-1.4-0.7-1.9c-0.5-0.5-1.1-0.8-1.8-0.8h-49 c-0.9,0-1.6,0.3-2.2,0.9c-0.6,0.6-0.9,1.4-0.9,2.3c0,0.7,0.2,1.3,0.7,1.8C5.6,22.3,6.2,22.5,6.9,22.5z' }), jsxRuntime.jsx("path", { d: 'M2.4,45.6h49c0.9,0,1.6-0.3,2.2-0.9c0.6-0.6,0.9-1.3,0.9-2.2c0-0.7-0.2-1.4-0.7-1.9c-0.5-0.5-1.1-0.8-1.8-0.8H3.1 c-0.9,0-1.6,0.3-2.2,0.9C0.3,41.4,0,42.2,0,43.1c0,0.7,0.2,1.3,0.7,1.8C1.1,45.4,1.7,45.6,2.4,45.6z' })] }));
-}
-
-function PaperplaneFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 64', ...props, children: jsxRuntime.jsx("path", { d: 'M38.2,64c1.1,0,2-0.4,2.8-1.3c0.8-0.9,1.5-2.1,2.1-3.5l20-52.2c0.3-0.7,0.5-1.4,0.6-2C63.9,4.3,64,3.7,64,3.2 c0-1-0.3-1.8-0.9-2.4C62.5,0.3,61.7,0,60.8,0c-0.5,0-1.1,0.1-1.7,0.2c-0.6,0.2-1.3,0.4-2,0.6L4.6,21c-1.3,0.5-2.4,1.1-3.3,1.9 C0.4,23.7,0,24.7,0,25.8c0,1.4,0.5,2.4,1.4,3c1,0.6,2.2,1.2,3.7,1.6l16.5,5c1,0.3,1.8,0.4,2.4,0.3c0.6-0.1,1.3-0.4,2-1L59.4,3.5 c0.4-0.4,0.8-0.4,1.2-0.1c0.2,0.1,0.3,0.3,0.3,0.6c0,0.2-0.1,0.4-0.3,0.6L29.4,38.2c-0.6,0.6-0.9,1.3-1,1.9c-0.1,0.6,0,1.4,0.3,2.5 l4.9,16.1c0.4,1.5,1,2.8,1.6,3.8C35.8,63.5,36.8,64,38.2,64z' }) }));
-}
-
-function Person(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 60.4 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M58.3,51.2c-1.4-2.6-3.4-5-6-7.2c-2.6-2.3-5.8-4.1-9.5-5.5c-3.7-1.4-7.9-2.2-12.6-2.2c-4.7,0-8.9,0.7-12.6,2.2 c-3.7,1.4-6.9,3.3-9.5,5.5c-2.6,2.3-4.6,4.7-6,7.2c-1.4,2.6-2.1,5-2.1,7.2C0,62.2,2.8,64,8.5,64h43.4c5.6,0,8.5-1.8,8.5-5.5 C60.4,56.2,59.7,53.8,58.3,51.2z M54.5,58.6c-0.2,0.1-0.5,0.2-1,0.2H6.8c-0.4,0-0.8-0.1-1-0.2c-0.2-0.1-0.3-0.4-0.3-0.7 c0-1.4,0.5-3.1,1.6-4.9c1.1-1.9,2.7-3.6,4.8-5.4c2.1-1.7,4.7-3.2,7.7-4.3c3-1.1,6.6-1.7,10.5-1.7s7.5,0.6,10.5,1.7 c3,1.1,5.6,2.6,7.7,4.3c2.1,1.7,3.7,3.5,4.8,5.4c1.1,1.9,1.6,3.5,1.6,4.9C54.8,58.2,54.7,58.4,54.5,58.6z' }), jsxRuntime.jsx("path", { d: 'M43.1,7.8c-1.3-2.4-3.1-4.3-5.4-5.7C35.5,0.7,33,0,30.2,0c-2.7,0-5.2,0.7-7.5,2.1c-2.3,1.4-4.1,3.3-5.4,5.7s-2,5.1-2,8 c0,3,0.7,5.7,2,8.1c1.4,2.5,3.2,4.4,5.4,5.9c2.3,1.4,4.7,2.2,7.5,2.2c2.7,0,5.2-0.7,7.5-2.2c2.3-1.5,4.1-3.4,5.4-5.9s2-5.2,2-8.2 C45.1,12.8,44.5,10.2,43.1,7.8z M38.3,21.4c-0.9,1.7-2,3-3.4,4c-1.4,1-3,1.5-4.7,1.5c-1.7,0-3.2-0.5-4.6-1.5 c-1.4-1-2.6-2.3-3.4-3.9c-0.9-1.7-1.3-3.5-1.3-5.6c0-2,0.4-3.8,1.3-5.4c0.9-1.6,2-2.9,3.4-3.8c1.4-0.9,3-1.4,4.7-1.4 c1.7,0,3.3,0.5,4.7,1.4c1.4,0.9,2.6,2.2,3.4,3.8c0.8,1.6,1.3,3.4,1.3,5.4C39.6,17.8,39.1,19.7,38.3,21.4z' })] }));
-}
-
-function PersonCropSquare(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M61.2,2.7C59.4,0.9,56.7,0,53.1,0H10.9C7.3,0,4.6,0.9,2.7,2.7C0.9,4.5,0,7.2,0,10.8v42.4c0,3.6,0.9,6.3,2.7,8.1 c1.8,1.8,4.5,2.7,8.2,2.7h42.2c3.6,0,6.4-0.9,8.2-2.7c1.8-1.8,2.7-4.5,2.7-8.1V10.8C64,7.2,63.1,4.5,61.2,2.7z M58.4,52.9 c0,1.8-0.5,3.2-1.4,4.1c-0.9,0.9-2.3,1.4-4,1.4H11c-1.7,0-3.1-0.5-4-1.4c-0.9-0.9-1.4-2.3-1.4-4.1V11.1C5.6,9.3,6.1,7.9,7,7 s2.3-1.4,4-1.4h42c1.7,0,3.1,0.5,4,1.4c0.9,0.9,1.4,2.3,1.4,4.1V52.9z' }), jsxRuntime.jsx("path", { d: 'M8.1,60.4h47.8c-0.5-2.4-1.5-4.7-2.9-6.7c-1.4-2-3.2-3.8-5.3-5.3c-2.1-1.5-4.5-2.7-7.2-3.5C37.9,44,35,43.6,32,43.6 c-3,0-5.9,0.4-8.5,1.3c-2.7,0.8-5.1,2-7.2,3.5c-2.1,1.5-3.9,3.3-5.3,5.3C9.5,55.8,8.6,58,8.1,60.4z' }), jsxRuntime.jsx("path", { d: 'M32,37.8c2.2,0,4.2-0.5,6-1.7c1.8-1.1,3.2-2.7,4.3-4.7c1.1-2,1.6-4.2,1.6-6.7c0-2.3-0.5-4.5-1.6-6.4 c-1.1-1.9-2.5-3.5-4.3-4.6S34.2,12,32,12c-2.2,0-4.2,0.6-6,1.7s-3.2,2.7-4.3,4.6s-1.6,4.1-1.6,6.4c0,2.5,0.5,4.7,1.6,6.6 c1.1,2,2.5,3.5,4.3,4.6S29.8,37.8,32,37.8z' })] }));
-}
-
-function PersonFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 59.9 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M6.1,64h47.8c1.9,0,3.4-0.4,4.5-1.3c1.1-0.8,1.6-2,1.6-3.5c0-2.3-0.7-4.7-2.1-7.3c-1.4-2.5-3.4-4.9-6-7.1 c-2.6-2.2-5.7-4-9.4-5.4c-3.7-1.4-7.9-2.1-12.5-2.1c-4.6,0-8.8,0.7-12.5,2.1c-3.7,1.4-6.8,3.2-9.4,5.4s-4.6,4.6-6,7.1 C0.7,54.6,0,57,0,59.3c0,1.5,0.5,2.6,1.6,3.5S4.2,64,6.1,64z' }), jsxRuntime.jsx("path", { d: 'M30,31c2.6,0,4.9-0.7,7.1-2.1c2.2-1.4,3.9-3.3,5.2-5.6s2-5,2-8c0-2.9-0.7-5.5-2-7.8C40.9,5.1,39.2,3.3,37,2 c-2.2-1.3-4.5-2-7.1-2c-2.5,0-4.9,0.7-7,2c-2.2,1.4-3.9,3.2-5.2,5.5c-1.3,2.3-2,4.9-2,7.8c0,2.9,0.7,5.6,2,8c1.3,2.4,3,4.2,5.2,5.6 C25.1,30.3,27.4,31,30,31z' })] }));
-}
-
-function PersonFillQuestionmark(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M61.2,2.7C59.4,0.9,56.7,0,53.1,0H10.9C7.3,0,4.6,0.9,2.7,2.7C0.9,4.5,0,7.2,0,10.8v42.4c0,3.6,0.9,6.3,2.7,8.1 c1.8,1.8,4.5,2.7,8.2,2.7h42.2c3.6,0,6.4-0.9,8.2-2.7c1.8-1.8,2.7-4.5,2.7-8.1V10.8C64,7.2,63.1,4.5,61.2,2.7z M58.4,52.9 c0,1.8-0.5,3.2-1.4,4.1c-0.9,0.9-2.3,1.4-4,1.4H11c-1.7,0-3.1-0.5-4-1.4c-0.9-0.9-1.4-2.3-1.4-4.1V11.1C5.6,9.3,6.1,7.9,7,7 s2.3-1.4,4-1.4h42c1.7,0,3.1,0.5,4,1.4c0.9,0.9,1.4,2.3,1.4,4.1V52.9z' }), jsxRuntime.jsx("path", { d: 'M8.1,60.4h47.8c-0.5-2.4-1.5-4.7-2.9-6.7c-1.4-2-3.2-3.8-5.3-5.3c-2.1-1.5-4.5-2.7-7.2-3.5C37.9,44,35,43.6,32,43.6 c-3,0-5.9,0.4-8.5,1.3c-2.7,0.8-5.1,2-7.2,3.5c-2.1,1.5-3.9,3.3-5.3,5.3C9.5,55.8,8.6,58,8.1,60.4z' }), jsxRuntime.jsx("path", { d: 'M32,37.8c2.2,0,4.2-0.5,6-1.7c1.8-1.1,3.2-2.7,4.3-4.7c1.1-2,1.6-4.2,1.6-6.7c0-2.3-0.5-4.5-1.6-6.4 c-1.1-1.9-2.5-3.5-4.3-4.6S34.2,12,32,12c-2.2,0-4.2,0.6-6,1.7s-3.2,2.7-4.3,4.6s-1.6,4.1-1.6,6.4c0,2.5,0.5,4.7,1.6,6.6 c1.1,2,2.5,3.5,4.3,4.6S29.8,37.8,32,37.8z' })] }));
-}
-
-function Phone(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 64', ...props, children: jsxRuntime.jsx("path", { d: 'M62.9,48.1c-0.7-1.1-1.8-2.1-3.2-3.1l-9.5-6.6c-1.5-1-3-1.5-4.6-1.5c-1.6,0-3.1,0.7-4.5,2l-2.5,2.5 c-0.4,0.4-0.7,0.6-1.1,0.6c-0.3,0-0.7-0.1-1-0.3c-0.9-0.6-2.1-1.5-3.6-2.8c-1.5-1.3-2.9-2.6-4.1-3.8c-1.3-1.3-2.5-2.6-3.6-3.9 c-1.1-1.3-2-2.5-2.7-3.5c-0.2-0.4-0.3-0.7-0.3-1.1c0-0.3,0.2-0.7,0.6-1.1l2.5-2.5c1.4-1.4,2-2.9,2-4.5c0-1.6-0.5-3.2-1.6-4.7 l-6.6-9.5c-1-1.5-2.1-2.5-3.2-3.2c-1.1-0.7-2.2-1-3.4-1.1c-2.1,0-4.2,0.9-6.4,2.9C5.9,3,5.8,3.1,5.7,3.3C5.5,3.4,5.4,3.5,5.3,3.6 c-1.8,1.6-3.2,3.5-4,5.5c-0.8,2-1.2,4.4-1.2,7.3c0,4.7,1.4,9.7,4.2,15.2s6.8,10.8,12.1,16.1c3.5,3.5,7.1,6.5,10.7,8.9 c3.6,2.4,7.2,4.3,10.7,5.5s6.8,1.9,9.9,1.9c2.9,0,5.3-0.4,7.3-1.2c2-0.8,3.8-2.2,5.5-4c0.1-0.1,0.2-0.3,0.4-0.4 c0.1-0.1,0.2-0.3,0.4-0.4c1-1.1,1.7-2.2,2.2-3.3c0.5-1.1,0.7-2.1,0.7-3.1C64,50.3,63.6,49.2,62.9,48.1z M57.1,54.5 c-0.1,0.1-0.2,0.2-0.2,0.3s-0.2,0.2-0.2,0.3c-1.1,1.3-2.4,2.3-4,2.9c-1.5,0.6-3.2,1-5,1c-2.8,0-5.8-0.6-8.9-1.9s-6.4-3-9.6-5.3 c-3.2-2.2-6.2-4.8-9-7.6c-2.9-2.8-5.4-5.9-7.7-9.1c-2.3-3.2-4.1-6.5-5.4-9.7s-2-6.3-1.9-9c0-1.8,0.4-3.5,1-5 c0.6-1.5,1.6-2.8,2.9-3.9C9,7.3,9.1,7.2,9.2,7.2C9.3,7.1,9.4,7,9.5,6.9c1-0.9,2-1.3,3-1.3c1,0,1.9,0.5,2.4,1.4l6.3,9.5 c0.3,0.5,0.5,1,0.5,1.6c0,0.5-0.3,1.1-0.8,1.6l-2.9,2.9c-1.1,1.1-1.7,2.3-1.7,3.6c0,1.3,0.4,2.5,1.3,3.6c0.9,1.3,2.1,2.7,3.6,4.3 c1.4,1.6,2.8,3.1,4,4.3c0.8,0.9,1.8,1.8,2.9,2.8c1.1,1,2.2,1.9,3.2,2.9c1.1,0.9,2,1.7,2.9,2.3c1.1,0.8,2.3,1.2,3.6,1.2 c1.3,0,2.5-0.6,3.6-1.7l2.9-2.9c0.5-0.5,1-0.7,1.6-0.8c0.5,0,1.1,0.2,1.6,0.5l9.5,6.3c0.5,0.3,0.8,0.7,1,1.1s0.3,0.9,0.3,1.3 C58.4,52.5,57.9,53.5,57.1,54.5z' }) }));
-}
-
-function PhoneArrowUpRight(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 63.9', ...props, children: [jsxRuntime.jsx("path", { d: 'M62.6,48c-0.7-1.1-1.8-2.1-3.2-3.1l-9.5-6.6c-1.5-1-3-1.5-4.6-1.5c-1.6,0-3.1,0.7-4.5,2l-2.5,2.5c-0.4,0.4-0.7,0.6-1.1,0.6 c-0.3,0-0.7-0.1-1-0.3c-0.9-0.6-2.1-1.5-3.6-2.8c-1.5-1.3-2.9-2.6-4.1-3.8c-1.3-1.3-2.5-2.5-3.6-3.8c-1.1-1.3-2-2.5-2.7-3.5 c-0.2-0.4-0.3-0.7-0.3-1.1c0-0.3,0.2-0.7,0.6-1l2.5-2.5c1.3-1.4,2-2.8,2-4.5c0-1.6-0.5-3.2-1.6-4.6L19,4.5C18,3,16.9,2,15.8,1.3 c-1.1-0.7-2.2-1-3.4-1.1c-2.1,0-4.2,0.9-6.4,2.9C5.9,3.2,5.8,3.3,5.6,3.5C5.5,3.6,5.4,3.7,5.2,3.8c-1.8,1.6-3.2,3.5-4,5.5 c-0.8,2-1.2,4.4-1.2,7.2c0,4.7,1.4,9.7,4.2,15.1s6.8,10.8,12.1,16c3.5,3.5,7,6.4,10.6,8.8c3.6,2.4,7.1,4.3,10.6,5.5 c3.5,1.3,6.8,1.9,9.8,1.9c2.8,0,5.3-0.4,7.3-1.2c2-0.8,3.8-2.2,5.5-4c0.1-0.1,0.2-0.3,0.4-0.4c0.1-0.1,0.2-0.3,0.4-0.4 c1-1.1,1.7-2.2,2.2-3.3c0.5-1.1,0.7-2.1,0.7-3.1C63.6,50.3,63.3,49.1,62.6,48z M56.8,54.4c-0.1,0.1-0.2,0.2-0.2,0.3 c-0.1,0.1-0.2,0.2-0.2,0.3c-1.1,1.3-2.4,2.3-3.9,2.9c-1.5,0.6-3.2,1-5,1c-2.8,0-5.7-0.6-8.9-1.9c-3.2-1.3-6.3-3-9.5-5.2 c-3.2-2.2-6.2-4.7-9-7.6c-2.8-2.8-5.4-5.8-7.7-9.1c-2.3-3.2-4.1-6.5-5.4-9.7c-1.3-3.2-1.9-6.2-1.9-9c0-1.8,0.4-3.4,1-4.9 C6.6,10,7.6,8.7,8.8,7.6C9,7.5,9.1,7.4,9.2,7.3c0.1-0.1,0.2-0.2,0.3-0.3c1-0.9,2-1.3,2.9-1.3c1,0,1.9,0.5,2.4,1.4l6.3,9.5 c0.3,0.5,0.5,1,0.5,1.6c0,0.5-0.3,1.1-0.8,1.6L18,22.6c-1.1,1.1-1.7,2.3-1.7,3.6c0,1.3,0.4,2.5,1.2,3.6c0.9,1.3,2.1,2.7,3.5,4.3 c1.4,1.6,2.8,3,4,4.3c0.8,0.8,1.8,1.8,2.8,2.7c1.1,1,2.2,1.9,3.2,2.9c1.1,0.9,2,1.7,2.9,2.3c1.1,0.8,2.3,1.2,3.6,1.2 c1.3,0,2.5-0.5,3.6-1.7l2.9-2.9c0.5-0.5,1-0.7,1.6-0.7c0.5,0,1.1,0.2,1.6,0.5l9.4,6.3c0.5,0.3,0.8,0.7,1,1.1 c0.2,0.4,0.3,0.9,0.3,1.3C58.1,52.4,57.6,53.4,56.8,54.4z' }), jsxRuntime.jsx("path", { d: 'M39.2,27.2c0.7,0,1.2-0.2,1.7-0.7l14-14l5-5.4l-0.6,9.5v4.9c0,0.6,0.2,1.2,0.6,1.6c0.4,0.4,1,0.7,1.6,0.7 c0.7,0,1.2-0.2,1.7-0.6c0.5-0.5,0.7-1,0.7-1.7V2.6c0-0.8-0.2-1.5-0.6-1.9C62.9,0.2,62.3,0,61.4,0H42.5c-0.7,0-1.2,0.2-1.7,0.7 c-0.5,0.5-0.7,1.1-0.6,1.7c0,0.6,0.3,1.2,0.7,1.6c0.5,0.4,1,0.6,1.6,0.6h4.9L57,4.1l-5.5,5l-14,14c-0.5,0.5-0.8,1.1-0.8,1.8 c0,0.6,0.2,1.2,0.7,1.6C37.9,27,38.5,27.2,39.2,27.2z' })] }));
-}
-
-function PhoneFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 63.9 64', ...props, children: jsxRuntime.jsx("path", { d: 'M17.5,46.3c3.3,3.3,6.8,6.3,10.5,9c3.7,2.7,7.3,4.8,11,6.3c3.7,1.6,7.2,2.3,10.5,2.3c2.2,0,4.3-0.4,6.2-1.2 c1.9-0.8,3.7-2.1,5.2-3.8c0.9-1,1.6-2.1,2.2-3.2c0.5-1.2,0.8-2.3,0.8-3.5c0-0.9-0.2-1.7-0.5-2.5c-0.4-0.8-0.9-1.5-1.8-2L51,40.2 c-1.6-1.1-3-1.7-4.2-1.7c-0.8,0-1.6,0.2-2.3,0.6c-0.7,0.4-1.5,1-2.3,1.8l-2.4,2.4c-0.4,0.4-0.8,0.5-1.3,0.5c-0.3,0-0.5,0-0.7-0.1 c-0.2-0.1-0.4-0.2-0.6-0.3c-1.1-0.6-2.5-1.5-4.1-3c-1.7-1.4-3.4-3-5.1-4.7c-1.7-1.7-3.2-3.4-4.7-5.1c-1.4-1.7-2.4-3-3-4.1 c-0.1-0.2-0.2-0.4-0.3-0.6C20,25.9,20,25.6,20,25.4c0-0.5,0.2-0.9,0.5-1.3l2.4-2.5c0.8-0.8,1.4-1.6,1.8-2.3c0.4-0.7,0.7-1.5,0.7-2.3 c0-1.2-0.6-2.6-1.7-4.2L16.2,2.4c-0.6-0.8-1.3-1.4-2.1-1.8C13.3,0.2,12.4,0,11.5,0C9.1,0,6.9,1,4.8,3C3.2,4.6,1.9,6.4,1.2,8.3 c-0.8,1.9-1.2,4-1.2,6.2c0,3.3,0.8,6.8,2.3,10.4s3.6,7.3,6.3,10.9C11.2,39.6,14.2,43,17.5,46.3z' }) }));
-}
-
-function PlayRectangleFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 50', ...props, children: jsxRuntime.jsx("path", { d: 'M61.9,2.1C60.5,0.7,58.3,0,55.5,0h-47c-2.8,0-5,0.7-6.4,2.1C0.7,3.5,0,5.6,0,8.4v33.1c0,2.8,0.7,4.9,2.1,6.3 C3.6,49.3,5.7,50,8.5,50h47c2.9,0,5-0.7,6.4-2.1c1.4-1.4,2.1-3.5,2.1-6.3V8.4C64,5.6,63.3,3.5,61.9,2.1z M42.8,26.5l-16,9.4 c-0.6,0.4-1.2,0.4-1.8,0.2s-1-0.7-1-1.4V15.2c0-0.7,0.3-1.1,0.9-1.4s1.2-0.2,1.9,0.2l16,9.4c0.6,0.3,0.9,0.8,0.8,1.5 C43.6,25.6,43.3,26.1,42.8,26.5z' }) }));
-}
-
-function Plus(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 62.7 64', ...props, children: jsxRuntime.jsx("path", { d: 'M31.4,64c1.9,0,3.4-1.5,3.4-3.3V35.4h24.6c1.8,0,3.4-1.6,3.4-3.4c0-1.9-1.6-3.4-3.4-3.4H34.8V3.3c0-1.8-1.6-3.3-3.4-3.3 C29.5,0,28,1.5,28,3.3v25.3H3.4C1.6,28.6,0,30.1,0,32c0,1.9,1.6,3.4,3.4,3.4H28v25.3C28,62.5,29.5,64,31.4,64z' }) }));
-}
-
-function Qrcode(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M27.4,1.7c-1.1-1.1-2.8-1.7-5-1.7H6.7c-2.2,0-3.9,0.6-5,1.7C0.6,2.8,0,4.5,0,6.8v15.5c0,2.3,0.6,4,1.7,5.1s2.8,1.7,5,1.7 h15.8c2.2,0,3.9-0.6,5-1.7s1.7-2.8,1.7-5.1V6.8C29.1,4.5,28.5,2.8,27.4,1.7z M24.2,22.3c0,1.3-0.6,1.9-1.9,1.9H6.7 c-1.2,0-1.8-0.6-1.8-1.9V6.8c0-1.2,0.6-1.9,1.8-1.9h15.7c1.2,0,1.9,0.6,1.9,1.9V22.3z' }), jsxRuntime.jsx("path", { d: 'M11.6,18.2h5.9c0.5,0,0.7-0.3,0.7-0.8v-5.7c0-0.5-0.2-0.8-0.7-0.8h-5.9c-0.5,0-0.7,0.3-0.7,0.8v5.7 C10.9,18,11.1,18.2,11.6,18.2z' }), jsxRuntime.jsx("path", { d: 'M62.3,1.7c-1.1-1.1-2.8-1.7-5-1.7H41.5c-2.2,0-3.9,0.6-5,1.7c-1.1,1.1-1.7,2.8-1.7,5.1v15.5c0,2.3,0.6,4,1.7,5.1 s2.8,1.7,5,1.7h15.8c2.2,0,3.9-0.6,5-1.7c1.1-1.1,1.7-2.8,1.7-5.1V6.8C64,4.5,63.4,2.8,62.3,1.7z M59.1,22.3c0,1.3-0.6,1.9-1.8,1.9 H41.6c-1.2,0-1.9-0.6-1.9-1.9V6.8c0-1.2,0.6-1.9,1.9-1.9h15.7c1.2,0,1.8,0.6,1.8,1.9V22.3z' }), jsxRuntime.jsx("path", { d: 'M46.6,18.2h5.9c0.5,0,0.7-0.3,0.7-0.8v-5.7c0-0.5-0.2-0.8-0.7-0.8h-5.9c-0.5,0-0.7,0.3-0.7,0.8v5.7 C46,18,46.2,18.2,46.6,18.2z' }), jsxRuntime.jsx("path", { d: 'M27.4,36.6c-1.1-1.1-2.8-1.7-5-1.7H6.7c-2.2,0-3.9,0.6-5,1.7S0,39.4,0,41.7v15.5c0,2.3,0.6,4,1.7,5.1s2.8,1.7,5,1.7h15.8 c2.2,0,3.9-0.6,5-1.7s1.7-2.8,1.7-5.1V41.7C29.1,39.4,28.5,37.7,27.4,36.6z M24.2,57.2c0,1.2-0.6,1.9-1.9,1.9H6.7 c-1.2,0-1.8-0.6-1.8-1.9V41.7c0-1.3,0.6-1.9,1.8-1.9h15.7c1.2,0,1.9,0.6,1.9,1.9V57.2z' }), jsxRuntime.jsx("path", { d: 'M11.6,53.1h5.9c0.5,0,0.7-0.3,0.7-0.8v-5.7c0-0.5-0.2-0.8-0.7-0.8h-5.9c-0.5,0-0.7,0.3-0.7,0.8v5.7 C10.9,52.8,11.1,53.1,11.6,53.1z' }), jsxRuntime.jsx("path", { d: 'M37.2,43.9h5.9c0.5,0,0.7-0.3,0.7-0.8v-5.7c0-0.5-0.2-0.8-0.7-0.8h-5.9c-0.5,0-0.7,0.3-0.7,0.8V43 C36.5,43.6,36.7,43.9,37.2,43.9z' }), jsxRuntime.jsx("path", { d: 'M55.6,43.9h5.9c0.5,0,0.7-0.3,0.7-0.8v-5.7c0-0.5-0.2-0.8-0.7-0.8h-5.9c-0.5,0-0.7,0.3-0.7,0.8V43 C55,43.6,55.2,43.9,55.6,43.9z' }), jsxRuntime.jsx("path", { d: 'M46.5,53.1h5.9c0.5,0,0.7-0.3,0.7-0.8v-5.7c0-0.5-0.2-0.8-0.7-0.8h-5.9c-0.5,0-0.7,0.3-0.7,0.8v5.7 C45.8,52.8,46.1,53.1,46.5,53.1z' }), jsxRuntime.jsx("path", { d: 'M37.2,62.3h5.9c0.5,0,0.7-0.3,0.7-0.8v-5.7c0-0.5-0.2-0.8-0.7-0.8h-5.9c-0.5,0-0.7,0.3-0.7,0.8v5.7 C36.5,62,36.7,62.3,37.2,62.3z' }), jsxRuntime.jsx("path", { d: 'M55.6,62.3h5.9c0.5,0,0.7-0.3,0.7-0.8v-5.7c0-0.5-0.2-0.8-0.7-0.8h-5.9c-0.5,0-0.7,0.3-0.7,0.8v5.7 C55,62,55.2,62.3,55.6,62.3z' })] }));
-}
-
-function RectanglePortraitAndArrowLeft(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 58.6', ...props, children: [jsxRuntime.jsx("path", { d: 'M55.5,59.1H26.2c-2.8,0-5-0.7-6.4-2.2c-1.4-1.4-2.1-3.6-2.1-6.5V37.7h4.5v12.7c0,1.4,0.4,2.4,1.1,3.2 c0.7,0.7,1.8,1.1,3.2,1.1h28.8c1.4,0,2.5-0.4,3.2-1.1c0.7-0.7,1.1-1.8,1.1-3.2V8.7c0-1.4-0.4-2.4-1.1-3.2c-0.7-0.7-1.8-1.1-3.2-1.1 H26.4c-1.4,0-2.5,0.4-3.2,1.1c-0.7,0.7-1.1,1.8-1.1,3.2v12.7h-4.5V8.7c0-2.9,0.7-5,2.1-6.5C21.2,0.7,23.3,0,26.2,0h29.3 c2.8,0,5,0.7,6.4,2.2C63.3,3.6,64,5.8,64,8.7v41.8c0,2.9-0.7,5-2.1,6.5C60.4,58.4,58.3,59.1,55.5,59.1z' }), jsxRuntime.jsx("path", { d: 'M38.5,31.7H10.2l-4.1-0.2L8,33.4l4.4,4.2c0.4,0.4,0.7,0.9,0.7,1.5c0,0.6-0.2,1-0.5,1.4c-0.4,0.4-0.8,0.6-1.4,0.6 c-0.5,0-1-0.2-1.4-0.6l-9-9.3c-0.3-0.3-0.5-0.6-0.6-0.8C0.1,30.1,0,29.8,0,29.5c0-0.3,0.1-0.6,0.2-0.8c0.1-0.2,0.3-0.5,0.6-0.8 l9-9.3c0.4-0.4,0.9-0.6,1.4-0.6c0.6,0,1,0.2,1.4,0.6c0.4,0.4,0.5,0.8,0.5,1.4c0,0.6-0.2,1.1-0.7,1.5L8,25.7l-2,1.9l4.2-0.2h28.3 c0.6,0,1.1,0.2,1.5,0.6c0.4,0.4,0.6,0.9,0.6,1.5c0,0.6-0.2,1.1-0.6,1.5C39.6,31.5,39.1,31.7,38.5,31.7z' })] }));
-}
-
-function RectanglePortraitAndArrowLeftFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 58.6', ...props, children: [jsxRuntime.jsx("path", { d: 'M55.5,0h-29c-2.8,0-4.9,0.7-6.4,2.1C18.7,3.6,18,5.7,18,8.6v18h20.2c0.7,0,1.3,0.3,1.9,0.8c0.5,0.5,0.8,1.2,0.8,1.9 c0,0.7-0.3,1.4-0.8,1.9C39.6,31.8,39,32,38.2,32H18v18c0,2.8,0.7,5,2.1,6.4s3.5,2.2,6.4,2.2h29c2.8,0,4.9-0.7,6.3-2.2 C63.3,55,64,52.9,64,50V8.6c0-2.9-0.7-5-2.1-6.4C60.5,0.7,58.4,0,55.5,0z' }), jsxRuntime.jsx("path", { d: 'M20.2,29.3c0-0.6-0.2-1.1-0.6-1.5c-0.4-0.4-0.9-0.6-1.5-0.6h-8L6,27.3l1.9-1.9l4.4-4.1c0.4-0.4,0.6-0.9,0.6-1.5 c0-0.6-0.2-1-0.5-1.4c-0.4-0.4-0.8-0.6-1.4-0.6c-0.5,0-1,0.2-1.4,0.6l-8.9,9.2c-0.3,0.3-0.5,0.5-0.6,0.8C0.1,28.8,0,29,0,29.3 c0,0.3,0.1,0.6,0.2,0.8c0.1,0.2,0.3,0.5,0.6,0.8l8.9,9.2c0.4,0.4,0.9,0.6,1.4,0.6c0.5,0,1-0.2,1.4-0.6c0.4-0.4,0.5-0.8,0.5-1.4 c0-0.6-0.2-1.1-0.6-1.5l-4.4-4.1L6,31.3l4.1,0.2h8c0.6,0,1.1-0.2,1.5-0.6C20,30.4,20.2,29.9,20.2,29.3z' })] }));
-}
-
-function Sensor(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 45.6', ...props, children: [jsxRuntime.jsx("path", { d: 'M36.7,0H8.3C2.8,0,0,2.7,0,8.2v29.3c0,5.4,2.8,8.2,8.3,8.2h28.4c5.5,0,8.3-2.7,8.3-8.2V8.2C45,2.7,42.2,0,36.7,0z M40.7,37.3c0,2.7-1.5,4.1-4.1,4.1H8.3c-2.6,0-4.1-1.4-4.1-4.1V8.4c0-2.7,1.5-4.1,4.1-4.1h28.3c2.6,0,4.1,1.4,4.1,4.1V37.3z' }), jsxRuntime.jsx("path", { d: 'M21.2,24c0.9,0,1.6-0.7,1.6-1.6V10c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6v12.4C19.7,23.3,20.3,24,21.2,24z' }), jsxRuntime.jsx("path", { d: 'M28,24c0.9,0,1.6-0.7,1.6-1.6V10c0-0.9-0.7-1.6-1.6-1.6c-0.9,0-1.6,0.7-1.6,1.6v12.4C26.4,23.3,27.1,24,28,24z' }), jsxRuntime.jsx("path", { d: 'M34.6,24c0.9,0,1.6-0.7,1.6-1.6V10c0-0.9-0.7-1.6-1.6-1.6C33.7,8.4,33,9.1,33,10v12.4C33,23.3,33.7,24,34.6,24z' }), jsxRuntime.jsx("path", { d: 'M50.1,24.3c0.7,0.8,2,0.8,2.8-0.2c1.7-2.2,2.7-4.9,2.7-7.9c0-2.9-1-5.7-2.7-7.9c-0.8-1-2.1-1-2.8-0.2 c-0.7,0.8-0.5,1.8,0.2,2.7c1.1,1.6,1.7,3.4,1.7,5.4c0,2-0.5,3.8-1.7,5.4C49.6,22.5,49.3,23.5,50.1,24.3z' }), jsxRuntime.jsx("path", { d: 'M56.1,30c0.7,0.8,2,0.8,2.8-0.1c3.3-3.7,5.1-8.5,5.1-13.7c0-5.2-1.8-10-5.1-13.7c-0.8-0.9-2.1-0.9-2.8-0.1 c-0.7,0.8-0.6,1.8,0.2,2.8c2.6,3,4,6.8,4,11c0,4.2-1.4,8.1-4,11C55.6,28.2,55.4,29.2,56.1,30z' })] }));
-}
-
-function Signature(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 46.7', ...props, children: [jsxRuntime.jsx("path", { d: 'M63.4,36c-0.3-0.3-0.7-0.5-1.2-0.5H33.6c0.5-1.3,0.9-2.7,1.2-4.1c0.6-2.6,0.9-5.3,1-8.2c1.3-0.3,2.7-0.4,4.2-0.4 c0.8,0,1.2,0.3,1.2,0.9c0,0.9-0.2,1.8-0.5,2.6c-0.3,0.8-0.5,1.6-0.5,2.6c0,0.8,0.3,1.5,0.8,1.9c0.5,0.5,1.2,0.7,2,0.7 c0.9,0,1.7-0.2,2.7-0.7c0.9-0.5,1.8-1.1,2.7-1.8c0.9-0.7,1.7-1.5,2.5-2.2c0.8-0.7,1.4-1.3,2-1.8c0.6-0.5,1.1-0.7,1.4-0.7 c0.3,0,0.5,0.2,0.6,0.7c0.1,0.4,0.2,1,0.3,1.7c0.1,0.7,0.2,1.3,0.5,2c0.2,0.7,0.6,1.2,1.2,1.7c0.6,0.4,1.4,0.7,2.4,0.7 c0.4,0,0.9-0.1,1.4-0.2c0.5-0.1,1-0.3,1.4-0.6c0.3-0.2,0.5-0.4,0.6-0.7c0.2-0.3,0.2-0.6,0.2-0.9c0-0.4-0.1-0.7-0.4-1 c-0.2-0.3-0.6-0.4-1-0.4c-0.4,0-0.7,0.1-1.1,0.3c-0.4,0.2-0.7,0.3-1,0.3c-0.5,0-0.8-0.2-1-0.7c-0.2-0.5-0.3-1.1-0.4-1.8 c-0.1-0.7-0.2-1.4-0.3-2.1c-0.2-0.7-0.4-1.3-0.8-1.8c-0.4-0.5-1-0.7-1.9-0.7c-0.7,0-1.5,0.2-2.4,0.7c-0.9,0.5-1.7,1.1-2.6,1.8 c-0.9,0.7-1.7,1.4-2.5,2.1c-0.8,0.7-1.5,1.3-2.1,1.8c-0.6,0.5-1,0.7-1.3,0.7c-0.2,0-0.3-0.1-0.3-0.3c0-0.4,0.2-1,0.5-1.8 c0.3-0.8,0.5-1.6,0.5-2.5c0-1.1-0.4-1.9-1.2-2.5c-0.8-0.6-1.9-0.9-3.3-0.9c-1.5,0-3,0.1-4.4,0.4c-0.1-2.4-0.4-4.7-0.9-6.8 c-0.7-2.6-1.6-4.9-2.8-6.9c-1.2-2-2.7-3.5-4.4-4.7C26,0.5,24.1,0,22,0c-1.8,0-3.4,0.5-4.9,1.4s-2.6,2.2-3.5,3.8 c-0.9,1.6-1.3,3.4-1.3,5.4c0,2.2,0.4,4.3,1.2,6.3s1.9,3.8,3.3,5.5c1.4,1.7,3,3.2,4.7,4.5c0.3,0.2,0.6,0.4,0.9,0.6 c-0.9,0.8-1.6,1.7-2.4,2.6c-1.5,1.9-2.6,3.7-3.4,5.6H1.7c-0.5,0-0.9,0.2-1.2,0.5S0,36.8,0,37.2c0,0.5,0.2,0.9,0.5,1.2 s0.7,0.5,1.2,0.5h13.9c-0.1,0.7-0.2,1.3-0.2,1.9c0,1.7,0.5,3.1,1.5,4.2c1,1.1,2.5,1.7,4.5,1.7c2.2,0,4.2-0.6,6-1.9 c1.8-1.3,3.3-3.1,4.6-5.4c0.1-0.2,0.2-0.3,0.3-0.5h30.1c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2C63.9,36.8,63.7,36.4,63.4,36 z M20.1,21.3c-1.4-1.4-2.5-3.1-3.3-4.9c-0.9-1.8-1.3-3.8-1.3-5.9c0-1.4,0.3-2.6,0.9-3.7s1.3-2,2.3-2.6c1-0.6,2.1-1,3.3-1 c2.2,0,4.1,0.8,5.7,2.5s2.8,3.9,3.7,6.7c0.8,2.6,1.2,5.4,1.3,8.5c-0.1,0-0.3,0.1-0.4,0.1c-2.5,0.9-4.8,2.2-6.9,3.8 c-0.2,0.2-0.4,0.3-0.7,0.5c-0.1-0.1-0.2-0.2-0.3-0.2C22.9,24,21.5,22.8,20.1,21.3z M22.7,31.6c0.7-0.9,1.5-1.8,2.4-2.6 c0.6,0.4,1.3,0.7,1.9,1c0.2,0.1,0.5,0.2,0.8,0.2c0.4,0,0.8-0.1,1.1-0.4c0.3-0.3,0.4-0.6,0.4-1c0-0.3-0.1-0.5-0.2-0.8 c-0.1-0.2-0.4-0.4-0.6-0.6c-0.3-0.1-0.6-0.3-0.9-0.5c1.5-1.1,3.2-2,5-2.8c-0.1,2-0.4,4-0.7,5.8c-0.4,2-1,3.8-1.6,5.5H20.1 C20.7,34.2,21.6,32.9,22.7,31.6z M26.1,41.8c-1.3,1.2-2.8,1.7-4.3,1.7c-1,0-1.8-0.3-2.3-0.9c-0.5-0.6-0.7-1.4-0.7-2.4 c0-0.4,0-0.8,0.1-1.3h9.6C27.8,40.1,26.9,41,26.1,41.8z' }), jsxRuntime.jsx("path", { d: 'M0.7,29.8c0,0.4,0.1,0.7,0.4,1c0.3,0.3,0.6,0.4,1,0.4s0.7-0.1,1-0.4l2.7-2.7l2.7,2.7c0.3,0.3,0.6,0.4,1,0.4 c0.4,0,0.7-0.1,1-0.4c0.3-0.3,0.4-0.6,0.4-1s-0.1-0.7-0.4-1l-2.7-2.7l2.7-2.7c0.3-0.3,0.4-0.6,0.4-1s-0.1-0.7-0.4-1 c-0.3-0.3-0.6-0.4-1-0.4c-0.4,0-0.7,0.1-1,0.4l-2.7,2.7l-2.7-2.7c-0.3-0.3-0.6-0.4-1-0.4s-0.7,0.1-1,0.4c-0.3,0.3-0.4,0.6-0.4,1 s0.1,0.7,0.4,1l2.7,2.7l-2.7,2.7C0.8,29.1,0.7,29.4,0.7,29.8z' })] }));
-}
-
-function SolarPanel(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 58', ...props, children: jsxRuntime.jsx("path", { d: 'M5.5,58h39.7c2.8,0,4.7-1.6,5.4-4.2l13-46.9c1.1-4.2-1-6.9-5.2-6.9H18.7c-2.8,0-4.7,1.6-5.4,4.2L0.3,51 C-0.9,55.2,1.3,58,5.5,58z M5,51.5l5.7-20.5H29l-6.3,22.3H6.4C5.2,53.2,4.7,52.6,5,51.5z M12,26.2l5.5-19.7c0.3-1.2,1.1-1.8,2.3-1.8 h16.5l-6,21.5H12z M27.6,53.2l6.2-22.3h18.4l-5.7,20.5c-0.4,1.2-1.1,1.8-2.3,1.8H27.6z M35.1,26.2l6-21.5h16.4 c1.2,0,1.8,0.6,1.4,1.8l-5.5,19.7H35.1z' }) }));
-}
-
-function SquareAndArrowDown(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 52.6 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M9.3,64h34c6.2,0,9.3-3.1,9.3-9.2V25.2c0-6.1-3.1-9.2-9.3-9.2h-8.3v4.8h8.2c2.9,0,4.6,1.6,4.6,4.6v29.1 c0,3.1-1.7,4.6-4.6,4.6H9.4c-3,0-4.6-1.6-4.6-4.6V25.5c0-3.1,1.6-4.6,4.6-4.6h8.2V16H9.3C3.1,16,0,19.1,0,25.2v29.5 C0,60.9,3.1,64,9.3,64z' }), jsxRuntime.jsx("path", { d: 'M26.3,44.5c0.6,0,1.1-0.2,1.7-0.8L38,34c0.5-0.4,0.7-0.9,0.7-1.6c0-1.2-0.9-2.1-2.2-2.1c-0.6,0-1.2,0.2-1.6,0.7l-4.5,4.8 l-2,2.1l0.2-4.4V2.3c0-1.3-1.1-2.3-2.4-2.3c-1.3,0-2.4,1.1-2.4,2.3v31.2l0.2,4.4l-2-2.1l-4.5-4.8c-0.4-0.5-1.1-0.7-1.6-0.7 c-1.3,0-2.2,0.9-2.2,2.1c0,0.6,0.3,1.1,0.7,1.6l10,9.7C25.2,44.3,25.7,44.5,26.3,44.5z' })] }));
-}
-
-function SquareAndArrowDownFill(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 52.6 64', ...props, children: jsxRuntime.jsx("path", { d: 'M43.3,16.6H28.7V2.3c0-1.3-1.1-2.3-2.4-2.3c-1.3,0-2.4,1.1-2.4,2.3v14.3H9.3c-6.2,0-9.3,3.1-9.3,9.2v29 C0,60.9,3.1,64,9.3,64h34c6.2,0,9.3-3.1,9.3-9.2v-29C52.6,19.7,49.5,16.6,43.3,16.6z M38,34.4l-10,9.7c-0.6,0.6-1.1,0.8-1.7,0.8 c-0.6,0-1.1-0.2-1.7-0.8l-10-9.7c-0.4-0.4-0.7-0.9-0.7-1.6c0-1.2,0.9-2.1,2.2-2.1c0.6,0,1.2,0.2,1.6,0.7l5,5.4l1.5,1.6l-0.2-4.5 V18.7c0-1.3,1-2.2,2.4-2.2c1.4,0,2.4,0.9,2.4,2.2v15.2l-0.2,4.4l1.5-1.5l5-5.4c0.4-0.5,1-0.7,1.6-0.7c1.2,0,2.2,0.9,2.2,2.1 C38.8,33.5,38.5,34,38,34.4z' }) }));
-}
-
-function SquareAndArrowUp(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 50.3 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M8.9,64h32.5c3,0,5.2-0.7,6.7-2.2c1.5-1.5,2.2-3.7,2.2-6.6V26.9c0-2.9-0.7-5.1-2.2-6.6c-1.5-1.5-3.7-2.2-6.7-2.2h-7.9v4.6 h7.8c1.4,0,2.5,0.4,3.3,1.1c0.8,0.7,1.2,1.9,1.2,3.3V55c0,1.5-0.4,2.6-1.2,3.3c-0.8,0.7-1.9,1.1-3.3,1.1H9c-1.4,0-2.5-0.4-3.3-1.1 c-0.8-0.7-1.1-1.9-1.1-3.3V27.1c0-1.5,0.4-2.6,1.1-3.3c0.8-0.7,1.9-1.1,3.3-1.1h7.8v-4.6H8.9c-3,0-5.2,0.7-6.7,2.2 C0.7,21.8,0,24,0,26.9v28.3c0,2.9,0.7,5.1,2.2,6.6C3.7,63.3,5.9,64,8.9,64z' }), jsxRuntime.jsx("path", { d: 'M25.2,41.8c0.6,0,1.1-0.2,1.6-0.7c0.5-0.4,0.7-1,0.7-1.6V10.5l-0.2-4.3l1.9,2l4.3,4.6c0.4,0.4,0.9,0.7,1.5,0.7 c0.6,0,1.1-0.2,1.5-0.6c0.4-0.4,0.6-0.8,0.6-1.4c0-0.5-0.2-1-0.7-1.5l-9.6-9.3c-0.3-0.3-0.5-0.5-0.8-0.6C25.7,0.1,25.4,0,25.2,0 c-0.3,0-0.5,0.1-0.8,0.2c-0.3,0.1-0.5,0.3-0.8,0.6L13.9,10c-0.4,0.4-0.7,0.9-0.7,1.5c0,0.6,0.2,1,0.6,1.4c0.4,0.4,0.9,0.6,1.5,0.6 c0.6,0,1.2-0.2,1.6-0.7l4.3-4.6l1.9-2l-0.2,4.3v29.1c0,0.6,0.2,1.1,0.7,1.6C24,41.6,24.6,41.8,25.2,41.8z' })] }));
-}
-
-function SquareAndArrowUpFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 50.3 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M8.9,64h32.5c3,0,5.2-0.7,6.7-2.2c1.5-1.5,2.2-3.7,2.2-6.6V27.5c0-2.9-0.7-5.1-2.2-6.6c-1.5-1.5-3.7-2.2-6.7-2.2H28v21 c0,0.8-0.3,1.4-0.8,1.9c-0.6,0.5-1.2,0.8-2,0.8c-0.8,0-1.4-0.3-2-0.8c-0.6-0.5-0.8-1.2-0.8-1.9v-21H8.9c-3,0-5.2,0.7-6.7,2.2 C0.7,22.4,0,24.6,0,27.5v27.7c0,2.9,0.7,5.1,2.2,6.6C3.7,63.3,5.9,64,8.9,64z' }), jsxRuntime.jsx("path", { d: 'M25.2,20.9c0.6,0,1.1-0.2,1.6-0.7c0.5-0.4,0.7-1,0.7-1.6v-8.2l-0.2-4.3l1.9,2l4.3,4.6c0.4,0.4,0.9,0.7,1.5,0.7 c0.6,0,1.1-0.2,1.5-0.6c0.4-0.4,0.6-0.8,0.6-1.4c0-0.5-0.2-1-0.7-1.5l-9.6-9.3c-0.3-0.3-0.5-0.5-0.8-0.6C25.7,0.1,25.4,0,25.2,0 c-0.3,0-0.5,0.1-0.8,0.2c-0.3,0.1-0.5,0.3-0.8,0.6L13.9,10c-0.4,0.4-0.7,0.9-0.7,1.5c0,0.6,0.2,1,0.6,1.4c0.4,0.4,0.9,0.6,1.5,0.6 c0.6,0,1.2-0.2,1.6-0.7l4.3-4.6l1.9-2l-0.2,4.3v8.2c0,0.6,0.2,1.1,0.7,1.6C24,20.7,24.6,20.9,25.2,20.9z' })] }));
-}
-
-function SquareAndPencil(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 50.3 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M8.9,64h32.5c3,0,5.2-0.7,6.7-2.2c1.5-1.5,2.2-3.7,2.2-6.6V26.9c0-2.9-0.7-5.1-2.2-6.6c-1.5-1.5-3.7-2.2-6.7-2.2h-7.9v4.6 h7.8c1.4,0,2.5,0.4,3.3,1.1c0.8,0.7,1.2,1.9,1.2,3.3V55c0,1.5-0.4,2.6-1.2,3.3c-0.8,0.7-1.9,1.1-3.3,1.1H9c-1.4,0-2.5-0.4-3.3-1.1 c-0.8-0.7-1.1-1.9-1.1-3.3V27.1c0-1.5,0.4-2.6,1.1-3.3c0.8-0.7,1.9-1.1,3.3-1.1h7.8v-4.6H8.9c-3,0-5.2,0.7-6.7,2.2 C0.7,21.8,0,24,0,26.9v28.3c0,2.9,0.7,5.1,2.2,6.6C3.7,63.3,5.9,64,8.9,64z' }), jsxRuntime.jsx("path", { d: 'M25.2,41.8c0.6,0,1.1-0.2,1.6-0.7c0.5-0.4,0.7-1,0.7-1.6V10.5l-0.2-4.3l1.9,2l4.3,4.6c0.4,0.4,0.9,0.7,1.5,0.7 c0.6,0,1.1-0.2,1.5-0.6c0.4-0.4,0.6-0.8,0.6-1.4c0-0.5-0.2-1-0.7-1.5l-9.6-9.3c-0.3-0.3-0.5-0.5-0.8-0.6C25.7,0.1,25.4,0,25.2,0 c-0.3,0-0.5,0.1-0.8,0.2c-0.3,0.1-0.5,0.3-0.8,0.6L13.9,10c-0.4,0.4-0.7,0.9-0.7,1.5c0,0.6,0.2,1,0.6,1.4c0.4,0.4,0.9,0.6,1.5,0.6 c0.6,0,1.2-0.2,1.6-0.7l4.3-4.6l1.9-2l-0.2,4.3v29.1c0,0.6,0.2,1.1,0.7,1.6C24,41.6,24.6,41.8,25.2,41.8z' })] }));
-}
-
-function SquareAndPencilFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 50.3 64', ...props, children: [jsxRuntime.jsx("path", { d: 'M8.9,64h32.5c3,0,5.2-0.7,6.7-2.2c1.5-1.5,2.2-3.7,2.2-6.6V26.9c0-2.9-0.7-5.1-2.2-6.6c-1.5-1.5-3.7-2.2-6.7-2.2h-7.9v4.6 h7.8c1.4,0,2.5,0.4,3.3,1.1c0.8,0.7,1.2,1.9,1.2,3.3V55c0,1.5-0.4,2.6-1.2,3.3c-0.8,0.7-1.9,1.1-3.3,1.1H9c-1.4,0-2.5-0.4-3.3-1.1 c-0.8-0.7-1.1-1.9-1.1-3.3V27.1c0-1.5,0.4-2.6,1.1-3.3c0.8-0.7,1.9-1.1,3.3-1.1h7.8v-4.6H8.9c-3,0-5.2,0.7-6.7,2.2 C0.7,21.8,0,24,0,26.9v28.3c0,2.9,0.7,5.1,2.2,6.6C3.7,63.3,5.9,64,8.9,64z' }), jsxRuntime.jsx("path", { d: 'M25.2,41.8c0.6,0,1.1-0.2,1.6-0.7c0.5-0.4,0.7-1,0.7-1.6V10.5l-0.2-4.3l1.9,2l4.3,4.6c0.4,0.4,0.9,0.7,1.5,0.7 c0.6,0,1.1-0.2,1.5-0.6c0.4-0.4,0.6-0.8,0.6-1.4c0-0.5-0.2-1-0.7-1.5l-9.6-9.3c-0.3-0.3-0.5-0.5-0.8-0.6C25.7,0.1,25.4,0,25.2,0 c-0.3,0-0.5,0.1-0.8,0.2c-0.3,0.1-0.5,0.3-0.8,0.6L13.9,10c-0.4,0.4-0.7,0.9-0.7,1.5c0,0.6,0.2,1,0.6,1.4c0.4,0.4,0.9,0.6,1.5,0.6 c0.6,0,1.2-0.2,1.6-0.7l4.3-4.6l1.9-2l-0.2,4.3v29.1c0,0.6,0.2,1.1,0.7,1.6C24,41.6,24.6,41.8,25.2,41.8z' })] }));
-}
-
-function TextBubble(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 60.1', ...props, children: [jsxRuntime.jsx("path", { d: 'M62.5,6.1c-1-2-2.5-3.5-4.5-4.5c-2-1-4.4-1.6-7.3-1.6H13.3C10.4,0,8,0.5,6,1.6c-2,1-3.5,2.5-4.5,4.5c-1,2-1.5,4.4-1.5,7.2 v22.3c0,2.8,0.5,5.2,1.5,7.2S4,46.3,6,47.3c2,1,4.4,1.6,7.3,1.6h1.4v7.5c0,1.1,0.3,2,0.8,2.7c0.6,0.7,1.3,1,2.4,1 c0.7,0,1.4-0.2,2-0.6s1.3-1,2.2-1.7l10-8.9h18.6c2.9,0,5.3-0.5,7.3-1.6c2-1,3.5-2.5,4.5-4.5c1-2,1.5-4.4,1.5-7.2V13.3 C64,10.5,63.5,8.1,62.5,6.1z M59.3,35.5c0,2.8-0.7,5-2.1,6.4c-1.4,1.5-3.6,2.2-6.5,2.2H31.9c-0.8,0-1.4,0.1-1.9,0.3s-1,0.5-1.6,1.1 l-9.3,9.2v-8.4c0-0.8-0.2-1.4-0.5-1.7c-0.3-0.3-0.9-0.5-1.7-0.5h-3.6c-2.9,0-5.1-0.7-6.5-2.2c-1.4-1.5-2.1-3.6-2.1-6.4V13.3 c0-2.8,0.7-5,2.1-6.4s3.6-2.2,6.5-2.2h37.4c2.9,0,5.1,0.7,6.5,2.2s2.1,3.6,2.1,6.4V35.5z' }), jsxRuntime.jsx("path", { d: 'M17,16.4h29.6c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,16.3,16.6,16.4,17,16.4z' }), jsxRuntime.jsx("path", { d: 'M17,25.9h29.6c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,25.7,16.6,25.9,17,25.9z' }), jsxRuntime.jsx("path", { d: 'M17,35.3h19.2c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,35.2,16.6,35.3,17,35.3z' })] }));
-}
-
-function ThreePeople(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 184.1 87.8', ...props, children: [jsxRuntime.jsx("path", { d: 'M61.4,87.8h61.3c3.9,0,6.6-0.5,8.1-1.6s2.3-2.7,2.3-4.9c0-3.1-1-6.4-2.9-9.9s-4.6-6.7-8.2-9.8c-3.6-3-7.9-5.5-12.9-7.4 c-5.1-1.9-10.8-2.9-17.1-2.9c-6.3,0-12,1-17.1,2.9s-9.4,4.4-13,7.4s-6.3,6.3-8.2,9.8s-2.8,6.8-2.8,9.9c0,2.1,0.8,3.8,2.3,4.9 C54.9,87.2,57.6,87.8,61.4,87.8z' }), jsxRuntime.jsx("path", { d: 'M92.1,42.6c3.5,0,6.7-1,9.7-2.9s5.3-4.5,7.2-7.7c1.8-3.3,2.7-6.9,2.7-11c0-4-0.9-7.6-2.7-10.8s-4.2-5.7-7.2-7.5 S95.6,0,92.1,0s-6.7,0.9-9.7,2.8s-5.3,4.4-7.2,7.6c-1.8,3.2-2.7,6.8-2.7,10.7c0,4,0.9,7.7,2.7,10.9c1.8,3.2,4.2,5.8,7.2,7.7 C85.4,41.6,88.7,42.6,92.1,42.6z' }), jsxRuntime.jsx("path", { d: 'M8.6,87.8h37.1c-1.3-1.9-1.9-4.1-1.8-6.7s0.7-5.3,1.8-8.2s2.7-5.6,4.7-8.3s4.3-5.1,7-7.1c-2.7-1.8-5.9-3.3-9.4-4.5 s-7.6-1.8-12.1-1.8c-5.5,0-10.5,0.9-14.9,2.7c-4.4,1.8-8.2,4.2-11.3,7.1c-3.1,2.9-5.5,6.2-7.2,9.6S0,77.5,0,80.9 c0,2.2,0.7,3.9,2,5.1C3.3,87.2,5.6,87.8,8.6,87.8z' }), jsxRuntime.jsx("path", { d: 'M35.8,43.7c3.1,0,5.9-0.8,8.4-2.5s4.6-3.9,6.2-6.8s2.3-6,2.3-9.5s-0.8-6.6-2.3-9.4c-1.6-2.8-3.6-4.9-6.2-6.5 s-5.4-2.4-8.4-2.4S30,7.4,27.4,9s-4.7,3.8-6.3,6.6c-1.6,2.8-2.4,5.9-2.3,9.4c0,3.5,0.8,6.6,2.3,9.5s3.6,5.1,6.2,6.7 C30,42.9,32.8,43.7,35.8,43.7z' }), jsxRuntime.jsx("path", { d: 'M175.5,87.8c3.1,0,5.3-0.6,6.6-1.8c1.3-1.2,2-2.9,2-5.1c0-3.4-0.8-6.8-2.5-10.3c-1.6-3.5-4-6.7-7.2-9.6 c-3.1-2.9-6.9-5.3-11.3-7.1c-4.4-1.8-9.4-2.7-14.9-2.7c-4.6,0-8.6,0.6-12.1,1.8c-3.5,1.2-6.7,2.7-9.4,4.5c2.6,2.1,5,4.4,7,7.1 s3.6,5.5,4.7,8.3c1.1,2.9,1.7,5.6,1.8,8.2c0.1,2.6-0.5,4.8-1.8,6.7H175.5z' }), jsxRuntime.jsx("path", { d: 'M148.3,43.7c3,0,5.8-0.8,8.4-2.5s4.7-3.9,6.2-6.7c1.6-2.8,2.3-6,2.3-9.5s-0.8-6.6-2.4-9.4s-3.7-5-6.2-6.6s-5.4-2.4-8.4-2.4 s-5.8,0.8-8.4,2.4s-4.7,3.7-6.2,6.5c-1.6,2.8-2.3,5.9-2.3,9.4s0.8,6.7,2.3,9.5c1.6,2.8,3.6,5.1,6.2,6.8 C142.5,42.9,145.3,43.7,148.3,43.7z' })] }));
-}
-
-function ThreeRectanglesDesktop(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 117 99', ...props, children: [jsxRuntime.jsx("path", { d: 'M11.2,81.1C7.8,81.1 5,80.1 3,78.1C1,76.1 0,73.3 0,69.8L0,11.3C0,7.7 1,5 3,3C5,1 7.7,0 11.2,0L105.1,0C108.6,0 111.4,1 113.4,3C115.4,5 116.4,7.8 116.4,11.3L116.4,69.8C116.4,73.3 115.4,76.1 113.4,78.1C111.4,80.1 108.6,81.1 105.1,81.1L11.2,81.1ZM10,59.5L106.7,59.5C108.1,59.5 108.8,58.8 108.8,57.4L108.8,11.4C108.8,10.3 108.4,9.4 107.8,8.8C107.1,8.2 106.3,7.9 105.2,7.9L11.5,7.9C10.4,7.9 9.5,8.2 8.9,8.8C8.2,9.4 7.9,10.3 7.9,11.4L7.9,57.4C7.9,58.8 8.6,59.5 10,59.5ZM108.6,67.137L7.8,67.137L7.8,70.862C7.8,71.509 8.057,72.129 8.514,72.586C8.971,73.043 9.591,73.3 10.238,73.3L106.162,73.3C106.809,73.3 107.429,73.043 107.886,72.586C108.343,72.129 108.6,71.509 108.6,70.862L108.6,67.137Z' }), jsxRuntime.jsx("path", { d: 'M50.6,94.5L42.8,94.5L42.8,77.4L50.6,77.4L50.6,82.714L50.6,89.186L50.6,94.5Z' }), jsxRuntime.jsx("rect", { x: '65.9', y: '77.4', width: '7.8', height: '17.1' }), jsxRuntime.jsx("path", { d: 'M42.5,98.4C41.4,98.4 40.5,98 39.7,97.3C38.9,96.5 38.5,95.6 38.5,94.5C38.5,93.4 38.9,92.5 39.7,91.7C40.5,91 41.4,90.6 42.5,90.6L73.9,90.6C75,90.6 75.9,90.9 76.7,91.7C77.4,92.5 77.8,93.4 77.8,94.5C77.8,95.6 77.5,96.5 76.7,97.3C75.9,98 75,98.4 73.9,98.4L42.5,98.4Z' }), jsxRuntime.jsx("path", { d: 'M30.4,32.6C26.8,32.6 25,30.8 25.1,27.3L25.1,17.6C25.1,14.1 26.9,12.4 30.4,12.4L51.8,12.4C55.3,12.4 57.1,14.1 57.1,17.6L57.1,27.3C57.1,30.8 55.3,32.6 51.8,32.6L30.4,32.6ZM51.2,17.416L30.991,17.416C30.503,17.416 30.108,17.812 30.108,18.299L30.108,26.701C30.108,27.188 30.503,27.583 30.991,27.583L51.2,27.583C51.688,27.583 52.083,27.188 52.083,26.701L52.083,18.299C52.083,17.812 51.688,17.416 51.2,17.416Z' }), jsxRuntime.jsx("path", { d: 'M36.3,55C32.8,55 31,53.2 31,49.8L31,43.2C31,39.7 32.8,37.9 36.3,37.9L54.7,37.9C58.2,37.9 60,39.7 60,43.2L60,49.8C60,53.3 58.2,55 54.7,55L36.3,55ZM54.101,42.917L36.891,42.917C36.404,42.917 36.009,43.312 36.009,43.8L36.009,49.1C36.009,49.587 36.404,49.982 36.891,49.982L54.101,49.982C54.588,49.982 54.983,49.587 54.983,49.1L54.983,43.8C54.983,43.312 54.588,42.917 54.101,42.917Z' }), jsxRuntime.jsx("path", { d: 'M70.8,52.1C67.2,52.1 65.5,50.3 65.5,46.8L65.5,20.9C65.5,17.4 67.3,15.6 70.8,15.6L86,15.6C89.5,15.6 91.3,17.4 91.3,20.9L91.3,46.8C91.3,50.3 89.5,52.1 86,52.1L70.8,52.1ZM85.401,20.617L71.399,20.617C71.165,20.617 70.941,20.71 70.775,20.876C70.61,21.041 70.517,21.266 70.517,21.5L70.517,46.2C70.517,46.434 70.61,46.659 70.775,46.824C70.941,46.99 71.165,47.083 71.399,47.083L85.401,47.083C85.635,47.083 85.859,46.99 86.025,46.824C86.19,46.659 86.283,46.434 86.283,46.2L86.283,21.5C86.283,21.266 86.19,21.041 86.025,20.876C85.859,20.71 85.635,20.617 85.401,20.617Z' })] }));
-}
-
-function ThreeRectanglesDesktopFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 117 99', ...props, children: [jsxRuntime.jsx("path", { d: 'M11.2,81.1C7.8,81.1 5,80.1 3,78.1C1,76.1 0,73.3 0,69.8L0,11.3C0,7.7 1,5 3,3C5,1 7.7,0 11.2,0L105.1,0C108.6,0 111.4,1 113.4,3C115.4,5 116.4,7.8 116.4,11.3L116.4,69.8C116.4,73.3 115.4,76.1 113.4,78.1C111.4,80.1 108.6,81.1 105.1,81.1L11.2,81.1ZM10,59.5L106.7,59.5C108.1,59.5 108.8,58.8 108.8,57.4L108.8,11.4C108.8,10.3 108.4,9.4 107.8,8.8C107.1,8.2 106.3,7.9 105.2,7.9L11.5,7.9C10.4,7.9 9.5,8.2 8.9,8.8C8.2,9.4 7.9,10.3 7.9,11.4L7.9,57.4C7.9,58.8 8.6,59.5 10,59.5Z' }), jsxRuntime.jsx("rect", { x: '42.8', y: '80.4', width: '30.9', height: '12.3' }), jsxRuntime.jsx("path", { d: 'M42.5,98.4L73.9,98.4C75,98.4 75.9,98 76.7,97.3C77.5,96.5 77.8,95.6 77.8,94.5C77.8,93.4 77.4,92.5 76.7,91.7C75.9,90.9 75,90.6 73.9,90.6L42.5,90.6C41.4,90.6 40.5,91 39.7,91.7C38.9,92.5 38.5,93.4 38.5,94.5C38.5,95.6 38.9,96.5 39.7,97.3C40.5,98 41.4,98.4 42.5,98.4Z' }), jsxRuntime.jsx("path", { d: 'M30.4,32.6L51.8,32.6C55.3,32.6 57.1,30.8 57.1,27.3L57.1,17.6C57.1,14.1 55.3,12.4 51.8,12.4L30.4,12.4C26.9,12.4 25.1,14.1 25.1,17.6L25.1,27.3C25,30.8 26.8,32.6 30.4,32.6Z' }), jsxRuntime.jsx("path", { d: 'M36.3,55L54.7,55C58.2,55 60,53.3 60,49.8L60,43.2C60,39.7 58.2,37.9 54.7,37.9L36.3,37.9C32.8,37.9 31,39.7 31,43.2L31,49.8C31,53.2 32.8,55 36.3,55Z' }), jsxRuntime.jsx("path", { d: 'M70.8,52.1L86,52.1C89.5,52.1 91.3,50.3 91.3,46.8L91.3,20.9C91.3,17.4 89.5,15.6 86,15.6L70.8,15.6C67.3,15.6 65.5,17.4 65.5,20.9L65.5,46.8C65.5,50.3 67.2,52.1 70.8,52.1Z' })] }));
-}
-
-function Trash(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 60.1', ...props, children: [jsxRuntime.jsx("path", { d: 'M62.5,6.1c-1-2-2.5-3.5-4.5-4.5c-2-1-4.4-1.6-7.3-1.6H13.3C10.4,0,8,0.5,6,1.6c-2,1-3.5,2.5-4.5,4.5c-1,2-1.5,4.4-1.5,7.2 v22.3c0,2.8,0.5,5.2,1.5,7.2S4,46.3,6,47.3c2,1,4.4,1.6,7.3,1.6h1.4v7.5c0,1.1,0.3,2,0.8,2.7c0.6,0.7,1.3,1,2.4,1 c0.7,0,1.4-0.2,2-0.6s1.3-1,2.2-1.7l10-8.9h18.6c2.9,0,5.3-0.5,7.3-1.6c2-1,3.5-2.5,4.5-4.5c1-2,1.5-4.4,1.5-7.2V13.3 C64,10.5,63.5,8.1,62.5,6.1z M59.3,35.5c0,2.8-0.7,5-2.1,6.4c-1.4,1.5-3.6,2.2-6.5,2.2H31.9c-0.8,0-1.4,0.1-1.9,0.3s-1,0.5-1.6,1.1 l-9.3,9.2v-8.4c0-0.8-0.2-1.4-0.5-1.7c-0.3-0.3-0.9-0.5-1.7-0.5h-3.6c-2.9,0-5.1-0.7-6.5-2.2c-1.4-1.5-2.1-3.6-2.1-6.4V13.3 c0-2.8,0.7-5,2.1-6.4s3.6-2.2,6.5-2.2h37.4c2.9,0,5.1,0.7,6.5,2.2s2.1,3.6,2.1,6.4V35.5z' }), jsxRuntime.jsx("path", { d: 'M17,16.4h29.6c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,16.3,16.6,16.4,17,16.4z' }), jsxRuntime.jsx("path", { d: 'M17,25.9h29.6c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,25.7,16.6,25.9,17,25.9z' }), jsxRuntime.jsx("path", { d: 'M17,35.3h19.2c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,35.2,16.6,35.3,17,35.3z' })] }));
-}
-
-function TrashFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 60.1', ...props, children: [jsxRuntime.jsx("path", { d: 'M62.5,6.1c-1-2-2.5-3.5-4.5-4.5c-2-1-4.4-1.6-7.3-1.6H13.3C10.4,0,8,0.5,6,1.6c-2,1-3.5,2.5-4.5,4.5c-1,2-1.5,4.4-1.5,7.2 v22.3c0,2.8,0.5,5.2,1.5,7.2S4,46.3,6,47.3c2,1,4.4,1.6,7.3,1.6h1.4v7.5c0,1.1,0.3,2,0.8,2.7c0.6,0.7,1.3,1,2.4,1 c0.7,0,1.4-0.2,2-0.6s1.3-1,2.2-1.7l10-8.9h18.6c2.9,0,5.3-0.5,7.3-1.6c2-1,3.5-2.5,4.5-4.5c1-2,1.5-4.4,1.5-7.2V13.3 C64,10.5,63.5,8.1,62.5,6.1z M59.3,35.5c0,2.8-0.7,5-2.1,6.4c-1.4,1.5-3.6,2.2-6.5,2.2H31.9c-0.8,0-1.4,0.1-1.9,0.3s-1,0.5-1.6,1.1 l-9.3,9.2v-8.4c0-0.8-0.2-1.4-0.5-1.7c-0.3-0.3-0.9-0.5-1.7-0.5h-3.6c-2.9,0-5.1-0.7-6.5-2.2c-1.4-1.5-2.1-3.6-2.1-6.4V13.3 c0-2.8,0.7-5,2.1-6.4s3.6-2.2,6.5-2.2h37.4c2.9,0,5.1,0.7,6.5,2.2s2.1,3.6,2.1,6.4V35.5z' }), jsxRuntime.jsx("path", { d: 'M17,16.4h29.6c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,16.3,16.6,16.4,17,16.4z' }), jsxRuntime.jsx("path", { d: 'M17,25.9h29.6c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,25.7,16.6,25.9,17,25.9z' }), jsxRuntime.jsx("path", { d: 'M17,35.3h19.2c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,35.2,16.6,35.3,17,35.3z' })] }));
-}
-
-function Tree(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 60.1', ...props, children: [jsxRuntime.jsx("path", { d: 'M62.5,6.1c-1-2-2.5-3.5-4.5-4.5c-2-1-4.4-1.6-7.3-1.6H13.3C10.4,0,8,0.5,6,1.6c-2,1-3.5,2.5-4.5,4.5c-1,2-1.5,4.4-1.5,7.2 v22.3c0,2.8,0.5,5.2,1.5,7.2S4,46.3,6,47.3c2,1,4.4,1.6,7.3,1.6h1.4v7.5c0,1.1,0.3,2,0.8,2.7c0.6,0.7,1.3,1,2.4,1 c0.7,0,1.4-0.2,2-0.6s1.3-1,2.2-1.7l10-8.9h18.6c2.9,0,5.3-0.5,7.3-1.6c2-1,3.5-2.5,4.5-4.5c1-2,1.5-4.4,1.5-7.2V13.3 C64,10.5,63.5,8.1,62.5,6.1z M59.3,35.5c0,2.8-0.7,5-2.1,6.4c-1.4,1.5-3.6,2.2-6.5,2.2H31.9c-0.8,0-1.4,0.1-1.9,0.3s-1,0.5-1.6,1.1 l-9.3,9.2v-8.4c0-0.8-0.2-1.4-0.5-1.7c-0.3-0.3-0.9-0.5-1.7-0.5h-3.6c-2.9,0-5.1-0.7-6.5-2.2c-1.4-1.5-2.1-3.6-2.1-6.4V13.3 c0-2.8,0.7-5,2.1-6.4s3.6-2.2,6.5-2.2h37.4c2.9,0,5.1,0.7,6.5,2.2s2.1,3.6,2.1,6.4V35.5z' }), jsxRuntime.jsx("path", { d: 'M17,16.4h29.6c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,16.3,16.6,16.4,17,16.4z' }), jsxRuntime.jsx("path", { d: 'M17,25.9h29.6c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,25.7,16.6,25.9,17,25.9z' }), jsxRuntime.jsx("path", { d: 'M17,35.3h19.2c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,35.2,16.6,35.3,17,35.3z' })] }));
-}
-
-function UmbrellaFill(props) {
-    return (jsxRuntime.jsxs("svg", { viewBox: '0 0 64 60.1', ...props, children: [jsxRuntime.jsx("path", { d: 'M62.5,6.1c-1-2-2.5-3.5-4.5-4.5c-2-1-4.4-1.6-7.3-1.6H13.3C10.4,0,8,0.5,6,1.6c-2,1-3.5,2.5-4.5,4.5c-1,2-1.5,4.4-1.5,7.2 v22.3c0,2.8,0.5,5.2,1.5,7.2S4,46.3,6,47.3c2,1,4.4,1.6,7.3,1.6h1.4v7.5c0,1.1,0.3,2,0.8,2.7c0.6,0.7,1.3,1,2.4,1 c0.7,0,1.4-0.2,2-0.6s1.3-1,2.2-1.7l10-8.9h18.6c2.9,0,5.3-0.5,7.3-1.6c2-1,3.5-2.5,4.5-4.5c1-2,1.5-4.4,1.5-7.2V13.3 C64,10.5,63.5,8.1,62.5,6.1z M59.3,35.5c0,2.8-0.7,5-2.1,6.4c-1.4,1.5-3.6,2.2-6.5,2.2H31.9c-0.8,0-1.4,0.1-1.9,0.3s-1,0.5-1.6,1.1 l-9.3,9.2v-8.4c0-0.8-0.2-1.4-0.5-1.7c-0.3-0.3-0.9-0.5-1.7-0.5h-3.6c-2.9,0-5.1-0.7-6.5-2.2c-1.4-1.5-2.1-3.6-2.1-6.4V13.3 c0-2.8,0.7-5,2.1-6.4s3.6-2.2,6.5-2.2h37.4c2.9,0,5.1,0.7,6.5,2.2s2.1,3.6,2.1,6.4V35.5z' }), jsxRuntime.jsx("path", { d: 'M17,16.4h29.6c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,16.3,16.6,16.4,17,16.4z' }), jsxRuntime.jsx("path", { d: 'M17,25.9h29.6c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,25.7,16.6,25.9,17,25.9z' }), jsxRuntime.jsx("path", { d: 'M17,35.3h19.2c0.5,0,0.9-0.2,1.2-0.5c0.3-0.3,0.5-0.7,0.5-1.2c0-0.5-0.2-0.9-0.5-1.2c-0.3-0.3-0.7-0.5-1.2-0.5H17 c-0.5,0-0.9,0.2-1.2,0.5c-0.3,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,0.9,0.5,1.2C16.2,35.2,16.6,35.3,17,35.3z' })] }));
-}
-
-function xmark(props) {
-    return (jsxRuntime.jsx("svg", { viewBox: '0 0 64 64', ...props, children: jsxRuntime.jsx("path", { d: 'M1,63c0.7,0.7,1.6,1,2.6,1s1.9-0.3,2.6-1L32,37.1L57.8,63c0.7,0.7,1.5,1,2.5,1c1,0,1.9-0.3,2.6-1c0.7-0.7,1-1.6,1-2.6 c0-1-0.3-1.8-1-2.5L37.1,32L63,6.2c0.7-0.7,1-1.6,1-2.6S63.7,1.7,63,1c-0.7-0.7-1.6-1-2.6-1c-1,0-1.8,0.3-2.5,1L32,26.9L6.2,1 C5.5,0.3,4.6,0,3.6,0C2.6,0,1.7,0.3,1,1C0.3,1.7,0,2.6,0,3.6c0,1,0.3,1.9,1,2.6L26.9,32L1,57.8c-0.7,0.7-1,1.5-1,2.6 C0,61.4,0.3,62.3,1,63z' }) }));
-}
-
 function ModalTrigger({ as, ...props }) {
-    const Element = as || react$1.Button;
+    const Element = as || react.Button;
     return jsxRuntime.jsx(Element, { ...props });
 }
 function ModalDialog(props) {
     return jsxRuntime.jsx("div", { ...props });
 }
 function Modal({ children, className, onClose, onOpen, place = 'bottom' }) {
-    const [bodyElement, setBodyElement] = react.useState(null);
-    react.useEffect(() => {
+    const [bodyElement, setBodyElement] = React.useState(null);
+    React.useEffect(() => {
         if (!bodyElement && typeof window !== 'undefined')
             setBodyElement(document.body);
     }, [bodyElement]);
-    const [isOpen, setIsOpen] = react.useState(false);
-    const dialogPanelRef = react.useRef(null), dragMoveBoxRef = react.useRef(null), 
+    const [isOpen, setIsOpen] = React.useState(false);
+    const dialogPanelRef = React.useRef(null), dragMoveBoxRef = React.useRef(null), 
     // lastTouchYRef = useRef(0),
-    startDragCoords = react.useRef({ x: 0, y: 0 });
-    const [allowDragClose, setAllowDragClose] = react.useState(false), [readyToClose, setReadyToClose] = react.useState(false);
+    startDragCoords = React.useRef({ x: 0, y: 0 });
+    const [allowDragClose, setAllowDragClose] = React.useState(false), [readyToClose, setReadyToClose] = React.useState(false);
     const openModal = () => {
-        console.log('open');
+        if (isOpen)
+            return;
         setIsOpen(true);
         onOpen?.();
     };
     const closeModal = () => {
-        console.log('close');
+        if (!isOpen)
+            return;
         setIsOpen(false);
         onClose?.();
     };
@@ -1664,28 +3551,28 @@ function Modal({ children, className, onClose, onOpen, place = 'bottom' }) {
     }
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [allowDragClose &&
                 bodyElement &&
-                reactDom.createPortal(jsxRuntime.jsx("div", { ref: dragMoveBoxRef, className: 'z-99 pointer-coarse:hidden fixed inset-0 h-dvh w-screen bg-transparent active:cursor-grabbing', onMouseMove: handleMouseMove, onMouseUp: disableMouseDragClose }), bodyElement), triggerElement &&
-                react.cloneElement(triggerElement, { onClick: openModal }), jsxRuntime.jsxs(react$1.Dialog, { open: isOpen, onClose: closeModal, className: [
+                ReactDOM.createPortal(jsxRuntime.jsx("div", { ref: dragMoveBoxRef, className: 'fixed inset-0 z-99 h-dvh w-screen bg-transparent active:cursor-grabbing pointer-coarse:hidden', onMouseMove: handleMouseMove, onMouseUp: disableMouseDragClose }), bodyElement), triggerElement &&
+                React.cloneElement(triggerElement, { onClick: openModal }), jsxRuntime.jsxs(react.Dialog, { open: isOpen, onClose: closeModal, className: [
                     'isolate z-50',
                     place === 'bottom' &&
                         'after:fixed after:inset-x-0 after:bottom-0 after:-z-10 after:h-16 after:bg-neutral-50 sm:after:hidden',
-                ].join(' '), children: [jsxRuntime.jsx(react$1.DialogBackdrop, { transition: true, className: [
-                            'duration-750 ease-exponential data-closed:opacity-0 fixed inset-0 cursor-pointer transition-[opacity_background-color_backdrop-filter_-webkit-backdrop-filter] delay-100',
+                ].join(' '), children: [jsxRuntime.jsx(react.DialogBackdrop, { transition: true, className: [
+                            'fixed inset-0 cursor-pointer transition-[opacity_background-color_backdrop-filter_-webkit-backdrop-filter] delay-100 duration-750 ease-exponential data-closed:opacity-0',
                             readyToClose
                                 ? 'bg-neutral-50/5 backdrop-blur-[1px] dark:bg-neutral-950/5'
                                 : 'bg-neutral-50/25 backdrop-blur-sm dark:bg-neutral-950/25',
-                        ].join(' '), children: jsxRuntime.jsx(Button, { theme: 'blue', padding: 'none', rounded: 'full', className: 'group/button pointer-fine:hover:w-20 fixed right-4 top-4 h-7 w-7 overflow-x-hidden transition-[scale_width_filter]', children: jsxRuntime.jsxs("div", { className: 'pointer-fine:group-hover/button:-translate-x-0.5 ease-exponential absolute right-1 top-1 flex items-center gap-1 pt-px transition-transform duration-300', children: [jsxRuntime.jsxs("span", { className: 'block text-xs font-medium uppercase leading-none text-neutral-50', children: ["Close", jsxRuntime.jsx("span", { className: 'sr-only', children: " Modal" })] }), jsxRuntime.jsx(xmark, { className: '-top-px block size-5 rotate-90 scale-75 fill-white stroke-white stroke-1 transition-transform duration-300 ease-in-out group-hover/button:rotate-0' })] }) }) }), jsxRuntime.jsxs(react$1.DialogPanel, { ref: dialogPanelRef, transition: true, className: twMerge('duration-750 ease-exponential data-closed:opacity-0 data-closed:scale-50 fixed left-1/2 -translate-x-1/2 overflow-y-scroll bg-neutral-50 p-4 shadow-[0_-15px_50px_-12px] shadow-neutral-950/25 transition-[transform_translate_opacity] sm:w-[calc(100vw-2rem)] sm:max-w-fit sm:p-6 sm:shadow-2xl lg:p-8 dark:bg-neutral-900', place === 'center'
-                            ? 'data-enter:translate-y-[calc(-50%+12rem)] data-leave:translate-y-[calc(-50%-8rem)] top-1/2 -translate-y-1/2 rounded-2xl'
-                            : 'rounded-t-4xl pointer-fine:top-1/2 pointer-fine:bottom-auto pointer-fine:-translate-y-1/2 pointer-fine:rounded-2xl data-enter:translate-y-full sm:data-enter:translate-y-[calc(-50%+12rem)] data-leave:translate-y-full sm:data-leave:translate-y-[calc(-50%-8rem)] sm:data-open:-translate-y-1/2 bottom-0 h-fit max-h-[calc(100dvh-4rem)] translate-y-0 sm:bottom-auto sm:top-1/2 sm:rounded-b-2xl sm:rounded-t-2xl', className), children: [jsxRuntime.jsx("button", { onTouchStart: enableTouchClose, onMouseDown: enableMouseClose, className: [
-                                    'after:ease-exponential absolute inset-x-0 top-0 z-10 flex h-6 cursor-grab items-center justify-center after:h-1 after:w-8 after:rounded-full after:transition-[transform_background-color] after:duration-500 active:cursor-grabbing',
+                        ].join(' '), children: jsxRuntime.jsx(Button, { theme: 'blue', padding: 'none', rounded: 'full', className: 'group/button fixed top-4 right-4 h-7 w-7 overflow-x-hidden transition-[scale_width_filter] pointer-fine:hover:w-20', children: jsxRuntime.jsxs("div", { className: 'absolute top-1 right-1 flex items-center gap-1 pt-px transition-transform duration-300 ease-exponential pointer-fine:group-hover/button:-translate-x-0.5', children: [jsxRuntime.jsxs("span", { className: 'block text-xs leading-none font-medium text-neutral-50 uppercase', children: ["Close", jsxRuntime.jsx("span", { className: 'sr-only', children: " Modal" })] }), jsxRuntime.jsx(xmark, { className: '-top-px block size-5 scale-75 rotate-90 fill-white stroke-white stroke-1 transition-transform duration-300 ease-in-out group-hover/button:rotate-0' })] }) }) }), jsxRuntime.jsxs(react.DialogPanel, { ref: dialogPanelRef, transition: true, className: twMerge('fixed left-1/2 -translate-x-1/2 overflow-y-scroll bg-neutral-50 p-4 shadow-[0_-15px_50px_-12px] shadow-neutral-950/25 transition-[transform_translate_opacity] duration-750 ease-exponential data-closed:scale-50 data-closed:opacity-0 sm:w-[calc(100vw-2rem)] sm:max-w-fit sm:p-6 sm:shadow-2xl lg:p-8 dark:bg-neutral-900', place === 'center'
+                            ? 'top-1/2 -translate-y-1/2 rounded-2xl data-enter:translate-y-[calc(-50%+12rem)] data-leave:translate-y-[calc(-50%-8rem)]'
+                            : 'bottom-0 h-fit max-h-[calc(100dvh-4rem)] translate-y-0 rounded-t-4xl data-enter:translate-y-full data-leave:translate-y-full sm:top-1/2 sm:bottom-auto sm:rounded-t-2xl sm:rounded-b-2xl sm:data-enter:translate-y-[calc(-50%+12rem)] sm:data-leave:translate-y-[calc(-50%-8rem)] sm:data-open:-translate-y-1/2 pointer-fine:top-1/2 pointer-fine:bottom-auto pointer-fine:-translate-y-1/2 pointer-fine:rounded-2xl', className), children: [jsxRuntime.jsx("button", { onTouchStart: enableTouchClose, onMouseDown: enableMouseClose, className: [
+                                    'absolute inset-x-0 top-0 z-10 flex h-6 cursor-grab items-center justify-center after:h-1 after:w-8 after:rounded-full after:transition-[transform_background-color] after:duration-500 after:ease-exponential active:cursor-grabbing',
                                     readyToClose
                                         ? 'after:scale-x-200 after:scale-y-200 after:bg-ui-blue'
-                                        : 'after:bg-ui-grey/50 active:after:bg-ui-grey pointer-fine:hover:after:scale-x-125 pointer-fine:hover:after:bg-neutral-500/75 pointer-fine:active:after:scale-x-150 pointer-fine:active:after:bg-ui-grey active:after:scale-x-150 active:after:scale-y-125',
+                                        : 'after:bg-ui-grey/50 active:after:scale-x-150 active:after:scale-y-125 active:after:bg-ui-grey pointer-fine:hover:after:scale-x-125 pointer-fine:hover:after:bg-neutral-500/75 pointer-fine:active:after:scale-x-150 pointer-fine:active:after:bg-ui-grey',
                                 ].join(' '), children: jsxRuntime.jsx("span", { className: 'sr-only', children: "Drag down to close" }) }), dialogElement] })] })] }));
 }
 
 function Time({ children, dateObject, dateTime, day, hours, milliseconds, minutes, month, seconds, year, ref, ...props }) {
-    const [date, setDate] = react.useState(dateObject || undefined);
+    const [date, setDate] = React.useState(dateObject || undefined);
     const getDateAndTime = () => {
         if (dateTime)
             return dateTime;
@@ -1724,7 +3611,7 @@ function Time({ children, dateObject, dateTime, day, hours, milliseconds, minute
             .join(' ');
     };
     const dateDisplay = getDateDisplay();
-    react.useEffect(() => {
+    React.useEffect(() => {
         if (date === undefined &&
             dateObject === undefined &&
             dateTime === undefined &&
@@ -1735,125 +3622,30 @@ function Time({ children, dateObject, dateTime, day, hours, milliseconds, minute
     return (jsxRuntime.jsx("time", { dateTime: dateAndTime, ref: ref, ...props, children: dateDisplay }));
 }
 
-exports.Airplane = Airplane;
 exports.Anchor = Anchor;
-exports.ArrowTriangle2CirclepathCircle = ArrowTriangle2CirclepathCircle;
-exports.ArrowTriangle2CirclepathCircleFill = ArrowTriangle2CirclepathCircleFill;
-exports.BagFill = BagFill;
-exports.Banknote = Banknote;
-exports.BellFill = BellFill;
-exports.BoltCar = BoltCar;
-exports.BoltFill = BoltFill;
-exports.BoltRingClosed = BoltRingClosed;
-exports.BoltTrianglebadgeExclamationmark = BoltTrianglebadgeExclamationmark;
-exports.BookFill = BookFill;
-exports.BookmarkFill = BookmarkFill;
-exports.BriefcaseFill = BriefcaseFill;
-exports.BubbleLeftFill = BubbleLeftFill;
-exports.Building2Fill = Building2Fill;
 exports.Button = Button;
-exports.Calendar = Calendar;
-exports.CameraFill = CameraFill;
-exports.CarFill = CarFill;
-exports.CartFill = CartFill;
-exports.ChartBarDocHorizontal = ChartBarDocHorizontal;
-exports.Checkmark = Checkmark;
-exports.CheckmarkSeal = CheckmarkSeal;
-exports.ChevronCompactDown = ChevronCompactDown;
-exports.ChevronDown = ChevronDown;
-exports.ChevronLeft = ChevronLeft;
-exports.ChevronLeftForwardslashChevronRight = ChevronLeftForwardslashChevronRight;
-exports.ChevronRight = ChevronRight;
-exports.ChevronUpChevronDown = ChevronUpChevronDown;
-exports.CircleFill = CircleFill;
-exports.ClockBadgeCheckmark = ClockBadgeCheckmark;
-exports.ClockFill = ClockFill;
-exports.CloudFill = CloudFill;
-exports.CubeFill = CubeFill;
-exports.CurvePointLeft = CurvePointLeft;
-exports.DialHigh = DialHigh;
-exports.DocFill = DocFill;
-exports.DocOnClipboard = DocOnClipboard;
-exports.DocOnDoc = DocOnDoc;
-exports.DocOnDocFill = DocOnDocFill;
-exports.DocTextMagnifyingglass = DocOnMagnifyingglass;
-exports.DollarSign = DollarSign;
-exports.EllipsisCircle = EllipsisCircle;
-exports.EllipsisCircleFill = EllipsisCircleFill;
-exports.Envelope = Envelope;
-exports.EnvelopeFill = EnvelopeFill;
-exports.ExclamationmarkOctagon = ExclamationmarkOctagon;
-exports.Eye = Eye;
-exports.FigureWaterFitness = FigureWaterFitness;
-exports.FlagFill = FlagFill;
-exports.FlameFill = FlameFill;
-exports.Folder = Folder;
-exports.FolderFill = FolderFill;
+exports.Details = Details;
+exports.DetailsBody = DetailsBody;
+exports.DetailsSummary = DetailsSummary;
+exports.DropDown = DropDown;
+exports.DropDownButton = DropDownButton;
+exports.DropDownItem = DropDownItem;
+exports.DropDownItems = DropDownItems;
+exports.DropDownSection = DropDownSection;
+exports.DropDownSeparator = DropDownSeparator;
+exports.Fieldset = Fieldset;
 exports.Form = Form;
-exports.FormContextProvider = FormContextProvider;
-exports.FormStatusProvider = FormStatusProvider;
-exports.Gearshape = Gearshape;
-exports.GearshapeFill = GearshapeFill;
 exports.Ghost = Ghost;
-exports.GiftFill = GiftFill;
-exports.GlobeAmericasFill = GlobeAmericasFill;
-exports.HareFill = HareFill;
 exports.Heading = Heading;
-exports.House = House;
-exports.HouseDeskclock = HouseDeskclock;
-exports.HouseFill = HouseFill;
-exports.IPhoneHouse = IPhoneHouse;
 exports.Input = Input;
-exports.LightRibbon = LightRibbon;
-exports.LightbulbFill = LightbulbFill;
-exports.LightbulbLed = LightbulbLed;
 exports.Link = Link;
-exports.ListBulletClipboardFill = ListBulletClipboardFill;
-exports.Magnifyingglass = Magnifyingglass;
-exports.MapPinEllipse = MapPinEllipse;
-exports.MinusPlusBatteryblock = MinusPlusBatteryblock;
 exports.Modal = Modal;
 exports.ModalDialog = ModalDialog;
 exports.ModalTrigger = ModalTrigger;
-exports.Network = Network;
-exports.NetworkShield = NetworkShield;
-exports.NewspaperFill = NewspaperFill;
-exports.Number = Number$1;
-exports.PaperplaneFill = PaperplaneFill;
-exports.Person = Person;
-exports.PersonCropSquare = PersonCropSquare;
-exports.PersonFill = PersonFill;
-exports.PersonFillQuestionmark = PersonFillQuestionmark;
-exports.Phone = Phone;
-exports.PhoneArrowUpRight = PhoneArrowUpRight;
-exports.PhoneFill = PhoneFill;
-exports.PlayRectangleFill = PlayRectangleFill;
-exports.Plus = Plus;
-exports.Qrcode = Qrcode;
-exports.RectanglePortraitAndArrowLeft = RectanglePortraitAndArrowLeft;
-exports.RectanglePortraitAndArrowLeftFill = RectanglePortraitAndArrowLeftFill;
-exports.Sensor = Sensor;
-exports.Signature = Signature;
-exports.SolarPanel = SolarPanel;
-exports.SquareAndArrowDown = SquareAndArrowDown;
-exports.SquareAndArrowDownFill = SquareAndArrowDownFill;
-exports.SquareAndArrowUp = SquareAndArrowUp;
-exports.SquareAndArrowUpFill = SquareAndArrowUpFill;
-exports.SquareAndPencil = SquareAndPencil;
-exports.SquareAndPencilFill = SquareAndPencilFill;
 exports.SubmitButton = SubmitButton;
-exports.TextBubble = TextBubble;
 exports.Textarea = Textarea;
-exports.ThreePeople = ThreePeople;
-exports.ThreeRectanglesDesktop = ThreeRectanglesDesktop;
-exports.ThreeRectanglesDesktopFill = ThreeRectanglesDesktopFill;
 exports.Time = Time;
-exports.Trash = Trash;
-exports.TrashFill = TrashFill;
-exports.Tree = Tree;
-exports.UmbrellaFill = UmbrellaFill;
-exports.Xmark = xmark;
-exports.defineField = defineField;
-exports.useFormContext = useFormContext;
-exports.useFormStatus = useFormStatus;
+exports.Tooltip = Tooltip;
+exports.TooltipPanel = TooltipPanel;
+exports.TooltipTrigger = TooltipTrigger;
 //# sourceMappingURL=index.js.map