@ama-pt/agora-design-system
Version:
Ágora Design system
1,152 lines • 888 kB
JavaScript
import e, { lazy as Y, Suspense as Vt, Children as Q, isValidElement as z, useRef as X, useState as V, useEffect as ee, useImperativeHandle as Se, useId as ae, useMemo as Ae, createRef as We, useCallback as me, cloneElement as ge, createContext as ze, useContext as Te, Fragment as Xt, useLayoutEffect as Bi } from "react";
import { createPortal as zi } from "react-dom";
const jt = {
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: {
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 scss
// Ex: var(--color-primary-100)
function({ addBase: t, theme: i }) {
function n(a, l = "") {
return Object.keys(a).reduce((c, r) => {
const A = a[r], o = typeof A == "string" ? { [`--color${l}-${r}`]: A } : n(A, `-${r}`);
return { ...c, ...o };
}, {});
}
t({
":root, :host, ::backdrop": n(i("colors"))
});
}
],
safelist: [
{
//pattern to be able to dynamically build stories in which we change the DOM
pattern: /(border|bg|fill|text|stroke)-[^/]+$/,
variants: ["hover", "focus", "xs", "md", "xl"]
}
]
};
function Ti(t) {
return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
}
var Ct = { exports: {} };
/*!
Copyright (c) 2018 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
(function(t) {
(function() {
var i = {}.hasOwnProperty;
function n() {
for (var c = "", r = 0; r < arguments.length; r++) {
var A = arguments[r];
A && (c = l(c, a(A)));
}
return c;
}
function a(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)
i.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;
})();
})(Ct);
var xi = Ct.exports;
const J = /* @__PURE__ */ Ti(xi), ft = {
// Business & Payment
"agora-line-buildings": Y(() => import("./line-buildings-CJydHeDZ.mjs")),
"agora-solid-buildings": Y(() => import("./solid-buildings-CqKELo8z.mjs")),
"agora-line-money-taxes": Y(() => import("./line-money-taxes-DH6QfKKL.mjs")),
"agora-solid-money-taxes": Y(() => import("./solid-money-taxes-DS98Crhf.mjs")),
"agora-line-award": Y(() => import("./line-award-BodOdWCz.mjs")),
"agora-solid-award": Y(() => import("./solid-award-Di_C_RO0.mjs")),
"agora-line-calculator": Y(() => import("./line-calculator-Cf5x884o.mjs")),
"agora-solid-calculator": Y(() => import("./solid-calculator-B1z2MoxO.mjs")),
"agora-line-credit-card": Y(() => import("./line-credit-card-dZddhcpw.mjs")),
"agora-solid-credit-card": Y(() => import("./solid-credit-card-DVtYZKEg.mjs")),
"agora-line-ticket": Y(() => import("./line-ticket-D-P-ZR_6.mjs")),
"agora-solid-ticket": Y(() => import("./solid-ticket-Dnm3p6Wi.mjs")),
"agora-line-wallet": Y(() => import("./line-wallet-DGUeUvgi.mjs")),
"agora-solid-wallet": Y(() => import("./solid-wallet-B1Gs6W1s.mjs")),
"agora-line-tag": Y(() => import("./line-tag-CUvDdaiF.mjs")),
"agora-solid-tag": Y(() => import("./solid-tag-DrTNDYKR.mjs")),
// Communication
"agora-line-thumbs-up": Y(() => import("./line-thumbs-up-hYodXLe9.mjs")),
"agora-line-thumbs-down": Y(() => import("./line-thumbs-down-DavNX6us.mjs")),
"agora-solid-thumbs-up": Y(() => import("./solid-thumbs-up-_ZG8Mp3d.mjs")),
"agora-solid-thumbs-down": Y(() => import("./solid-thumbs-down-S82cmWj0.mjs")),
"agora-line-bell": Y(() => import("./line-bell-BX4eSYbX.mjs")),
"agora-solid-bell": Y(() => import("./solid-bell-CJrlCAhM.mjs")),
"agora-line-help-support": Y(() => import("./line-help-support-C1WckTeE.mjs")),
"agora-solid-help-support": Y(() => import("./solid-help-support-DEfn1qOc.mjs")),
"agora-line-chat": Y(() => import("./line-chat-IBADwXfi.mjs")),
"agora-solid-chat": Y(() => import("./solid-chat-CMjPFcul.mjs")),
"agora-line-mail": Y(() => import("./line-mail-BM4oU1Cb.mjs")),
"agora-solid-mail": Y(() => import("./solid-mail-DeBwducj.mjs")),
"agora-line-mail-open": Y(() => import("./line-mail-open-Dd2IiCeK.mjs")),
"agora-solid-mail-open": Y(() => import("./solid-mail-open-BH9yBQjU.mjs")),
"agora-line-at-sign": Y(() => import("./line-at-sign-B_WfKdyo.mjs")),
"agora-solid-at-sign": Y(() => import("./solid-at-sign-B_WfKdyo.mjs")),
// Common Actions
"agora-line-home": Y(() => import("./line-home-Bq8nP6W2.mjs")),
"agora-solid-home": Y(() => import("./solid-home-DbOM72CM.mjs")),
"agora-line-star": Y(() => import("./line-star-DRxlXXj7.mjs")),
"agora-solid-star": Y(() => import("./solid-star-B4M3yY34.mjs")),
"agora-line-log-in": Y(() => import("./line-log-in-0XjnY3DS.mjs")),
"agora-solid-log-in": Y(() => import("./solid-log-in-0XjnY3DS.mjs")),
"agora-line-log-out": Y(() => import("./line-log-out-Be1vNUO8.mjs")),
"agora-solid-log-out": Y(() => import("./solid-log-out-Be1vNUO8.mjs")),
"agora-line-search": Y(() => import("./line-search-tLoB3guT.mjs")),
"agora-solid-search": Y(() => import("./solid-search-CXc3lnhQ.mjs")),
"agora-line-menu": Y(() => import("./line-menu-CYuqUsM-.mjs")),
"agora-solid-menu": Y(() => import("./solid-menu-CYuqUsM-.mjs")),
"agora-line-health": Y(() => import("./line-health-xpe_yAPF.mjs")),
"agora-solid-health": Y(() => import("./solid-health-xpe_yAPF.mjs")),
"agora-line-external-link": Y(() => import("./line-external-link-CzV1zt56.mjs")),
"agora-solid-external-link": Y(() => import("./solid-external-link-ecodBt_c.mjs")),
"agora-line-check-all": Y(() => import("./line-check-all-0HIc8qFI.mjs")),
"agora-solid-check-all": Y(() => import("./solid-check-all-0HIc8qFI.mjs")),
"agora-line-more-horizontal": Y(() => import("./line-more-horizontal-CJ2M9CoR.mjs")),
"agora-solid-more-horizontal": Y(() => import("./solid-more-horizontal-CJ2M9CoR.mjs")),
"agora-line-more-vertical": Y(() => import("./line-more-vertical-jUtqPfx7.mjs")),
"agora-solid-more-vertical": Y(() => import("./solid-more-vertical-jUtqPfx7.mjs")),
"agora-line-refresh-ccw": Y(() => import("./line-refresh-ccw-Ke5eAqw3.mjs")),
"agora-solid-refresh-ccw": Y(() => import("./solid-refresh-ccw-CV7R6gep.mjs")),
"agora-line-dashboard": Y(() => import("./line-dashboard-DCRAsJzp.mjs")),
"agora-solid-dashboard": Y(() => import("./solid-dashboard-0VyWUmku.mjs")),
"agora-line-layers-menu": Y(() => import("./line-layers-menu-BCElaXvM.mjs")),
"agora-solid-layers-menu": Y(() => import("./solid-layers-menu-K5z6Zm9a.mjs")),
// Environment
"agora-line-tree": Y(() => import("./line-tree-Nw7AEEG-.mjs")),
"agora-solid-tree": Y(() => import("./solid-tree-DjDhEbtZ.mjs")),
// File
"agora-line-folder": Y(() => import("./line-folder-BvahNZxP.mjs")),
"agora-solid-folder": Y(() => import("./solid-folder-P6AYl1CG.mjs")),
"agora-line-file": Y(() => import("./line-file-BzYfmsK-.mjs")),
"agora-solid-file": Y(() => import("./solid-file-ZTr4auT0.mjs")),
"agora-line-document": Y(() => import("./line-document-D5IX3wii.mjs")),
"agora-solid-document": Y(() => import("./solid-document-DVWx0xF7.mjs")),
"agora-line-book-open": Y(() => import("./line-book-open-Gyde1vIg.mjs")),
"agora-solid-book-open": Y(() => import("./solid-book-open-BfLxRgyb.mjs")),
"agora-line-package": Y(() => import("./line-package-CE1hKWHW.mjs")),
"agora-solid-package": Y(() => import("./solid-package-Cml-SIak.mjs")),
"agora-line-file-share": Y(() => import("./line-file-share-BDPMlp3T.mjs")),
"agora-solid-file-share": Y(() => import("./solid-file-share-mnXTWdo6.mjs")),
// Formatting
"agora-line-filter": Y(() => import("./line-filter-BLbRgK5q.mjs")),
"agora-solid-filter": Y(() => import("./solid-filter-CZP5ysMS.mjs")),
"agora-line-edit": Y(() => import("./line-edit-9OSt9bj5.mjs")),
"agora-solid-edit": Y(() => import("./solid-edit-Cb8mTNDc.mjs")),
"agora-line-plus-circle": Y(() => import("./line-plus-circle-vNGIsEUG.mjs")),
"agora-solid-plus-circle": Y(() => import("./solid-plus-circle-Cf8cg-zW.mjs")),
"agora-line-plus": Y(() => import("./line-plus-Dcvte5l7.mjs")),
"agora-solid-plus": Y(() => import("./solid-plus-Dcvte5l7.mjs")),
"agora-line-minus-circle": Y(() => import("./line-minus-circle-YZvJcxR2.mjs")),
"agora-solid-minus-circle": Y(() => import("./solid-minus-circle-BLZIX0en.mjs")),
"agora-line-minus": Y(() => import("./line-minus-CaVcWkS-.mjs")),
"agora-solid-minus": Y(() => import("./solid-minus-CaVcWkS-.mjs")),
"agora-line-upload": Y(() => import("./line-upload-DHphNhIL.mjs")),
"agora-solid-upload": Y(() => import("./solid-upload-FT0yDefS.mjs")),
"agora-line-download": Y(() => import("./line-download-D3BjkK0M.mjs")),
"agora-solid-download": Y(() => import("./solid-download-CS0fEB85.mjs")),
"agora-line-paperclip": Y(() => import("./line-paperclip-BfpDKOjT.mjs")),
"agora-solid-paperclip": Y(() => import("./solid-paperclip-BfpDKOjT.mjs")),
"agora-line-list": Y(() => import("./line-list-1BeIvOqf.mjs")),
"agora-solid-list": Y(() => import("./solid-list-1BeIvOqf.mjs")),
"agora-line-settings": Y(() => import("./line-settings-DXg1k1qQ.mjs")),
"agora-solid-settings": Y(() => import("./solid-settings-Dv1JiBGZ.mjs")),
"agora-line-bullet": Y(() => import("./line-bullet-WK8KE3Nz.mjs")),
"agora-solid-bullet": Y(() => import("./solid-bullet-D_W-NMzx.mjs")),
"agora-line-sort-vertical": Y(() => import("./line-sort-vertical-BhJF09g5.mjs")),
"agora-solid-sort-vertical": Y(() => import("./solid-sort-vertical-BhJF09g5.mjs")),
"agora-line-sort-generic-down": Y(() => import("./line-sort-generic-down-Cu8WyLMj.mjs")),
"agora-solid-sort-generic-down": Y(() => import("./solid-sort-generic-down-Cu8WyLMj.mjs")),
"agora-line-sort-generic-up": Y(() => import("./line-sort-generic-up-iCV8WAIp.mjs")),
"agora-solid-sort-generic-up": Y(() => import("./solid-sort-generic-up-iCV8WAIp.mjs")),
"agora-line-sort-alpha-down": Y(() => import("./line-sort-alpha-down-CPkM5mtz.mjs")),
"agora-solid-sort-alpha-down": Y(() => import("./solid-sort-alpha-down-CPkM5mtz.mjs")),
"agora-line-sort-alpha-up": Y(() => import("./line-sort-alpha-up-Bc_ykmlT.mjs")),
"agora-solid-sort-alpha-up": Y(() => import("./solid-sort-alpha-up-Bc_ykmlT.mjs")),
"agora-line-trash": Y(() => import("./line-trash-Cv6jv93F.mjs")),
"agora-solid-trash": Y(() => import("./solid-trash-5lB6fyxC.mjs")),
"agora-line-print": Y(() => import("./line-print-BmI9Ny86.mjs")),
"agora-solid-print": Y(() => import("./solid-print-DdU8uBcE.mjs")),
"agora-line-delete": Y(() => import("./line-delete-D4IGiXnx.mjs")),
"agora-solid-delete": Y(() => import("./solid-delete-A2DvUg-1.mjs")),
// Food & Drinks
"agora-line-coffee": Y(() => import("./line-coffee-BDTbXYHT.mjs")),
"agora-solid-coffee": Y(() => import("./solid-coffee-Cuy78lZv.mjs")),
// Hardware
"agora-line-hardware-settings": Y(() => import("./line-hardware-settings-CP-T5at-.mjs")),
"agora-solid-hardware-settings": Y(() => import("./solid-hardware-settings-BsSxijop.mjs")),
"agora-line-wifi": Y(() => import("./line-wifi-nE0W0Dqe.mjs")),
"agora-solid-wifi": Y(() => import("./solid-wifi-nE0W0Dqe.mjs")),
// Maps & Travel
"agora-line-plane": Y(() => import("./line-plane-BSbdY4B9.mjs")),
"agora-solid-plane": Y(() => import("./solid-plane-DBfQUeU0.mjs")),
"agora-line-driving": Y(() => import("./line-driving-_mFgAsxY.mjs")),
"agora-solid-driving": Y(() => import("./solid-driving-CDmZMkb-.mjs")),
"agora-line-map": Y(() => import("./line-map-C21RAFdm.mjs")),
"agora-solid-map": Y(() => import("./solid-map-LEhls5fx.mjs")),
"agora-line-map-pin": Y(() => import("./line-map-pin-kjbPUdcx.mjs")),
"agora-solid-map-pin": Y(() => import("./solid-map-pin-BVb-3Vzu.mjs")),
"agora-line-target": Y(() => import("./line-target-BYfRFPW4.mjs")),
"agora-solid-target": Y(() => import("./solid-target-wVW1wKsd.mjs")),
"agora-line-briefcase": Y(() => import("./line-briefcase-BJIIJf3e.mjs")),
"agora-solid-briefcase": Y(() => import("./solid-briefcase-CW2CUBvW.mjs")),
"agora-line-flag": Y(() => import("./line-flag-C869WIjo.mjs")),
"agora-solid-flag": Y(() => import("./solid-flag-B_wRXQ2v.mjs")),
// Media
"agora-line-video-on": Y(() => import("./line-video-on-VrJ-pqls.mjs")),
"agora-solid-video-on": Y(() => import("./solid-video-on-C3ZXzD5Z.mjs")),
"agora-line-video-off": Y(() => import("./line-video-off-BeGslMfh.mjs")),
"agora-solid-video-off": Y(() => import("./solid-video-off-DgldJgXo.mjs")),
"agora-line-mic-on": Y(() => import("./line-mic-on-spKBPsUu.mjs")),
"agora-solid-mic-on": Y(() => import("./solid-mic-on-BmZBy1wd.mjs")),
"agora-line-mic-off": Y(() => import("./line-mic-off-8NlUihDj.mjs")),
"agora-solid-mic-off": Y(() => import("./solid-mic-off-CEQHtc18.mjs")),
"agora-line-movie": Y(() => import("./line-movie-BWJN9R2q.mjs")),
"agora-solid-movie": Y(() => import("./solid-movie-CISseVf5.mjs")),
"agora-line-camera": Y(() => import("./line-camera-BPZ2ZeL-.mjs")),
"agora-solid-camera": Y(() => import("./solid-camera-DyR-lfxz.mjs")),
"agora-line-monitor": Y(() => import("./line-monitor-DUEdEGY1.mjs")),
"agora-solid-monitor": Y(() => import("./solid-monitor-D_OJfufu.mjs")),
"agora-line-airplay": Y(() => import("./line-airplay-BWnaXraO.mjs")),
"agora-solid-airplay": Y(() => import("./solid-airplay-CT7RRjBg.mjs")),
"agora-line-mega-phone": Y(() => import("./line-mega-phone-B7t0tfLS.mjs")),
"agora-solid-mega-phone": Y(() => import("./solid-mega-phone-CpvfoRJL.mjs")),
"agora-line-volume-max": Y(() => import("./line-volume-max-D9LtibvN.mjs")),
"agora-solid-volume-max": Y(() => import("./solid-volume-max-BOexNQ32.mjs")),
"agora-line-volume-min": Y(() => import("./line-volume-min-BUphvaEP.mjs")),
"agora-solid-volume-min": Y(() => import("./solid-volume-min-DvN4XS_N.mjs")),
"agora-line-volume-off": Y(() => import("./line-volume-off-Bl7r3daC.mjs")),
"agora-solid-volume-off": Y(() => import("./solid-volume-off-CB9nMabs.mjs")),
"agora-line-volume-mute": Y(() => import("./line-volume-mute-C3hXqN_l.mjs")),
"agora-solid-volume-mute": Y(() => import("./solid-volume-mute-DTtOIBZb.mjs")),
"agora-line-music": Y(() => import("./line-music-Bh0ivoUc.mjs")),
"agora-solid-music": Y(() => import("./solid-music-DqGRxIgM.mjs")),
"agora-line-globe": Y(() => import("./line-globe-BxGB7Rya.mjs")),
"agora-solid-globe": Y(() => import("./solid-globe-BxGB7Rya.mjs")),
"agora-line-smartphone": Y(() => import("./line-smartphone-pn15MVJ_.mjs")),
"agora-solid-smartphone": Y(() => import("./solid-smartphone-BYwhxf7g.mjs")),
// Navigation
"agora-line-arrow-down-anchor": Y(() => import("./line-arrow-down-anchor-1Ik_PAda.mjs")),
"agora-solid-arrow-down-anchor": Y(() => import("./solid-arrow-down-anchor-CBEKEuwD.mjs")),
"agora-line-arrow-up-anchor": Y(() => import("./line-arrow-up-anchor-BGAtSCUC.mjs")),
"agora-solid-arrow-up-anchor": Y(() => import("./solid-arrow-up-anchor-BKZVSnhn.mjs")),
"agora-line-arrow-right-anchor": Y(() => import("./line-arrow-right-anchor-Cpape9ux.mjs")),
"agora-solid-arrow-right-anchor": Y(() => import("./solid-arrow-right-anchor-klXwk51M.mjs")),
"agora-line-arrow-left-anchor": Y(() => import("./line-arrow-left-anchor-BLqBxK_6.mjs")),
"agora-solid-arrow-left-anchor": Y(() => import("./solid-arrow-left-anchor-KIYCVwa3.mjs")),
"agora-line-arrow-down-circle": Y(() => import("./line-arrow-down-circle-c8Cfdkoo.mjs")),
"agora-solid-arrow-down-circle": Y(() => import("./solid-arrow-down-circle-DzG3htuU.mjs")),
"agora-line-arrow-up-circle": Y(() => import("./line-arrow-up-circle-Bee73qj3.mjs")),
"agora-solid-arrow-up-circle": Y(() => import("./solid-arrow-up-circle-Is76Hjia.mjs")),
"agora-line-arrow-right-circle": Y(() => import("./line-arrow-right-circle-Bt6V93yV.mjs")),
"agora-solid-arrow-right-circle": Y(() => import("./solid-arrow-right-circle-Dlt-duIk.mjs")),
"agora-line-arrow-left-circle": Y(() => import("./line-arrow-left-circle-DcoCo5gO.mjs")),
"agora-solid-arrow-left-circle": Y(() => import("./solid-arrow-left-circle-CMhznJGN.mjs")),
"agora-line-arrow-up": Y(() => import("./line-arrow-up-BWWF_Qvp.mjs")),
"agora-solid-arrow-up": Y(() => import("./solid-arrow-up-BO_loNqc.mjs")),
"agora-line-arrow-down": Y(() => import("./line-arrow-down-DnHl70Fu.mjs")),
"agora-solid-arrow-down": Y(() => import("./solid-arrow-down-CX5JrUuD.mjs")),
"agora-line-arrow-right": Y(() => import("./line-arrow-right-CE4B5Ims.mjs")),
"agora-solid-arrow-right": Y(() => import("./solid-arrow-right-qKB7Du8n.mjs")),
"agora-line-arrow-left": Y(() => import("./line-arrow-left-DIkoyYVj.mjs")),
"agora-solid-arrow-left": Y(() => import("./solid-arrow-left-CyI5Jp34.mjs")),
"agora-line-chevron-down": Y(() => import("./line-chevron-down-B3sQSuhs.mjs")),
"agora-solid-chevron-down": Y(() => import("./solid-chevron-down-B3sQSuhs.mjs")),
"agora-line-chevron-up": Y(() => import("./line-chevron-up-CV_qj_vu.mjs")),
"agora-solid-chevron-up": Y(() => import("./solid-chevron-up-Bz446Fjn.mjs")),
"agora-line-chevron-right": Y(() => import("./line-chevron-right-BsvTj2M9.mjs")),
"agora-solid-chevron-right": Y(() => import("./solid-chevron-right-BsvTj2M9.mjs")),
"agora-line-chevron-left": Y(() => import("./line-chevron-left-B1lIDR2x.mjs")),
"agora-solid-chevron-left": Y(() => import("./solid-chevron-left-Bq0z72NT.mjs")),
"agora-line-chevrons-down": Y(() => import("./line-chevrons-down-g6XVun5j.mjs")),
"agora-solid-chevrons-down": Y(() => import("./solid-chevrons-down-CZVmuzMN.mjs")),
"agora-line-chevrons-up": Y(() => import("./line-chevrons-up-6rkZvqA3.mjs")),
"agora-solid-chevrons-up": Y(() => import("./solid-chevrons-up-BMucqcuI.mjs")),
"agora-line-chevrons-left": Y(() => import("./line-chevrons-left-D5cNOdri.mjs")),
"agora-solid-chevrons-left": Y(() => import("./solid-chevrons-left-CPoYihuy.mjs")),
"agora-line-chevrons-right": Y(() => import("./line-chevrons-right-BqJYSv9v.mjs")),
"agora-solid-chevrons-right": Y(() => import("./solid-chevrons-right-DVWJzOT1.mjs")),
// Privacy & Security
"agora-line-shield": Y(() => import("./line-shield-CvPsZ8kb.mjs")),
"agora-solid-shield": Y(() => import("./solid-shield-Buhk2x9X.mjs")),
"agora-line-unlock": Y(() => import("./line-unlock-PXl0EQIa.mjs")),
"agora-solid-unlock": Y(() => import("./solid-unlock-0FTr274Z.mjs")),
"agora-line-lock": Y(() => import("./line-lock-Bz1c0Qg_.mjs")),
"agora-solid-lock": Y(() => import("./solid-lock-NkvOHDIt.mjs")),
"agora-line-eye": Y(() => import("./line-eye-BODs9cSf.mjs")),
"agora-solid-eye": Y(() => import("./solid-eye-DEvHWA5Z.mjs")),
"agora-line-eye-off": Y(() => import("./line-eye-off-BwWZVfYl.mjs")),
"agora-solid-eye-off": Y(() => import("./solid-eye-off-Y3H8Hpxt.mjs")),
// Public institutions
"agora-line-court": Y(() => import("./line-court-NcV985Ta.mjs")),
"agora-solid-court": Y(() => import("./solid-court-C0gj8xN-.mjs")),
"agora-line-social-security": Y(() => import("./line-social-security-DONOVxvT.mjs")),
"agora-solid-social-security": Y(() => import("./solid-social-security-3CFMj1A-.mjs")),
// Social
"agora-line-twitter-x": Y(() => import("./line-twitter-x-wWjr2MKY.mjs")),
"agora-solid-twitter-x": Y(() => import("./solid-twitter-x-CSJZH-6d.mjs")),
"agora-line-twitter": Y(() => import("./line-twitter-bFsVWqEt.mjs")),
"agora-solid-twitter": Y(() => import("./solid-twitter-55xSFanC.mjs")),
"agora-line-instagram": Y(() => import("./line-instagram-DIgb62RM.mjs")),
"agora-solid-instagram": Y(() => import("./solid-instagram-dFoonqpB.mjs")),
"agora-line-facebook": Y(() => import("./line-facebook-Dbs04NuV.mjs")),
"agora-solid-facebook": Y(() => import("./solid-facebook-Cs3SwdaS.mjs")),
"agora-line-youtube": Y(() => import("./line-youtube-C_pFdE1_.mjs")),
"agora-solid-youtube": Y(() => import("./solid-youtube-bQdqgmwi.mjs")),
"agora-line-linkedin": Y(() => import("./line-linkedin-BwvrJOaZ.mjs")),
"agora-solid-linkedin": Y(() => import("./solid-linkedin-BON4bfmF.mjs")),
"agora-line-share": Y(() => import("./line-share-ycr5TxYz.mjs")),
"agora-solid-share": Y(() => import("./solid-share-BpTJjztR.mjs")),
"agora-line-bookmark": Y(() => import("./line-bookmark-BwJyAxPR.mjs")),
"agora-solid-bookmark": Y(() => import("./solid-bookmark-DhCU3Bpl.mjs")),
// Status
"agora-line-x-circle": Y(() => import("./line-x-circle-BSVtpm5Q.mjs")),
"agora-solid-x-circle": Y(() => import("./solid-x-circle-D-azXjMK.mjs")),
"agora-line-x": Y(() => import("./line-x-EYXDQAB1.mjs")),
"agora-solid-x": Y(() => import("./solid-x-EYXDQAB1.mjs")),
"agora-line-check-circle": Y(() => import("./line-check-circle-cYKoWFAd.mjs")),
"agora-solid-check-circle": Y(() => import("./solid-check-circle--TrUqUcc.mjs")),
"agora-line-check": Y(() => import("./line-check-CbZk3c9L.mjs")),
"agora-solid-check": Y(() => import("./solid-check-CbZk3c9L.mjs")),
"agora-line-question-mark": Y(() => import("./line-question-mark-uBwxCj4-.mjs")),
"agora-solid-question-mark": Y(() => import("./solid-question-mark-Chj3QN6q.mjs")),
"agora-line-alert-circle": Y(() => import("./line-alert-circle-CyYzIaKL.mjs")),
"agora-solid-alert-circle": Y(() => import("./solid-alert-circle-iILtiNWn.mjs")),
"agora-line-info-mark": Y(() => import("./line-info-mark-BBmQDEPd.mjs")),
"agora-solid-info-mark": Y(() => import("./solid-info-mark-CkiMhR98.mjs")),
"agora-line-alert-triangle": Y(() => import("./line-alert-triangle-B8MP3AKI.mjs")),
"agora-solid-alert-triangle": Y(() => import("./solid-alert-triangle-zSUf2OLz.mjs")),
"agora-line-loader": Y(() => import("./line-loader-B7kcvx6i.mjs")),
"agora-solid-loader": Y(() => import("./solid-loader-B7kcvx6i.mjs")),
"agora-line-smile-sad": Y(() => import("./line-smile-sad-Bmp316wL.mjs")),
"agora-solid-smile-sad": Y(() => import("./solid-smile-sad-DekTD0X2.mjs")),
// Transportation
"agora-line-bus": Y(() => import("./line-bus-LL3fl8O6.mjs")),
"agora-solid-bus": Y(() => import("./solid-bus-BjkjP6JF.mjs")),
"agora-line-truck": Y(() => import("./line-truck-BgiJghNK.mjs")),
"agora-solid-truck": Y(() => import("./solid-truck-Chv6gpCm.mjs")),
// Time
"agora-line-calendar": Y(() => import("./line-calendar-CAqjGIBb.mjs")),
"agora-solid-calendar": Y(() => import("./solid-calendar-B-lr4pRu.mjs")),
"agora-line-clock": Y(() => import("./line-clock-BGfnIgE4.mjs")),
"agora-solid-clock": Y(() => import("./solid-clock-Blaco-4T.mjs")),
// User
"agora-line-user-group": Y(() => import("./line-user-group-PKm2Bgmf.mjs")),
"agora-solid-user-group": Y(() => import("./solid-user-group-f4Ena9xy.mjs")),
"agora-line-user": Y(() => import("./line-user-B8teZBi7.mjs")),
"agora-solid-user": Y(() => import("./solid-user-BbVoFJ2R.mjs")),
// Others
"agora-line-bookmark-card": Y(() => import("./line-bookmark-card-5pT1fP8k.mjs")),
"agora-solid-bookmark-card": Y(() => import("./solid-bookmark-card-Cx3XFRpC.mjs")),
"agora-drag-dots": Y(() => import("./drag-dots-CyRC22we.mjs")),
// Default icon - Should not be listable
"no-icon": Y(() => import("./agora-BmHZWHqH.mjs"))
}, Li = Object.keys(ft).filter((t) => t !== "no-icon"), Fi = (t) => !!Li.find((i) => i === t), xt = {}, Oi = (t) => {
const i = xt[t];
if (i)
return i;
const n = ft[t];
return xt[t] = n, n;
}, te = ({ dimensions: t = "m", name: i = "no-icon", onIconLoad: n, onIconError: a, ...l }) => {
var d;
const c = J(
"icon",
{
[`icon-${t == null ? void 0 : t.toLowerCase()}`]: t,
"fill-primary-600": !((d = l.className) != null && d.match("fill-"))
},
l.className
), r = () => {
n == null || n();
}, A = () => {
a == null || a();
};
if (i !== "no-icon" && !Fi(i))
return /* @__PURE__ */ e.createElement("img", { ...l, src: i, alt: l.alt, className: c, onLoad: r, onError: A });
const m = Oi(i), b = {
...l,
className: c,
title: l.title ?? l.alt
};
return m && /* @__PURE__ */ e.createElement(Vt, null, /* @__PURE__ */ e.createElement(m, { ...b }));
}, se = ({ state: t, ...i }) => /* @__PURE__ */ e.createElement(te, { "data-state": t, ...i }), Je = ({ ref: t = null, className: i, state: n = "default", children: a, ...l }) => /* @__PURE__ */ e.createElement("div", { ...l, ref: t, className: i }, Q.toArray(a).map((c) => {
if (!z(c))
return null;
const { state: r, ...A } = c.props;
return /* @__PURE__ */ e.createElement(te, { ...A, "aria-hidden": !0, key: r, style: { display: r === n ? "block" : "none" } });
}));
function ke(t, i) {
const n = new Event(i, { bubbles: !0 });
Object.defineProperty(n, "target", { writable: !1, value: t });
let a = !1, l = !1;
const c = () => {
a = !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: () => a,
stopPropagation: r,
isPropagationStopped: () => l,
persist: () => {
},
timeStamp: n.timeStamp,
type: n.type
};
}
const wc = (t, i = 300) => {
let n;
return (a) => {
n && (clearTimeout(n), n = void 0), n = setTimeout(() => {
t(a);
}, i);
};
}, Qi = (t, i = 300) => {
const n = X(null), [a, l] = V("");
return ee(() => (n.current && clearTimeout(n.current), n.current = setTimeout(() => {
t(a);
}, i), () => {
n.current && clearTimeout(n.current);
}), [t, i, a]), {
setArgs: l
};
}, Wt = (t) => {
let i = t.getDate().toString();
i.length < 2 && (i = `0${i}`);
let n = (t.getMonth() + 1).toString();
n.length < 2 && (n = `0${n}`);
const a = t.getFullYear();
return `${i}/${n}/${a}`;
}, hc = (t) => t.toLocaleLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, ""), N = (t) => typeof t > "u" ? !1 : typeof t == "boolean" ? t : t === "true";
function je(t, i, n, a) {
const l = X(null);
return Se(
t,
() => {
if (l.current = i.current, l.current) {
const { focus: c, ...r } = n;
Object.assign(l.current, r);
}
return l.current;
},
a
), l;
}
const pe = (t, i = 10) => {
setTimeout(t, i);
}, Ye = (t = { width: 1920, height: 1080 }) => {
const [i, n] = V(() => typeof window < "u" ? { width: window.innerWidth, height: window.innerHeight } : t);
return ee(() => {
const a = () => {
n({ width: window.innerWidth, height: window.innerHeight });
};
return a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
}, []), i;
}, ye = () => {
const t = Number(jt.theme.screens.xs.replaceAll("px", "")), i = Number(jt.theme.screens.md.replaceAll("px", "")), n = Number(jt.theme.screens.xl.replaceAll("px", ""));
return {
xsScreen: t,
mdScreen: i,
xlScreen: n
};
}, Ht = ({
ref: t = null,
children: i,
hasIcon: n,
leadingIcon: a,
leadingIconHover: l,
darkMode: c = !1,
headingTitle: r,
headingLevel: A = "h3",
className: o = "",
defaultExpanded: m,
expanded: b,
onExpanded: d,
onCollapsed: u,
onChange: g,
"aria-label": E,
...D
}) => {
const s = ae(), R = typeof b < "u", p = typeof m < "u", [h, y] = V(p ? N(m) : !1), [Z, G] = V("default"), { width: I } = Ye(), { mdScreen: M } = ye(), w = I < M, U = R ? N(b) : h, [j, v] = V({ name: null }), W = () => {
R || y(!0), v({ name: "expand" });
}, S = () => {
R || y(!0);
}, x = () => {
R || y(!1), v({ name: "collapse" });
}, T = () => {
R || y(!1);
}, q = () => {
R || y(!U), U && v({ name: "collapse" }), U || v({ name: "expand" });
}, L = () => {
R || y(!U);
}, B = X(null), O = je(
t,
B,
{
isExpanded: U,
expand: W,
silentExpand: S,
collapse: x,
silentCollapse: T,
toggle: q,
silentToggle: L
},
[B, U]
);
ee(() => {
if (j.name === "expand") {
const De = ke(O.current ?? void 0, "expand");
d == null || d(De);
}
if (j.name === "collapse") {
const De = ke(O.current ?? void 0, "collapse");
u == null || u(De);
}
const de = ke(O.current ?? void 0, "change");
g == null || g(de);
}, [j]);
const F = J("agora-accordion", o, {
"accordion-open": U,
"active-state": Z === "active",
mobile: w,
"dark-mode": N(c)
}), $ = J("accordion-body", { "accordion-body-block": U }), P = J("icon icon-chevron", { "icon-chevron-flip": U }), k = () => {
q(), G("default");
}, C = (de) => {
de.code === "Space" && G("active");
}, H = (de) => {
de.code === "Space" && G("default");
}, K = () => {
G("active");
}, f = () => {
G("default");
}, _ = () => {
G("default");
}, ce = () => {
G("hover");
};
return /* @__PURE__ */ e.createElement("div", { className: F, ...D, ref: B }, /* @__PURE__ */ e.createElement(A, { className: "flex justify-start items-center w-full" }, /* @__PURE__ */ e.createElement(
"button",
{
"aria-label": E,
type: "button",
className: "accordion-header",
"aria-expanded": U,
id: `agora-accordion-${s}-control`,
"aria-controls": `agora-accordion-${s}-region`,
onClick: k,
onKeyDown: C,
onKeyUp: H,
onMouseDown: K,
onMouseUp: f,
onMouseLeave: _,
onMouseEnter: ce
},
/* @__PURE__ */ e.createElement("div", { className: "accordion-header-button-wrapper" }, N(n) && (a || l) && /* @__PURE__ */ e.createElement(Je, { className: "icon-wrapper leading", state: Z }, /* @__PURE__ */ e.createElement(se, { className: "leading-icon-default", state: "default", name: a ?? l }), /* @__PURE__ */ e.createElement(se, { className: "leading-icon-hover", state: "hover", name: l ?? a }), /* @__PURE__ */ e.createElement(se, { className: "leading-icon-active", state: "active", name: a ?? l })), r && /* @__PURE__ */ e.createElement("span", { className: "title" }, r), /* @__PURE__ */ e.createElement("div", { className: "icon-wrapper trailing" }, /* @__PURE__ */ e.createElement(te, { className: P, name: "agora-line-chevron-down" })))
)), /* @__PURE__ */ e.createElement(
"div",
{
className: $,
id: `agora-accordion-${s}-region`,
role: "region",
"aria-labelledby": `agora-accordion-${s}-control`
},
/* @__PURE__ */ e.createElement("div", { className: "children-wrapper" }, i)
));
}, Vi = ({ className: t = "", children: i, darkMode: n = !1, ...a }) => {
const l = ae(), c = Ae(() => /* @__PURE__ */ new Map(), []), r = (m) => {
c.forEach((b, d) => {
var u;
d !== m && ((u = b.current) == null || u.silentCollapse());
});
}, A = Q.toArray(i).map((m, b) => {
if (!z(m))
return null;
const d = `accordion-group-${l}-accordion-${b}`, u = We();
c.set(d, u);
const g = (E) => {
var D, s;
r(d), (s = (D = m.props).onExpanded) == null || s.call(D, E);
};
return /* @__PURE__ */ e.createElement("li", { key: d }, /* @__PURE__ */ e.createElement(Ht, { ...m.props, ref: u, onExpanded: g, darkMode: n }));
}), o = J("agora-accordion-group", "mt-0 p-0 w-full", t, {
"dark-mode": N(n)
});
return /* @__PURE__ */ e.createElement("ul", { className: o, ...a }, A);
}, Ze = ({
ref: t = null,
darkMode: i = !1,
appearance: n = "text",
variant: a = "primary",
fullWidth: l = !1,
hasIcon: c = !1,
iconOnly: r = !1,
leadingIcon: A,
leadingIconHover: o,
trailingIcon: m,
trailingIconHover: b,
children: d,
className: u = "",
inline: g = !1,
...E
}) => {
const D = X(null);
je(t, D, {}, [D.current]);
const s = J(
"agora-anchor",
`agora-anchor-${n}-${a}`,
{ "agora-anchor-full": l },
{ "inline-flex items-center": !E.hidden },
{ "justify-center min-h-[44px] min-w-[44px] py-8": !N(g) },
{ "justify-start": N(g) },
{ "agora-anchor-with-icon": N(c) || N(r) },
{ "is-icon-only": N(r) },
{ "dark-mode": N(i) },
u
), [R, p] = V("default"), h = (w) => {
var j;
const U = window.matchMedia("(pointer: coarse)").matches;
p(U ? "default" : "hover"), (j = E.onClick) == null || j.call(E, w);
}, y = (w) => {
var j;
window.matchMedia("(pointer: coarse)").matches || p("hover"), (j = E.onMouseEnter) == null || j.call(E, w);
}, Z = (w) => {
var j;
window.matchMedia("(pointer: coarse)").matches || p("default"), (j = E.onMouseLeave) == null || j.call(E, w);
}, G = (w) => {
var j;
window.matchMedia("(pointer: coarse)").matches || p("active"), (j = E.onMouseDown) == null || j.call(E, w);
}, I = (w) => {
var j;
window.matchMedia("(pointer: coarse)").matches || p("default"), (j = E.onMouseUp) == null || j.call(E, w);
}, M = () => {
var w;
(w = D.current) == null || w.classList.remove("active"), p("default");
};
return /* @__PURE__ */ e.createElement(
"a",
{
...E,
className: s,
ref: D,
onClick: h,
onMouseEnter: y,
onMouseLeave: Z,
onMouseDown: G,
onMouseUp: I,
onBlur: M,
onKeyDown: E.onKeyDown
},
c && (A || o) && /* @__PURE__ */ e.createElement(Je, { className: "icon-wrapper leading", state: R }, /* @__PURE__ */ e.createElement(se, { className: "leading-icon-default", state: "default", name: A ?? "no-icon" }), /* @__PURE__ */ e.createElement(se, { className: "leading-icon-hover", state: "hover", name: o ?? "no-icon" }), /* @__PURE__ */ e.createElement(se, { className: "leading-icon-active", state: "active", name: A ?? "no-icon" })),
!r && d && /* @__PURE__ */ e.createElement("span", { className: "children-wrapper" }, d),
c && (m || b) && /* @__PURE__ */ e.createElement(Je, { className: "icon-wrapper trailing", state: R }, /* @__PURE__ */ e.createElement(se, { className: "trailing-icon-default", state: "default", name: m ?? "no-icon" }), /* @__PURE__ */ e.createElement(se, { className: "trailing-icon-hover", state: "hover", name: b ?? "no-icon" }), /* @__PURE__ */ e.createElement(se, { className: "trailing-icon-active", state: "active", name: m ?? "no-icon" }))
);
}, yt = "agora-ds-tooltip-change", Pt = ({
hasTitle: t,
variant: i = "dark",
position: n = "top",
alignment: a = "center",
title: l,
description: c,
children: r,
...A
}) => {
const o = ae(), m = X(null), [b, d] = V(0), [u, g] = V(0), [E, D] = V(0), [s, R] = V(0), p = me(() => {
var O;
if (m.current) {
const F = (O = m.current) == null ? void 0 : O.getBoundingClientRect();
F && (d(F.top + window.scrollY), g(F.left + window.scrollX), D(F.width), R(F.height));
}
}, []), h = Ae(() => ({ ...A }), [A]);
h.id = h.id ?? o;
const y = J("tooltip-container absolute z-tooltip", A.className), Z = J("tooltip", {
[`tooltip--${i}`]: i,
[`tooltip--${n}--${a}`]: n && a
}), [G, I] = V(!1), M = () => {
I(!0);
const O = new CustomEvent(yt, { detail: h.id });
document.dispatchEvent(O);
}, w = () => {
I(!1);
}, U = (O) => {
O.key === "Escape" && I(!1);
}, j = () => {
w();
};
ee(() => {
document.addEventListener("keydown", U);
const O = (F) => {
F.detail !== h.id && I(!1);
};
return document.addEventListener(yt, O), () => {
document.removeEventListener("keydown", U), document.removeEventListener(yt, O);
};
}, [h.id]);
const v = Q.map(r, (O) => z(O) ? ge(O, { ref: m, onMouseEnter: (C) => {
var H, K;
p(), M(), (K = (H = O.props).onMouseEnter) == null || K.call(H, C);
}, onMouseLeave: (C) => {
var f, _;
const H = C.relatedTarget;
H && !H.classList.contains("tooltip") && !H.classList.contains("tooltip-extra-hover-area") && w(), (_ = (f = O.props).onMouseLeave) == null || _.call(f, C);
}, onFocus: (C) => {
var H, K;
p(), M(), (K = (H = O.props).onFocus) == null || K.call(H, C);
}, onBlur: (C) => {
var H, K;
w(), (K = (H = O.props).onBlur) == null || K.call(H, C);
}, "aria-describedby": h.id }) : O);
ee(() => {
const O = () => {
p();
};
return document.addEventListener("scroll", O), () => {
document.removeEventListener("scroll", O);
};
}, [p]);
const W = Ae(() => {
if (a === "start")
return {
top: "-10px",
left: "0px",
transform: "translateY(-100%)"
};
if (a === "center")
return {
top: "-10px",
left: `${E / 2}px`,
transform: "translateY(-100%) translateX(-50%)"
};
if (a === "end")
return {
top: "-10px",
left: `${E}px`,
transform: "translateY(-100%) translateX(-100%)"
};
}, [a, E]), S = Ae(() => {
if (a === "start")
return {
top: `${s + 10}px`,
left: "0px",
transform: "none"
};
if (a === "center")
return {
top: `${s + 10}px`,
left: `${E / 2}px`,
transform: "translateX(-50%)"
};
if (a === "end")
return {
top: `${s + 10}px`,
left: `${E}px`,
transform: "translateX(-100%)"
};
}, [a, s, E]), x = Ae(() => {
if (a === "start")
return {
top: "0px",
left: "-10px",
transform: "translateX(-100%)"
};
if (a === "center")
return {
top: `${s / 2}px`,
left: "-10px",
transform: "translateX(-100%) translateY(-50%)"
};
if (a === "end")
return {
top: `${s}px`,
left: "-10px",
transform: "translateX(-100%) translateY(-100%)"
};
}, [a, s]), T = Ae(() => {
if (a === "start")
return {
top: "0px",
left: `${E + 10}px`,
transform: "none"
};
if (a === "center")
return {
top: `${s / 2}px`,
left: `${E + 10}px`,
transform: "translateY(-50%)"
};
if (a === "end")
return {
top: `${s}px`,
left: `${E + 10}px`,
transform: "translateY(-100%)"
};
}, [a, s, E]), q = Ae(() => {
switch (n) {
case "top":
return W;
case "bottom":
return S;
case "left":
return x;
case "right":
return T;
}
}, [n, W, S, x, T]), L = Ae(() => /* @__PURE__ */ e.createElement(
"div",
{
className: y,
style: {
top: `${b}px`,
left: `${u}px`
},
onMouseLeave: j,
role: "none"
},
/* @__PURE__ */ e.createElement("div", { className: "relative w-full h-full" }, /* @__PURE__ */ e.createElement("div", { ...h, style: { ...q }, id: h.id, className: Z, role: "tooltip" }, N(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, h, q, b, u]), B = Ae(() => G ? zi(L, document.body) : null, [G, L]);
return /* @__PURE__ */ e.createElement(e.Fragment, null, v, B);
}, ne = ({
ref: t = null,
darkMode: i = !1,
appearance: n = "solid",
variant: a = "primary",
fullWidth: l = !1,
hasIcon: c = !1,
iconOnly: r = !1,
leadingIcon: A,
leadingIconHover: o,
trailingIcon: m,
trailingIconHover: b,
children: d,
className: u = "",
...g
}) => {
const E = X(null);
Se(t, () => E.current);
const [D, s] = V("default"), R = J(
{ "flex items-center justify-center": !g.hidden },
`agora-btn ${l ? "agora-btn-full" : ""} agora-btn-${n}-${a}`,
{
"agora-btn-with-icon": N(c),
"is-icon-only": N(r)
},
{ darkMode: N(i) },
u
), p = (w) => {
var U, j;
(w.code === "Enter" || w.code === "NumpadEnter" || w.code === "Space") && ((U = E.current) == null || U.classList.add("active"), s("active")), (j = g.onKeyDown) == null || j.call(g, w);
}, h = (w) => {
var U, j, v, W;
(w.code === "Enter" || w.code === "NumpadEnter" || w.code === "Space") && ((U = E.current) == null || U.classList.remove("active"), s("default"), (j = E.current) == null || j.setAttribute("data-custom-triggered-click", "true"), (v = E.current) == null || v.click()), (W = g.onKeyUp) == null || W.call(g, w);
}, y = (w) => {
var j;
window.matchMedia("(pointer: coarse)").matches || (s("hover"), (j = g.onMouseEnter) == null || j.call(g, w));
}, Z = (w) => {
var j, v;
window.matchMedia("(pointer: coarse)").matches || (s("default"), (j = E.current) == null || j.classList.remove("active"), (v = g.onMouseLeave) == null || v.call(g, w));
}, G = (w) => {
var j, v;
w.preventDefault(), !window.matchMedia("(pointer: coarse)").matches && (s("active"), (j = E.current) == null || j.classList.add("active"), (v = g.onMouseDown) == null || v.call(g, w));
}, I = (w) => {
var j, v;
w.preventDefault(), !window.matchMedia("(pointer: coarse)").matches && (s("default"), (j = E.current) == null || j.classList.remove("active"), (v = g.onMouseUp) == null || v.call(g, w));
}, M = (w) => {
var v, W, S, x;
const U = window.ma