@jarrodmedrano/ui 0.1.0

package/dist/components/tailwind/contact.cjs

@@ -0,0 +1,380 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var contact_exports = {};
+__export(contact_exports, {
+  Contact: () => Contact
+});
+module.exports = __toCommonJS(contact_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_solid = require("@heroicons/react/20/solid");
+var import_react2 = require("@headlessui/react");
+var import_input = require("../ui/input");
+var import_useRecaptcha = require("../../hooks/useRecaptcha");
+function classNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+const Contact = () => {
+  const [agreed, setAgreed] = (0, import_react.useState)(false);
+  const [status, setStatus] = (0, import_react.useState)("idle");
+  const [errorMessage, setErrorMessage] = (0, import_react.useState)("");
+  const { executeRecaptcha } = (0, import_useRecaptcha.useRecaptcha)();
+  const handleSubmit = (e) => __async(null, null, function* () {
+    var _a;
+    e.preventDefault();
+    if (!agreed) {
+      setErrorMessage("You must agree to the privacy policy");
+      return;
+    }
+    const form = e.currentTarget;
+    const data = new FormData(form);
+    const recaptchaToken = yield executeRecaptcha("contact");
+    const body = {
+      firstName: data.get("first-name"),
+      lastName: data.get("last-name"),
+      company: data.get("company"),
+      email: data.get("email"),
+      phone: data.get("phone-number"),
+      message: data.get("message"),
+      agreed: true,
+      recaptchaToken: recaptchaToken != null ? recaptchaToken : void 0
+    };
+    setStatus("loading");
+    setErrorMessage("");
+    try {
+      const res = yield fetch("/api/contact", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(body)
+      });
+      if (!res.ok) {
+        const json = yield res.json();
+        throw new Error((_a = json.error) != null ? _a : "Something went wrong");
+      }
+      setStatus("success");
+      form.reset();
+      setAgreed(false);
+    } catch (err) {
+      setStatus("error");
+      setErrorMessage(
+        err instanceof Error ? err.message : "Something went wrong"
+      );
+    }
+  });
+  if (status === "success") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "isolate bg-white px-6 py-24 sm:py-32 lg:px-8 dark:bg-gray-800 dark:text-white", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto max-w-2xl text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-gray-100", children: "Message sent" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-4 text-lg leading-8 text-gray-600 dark:text-gray-400", children: "Thanks for reaching out. We'll get back to you as soon as possible." })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "isolate bg-white px-6 py-24 sm:py-32 lg:px-8 dark:bg-gray-800 dark:text-white", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: "absolute inset-x-0 top-[-10rem] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[-20rem]",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: "aspect-1155/678 bg-linear-to-tr relative left-1/2 -z-10 w-[36.125rem] max-w-none -translate-x-1/2 rotate-[30deg] from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-40rem)] sm:w-[72.1875rem]",
+            style: {
+              clipPath: "polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto max-w-2xl text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-gray-100", children: "Contact us" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-lg leading-8 text-gray-600 dark:text-gray-400", children: "Have a question or want to learn more? Send us a message." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: handleSubmit, className: "mx-auto mt-16 max-w-xl sm:mt-20", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "label",
+            {
+              htmlFor: "first-name",
+              className: "block text-sm font-semibold leading-6 text-gray-900 dark:text-white",
+              children: "First name"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              type: "text",
+              name: "first-name",
+              id: "first-name",
+              autoComplete: "given-name",
+              required: true,
+              disabled: status === "loading",
+              className: "focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "label",
+            {
+              htmlFor: "last-name",
+              className: "block text-sm font-semibold leading-6 text-gray-900 dark:text-white",
+              children: "Last name"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              type: "text",
+              name: "last-name",
+              id: "last-name",
+              autoComplete: "family-name",
+              required: true,
+              disabled: status === "loading",
+              className: "focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "label",
+            {
+              htmlFor: "company",
+              className: "block text-sm font-semibold leading-6 text-gray-900 dark:text-white",
+              children: "Company"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              type: "text",
+              name: "company",
+              id: "company",
+              autoComplete: "organization",
+              disabled: status === "loading",
+              className: "focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "label",
+            {
+              htmlFor: "email",
+              className: "block text-sm font-semibold leading-6 text-gray-900 dark:text-white",
+              children: "Email"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              type: "email",
+              name: "email",
+              id: "email",
+              autoComplete: "email",
+              required: true,
+              disabled: status === "loading",
+              className: "focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "label",
+            {
+              htmlFor: "phone-number",
+              className: "block text-sm font-semibold leading-6 text-gray-900 dark:text-white",
+              children: "Phone number"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative mt-2.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute inset-y-0 left-0 flex items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "country", className: "sr-only", children: "Country" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "select",
+                {
+                  id: "country",
+                  name: "country",
+                  disabled: status === "loading",
+                  className: "h-full rounded-md border-0 bg-transparent bg-none py-0 pl-4 pr-9 text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { children: "US" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { children: "CA" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { children: "EU" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_solid.ChevronDownIcon,
+                {
+                  className: "pointer-events-none absolute right-3 top-0 h-full w-5 text-gray-400",
+                  "aria-hidden": "true"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_input.Input,
+              {
+                type: "tel",
+                name: "phone-number",
+                id: "phone-number",
+                autoComplete: "tel",
+                disabled: status === "loading",
+                className: "focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sm:col-span-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "label",
+            {
+              htmlFor: "message",
+              className: "block text-sm font-semibold leading-6 text-gray-900 dark:text-white",
+              children: "Message"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "textarea",
+            {
+              name: "message",
+              id: "message",
+              rows: 4,
+              required: true,
+              disabled: status === "loading",
+              className: "focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full",
+              defaultValue: ""
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Switch.Group, { as: "div", className: "flex gap-x-4 sm:col-span-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-6 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_react2.Switch,
+            {
+              checked: agreed,
+              onChange: setAgreed,
+              disabled: status === "loading",
+              className: classNames(
+                agreed ? "bg-primary-600" : "bg-gray-200",
+                "focus-visible:outline-primary-600 flex w-8 flex-none cursor-pointer rounded-full p-px ring-1 ring-inset ring-gray-900/5 transition-colors duration-200 ease-in-out focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Agree to policies" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: classNames(
+                      agreed ? "translate-x-3.5" : "translate-x-0",
+                      "shadow-2xs h-4 w-4 transform rounded-full bg-white ring-1 ring-gray-900/5 transition duration-200 ease-in-out"
+                    )
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Switch.Label, { className: "text-sm leading-6 text-gray-600 dark:text-white", children: [
+            "By selecting this, you agree to our",
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "a",
+              {
+                href: "/about/privacy",
+                className: "text-primary-600 font-semibold",
+                children: "privacy\xA0policy"
+              }
+            ),
+            "."
+          ] })
+        ] })
+      ] }),
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "p",
+        {
+          className: "mt-4 text-sm text-red-600 dark:text-red-400",
+          role: "alert",
+          children: errorMessage
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "submit",
+          disabled: status === "loading",
+          className: "bg-primary-500 hover:bg-primary-400 focus-visible:outline-primary-500 shadow-2xs flex w-full items-center justify-center rounded-md px-3 py-2 text-sm font-semibold text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-60",
+          children: status === "loading" ? "Sending\u2026" : "Send message"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-4 text-center text-xs text-gray-400 dark:text-gray-500", children: [
+        "This site is protected by reCAPTCHA and the Google",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "a",
+          {
+            href: "https://policies.google.com/privacy",
+            className: "underline hover:text-gray-600 dark:hover:text-gray-300",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Privacy Policy"
+          }
+        ),
+        " ",
+        "and",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "a",
+          {
+            href: "https://policies.google.com/terms",
+            className: "underline hover:text-gray-600 dark:hover:text-gray-300",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Terms of Service"
+          }
+        ),
+        " ",
+        "apply."
+      ] })
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Contact
+});
+//# sourceMappingURL=contact.cjs.map

