react-vite-themes
Version:
A test/experimental React theme system created for learning purposes. Features atomic design components, SCSS variables, and dark/light theme support. Not intended for production use.
1,100 lines • 105 kB
JavaScript
import q, { useState as I, useCallback as A, useEffect as Y, useRef as se, useMemo as we, createContext as le, useContext as oe, forwardRef as te } from "react";
import { useLocation as ge, useNavigate as _e, Link as Ne } from "react-router-dom";
import ke from "prismjs";
var re = { exports: {} }, K = {};
/**
* @license React
* react-jsx-runtime.production.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var ce;
function Se() {
if (ce) return K;
ce = 1;
var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
function r(a, i, o) {
var n = null;
if (o !== void 0 && (n = "" + o), i.key !== void 0 && (n = "" + i.key), "key" in i) {
o = {};
for (var l in i)
l !== "key" && (o[l] = i[l]);
} else o = i;
return i = o.ref, {
$$typeof: s,
type: a,
key: n,
ref: i !== void 0 ? i : null,
props: o
};
}
return K.Fragment = t, K.jsx = r, K.jsxs = r, K;
}
var ee = {};
/**
* @license React
* react-jsx-runtime.development.js
*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var de;
function Te() {
return de || (de = 1, process.env.NODE_ENV !== "production" && function() {
function s(d) {
if (d == null) return null;
if (typeof d == "function")
return d.$$typeof === G ? null : d.displayName || d.name || null;
if (typeof d == "string") return d;
switch (d) {
case g:
return "Fragment";
case w:
return "Profiler";
case F:
return "StrictMode";
case C:
return "Suspense";
case V:
return "SuspenseList";
case J:
return "Activity";
}
if (typeof d == "object")
switch (typeof d.tag == "number" && console.error(
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
), d.$$typeof) {
case p:
return "Portal";
case z:
return (d.displayName || "Context") + ".Provider";
case E:
return (d._context.displayName || "Context") + ".Consumer";
case M:
var b = d.render;
return d = d.displayName, d || (d = b.displayName || b.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
case P:
return b = d.displayName || null, b !== null ? b : s(d.type) || "Memo";
case L:
b = d._payload, d = d._init;
try {
return s(d(b));
} catch {
}
}
return null;
}
function t(d) {
return "" + d;
}
function r(d) {
try {
t(d);
var b = !1;
} catch {
b = !0;
}
if (b) {
b = console;
var k = b.error, T = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
return k.call(
b,
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
T
), t(d);
}
}
function a(d) {
if (d === g) return "<>";
if (typeof d == "object" && d !== null && d.$$typeof === L)
return "<...>";
try {
var b = s(d);
return b ? "<" + b + ">" : "<...>";
} catch {
return "<...>";
}
}
function i() {
var d = W.A;
return d === null ? null : d.getOwner();
}
function o() {
return Error("react-stack-top-frame");
}
function n(d) {
if (U.call(d, "key")) {
var b = Object.getOwnPropertyDescriptor(d, "key").get;
if (b && b.isReactWarning) return !1;
}
return d.key !== void 0;
}
function l(d, b) {
function k() {
N || (N = !0, console.error(
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
b
));
}
k.isReactWarning = !0, Object.defineProperty(d, "key", {
get: k,
configurable: !0
});
}
function c() {
var d = s(this.type);
return f[d] || (f[d] = !0, console.error(
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
)), d = this.props.ref, d !== void 0 ? d : null;
}
function u(d, b, k, T, Z, $, Q, ne) {
return k = $.ref, d = {
$$typeof: j,
type: d,
key: b,
props: $,
_owner: Z
}, (k !== void 0 ? k : null) !== null ? Object.defineProperty(d, "ref", {
enumerable: !1,
get: c
}) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: 0
}), Object.defineProperty(d, "_debugInfo", {
configurable: !1,
enumerable: !1,
writable: !0,
value: null
}), Object.defineProperty(d, "_debugStack", {
configurable: !1,
enumerable: !1,
writable: !0,
value: Q
}), Object.defineProperty(d, "_debugTask", {
configurable: !1,
enumerable: !1,
writable: !0,
value: ne
}), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
}
function m(d, b, k, T, Z, $, Q, ne) {
var D = b.children;
if (D !== void 0)
if (T)
if (y(D)) {
for (T = 0; T < D.length; T++)
x(D[T]);
Object.freeze && Object.freeze(D);
} else
console.error(
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
);
else x(D);
if (U.call(b, "key")) {
D = s(d);
var B = Object.keys(b).filter(function(Fe) {
return Fe !== "key";
});
T = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", X[D + T] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
`A props object containing a "key" prop is being spread into JSX:
let props = %s;
<%s {...props} />
React keys must be passed directly to JSX without using spread:
let props = %s;
<%s key={someKey} {...props} />`,
T,
D,
B,
D
), X[D + T] = !0);
}
if (D = null, k !== void 0 && (r(k), D = "" + k), n(b) && (r(b.key), D = "" + b.key), "key" in b) {
k = {};
for (var ie in b)
ie !== "key" && (k[ie] = b[ie]);
} else k = b;
return D && l(
k,
typeof d == "function" ? d.displayName || d.name || "Unknown" : d
), u(
d,
D,
$,
Z,
i(),
k,
Q,
ne
);
}
function x(d) {
typeof d == "object" && d !== null && d.$$typeof === j && d._store && (d._store.validated = 1);
}
var h = q, j = Symbol.for("react.transitional.element"), p = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), F = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), z = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), V = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), W = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, y = Array.isArray, v = console.createTask ? console.createTask : function() {
return null;
};
h = {
"react-stack-bottom-frame": function(d) {
return d();
}
};
var N, f = {}, S = h["react-stack-bottom-frame"].bind(
h,
o
)(), O = v(a(o)), X = {};
ee.Fragment = g, ee.jsx = function(d, b, k, T, Z) {
var $ = 1e4 > W.recentlyCreatedOwnerStacks++;
return m(
d,
b,
k,
!1,
T,
Z,
$ ? Error("react-stack-top-frame") : S,
$ ? v(a(d)) : O
);
}, ee.jsxs = function(d, b, k, T, Z) {
var $ = 1e4 > W.recentlyCreatedOwnerStacks++;
return m(
d,
b,
k,
!0,
T,
Z,
$ ? Error("react-stack-top-frame") : S,
$ ? v(a(d)) : O
);
};
}()), ee;
}
var ue;
function $e() {
return ue || (ue = 1, process.env.NODE_ENV === "production" ? re.exports = Se() : re.exports = Te()), re.exports;
}
var e = $e();
function _(...s) {
return s.filter(Boolean).join(" ");
}
const je = (s, t, r) => {
const a = [];
if (t.required && (!s || typeof s == "string" && s.trim() === "") && a.push("This field is required"), !s && !t.required)
return { isValid: !0, errors: [] };
if (typeof s == "string" && (t.minLength && s.length < t.minLength && a.push(`Minimum length is ${t.minLength} characters`), t.maxLength && s.length > t.maxLength && a.push(`Maximum length is ${t.maxLength} characters`), t.pattern && !t.pattern.test(s) && a.push("Invalid format"), t.email && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s) || a.push("Please enter a valid email address")), t.url))
try {
new URL(s);
} catch {
a.push("Please enter a valid URL");
}
if (typeof s == "number" || !isNaN(Number(s))) {
const i = Number(s);
t.min !== void 0 && i < t.min && a.push(`Minimum value is ${t.min}`), t.max !== void 0 && i > t.max && a.push(`Maximum value is ${t.max}`);
}
if (t.custom) {
const i = t.custom(s, r);
i && a.push(i);
}
return {
isValid: a.length === 0,
errors: a
};
}, Ce = (s, t) => {
const r = {};
for (const [a, i] of Object.entries(t))
r[a] = je(s[a], i, s);
return r;
}, Me = (s) => Object.values(s).every((t) => t.isValid), Ae = {
// Alert Icons
success: /* @__PURE__ */ e.jsx("path", { d: "M20 6L9 17l-5-5" }),
warning: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
] }),
error: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
/* @__PURE__ */ e.jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
/* @__PURE__ */ e.jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
] }),
info: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
] }),
// Navigation Icons
hamburger: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
] }),
close: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
/* @__PURE__ */ e.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
] }),
login: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "7", r: "4" })
] }),
// Action Icons
search: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "11", cy: "11", r: "8" }),
/* @__PURE__ */ e.jsx("path", { d: "m21 21-4.35-4.35" })
] }),
"chevron-down": /* @__PURE__ */ e.jsx("polyline", { points: "6,9 12,15 18,9" }),
"chevron-up": /* @__PURE__ */ e.jsx("polyline", { points: "18,15 12,9 6,15" }),
"chevron-left": /* @__PURE__ */ e.jsx("polyline", { points: "15,18 9,12 15,6" }),
"chevron-right": /* @__PURE__ */ e.jsx("polyline", { points: "9,18 15,12 9,6" }),
"arrow-left": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
/* @__PURE__ */ e.jsx("polyline", { points: "12,19 5,12 12,5" })
] }),
"arrow-right": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
/* @__PURE__ */ e.jsx("polyline", { points: "12,5 19,12 12,19" })
] }),
"arrow-up": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "19", x2: "12", y2: "5" }),
/* @__PURE__ */ e.jsx("polyline", { points: "5,12 12,5 19,12" })
] }),
"arrow-down": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
/* @__PURE__ */ e.jsx("polyline", { points: "19,12 12,19 5,12" })
] }),
// Media Icons
play: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("polygon", { points: "5,3 19,12 5,21 5,3" }) }),
"play-circle": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
/* @__PURE__ */ e.jsx("polygon", { points: "10,8 16,12 10,16 10,8" })
] }),
pause: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "6", y: "4", width: "4", height: "16" }),
/* @__PURE__ */ e.jsx("rect", { x: "14", y: "4", width: "4", height: "16" })
] }),
"skip-back": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polygon", { points: "19,20 9,12 19,4 19,20" }),
/* @__PURE__ */ e.jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5" })
] }),
"skip-forward": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polygon", { points: "5,4 15,12 5,20 5,4" }),
/* @__PURE__ */ e.jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19" })
] }),
volume: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polygon", { points: "11,5 6,9 2,9 2,15 6,15 11,19 11,5" }),
/* @__PURE__ */ e.jsx("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
/* @__PURE__ */ e.jsx("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
] }),
"volume-off": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polygon", { points: "11,5 6,9 2,9 2,15 6,15 11,19 11,5" }),
/* @__PURE__ */ e.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
] }),
"volume-1": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polygon", { points: "11,5 6,9 2,9 2,15 6,15 11,19 11,5" }),
/* @__PURE__ */ e.jsx("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
] }),
"volume-2": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polygon", { points: "11,5 6,9 2,9 2,15 6,15 11,19 11,5" }),
/* @__PURE__ */ e.jsx("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
/* @__PURE__ */ e.jsx("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
] }),
// Action Icons
check: /* @__PURE__ */ e.jsx("polyline", { points: "20,6 9,17 4,12" }),
plus: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
/* @__PURE__ */ e.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
] }),
minus: /* @__PURE__ */ e.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
settings: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
/* @__PURE__ */ e.jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
] }),
// User & Social Icons
user: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "7", r: "4" })
] }),
home: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
/* @__PURE__ */ e.jsx("polyline", { points: "9,22 9,12 15,12 15,22" })
] }),
mail: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
/* @__PURE__ */ e.jsx("polyline", { points: "22,6 12,13 2,6" })
] }),
phone: /* @__PURE__ */ e.jsx("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" }),
heart: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" }) }),
star: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("polygon", { points: "12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26" }) }),
eye: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" })
] }),
"eye-off": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
/* @__PURE__ */ e.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
] }),
// File & Document Icons
download: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
/* @__PURE__ */ e.jsx("polyline", { points: "7,10 12,15 17,10" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
] }),
upload: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
/* @__PURE__ */ e.jsx("polyline", { points: "17,8 12,3 7,8" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
] }),
edit: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
/* @__PURE__ */ e.jsx("path", { d: "m18.5 2.5 3 3L12 15l-4 1 1-4 9.5-9.5z" })
] }),
trash: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polyline", { points: "3,6 5,6 21,6" }),
/* @__PURE__ */ e.jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
] }),
copy: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
/* @__PURE__ */ e.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
] }),
link: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
/* @__PURE__ */ e.jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
] }),
"external-link": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
/* @__PURE__ */ e.jsx("polyline", { points: "15,3 21,3 21,9" }),
/* @__PURE__ */ e.jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
] }),
// Time & Date Icons
calendar: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
/* @__PURE__ */ e.jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
/* @__PURE__ */ e.jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
] }),
clock: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
/* @__PURE__ */ e.jsx("polyline", { points: "12,6 12,12 16,14" })
] }),
"map-pin": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }),
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "10", r: "3" })
] }),
tag: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" }),
/* @__PURE__ */ e.jsx("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })
] }),
filter: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("polygon", { points: "22,3 2,3 10,12.46 10,19 14,21 14,12.46" }) }),
refresh: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M23 4v6h-6" }),
/* @__PURE__ */ e.jsx("path", { d: "M1 20v-6h6" }),
/* @__PURE__ */ e.jsx("path", { d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" })
] }),
spinner: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M21 12a9 9 0 11-6.219-8.56" }) }),
// Additional Icons for Showcase
menu: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
] }),
dollar: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "1", x2: "12", y2: "23" }),
/* @__PURE__ */ e.jsx("path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" })
] }),
"dollar-sign": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "1", x2: "12", y2: "23" }),
/* @__PURE__ */ e.jsx("path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" })
] }),
users: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
/* @__PURE__ */ e.jsx("circle", { cx: "9", cy: "7", r: "4" }),
/* @__PURE__ */ e.jsx("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
/* @__PURE__ */ e.jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
] }),
// Activity & Analytics Icons
activity: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("polyline", { points: "22,12 18,12 15,21 9,3 6,12 2,12" }) }),
target: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "6" }),
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "2" })
] }),
zap: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10" }) }),
"trending-up": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polyline", { points: "23,6 13.5,15.5 8.5,10.5 1,18" }),
/* @__PURE__ */ e.jsx("polyline", { points: "17,6 23,6 23,12" })
] }),
"trending-down": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polyline", { points: "23,18 13.5,8.5 8.5,13.5 1,6" }),
/* @__PURE__ */ e.jsx("polyline", { points: "17,18 23,18 23,12" })
] }),
// Award & Recognition Icons
award: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "8", r: "6" }),
/* @__PURE__ */ e.jsx("path", { d: "M15.477 12.89L17 22l-5-3-5 3 1.523-9.11" })
] }),
gift: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polyline", { points: "20,12 20,22 4,22 4,12" }),
/* @__PURE__ */ e.jsx("rect", { x: "2", y: "7", width: "20", height: "5" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "22", x2: "12", y2: "7" }),
/* @__PURE__ */ e.jsx("path", { d: "M7 7h.01" }),
/* @__PURE__ */ e.jsx("path", { d: "M17 7h.01" })
] }),
// Design & UI Icons
palette: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "13.5", cy: "6.5", r: "2.5" }),
/* @__PURE__ */ e.jsx("circle", { cx: "17.5", cy: "10.5", r: "2.5" }),
/* @__PURE__ */ e.jsx("circle", { cx: "8.5", cy: "7.5", r: "2.5" }),
/* @__PURE__ */ e.jsx("circle", { cx: "6.5", cy: "12.5", r: "2.5" }),
/* @__PURE__ */ e.jsx("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z" })
] }),
components: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "7", height: "7" }),
/* @__PURE__ */ e.jsx("rect", { x: "14", y: "3", width: "7", height: "7" }),
/* @__PURE__ */ e.jsx("rect", { x: "14", y: "14", width: "7", height: "7" }),
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "14", width: "7", height: "7" })
] }),
responsive: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", ry: "2" }),
/* @__PURE__ */ e.jsx("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
] }),
code: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polyline", { points: "16,18 22,12 16,6" }),
/* @__PURE__ */ e.jsx("polyline", { points: "8,6 2,12 8,18" })
] }),
"shield-check": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }),
/* @__PURE__ */ e.jsx("path", { d: "M9 12l2 2 4-4" })
] }),
accessibility: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }),
/* @__PURE__ */ e.jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", ry: "1" }),
/* @__PURE__ */ e.jsx("path", { d: "M9 14h6" }),
/* @__PURE__ */ e.jsx("path", { d: "M9 18h6" }),
/* @__PURE__ */ e.jsx("path", { d: "M9 10h6" })
] }),
// Knowledge & Learning Icons
book: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M4 19.5A2.5 2.5 0 0 1 6.5 17H20" }),
/* @__PURE__ */ e.jsx("path", { d: "M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z" })
] }),
lessons: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" }),
/* @__PURE__ */ e.jsx("path", { d: "M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" })
] }),
// Security & System Icons
lock: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "16", r: "1" }),
/* @__PURE__ */ e.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
] }),
cpu: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", ry: "2" }),
/* @__PURE__ */ e.jsx("rect", { x: "9", y: "9", width: "6", height: "6" }),
/* @__PURE__ */ e.jsx("line", { x1: "9", y1: "1", x2: "9", y2: "4" }),
/* @__PURE__ */ e.jsx("line", { x1: "15", y1: "1", x2: "15", y2: "4" }),
/* @__PURE__ */ e.jsx("line", { x1: "9", y1: "20", x2: "9", y2: "23" }),
/* @__PURE__ */ e.jsx("line", { x1: "15", y1: "20", x2: "15", y2: "23" }),
/* @__PURE__ */ e.jsx("line", { x1: "20", y1: "9", x2: "23", y2: "9" }),
/* @__PURE__ */ e.jsx("line", { x1: "20", y1: "14", x2: "23", y2: "14" }),
/* @__PURE__ */ e.jsx("line", { x1: "1", y1: "9", x2: "4", y2: "9" }),
/* @__PURE__ */ e.jsx("line", { x1: "1", y1: "14", x2: "4", y2: "14" })
] }),
"hard-drive": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "22", y1: "12", x2: "2", y2: "12" }),
/* @__PURE__ */ e.jsx("path", { d: "M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" }),
/* @__PURE__ */ e.jsx("line", { x1: "6", y1: "16", x2: "6.01", y2: "16" }),
/* @__PURE__ */ e.jsx("line", { x1: "10", y1: "16", x2: "10.01", y2: "16" })
] }),
// Status & Feedback Icons
circle: /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
"check-circle": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
/* @__PURE__ */ e.jsx("polyline", { points: "22,4 12,14.01 9,11.01" })
] }),
// Business & Commerce Icons
"shopping-cart": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "9", cy: "21", r: "1" }),
/* @__PURE__ */ e.jsx("circle", { cx: "20", cy: "21", r: "1" }),
/* @__PURE__ */ e.jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })
] }),
"credit-card": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", ry: "2" }),
/* @__PURE__ */ e.jsx("line", { x1: "1", y1: "10", x2: "23", y2: "10" })
] }),
// Media & Content Icons
image: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
/* @__PURE__ */ e.jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
/* @__PURE__ */ e.jsx("polyline", { points: "21,15 16,10 5,21" })
] }),
file: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
/* @__PURE__ */ e.jsx("polyline", { points: "14,2 14,8 20,8" }),
/* @__PURE__ */ e.jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
/* @__PURE__ */ e.jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
/* @__PURE__ */ e.jsx("polyline", { points: "10,9 9,9 8,9" })
] }),
video: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polygon", { points: "23,7 16,12 23,17 23,7" }),
/* @__PURE__ */ e.jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", ry: "2" })
] }),
// Communication Icons
chat: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4v-4H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }) }),
message: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4v-4H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }) }),
// Professional & Business Icons
briefcase: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "2", y: "7", width: "20", height: "14", rx: "2", ry: "2" }),
/* @__PURE__ */ e.jsx("path", { d: "M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" })
] }),
// Social Media Icons
twitter: /* @__PURE__ */ e.jsx("path", { d: "M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z" }),
// Additional Action Icons
save: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }),
/* @__PURE__ */ e.jsx("polyline", { points: "17,21 17,13 7,13 7,21" }),
/* @__PURE__ */ e.jsx("polyline", { points: "7,3 7,8 15,8" })
] }),
folder: /* @__PURE__ */ e.jsx("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" }),
facebook: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" }) }),
instagram: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }),
/* @__PURE__ */ e.jsx("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
/* @__PURE__ */ e.jsx("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })
] }),
youtube: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z" }),
/* @__PURE__ */ e.jsx("polygon", { points: "9.75,15.02 15.5,11.75 9.75,8.48 9.75,15.02" })
] }),
github: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" }) }),
linkedin: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" }),
/* @__PURE__ */ e.jsx("rect", { x: "2", y: "9", width: "4", height: "12" }),
/* @__PURE__ */ e.jsx("circle", { cx: "4", cy: "4", r: "2" })
] }),
discord: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M9 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" }),
/* @__PURE__ */ e.jsx("path", { d: "M15 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" }),
/* @__PURE__ */ e.jsx("path", { d: "M7.835 12c0 3.314-2.686 6-6 6s-6-2.686-6-6 2.686-6 6-6 6 2.686 6 6z" }),
/* @__PURE__ */ e.jsx("path", { d: "M16.165 12c0 3.314 2.686 6 6 6s6-2.686 6-6-2.686-6-6-6-6 2.686-6 6z" }),
/* @__PURE__ */ e.jsx("path", { d: "M7.835 12c0-3.314-2.686-6-6-6s-6 2.686-6 6 2.686 6 6 6 6-2.686 6-6z" }),
/* @__PURE__ */ e.jsx("path", { d: "M16.165 12c0-3.314 2.686-6 6-6s6 2.686 6 6-2.686 6-6 6-6-2.686-6-6z" })
] }),
reddit: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" }),
/* @__PURE__ */ e.jsx("path", { d: "M16 12c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2z" }),
/* @__PURE__ */ e.jsx("path", { d: "M8 12c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2z" }),
/* @__PURE__ */ e.jsx("path", { d: "M12 18c-2.5 0-4.5-1.5-5.5-3.5" })
] }),
twitch: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7" }) }),
snapchat: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" }),
/* @__PURE__ */ e.jsx("path", { d: "M8 12c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2z" }),
/* @__PURE__ */ e.jsx("path", { d: "M12 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" })
] }),
tiktok: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M9 12a3 3 0 1 0 3 3V9a6 6 0 0 0 6 6" }),
/* @__PURE__ */ e.jsx("path", { d: "M15 9a3 3 0 1 1-3 3V3a6 6 0 0 1 6 6" })
] }),
whatsapp: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" }) }),
telegram: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M22 2L11 13" }),
/* @__PURE__ */ e.jsx("path", { d: "M22 2l-7 20-4-9-9-4 20-7z" })
] }),
pinterest: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" }),
/* @__PURE__ */ e.jsx("path", { d: "M8 12c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2z" }),
/* @__PURE__ */ e.jsx("path", { d: "M12 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" })
] }),
spotify: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" }),
/* @__PURE__ */ e.jsx("path", { d: "M8 12c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2z" }),
/* @__PURE__ */ e.jsx("path", { d: "M12 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" })
] }),
shield: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }),
truck: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "1", y: "3", width: "15", height: "13" }),
/* @__PURE__ */ e.jsx("polygon", { points: "16,8 20,8 23,11 23,16 16,16 16,8" }),
/* @__PURE__ */ e.jsx("circle", { cx: "5.5", cy: "18.5", r: "2.5" }),
/* @__PURE__ */ e.jsx("circle", { cx: "18.5", cy: "18.5", r: "2.5" })
] }),
// Layout & Navigation Icons
grid: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "7", height: "7" }),
/* @__PURE__ */ e.jsx("rect", { x: "14", y: "3", width: "7", height: "7" }),
/* @__PURE__ */ e.jsx("rect", { x: "14", y: "14", width: "7", height: "7" }),
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "14", width: "7", height: "7" })
] }),
list: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "8", y1: "6", x2: "21", y2: "6" }),
/* @__PURE__ */ e.jsx("line", { x1: "8", y1: "12", x2: "21", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "8", y1: "18", x2: "21", y2: "18" }),
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "6", x2: "3.01", y2: "6" }),
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "12", x2: "3.01", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "18", x2: "3.01", y2: "18" })
] }),
// Notification Icons
bell: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }),
/* @__PURE__ */ e.jsx("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })
] }),
// Global & Location Icons
globe: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
/* @__PURE__ */ e.jsx("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
/* @__PURE__ */ e.jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
] }),
flag: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
/* @__PURE__ */ e.jsx("line", { x1: "4", y1: "22", x2: "4", y2: "15" })
] }),
status: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
/* @__PURE__ */ e.jsx("path", { d: "M12 1v6m0 6v6" }),
/* @__PURE__ */ e.jsx("path", { d: "M19.78 4.22l-4.24 4.24m0 7.08l4.24 4.24" }),
/* @__PURE__ */ e.jsx("path", { d: "M4.22 4.22l4.24 4.24m0 7.08l-4.24 4.24" })
] })
}, R = ({
name: s,
size: t = "md",
color: r,
className: a,
...i
}) => {
const o = Ae[s];
if (!o)
return console.warn(`Icon "${s}" not found`), null;
const l = typeof t == "number" ? t : {
xs: 12,
sm: 16,
md: 20,
lg: 24,
xl: 32,
xxl: 48
}[t];
return /* @__PURE__ */ e.jsx(
"svg",
{
width: l,
height: l,
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round",
className: _("icon", `icon--${t}`, a),
style: r ? { color: r } : void 0,
...i,
children: o
}
);
}, H = ({
children: s,
variant: t = "",
size: r = "md",
colorScheme: a = "solid",
isLoading: i = !1,
isDisabled: o = !1,
isFullWidth: n = !1,
leftIcon: l,
rightIcon: c,
centerIcon: u,
className: m,
...x
}) => {
const h = _(
"btn",
t && `btn--${t}`,
`btn--${r}`,
`btn--${a}`,
a === "gradient" && `btn--gradient-${t}`,
n && "btn--full-width",
i && "btn--loading",
o && "btn--disabled",
m
), j = (p, g) => p ? typeof p == "string" ? /* @__PURE__ */ e.jsx("span", { className: `btn__icon btn__icon--${g}`, children: /* @__PURE__ */ e.jsx(R, { name: p, size: r }) }) : /* @__PURE__ */ e.jsx("span", { className: `btn__icon btn__icon--${g}`, children: p }) : null;
return /* @__PURE__ */ e.jsxs(
"button",
{
className: h,
disabled: o || i,
...x,
children: [
!i && u ? j(u, "center") : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
j(l, "left"),
/* @__PURE__ */ e.jsx("span", { className: "btn__content", children: s }),
j(c, "right")
] }),
i && /* @__PURE__ */ e.jsx("span", { className: "btn__spinner" })
]
}
);
}, ss = ({
children: s,
variant: t = "neutral",
style: r = "elevated",
padding: a = "md",
header: i,
footer: o,
isHoverable: n = !1,
image: l,
className: c,
...u
}) => {
const m = _(
"card",
`card--${t}`,
`card--${r}`,
`card--padding-${a}`,
n && "card--hoverable",
l && "card--with-image",
c
), x = q.Children.toArray(s).some(
(h) => q.isValidElement(h) && typeof h.props?.className == "string" && h.props.className.includes("position-absolute")
);
return /* @__PURE__ */ e.jsxs("div", { className: m, ...u, children: [
l && /* @__PURE__ */ e.jsx("div", { className: _(
"card__image",
l.containFit && "card__image--contain-fit"
), children: /* @__PURE__ */ e.jsx(
"img",
{
src: l.src,
alt: l.alt || "",
style: {
height: l.height,
objectFit: l.objectFit || "cover"
}
}
) }),
i && /* @__PURE__ */ e.jsx("div", { className: "card__header", children: i }),
x ? (
// Render children directly in card container for absolute positioning
s
) : (
// Render children in content div for normal cards
/* @__PURE__ */ e.jsx("div", { className: "card__content", children: s })
),
o && /* @__PURE__ */ e.jsx("div", { className: "card__footer", children: o })
] });
}, Ee = (s) => {
if (s.startsWith("gradient-"))
switch (s.replace("gradient-", "")) {
case "primary":
case "secondary":
return "info";
case "wizard":
return "star";
case "sunset":
case "sunset-triple":
return "star";
case "ocean":
case "ocean-deep":
return "activity";
case "forest":
case "forest-rich":
return "target";
case "fire":
return "zap";
case "cosmic":
case "cosmic-vibrant":
return "star";
case "aurora":
return "star";
case "rainbow":
case "rainbow-burst":
return "palette";
case "custom-gradient":
return "palette";
default:
return "info";
}
return s;
}, ts = ({
variant: s = "info",
size: t = "md",
title: r,
children: a,
className: i,
isClosable: o = !1,
autoDismiss: n = !1,
dismissDelay: l = 5e3,
icon: c = "info",
onClose: u,
onDismiss: m,
...x
}) => {
const [h, j] = I(!0), [p, g] = I(!1), F = () => {
g(!0), setTimeout(() => {
j(!1), u?.();
}, 200);
}, w = A(() => {
g(!0), setTimeout(() => {
j(!1), m?.();
}, 200);
}, [m]);
if (Y(() => {
if (n && l > 0) {
const z = setTimeout(w, l);
return () => clearTimeout(z);
}
}, [n, l, w]), !h) return null;
const E = c || Ee(s);
return /* @__PURE__ */ e.jsxs(
"div",
{
className: _(
"alert",
`alert--${s}`,
`alert--${t}`,
p && "alert--dismissing",
i
),
role: "alert",
"aria-live": "polite",
...x,
children: [
/* @__PURE__ */ e.jsxs("div", { className: "alert__content", children: [
/* @__PURE__ */ e.jsx("div", { className: "alert__icon", children: /* @__PURE__ */ e.jsx(R, { name: E, size: t }) }),
/* @__PURE__ */ e.jsxs("div", { className: "alert__body", children: [
r && /* @__PURE__ */ e.jsx("div", { className: "alert__title", children: r }),
/* @__PURE__ */ e.jsx("div", { className: "alert__message", children: a })
] })
] }),
o && /* @__PURE__ */ e.jsx(
"button",
{
className: "alert__close",
onClick: F,
"aria-label": "Close alert",
type: "button",
children: /* @__PURE__ */ e.jsx(R, { name: "close", size: "sm" })
}
)
]
}
);
}, rs = ({
isOpen: s,
onClose: t,
title: r,
children: a,
className: i,
size: o = "md",
variant: n = "default",
showCloseButton: l = !0,
closeOnBackdrop: c = !0,
closeOnEscape: u = !0,
preventScroll: m = !0,
...x
}) => {
const h = se(null), j = se(null), [p, g] = I(!1), F = A(() => {
p || (g(!0), setTimeout(() => {
t?.(), g(!1);
}, 300));
}, [t, p]), w = A((M) => {
M.key === "Escape" && u && !p && F();
}, [u, p, F]), E = A((M) => {
M.target === M.currentTarget && c && !p && F();
}, [c, p, F]);
if (Y(() => {
if (s)
return j.current = document.activeElement, h.current && h.current.focus(), m && (document.body.style.overflow = "hidden"), document.addEventListener("keydown", w), () => {
document.removeEventListener("keydown", w), m && (document.body.style.overflow = ""), j.current && j.current.focus();
};
}, [s, w, m]), !s && !p) return null;
const z = {
xs: "modal--xs",
sm: "modal--sm",
md: "modal--md",
lg: "modal--lg",
xl: "modal--xl",
full: "modal--full"
};
return /* @__PURE__ */ e.jsx(
"div",
{
className: _(
"modal-overlay",
p ? "modal-overlay--dismissing" : "modal-overlay--entering"
),
onClick: E,
role: "dialog",
"aria-modal": "true",
"aria-labelledby": r ? "modal-title" : void 0,
children: /* @__PURE__ */ e.jsxs(
"div",
{
ref: h,
className: _(
"modal",
`modal--${n}`,
z[o],
p && "modal--dismissing",
i
),
tabIndex: -1,
...x,
children: [
(r || l) && /* @__PURE__ */ e.jsxs("div", { className: "modal__header", children: [
r && /* @__PURE__ */ e.jsx("h2", { id: "modal-title", className: "modal__title", children: r }),
l && /* @__PURE__ */ e.jsx(
"button",
{
className: "modal__close",
onClick: F,
"aria-label": "Close modal",
type: "button",
children: /* @__PURE__ */ e.jsx(R, { name: "close", size: "sm" })
}
)
] }),
/* @__PURE__ */ e.jsx("div", { className: "modal__content", children: a })
]
}
)
}
);
}, ze = (s = {}) => {
const {
initialValues: t = {},
validationSchema: r = {},
onSubmit: a,
validateOnChange: i = !1,
validateOnBlur: o = !0
} = s, [n, l] = I(t), [c, u] = I({}), [m, x] = I({}), [h, j] = I(!1), p = A((y, v) => {
const N = r[y];
return N ? je(v, N) : { isValid: !0, errors: [] };
}, [r]), g = A(() => {
const y = Ce(n, r), v = {};
return Object.entries(y).forEach(([N, f]) => {
f.isValid || (v[N] = f.errors);
}), u(v), Me(y);
}, [n, r]), F = A((y, v) => {
if (l((N) => ({ ...N, [y]: v })), i) {
const N = p(y, v);
u((f) => ({
...f,
[y]: N.errors
}));
}
}, [i, p]), w = A((y) => {
l(y);
}, []), E = A((y, v) => {
u((N) => ({
...N,
[y]: [v]
}));
}, []), z = A((y) => {
u(y);
}, []), M = A((y) => {
const v = p(y, n[y]);
u((N) => ({
...N