@e-burgos/tucu-ui 2.5.0 → 2.7.0

package/components/icons/unlocked.mjs

@@ -0,0 +1,35 @@
+import { jsxs as l, jsx as C } from "react/jsx-runtime";
+function o(L) {
+  return /* @__PURE__ */ l(
+    "svg",
+    {
+      width: "14",
+      height: "18",
+      viewBox: "0 0 14 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...L,
+      children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M5.56963 12.7768C5.56963 12.0055 6.19493 11.3802 6.96628 11.3802C7.73763 11.3802 8.36293 12.0055 8.36293 12.7768C8.36293 13.5482 7.73763 14.1735 6.96628 14.1735C6.19493 14.1735 5.56963 13.5482 5.56963 12.7768Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M4.92763 1.60825C5.14398 1.52211 5.36968 1.46163 5.60011 1.42806C6.97187 1.22818 8.30023 2.00084 8.80469 3.29203L8.87454 3.47082C8.9611 3.69236 9.02284 3.92281 9.05866 4.15794L9.26035 5.48226L10.6411 5.27197L10.4394 3.94765C10.388 3.61056 10.2995 3.28018 10.1754 2.96258L10.1056 2.78378C9.36464 0.887291 7.41355 -0.247573 5.39873 0.0460034C5.06028 0.0953196 4.72877 0.184147 4.411 0.310666C2.51933 1.06383 1.39707 3.02219 1.70364 5.03508L1.73254 5.22484C1.78388 5.56194 1.87241 5.89231 1.99649 6.20992L2.60557 7.76888L2.25038 7.79724C1.24225 7.87772 0.419059 8.63554 0.255637 9.63359C-0.0852123 11.7152 -0.0852123 13.8384 0.255637 15.92C0.419059 16.9181 1.24225 17.6759 2.25038 17.7564L3.64342 17.8676C5.85514 18.0441 8.07742 18.0441 10.2891 17.8676L11.6822 17.7564C12.6903 17.6759 13.5135 16.9181 13.6769 15.92C14.0178 13.8384 14.0178 11.7152 13.6769 9.63359C13.5135 8.63554 12.6903 7.87772 11.6822 7.79724L10.2891 7.68603C8.21639 7.52056 6.13438 7.51016 4.06047 7.65484L3.29738 5.70167C3.21083 5.48013 3.14908 5.24969 3.11327 5.01455L3.08437 4.82479C2.87564 3.45435 3.63971 2.12103 4.92763 1.60825ZM10.178 9.07825C8.04025 8.90759 5.89231 8.90759 3.75457 9.07825L2.36152 9.18946C1.9938 9.21881 1.69354 9.49523 1.63393 9.85927C1.31755 11.7914 1.31755 13.7622 1.63393 15.6943C1.69354 16.0584 1.9938 16.3348 2.36152 16.3641L3.75457 16.4754C5.8923 16.646 8.04025 16.646 10.178 16.4754L11.571 16.3641C11.9388 16.3348 12.239 16.0584 12.2986 15.6943C12.615 13.7622 12.615 11.7914 12.2986 9.85927C12.239 9.49523 11.9388 9.21881 11.571 9.18946L10.178 9.07825Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  o as Unlocked
+};

package/components/icons/usdc.mjs

@@ -0,0 +1,40 @@
+import { jsxs as i, jsx as C } 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__ */ C(
+          "path",
+          {
+            d: "M12 24C18.6504 24 24 18.6504 24 12C24 5.3496 18.6504 0 12 0C5.34959 0 0 5.3496 0 12C0 18.6504 5.34959 24 12 24Z",
+            fill: "#2775CA"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M15.3009 13.9001C15.3009 12.1505 14.2509 11.5505 12.1509 11.2997C10.6509 11.0993 10.3509 10.6997 10.3509 10.0001C10.3509 9.30049 10.8513 8.85049 11.8509 8.85049C12.7509 8.85049 13.2513 9.15049 13.5009 9.90049C13.5513 10.0505 13.7013 10.1501 13.8513 10.1501H14.6517C14.8521 10.1501 15.0021 10.0001 15.0021 9.79969V9.74929C14.8017 8.64889 13.9017 7.79929 12.7521 7.69969V6.4997C12.7521 6.2993 12.6021 6.1493 12.3525 6.1001H11.6025C11.4021 6.1001 11.2521 6.2501 11.2029 6.4997V7.64929C9.70294 7.84969 8.75254 8.84929 8.75254 10.0997C8.75254 11.7497 9.75214 12.4001 11.8521 12.6497C13.2525 12.8993 13.7025 13.1993 13.7025 13.9997C13.7025 14.8001 13.0029 15.3497 12.0525 15.3497C10.7529 15.3497 10.3029 14.8001 10.1529 14.0501C10.1025 13.8497 9.95254 13.7501 9.80254 13.7501H8.95294C8.75254 13.7501 8.60254 13.9001 8.60254 14.1005V14.1509C8.80294 15.4013 9.60214 16.3013 11.2521 16.5509V17.7509C11.2521 17.9513 11.4021 18.1013 11.6517 18.1505H12.4017C12.6021 18.1505 12.7521 18.0005 12.8013 17.7509V16.5509C14.3001 16.3001 15.3009 15.2501 15.3009 13.9001Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M9.45025 19.1502C5.55029 17.7498 3.54992 13.3998 5.0007 9.5502C5.75069 7.45019 7.40067 5.85058 9.45025 5.10058C9.65064 5.00098 9.75024 4.85098 9.75024 4.60018V3.90058C9.75024 3.70018 9.65064 3.55018 9.45025 3.50098C9.39985 3.50098 9.30025 3.50098 9.24985 3.55138C4.50031 5.05138 1.89994 10.101 3.39992 14.8518C4.29991 17.6514 6.45028 19.8018 9.24985 20.7018C9.45025 20.8014 9.64944 20.7018 9.69984 20.5014C9.75024 20.451 9.75024 20.4018 9.75024 20.301V19.6014C9.75024 19.4502 9.60024 19.251 9.45025 19.1502ZM14.7494 3.55018C14.549 3.45058 14.3498 3.55018 14.2994 3.75058C14.249 3.80098 14.249 3.85018 14.249 3.95098V4.65058C14.249 4.85098 14.399 5.05018 14.549 5.15098C18.4489 6.55139 20.4493 10.9014 18.9985 14.751C18.2485 16.851 16.5986 18.4506 14.549 19.2006C14.3486 19.3002 14.249 19.4502 14.249 19.701V20.4006C14.249 20.601 14.3486 20.751 14.549 20.8002C14.5994 20.8002 14.699 20.8002 14.7494 20.7498C19.4989 19.2498 22.0993 14.2002 20.5993 9.4494C19.6993 6.60059 17.4997 4.45018 14.7494 3.55018Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  l as Usdc
+};

package/components/icons/verified-icon.mjs

@@ -0,0 +1,65 @@
+import { jsxs as L, jsx as C } from "react/jsx-runtime";
+const i = (l) => /* @__PURE__ */ L(
+  "svg",
+  {
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...l,
+    children: [
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M15.2342 7.99993C15.2342 11.9948 11.9958 15.2333 8.00091 15.2333C4.00605 15.2333 0.767578 11.9948 0.767578 7.99993C0.767578 4.00507 4.00605 0.766602 8.00091 0.766602C11.9958 0.766602 15.2342 4.00507 15.2342 7.99993Z",
+          fill: "#50AD64",
+          stroke: "white"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M11.3809 8.73873L8.10887 10.1387C8.07459 10.1545 8.03729 10.1627 7.99954 10.1627C7.96179 10.1627 7.92449 10.1545 7.89021 10.1387L4.61821 8.73873C4.59017 8.72635 4.5588 8.72373 4.5291 8.73127C4.4994 8.73881 4.47309 8.75609 4.45436 8.78035C4.43563 8.8046 4.42557 8.83443 4.42578 8.86507C4.426 8.89572 4.43647 8.9254 4.45554 8.94939L7.78087 13.2267C7.80684 13.2599 7.84002 13.2868 7.87791 13.3052C7.9158 13.3237 7.95739 13.3333 7.99954 13.3333C8.04169 13.3333 8.08328 13.3237 8.12117 13.3052C8.15906 13.2868 8.19224 13.2599 8.21821 13.2267L11.5435 8.94939C11.5626 8.9254 11.5731 8.89572 11.5733 8.86507C11.5735 8.83443 11.5634 8.8046 11.5447 8.78035C11.526 8.75609 11.4997 8.73881 11.47 8.73127C11.4403 8.72373 11.4089 8.72635 11.3809 8.73873Z",
+          fill: "#86FDAA"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M7.99953 10.1627V13.3334C7.95746 13.3329 7.91603 13.3231 7.87821 13.3046C7.8404 13.2862 7.80715 13.2596 7.78087 13.2267L4.45554 8.94939C4.43647 8.9254 4.426 8.89572 4.42578 8.86507C4.42557 8.83443 4.43563 8.8046 4.45436 8.78035C4.47309 8.75609 4.4994 8.73881 4.5291 8.73127C4.5588 8.72373 4.59017 8.72635 4.6182 8.73873L7.8902 10.1387C7.92448 10.1545 7.96178 10.1627 7.99953 10.1627Z",
+          fill: "#6DE08E"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M11.6163 7.14386L8.21625 2.77319C8.19086 2.74001 8.15817 2.71313 8.12071 2.69463C8.08325 2.67613 8.04203 2.6665 8.00025 2.6665C7.95847 2.6665 7.91725 2.67613 7.8798 2.69463C7.84234 2.71313 7.80964 2.74001 7.78425 2.77319L4.38425 7.14386C4.35901 7.17704 4.34165 7.21552 4.33347 7.25639C4.32529 7.29727 4.32651 7.33947 4.33705 7.3798C4.34758 7.42013 4.36714 7.45754 4.39426 7.4892C4.42138 7.52086 4.45535 7.54593 4.49358 7.56253L7.89358 9.0212C7.92738 9.03528 7.96364 9.04253 8.00025 9.04253C8.03687 9.04253 8.07312 9.03528 8.10692 9.0212L11.5069 7.56253C11.5452 7.54593 11.5791 7.52086 11.6062 7.4892C11.6334 7.45754 11.6529 7.42013 11.6635 7.3798C11.674 7.33947 11.6752 7.29727 11.667 7.25639C11.6589 7.21552 11.6415 7.17704 11.6163 7.14386Z",
+          fill: "#86FDAA"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M11.6667 7.36517L8 6.05317V2.6665C8.04168 2.66703 8.08272 2.67688 8.1201 2.69534C8.15747 2.7138 8.19024 2.74039 8.216 2.77317L11.616 7.14384C11.64 7.17483 11.657 7.21069 11.6657 7.24892C11.6745 7.28714 11.6748 7.32681 11.6667 7.36517Z",
+          fill: "#6DE08E"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M8.00065 6.05322V9.04256C7.96404 9.04244 7.92781 9.03519 7.89398 9.02122L4.49398 7.56256C4.45319 7.54529 4.41727 7.51826 4.38937 7.48385C4.36147 7.44944 4.34245 7.4087 4.33398 7.36522L8.00065 6.05322Z",
+          fill: "#6DE08E"
+        }
+      ),
+      /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M8.00067 2.6665V6.05317L4.33401 7.36517C4.32586 7.32681 4.32618 7.28714 4.33493 7.24892C4.34368 7.21069 4.36065 7.17483 4.38467 7.14384L7.78467 2.77317C7.81043 2.74039 7.8432 2.7138 7.88057 2.69534C7.91795 2.67688 7.95899 2.66703 8.00067 2.6665Z",
+          fill: "#5FC77D"
+        }
+      )
+    ]
+  }
+);
+export {
+  i as VerifiedIcon
+};