package/dist/components/tailwind/contact.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/tailwind/contact.tsx"],"sourcesContent":["'use client'\nimport { useState } from 'react'\nimport { ChevronDownIcon } from '@heroicons/react/20/solid'\nimport { Switch } from '@headlessui/react'\nimport { Input } from '../ui/input'\nimport { useRecaptcha } from '../../hooks/useRecaptcha'\n\nfunction classNames(...classes: string[]) {\n  return classes.filter(Boolean).join(' ')\n}\n\ntype Status = 'idle' | 'loading' | 'success' | 'error'\n\nexport const Contact = () => {\n  const [agreed, setAgreed] = useState(false)\n  const [status, setStatus] = useState<Status>('idle')\n  const [errorMessage, setErrorMessage] = useState('')\n  const { executeRecaptcha } = useRecaptcha()\n\n  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n\n    if (!agreed) {\n      setErrorMessage('You must agree to the privacy policy')\n      return\n    }\n\n    const form = e.currentTarget\n    const data = new FormData(form)\n\n    const recaptchaToken = await executeRecaptcha('contact')\n\n    const body = {\n      firstName: data.get('first-name') as string,\n      lastName: data.get('last-name') as string,\n      company: data.get('company') as string,\n      email: data.get('email') as string,\n      phone: data.get('phone-number') as string,\n      message: data.get('message') as string,\n      agreed: true as const,\n      recaptchaToken: recaptchaToken ?? undefined,\n    }\n\n    setStatus('loading')\n    setErrorMessage('')\n\n    try {\n      const res = await fetch('/api/contact', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify(body),\n      })\n\n      if (!res.ok) {\n        const json = await res.json()\n        throw new Error(json.error ?? 'Something went wrong')\n      }\n\n      setStatus('success')\n      form.reset()\n      setAgreed(false)\n    } catch (err) {\n      setStatus('error')\n      setErrorMessage(\n        err instanceof Error ? err.message : 'Something went wrong',\n      )\n    }\n  }\n\n  if (status === 'success') {\n    return (\n      <div className=\"isolate bg-white px-6 py-24 sm:py-32 lg:px-8 dark:bg-gray-800 dark:text-white\">\n        <div className=\"mx-auto max-w-2xl text-center\">\n          <h2 className=\"text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-gray-100\">\n            Message sent\n          </h2>\n          <p className=\"mt-4 text-lg leading-8 text-gray-600 dark:text-gray-400\">\n            Thanks for reaching out. We&apos;ll get back to you as soon as\n            possible.\n          </p>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"isolate bg-white px-6 py-24 sm:py-32 lg:px-8 dark:bg-gray-800 dark:text-white\">\n      <div\n        className=\"absolute inset-x-0 top-[-10rem] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[-20rem]\"\n        aria-hidden=\"true\"\n      >\n        <div\n          className=\"aspect-1155/678 bg-linear-to-tr relative left-1/2 -z-10 w-[36.125rem] max-w-none -translate-x-1/2 rotate-[30deg] from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-40rem)] sm:w-[72.1875rem]\"\n          style={{\n            clipPath:\n              'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',\n          }}\n        />\n      </div>\n      <div className=\"mx-auto max-w-2xl text-center\">\n        <h2 className=\"text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-gray-100\">\n          Contact us\n        </h2>\n        <p className=\"mt-2 text-lg leading-8 text-gray-600 dark:text-gray-400\">\n          Have a question or want to learn more? Send us a message.\n        </p>\n      </div>\n      <form onSubmit={handleSubmit} className=\"mx-auto mt-16 max-w-xl sm:mt-20\">\n        <div className=\"grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2\">\n          <div>\n            <label\n              htmlFor=\"first-name\"\n              className=\"block text-sm font-semibold leading-6 text-gray-900 dark:text-white\"\n            >\n              First name\n            </label>\n            <div className=\"mt-2.5\">\n              <Input\n                type=\"text\"\n                name=\"first-name\"\n                id=\"first-name\"\n                autoComplete=\"given-name\"\n                required\n                disabled={status === 'loading'}\n                className=\"focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full\"\n              />\n            </div>\n          </div>\n          <div>\n            <label\n              htmlFor=\"last-name\"\n              className=\"block text-sm font-semibold leading-6 text-gray-900 dark:text-white\"\n            >\n              Last name\n            </label>\n            <div className=\"mt-2.5\">\n              <Input\n                type=\"text\"\n                name=\"last-name\"\n                id=\"last-name\"\n                autoComplete=\"family-name\"\n                required\n                disabled={status === 'loading'}\n                className=\"focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full\"\n              />\n            </div>\n          </div>\n          <div className=\"sm:col-span-2\">\n            <label\n              htmlFor=\"company\"\n              className=\"block text-sm font-semibold leading-6 text-gray-900 dark:text-white\"\n            >\n              Company\n            </label>\n            <div className=\"mt-2.5\">\n              <Input\n                type=\"text\"\n                name=\"company\"\n                id=\"company\"\n                autoComplete=\"organization\"\n                disabled={status === 'loading'}\n                className=\"focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full\"\n              />\n            </div>\n          </div>\n          <div className=\"sm:col-span-2\">\n            <label\n              htmlFor=\"email\"\n              className=\"block text-sm font-semibold leading-6 text-gray-900 dark:text-white\"\n            >\n              Email\n            </label>\n            <div className=\"mt-2.5\">\n              <Input\n                type=\"email\"\n                name=\"email\"\n                id=\"email\"\n                autoComplete=\"email\"\n                required\n                disabled={status === 'loading'}\n                className=\"focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full\"\n              />\n            </div>\n          </div>\n          <div className=\"sm:col-span-2\">\n            <label\n              htmlFor=\"phone-number\"\n              className=\"block text-sm font-semibold leading-6 text-gray-900 dark:text-white\"\n            >\n              Phone number\n            </label>\n            <div className=\"relative mt-2.5\">\n              <div className=\"absolute inset-y-0 left-0 flex items-center\">\n                <label htmlFor=\"country\" className=\"sr-only\">\n                  Country\n                </label>\n                <select\n                  id=\"country\"\n                  name=\"country\"\n                  disabled={status === 'loading'}\n                  className=\"h-full rounded-md border-0 bg-transparent bg-none py-0 pl-4 pr-9 text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm\"\n                >\n                  <option>US</option>\n                  <option>CA</option>\n                  <option>EU</option>\n                </select>\n                <ChevronDownIcon\n                  className=\"pointer-events-none absolute right-3 top-0 h-full w-5 text-gray-400\"\n                  aria-hidden=\"true\"\n                />\n              </div>\n              <Input\n                type=\"tel\"\n                name=\"phone-number\"\n                id=\"phone-number\"\n                autoComplete=\"tel\"\n                disabled={status === 'loading'}\n                className=\"focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full\"\n              />\n            </div>\n          </div>\n          <div className=\"sm:col-span-2\">\n            <label\n              htmlFor=\"message\"\n              className=\"block text-sm font-semibold leading-6 text-gray-900 dark:text-white\"\n            >\n              Message\n            </label>\n            <div className=\"mt-2.5\">\n              <textarea\n                name=\"message\"\n                id=\"message\"\n                rows={4}\n                required\n                disabled={status === 'loading'}\n                className=\"focus:ring-primary-500 shadow-2xs w-full min-w-0 appearance-none rounded-md border-0 bg-white/5 px-3 py-1.5 text-base text-white ring-1 ring-inset ring-white/10 placeholder:text-gray-500 focus:ring-2 focus:ring-inset sm:w-64 sm:text-sm sm:leading-6 xl:w-full\"\n                defaultValue={''}\n              />\n            </div>\n          </div>\n          <Switch.Group as=\"div\" className=\"flex gap-x-4 sm:col-span-2\">\n            <div className=\"flex h-6 items-center\">\n              <Switch\n                checked={agreed}\n                onChange={setAgreed}\n                disabled={status === 'loading'}\n                className={classNames(\n                  agreed ? 'bg-primary-600' : 'bg-gray-200',\n                  'focus-visible:outline-primary-600 flex w-8 flex-none cursor-pointer rounded-full p-px ring-1 ring-inset ring-gray-900/5 transition-colors duration-200 ease-in-out focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2',\n                )}\n              >\n                <span className=\"sr-only\">Agree to policies</span>\n                <span\n                  aria-hidden=\"true\"\n                  className={classNames(\n                    agreed ? 'translate-x-3.5' : 'translate-x-0',\n                    'shadow-2xs h-4 w-4 transform rounded-full bg-white ring-1 ring-gray-900/5 transition duration-200 ease-in-out',\n                  )}\n                />\n              </Switch>\n            </div>\n            <Switch.Label className=\"text-sm leading-6 text-gray-600 dark:text-white\">\n              By selecting this, you agree to our{' '}\n              <a\n                href=\"/about/privacy\"\n                className=\"text-primary-600 font-semibold\"\n              >\n                privacy&nbsp;policy\n              </a>\n              .\n            </Switch.Label>\n          </Switch.Group>\n        </div>\n\n        {errorMessage && (\n          <p\n            className=\"mt-4 text-sm text-red-600 dark:text-red-400\"\n            role=\"alert\"\n          >\n            {errorMessage}\n          </p>\n        )}\n\n        <div className=\"mt-10\">\n          <button\n            type=\"submit\"\n            disabled={status === 'loading'}\n            className=\"bg-primary-500 hover:bg-primary-400 focus-visible:outline-primary-500 shadow-2xs flex w-full items-center justify-center rounded-md px-3 py-2 text-sm font-semibold text-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-60\"\n          >\n            {status === 'loading' ? 'Sending…' : 'Send message'}\n          </button>\n        </div>\n        <p className=\"mt-4 text-center text-xs text-gray-400 dark:text-gray-500\">\n          This site is protected by reCAPTCHA and the Google{' '}\n          <a\n            href=\"https://policies.google.com/privacy\"\n            className=\"underline hover:text-gray-600 dark:hover:text-gray-300\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Privacy Policy\n          </a>{' '}\n          and{' '}\n          <a\n            href=\"https://policies.google.com/terms\"\n            className=\"underline hover:text-gray-600 dark:hover:text-gray-300\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Terms of Service\n          </a>{' '}\n          apply.\n        </p>\n      </form>\n    </div>\n  )\n}\n"],"mappings":"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","names":["import_react"]}

package/dist/components/tailwind/contact.d.ts

@@ -0,0 +1,2 @@
+export declare const Contact: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=contact.d.ts.map

package/dist/components/tailwind/contact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact.d.ts","sourceRoot":"","sources":["../../../components/tailwind/contact.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,OAAO,+CA+SnB,CAAA"}