@e-burgos/tucu-ui 2.6.0 → 2.7.1

package/components/forms/example/form-methods-example.mjs

@@ -0,0 +1,136 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { useFormContext as $ } from "react-hook-form";
+import { defaultValues as j } from "./validations.mjs";
+import { Button as a } from "../../buttons/button/index.mjs";
+const F = () => {
+  const {
+    formState: { errors: o, isDirty: d, isValid: n, isSubmitting: m },
+    reset: c,
+    trigger: i,
+    setValue: s,
+    getValues: u,
+    watch: r
+  } = $(), p = r("name"), h = r("email"), x = r("password"), g = r("country"), b = r("message"), N = r("acceptTerms"), f = r("isDeveloper"), y = r("gender"), V = r("age"), v = () => {
+    c(j);
+  }, k = async () => {
+    const l = await i();
+    console.log("Validation result:", l);
+  }, w = () => {
+    s("name", "Juan Pérez", { shouldValidate: !0 }), s("email", "juan@example.com", { shouldValidate: !0 }), s("password", "12345678", { shouldValidate: !0 }), s("country", "mx", { shouldValidate: !0 }), s("message", "Hello, world!", { shouldValidate: !0 }), s("acceptTerms", !0, { shouldValidate: !0 }), s("isDeveloper", !0, { shouldValidate: !0 }), s("gender", "male", { shouldValidate: !0 }), s("age", 25, { shouldValidate: !0 });
+  }, C = () => {
+    const l = u();
+    console.log("Current form values:", l), alert(JSON.stringify(l, null, 2));
+  };
+  return /* @__PURE__ */ e("div", { className: "mt-[32px] border border-border bg-light-dark rounded-lg p-[16px]", children: [
+    /* @__PURE__ */ t("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-[16px]", children: "Form Methods Example" }),
+    /* @__PURE__ */ e("div", { className: "mb-[16px] p-[12px] bg-light-dark  rounded-md", children: [
+      /* @__PURE__ */ t("p", { className: " font-semibold mb-[8px]", children: "Current values: (observed in real time)" }),
+      /* @__PURE__ */ e("p", { className: "font-mono text-sm", children: [
+        "Name: ",
+        p || "(empty)"
+      ] }),
+      /* @__PURE__ */ e("p", { className: "font-mono text-sm", children: [
+        "Email: ",
+        h || "(empty)"
+      ] }),
+      /* @__PURE__ */ e("p", { className: "font-mono text-sm", children: [
+        "Password: ",
+        x || "(empty)"
+      ] }),
+      /* @__PURE__ */ e("p", { className: "font-mono text-sm", children: [
+        "Country: ",
+        g || "(empty)"
+      ] }),
+      /* @__PURE__ */ e("p", { className: "font-mono text-sm", children: [
+        "Message: ",
+        b || "(empty)"
+      ] }),
+      /* @__PURE__ */ e("p", { className: "font-mono text-sm", children: [
+        "Accept terms: ",
+        `${N ? "Yes" : "No"}` || "(empty)"
+      ] }),
+      /* @__PURE__ */ e("p", { className: "font-mono text-sm", children: [
+        "Is developer: ",
+        `${f ? "Yes" : "No"}` || "(empty)"
+      ] }),
+      /* @__PURE__ */ e("p", { className: "font-mono text-sm", children: [
+        "Gender: ",
+        y || "(empty)"
+      ] }),
+      /* @__PURE__ */ e("p", { className: "font-mono text-sm", children: [
+        "Age: ",
+        V || "(empty)"
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "mb-[16px] grid grid-cols-2 gap-[8px]", children: [
+      /* @__PURE__ */ e("div", { className: "p-[8px] border border-border rounded-md", children: [
+        /* @__PURE__ */ t("p", { className: "text-sm font-medium mb-[4px]", children: "isDirty:" }),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: `text-sm ${d ? "text-green-500" : "text-gray-500"}`,
+            children: d ? "Yes" : "No"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "p-[8px] border border-border rounded-md", children: [
+        /* @__PURE__ */ t("p", { className: "text-sm font-medium mb-[4px]", children: "isValid:" }),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: `text-sm ${n ? "text-green-500" : "text-red-500"}`,
+            children: n ? "Yes" : "No"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "p-[8px] border border-border rounded-md", children: [
+        /* @__PURE__ */ t("p", { className: "text-sm font-medium mb-[4px]", children: "isSubmitting:" }),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: `text-sm ${m ? "text-blue-500" : "text-gray-500"}`,
+            children: m ? "Yes" : "No"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "p-[8px] border border-border rounded-md", children: [
+        /* @__PURE__ */ t("p", { className: "text-sm font-medium mb-[4px]", children: "Errors:" }),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: `text-sm ${Object.keys(o).length > 0 ? "text-red-500" : "text-green-500"}`,
+            children: Object.keys(o).length > 0 ? `${Object.keys(o).length} errors` : "No errors"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-[8px]", children: [
+      /* @__PURE__ */ t(a, { type: "button", color: "gray", fullWidth: !0, onClick: v, children: "Reset" }),
+      /* @__PURE__ */ t(
+        a,
+        {
+          type: "button",
+          color: "warning",
+          fullWidth: !0,
+          onClick: k,
+          children: "Validate"
+        }
+      ),
+      /* @__PURE__ */ t(a, { type: "button", color: "info", fullWidth: !0, onClick: w, children: "Fill data" }),
+      /* @__PURE__ */ t(
+        a,
+        {
+          type: "button",
+          color: "success",
+          fullWidth: !0,
+          onClick: C,
+          children: "Get values"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  F as FormMethodsExample,
+  F as default
+};

package/components/forms/example/validations.mjs

@@ -0,0 +1,63 @@
+const e = {
+  name: "",
+  email: "",
+  password: "",
+  message: "",
+  acceptTerms: !1,
+  age: 0,
+  gender: "",
+  isDeveloper: !1,
+  country: "ar"
+}, s = {
+  name: {
+    required: "This is a required field.",
+    minLength: {
+      value: 2,
+      message: "The name must be at least 2 characters long."
+    }
+  },
+  email: {
+    required: "This is a required field.",
+    pattern: {
+      value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,
+      message: "Invalid email address."
+    }
+  },
+  password: {
+    required: "This is a required field.",
+    minLength: {
+      value: 8,
+      message: "The password must be at least 8 characters long."
+    }
+  },
+  message: {
+    required: "This is a required field.",
+    minLength: {
+      value: 10,
+      message: "The message must be at least 10 characters long."
+    }
+  },
+  acceptTerms: {
+    required: "This is a required field."
+  },
+  country: {
+    required: "This is a required field."
+  },
+  age: {
+    required: "This is a required field.",
+    min: {
+      value: 18,
+      message: "You must be at least 18 years old."
+    }
+  },
+  gender: {
+    required: "This is a required field."
+  },
+  isDeveloper: {
+    required: "This is a required field."
+  }
+};
+export {
+  e as defaultValues,
+  s as formValidations
+};

package/components/forms/form-field.mjs

@@ -0,0 +1,91 @@
+import { jsxs as x, jsx as l } from "react/jsx-runtime";
+import y from "react";
+import { useFormContext as F, Controller as P } from "react-hook-form";
+import { FieldError as E } from "../inputs/helpers/field-error-text.mjs";
+import { FieldHelperText as z } from "../inputs/helpers/field-helper-text.mjs";
+import { Select as R } from "../inputs/select.mjs";
+import { Checkbox as S } from "../inputs/checkbox.mjs";
+import { Radio as j } from "../inputs/radio.mjs";
+import { PinCode as N } from "../inputs/pin-code.mjs";
+const L = ({
+  name: n,
+  label: v,
+  helperText: p,
+  className: i,
+  rules: u,
+  children: t,
+  hideError: g = !1,
+  showHelper: C = !1
+}) => {
+  const {
+    control: d,
+    formState: { errors: h }
+  } = F(), a = ((e, c) => {
+    const s = c.split(".");
+    let r = e;
+    for (const m of s) {
+      if (r == null) return;
+      r = r[m];
+    }
+    return r;
+  })(h, n)?.message;
+  return /* @__PURE__ */ x("div", { className: i, children: [
+    /* @__PURE__ */ l(
+      P,
+      {
+        control: d,
+        name: n,
+        ...u ? { rules: u } : {},
+        render: ({
+          field: e
+        }) => {
+          const c = t.type === R, s = t.type === S, r = t.type === j, m = t.type === N, k = s || r ? !!e.value : e.value ?? "", b = {
+            ...{
+              ...e,
+              value: k,
+              id: n,
+              label: v || t.props?.label,
+              ...t.props
+            },
+            // For Select, ensure we're passing the value correctly
+            ...c && {
+              value: e.value ?? "",
+              onChange: (o) => {
+                const f = o?.value !== void 0 ? o.value : o;
+                e.onChange(f);
+              }
+            },
+            // For Checkbox, ensure we're passing the checked prop correctly
+            ...s && {
+              checked: !!e.value,
+              onChange: (o) => {
+                e.onChange(o.target.checked);
+              }
+            },
+            // For Radio, ensure we're passing the checked prop correctly
+            ...r && {
+              checked: !!e.value,
+              onChange: (o) => {
+                e.onChange(o.target.checked);
+              }
+            },
+            // For PinCode, ensure we're passing the value and onChange correctly
+            ...m && {
+              value: e.value ?? "",
+              onChange: (o) => {
+                e.onChange(o);
+              }
+            }
+          };
+          return y.cloneElement(t, b);
+        }
+      }
+    ),
+    !g && a && /* @__PURE__ */ l(E, { error: a, size: "md" }),
+    !a && C && p && /* @__PURE__ */ l(z, { size: "md", children: p })
+  ] });
+};
+export {
+  L as FormField,
+  L as default
+};

package/components/forms/form.mjs

@@ -0,0 +1,33 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useForm as d, FormProvider as p } from "react-hook-form";
+import b from "classnames";
+const j = ({
+  onSubmit: m,
+  children: o,
+  useFormProps: i,
+  validationSchema: t,
+  className: s,
+  ...f
+}) => {
+  const r = d({
+    ...i
+  }), { register: c } = r;
+  t && Object.entries(t).forEach(([a, e]) => {
+    e && c(a, e);
+  });
+  const u = () => typeof o == "function" ? o(r) : o;
+  return /* @__PURE__ */ n(p, { ...r, children: /* @__PURE__ */ n(
+    "form",
+    {
+      onSubmit: r.handleSubmit(m),
+      noValidate: !0,
+      ...f,
+      className: b("space-y-4", s),
+      children: u()
+    }
+  ) });
+};
+export {
+  j as Form,
+  j as default
+};

package/components/icons/arrow-link-icon.mjs

@@ -0,0 +1,31 @@
+import { jsxs as o, jsx as C } from "react/jsx-runtime";
+function l(r) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...r,
+      children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M11.3977 5.39999C11.2386 5.39999 11.086 5.46319 10.9735 5.57569C10.861 5.68819 10.7978 5.84077 10.7978 5.99987V10.7989H1.19975V1.20085H5.99877C6.15787 1.20085 6.31045 1.13765 6.42295 1.02515C6.53545 0.912654 6.59865 0.760073 6.59865 0.600976C6.59865 0.441878 6.53545 0.289297 6.42295 0.176799C6.31045 0.0642998 6.15787 0.00109863 5.99877 0.00109863H0.599877C0.44078 0.00109863 0.288199 0.0642998 0.1757 0.176799C0.0632011 0.289297 0 0.441878 0 0.600976V11.3988C0 11.5579 0.0632011 11.7104 0.1757 11.8229C0.288199 11.9354 0.44078 11.9986 0.599877 11.9986H11.3977C11.5568 11.9986 11.7093 11.9354 11.8218 11.8229C11.9343 11.7104 11.9975 11.5579 11.9975 11.3988V5.99987C11.9975 5.84077 11.9343 5.68819 11.8218 5.57569C11.7093 5.46319 11.5568 5.39999 11.3977 5.39999Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M11.6262 0.0484717C11.4264 -0.0343114 11.5428 0.0178779 8.39825 0.00108137C8.23915 0.00108137 8.08657 0.0642825 7.97407 0.176781C7.86157 0.28928 7.79837 0.441861 7.79837 0.600958C7.79837 0.760056 7.86157 0.912637 7.97407 1.02514C8.08657 1.13763 8.23915 1.20084 8.39825 1.20084H9.94953L5.57523 5.57514C5.51793 5.63048 5.47223 5.69667 5.44079 5.76986C5.40935 5.84304 5.3928 5.92176 5.39211 6.00141C5.39142 6.08106 5.4066 6.16005 5.43676 6.23378C5.46692 6.3075 5.51147 6.37448 5.56779 6.4308C5.62411 6.48712 5.69109 6.53167 5.76481 6.56183C5.83854 6.59199 5.91753 6.60717 5.99718 6.60648C6.07683 6.60578 6.15555 6.58924 6.22873 6.5578C6.30192 6.52636 6.36811 6.48066 6.42345 6.42336L10.7978 2.04966V3.60034C10.7978 3.75944 10.861 3.91202 10.9735 4.02452C11.086 4.13702 11.2385 4.20022 11.3976 4.20022C11.5567 4.20022 11.7093 4.13702 11.8218 4.02452C11.9343 3.91202 11.9975 3.75944 11.9975 3.60034C11.9819 0.440191 12.0341 0.570965 11.9513 0.372405C11.8902 0.225598 11.7732 0.109082 11.6262 0.0484717Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  l as ArrowLinkIcon
+};

package/components/icons/arrow-right.mjs

@@ -0,0 +1,26 @@
+import { jsx as e } from "react/jsx-runtime";
+function r(l) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "6",
+      height: "10",
+      viewBox: "0 0 6 10",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...l,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M0.231231 0.231231C0.53954 -0.0770772 1.03941 -0.0770772 1.34772 0.231231L5.55824 4.44176C5.86655 4.75007 5.86655 5.24993 5.55824 5.55824L1.34772 9.76877C1.03941 10.0771 0.53954 10.0771 0.231231 9.76877C-0.0770772 9.46046 -0.0770772 8.96059 0.231231 8.65228L3.88352 5L0.231231 1.34772C-0.0770772 1.03941 -0.0770772 0.53954 0.231231 0.231231Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+export {
+  r as ArrowRight
+};

package/components/icons/arrow-up.mjs

@@ -0,0 +1,22 @@
+import { jsx as r } from "react/jsx-runtime";
+const C = (o) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: "10",
+    height: "12",
+    viewBox: "0 0 10 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...o,
+    children: /* @__PURE__ */ r(
+      "path",
+      {
+        d: "M1.43184 4.87415C1.16148 5.14451 0.723135 5.14451 0.452772 4.87415C0.182409 4.60379 0.182409 4.16544 0.452772 3.89508L4.14508 0.202772C4.41544 -0.0675908 4.85379 -0.0675907 5.12415 0.202772L8.81646 3.89508C9.08682 4.16544 9.08682 4.60379 8.81646 4.87415C8.5461 5.14451 8.10775 5.14451 7.83739 4.87415L5.32692 2.36369L5.32692 11.3077C5.32692 11.69 5.01697 12 4.63461 12C4.25226 12 3.94231 11.69 3.94231 11.3077L3.94231 2.36369L1.43184 4.87415Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+export {
+  C as ArrowUp
+};

package/components/icons/bitcoin.mjs

@@ -0,0 +1,36 @@
+import { jsxs as C, jsx as i } from "react/jsx-runtime";
+function t(L) {
+  return /* @__PURE__ */ C(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...L,
+      children: [
+        /* @__PURE__ */ C("g", { clipPath: "url(#clip0_482_323)", children: [
+          /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M23.6395 14.9029C22.0368 21.3315 15.5257 25.2438 9.09643 23.6407C2.66976 22.038 -1.24259 15.5266 0.360877 9.09839C1.96285 2.66908 8.47392 -1.24363 14.9014 0.359089C21.3303 1.96184 25.2423 8.47401 23.6395 14.9029Z",
+              fill: "#F7931A"
+            }
+          ),
+          /* @__PURE__ */ i(
+            "path",
+            {
+              d: "M8.05281 14.0208C7.98757 14.1828 7.8222 14.4258 7.44944 14.3335C7.46259 14.3526 6.49247 14.0946 6.49247 14.0946L5.83887 15.6017L7.55219 16.0289C7.87094 16.1087 8.18333 16.1924 8.49082 16.2711L7.94593 18.4589L9.26105 18.787L9.80067 16.6225C10.1599 16.72 10.5087 16.81 10.8499 16.8947L10.3121 19.0491L11.6288 19.3772L12.1736 17.1936C14.4188 17.6185 16.107 17.4471 16.8176 15.4165C17.3902 13.7815 16.7891 12.8384 15.6079 12.2234C16.4681 12.025 17.1161 11.4592 17.289 10.2903C17.5278 8.69355 16.3121 7.83518 14.6497 7.26255L15.189 5.09955L13.8723 4.77143L13.3474 6.87741C13.0012 6.79116 12.6457 6.70978 12.2925 6.62915L12.8212 4.50927L11.5054 4.18115L10.9658 6.34338C10.6792 6.27813 10.398 6.2136 10.125 6.14575L10.1265 6.13899L8.31076 5.68562L7.96049 7.09186C7.96049 7.09186 8.93737 7.31574 8.91674 7.3296C9.45 7.46273 9.54636 7.81558 9.53026 8.09536L8.05281 14.0208ZM14.2807 14.5086C13.8739 16.1436 11.121 15.2597 10.2285 15.0381L10.9515 12.1398C11.844 12.3625 14.706 12.8035 14.2807 14.5086ZM14.688 10.2667C14.3167 11.7539 12.0255 10.9983 11.2823 10.8131L11.9378 8.18431C12.681 8.36956 15.0746 8.7153 14.688 10.2667Z",
+              fill: "white"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_482_323", children: /* @__PURE__ */ i("rect", { width: "24", height: "24", fill: "white" }) }) })
+      ]
+    }
+  );
+}
+export {
+  t as Bitcoin
+};

package/components/icons/bnb.mjs

@@ -0,0 +1,61 @@
+import { jsxs as i, jsx as L } from "react/jsx-runtime";
+function l(t) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: [
+        /* @__PURE__ */ L(
+          "path",
+          {
+            d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
+            fill: "#F3BA2F"
+          }
+        ),
+        /* @__PURE__ */ L(
+          "path",
+          {
+            d: "M9.28254 10.8826L12.0016 8.16468L14.7218 10.8848L16.303 9.3025L12.0016 5L7.7002 9.3014L9.28254 10.8826Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ L(
+          "path",
+          {
+            d: "M5 12.0008L6.58123 10.4185L8.16357 12.0008L6.58123 13.582L5 12.0008Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ L(
+          "path",
+          {
+            d: "M9.28254 13.1173L12.0016 15.8364L14.7218 13.1162L16.3041 14.6963L12.0027 18.9988L7.7002 14.6997L9.28254 13.1173Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ L(
+          "path",
+          {
+            d: "M15.8364 12.0008L17.4177 10.4185L19 11.9997L17.4177 13.5831L15.8364 12.0008Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ L(
+          "path",
+          {
+            d: "M13.6059 11.9996L12.0014 10.394L10.8149 11.5805L10.6778 11.7165L10.397 11.9974L12.0014 13.6007L13.6059 12.0007V11.9996Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  l as Bnb
+};

package/components/icons/book.mjs

@@ -0,0 +1,35 @@
+import { jsxs as L, jsx as C } from "react/jsx-runtime";
+function e(o) {
+  return /* @__PURE__ */ L(
+    "svg",
+    {
+      width: "18",
+      height: "16",
+      viewBox: "0 0 18 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...o,
+      children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8.6055 13.5202C8.71187 13.584 8.82559 13.6123 8.9361 13.6109C9.04662 13.6123 9.16034 13.584 9.26671 13.5202L10.2104 12.954C12.0612 11.8435 14.3248 11.6621 16.3288 12.4637C17.068 12.7594 17.8722 12.215 17.8722 11.4188V1.72714C17.8722 1.24671 17.5797 0.81468 17.1336 0.636253C14.5525 -0.396208 11.6371 -0.162603 9.25326 1.26769L8.9361 1.45798L8.61895 1.26769C6.23513 -0.162603 3.31972 -0.396208 0.738564 0.636253C0.292497 0.81468 0 1.24671 0 1.72714V11.4188C0 12.215 0.80416 12.7594 1.54342 12.4637C3.54744 11.6621 5.81098 11.8435 7.66178 12.954L8.6055 13.5202ZM1.2469 1.77604V11.2415C3.57094 10.3703 6.16948 10.6045 8.30331 11.8848L8.31265 11.8904V2.53803L7.97743 2.33689C5.94167 1.11544 3.45502 0.909006 1.2469 1.77604ZM9.5689 11.8848L9.55955 11.8904V2.53803L9.89478 2.33689C11.9305 1.11544 14.4172 0.909006 16.6253 1.77604V11.2415C14.3013 10.3703 11.7027 10.6045 9.5689 11.8848Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M6.67104 13.8579C4.98868 12.8765 2.90834 12.8765 1.22598 13.8579L1.14058 13.9077C0.843159 14.0812 0.742699 14.4629 0.916192 14.7603C1.08969 15.0578 1.47144 15.1582 1.76885 14.9847L1.85426 14.9349C3.14838 14.18 4.74864 14.18 6.04276 14.9349L6.94656 15.4621C8.17598 16.1793 9.69623 16.1793 10.9256 15.4621L11.8294 14.9349C13.1236 14.18 14.7238 14.18 16.0179 14.9349L16.1034 14.9847C16.4008 15.1582 16.7825 15.0578 16.956 14.7603C17.1295 14.4629 17.029 14.0812 16.7316 13.9077L16.6462 13.8579C14.9639 12.8765 12.8835 12.8765 11.2012 13.8579L10.2974 14.3851C9.45619 14.8758 8.41602 14.8758 7.57484 14.3851L6.67104 13.8579Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  e as BookIcon
+};

package/components/icons/brands/facebook.mjs

@@ -0,0 +1,22 @@
+import { jsx as C } from "react/jsx-runtime";
+function n(o) {
+  return /* @__PURE__ */ C(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...o,
+      children: /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M14.2 2.875C12.9734 2.875 11.797 3.36228 10.9296 4.22963C10.0623 5.09699 9.575 6.27337 9.575 7.5V10.075H7.1C6.97574 10.075 6.875 10.1757 6.875 10.3V13.7C6.875 13.8243 6.97574 13.925 7.1 13.925H9.575V20.9C9.575 21.0243 9.67574 21.125 9.8 21.125H13.2C13.3243 21.125 13.425 21.0243 13.425 20.9V13.925H15.9219C16.0252 13.925 16.1152 13.8547 16.1402 13.7546L16.9902 10.3546C17.0257 10.2126 16.9183 10.075 16.7719 10.075H13.425V7.5C13.425 7.29446 13.5067 7.09733 13.652 6.95199C13.7973 6.80665 13.9945 6.725 14.2 6.725H16.8C16.9243 6.725 17.025 6.62426 17.025 6.5V3.1C17.025 2.97574 16.9243 2.875 16.8 2.875H14.2Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+export {
+  n as Facebook
+};

package/components/icons/brands/github.mjs

@@ -0,0 +1,26 @@
+import { jsx as C } from "react/jsx-runtime";
+function i(e) {
+  return /* @__PURE__ */ C(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      ...e,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ C(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+export {
+  i as Github
+};

package/components/icons/brands/instagram.mjs

@@ -0,0 +1,33 @@
+import { jsxs as r, jsx as C } from "react/jsx-runtime";
+function o(l) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...l,
+      children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M12 8.74998C10.2051 8.74998 8.75 10.2051 8.75 12C8.75 13.7949 10.2051 15.25 12 15.25C13.7949 15.25 15.25 13.7949 15.25 12C15.25 10.2051 13.7949 8.74998 12 8.74998Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M6.76954 3.08145C10.2177 2.69607 13.7824 2.69607 17.2305 3.08145C19.1289 3.29363 20.6601 4.78941 20.8829 6.69446C21.2952 10.2195 21.2952 13.7805 20.8829 17.3055C20.6601 19.2106 19.1289 20.7063 17.2305 20.9185C13.7824 21.3039 10.2177 21.3039 6.76954 20.9185C4.87114 20.7063 3.33995 19.2106 3.11713 17.3055C2.70485 13.7805 2.70485 10.2195 3.11713 6.69446C3.33995 4.7894 4.87114 3.29363 6.76954 3.08145ZM17 5.99998C16.4477 5.99998 16 6.4477 16 6.99998C16 7.55227 16.4477 7.99998 17 7.99998C17.5523 7.99998 18 7.55227 18 6.99998C18 6.4477 17.5523 5.99998 17 5.99998ZM7.25 12C7.25 9.37663 9.37665 7.24998 12 7.24998C14.6234 7.24998 16.75 9.37663 16.75 12C16.75 14.6233 14.6234 16.75 12 16.75C9.37665 16.75 7.25 14.6233 7.25 12Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  o as Instagram
+};

package/components/icons/brands/telegram.mjs

@@ -0,0 +1,24 @@
+import { jsx as C } from "react/jsx-runtime";
+function l(L) {
+  return /* @__PURE__ */ C(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...L,
+      children: /* @__PURE__ */ C(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M18.4831 19.7901L18.4838 19.7883L18.5012 19.7448L21.5 4.62577V4.57666C21.5 4.19996 21.3608 3.8711 21.0579 3.67384C20.7928 3.50118 20.4881 3.48889 20.2744 3.50511C20.0483 3.52226 19.8352 3.57868 19.6877 3.62564C19.6118 3.6498 19.5483 3.67307 19.5028 3.69068C19.48 3.69952 19.4615 3.70702 19.4481 3.7126L19.4349 3.71816L2.71508 10.2771L2.71048 10.2787C2.70145 10.282 2.68951 10.2865 2.67508 10.2921C2.64633 10.3033 2.60719 10.3193 2.56121 10.3402C2.47093 10.3811 2.34619 10.4442 2.21969 10.5308C2.00484 10.678 1.59572 11.0263 1.6648 11.5785C1.72202 12.0359 2.03733 12.3264 2.2499 12.4768C2.36384 12.5575 2.47286 12.6156 2.55269 12.6536C2.59313 12.6729 2.62749 12.6876 2.65308 12.698C2.66591 12.7032 2.67663 12.7074 2.68493 12.7106L2.69556 12.7145L2.70235 12.7171L5.62759 13.7019C5.61772 13.8854 5.63592 14.0725 5.68459 14.2572L7.14988 19.8156C7.32361 20.4746 7.91984 20.9337 8.60141 20.9332C9.21234 20.9328 9.75417 20.5632 9.98435 20.0118L12.272 17.5657L16.201 20.5779L16.2569 20.6023C16.6138 20.7581 16.9474 20.8074 17.2523 20.7658C17.5568 20.7242 17.7987 20.5965 17.9805 20.4511C18.1594 20.308 18.2819 20.1465 18.359 20.0249C18.3982 19.9631 18.4274 19.9088 18.4476 19.8679C18.4578 19.8474 18.4658 19.8301 18.4718 19.8165L18.4794 19.7991L18.4821 19.7927L18.4831 19.7901ZM7.13499 13.8748C7.10169 13.7485 7.15397 13.6151 7.26426 13.5451L17.1863 7.24417C17.1863 7.24417 17.7699 6.88987 17.749 7.24417C17.749 7.24417 17.8532 7.30673 17.5404 7.59846C17.2438 7.87554 10.4688 14.4166 9.78322 15.0785C9.74365 15.1167 9.72003 15.1605 9.70608 15.2137L8.60028 19.4332L7.13499 13.8748Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+export {
+  l as Telegram
+};