package/components/icons/verified.mjs

@@ -0,0 +1,11 @@
+import { jsx as C } from "react/jsx-runtime";
+const o = (r) => /* @__PURE__ */ C("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", ...r, children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M5.0568 7.05557L6.40109 8.41232L9.08969 5.69883M4.27375 2.10141C4.75588 2.06258 5.2136 1.87124 5.58175 1.55464C5.99775 1.19665 6.52655 1 7.07324 1C7.61994 1 8.14874 1.19665 8.56474 1.55464C8.93289 1.87124 9.3906 2.06258 9.87274 2.10141C10.4177 2.14517 10.9293 2.3835 11.3159 2.77363C11.7024 3.16376 11.9386 3.68016 11.9819 4.23015C12.0204 4.71675 12.21 5.1787 12.5237 5.55026C12.8784 5.97011 13.0732 6.50381 13.0732 7.05557C13.0732 7.60733 12.8784 8.14103 12.5237 8.56088C12.21 8.93244 12.0204 9.3944 11.9819 9.881C11.9386 10.431 11.7024 10.9474 11.3159 11.3375C10.9293 11.7276 10.4177 11.966 9.87274 12.0097C9.3906 12.0486 8.93289 12.2399 8.56474 12.5565C8.14874 12.9145 7.61994 13.1111 7.07324 13.1111C6.52655 13.1111 5.99775 12.9145 5.58175 12.5565C5.2136 12.2399 4.75588 12.0486 4.27375 12.0097C3.7288 11.966 3.21715 11.7276 2.83059 11.3375C2.44404 10.9474 2.2079 10.431 2.16455 9.881C2.12607 9.3944 1.93649 8.93244 1.6228 8.56088C1.26808 8.14103 1.07324 7.60733 1.07324 7.05557C1.07324 6.50381 1.26808 5.97011 1.6228 5.55026C1.93649 5.1787 2.12607 4.71675 2.16455 4.23015C2.2079 3.68016 2.44404 3.16376 2.83059 2.77363C3.21715 2.3835 3.7288 2.14517 4.27375 2.10141Z",
+    stroke: "CurrentColor"
+  }
+) });
+export {
+  o as Verified
+};

