@madecki/ui 0.1.0

package/dist/index.cjs

@@ -0,0 +1,840 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+var Button = ({
+  variant,
+  size = "md",
+  children,
+  onClick,
+  isActive,
+  id,
+  label,
+  disabled,
+  className = "",
+  type = "button"
+}) => {
+  if (typeof isActive === "boolean" && id === void 0) {
+    throw Error("If button has isActive props, it must have id props too");
+  }
+  const classNames = [
+    "relative flex gap-2 items-center rounded-sm font-sans border-2 transition-colors leading-none"
+  ];
+  const textColor = "text-primary focus:text-white";
+  classNames.push(textColor);
+  switch (variant) {
+    case "primary":
+      classNames.push(
+        "border-primary text-primary bg-neutral focus:bg-primary",
+        "dark:text-white dark:bg-gray dark:hover:bg-neutral dark:hover:text-primary"
+      );
+      break;
+    case "success":
+      classNames.push(
+        "border-success text-primary bg-neutral focus:bg-primary focus:text-success",
+        "dark:text-white dark:bg-gray dark:hover:bg-success"
+      );
+      break;
+    case "warning":
+      classNames.push(
+        "border-warning text-primary bg-neutral focus:bg-primary focus:text-warning",
+        "dark:text-white dark:bg-gray dark:hover:bg-warning"
+      );
+      break;
+    case "danger":
+      classNames.push(
+        "border-danger text-primary bg-neutral focus:bg-primary focus:text-danger",
+        "dark:text-white dark:bg-gray dark:hover:bg-danger"
+      );
+      break;
+    case "info":
+      classNames.push(
+        "border-info text-primary bg-neutral focus:bg-primary focus:text-info",
+        "dark:text-white dark:bg-gray dark:hover:bg-info"
+      );
+      break;
+    case "blue":
+      classNames.push(
+        "border-blue text-primary bg-neutral focus:bg-primary focus:text-blue",
+        "dark:text-white dark:bg-gray dark:hover:bg-blue"
+      );
+      break;
+  }
+  switch (size) {
+    case "xs":
+      classNames.push("text-xs py-1 px-2");
+      break;
+    case "sm":
+      classNames.push("text-sm py-1 px-4");
+      break;
+    case "md":
+      classNames.push("text-md py-4 px-6");
+      break;
+    case "lg":
+      classNames.push("text-lg py-5 px-8");
+      break;
+  }
+  if (isActive === true) {
+    switch (variant) {
+      case "primary":
+        classNames.push("bg-primary dark:bg-neutral dark:text-primary");
+        break;
+      case "success":
+        classNames.push("dark:bg-success");
+        break;
+      case "warning":
+        classNames.push("dark:bg-warning");
+        break;
+      case "danger":
+        classNames.push("dark:bg-danger");
+        break;
+      case "info":
+        classNames.push("dark:bg-info");
+        break;
+    }
+  }
+  if (disabled) {
+    classNames.push(
+      "cursor-not-allowed hover:bg-neutral dark:hover:bg-neutral opacity-50"
+    );
+  }
+  if (className) {
+    classNames.push(className);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type,
+      className: classNames.join(" "),
+      onClick: () => {
+        if (isActive === true) {
+          onClick?.();
+        } else {
+          onClick?.(id);
+        }
+      },
+      disabled,
+      children: [
+        children || label,
+        isActive === true && /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "w-4 h-4 ml-1",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M6 18L18 6M6 6l12 12"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+var ButtonTransparent = ({
+  variant,
+  children,
+  onClick,
+  className = "",
+  type = "button",
+  disabled = false
+}) => {
+  const classNames = [
+    "rounded-[7px] font-sans border transition-colors leading-none"
+  ];
+  const spacings = "py-1 px-4";
+  const text = "text-sm text-primary focus:text-white dark:text-white";
+  const backgroundColor = "bg-transparent";
+  classNames.push(spacings, text, backgroundColor);
+  switch (variant) {
+    case "success":
+      classNames.push(
+        "text-primary hover:bg-success focus:bg-primary focus:text-success border-success",
+        "dark:text-white dark:hover:bg-success"
+      );
+      break;
+    case "warning":
+      classNames.push(
+        "text-primary hover:bg-warning focus:bg-primary focus:text-warning border-warning",
+        "dark:text-white dark:hover:bg-warning"
+      );
+      break;
+    case "danger":
+      classNames.push(
+        "text-primary hover:bg-danger focus:bg-primary focus:text-danger border-danger",
+        "dark:text-white dark:hover:bg-danger"
+      );
+      break;
+    case "info":
+      classNames.push(
+        "text-primary hover:bg-info focus:bg-primary focus:text-info border-info",
+        "dark:text-white dark:hover:bg-info"
+      );
+      break;
+    case "blue":
+      classNames.push(
+        "text-primary hover:bg-blue focus:bg-primary focus:text-blue border-blue",
+        "dark:text-white dark:hover:bg-blue"
+      );
+      break;
+  }
+  if (disabled) {
+    classNames.push("cursor-not-allowed opacity-50");
+  }
+  if (className) {
+    classNames.push(className);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type,
+      onClick,
+      className: classNames.join(" "),
+      disabled,
+      children
+    }
+  );
+};
+var GradientButton = ({
+  children,
+  onClick,
+  size = "md",
+  disabled = false,
+  className = "",
+  type = "button"
+}) => {
+  const innerClassNames = "bg-darkgray rounded-sm text-white w-full h-full";
+  let paddings = "py-4 px-6";
+  switch (size) {
+    case "sm":
+      paddings = "py-2 px-4";
+      break;
+    case "md":
+      paddings = "py-4 px-6";
+      break;
+    case "lg":
+      paddings = "py-5 px-8";
+      break;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      onClick: disabled ? void 0 : onClick,
+      className: `overflow-hidden rounded-smb bg-gradient p-px h-full cursor-pointer ${disabled ? "grayscale cursor-not-allowed" : ""} ${className}`,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type,
+          disabled,
+          className: [innerClassNames, paddings].join(" "),
+          children
+        }
+      )
+    }
+  );
+};
+var RadioButtons = ({
+  items,
+  onChange,
+  size = "md",
+  className = ""
+}) => {
+  const [selectedButton, setSelectedButton] = react.useState();
+  const onButtonClick = (id) => {
+    setSelectedButton(id);
+    onChange(id ?? "");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex flex-wrap gap-2 ${className}`, children: items.map((item) => /* @__PURE__ */ react.createElement(
+    Button,
+    {
+      ...item,
+      size,
+      key: item.id,
+      isActive: selectedButton === item.id,
+      onClick: onButtonClick
+    }
+  )) });
+};
+var Input = ({
+  name,
+  onChange,
+  defaultValue,
+  placeholder,
+  label,
+  variant = "primary",
+  type = "text",
+  required = false,
+  pattern,
+  title,
+  ariaLabel,
+  spellCheck,
+  disabled = false,
+  className = "",
+  icon
+}) => {
+  const [value, setValue] = react.useState(defaultValue);
+  const [isFocused, setIsFocused] = react.useState(false);
+  const inputClassNames = ["rounded-sm font-sans z-10 w-full"];
+  const textColor = "text-primary";
+  const spacings = "py-4 px-5";
+  const outline = "outline-none";
+  inputClassNames.push(textColor, spacings, outline);
+  const inputWrapperClassNames = ["flex rounded-smb p-px w-full"];
+  if (isFocused) inputWrapperClassNames.push("bg-gradient");
+  switch (variant) {
+    case "primary":
+      inputClassNames.push("bg-neutral");
+      inputWrapperClassNames.push("bg-lightgray");
+      break;
+    case "secondary":
+      inputClassNames.push("bg-neutral dark:bg-gray");
+      break;
+    case "tertiary":
+      inputClassNames.push("bg-neutral dark:bg-primary");
+      inputWrapperClassNames.push("bg-lightgray");
+      break;
+  }
+  if (disabled) {
+    inputClassNames.push("cursor-not-allowed opacity-50");
+  }
+  const onInputChange = (event) => {
+    setValue(event.target.value);
+    onChange?.(event.target.value);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: name, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: inputWrapperClassNames.join(" "), children: [
+      icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center pl-4", children: icon }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          id: name,
+          name,
+          placeholder,
+          value: value || "",
+          className: inputClassNames.join(" "),
+          autoComplete: "off",
+          onChange: onInputChange,
+          onFocus: () => setIsFocused(true),
+          onBlur: () => setIsFocused(false),
+          type,
+          required,
+          pattern,
+          title,
+          "aria-label": ariaLabel || label || name,
+          spellCheck,
+          disabled
+        }
+      )
+    ] })
+  ] }) });
+};
+var Tabs = ({ tabs, onTabClick, className = "" }) => {
+  const [activeTab, setActiveTab] = react.useState(
+    tabs.find((tab) => tab.isActive)?.value
+  );
+  const handleTabClick = react.useCallback(
+    (value) => {
+      setActiveTab(value);
+      onTabClick(value);
+    },
+    [onTabClick]
+  );
+  react.useEffect(() => {
+    if (!activeTab && tabs.length > 0) {
+      handleTabClick(tabs[0].value);
+    }
+  }, [tabs, activeTab, handleTabClick]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex gap-4 ${className}`, children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: `text-white border-b pb-2 cursor-pointer transition-colors ${activeTab === tab.value ? "border-b-white" : "border-b-transparent hover:border-b-white/50"}`,
+      onClick: () => handleTabClick(tab.value),
+      children: tab.label
+    },
+    tab.value
+  )) });
+};
+var Spinner = ({ size = "md", className = "" }) => {
+  let dimensions = "w-16 h-16";
+  let borderWidth = "border-[6px]";
+  switch (size) {
+    case "sm":
+      dimensions = "w-8 h-8";
+      borderWidth = "border-[3px]";
+      break;
+    case "md":
+      dimensions = "w-16 h-16";
+      borderWidth = "border-[6px]";
+      break;
+    case "lg":
+      dimensions = "w-24 h-24";
+      borderWidth = "border-[8px]";
+      break;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `inline-block ${dimensions} ${className}`,
+      role: "status",
+      "aria-label": "Loading",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: `${dimensions} ${borderWidth} border-white border-t-transparent border-b-transparent rounded-full animate-spin`
+        }
+      )
+    }
+  );
+};
+var SpinnerOverlay = ({
+  isVisible,
+  size = "lg",
+  className = ""
+}) => {
+  if (!isVisible) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `fixed inset-0 flex items-center justify-center bg-primary/80 z-50 ${className}`,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size })
+    }
+  );
+};
+var BlockQuote = ({ children, className = "" }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "blockquote",
+    {
+      className: `bg-darkgray p-7 my-7 border-2 border-gray rounded-sm font-sans text-neutral dark:text-white ${className}`,
+      children
+    }
+  );
+};
+var Hr = ({ className = "" }) => {
+  const defaultClassNames = "border border-gray my-4";
+  return /* @__PURE__ */ jsxRuntime.jsx("hr", { className: `${defaultClassNames} ${className}` });
+};
+var variantStyles = {
+  info: "border-blue",
+  warning: "border-warning",
+  success: "border-success",
+  danger: "border-danger"
+};
+var ContentBox = ({
+  children,
+  variant = "info",
+  icon,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `relative border rounded-md my-9 ${variantStyles[variant]} ${className}`,
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute flex items-center justify-center p-3 -top-6 right-8 bg-primary border border-darkgray", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "m-7", children })
+      ]
+    }
+  );
+};
+var Heart = ({
+  variant = "outline",
+  className = "",
+  size = 23
+}) => {
+  if (variant === "filled") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: size,
+        height: size * 19 / 23,
+        viewBox: "0 0 23 19",
+        fill: "currentColor",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M2.49104 2.55471C3.44605 1.6 4.74114 1.06367 6.09152 1.06367C7.44189 1.06367 8.73698 1.6 9.69199 2.55471L11.1841 4.04557L12.6763 2.55471C13.146 2.06832 13.708 1.68035 14.3293 1.41345C14.9506 1.14655 15.6189 1.00607 16.295 1.00019C16.9712 0.994314 17.6418 1.12317 18.2677 1.37923C18.8936 1.63529 19.4622 2.01343 19.9403 2.49159C20.4185 2.96975 20.7966 3.53835 21.0527 4.16421C21.3087 4.79007 21.4376 5.46066 21.4317 6.13686C21.4258 6.81305 21.2853 7.4813 21.0184 8.10262C20.7516 8.72394 20.3636 9.28588 19.8772 9.75565L12.5984 17.0355C11.8174 17.8167 10.5509 17.8167 9.7698 17.0355L2.49104 9.75565C1.53633 8.80065 1 7.50556 1 6.15518C1 4.80481 1.53633 3.50972 2.49104 2.55471Z",
+            strokeWidth: "1.5",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    );
+  }
+  if (variant === "gradient") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        width: size,
+        height: size * 19 / 23,
+        viewBox: "0 0 23 19",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M2.49104 2.55471C3.44605 1.6 4.74114 1.06367 6.09152 1.06367C7.44189 1.06367 8.73698 1.6 9.69199 2.55471L11.1841 4.04557L12.6763 2.55471C13.146 2.06832 13.708 1.68035 14.3293 1.41345C14.9506 1.14655 15.6189 1.00607 16.295 1.00019C16.9712 0.994314 17.6418 1.12317 18.2677 1.37923C18.8936 1.63529 19.4622 2.01343 19.9403 2.49159C20.4185 2.96975 20.7966 3.53835 21.0527 4.16421C21.3087 4.79007 21.4376 5.46066 21.4317 6.13686C21.4258 6.81305 21.2853 7.4813 21.0184 8.10262C20.7516 8.72394 20.3636 9.28588 19.8772 9.75565L12.5984 17.0355C11.8174 17.8167 10.5509 17.8167 9.7698 17.0355L2.49104 9.75565C1.53633 8.80065 1 7.50556 1 6.15518C1 4.80481 1.53633 3.50972 2.49104 2.55471Z",
+              stroke: "url(#paint0_radial_heart)",
+              strokeWidth: "1.5",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "radialGradient",
+            {
+              id: "paint0_radial_heart",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(1.01602 16.6647) rotate(-32.7891) scale(24.2852 19.4645)",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#EDA867" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.23", stopColor: "#EDA867" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.59", stopColor: "#CB5065" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.96", stopColor: "#714E8E" })
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size * 19 / 23,
+      viewBox: "0 0 23 19",
+      fill: "none",
+      stroke: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M2.49104 2.55471C3.44605 1.6 4.74114 1.06367 6.09152 1.06367C7.44189 1.06367 8.73698 1.6 9.69199 2.55471L11.1841 4.04557L12.6763 2.55471C13.146 2.06832 13.708 1.68035 14.3293 1.41345C14.9506 1.14655 15.6189 1.00607 16.295 1.00019C16.9712 0.994314 17.6418 1.12317 18.2677 1.37923C18.8936 1.63529 19.4622 2.01343 19.9403 2.49159C20.4185 2.96975 20.7966 3.53835 21.0527 4.16421C21.3087 4.79007 21.4376 5.46066 21.4317 6.13686C21.4258 6.81305 21.2853 7.4813 21.0184 8.10262C20.7516 8.72394 20.3636 9.28588 19.8772 9.75565L12.5984 17.0355C11.8174 17.8167 10.5509 17.8167 9.7698 17.0355L2.49104 9.75565C1.53633 8.80065 1 7.50556 1 6.15518C1 4.80481 1.53633 3.50972 2.49104 2.55471Z",
+          strokeWidth: "1.5",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+};
+var Share = ({
+  variant = "default",
+  className = "",
+  size = 20
+}) => {
+  if (variant === "gradient") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: "0 0 20 21",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M12.8586 3.64258L17.8586 8.64258L12.8586 13.6426",
+              stroke: "url(#paint0_radial_share)",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M17.8586 8.64258H6.85864C4.09721 8.64258 1.85864 10.8812 1.85864 13.6426V17.6426",
+              stroke: "url(#paint1_radial_share)",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "radialGradient",
+              {
+                id: "paint0_radial_share",
+                cx: "0",
+                cy: "0",
+                r: "1",
+                gradientUnits: "userSpaceOnUse",
+                gradientTransform: "translate(12.8716 13.3236) rotate(-72.2554) scale(11.4659 5.85856)",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#EDA867" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.23", stopColor: "#EDA867" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.59", stopColor: "#CB5065" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.96", stopColor: "#714E8E" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "radialGradient",
+              {
+                id: "paint1_radial_share",
+                cx: "0",
+                cy: "0",
+                r: "1",
+                gradientUnits: "userSpaceOnUse",
+                gradientTransform: "translate(1.87434 17.2831) rotate(-52.5553) scale(19.0816 18.8095)",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#EDA867" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.23", stopColor: "#EDA867" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.59", stopColor: "#CB5065" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.96", stopColor: "#714E8E" })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 20 21",
+      fill: "none",
+      stroke: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M12.8586 3.64258L17.8586 8.64258L12.8586 13.6426",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M17.8586 8.64258H6.85864C4.09721 8.64258 1.85864 10.8812 1.85864 13.6426V17.6426",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+};
+var Search = ({ className = "", size = 20 }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 36 36",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M36.5931 33.842C36.8009 33.6342 36.8009 33.2974 36.5932 33.0896L31.2308 27.7263C32.3896 26.2409 33.0249 24.4266 33.0249 22.5124C33.0249 20.2386 32.1385 18.1029 30.5307 16.4941C28.923 14.8853 26.7863 14 24.5124 14C22.2386 14 20.1009 14.8853 18.4941 16.4941C16.8853 18.1029 16 20.2386 16 22.5124C16 24.7863 16.8853 26.924 18.4941 28.5307C20.1009 30.1395 22.2386 31.0249 24.5124 31.0249C26.4266 31.0249 28.2409 30.3907 29.7263 29.2319L35.0886 34.5942C35.2964 34.8019 35.6332 34.8019 35.841 34.5942L36.5931 33.842ZM29.0261 27.0273C27.8206 28.2328 26.2171 28.8968 24.5124 28.8968C22.8067 28.8968 21.2043 28.2328 19.9988 27.0273C18.7921 25.8216 18.1281 24.2181 18.1281 22.5124C18.1281 20.8078 18.7921 19.2043 19.9988 17.9988C21.2043 16.7921 22.8067 16.1281 24.5124 16.1281C26.2171 16.1281 27.8206 16.7921 29.0261 17.9988C30.2328 19.2043 30.8968 20.8078 30.8968 22.5124C30.8968 24.2181 30.2328 25.8216 29.0261 27.0273Z"
+        }
+      )
+    }
+  );
+};
+var Info = ({ className = "", size = 16 }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "8", fill: "#2084E1" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M8 8V10V12M8 5.03516V5",
+            stroke: "#FCFAF7",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+};
+var Warning = ({ className = "", size = 22 }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: size,
+      height: size * 23 / 22,
+      viewBox: "0 0 22 23",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M11 1L20.5263 16.8125H1.47372L11 1Z",
+            fill: "#EDA867",
+            stroke: "#EDA867",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M10.9268 10.6249L10.9268 7.15992M10.9268 13.1932L10.9268 13.2236",
+            stroke: "#FCFAF7",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+};
+var SocialIconWrapper = ({
+  children,
+  className = ""
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: `border-2 border-icongray rounded-[7px] w-9 h-9 flex items-center justify-center ${className}`,
+    children
+  }
+);
+var TwitterIcon = ({
+  className = "",
+  size = 18,
+  withWrapper = true
+}) => {
+  const icon = /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "#BFBFBF",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.244 2.25H21.552L14.325 10.51L22.827 21.75H16.17L10.956 14.933L4.99 21.75H1.68L9.41 12.915L1.254 2.25H8.08L12.793 8.481L18.244 2.25ZM17.083 19.77H18.916L7.084 4.126H5.117L17.083 19.77Z" })
+    }
+  );
+  if (withWrapper) {
+    return /* @__PURE__ */ jsxRuntime.jsx(SocialIconWrapper, { children: icon });
+  }
+  return icon;
+};
+var LinkedInIcon = ({
+  className = "",
+  size = 18,
+  withWrapper = true
+}) => {
+  const icon = /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 18 18",
+      fill: "#BFBFBF",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M1.07227 2.59044C1.07227 2.24494 1.21333 1.91359 1.46442 1.66928C1.71552 1.42497 2.05607 1.28772 2.41118 1.28772H15.758C15.934 1.28744 16.1083 1.32094 16.271 1.38629C16.4336 1.45164 16.5814 1.54756 16.7059 1.66857C16.8304 1.78958 16.9292 1.93329 16.9965 2.09148C17.0639 2.24966 17.0985 2.41922 17.0984 2.59044V15.5766C17.0986 15.7478 17.0641 15.9174 16.9968 16.0757C16.9296 16.234 16.8309 16.3778 16.7065 16.4989C16.5821 16.62 16.4343 16.7161 16.2717 16.7816C16.1091 16.8471 15.9348 16.8808 15.7587 16.8807H2.41118C2.23529 16.8807 2.06112 16.847 1.89863 16.7815C1.73614 16.716 1.5885 16.6199 1.46417 16.4989C1.33983 16.3779 1.24122 16.2342 1.17398 16.076C1.10673 15.9179 1.07217 15.7484 1.07227 15.5773V2.59044ZM7.4157 7.2329H9.58578V8.29322C9.89902 7.68368 10.7003 7.13509 11.9045 7.13509C14.213 7.13509 14.76 8.34922 14.76 10.5769V14.7034H12.4239V11.0844C12.4239 9.81567 12.1106 9.09981 11.3151 9.09981C10.2115 9.09981 9.7526 9.87166 9.7526 11.0844V14.7034H7.4157V7.2329ZM3.40917 14.6063H5.74607V7.13509H3.40917V14.6055V14.6063ZM6.08043 4.69833C6.08484 4.89301 6.04923 5.08659 5.97571 5.2677C5.90218 5.44881 5.79221 5.61381 5.65226 5.75301C5.51231 5.89221 5.34519 6.00281 5.16072 6.07832C4.97624 6.15382 4.77812 6.19272 4.57798 6.19272C4.37784 6.19272 4.17972 6.15382 3.99524 6.07832C3.81077 6.00281 3.64365 5.89221 3.5037 5.75301C3.36375 5.61381 3.25378 5.44881 3.18025 5.2677C3.10673 5.08659 3.07112 4.89301 3.07553 4.69833C3.08418 4.3162 3.24627 3.95256 3.52709 3.68527C3.80791 3.41799 4.18514 3.26833 4.57798 3.26833C4.97082 3.26833 5.34805 3.41799 5.62887 3.68527C5.90969 3.95256 6.07178 4.3162 6.08043 4.69833Z"
+        }
+      )
+    }
+  );
+  if (withWrapper) {
+    return /* @__PURE__ */ jsxRuntime.jsx(SocialIconWrapper, { children: icon });
+  }
+  return icon;
+};
+var InstagramIcon = ({
+  className = "",
+  size = 18,
+  withWrapper = true
+}) => {
+  const icon = /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "#BFBFBF",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" })
+    }
+  );
+  if (withWrapper) {
+    return /* @__PURE__ */ jsxRuntime.jsx(SocialIconWrapper, { children: icon });
+  }
+  return icon;
+};
+
+exports.BlockQuote = BlockQuote;
+exports.Button = Button;
+exports.ButtonTransparent = ButtonTransparent;
+exports.ContentBox = ContentBox;
+exports.GradientButton = GradientButton;
+exports.Heart = Heart;
+exports.Hr = Hr;
+exports.Info = Info;
+exports.Input = Input;
+exports.InstagramIcon = InstagramIcon;
+exports.LinkedInIcon = LinkedInIcon;
+exports.RadioButtons = RadioButtons;
+exports.Search = Search;
+exports.Share = Share;
+exports.Spinner = Spinner;
+exports.SpinnerOverlay = SpinnerOverlay;
+exports.Tabs = Tabs;
+exports.TwitterIcon = TwitterIcon;
+exports.Warning = Warning;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map