daleui 0.0.2 → 0.0.5

package/dist/components/Icon/Icon.js

@@ -0,0 +1,325 @@
+import { jsx as n } from "react/jsx-runtime";
+import "../../css-QiVVeZaw.js";
+import { c as i } from "../../cva-BrKodHDH.js";
+import * as e from "react";
+import { c as t, C as h } from "../../check-DEVerfH5.js";
+const m = [
+  [
+    "path",
+    {
+      d: "m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526",
+      key: "1yiouv"
+    }
+  ],
+  ["circle", { cx: "12", cy: "8", r: "6", key: "1vp47v" }]
+], p = t("award", m);
+const y = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], k = t("chevron-down", y);
+const g = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], C = t("chevron-left", g);
+const v = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], f = t("chevron-right", v);
+const u = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+], w = t("circle-alert", u);
+const M = [
+  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+], _ = t("clock", M);
+const x = [
+  ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
+  ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
+  ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
+], H = t("code-xml", x);
+const E = [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+], b = t("external-link", E);
+const z = [
+  ["path", { d: "m15 18-.722-3.25", key: "1j64jw" }],
+  ["path", { d: "M2 8a10.645 10.645 0 0 0 20 0", key: "1e7gxb" }],
+  ["path", { d: "m20 15-1.726-2.05", key: "1cnuld" }],
+  ["path", { d: "m4 15 1.726-2.05", key: "1dsqqd" }],
+  ["path", { d: "m9 18 .722-3.25", key: "ypw2yx" }]
+], N = t("eye-closed", z);
+const V = [
+  [
+    "path",
+    {
+      d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+      key: "ct8e1f"
+    }
+  ],
+  ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242", key: "151rxh" }],
+  [
+    "path",
+    {
+      d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+      key: "13bj9a"
+    }
+  ],
+  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
+], L = t("eye-off", V);
+const $ = [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], S = t("eye", $);
+const q = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }]
+], j = t("globe", q);
+const Z = [
+  ["path", { d: "M11 14h2a2 2 0 0 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16", key: "1v1a37" }],
+  [
+    "path",
+    {
+      d: "m14.45 13.39 5.05-4.694C20.196 8 21 6.85 21 5.75a2.75 2.75 0 0 0-4.797-1.837.276.276 0 0 1-.406 0A2.75 2.75 0 0 0 11 5.75c0 1.2.802 2.248 1.5 2.946L16 11.95",
+      key: "fhfbnt"
+    }
+  ],
+  ["path", { d: "m2 15 6 6", key: "10dquu" }],
+  [
+    "path",
+    {
+      d: "m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a1 1 0 0 0-2.75-2.91",
+      key: "1x6kdw"
+    }
+  ]
+], A = t("hand-heart", Z);
+const F = [
+  [
+    "path",
+    {
+      d: "M19.414 14.414C21 12.828 22 11.5 22 9.5a5.5 5.5 0 0 0-9.591-3.676.6.6 0 0 1-.818.001A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.535 5.362a2 2 0 0 0 2.879.052 2.12 2.12 0 0 0-.004-3 2.124 2.124 0 1 0 3-3 2.124 2.124 0 0 0 3.004 0 2 2 0 0 0 0-2.828l-1.881-1.882a2.41 2.41 0 0 0-3.409 0l-1.71 1.71a2 2 0 0 1-2.828 0 2 2 0 0 1 0-2.828l2.823-2.762",
+      key: "17lmqv"
+    }
+  ]
+], B = t("heart-handshake", F);
+const I = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+], R = t("info", I);
+const D = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], T = t("loader-circle", D);
+const G = [
+  ["path", { d: "M4 5h16", key: "1tepv9" }],
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 19h16", key: "1djgab" }]
+], U = t("menu", G);
+const X = [
+  [
+    "path",
+    {
+      d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
+      key: "1sd12s"
+    }
+  ],
+  ["path", { d: "M8 12h.01", key: "czm47f" }],
+  ["path", { d: "M12 12h.01", key: "1mp3jc" }],
+  ["path", { d: "M16 12h.01", key: "1l6xoz" }]
+], Y = t("message-circle-more", X);
+const O = [
+  [
+    "path",
+    {
+      d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
+      key: "1sd12s"
+    }
+  ]
+], K = t("message-circle", O);
+const J = [
+  [
+    "path",
+    {
+      d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
+      key: "kfwtm"
+    }
+  ]
+], P = t("moon", J);
+const Q = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], W = t("search", Q);
+const e1 = [
+  [
+    "path",
+    {
+      d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+      key: "r04s7s"
+    }
+  ]
+], t1 = t("star", e1);
+const c1 = [
+  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
+  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
+  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
+], o1 = t("sun", c1);
+const a1 = [
+  [
+    "path",
+    {
+      d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z",
+      key: "emmmcr"
+    }
+  ],
+  ["path", { d: "M7 10v12", key: "1qc93n" }]
+], n1 = t("thumbs-up", a1);
+const l1 = [
+  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
+  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
+], s1 = t("user", l1);
+const r1 = [
+  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
+  ["path", { d: "M16 3.128a4 4 0 0 1 0 7.744", key: "16gr8j" }],
+  ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
+], d1 = t("users", r1);
+const i1 = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], h1 = t("x", i1), m1 = (c) => /* @__PURE__ */ e.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ e.createElement("title", null, "Discord"), /* @__PURE__ */ e.createElement("path", { d: "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z" })), p1 = (c) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", ...c }, /* @__PURE__ */ e.createElement("path", { fill: "#0acf83", d: "M45.5 129c11.9 0 21.5-9.6 21.5-21.5V86H45.5C33.6 86 24 95.6 24 107.5S33.6 129 45.5 129zm0 0" }), /* @__PURE__ */ e.createElement("path", { fill: "#a259ff", d: "M24 64.5C24 52.6 33.6 43 45.5 43H67v43H45.5C33.6 86 24 76.4 24 64.5zm0 0" }), /* @__PURE__ */ e.createElement("path", { fill: "#f24e1e", d: "M24 21.5C24 9.6 33.6 0 45.5 0H67v43H45.5C33.6 43 24 33.4 24 21.5zm0 0" }), /* @__PURE__ */ e.createElement("path", { fill: "#ff7262", d: "M67 0h21.5C100.4 0 110 9.6 110 21.5S100.4 43 88.5 43H67zm0 0" }), /* @__PURE__ */ e.createElement("path", { fill: "#1abcfe", d: "M110 64.5c0 11.9-9.6 21.5-21.5 21.5S67 76.4 67 64.5 76.6 43 88.5 43 110 52.6 110 64.5zm0 0" })), y1 = (c) => /* @__PURE__ */ e.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ e.createElement("title", null, "GitHub"), /* @__PURE__ */ e.createElement("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" })), k1 = (c) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ e.createElement("path", { d: "M19 2C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5C2 3.34315 3.34315 2 5 2H19ZM5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44771 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44771 19.5523 4 19 4H5ZM9.91016 16.6377H16.6846V18.0459H8.16699V14.4023H9.91016V16.6377ZM16.2402 9.6377H17.9219V11.0664H16.2402V15.1201H14.4971V5.83008H16.2402V9.6377ZM10.0674 8.94043C10.6598 8.94043 11.1885 9.04297 11.6533 9.24805C12.1182 9.44857 12.4805 9.73112 12.7402 10.0957C13 10.4603 13.1299 10.8796 13.1299 11.3535C13.1299 11.8229 13 12.2376 12.7402 12.5977C12.4805 12.9577 12.1182 13.238 11.6533 13.4385C11.1885 13.6344 10.6598 13.7324 10.0674 13.7324C9.46582 13.7324 8.93034 13.6344 8.46094 13.4385C7.99609 13.238 7.63151 12.9577 7.36719 12.5977C7.10742 12.2376 6.97754 11.8229 6.97754 11.3535C6.97754 10.8796 7.10742 10.4603 7.36719 10.0957C7.63151 9.73112 7.99609 9.44857 8.46094 9.24805C8.93034 9.04297 9.46582 8.94043 10.0674 8.94043ZM10.0674 10.2803C9.78483 10.2803 9.53874 10.3213 9.3291 10.4033C9.11947 10.4854 8.95768 10.6084 8.84375 10.7725C8.72982 10.932 8.67285 11.1257 8.67285 11.3535C8.67285 11.5768 8.72982 11.7682 8.84375 11.9277C8.95768 12.0827 9.11947 12.2012 9.3291 12.2832C9.53874 12.3652 9.78483 12.4062 10.0674 12.4062C10.3454 12.4062 10.5892 12.3652 10.7988 12.2832C11.013 12.2012 11.1794 12.0827 11.2979 11.9277C11.4163 11.7682 11.4756 11.5768 11.4756 11.3535C11.4756 11.1257 11.4163 10.932 11.2979 10.7725C11.1794 10.6084 11.013 10.4854 10.7988 10.4033C10.5892 10.3213 10.3454 10.2803 10.0674 10.2803ZM10.9355 7.12891H13.752V8.50293H6.3623V7.12891H9.19238V5.80957H10.9355V7.12891Z", fill: "currentColor" })), g1 = (c) => /* @__PURE__ */ e.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ e.createElement("title", null, "LinkedIn"), /* @__PURE__ */ e.createElement("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" })), C1 = (c) => /* @__PURE__ */ e.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ e.createElement("title", null, "Medium"), /* @__PURE__ */ e.createElement("path", { d: "M4.21 0A4.201 4.201 0 0 0 0 4.21v15.58A4.201 4.201 0 0 0 4.21 24h15.58A4.201 4.201 0 0 0 24 19.79v-1.093c-.137.013-.278.02-.422.02-2.577 0-4.027-2.146-4.09-4.832a7.592 7.592 0 0 1 .022-.708c.093-1.186.475-2.241 1.105-3.022a3.885 3.885 0 0 1 1.395-1.1c.468-.237 1.127-.367 1.664-.367h.023c.101 0 .202.004.303.01V4.211A4.201 4.201 0 0 0 19.79 0Zm.198 5.583h4.165l3.588 8.435 3.59-8.435h3.864v.146l-.019.004c-.705.16-1.063.397-1.063 1.254h-.003l.003 10.274c.06.676.424.885 1.063 1.03l.02.004v.145h-4.923v-.145l.019-.005c.639-.144.994-.353 1.054-1.03V7.267l-4.745 11.15h-.261L6.15 7.569v9.445c0 .857.358 1.094 1.063 1.253l.02.004v.147H4.405v-.147l.019-.004c.705-.16 1.065-.397 1.065-1.253V6.987c0-.857-.358-1.094-1.064-1.254l-.018-.004zm19.25 3.668c-1.086.023-1.733 1.323-1.813 3.124H24V9.298a1.378 1.378 0 0 0-.342-.047Zm-1.862 3.632c-.1 1.756.86 3.239 2.204 3.634v-3.634z" })), v1 = (c) => /* @__PURE__ */ e.createElement("svg", { width: "800px", height: "800px", viewBox: "-31.5 0 319 319", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", preserveAspectRatio: "xMidYMid", ...c }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("path", { d: "M9.87245893,293.324145 L0.0114611411,30.5732167 C-0.314208957,21.8955842 6.33948896,14.5413918 15.0063196,13.9997149 L238.494389,0.0317105427 C247.316188,-0.519651867 254.914637,6.18486163 255.466,15.0066607 C255.486773,15.339032 255.497167,15.6719708 255.497167,16.0049907 L255.497167,302.318596 C255.497167,311.157608 248.331732,318.323043 239.492719,318.323043 C239.253266,318.323043 239.013844,318.317669 238.774632,318.306926 L25.1475605,308.712253 C16.8276309,308.338578 10.1847994,301.646603 9.87245893,293.324145 L9.87245893,293.324145 Z", id: "path-1" })), /* @__PURE__ */ e.createElement("g", null, /* @__PURE__ */ e.createElement("mask", { id: "mask-2", fill: "white" }, /* @__PURE__ */ e.createElement("use", { xlinkHref: "#path-1" })), /* @__PURE__ */ e.createElement("use", { fill: "#FF4785", fillRule: "nonzero", xlinkHref: "#path-1" }), /* @__PURE__ */ e.createElement("path", { d: "M188.665358,39.126973 L190.191903,2.41148534 L220.883535,0 L222.205755,37.8634126 C222.251771,39.1811466 221.22084,40.2866846 219.903106,40.3327009 C219.338869,40.3524045 218.785907,40.1715096 218.342409,39.8221376 L206.506729,30.4984116 L192.493574,41.1282444 C191.443077,41.9251106 189.945493,41.7195021 189.148627,40.6690048 C188.813185,40.2267976 188.6423,39.6815326 188.665358,39.126973 Z M149.413703,119.980309 C149.413703,126.206975 191.355678,123.222696 196.986019,118.848893 C196.986019,76.4467826 174.234041,54.1651411 132.57133,54.1651411 C90.9086182,54.1651411 67.5656805,76.7934542 67.5656805,110.735941 C67.5656805,169.85244 147.345341,170.983856 147.345341,203.229219 C147.345341,212.280549 142.913138,217.654777 133.162291,217.654777 C120.456641,217.654777 115.433477,211.165914 116.024438,189.103298 C116.024438,184.317101 67.5656805,182.824962 66.0882793,189.103298 C62.3262146,242.56887 95.6363019,257.990394 133.753251,257.990394 C170.688279,257.990394 199.645341,238.303123 199.645341,202.663511 C199.645341,139.304202 118.683759,141.001326 118.683759,109.604526 C118.683759,96.8760922 128.139127,95.178968 133.753251,95.178968 C139.662855,95.178968 150.300143,96.2205679 149.413703,119.980309 Z", fill: "#FFFFFF", fillRule: "nonzero", mask: "url(#mask-2)" }))), f1 = (c) => /* @__PURE__ */ e.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ e.createElement("title", null, "YouTube"), /* @__PURE__ */ e.createElement("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }));
+function o(c) {
+  return (a) => /* @__PURE__ */ n(c, { ...a, fill: "currentColor" });
+}
+const u1 = {
+  award: p,
+  check: h,
+  chevronDown: k,
+  chevronLeft: C,
+  chevronRight: f,
+  circleAlert: w,
+  clock: _,
+  codeXml: H,
+  externalLink: b,
+  eye: S,
+  eyeClosed: N,
+  eyeOff: L,
+  globe: j,
+  handHeart: A,
+  heartHandshake: B,
+  info: R,
+  kr: k1,
+  loaderCircle: T,
+  menu: U,
+  messageCircle: K,
+  messageCircleMore: Y,
+  moon: P,
+  search: W,
+  star: t1,
+  sun: o1,
+  thumbsUp: n1,
+  user: s1,
+  users: d1,
+  x: h1,
+  Discord: o(m1),
+  GitHub: o(y1),
+  LinkedIn: o(g1),
+  Medium: o(C1),
+  YouTube: o(f1),
+  Storybook: o(v1),
+  Figma: o(p1)
+}, E1 = ({ name: c, size: a, tone: l, solid: s, ...r }) => {
+  const d = u1[c];
+  return /* @__PURE__ */ n(d, { className: w1({ size: a, tone: l, solid: s }), ...r });
+}, w1 = i({
+  base: { display: "inline-block", color: "currentcolor" },
+  variants: {
+    size: {
+      xs: { width: "0.75rem", height: "0.75rem" },
+      sm: { width: "1rem", height: "1rem" },
+      md: { width: "1.25rem", height: "1.25rem" },
+      lg: { width: "1.5rem", height: "1.5rem" }
+    },
+    tone: {
+      brand: {},
+      neutral: {},
+      success: {},
+      warning: {},
+      danger: {},
+      info: {}
+    },
+    solid: {
+      true: {},
+      false: {}
+    }
+  },
+  compoundVariants: [
+    {
+      solid: !0,
+      tone: "brand",
+      css: { color: "fgSolid.brand" }
+    },
+    {
+      solid: !1,
+      tone: "brand",
+      css: { color: "fg.brand" }
+    },
+    {
+      solid: !0,
+      tone: "neutral",
+      css: { color: "fgSolid.neutral" }
+    },
+    {
+      solid: !1,
+      tone: "neutral",
+      css: { color: "fg.neutral" }
+    },
+    {
+      solid: !0,
+      tone: "success",
+      css: { color: "fgSolid.success" }
+    },
+    {
+      solid: !1,
+      tone: "success",
+      css: { color: "fg.success" }
+    },
+    {
+      solid: !0,
+      tone: "warning",
+      css: { color: "fgSolid.warning" }
+    },
+    {
+      solid: !1,
+      tone: "warning",
+      css: { color: "fg.warning" }
+    },
+    {
+      solid: !0,
+      tone: "danger",
+      css: { color: "fgSolid.danger" }
+    },
+    {
+      solid: !1,
+      tone: "danger",
+      css: { color: "fg.danger" }
+    },
+    {
+      solid: !0,
+      tone: "info",
+      css: { color: "fgSolid.info" }
+    },
+    {
+      solid: !1,
+      tone: "info",
+      css: { color: "fg.info" }
+    }
+  ],
+  defaultVariants: { size: "md", solid: !1 }
+});
+export {
+  E1 as Icon
+};

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,35 @@
+import type { HTMLAttributes, ReactElement } from "react";
+import type { ButtonProps } from "../Button/Button";
+import type { TextInputProps } from "../TextInput/TextInput";
+import type { CheckboxProps } from "../Checkbox/Checkbox";
+import type { RadioGroupProps } from "../RadioGroup/RadioGroup";
+type LabelTone = "danger" | "neutral";
+type LabelVariant = "default" | "required" | "optional";
+export type LabelFormChild = ReactElement<ButtonProps> | ReactElement<CheckboxProps> | ReactElement<RadioGroupProps> | ReactElement<TextInputProps>;
+export interface LabelProps extends HTMLAttributes<HTMLLabelElement> {
+    /** 라벨과 연결된 요소 */
+    children?: LabelFormChild;
+    /** 라벨 텍스트 */
+    labelText: string;
+    /** 색조 */
+    tone?: LabelTone;
+    /** 라벨 비활성화 여부 */
+    disabled?: boolean;
+    /** 라벨 종류 (기본/필수/옵션선택) */
+    variant?: LabelVariant;
+    /** 보조설명문 텍스트 */
+    description?: string;
+    /** 라벨과 연결된 요소의 id */
+    htmlFor?: string;
+}
+/**
+ * - `children` 속성을 통해서 자식 요소는 `Button`, `Checkbox`, `RadioGroup`, `TextInput` 컴포넌트가 올 수 있습니다. (form요소 컴포넌트 추가 개발 시, 업데이트 예정)
+ * - `labelText` 속성을 통해서 라벨의 텍스트를 지정할 수 있습니다.
+ * - `tone` 속성을 통해서 색상 강조를 지정할 수 있습니다.
+ * - `disabled` 속성을 통해서 라벨의 비활성화 여부를 설정할 수 있습니다.
+ * - `variant` 속성을 통해서 라벨의 종류(기본/필수/옵션선택)를 선택할 수 있습니다.
+ * - `description` 속성을 통해서 보조설명문을 추가할 수 있습니다.
+ * - `htmlFor` 속성을 통해서 라벨과 연결할 요소의 id를 지정할 수 있습니다.
+ */
+export declare function Label({ children, labelText, tone, variant, disabled, description, ...rest }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Label/Label.js

@@ -0,0 +1,74 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { c as t } from "../../css-QiVVeZaw.js";
+import { c as d } from "../../cva-BrKodHDH.js";
+import { Text as f } from "../Text/Text.js";
+function x({
+  children: l,
+  labelText: n,
+  tone: i = "neutral",
+  variant: a = "default",
+  disabled: r = !1,
+  description: s,
+  ...c
+}) {
+  return /* @__PURE__ */ o(
+    "label",
+    {
+      className: m({
+        tone: r ? void 0 : i,
+        variant: a,
+        disabled: r
+      }),
+      ...c,
+      children: [
+        /* @__PURE__ */ e("span", { className: t({ textStyle: "label.md.strong" }), children: n }),
+        a === "required" && /* @__PURE__ */ o(
+          "span",
+          {
+            "aria-label": "옵션 필수",
+            className: t({
+              color: r ? "fg.neutral.disabled" : "fg.danger"
+            }),
+            children: [
+              " ",
+              "*"
+            ]
+          }
+        ),
+        a === "optional" && /* @__PURE__ */ e("span", { "aria-label": "옵션 선택", children: " (옵션 선택)" }),
+        s && /* @__PURE__ */ e(f, { as: "div", size: "sm", children: s }),
+        l && /* @__PURE__ */ e("div", { style: { marginTop: "8px" }, children: l })
+      ]
+    }
+  );
+}
+const m = d({
+  variants: {
+    variant: {
+      default: {},
+      required: {},
+      optional: {}
+    },
+    tone: {
+      danger: {
+        color: "fg.danger"
+      },
+      neutral: {
+        color: "fg.neutral.DEFAULT"
+      }
+    },
+    disabled: {
+      true: {
+        color: "fg.neutral.disabled"
+      },
+      false: {}
+    },
+    isDescription: {
+      true: {},
+      false: {}
+    }
+  }
+});
+export {
+  x as Label
+};

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,33 @@
+import { type AnchorHTMLAttributes } from "react";
+type LinkSize = "sm" | "md" | "lg";
+type LinkTone = "neutral" | "brand";
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** 링크 URL (필수) */
+    href: string;
+    /** 링크 내용, 아이콘, 이미지 등 (필수) */
+    children: React.ReactNode;
+    /** 링크의 색조 */
+    tone?: LinkTone;
+    /** 링크의 크기 */
+    size?: LinkSize;
+    /** 링크에 밑줄 표시 여부 */
+    underline?: boolean;
+    /** 새창에서 열지 여부 */
+    external?: boolean;
+}
+/**
+ * - `underline` 속성으로 밑줄 표시 여부를 설정할 수 있습니다. 기본값은 `true`입니다.
+ * - `tone` 속성을 통해서 링크의 색상을 변경할 수 있습니다. 기본값은 `brand`입니다.
+ * - `size` 속성을 통해서 텍스트 크기를 변경할 수 있습니다.
+ * -  아이콘 등 컴포넌트를 사용시 링크와 다른 `Tone`, `Size`를 사용하지 않도록 주의합니다.
+ *
+ * ### 접근성(Accessibility) 안내
+ * - 이 컴포넌트는 `<a>` 태그를 사용하여 시맨틱하게 구현되어 있습니다.
+ * - `external`을 true로 설정하면 `target="_blank"`와 `rel="noopener noreferrer"`가 자동으로 추가되어 보안 및 접근성이 향상됩니다.
+ * - `external`을 true로 설정하더라도 `target`과 `rel` 속성을 직접 설정할 수 있습니다.
+ * - 키보드 포커스 시 명확한 아웃라인이 표시됩니다.
+ * - 텍스트가 없는 이미지나 아이콘만 사용하는 경우, 반드시 `aria-label` 속성을 추가하여 대체 텍스트를 제공하는 것을 권장합니다.
+ * - `external` 속성이 `true` 일 때, 외부 링크 아이콘(externalLink)이 함께 제공되지 않으면 시각적 안내 부족으로 접근성 문제가 발생할 수 있습니다.
+ */
+export declare function Link({ href, children, tone, size, underline, external, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Link/Link.js

@@ -0,0 +1,176 @@
+import { jsx as d } from "react/jsx-runtime";
+import "react";
+import { c } from "../../css-QiVVeZaw.js";
+import { c as g } from "../../cva-BrKodHDH.js";
+const f = {
+  label: {
+    lg: {
+      DEFAULT: {
+        value: {
+          fontFamily: "sans",
+          fontSize: "lg",
+          fontWeight: "medium",
+          lineHeight: "tight",
+          letterSpacing: "balanced"
+        }
+      },
+      underline: {
+        value: {
+          fontFamily: "sans",
+          fontSize: "lg",
+          fontWeight: "medium",
+          lineHeight: "tight",
+          letterSpacing: "balanced",
+          textDecoration: "underline"
+        }
+      }
+    },
+    md: {
+      DEFAULT: {
+        value: {
+          fontFamily: "sans",
+          fontSize: "md",
+          fontWeight: "medium",
+          lineHeight: "tight",
+          letterSpacing: "balanced"
+        }
+      },
+      underline: {
+        value: {
+          fontFamily: "sans",
+          fontSize: "md",
+          fontWeight: "medium",
+          lineHeight: "tight",
+          letterSpacing: "balanced",
+          textDecoration: "underline"
+        }
+      },
+      strong: {
+        value: {
+          fontFamily: "sans",
+          fontSize: "md",
+          fontWeight: "semibold",
+          lineHeight: "tight",
+          letterSpacing: "balanced"
+        }
+      }
+    },
+    sm: {
+      DEFAULT: {
+        value: {
+          fontFamily: "sans",
+          fontSize: "sm",
+          fontWeight: "medium",
+          lineHeight: "tight",
+          letterSpacing: "balanced"
+        }
+      },
+      underline: {
+        value: {
+          fontFamily: "sans",
+          fontSize: "sm",
+          fontWeight: "medium",
+          lineHeight: "tight",
+          letterSpacing: "balanced",
+          textDecoration: "underline"
+        }
+      }
+    }
+  }
+};
+function p({
+  href: n,
+  children: i,
+  tone: o = "brand",
+  size: e = "md",
+  underline: a = !0,
+  external: t = !1,
+  ...l
+}) {
+  const r = t ? "_blank" : void 0, s = t ? "noopener noreferrer" : void 0;
+  return /* @__PURE__ */ d(
+    "a",
+    {
+      className: c(
+        u.raw({ tone: o, underline: a, size: e }),
+        f.label[e].DEFAULT.value
+      ),
+      href: n,
+      target: r,
+      rel: s,
+      ...l,
+      children: i
+    }
+  );
+}
+const u = g({
+  base: {
+    transition: "colors 0.2s",
+    display: "inline-flex",
+    justifyContent: "center",
+    alignItems: "center",
+    "&:focus": {
+      outline: "borderWidths.lg solid",
+      borderRadius: "md",
+      outlineColor: "border.brand.focus"
+    },
+    "&:visited": {
+      color: "fg.brand.visited",
+      "& svg": {
+        color: "fg.brand.visited"
+      }
+    }
+  },
+  variants: {
+    tone: {
+      brand: {
+        color: "fg.brand",
+        "&:focus": {
+          color: "fg.brand.focus"
+        },
+        "&:active, &:hover": {
+          color: "fg.brand.hover"
+        }
+      },
+      neutral: {
+        color: "fg.neutral",
+        "&:focus": {
+          color: "fg.neutral.focus"
+        },
+        "&:active, &:hover": {
+          color: "fg.neutral.hover"
+        }
+      }
+    },
+    size: {
+      sm: {
+        gap: "2"
+      },
+      md: {
+        gap: "4"
+      },
+      lg: {
+        gap: "4"
+      }
+    },
+    underline: {
+      true: {
+        textDecoration: "underline"
+      },
+      false: {
+        textDecoration: "none",
+        "&:hover": {
+          textDecoration: "underline"
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    tone: "brand",
+    size: "md",
+    underline: !0
+  }
+});
+export {
+  p as Link
+};

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,17 @@
+import { type ComponentPropsWithoutRef, type Ref } from "react";
+export interface PasswordInputProps extends Omit<ComponentPropsWithoutRef<"input">, "size" | "type"> {
+    /** 플레이스홀더 */
+    placeholder?: string;
+    /** 오류 상태 여부 (true면 위험 톤 적용 및 aria-invalid=true) */
+    invalid?: boolean;
+    /** 비활성화 여부 */
+    disabled?: boolean;
+    /** DOM 요소 참조 */
+    ref?: Ref<HTMLInputElement>;
+}
+/**
+ * - 패스워드 입력 컴포넌트입니다. 우측 아이콘으로 비밀번호 가시성을 토글할 수 있습니다.
+ * - `invalid`, `disabled` prop으로 상태를 제어할 수 있습니다.
+ * - 토글 버튼은 키보드 접근성과 스크린 리더를 지원합니다.
+ */
+export declare function PasswordInput({ invalid, disabled, placeholder, ref, ...rest }: PasswordInputProps): import("react/jsx-runtime").JSX.Element;