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.
957 lines • 181 kB
JavaScript
import xe, { useState as U, createContext as ue, useContext as ge, useCallback as Q, useEffect as te, useRef as me, forwardRef as de, useImperativeHandle as Xe, isValidElement as Qe, cloneElement as Ke } from "react";
import Be from "prismjs";
import { useLocation as es } from "react-router-dom";
var ve = { exports: {} }, pe = {};
/**
* @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 Se;
function ss() {
if (Se) return pe;
Se = 1;
var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
function r(a, n, i) {
var l = null;
if (i !== void 0 && (l = "" + i), n.key !== void 0 && (l = "" + n.key), "key" in n) {
i = {};
for (var m in n)
m !== "key" && (i[m] = n[m]);
} else i = n;
return n = i.ref, {
$$typeof: s,
type: a,
key: l,
ref: n !== void 0 ? n : null,
props: i
};
}
return pe.Fragment = t, pe.jsx = r, pe.jsxs = r, pe;
}
var je = {};
/**
* @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 Ae;
function ts() {
return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && function() {
function s(p) {
if (p == null) return null;
if (typeof p == "function")
return p.$$typeof === Y ? null : p.displayName || p.name || null;
if (typeof p == "string") return p;
switch (p) {
case g:
return "Fragment";
case w:
return "Profiler";
case y:
return "StrictMode";
case _:
return "Suspense";
case T:
return "SuspenseList";
case q:
return "Activity";
}
if (typeof p == "object")
switch (typeof p.tag == "number" && console.error(
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
), p.$$typeof) {
case j:
return "Portal";
case f:
return (p.displayName || "Context") + ".Provider";
case S:
return (p._context.displayName || "Context") + ".Consumer";
case C:
var b = p.render;
return p = p.displayName, p || (p = b.displayName || b.name || "", p = p !== "" ? "ForwardRef(" + p + ")" : "ForwardRef"), p;
case z:
return b = p.displayName || null, b !== null ? b : s(p.type) || "Memo";
case E:
b = p._payload, p = p._init;
try {
return s(p(b));
} catch {
}
}
return null;
}
function t(p) {
return "" + p;
}
function r(p) {
try {
t(p);
var b = !1;
} catch {
b = !0;
}
if (b) {
b = console;
var A = b.error, I = typeof Symbol == "function" && Symbol.toStringTag && p[Symbol.toStringTag] || p.constructor.name || "Object";
return A.call(
b,
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
I
), t(p);
}
}
function a(p) {
if (p === g) return "<>";
if (typeof p == "object" && p !== null && p.$$typeof === E)
return "<...>";
try {
var b = s(p);
return b ? "<" + b + ">" : "<...>";
} catch {
return "<...>";
}
}
function n() {
var p = H.A;
return p === null ? null : p.getOwner();
}
function i() {
return Error("react-stack-top-frame");
}
function l(p) {
if ($.call(p, "key")) {
var b = Object.getOwnPropertyDescriptor(p, "key").get;
if (b && b.isReactWarning) return !1;
}
return p.key !== void 0;
}
function m(p, b) {
function A() {
P || (P = !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
));
}
A.isReactWarning = !0, Object.defineProperty(p, "key", {
get: A,
configurable: !0
});
}
function c() {
var p = s(this.type);
return v[p] || (v[p] = !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."
)), p = this.props.ref, p !== void 0 ? p : null;
}
function d(p, b, A, I, K, D, ne, k) {
return A = D.ref, p = {
$$typeof: u,
type: p,
key: b,
props: D,
_owner: K
}, (A !== void 0 ? A : null) !== null ? Object.defineProperty(p, "ref", {
enumerable: !1,
get: c
}) : Object.defineProperty(p, "ref", { enumerable: !1, value: null }), p._store = {}, Object.defineProperty(p._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: 0
}), Object.defineProperty(p, "_debugInfo", {
configurable: !1,
enumerable: !1,
writable: !0,
value: null
}), Object.defineProperty(p, "_debugStack", {
configurable: !1,
enumerable: !1,
writable: !0,
value: ne
}), Object.defineProperty(p, "_debugTask", {
configurable: !1,
enumerable: !1,
writable: !0,
value: k
}), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
}
function h(p, b, A, I, K, D, ne, k) {
var F = b.children;
if (F !== void 0)
if (I)
if (G(F)) {
for (I = 0; I < F.length; I++)
o(F[I]);
Object.freeze && Object.freeze(F);
} 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 o(F);
if ($.call(b, "key")) {
F = s(p);
var M = Object.keys(b).filter(function(ae) {
return ae !== "key";
});
I = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", X[F + I] || (M = 0 < M.length ? "{" + M.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} />`,
I,
F,
M,
F
), X[F + I] = !0);
}
if (F = null, A !== void 0 && (r(A), F = "" + A), l(b) && (r(b.key), F = "" + b.key), "key" in b) {
A = {};
for (var he in b)
he !== "key" && (A[he] = b[he]);
} else A = b;
return F && m(
A,
typeof p == "function" ? p.displayName || p.name || "Unknown" : p
), d(
p,
F,
D,
K,
n(),
A,
ne,
k
);
}
function o(p) {
typeof p == "object" && p !== null && p.$$typeof === u && p._store && (p._store.validated = 1);
}
var x = xe, u = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), f = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), z = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), Y = Symbol.for("react.client.reference"), H = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, G = Array.isArray, O = console.createTask ? console.createTask : function() {
return null;
};
x = {
"react-stack-bottom-frame": function(p) {
return p();
}
};
var P, v = {}, W = x["react-stack-bottom-frame"].bind(
x,
i
)(), V = O(a(i)), X = {};
je.Fragment = g, je.jsx = function(p, b, A, I, K) {
var D = 1e4 > H.recentlyCreatedOwnerStacks++;
return h(
p,
b,
A,
!1,
I,
K,
D ? Error("react-stack-top-frame") : W,
D ? O(a(p)) : V
);
}, je.jsxs = function(p, b, A, I, K) {
var D = 1e4 > H.recentlyCreatedOwnerStacks++;
return h(
p,
b,
A,
!0,
I,
K,
D ? Error("react-stack-top-frame") : W,
D ? O(a(p)) : V
);
};
}()), je;
}
var ze;
function rs() {
return ze || (ze = 1, process.env.NODE_ENV === "production" ? ve.exports = ss() : ve.exports = ts()), ve.exports;
}
var e = rs();
function N(...s) {
return s.filter(Boolean).join(" ");
}
const as = (s, t, r) => {
if (t.required && (!s || typeof s == "string" && s.trim() === ""))
return {
isValid: !1,
errors: ["This field is required"]
};
if (!s && !t.required)
return { isValid: !0, errors: [] };
if (typeof s == "string") {
if (t.email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s))
return {
isValid: !1,
errors: ["Please enter a valid email address"]
};
if (t.url)
try {
new URL(s);
} catch {
return {
isValid: !1,
errors: ["Please enter a valid URL"]
};
}
if (t.pattern && !t.pattern.test(s))
return {
isValid: !1,
errors: ["Invalid format"]
};
if (t.minLength && s.length < t.minLength)
return {
isValid: !1,
errors: [`Minimum length is ${t.minLength} characters`]
};
if (t.maxLength && s.length > t.maxLength)
return {
isValid: !1,
errors: [`Maximum length is ${t.maxLength} characters`]
};
}
if (typeof s == "number" || !isNaN(Number(s))) {
const a = Number(s);
if (t.min !== void 0 && a < t.min)
return {
isValid: !1,
errors: [`Minimum value is ${t.min}`]
};
if (t.max !== void 0 && a > t.max)
return {
isValid: !1,
errors: [`Maximum value is ${t.max}`]
};
}
if (t.custom) {
const a = t.custom(s, r);
if (a)
return {
isValid: !1,
errors: [a]
};
}
return {
isValid: !0,
errors: []
};
}, Ne = (s, t) => {
const r = {};
for (const [a, n] of Object.entries(t))
r[a] = as(s[a], n, s);
return r;
}, ns = {
// Documentation Icons
alert: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M12 3v12" }),
/* @__PURE__ */ e.jsx("path", { d: "M12 19v.01" }),
/* @__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" })
] }),
badge: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "8" }),
/* @__PURE__ */ e.jsx("path", { d: "M8.5 9.5l3.5 3.5 3.5-3.5" })
] }),
card: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9" })
] }),
icon: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
/* @__PURE__ */ e.jsx("path", { d: "M12 3v3m0 12v3m9-9h-3m-12 0h-3" }),
/* @__PURE__ */ e.jsx("path", { d: "M18.364 5.636l-2.121 2.121m-8.486 8.486l-2.121 2.121m12.728 0l-2.121-2.121m-8.486-8.486l-2.121-2.121" })
] }),
input: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "2" }),
/* @__PURE__ */ e.jsx("line", { x1: "7", y1: "12", x2: "17", y2: "12" })
] }),
modal: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9" }),
/* @__PURE__ */ e.jsx("line", { x1: "17", y1: "6", x2: "19", y2: "6" })
] }),
progress: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "10", width: "18", height: "4", rx: "2" }),
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "10", width: "12", height: "4", rx: "2", fill: "currentColor" })
] }),
select: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "2" }),
/* @__PURE__ */ e.jsx("path", { d: "M15 10l-3 3-3-3" })
] }),
toggle: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "8", width: "18", height: "8", rx: "4" }),
/* @__PURE__ */ e.jsx("circle", { cx: "15", cy: "12", r: "3", fill: "currentColor" })
] }),
text: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "4", y1: "7", x2: "20", y2: "7" }),
/* @__PURE__ */ e.jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "4", y1: "17", x2: "20", y2: "17" })
] }),
form: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
/* @__PURE__ */ e.jsx("line", { x1: "7", y1: "8", x2: "17", y2: "8" }),
/* @__PURE__ */ e.jsx("line", { x1: "7", y1: "12", x2: "17", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "7", y1: "16", x2: "13", y2: "16" })
] }),
stats: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M3 3v18h18" }),
/* @__PURE__ */ e.jsx("path", { d: "M7 12l4-4 4 4 4-4" }),
/* @__PURE__ */ e.jsx("path", { d: "M7 17l4-4 4 4 4-4" })
] }),
tabs: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
/* @__PURE__ */ e.jsx("path", { d: "M3 9h18" }),
/* @__PURE__ */ e.jsx("path", { d: "M3 9c0-2 2-3 3-3h4c1 0 3 1 3 3" })
] }),
footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "12", width: "18", height: "9", rx: "2" }),
/* @__PURE__ */ e.jsx("line", { x1: "7", y1: "16", x2: "17", y2: "16" })
] }),
navbar: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "6", rx: "2" }),
/* @__PURE__ */ e.jsx("circle", { cx: "7", cy: "6", r: "1" }),
/* @__PURE__ */ e.jsx("line", { x1: "11", y1: "6", x2: "17", y2: "6" })
] }),
sidebar: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "6", height: "18", rx: "2" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "7", x2: "20", y2: "7" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "12", x2: "20", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "17", x2: "20", y2: "17" })
] }),
atom: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
/* @__PURE__ */ e.jsx("path", { d: "M12 21.7C7 21.7 2.3 17 2.3 12S7 2.3 12 2.3 21.7 7 21.7 12 17 21.7 12 21.7z" }),
/* @__PURE__ */ e.jsx("path", { d: "M12 16.7c-4.7 0-8.4-2.1-8.4-4.7s3.7-4.7 8.4-4.7 8.4 2.1 8.4 4.7-3.7 4.7-8.4 4.7z" })
] }),
molecule: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "6", r: "3" }),
/* @__PURE__ */ e.jsx("circle", { cx: "6", cy: "18", r: "3" }),
/* @__PURE__ */ e.jsx("circle", { cx: "18", cy: "18", r: "3" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "9", x2: "6", y2: "15" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "9", x2: "18", y2: "15" })
] }),
organism: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
/* @__PURE__ */ e.jsx("circle", { cx: "4", cy: "12", r: "2" }),
/* @__PURE__ */ e.jsx("circle", { cx: "20", cy: "12", r: "2" }),
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "4", r: "2" }),
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "20", r: "2" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "6", x2: "12", y2: "9" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "18" }),
/* @__PURE__ */ e.jsx("line", { x1: "6", y1: "12", x2: "9", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "15", y1: "12", x2: "18", y2: "12" })
] }),
// 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" })
] }),
"alert-triangle": /* @__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" })
] }),
"x-circle": /* @__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" })
] }),
cross: /* @__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" })
] }),
fail: /* @__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" })
] }),
"alert-circle": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
] }),
"help-circle": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
/* @__PURE__ */ e.jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
] }),
// 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" })
] }),
x: /* @__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" })
] }),
logout: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
/* @__PURE__ */ e.jsx("polyline", { points: "16,17 21,12 16,7" }),
/* @__PURE__ */ e.jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
] }),
// 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" })
] }),
"mouse-pointer": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z" }),
/* @__PURE__ */ e.jsx("path", { d: "M13 13l6 6" })
] }),
"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
camera: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }),
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "13", r: "3" })
] }),
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" })
] }),
sun: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "5" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
/* @__PURE__ */ e.jsx("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
/* @__PURE__ */ e.jsx("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
/* @__PURE__ */ e.jsx("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
/* @__PURE__ */ e.jsx("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
] }),
moon: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" }) }),
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" }),
"check-square": /* @__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("polyline", { points: "9,12 11,14 15,10" })
] }),
square: /* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
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" })
] }),
"plus-circle": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16" }),
/* @__PURE__ */ e.jsx("line", { x1: "8", y1: "12", x2: "16", 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" })
] }),
"thumbs-up": /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" }) }),
"thumbs-down": /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.28a2 2 0 0 1 2 1.7l1.38 9a2 2 0 0 1-2 2.3H17" }) }),
"user-plus": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
/* @__PURE__ */ e.jsx("circle", { cx: "8.5", cy: "7", r: "4" }),
/* @__PURE__ */ e.jsx("line", { x1: "20", y1: "8", x2: "20", y2: "14" }),
/* @__PURE__ */ e.jsx("line", { x1: "23", y1: "11", x2: "17", y2: "11" })
] }),
"user-x": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
/* @__PURE__ */ e.jsx("circle", { cx: "8.5", cy: "7", r: "4" }),
/* @__PURE__ */ e.jsx("line", { x1: "18", y1: "8", x2: "22", y2: "12" }),
/* @__PURE__ */ e.jsx("line", { x1: "22", y1: "8", x2: "18", y2: "12" })
] }),
"user-check": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
/* @__PURE__ */ e.jsx("circle", { cx: "8.5", cy: "7", r: "4" }),
/* @__PURE__ */ e.jsx("path", { d: "M17 11l3 3-7 7-4-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" }) }),
"heart-filled": /* @__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", fill: "currentColor" }) }),
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" }) }),
share: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "18", cy: "5", r: "3" }),
/* @__PURE__ */ e.jsx("circle", { cx: "6", cy: "12", r: "3" }),
/* @__PURE__ */ e.jsx("circle", { cx: "18", cy: "19", r: "3" }),
/* @__PURE__ */ e.jsx("line", { x1: "8.59", y1: "13.51", x2: "15.42", y2: "17.49" }),
/* @__PURE__ */ e.jsx("line", { x1: "15.41", y1: "6.51", x2: "8.59", y2: "10.49" })
] }),
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
"file-text": /* @__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" })
] }),
attachment: /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) }),
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" })
] }),
"edit-3": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M12 20h9" }),
/* @__PURE__ */ e.jsx("path", { d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.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" })
] }),
"trash-2": /* @__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" }),
/* @__PURE__ */ e.jsx("line", { x1: "10", y1: "11", x2: "10", y2: "17" }),
/* @__PURE__ */ e.jsx("line", { x1: "14", y1: "11", x2: "14", y2: "17" })
] }),
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" })
] }),
"refresh-cw": /* @__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" }) }),
"loader-2": /* @__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" })
] }),
euro: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M16 6c-6 0-10 2.7-10 6s4 6 10 6" }),
/* @__PURE__ */ e.jsx("line", { x1: "4", y1: "10", x2: "13", y2: "10" }),
/* @__PURE__ */ e.jsx("line", { x1: "4", y1: "14", x2: "13", y2: "14" })
] }),
"euro-sign": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M18 6c-3.3 0-6 2.7-6 6s2.7 6 6 6" }),
/* @__PURE__ */ e.jsx("line", { x1: "6", y1: "9", x2: "18", y2: "9" }),
/* @__PURE__ */ e.jsx("line", { x1: "6", y1: "15", x2: "18", y2: "15" })
] }),
currency: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
/* @__PURE__ */ e.jsx("path", { d: "M12 6v12" }),
/* @__PURE__ */ e.jsx("path", { d: "M8 9h8" }),
/* @__PURE__ */ e.jsx("path", { d: "M8 15h8" })
] }),
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" }) }),
chart: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "18", y1: "20", x2: "18", y2: "10" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "20", x2: "12", y2: "4" }),
/* @__PURE__ */ e.jsx("line", { x1: "6", y1: "20", x2: "6", y2: "14" })
] }),
"bar-chart-2": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("line", { x1: "18", y1: "20", x2: "18", y2: "10" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "20", x2: "12", y2: "4" }),
/* @__PURE__ */ e.jsx("line", { x1: "6", y1: "20", x2: "6", y2: "14" })
] }),
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" })
] }),
repeat: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("polyline", { points: "17,1 21,5 17,9" }),
/* @__PURE__ */ e.jsx("path", { d: "M3,11V9a4,4,0,0,1,4-4h14" }),
/* @__PURE__ */ e.jsx("polyline", { points: "7,23 3,19 7,15" }),
/* @__PURE__ */ e.jsx("path", { d: "M21,13v2a4,4,0,0,1-4,4H3" })
] }),
// 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" })
] }),
smartphone: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", ry: "2" }),
/* @__PURE__ */ e.jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18" })
] }),
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" })
] }),
"shield-off": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M19.69 14a6.9 6.9 0 0 0 .31-2V5l-8-3-3.16 1.18" }),
/* @__PURE__ */ e.jsx("path", { d: "M4.73 4.73L4 5v7c0 6 8 10 8 10a20.29 20.29 0 0 0 5.62-4.38" }),
/* @__PURE__ */ e.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
] }),
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" })
] }),
"book-open": /* @__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" })
] }),
"graduation-cap": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M22 10v6M2 10l10-5 10 5-10 5z" }),
/* @__PURE__ */ e.jsx("path", { d: "M6 12v5c3 3 9 3 12 0v-5" })
] }),
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" })
] }),
block: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
/* @__PURE__ */ e.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
/* @__PURE__ */ e.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
] }),
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" })
] }),
receipt: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M3 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1-2-1z" }),
/* @__PURE__ */ e.jsx("path", { d: "M14 8H8" }),
/* @__PURE__ */ e.jsx("path", { d: "M16 12H8" }),
/* @__PURE__ */ e.jsx("path", { d: "M13 16H8" })
] }),
undo: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M3 7v6h6" }),
/* @__PURE__ */ e.jsx("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
] }),
"shopping-bag": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("path", { d: "M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z" }),
/* @__PURE__ */ e.jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
/* @__PURE__ */ e.jsx("path", { d: "M16 10a4 4 0 0 1-8 0" })
] }),
"credit-card": /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("rect", { x: "1", y: "4", width: "22"