package/components/icons/vote-icon.mjs

@@ -0,0 +1,27 @@
+import { jsxs as i, jsx as C } from "react/jsx-runtime";
+function t(L) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "18",
+      height: "18",
+      viewBox: "0 0 18 18",
+      fill: "none",
+      ...L,
+      children: [
+        /* @__PURE__ */ C("g", { clipPath: "url(#clip0_7_1192)", children: /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M1.5 10.3125V16.875H0.5625C0.252 16.875 0 17.127 0 17.4375C0 17.748 0.252 18 0.5625 18H2.0625H11.4525H12.9375C13.248 18 13.5 17.748 13.5 17.4375C13.5 17.127 13.248 16.875 12.9375 16.875H12.015V11.9678L12.8738 11.0978C12.9 11.07 12.924 11.0408 12.945 11.0085L15.2295 7.4843C15.4148 7.58255 15.6195 7.6403 15.8355 7.64105H15.84C16.1903 7.64105 16.5195 7.50455 16.7678 7.2563L17.6168 6.4073C18.129 5.8958 18.129 5.06255 17.6168 4.55105L13.4498 0.384798C12.9383 -0.127452 12.105 -0.127452 11.5935 0.384798L10.7685 1.2098C10.4183 1.56005 10.3133 2.06105 10.4438 2.5073L7.107 3.3548C5.73825 3.70355 4.59375 4.6223 3.966 5.8778C3.63375 6.55055 3.4575 7.2953 3.4575 8.03255C3.4575 8.6273 3.57825 9.20555 3.7905 9.75005H2.0625C1.752 9.75005 1.5 10.002 1.5 10.3125ZM11.5635 2.00555C11.5635 2.0048 11.5635 2.0048 11.5635 2.00555L12.3885 1.1798C12.4245 1.14305 12.4725 1.12505 12.5205 1.12505C12.5685 1.12505 12.6165 1.14305 12.6533 1.1798L16.8203 5.34605C16.8938 5.41955 16.8938 5.53805 16.8203 5.61155L15.9713 6.4598C15.924 6.5078 15.8678 6.5153 15.8385 6.5153H15.8378C15.8085 6.5153 15.753 6.5078 15.705 6.4598L11.562 2.26955C11.49 2.1968 11.49 2.0783 11.5635 2.00555ZM4.5825 8.03255C4.5825 7.4678 4.71825 6.8948 4.97325 6.3788C5.45475 5.4173 6.33225 4.7123 7.38375 4.4453L11.178 3.4808L14.3828 6.72155L12.0315 10.3478L8.78325 13.641C8.59575 13.8278 8.382 13.8668 8.23575 13.8668C7.96725 13.8668 7.72425 13.728 7.587 13.4978C7.4145 13.2053 7.485 12.795 7.7565 12.5243L10.6283 9.64505C10.8195 9.45455 10.8473 9.15455 10.6965 8.9318L10.575 8.75405C10.0755 8.0603 9.2775 7.6718 8.41125 7.7153C7.554 7.75955 6.7875 8.23055 6.36075 8.97455L5.9145 9.75005H5.025C4.74 9.2243 4.5825 8.6393 4.5825 8.03255ZM8.934 9.75005H7.21125L7.335 9.5348C7.57425 9.11705 7.9875 8.86355 8.46825 8.8388C8.853 8.81705 9.2145 8.9513 9.48075 9.2018L8.934 9.75005ZM2.625 10.875H7.812L6.95925 11.73C6.321 12.369 6.1815 13.332 6.6195 14.073C6.963 14.649 7.5675 14.9933 8.23575 14.9933C8.74275 14.9933 9.21975 14.7968 9.58125 14.436L10.89 13.1093V16.875H2.625V10.875Z",
+            fill: "currentColor"
+          }
+        ) }),
+        /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_7_1192", children: /* @__PURE__ */ C("rect", { width: "18", height: "18", fill: "white" }) }) })
+      ]
+    }
+  );
+}
+export {
+  t as VoteIcon
+};

