@ama-pt/agora-design-system
Version:
Ágora Design system
1,154 lines • 926 kB
JavaScript
import e, { lazy as w, memo as cn, Suspense as ca, Children as Q, isValidElement as z, useRef as X, useState as V, useEffect as _, useImperativeHandle as Le, useId as ie, useMemo as de, createRef as Qe, useCallback as Ae, cloneElement as De, createContext as Xe, useContext as ye, useLayoutEffect as ra, Fragment as oa } from "react";
import { createPortal as Aa } from "react-dom";
const Bt = {
content: [],
theme: {
extend: {
borderWidth: {
DEFAULT: "1px",
0: "0",
1: "1px",
2: "2px",
3: "3px",
4: "4px"
},
content: {
empty: "''"
},
gridTemplateRows: {
7: "repeat(7, minmax(0, 1fr))",
8: "repeat(8, minmax(0, 1fr))",
9: "repeat(9, minmax(0, 1fr))",
10: "repeat(10, minmax(0, 1fr))"
},
gridTemplateColumns: {
"1-auto": "auto",
"2-auto": "auto auto",
"3-auto": "auto auto auto",
"4-auto": "auto auto auto auto",
"5-auto": "auto auto auto auto auto",
"6-auto": "auto auto auto auto auto auto",
"7-auto": "auto auto auto auto auto auto auto",
"8-auto": "auto auto auto auto auto auto auto auto",
"9-auto": "auto auto auto auto auto auto auto auto auto",
"10-auto": "auto auto auto auto auto auto auto auto auto auto",
"11-auto": "auto auto auto auto auto auto auto auto auto auto auto",
"12-auto": "auto auto auto auto auto auto auto auto auto auto auto auto"
},
opacity: {
16: "0.16",
32: "0.32"
},
minWidth: {
initial: "initial"
},
maxWidth: {
initial: "initial"
},
minHeight: {
initial: "initial"
},
maxHeight: {
initial: "initial"
},
zIndex: {
dropdown: "1000",
backdrop: "2000",
sticky: "3000",
fixed: "4000",
drawer: "5000",
dialog: "6000",
toast: "7000",
tooltip: "8000"
}
},
screens: {
xs: "360px",
md: "768px",
xl: "1280px"
},
fontFamily: {
sans: ["Noto Sans", "sans-serif"]
},
fontSize: {
base: "16px",
// Typography / S
"s-regular": ["0.875rem", { lineHeight: "1.5rem", letterSpacing: "0", fontWeight: "400" }],
"s-medium": ["0.875rem", { lineHeight: "1.5rem", letterSpacing: "0", fontWeight: "500" }],
"s-semibold": ["0.875rem", { lineHeight: "1.5rem", letterSpacing: "0", fontWeight: "600" }],
"s-bold": ["0.875rem", { lineHeight: "1.5rem", letterSpacing: "0", fontWeight: "700" }],
// Typography / M
"m-light": ["1rem", { lineHeight: "1.75rem", letterSpacing: "0", fontWeight: "300" }],
"m-regular": ["1rem", { lineHeight: "1.75rem", letterSpacing: "0", fontWeight: "400" }],
"m-medium": ["1rem", { lineHeight: "1.75rem", letterSpacing: "0", fontWeight: "500" }],
"m-semibold": ["1rem", { lineHeight: "1.75rem", letterSpacing: "0", fontWeight: "600" }],
"m-bold": ["1rem", { lineHeight: "1.75rem", letterSpacing: "0", fontWeight: "700" }],
// Typography / L
"l-light": ["1.25rem", { lineHeight: "2rem", letterSpacing: "0", fontWeight: "300" }],
"l-regular": ["1.25rem", { lineHeight: "2rem", letterSpacing: "0", fontWeight: "400" }],
"l-medium": ["1.25rem", { lineHeight: "2rem", letterSpacing: "0", fontWeight: "500" }],
"l-semibold": ["1.25rem", { lineHeight: "2rem", letterSpacing: "0", fontWeight: "600" }],
"l-bold": ["1.25rem", { lineHeight: "2rem", letterSpacing: "0", fontWeight: "700" }],
// Typography / XL
"xl-light": ["1.5rem", { lineHeight: "2.25rem", letterSpacing: "0", fontWeight: "300" }],
"xl-regular": ["1.5rem", { lineHeight: "2.25rem", letterSpacing: "0", fontWeight: "400" }],
"xl-medium": ["1.5rem", { lineHeight: "2.25rem", letterSpacing: "0", fontWeight: "500" }],
"xl-semibold": ["1.5rem", { lineHeight: "2.25rem", letterSpacing: "0", fontWeight: "600" }],
"xl-bold": ["1.5rem", { lineHeight: "2.25rem", letterSpacing: "0", fontWeight: "700" }],
// Typography / 2XL
"2xl-light": ["2rem", { lineHeight: "3rem", letterSpacing: "0", fontWeight: "300" }],
"2xl-regular": ["2rem", { lineHeight: "3rem", letterSpacing: "0", fontWeight: "400" }],
"2xl-medium": ["2rem", { lineHeight: "3rem", letterSpacing: "0", fontWeight: "500" }],
"2xl-semibold": ["2rem", { lineHeight: "3rem", letterSpacing: "0", fontWeight: "600" }],
"2xl-bold": ["2rem", { lineHeight: "3rem", letterSpacing: "0", fontWeight: "700" }],
// Typography / 3XL
"3xl-light": ["2.5rem", { lineHeight: "3.75rem", letterSpacing: "0", fontWeight: "300" }],
"3xl-regular": ["2.5rem", { lineHeight: "3.75rem", letterSpacing: "0", fontWeight: "400" }],
"3xl-medium": ["2.5rem", { lineHeight: "3.75rem", letterSpacing: "0", fontWeight: "500" }],
"3xl-semibold": ["2.5rem", { lineHeight: "3.75rem", letterSpacing: "0", fontWeight: "600" }],
"3xl-bold": ["2.5rem", { lineHeight: "3.75rem", letterSpacing: "0", fontWeight: "700" }]
},
borderRadius: {
none: "0px",
4: "4px",
8: "8px",
16: "16px",
24: "24px",
32: "32px",
full: "100%"
},
colors: {
transparent: "transparent",
white: "#FFFFFF",
black: "#000000",
focus: "#F408FC",
backdrop: "rgba(43, 54, 60, 0.96)",
mask: {
image: "rgba(43, 54, 60, 0.8)",
"neutral-900": "#2B363CCC",
"primary-900": "#021C51CC",
"secondary-900": "#0D4C75CC"
},
neutral: {
50: "#F7F8FA",
100: "#F1F3F8",
200: "#E1E4EA",
300: "#CDD2DC",
400: "#BAC0CC",
500: "#9CA6B8",
600: "#8893AA",
700: "#64718B",
800: "#475164",
900: "#2B363C"
},
primary: {
50: "#FAFCFF",
100: "#F2F6FF",
200: "#E5EEFF",
300: "#BBD1FD",
400: "#5F93FC",
500: "#1A65FA",
600: "#034AD8",
700: "#0338A2",
800: "#002B82",
900: "#021C51"
},
secondary: {
50: "#F5FBFF",
100: "#EBF6FF",
200: "#E3F4FF",
300: "#CCEAFF",
400: "#A0D8FE",
500: "#1CA3FC",
600: "#1993E3",
700: "#1682CA",
800: "#12669E",
900: "#0D4C75"
},
informative: {
50: "#E5F6FF",
100: "#E5F6FF",
200: "#A5DEFF",
300: "#77CEFF",
400: "#49BCFF",
500: "#0079BF",
600: "#00598C",
700: "#0B486B",
800: "#083752",
900: "#00121C"
},
success: {
50: "#E5FFF6",
100: "#C2F2E2",
200: "#7ACCB1",
300: "#36B289",
400: "#1F9970",
500: "#008558",
600: "#00724C",
700: "#005539",
800: "#013926",
900: "#001C13"
},
warning: {
50: "#FFF9E5",
100: "#FFF2CC",
200: "#FFE699",
300: "#FFE699",
400: "#FFD966",
500: "#FBCB3C",
600: "#FBBB3C",
700: "#F2A222",
800: "#B06112",
900: "#80460D"
},
danger: {
50: "#FEF1F2",
100: "#FEE1E3",
200: "#FEC8CC",
300: "#FCA6AD",
400: "#F8727D",
500: "#DE2D3B",
600: "#D12332",
700: "#C41826",
800: "#B20917",
900: "#86131D"
}
},
spacing: {
0: "0px",
8: "8px",
16: "16px",
24: "24px",
32: "32px",
40: "40px",
48: "48px",
56: "56px",
64: "64px",
72: "72px",
80: "80px",
88: "88px",
96: "96px",
104: "104px",
112: "112px",
120: "120px",
128: "128px",
256: "256px",
"1/4": "25%",
"1/2": "50%",
full: "100%",
initial: "initial"
},
boxShadow: {
none: "0 0 #0000",
"top-lower": "0px -4px 4px 0px rgba(0, 0, 0, 0.16)",
"top-low": "0px -8px 8px 0px rgba(0, 0, 0, 0.08)",
"top-medium": "0px -16px 16px 0px rgba(0, 0, 0, 0.08)",
"top-high": "0px -16px 16px 0px rgba(0, 0, 0, 0.16)",
"top-higher": "0px -16px 16px 0px rgba(0, 0, 0, 0.32)",
"center-lower": "0px 0px 4px 0px rgba(0, 0, 0, 0.32)",
"center-low": "0px 0px 8px 0px rgba(0, 0, 0, 0.08)",
"center-medium": "0px 0px 16px 0px rgba(0, 0, 0, 0.08)",
"center-high": "0px 0px 16px 0px rgba(0, 0, 0, 0.16)",
"center-higher": "0px 0px 16px 0px rgba(0, 0, 0, 0.32)",
"bottom-lower": "0px 4px 4px 0px rgba(0, 0, 0, 0.16)",
"bottom-low": "0px 8px 8px 0px rgba(0, 0, 0, 0.08)",
"bottom-medium": "0px 16px 16px 0px rgba(0, 0, 0, 0.08)",
"bottom-high": "0px 16px 16px 0px rgba(0, 0, 0, 0.16)",
"bottom-higher": "0px 16px 16px 0px rgba(0, 0, 0, 0.32)",
inner: "0px 4px 4px 0px rgba(0, 0, 0, 0.32) inset"
},
transitionDuration: {
DEFAULT: "200ms"
},
container: {
padding: {
xs: "32px",
md: "64px",
xl: "0px"
}
}
},
plugins: [
// Override to class .container max-screen resolution
({ addComponents: t }) => {
t({
".container": {
maxWidth: "1216px"
}
});
},
// Function to use variable colors inside css
// Ex: var(--color-primary-100)
function({ addBase: t, theme: a }) {
function n(i, l = "") {
return Object.keys(i).reduce((c, r) => {
const A = i[r];
if (typeof A == "string")
return {
...c,
[`--color${l}-${r}`]: A
};
const o = n(A, `-${r}`);
return { ...c, ...o };
}, {});
}
t({
":root, :host, ::backdrop": n(a("colors"))
});
}
],
safelist: [
{
//pattern to be able to dynamically build stories in which we change the DOM
pattern: /(border|bg|fill|text|stroke|gap)-[^/]+$/,
variants: ["hover", "focus", "xs", "md", "xl"]
}
]
};
function rn(t) {
return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
}
var sa = { exports: {} };
/*!
Copyright (c) 2018 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
(function(t) {
(function() {
var a = {}.hasOwnProperty;
function n() {
for (var c = "", r = 0; r < arguments.length; r++) {
var A = arguments[r];
A && (c = l(c, i(A)));
}
return c;
}
function i(c) {
if (typeof c == "string" || typeof c == "number")
return c;
if (typeof c != "object")
return "";
if (Array.isArray(c))
return n.apply(null, c);
if (c.toString !== Object.prototype.toString && !c.toString.toString().includes("[native code]"))
return c.toString();
var r = "";
for (var A in c)
a.call(c, A) && c[A] && (r = l(r, A));
return r;
}
function l(c, r) {
return r ? c ? c + " " + r : c + r : c;
}
t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
})();
})(sa);
var on = sa.exports;
const y = /* @__PURE__ */ rn(on), da = {
// Business & Payment
"agora-line-buildings": w(() => import("./line-buildings-CJydHeDZ.mjs")),
"agora-solid-buildings": w(() => import("./solid-buildings-CqKELo8z.mjs")),
"agora-line-money-taxes": w(() => import("./line-money-taxes-DH6QfKKL.mjs")),
"agora-solid-money-taxes": w(() => import("./solid-money-taxes-DS98Crhf.mjs")),
"agora-line-award": w(() => import("./line-award-BodOdWCz.mjs")),
"agora-solid-award": w(() => import("./solid-award-Di_C_RO0.mjs")),
"agora-line-calculator": w(() => import("./line-calculator-Cf5x884o.mjs")),
"agora-solid-calculator": w(() => import("./solid-calculator-B1z2MoxO.mjs")),
"agora-line-credit-card": w(() => import("./line-credit-card-dZddhcpw.mjs")),
"agora-solid-credit-card": w(() => import("./solid-credit-card-DVtYZKEg.mjs")),
"agora-line-ticket": w(() => import("./line-ticket-D-P-ZR_6.mjs")),
"agora-solid-ticket": w(() => import("./solid-ticket-Dnm3p6Wi.mjs")),
"agora-line-wallet": w(() => import("./line-wallet-DGUeUvgi.mjs")),
"agora-solid-wallet": w(() => import("./solid-wallet-B1Gs6W1s.mjs")),
"agora-line-tag": w(() => import("./line-tag-CUvDdaiF.mjs")),
"agora-solid-tag": w(() => import("./solid-tag-DrTNDYKR.mjs")),
// Communication
"agora-line-thumbs-up": w(() => import("./line-thumbs-up-hYodXLe9.mjs")),
"agora-line-thumbs-down": w(() => import("./line-thumbs-down-DavNX6us.mjs")),
"agora-solid-thumbs-up": w(() => import("./solid-thumbs-up-_ZG8Mp3d.mjs")),
"agora-solid-thumbs-down": w(() => import("./solid-thumbs-down-S82cmWj0.mjs")),
"agora-line-bell": w(() => import("./line-bell-BX4eSYbX.mjs")),
"agora-solid-bell": w(() => import("./solid-bell-CJrlCAhM.mjs")),
"agora-line-help-support": w(() => import("./line-help-support-C1WckTeE.mjs")),
"agora-solid-help-support": w(() => import("./solid-help-support-DEfn1qOc.mjs")),
"agora-line-chat": w(() => import("./line-chat-IBADwXfi.mjs")),
"agora-solid-chat": w(() => import("./solid-chat-CMjPFcul.mjs")),
"agora-line-mail": w(() => import("./line-mail-BM4oU1Cb.mjs")),
"agora-solid-mail": w(() => import("./solid-mail-DeBwducj.mjs")),
"agora-line-mail-open": w(() => import("./line-mail-open-Dd2IiCeK.mjs")),
"agora-solid-mail-open": w(() => import("./solid-mail-open-BH9yBQjU.mjs")),
"agora-line-at-sign": w(() => import("./line-at-sign-B_WfKdyo.mjs")),
"agora-solid-at-sign": w(() => import("./solid-at-sign-B_WfKdyo.mjs")),
// Common Actions
"agora-line-home": w(() => import("./line-home-Bq8nP6W2.mjs")),
"agora-solid-home": w(() => import("./solid-home-DbOM72CM.mjs")),
"agora-line-star": w(() => import("./line-star-DRxlXXj7.mjs")),
"agora-solid-star": w(() => import("./solid-star-B4M3yY34.mjs")),
"agora-line-log-in": w(() => import("./line-log-in-0XjnY3DS.mjs")),
"agora-solid-log-in": w(() => import("./solid-log-in-0XjnY3DS.mjs")),
"agora-line-log-out": w(() => import("./line-log-out-Be1vNUO8.mjs")),
"agora-solid-log-out": w(() => import("./solid-log-out-Be1vNUO8.mjs")),
"agora-line-search": w(() => import("./line-search-tLoB3guT.mjs")),
"agora-solid-search": w(() => import("./solid-search-CXc3lnhQ.mjs")),
"agora-line-menu": w(() => import("./line-menu-CYuqUsM-.mjs")),
"agora-solid-menu": w(() => import("./solid-menu-CYuqUsM-.mjs")),
"agora-line-health": w(() => import("./line-health-xpe_yAPF.mjs")),
"agora-solid-health": w(() => import("./solid-health-xpe_yAPF.mjs")),
"agora-line-external-link": w(() => import("./line-external-link-CzV1zt56.mjs")),
"agora-solid-external-link": w(() => import("./solid-external-link-ecodBt_c.mjs")),
"agora-line-check-all": w(() => import("./line-check-all-0HIc8qFI.mjs")),
"agora-solid-check-all": w(() => import("./solid-check-all-0HIc8qFI.mjs")),
"agora-line-more-horizontal": w(() => import("./line-more-horizontal-CJ2M9CoR.mjs")),
"agora-solid-more-horizontal": w(() => import("./solid-more-horizontal-CJ2M9CoR.mjs")),
"agora-line-more-vertical": w(() => import("./line-more-vertical-jUtqPfx7.mjs")),
"agora-solid-more-vertical": w(() => import("./solid-more-vertical-jUtqPfx7.mjs")),
"agora-line-refresh-ccw": w(() => import("./line-refresh-ccw-Ke5eAqw3.mjs")),
"agora-solid-refresh-ccw": w(() => import("./solid-refresh-ccw-CV7R6gep.mjs")),
"agora-line-dashboard": w(() => import("./line-dashboard-DCRAsJzp.mjs")),
"agora-solid-dashboard": w(() => import("./solid-dashboard-0VyWUmku.mjs")),
"agora-line-layers-menu": w(() => import("./line-layers-menu-BCElaXvM.mjs")),
"agora-solid-layers-menu": w(() => import("./solid-layers-menu-K5z6Zm9a.mjs")),
// Environment
"agora-line-tree": w(() => import("./line-tree-Nw7AEEG-.mjs")),
"agora-solid-tree": w(() => import("./solid-tree-DjDhEbtZ.mjs")),
// File
"agora-line-folder": w(() => import("./line-folder-BvahNZxP.mjs")),
"agora-solid-folder": w(() => import("./solid-folder-P6AYl1CG.mjs")),
"agora-line-file": w(() => import("./line-file-BzYfmsK-.mjs")),
"agora-solid-file": w(() => import("./solid-file-ZTr4auT0.mjs")),
"agora-line-document": w(() => import("./line-document-D5IX3wii.mjs")),
"agora-solid-document": w(() => import("./solid-document-DVWx0xF7.mjs")),
"agora-line-book-open": w(() => import("./line-book-open-Gyde1vIg.mjs")),
"agora-solid-book-open": w(() => import("./solid-book-open-BfLxRgyb.mjs")),
"agora-line-package": w(() => import("./line-package-CE1hKWHW.mjs")),
"agora-solid-package": w(() => import("./solid-package-Cml-SIak.mjs")),
"agora-line-file-share": w(() => import("./line-file-share-BDPMlp3T.mjs")),
"agora-solid-file-share": w(() => import("./solid-file-share-mnXTWdo6.mjs")),
// Formatting
"agora-line-filter": w(() => import("./line-filter-BLbRgK5q.mjs")),
"agora-solid-filter": w(() => import("./solid-filter-CZP5ysMS.mjs")),
"agora-line-edit": w(() => import("./line-edit-9OSt9bj5.mjs")),
"agora-solid-edit": w(() => import("./solid-edit-Cb8mTNDc.mjs")),
"agora-line-plus-circle": w(() => import("./line-plus-circle-vNGIsEUG.mjs")),
"agora-solid-plus-circle": w(() => import("./solid-plus-circle-Cf8cg-zW.mjs")),
"agora-line-plus": w(() => import("./line-plus-Dcvte5l7.mjs")),
"agora-solid-plus": w(() => import("./solid-plus-Dcvte5l7.mjs")),
"agora-line-minus-circle": w(() => import("./line-minus-circle-YZvJcxR2.mjs")),
"agora-solid-minus-circle": w(() => import("./solid-minus-circle-BLZIX0en.mjs")),
"agora-line-minus": w(() => import("./line-minus-CaVcWkS-.mjs")),
"agora-solid-minus": w(() => import("./solid-minus-CaVcWkS-.mjs")),
"agora-line-upload": w(() => import("./line-upload-DHphNhIL.mjs")),
"agora-solid-upload": w(() => import("./solid-upload-FT0yDefS.mjs")),
"agora-line-download": w(() => import("./line-download-D3BjkK0M.mjs")),
"agora-solid-download": w(() => import("./solid-download-CS0fEB85.mjs")),
"agora-line-paperclip": w(() => import("./line-paperclip-BfpDKOjT.mjs")),
"agora-solid-paperclip": w(() => import("./solid-paperclip-BfpDKOjT.mjs")),
"agora-line-list": w(() => import("./line-list-1BeIvOqf.mjs")),
"agora-solid-list": w(() => import("./solid-list-1BeIvOqf.mjs")),
"agora-line-settings": w(() => import("./line-settings-DXg1k1qQ.mjs")),
"agora-solid-settings": w(() => import("./solid-settings-Dv1JiBGZ.mjs")),
"agora-line-bullet": w(() => import("./line-bullet-WK8KE3Nz.mjs")),
"agora-solid-bullet": w(() => import("./solid-bullet-D_W-NMzx.mjs")),
"agora-line-sort-vertical": w(() => import("./line-sort-vertical-BhJF09g5.mjs")),
"agora-solid-sort-vertical": w(() => import("./solid-sort-vertical-BhJF09g5.mjs")),
"agora-line-sort-generic-down": w(() => import("./line-sort-generic-down-Cu8WyLMj.mjs")),
"agora-solid-sort-generic-down": w(() => import("./solid-sort-generic-down-Cu8WyLMj.mjs")),
"agora-line-sort-generic-up": w(() => import("./line-sort-generic-up-iCV8WAIp.mjs")),
"agora-solid-sort-generic-up": w(() => import("./solid-sort-generic-up-iCV8WAIp.mjs")),
"agora-line-sort-alpha-down": w(() => import("./line-sort-alpha-down-CPkM5mtz.mjs")),
"agora-solid-sort-alpha-down": w(() => import("./solid-sort-alpha-down-CPkM5mtz.mjs")),
"agora-line-sort-alpha-up": w(() => import("./line-sort-alpha-up-Bc_ykmlT.mjs")),
"agora-solid-sort-alpha-up": w(() => import("./solid-sort-alpha-up-Bc_ykmlT.mjs")),
"agora-line-trash": w(() => import("./line-trash-Cv6jv93F.mjs")),
"agora-solid-trash": w(() => import("./solid-trash-5lB6fyxC.mjs")),
"agora-line-print": w(() => import("./line-print-BmI9Ny86.mjs")),
"agora-solid-print": w(() => import("./solid-print-DdU8uBcE.mjs")),
"agora-line-delete": w(() => import("./line-delete-D4IGiXnx.mjs")),
"agora-solid-delete": w(() => import("./solid-delete-A2DvUg-1.mjs")),
"agora-line-copy": w(() => import("./line-copy-BaJKTDcY.mjs")),
"agora-solid-copy": w(() => import("./solid-copy-DQaYbvus.mjs")),
// Food & Drinks
"agora-line-coffee": w(() => import("./line-coffee-BDTbXYHT.mjs")),
"agora-solid-coffee": w(() => import("./solid-coffee-Cuy78lZv.mjs")),
// Hardware
"agora-line-hardware-settings": w(() => import("./line-hardware-settings-CP-T5at-.mjs")),
"agora-solid-hardware-settings": w(() => import("./solid-hardware-settings-BsSxijop.mjs")),
"agora-line-wifi": w(() => import("./line-wifi-nE0W0Dqe.mjs")),
"agora-solid-wifi": w(() => import("./solid-wifi-nE0W0Dqe.mjs")),
// Maps & Travel
"agora-line-plane": w(() => import("./line-plane-BSbdY4B9.mjs")),
"agora-solid-plane": w(() => import("./solid-plane-DBfQUeU0.mjs")),
"agora-line-driving": w(() => import("./line-driving-_mFgAsxY.mjs")),
"agora-solid-driving": w(() => import("./solid-driving-CDmZMkb-.mjs")),
"agora-line-map": w(() => import("./line-map-C21RAFdm.mjs")),
"agora-solid-map": w(() => import("./solid-map-LEhls5fx.mjs")),
"agora-line-map-pin": w(() => import("./line-map-pin-kjbPUdcx.mjs")),
"agora-solid-map-pin": w(() => import("./solid-map-pin-BVb-3Vzu.mjs")),
"agora-line-target": w(() => import("./line-target-BYfRFPW4.mjs")),
"agora-solid-target": w(() => import("./solid-target-wVW1wKsd.mjs")),
"agora-line-briefcase": w(() => import("./line-briefcase-BJIIJf3e.mjs")),
"agora-solid-briefcase": w(() => import("./solid-briefcase-CW2CUBvW.mjs")),
"agora-line-flag": w(() => import("./line-flag-C869WIjo.mjs")),
"agora-solid-flag": w(() => import("./solid-flag-B_wRXQ2v.mjs")),
// Media
"agora-line-video-on": w(() => import("./line-video-on-VrJ-pqls.mjs")),
"agora-solid-video-on": w(() => import("./solid-video-on-C3ZXzD5Z.mjs")),
"agora-line-video-off": w(() => import("./line-video-off-BeGslMfh.mjs")),
"agora-solid-video-off": w(() => import("./solid-video-off-DgldJgXo.mjs")),
"agora-line-mic-on": w(() => import("./line-mic-on-spKBPsUu.mjs")),
"agora-solid-mic-on": w(() => import("./solid-mic-on-BmZBy1wd.mjs")),
"agora-line-mic-off": w(() => import("./line-mic-off-8NlUihDj.mjs")),
"agora-solid-mic-off": w(() => import("./solid-mic-off-CEQHtc18.mjs")),
"agora-line-movie": w(() => import("./line-movie-BWJN9R2q.mjs")),
"agora-solid-movie": w(() => import("./solid-movie-CISseVf5.mjs")),
"agora-line-camera": w(() => import("./line-camera-BPZ2ZeL-.mjs")),
"agora-solid-camera": w(() => import("./solid-camera-DyR-lfxz.mjs")),
"agora-line-monitor": w(() => import("./line-monitor-DUEdEGY1.mjs")),
"agora-solid-monitor": w(() => import("./solid-monitor-D_OJfufu.mjs")),
"agora-line-airplay": w(() => import("./line-airplay-BWnaXraO.mjs")),
"agora-solid-airplay": w(() => import("./solid-airplay-CT7RRjBg.mjs")),
"agora-line-mega-phone": w(() => import("./line-mega-phone-B7t0tfLS.mjs")),
"agora-solid-mega-phone": w(() => import("./solid-mega-phone-CpvfoRJL.mjs")),
"agora-line-volume-max": w(() => import("./line-volume-max-D9LtibvN.mjs")),
"agora-solid-volume-max": w(() => import("./solid-volume-max-BOexNQ32.mjs")),
"agora-line-volume-min": w(() => import("./line-volume-min-BUphvaEP.mjs")),
"agora-solid-volume-min": w(() => import("./solid-volume-min-DvN4XS_N.mjs")),
"agora-line-volume-off": w(() => import("./line-volume-off-Bl7r3daC.mjs")),
"agora-solid-volume-off": w(() => import("./solid-volume-off-CB9nMabs.mjs")),
"agora-line-volume-mute": w(() => import("./line-volume-mute-C3hXqN_l.mjs")),
"agora-solid-volume-mute": w(() => import("./solid-volume-mute-DTtOIBZb.mjs")),
"agora-line-music": w(() => import("./line-music-Bh0ivoUc.mjs")),
"agora-solid-music": w(() => import("./solid-music-DqGRxIgM.mjs")),
"agora-line-globe": w(() => import("./line-globe-BxGB7Rya.mjs")),
"agora-solid-globe": w(() => import("./solid-globe-BxGB7Rya.mjs")),
"agora-line-smartphone": w(() => import("./line-smartphone-pn15MVJ_.mjs")),
"agora-solid-smartphone": w(() => import("./solid-smartphone-BYwhxf7g.mjs")),
// Navigation
"agora-line-arrow-down-anchor": w(() => import("./line-arrow-down-anchor-1Ik_PAda.mjs")),
"agora-solid-arrow-down-anchor": w(() => import("./solid-arrow-down-anchor-CBEKEuwD.mjs")),
"agora-line-arrow-up-anchor": w(() => import("./line-arrow-up-anchor-BGAtSCUC.mjs")),
"agora-solid-arrow-up-anchor": w(() => import("./solid-arrow-up-anchor-BKZVSnhn.mjs")),
"agora-line-arrow-right-anchor": w(() => import("./line-arrow-right-anchor-Cpape9ux.mjs")),
"agora-solid-arrow-right-anchor": w(() => import("./solid-arrow-right-anchor-klXwk51M.mjs")),
"agora-line-arrow-left-anchor": w(() => import("./line-arrow-left-anchor-BLqBxK_6.mjs")),
"agora-solid-arrow-left-anchor": w(() => import("./solid-arrow-left-anchor-KIYCVwa3.mjs")),
"agora-line-arrow-down-circle": w(() => import("./line-arrow-down-circle-c8Cfdkoo.mjs")),
"agora-solid-arrow-down-circle": w(() => import("./solid-arrow-down-circle-DzG3htuU.mjs")),
"agora-line-arrow-up-circle": w(() => import("./line-arrow-up-circle-Bee73qj3.mjs")),
"agora-solid-arrow-up-circle": w(() => import("./solid-arrow-up-circle-Is76Hjia.mjs")),
"agora-line-arrow-right-circle": w(() => import("./line-arrow-right-circle-Bt6V93yV.mjs")),
"agora-solid-arrow-right-circle": w(() => import("./solid-arrow-right-circle-Dlt-duIk.mjs")),
"agora-line-arrow-left-circle": w(() => import("./line-arrow-left-circle-DcoCo5gO.mjs")),
"agora-solid-arrow-left-circle": w(() => import("./solid-arrow-left-circle-CMhznJGN.mjs")),
"agora-line-arrow-up": w(() => import("./line-arrow-up-BWWF_Qvp.mjs")),
"agora-solid-arrow-up": w(() => import("./solid-arrow-up-BO_loNqc.mjs")),
"agora-line-arrow-down": w(() => import("./line-arrow-down-DnHl70Fu.mjs")),
"agora-solid-arrow-down": w(() => import("./solid-arrow-down-CX5JrUuD.mjs")),
"agora-line-arrow-right": w(() => import("./line-arrow-right-CE4B5Ims.mjs")),
"agora-solid-arrow-right": w(() => import("./solid-arrow-right-qKB7Du8n.mjs")),
"agora-line-arrow-left": w(() => import("./line-arrow-left-DIkoyYVj.mjs")),
"agora-solid-arrow-left": w(() => import("./solid-arrow-left-CyI5Jp34.mjs")),
"agora-line-chevron-down": w(() => import("./line-chevron-down-B3sQSuhs.mjs")),
"agora-solid-chevron-down": w(() => import("./solid-chevron-down-B3sQSuhs.mjs")),
"agora-line-chevron-up": w(() => import("./line-chevron-up-CV_qj_vu.mjs")),
"agora-solid-chevron-up": w(() => import("./solid-chevron-up-Bz446Fjn.mjs")),
"agora-line-chevron-right": w(() => import("./line-chevron-right-BsvTj2M9.mjs")),
"agora-solid-chevron-right": w(() => import("./solid-chevron-right-BsvTj2M9.mjs")),
"agora-line-chevron-left": w(() => import("./line-chevron-left-B1lIDR2x.mjs")),
"agora-solid-chevron-left": w(() => import("./solid-chevron-left-Bq0z72NT.mjs")),
"agora-line-chevrons-down": w(() => import("./line-chevrons-down-g6XVun5j.mjs")),
"agora-solid-chevrons-down": w(() => import("./solid-chevrons-down-CZVmuzMN.mjs")),
"agora-line-chevrons-up": w(() => import("./line-chevrons-up-6rkZvqA3.mjs")),
"agora-solid-chevrons-up": w(() => import("./solid-chevrons-up-BMucqcuI.mjs")),
"agora-line-chevrons-left": w(() => import("./line-chevrons-left-D5cNOdri.mjs")),
"agora-solid-chevrons-left": w(() => import("./solid-chevrons-left-CPoYihuy.mjs")),
"agora-line-chevrons-right": w(() => import("./line-chevrons-right-BqJYSv9v.mjs")),
"agora-solid-chevrons-right": w(() => import("./solid-chevrons-right-DVWJzOT1.mjs")),
// Privacy & Security
"agora-line-shield": w(() => import("./line-shield-CvPsZ8kb.mjs")),
"agora-solid-shield": w(() => import("./solid-shield-Buhk2x9X.mjs")),
"agora-line-unlock": w(() => import("./line-unlock-PXl0EQIa.mjs")),
"agora-solid-unlock": w(() => import("./solid-unlock-0FTr274Z.mjs")),
"agora-line-lock": w(() => import("./line-lock-Bz1c0Qg_.mjs")),
"agora-solid-lock": w(() => import("./solid-lock-NkvOHDIt.mjs")),
"agora-line-eye": w(() => import("./line-eye-BODs9cSf.mjs")),
"agora-solid-eye": w(() => import("./solid-eye-DEvHWA5Z.mjs")),
"agora-line-eye-off": w(() => import("./line-eye-off-BwWZVfYl.mjs")),
"agora-solid-eye-off": w(() => import("./solid-eye-off-Y3H8Hpxt.mjs")),
// Public institutions
"agora-line-court": w(() => import("./line-court-NcV985Ta.mjs")),
"agora-solid-court": w(() => import("./solid-court-C0gj8xN-.mjs")),
"agora-line-social-security": w(() => import("./line-social-security-DONOVxvT.mjs")),
"agora-solid-social-security": w(() => import("./solid-social-security-3CFMj1A-.mjs")),
// Social
"agora-line-twitter-x": w(() => import("./line-twitter-x-wWjr2MKY.mjs")),
"agora-solid-twitter-x": w(() => import("./solid-twitter-x-CSJZH-6d.mjs")),
"agora-line-twitter": w(() => import("./line-twitter-bFsVWqEt.mjs")),
"agora-solid-twitter": w(() => import("./solid-twitter-55xSFanC.mjs")),
"agora-line-instagram": w(() => import("./line-instagram-DIgb62RM.mjs")),
"agora-solid-instagram": w(() => import("./solid-instagram-dFoonqpB.mjs")),
"agora-line-facebook": w(() => import("./line-facebook-Dbs04NuV.mjs")),
"agora-solid-facebook": w(() => import("./solid-facebook-Cs3SwdaS.mjs")),
"agora-line-youtube": w(() => import("./line-youtube-C_pFdE1_.mjs")),
"agora-solid-youtube": w(() => import("./solid-youtube-bQdqgmwi.mjs")),
"agora-line-linkedin": w(() => import("./line-linkedin-BwvrJOaZ.mjs")),
"agora-solid-linkedin": w(() => import("./solid-linkedin-BON4bfmF.mjs")),
"agora-line-share": w(() => import("./line-share-ycr5TxYz.mjs")),
"agora-solid-share": w(() => import("./solid-share-BpTJjztR.mjs")),
"agora-line-bookmark": w(() => import("./line-bookmark-BwJyAxPR.mjs")),
"agora-solid-bookmark": w(() => import("./solid-bookmark-DhCU3Bpl.mjs")),
// Status
"agora-line-x-circle": w(() => import("./line-x-circle-BSVtpm5Q.mjs")),
"agora-solid-x-circle": w(() => import("./solid-x-circle-D-azXjMK.mjs")),
"agora-line-x": w(() => import("./line-x-EYXDQAB1.mjs")),
"agora-solid-x": w(() => import("./solid-x-EYXDQAB1.mjs")),
"agora-line-check-circle": w(() => import("./line-check-circle-cYKoWFAd.mjs")),
"agora-solid-check-circle": w(() => import("./solid-check-circle--TrUqUcc.mjs")),
"agora-line-check": w(() => import("./line-check-CbZk3c9L.mjs")),
"agora-solid-check": w(() => import("./solid-check-CbZk3c9L.mjs")),
"agora-line-question-mark": w(() => import("./line-question-mark-uBwxCj4-.mjs")),
"agora-solid-question-mark": w(() => import("./solid-question-mark-Chj3QN6q.mjs")),
"agora-line-alert-circle": w(() => import("./line-alert-circle-CyYzIaKL.mjs")),
"agora-solid-alert-circle": w(() => import("./solid-alert-circle-iILtiNWn.mjs")),
"agora-line-info-mark": w(() => import("./line-info-mark-BBmQDEPd.mjs")),
"agora-solid-info-mark": w(() => import("./solid-info-mark-CkiMhR98.mjs")),
"agora-line-alert-triangle": w(() => import("./line-alert-triangle-B8MP3AKI.mjs")),
"agora-solid-alert-triangle": w(() => import("./solid-alert-triangle-zSUf2OLz.mjs")),
"agora-line-loader": w(() => import("./line-loader-B7kcvx6i.mjs")),
"agora-solid-loader": w(() => import("./solid-loader-B7kcvx6i.mjs")),
"agora-line-smile-sad": w(() => import("./line-smile-sad-Bmp316wL.mjs")),
"agora-solid-smile-sad": w(() => import("./solid-smile-sad-DekTD0X2.mjs")),
// Transportation
"agora-line-bus": w(() => import("./line-bus-LL3fl8O6.mjs")),
"agora-solid-bus": w(() => import("./solid-bus-BjkjP6JF.mjs")),
"agora-line-truck": w(() => import("./line-truck-BgiJghNK.mjs")),
"agora-solid-truck": w(() => import("./solid-truck-Chv6gpCm.mjs")),
// Time
"agora-line-calendar": w(() => import("./line-calendar-CAqjGIBb.mjs")),
"agora-solid-calendar": w(() => import("./solid-calendar-B-lr4pRu.mjs")),
"agora-line-clock": w(() => import("./line-clock-BGfnIgE4.mjs")),
"agora-solid-clock": w(() => import("./solid-clock-Blaco-4T.mjs")),
// User
"agora-line-user-group": w(() => import("./line-user-group-PKm2Bgmf.mjs")),
"agora-solid-user-group": w(() => import("./solid-user-group-f4Ena9xy.mjs")),
"agora-line-user": w(() => import("./line-user-B8teZBi7.mjs")),
"agora-solid-user": w(() => import("./solid-user-BbVoFJ2R.mjs")),
// Others
"agora-line-bookmark-card": w(() => import("./line-bookmark-card-5pT1fP8k.mjs")),
"agora-solid-bookmark-card": w(() => import("./solid-bookmark-card-Cx3XFRpC.mjs")),
"agora-drag-dots": w(() => import("./drag-dots-CyRC22we.mjs")),
//Language
"agora-line-lgp": w(() => import("./line-lgp-DH44As0J.mjs")),
"agora-solid-lgp": w(() => import("./solid-lgp-DH44As0J.mjs")),
// Default icon - Should not be listable
"no-icon": w(() => import("./agora-BmHZWHqH.mjs")),
"no-icon-line": w(() => import("./agora-line-CAGTnTRu.mjs"))
}, An = Object.keys(da).filter((t) => t !== "no-icon" && t !== "no-icon-line"), sn = (t) => !!An.find((a) => a === t), Ht = {}, dn = (t) => {
const a = Ht[t];
if (a)
return a;
const n = da[t];
return Ht[t] = n, n;
}, Nn = ({ dimensions: t = "m", name: a = "no-icon", onIconLoad: n, onIconError: i, ...l }) => {
var b;
const c = !((b = l.className) != null && b.match("fill-")) && a !== "no-icon-line", r = y(
"icon",
{
[`icon-${t == null ? void 0 : t.toLowerCase()}`]: t,
"fill-[var(--color-primary-600)]": c
},
l.className
), A = () => {
n == null || n();
}, o = () => {
i == null || i();
};
if (a !== "no-icon" && a !== "no-icon-line" && !sn(a))
return /* @__PURE__ */ e.createElement("img", { ...l, src: a, alt: l.alt, className: r, onLoad: A, onError: o });
const N = dn(a), d = {
...l,
className: r,
title: l.title ?? l.alt
};
return N && /* @__PURE__ */ e.createElement(ca, null, /* @__PURE__ */ e.createElement(N, { ...d }));
}, be = cn(Nn, (t, a) => t.name === a.name && t.className === a.className && t.dimensions === a.dimensions), $ = ({ state: t, ...a }) => /* @__PURE__ */ e.createElement(be, { "data-state": t, ...a }), pe = ({ ref: t = null, className: a, state: n = "default", children: i, ...l }) => /* @__PURE__ */ e.createElement("div", { ...l, ref: t, className: a }, Q.toArray(i).map((c) => {
if (!z(c))
return null;
const { state: r, ...A } = c.props, o = `${c.props.className} ${r === n ? "!block" : "!hidden"}`;
return /* @__PURE__ */ e.createElement(be, { ...A, "aria-hidden": !0, key: r, className: o });
}));
function Oe(t, a) {
const n = new Event(a, { bubbles: !0 });
Object.defineProperty(n, "target", { writable: !1, value: t });
let i = !1, l = !1;
const c = () => {
i = !0, n.preventDefault();
}, r = () => {
l = !0, n.stopPropagation();
};
return {
nativeEvent: n,
currentTarget: n.currentTarget,
target: n.target,
bubbles: n.bubbles,
cancelable: n.cancelable,
defaultPrevented: n.defaultPrevented,
eventPhase: n.eventPhase,
isTrusted: n.isTrusted,
preventDefault: c,
isDefaultPrevented: () => i,
stopPropagation: r,
isPropagationStopped: () => l,
persist: () => {
},
timeStamp: n.timeStamp,
type: n.type
};
}
const Ar = (t, a = 300) => {
let n;
return (i) => {
n && (clearTimeout(n), n = void 0), n = setTimeout(() => {
t(i);
}, a);
};
}, mn = (t, a = 300) => {
const n = X(null), [i, l] = V("");
return _(() => (n.current && clearTimeout(n.current), n.current = setTimeout(() => {
t(i);
}, a), () => {
n.current && clearTimeout(n.current);
}), [t, a, i]), {
setArgs: l
};
}, Ot = (t) => {
let a = t.getDate().toString();
a.length < 2 && (a = `0${a}`);
let n = (t.getMonth() + 1).toString();
n.length < 2 && (n = `0${n}`);
const i = t.getFullYear();
return `${a}/${n}/${i}`;
}, sr = (t) => t.toLocaleLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, ""), s = (t) => typeof t > "u" ? !1 : typeof t == "boolean" ? t : t === "true";
function Be(t, a, n, i) {
const l = X(null);
return Le(
t,
() => {
if (l.current = a.current, l.current) {
const { focus: c, ...r } = n;
Object.assign(l.current, r);
}
return l.current;
},
i
), l;
}
const ve = (t, a = 10) => {
setTimeout(t, a);
}, ke = (t = { width: 1920, height: 1080 }) => {
const [a, n] = V(() => typeof window < "u" ? { width: window.innerWidth, height: window.innerHeight } : t);
return _(() => {
const i = () => {
n({ width: window.innerWidth, height: window.innerHeight });
};
return i(), window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
}, []), a;
}, Ve = () => {
const t = Number(Bt.theme.screens.xs.replaceAll("px", "")), a = Number(Bt.theme.screens.md.replaceAll("px", "")), n = Number(Bt.theme.screens.xl.replaceAll("px", ""));
return {
xsScreen: t,
mdScreen: a,
xlScreen: n
};
}, Na = ({
ref: t = null,
children: a,
hasIcon: n,
leadingIcon: i,
leadingIconHover: l,
darkMode: c = !1,
headingTitle: r,
headingLevel: A = "h3",
className: o = "",
defaultExpanded: m,
expanded: N,
onExpanded: d,
onCollapsed: b,
onChange: g,
"aria-label": G,
...I
}) => {
const E = ie(), R = typeof N < "u", u = typeof m < "u", [p, D] = V(u ? s(m) : !1), [Z, U] = V("default"), { width: Y } = ke(), { mdScreen: j } = Ve(), h = Y < j, M = R ? s(N) : p, [v, J] = V({ name: null }), k = () => {
R || D(!0), J({ name: "expand" });
}, B = () => {
R || D(!0);
}, P = () => {
R || D(!1), J({ name: "collapse" });
}, W = () => {
R || D(!1);
}, f = () => {
R || D(!M), M && J({ name: "collapse" }), M || J({ name: "expand" });
}, F = () => {
R || D(!M);
}, x = X(null), C = Be(
t,
x,
{
isExpanded: M,
expand: k,
silentExpand: B,
collapse: P,
silentCollapse: W,
toggle: f,
silentToggle: F
},
[x, M]
);
_(() => {
if (v.name === "expand") {
const Ee = Oe(C.current ?? void 0, "expand");
d == null || d(Ee);
}
if (v.name === "collapse") {
const Ee = Oe(C.current ?? void 0, "collapse");
b == null || b(Ee);
}
const oe = Oe(C.current ?? void 0, "change");
g == null || g(oe);
}, [v]);
const O = y("agora-accordion", o, {
"accordion-open": M,
"active-state": Z === "active",
mobile: h,
"dark-mode": s(c)
}), ee = y("accordion-body", { "accordion-body-block": M }), H = y("icon icon-chevron", { "icon-chevron-flip": M }), S = () => {
f(), U("default");
}, T = (oe) => {
oe.code === "Space" && U("active");
}, L = (oe) => {
oe.code === "Space" && U("default");
}, K = () => {
U("active");
}, q = () => {
U("default");
}, ne = () => {
U("default");
}, ce = () => {
U("hover");
};
return /* @__PURE__ */ e.createElement("div", { className: O, ...I, ref: x }, /* @__PURE__ */ e.createElement(A, { className: "flex justify-start items-center w-full" }, /* @__PURE__ */ e.createElement(
"button",
{
"aria-label": G,
type: "button",
className: "accordion-header",
"aria-expanded": M,
id: `agora-accordion-${E}-control`,
"aria-controls": `agora-accordion-${E}-region`,
onClick: S,
onKeyDown: T,
onKeyUp: L,
onMouseDown: K,
onMouseUp: q,
onMouseLeave: ne,
onMouseEnter: ce
},
/* @__PURE__ */ e.createElement("div", { className: "accordion-header-button-wrapper" }, s(n) && (i || l) && /* @__PURE__ */ e.createElement(pe, { className: "icon-wrapper leading", state: Z }, /* @__PURE__ */ e.createElement($, { className: "leading-icon-default", state: "default", name: i ?? l, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement($, { className: "leading-icon-hover", state: "hover", name: l ?? i, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement($, { className: "leading-icon-active", state: "active", name: i ?? l, "aria-hidden": !0 })), r && /* @__PURE__ */ e.createElement("span", { className: "title" }, r), /* @__PURE__ */ e.createElement("div", { className: "icon-wrapper trailing" }, /* @__PURE__ */ e.createElement(be, { className: H, name: "agora-line-chevron-down", "aria-hidden": !0 })))
)), /* @__PURE__ */ e.createElement(
"div",
{
className: ee,
id: `agora-accordion-${E}-region`,
role: "region",
"aria-labelledby": `agora-accordion-${E}-control`
},
/* @__PURE__ */ e.createElement("div", { className: "children-wrapper" }, a)
));
}, bn = ({ className: t = "", children: a, darkMode: n = !1, ...i }) => {
const l = ie(), c = de(() => /* @__PURE__ */ new Map(), []), r = (m) => {
c.forEach((N, d) => {
var b;
d !== m && ((b = N.current) == null || b.silentCollapse());
});
}, A = Q.toArray(a).map((m, N) => {
if (!z(m))
return null;
const d = `accordion-group-${l}-accordion-${N}`, b = Qe();
c.set(d, b);
const g = (G) => {
var I, E;
r(d), (E = (I = m.props).onExpanded) == null || E.call(I, G);
};
return /* @__PURE__ */ e.createElement("li", { key: d }, /* @__PURE__ */ e.createElement(Na, { ...m.props, ref: b, onExpanded: g, darkMode: n }));
}), o = y("agora-accordion-group", "mt-0 p-0 w-full", t, {
"dark-mode": s(n)
});
return /* @__PURE__ */ e.createElement("ul", { className: o, ...i }, A);
}, Me = ({
ref: t = null,
darkMode: a = !1,
appearance: n = "text",
variant: i = "primary",
fullWidth: l = !1,
hasIcon: c = !1,
iconOnly: r = !1,
leadingIcon: A,
leadingIconHover: o,
leadingIconActive: m,
trailingIcon: N,
trailingIconHover: d,
trailingIconActive: b,
children: g,
className: G = "",
inline: I = !1,
...E
}) => {
const R = X(null);
Be(t, R, {}, [R.current]);
const u = y(
"agora-anchor",
`agora-anchor-${n}-${i}`,
{ "agora-anchor-full": l },
{ "inline-flex items-center": !E.hidden },
{ "justify-center min-h-[44px] min-w-[44px] py-8": !s(I) },
{ "justify-start": s(I) },
{ "agora-anchor-with-icon": s(c) || s(r) },
{ "is-icon-only": s(r) },
{ "dark-mode": s(a) },
G
), [p, D] = V("default"), Z = (v) => {
var k;
const J = window.matchMedia("(pointer: coarse)").matches;
D(J ? "default" : "hover"), (k = E.onClick) == null || k.call(E, v);
}, U = (v) => {
var k;
window.matchMedia("(pointer: coarse)").matches || D("hover"), (k = E.onMouseEnter) == null || k.call(E, v);
}, Y = (v) => {
var k;
window.matchMedia("(pointer: coarse)").matches || D("default"), (k = E.onMouseLeave) == null || k.call(E, v);
}, j = (v) => {
var k;
window.matchMedia("(pointer: coarse)").matches || D("active"), (k = E.onMouseDown) == null || k.call(E, v);
}, h = (v) => {
var k;
window.matchMedia("(pointer: coarse)").matches || D("default"), (k = E.onMouseUp) == null || k.call(E, v);
}, M = () => {
var v;
(v = R.current) == null || v.classList.remove("active"), D("default");
};
return /* @__PURE__ */ e.createElement(
"a",
{
...E,
className: u,
ref: R,
onClick: Z,
onMouseEnter: U,
onMouseLeave: Y,
onMouseDown: j,
onMouseUp: h,
onBlur: M,
onKeyDown: E.onKeyDown
},
c && (A || o) && /* @__PURE__ */ e.createElement(pe, { className: "icon-wrapper leading", state: p }, /* @__PURE__ */ e.createElement($, { className: "leading-icon-default", state: "default", name: A ?? "no-icon", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement($, { className: "leading-icon-hover", state: "hover", name: o ?? "no-icon", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement($, { className: "leading-icon-active", state: "active", name: m ?? A ?? "no-icon", "aria-hidden": !0 })),
!r && g && /* @__PURE__ */ e.createElement("span", { className: "children-wrapper" }, g),
c && (N || d) && /* @__PURE__ */ e.createElement(pe, { className: "icon-wrapper trailing", state: p }, /* @__PURE__ */ e.createElement($, { className: "trailing-icon-default", state: "default", name: N ?? "no-icon", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement($, { className: "trailing-icon-hover", state: "hover", name: d ?? "no-icon", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement($, { className: "trailing-icon-active", state: "active", name: b ?? N ?? "no-icon", "aria-hidden": !0 }))
);
}, zt = "agora-ds-tooltip-change", ma = ({
hasTitle: t,
variant: a = "dark",
position: n = "top",
alignment: i = "center",
title: l,
description: c,
children: r,
...A
}) => {
const o = ie(), m = X(null), [N, d] = V(0), [b, g] = V(0), [G, I] = V(0), [E, R] = V(0), u = Ae(() => {
var C;
if (m.current) {
const O = (C = m.current) == null ? void 0 : C.getBoundingClientRect();
O && (d(O.top + window.scrollY), g(O.left + window.scrollX), I(O.width), R(O.height));
}
}, []), p = de(() => ({ ...A }), [A]);
p.id = p.id ?? o;
const D = y("tooltip-container absolute z-tooltip", A.className), Z = y("tooltip", {
[`tooltip--${a}`]: a,
[`tooltip--${n}--${i}`]: n && i
}), [U, Y] = V(!1), j = () => {
Y(!0);
const C = new CustomEvent(zt, { detail: p.id });
document.dispatchEvent(C);
}, h = () => {
Y(!1);
}, M = (C) => {
C.key === "Escape" && Y(!1);
}, v = () => {
h();
};
_(() => {
document.addEventListener("keydown", M);
const C = (O) => {
O.detail !== p.id && Y(!1);
};
return document.addEventListener(zt, C), () => {
document.removeEventListener("keydown", M), document.removeEventListener(zt, C);
};
}, [p.id]);
const J = Q.map(r, (C) => z(C) ? De(C, { ref: m, onMouseEnter: (T) => {
var L, K;
u(), j(), (K = (L = C.props).onMouseEnter) == null || K.call(L, T);
}, onMouseLeave: (T) => {
var q, ne;
const L = T.relatedTarget;
L && !L.classList.contains("tooltip") && !L.classList.contains("tooltip-extra-hover-area") && h(), (ne = (q = C.props).onMouseLeave) == null || ne.call(q, T);
}, onFocus: (T) => {
var L, K;
u(), j(), (K = (L = C.props).onFocus) == null || K.call(L, T);
}, onBlur: (T) => {
var L, K;
h(), (K = (L = C.props).onBlur) == null || K.call(L, T);
}, "aria-describedby": p.id }) : C);
_(() => {
const C = () => {
u();
};
return document.addEventListener("scroll", C), () => {
document.removeEventListener("scroll", C);
};
}, [u]);
const k = de(() => {
if (i === "start")
return {
top: "-10px",
left: "0px",
transform: "translateY(-100%)"
};
if (i === "center")
return {
top: "-10px",
left: `${G / 2}px`,
transform: "translateY(-100%) translateX(-50%)"
};
if (i === "end")
return {
top: "-10px",
left: `${G}px`,
transform: "translateY(-100%) translateX(-100%)"
};
}, [i, G]), B = de(() => {
if (i === "start")
return {
top: `${E + 10}px`,
left: "0px",
transform: "none"
};
if (i === "center")
return {
top: `${E + 10}px`,
left: `${G / 2}px`,
transform: "translateX(-50%)"
};
if (i === "end")
return {
top: `${E + 10}px`,
left: `${G}px`,
transform: "translateX(-100%)"
};
}, [i, E, G]), P = de(() => {
if (i === "start")
return {
top: "0px",
left: "-10px",
transform: "translateX(-100%)"
};
if (i === "center")
return {
top: `${E / 2}px`,
left: "-10px",
transform: "translateX(-100%) translateY(-50%)"
};
if (i === "end")
return {
top: `${E}px`,
left: "-10px",
transform: "translateX(-100%) translateY(-100%)"
};
}, [i, E]), W = de(() => {
if (i === "start")
return {
top: "0px",
left: `${G + 10}px`,
transform: "none"
};
if (i === "center")
return {
top: `${E / 2}px`,
left: `${G + 10}px`,
transform: "translateY(-50%)"
};
if (i === "end")
return {
top: `${E}px`,
left: `${G + 10}px`,
transform: "translateY(-100%)"
};
}, [i, E, G]), f = de(() => {
switch (n) {
case "top":
return k;
case "bottom":
return B;
case "left":
return P;
case "right":
return W;
}
}, [n, k, B, P, W]), F = de(() => /* @__PURE__ */ e.createElement(
"div",
{
className: D,
style: {
top: `${N}px`,
left: `${b}px`
},
onMouseLeave: v,
role: "none"
},
/* @__PURE__ */ e.createElement("div", { className: "relative w-full h-full" }, /* @__PURE__ */ e.createElement("div", { ...p, style: { ...f }, id: p.id, className: Z, role: "tooltip" }, s(t) && /* @__PURE__ */ e.createElement("div", { className: "title" }, l), /* @__PURE__ */ e.createElement("p", { className: "description" }, c), /* @__PURE__ */ e.createElement("div", { className: "tooltip-extra-hover-area", role: "none" })))
), [Z, c, t, l, p, f, N, b]), x = de(() => U ? Aa(F, document.body) : null, [U, F]);
return /* @__PURE__ */ e.createElement(e.Fragment, null, J, x);
}, ae = ({
ref: t = null,
darkMode: a = !1,
appearance: n = "solid",
variant: i = "primary",
fullWidth: l = !1,
hasIcon: c = !1,
iconOnly: r = !1,
leadingIcon: A,
leadingIconHover: o,
trailingIcon: m,
trailingIconHover: N,
children: d,
className: b = "",
...g
}) => {
const G = X(null);
Le(t, () => G.current);
const [I, E] = V("default"), R = y(
{ "flex items-center justify-center content-center": !g.hidden },
`agora-btn ${l ? "agora-btn-full" : ""} agora-btn-${n}-${i}`,
{
"agora-btn-with-icon": s(c),
"is-icon-only": s(r)
},
{ darkMode: s(a) },
b
), u = (h) => {
var M, v;
(h.code === "Enter" || h.code === "NumpadEnter" || h.code === "Space") && ((M = G.current) == null || M.classList.add("active"), E("active")), (v = g.onKeyDown) == null || v.call(g, h);
}, p = (h) => {
var M, v, J, k;
(h.code === "Enter" || h.code === "NumpadEnter" || h.code === "Space") && ((M = G.current) == null || M.classList.remov