package/components/icons/warning.mjs

@@ -0,0 +1,42 @@
+import { jsxs as r, jsx as C } from "react/jsx-runtime";
+function o(l) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      width: "18",
+      height: "17",
+      viewBox: "0 0 18 17",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...l,
+      children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M9.90485 5.61505C9.90485 6.11478 9.49975 6.51989 9.00002 6.51989C8.50029 6.51989 8.09518 6.11478 8.09518 5.61505C8.09518 5.11533 8.50029 4.71022 9.00002 4.71022C9.49975 4.71022 9.90485 5.11533 9.90485 5.61505Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M9.00002 8.10335C9.37481 8.10335 9.67864 8.40718 9.67864 8.78197V13.3061C9.67864 13.6809 9.37481 13.9848 9.00002 13.9848C8.62522 13.9848 8.32139 13.6809 8.32139 13.3061V8.78197C8.32139 8.40718 8.62522 8.10335 9.00002 8.10335Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M11.0543 1.08422C10.0663 -0.361403 7.93375 -0.361409 6.94569 1.08422L6.55488 1.65602C4.10636 5.23845 2.00265 9.04475 0.271949 13.0239L0.19032 13.2116C-0.419588 14.6139 0.501862 16.2061 2.02157 16.376C6.65942 16.8943 11.3406 16.8943 15.9784 16.376C17.4981 16.2061 18.4196 14.6139 17.8097 13.2116L17.7281 13.0239C15.9973 9.04475 13.8936 5.23846 11.4451 1.65603L11.0543 1.08422ZM8.06623 1.85008C8.51534 1.19298 9.48466 1.19298 9.93377 1.85008L10.3246 2.42189C12.7248 5.93357 14.7869 9.66468 16.4834 13.5653L16.5651 13.7529C16.8106 14.3176 16.4396 14.9587 15.8277 15.0271C11.29 15.5343 6.70998 15.5343 2.17233 15.0271C1.56039 14.9587 1.18935 14.3176 1.43494 13.7529L1.51657 13.5653C3.21309 9.66468 5.27525 5.93356 7.67541 2.42188L8.06623 1.85008Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  o as Warning
+};

package/components/inputs/checkbox.mjs

@@ -0,0 +1,213 @@
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { forwardRef as S, useId as E } from "react";
+import o from "classnames";
+import { FieldError as L } from "./helpers/field-error-text.mjs";
+import { FieldHelperText as V } from "./helpers/field-helper-text.mjs";
+function A({ className: d }) {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className: d,
+      children: /* @__PURE__ */ r(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+}
+const D = {
+  ghost: "transition-shadow border border-border bg-white text-gray-900 dark:bg-gray-800 dark:text-gray-100",
+  solid: "transition-colors bg-gray-200/70 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700",
+  transparent: ""
+}, m = {
+  rounded: "rounded-full",
+  square: "rounded-md"
+}, G = S(
+  ({
+    size: d = "md",
+    color: v = "primary",
+    labelPlacement: a = "end",
+    label: t,
+    disabled: b,
+    error: c,
+    helperText: l,
+    className: p,
+    activeClassName: f,
+    containerClassName: x,
+    iconClassName: y,
+    labelClassName: w,
+    inputClassName: C,
+    errorClassName: N,
+    helperClassName: H,
+    id: I,
+    variant: i = "ghost",
+    shape: n = "square",
+    ...j
+  }, z) => {
+    const B = E(), s = I || B, g = `${s}-error`, u = `${s}-helper`, F = [c ? g : null, l ? u : null].filter(Boolean).join(" ") || void 0, M = {
+      sm: "h-[16px] w-[16px]",
+      md: "h-[20px] w-[20px]",
+      lg: "h-[24px] w-[24px]"
+    }, e = ((q) => {
+      const k = {
+        primary: {
+          base: "",
+          checked: "checked:border-brand checked:bg-brand",
+          hover: "hover:enabled:border-brand",
+          checkedHover: "checked:hover:enabled:bg-brand/90 checked:hover:enabled:border-brand/90 checked:hover:enabled:scale-105",
+          focus: "focus:enabled:border-brand focus:ring-brand/30",
+          disabled: "disabled:bg-muted/10 disabled:border-border",
+          icon: "bg-brand"
+        },
+        secondary: {
+          base: "",
+          checked: "checked:border-gray-900 checked:bg-gray-900",
+          hover: "hover:enabled:border-gray-900",
+          checkedHover: "checked:hover:enabled:bg-gray-800 checked:hover:enabled:border-gray-800 checked:hover:enabled:scale-105",
+          focus: "focus:enabled:border-gray-900 focus:ring-gray-900/30",
+          disabled: "disabled:bg-muted/10 disabled:border-border",
+          icon: "bg-gray-500"
+        },
+        danger: {
+          base: "",
+          checked: "checked:border-red-500 checked:bg-red-500",
+          hover: "hover:enabled:border-red-500",
+          checkedHover: "checked:hover:enabled:bg-red-600 checked:hover:enabled:border-red-600 checked:hover:enabled:scale-105",
+          focus: "focus:enabled:border-red-500 focus:ring-red-500/30",
+          disabled: "disabled:bg-muted/10 disabled:border-border",
+          icon: "bg-red-500"
+        },
+        info: {
+          base: "",
+          checked: "checked:border-blue-500 checked:bg-blue-500",
+          hover: "hover:enabled:border-blue-500",
+          checkedHover: "checked:hover:enabled:bg-blue-600 checked:hover:enabled:border-blue-600 checked:hover:enabled:scale-105",
+          focus: "focus:enabled:border-blue-500 focus:ring-blue-500/30",
+          disabled: "disabled:bg-muted/10 disabled:border-border",
+          icon: "bg-blue-500"
+        },
+        success: {
+          base: "",
+          checked: "checked:border-green-500 checked:bg-green-500",
+          hover: "hover:enabled:border-green-500",
+          checkedHover: "checked:hover:enabled:bg-green-600 checked:hover:enabled:border-green-600 checked:hover:enabled:scale-105",
+          focus: "focus:enabled:border-green-500 focus:ring-green-500/30",
+          disabled: "disabled:bg-muted/10 disabled:border-border",
+          icon: "bg-green-500"
+        },
+        warning: {
+          base: "",
+          checked: "checked:border-orange-500 checked:bg-orange-500",
+          hover: "hover:enabled:border-orange-500",
+          checkedHover: "checked:hover:enabled:bg-orange-600 checked:hover:enabled:border-orange-600 checked:hover:enabled:scale-105",
+          focus: "focus:enabled:border-orange-500 focus:ring-orange-500/30",
+          disabled: "disabled:bg-muted/10 disabled:border-border",
+          icon: "bg-orange-500"
+        }
+      };
+      return k[q] || k.primary;
+    })(v), R = {
+      sm: "text-sm",
+      md: "text-sm",
+      lg: "text-base"
+    }, $ = {
+      sm: a === "start" ? "mr-[4px] rtl:ml-[4px]" : "ml-[4px] rtl:mr-[4px]",
+      md: a === "start" ? "mr-[6px] rtl:ml-[6px]" : "ml-[6px] rtl:mr-[6px]",
+      lg: a === "start" ? "mr-[8px] rtl:ml-[8px]" : "ml-[8px] rtl:mr-[8px]"
+    };
+    return /* @__PURE__ */ h("div", { className: o("flex flex-col", p, f), children: [
+      /* @__PURE__ */ h(
+        "label",
+        {
+          htmlFor: s,
+          className: o(
+            "flex flex-row items-center",
+            b && "cursor-not-allowed",
+            x
+          ),
+          children: [
+            /* @__PURE__ */ h("div", { className: o("relative leading-none"), children: [
+              /* @__PURE__ */ r(
+                "input",
+                {
+                  type: "checkbox",
+                  ref: z,
+                  id: s,
+                  "data-tucu": "checkbox",
+                  "data-variant": i,
+                  "data-size": d,
+                  "data-shape": n,
+                  disabled: b,
+                  "aria-describedby": F,
+                  "aria-invalid": c ? "true" : "false",
+                  className: o(
+                    "peer appearance-none cursor-pointer disabled:cursor-not-allowed transition-all duration-200 ease-in-out",
+                    m[n],
+                    D[i],
+                    "focus:outline-none focus:ring-0",
+                    "checked:ring-0",
+                    M[d],
+                    e.base,
+                    e.checked,
+                    e.hover,
+                    e.checkedHover,
+                    e.focus,
+                    e.disabled,
+                    b && "bg-muted/10! border-border! dark:border-border!",
+                    C
+                  ),
+                  ...j
+                }
+              ),
+              /* @__PURE__ */ r(
+                A,
+                {
+                  className: o(
+                    `peer-checked:opacity-100 ${m[n]} absolute inset-0 h-full w-full opacity-0 text-white pointer-events-none`,
+                    b ? "bg-muted/10! border-border! dark:border-border!" : e.icon,
+                    y
+                  )
+                }
+              )
+            ] }),
+            t && /* @__PURE__ */ r(
+              "span",
+              {
+                className: o(
+                  "text-gray-800 dark:text-gray-100",
+                  R[d],
+                  $[d],
+                  a === "start" && "order-first",
+                  w
+                ),
+                children: t
+              }
+            )
+          ]
+        }
+      ),
+      !c && l && /* @__PURE__ */ r(V, { id: u, size: "md", className: H, children: l }),
+      c && /* @__PURE__ */ r(
+        L,
+        {
+          id: g,
+          className: N,
+          size: "md",
+          error: c
+        }
+      )
+    ] });
+  }
+);
+G.displayName = "Checkbox";
+export {
+  G as Checkbox,
+  G as default
+};

package/components/inputs/file-input.mjs

@@ -0,0 +1,214 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { forwardRef as A, useState as B, useEffect as M } from "react";
+import g from "classnames";
+import { Image as P } from "../utils/image.mjs";
+import { Close as W } from "../icons/close.mjs";
+import { DocumentIcon as $ } from "../icons/document.mjs";
+import { buttonColorByControlColor as G, buttonHoverClassByControlColor as H, fileInputColorClasses as x } from "./helpers/control-colors.mjs";
+import { Button as K } from "../buttons/button/index.mjs";
+const w = {
+  img: "image/*",
+  pdf: "application/pdf",
+  csvAndExcel: "text/csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel",
+  imgAndPdf: "image/*,application/pdf",
+  all: "image/*,application/pdf,text/csv,application/gzip,application/xml,application/zip,application/msword,text/plain"
+};
+function q({
+  accept: o,
+  children: D,
+  label: F,
+  color: a,
+  containerProps: n,
+  additionalInputProps: N,
+  placeholderText: L,
+  containerClassName: C,
+  wrapperClassName: k,
+  labelClassName: E,
+  onChange: f,
+  multiple: m,
+  ...h
+}, s) {
+  const [d, c] = B([]), I = (e) => {
+    const t = e.target.files;
+    if (t && t.length > 0) {
+      const p = Array.from(t).filter(v);
+      p.length > 0 && c(m ? (l) => [...l, ...p] : [p[0]]);
+    }
+    f && f(e);
+  }, v = (e) => {
+    if (!o || o === "all")
+      return !0;
+    const i = w[o];
+    return i ? i.split(",").some((l) => {
+      if (l.includes("*")) {
+        const X = l.split("/")[0];
+        return e.type.startsWith(X + "/");
+      }
+      return e.type === l.trim();
+    }) : !0;
+  }, O = (e) => {
+    if (e && e.length > 0) {
+      const t = e.filter(v);
+      t.length > 0 && c(m ? (i) => [...i, ...t] : [t[0]]);
+    }
+  }, R = (e) => {
+    e.preventDefault(), e.stopPropagation();
+    const t = Array.from(e.dataTransfer.files);
+    t.length > 0 && O(t), n?.onDrop && n.onDrop(e);
+  }, T = (e) => {
+    e.preventDefault(), e.stopPropagation(), n?.onDragOver && n.onDragOver(e);
+  }, U = (e) => {
+    e.preventDefault(), e.stopPropagation(), n?.onDragEnter && n.onDragEnter(e);
+  }, j = (e) => {
+    e.preventDefault(), e.stopPropagation(), n?.onDragLeave && n.onDragLeave(e);
+  }, b = d.filter(
+    (e) => e.type.includes("image")
+  ), S = (e) => {
+    const t = e.split(".");
+    return t.length > 1 ? t[t.length - 1].toUpperCase() : "";
+  }, z = (e) => {
+    if (e.type.includes("pdf")) return "PDF";
+    if (e.type.includes("csv")) return "CSV";
+    if (e.type.includes("spreadsheetml") || e.type.includes("ms-excel"))
+      return "XLSX";
+    if (e.type.includes("zip") || e.type.includes("gzip")) return "ZIP";
+    if (e.type.includes("xml")) return "XML";
+    if (e.type.includes("msword") || e.type.includes("wordprocessingml"))
+      return "DOC";
+    if (e.type.includes("plain")) return "TXT";
+    const t = S(e.name);
+    return t === "XLSX" || t === "XLS" ? t : t || "FILE";
+  }, y = (e) => {
+    const t = d[e];
+    t && t.type.includes("image") && URL.revokeObjectURL(URL.createObjectURL(t));
+    const i = d.filter((p, l) => l !== e);
+    c(i), s && "current" in s && s.current && (s.current.value = "");
+  };
+  return M(() => () => {
+    b.forEach((e) => {
+      URL.revokeObjectURL(URL.createObjectURL(e));
+    });
+  }, [b]), /* @__PURE__ */ u(
+    "div",
+    {
+      "data-tucu": "file-input",
+      "data-color": a,
+      className: g(
+        "rounded-lg border border-solid border-border bg-white p-4 dark:bg-light-dark sm:p-6",
+        a && x[a].wrapper,
+        k
+      ),
+      children: [
+        /* @__PURE__ */ u(
+          "div",
+          {
+            "data-tucu": "file-input-dropzone",
+            className: g(
+              "hover:bg-gray-100  dark:hover:bg-gray-900/50 border border-dashed dark:hover:border-brand hover:border-brand transition-all duration-300 relative border-border h-48 flex items-center justify-center rounded-lg",
+              a && x[a].dropzone,
+              C
+            ),
+            ...n,
+            onDrop: R,
+            onDragOver: T,
+            onDragEnter: U,
+            onDragLeave: j,
+            children: [
+              /* @__PURE__ */ r(
+                "input",
+                {
+                  ref: s,
+                  title: "",
+                  type: "file",
+                  accept: o && o !== "all" ? w[o] : void 0,
+                  className: "absolute top-0 z-10 h-full w-full opacity-0 disabled:cursor-not-allowed cursor-pointer",
+                  onChange: I,
+                  multiple: m,
+                  ...h,
+                  ...N
+                }
+              ),
+              /* @__PURE__ */ u("div", { "data-tucu": "file-input-content", className: "text-center", children: [
+                /* @__PURE__ */ r(
+                  "p",
+                  {
+                    "data-tucu": "file-input-placeholder",
+                    className: "mb-6 text-sm tracking-tighter text-gray-600 dark:text-gray-400",
+                    children: L || "PNG, GIF, WEBP, MP4 or MP3. Max 100mb."
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  K,
+                  {
+                    color: a ? G[a] : void 0,
+                    disabled: h.disabled,
+                    className: g(
+                      a ? H[a] : "hover:bg-primary-500",
+                      E
+                    ),
+                    children: F || "CHOOSE FILE"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        D,
+        d.length > 0 && /* @__PURE__ */ r("div", { className: "mt-7 flex flex-row flex-wrap gap-5", children: d.map((e, t) => {
+          const i = e.type.includes("image");
+          return /* @__PURE__ */ u(
+            "div",
+            {
+              className: "relative flex items-center",
+              children: [
+                i ? /* @__PURE__ */ r(
+                  "figure",
+                  {
+                    "data-tucu": "file-input-image-preview",
+                    className: "relative mx-auto aspect-square w-20 overflow-hidden rounded-xl border border-border @2xl:w-32",
+                    children: /* @__PURE__ */ r(
+                      P,
+                      {
+                        src: URL.createObjectURL(e),
+                        alt: e.name,
+                        priority: "auto",
+                        className: "(max-width: 768px) 100vw"
+                      }
+                    )
+                  }
+                ) : /* @__PURE__ */ u(
+                  "div",
+                  {
+                    "data-tucu": "file-input-preview",
+                    className: "relative mx-auto w-20 @2xl:w-32 flex flex-col items-center justify-center p-3 rounded-xl border border-border dark:border-border bg-gray-200 dark:bg-gray-800",
+                    children: [
+                      /* @__PURE__ */ r($, { className: "w-8 h-8 text-gray-600 dark:text-gray-400 mb-2" }),
+                      /* @__PURE__ */ r("span", { className: "text-xs font-semibold text-gray-700 dark:text-gray-300 text-center", children: z(e) }),
+                      /* @__PURE__ */ r("span", { className: "text-[10px] text-gray-500 dark:text-gray-500 text-center mt-1 truncate w-full", children: e.name.length > 15 ? `${e.name.substring(0, 15)}...` : e.name })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ r("div", { className: "absolute top-2 right-2 w-4 h-4 rounded-full flex items-center justify-center bg-brand text-white", children: /* @__PURE__ */ r(
+                  W,
+                  {
+                    onClick: () => y(t),
+                    onTouchStart: () => y(t),
+                    className: "h-2 w-2 cursor-pointer transition duration-75"
+                  }
+                ) })
+              ]
+            },
+            `${e.name}-${t}`
+          );
+        }) })
+      ]
+    }
+  );
+}
+const V = A(q);
+V.displayName = "FileInput";
+export {
+  V as FileInput,
+  w as acceptedFileType,
+  V as default
+};