@luxfi/ui 8.1.0 → 8.2.1

package/dist/site/components/contact-dialog/disclaimer.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/site/components/contact-dialog/disclaimer.tsx
+var Disclaimer = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+  "By entering your mobile number and submitting, you consent to receive text messages from Lux at the number provided. Message and data rates may apply. Message frequency varies. You can unsubscribe at any time by replying STOP. View our ",
+  /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/privacy", children: "Privacy Policy" }),
+  " and ",
+  /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/terms", children: "Terms & conditions" }),
+  "."
+] });
+var disclaimer_default = Disclaimer;
+
+module.exports = disclaimer_default;

package/dist/site/components/contact-dialog/disclaimer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const Disclaimer: React.FC;
+export default Disclaimer;
+//# sourceMappingURL=disclaimer.d.ts.map

package/dist/site/components/contact-dialog/disclaimer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disclaimer.d.ts","sourceRoot":"","sources":["../../../../src/site/components/contact-dialog/disclaimer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAOvB,CAAA;eAEc,UAAU"}

package/dist/site/components/contact-dialog/disclaimer.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/site/components/contact-dialog/disclaimer.tsx
+var Disclaimer = () => /* @__PURE__ */ jsxs("div", { children: [
+  "By entering your mobile number and submitting, you consent to receive text messages from Lux at the number provided. Message and data rates may apply. Message frequency varies. You can unsubscribe at any time by replying STOP. View our ",
+  /* @__PURE__ */ jsx("a", { href: "/privacy", children: "Privacy Policy" }),
+  " and ",
+  /* @__PURE__ */ jsx("a", { href: "/terms", children: "Terms & conditions" }),
+  "."
+] });
+var disclaimer_default = Disclaimer;
+
+export { disclaimer_default as default };

package/dist/site/components/contact-dialog/index.cjs

@@ -0,0 +1,113 @@
+'use strict';
+
+var react = require('react');
+var primitives = require('@hanzo/ui/primitives');
+var reactHookForm = require('react-hook-form');
+var zod = require('zod');
+var zod$1 = require('@hookform/resolvers/zod');
+var validator = require('validator');
+var lucideReact = require('lucide-react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var validator__default = /*#__PURE__*/_interopDefault(validator);
+
+var ContactFormSchema = zod.z.object({
+  email: zod.z.string().min(1, { message: "Email must be provided." }).email("Invalid email."),
+  phone: zod.z.string().min(1, { message: "Telephone must be provided." }).refine(validator__default.default.isMobilePhone, { message: "Invalid format." })
+});
+var ContactForm = ({
+  onSubmit: _onSubmit,
+  enclosure
+}) => {
+  const form = reactHookForm.useForm({
+    resolver: zod$1.zodResolver(ContactFormSchema),
+    defaultValues: {
+      email: "",
+      phone: ""
+    }
+  });
+  const [isPending, startTransition] = react.useTransition();
+  const onSubmit = (data) => {
+    startTransition(async () => {
+      await _onSubmit(data, enclosure);
+    });
+  };
+  const MyFormItem = ({
+    field,
+    placeholder
+  }) => /* @__PURE__ */ jsxRuntime.jsxs(ui.FormItem, { className: "space-y-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(primitives.Input, { placeholder, ...field, className: "mt-0 text-foreground" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex flex-row justify-start items-stretch gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.FormMessage, {}) })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Form, { ...form, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "form", onSubmit: form.handleSubmit(onSubmit), className: "w-3/4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-start items-stretch mt-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.FormField,
+      {
+        control: form.control,
+        name: "email",
+        render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(MyFormItem, { field, placeholder: "email" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.FormField,
+      {
+        control: form.control,
+        name: "phone",
+        render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(MyFormItem, { field, placeholder: "phone" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(primitives.Button, { disabled: isPending, type: "submit", className: "bg-primary text-primary-fg hover:bg-primary-hover", children: isPending ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { style: ui.css("mr-2 h-4 w-4 animate-spin") }),
+      "Please wait"
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Submit" }) })
+  ] }) }) });
+};
+var contact_form_default = ContactForm;
+var Disclaimer = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+  "By entering your mobile number and submitting, you consent to receive text messages from Lux at the number provided. Message and data rates may apply. Message frequency varies. You can unsubscribe at any time by replying STOP. View our ",
+  /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/privacy", children: "Privacy Policy" }),
+  " and ",
+  /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/terms", children: "Terms & conditions" }),
+  "."
+] });
+var disclaimer_default = Disclaimer;
+var ContactDialog = ({
+  open,
+  onOpenChange,
+  buttonText,
+  buttonProps,
+  title,
+  byline,
+  action,
+  actionEnclosure
+}) => {
+  const [success, setSuccess] = react.useState(false);
+  const onSubmit = async (formData, enclosure) => {
+    const result = await action(formData, enclosure);
+    if (result.success) {
+      setSuccess(true);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(primitives.Dialog, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(primitives.DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(primitives.Button, { ...buttonProps, children: buttonText }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(primitives.DialogContent, { className: "sm:max-w-[500px] p-0 gap-0 bg-background border", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(primitives.DialogHeader, { className: "py-6 text-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(primitives.DialogTitle, { className: "text-4xl text-center text-inherit", children: title }),
+        byline && /* @__PURE__ */ jsxRuntime.jsxs(primitives.DialogDescription, { className: "text-inherit text-lg text-center", children: [
+          byline,
+          " "
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-8 pb-8 rounded-e-lg flex flex-col justify-start items-center", children: [
+        success ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: actionEnclosure?.reply }) : /* @__PURE__ */ jsxRuntime.jsx(contact_form_default, { onSubmit, enclosure: actionEnclosure }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-1 text-xs mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(disclaimer_default, {}) })
+      ] })
+    ] })
+  ] });
+};
+var contact_dialog_default = ContactDialog;
+
+module.exports = contact_dialog_default;

package/dist/site/components/contact-dialog/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ButtonModalProps } from '@hanzo/ui/types';
+declare const ContactDialog: React.FC<ButtonModalProps>;
+export default ContactDialog;
+//# sourceMappingURL=index.d.ts.map

package/dist/site/components/contact-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/site/components/contact-dialog/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAA;AAetD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0C7C,CAAA;eAEc,aAAa"}

package/dist/site/components/contact-dialog/index.js

@@ -0,0 +1,107 @@
+import { useState, useTransition } from 'react';
+import { Dialog, DialogTrigger, Button, DialogContent, DialogHeader, DialogTitle, DialogDescription, Input } from '@hanzo/ui/primitives';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { zodResolver } from '@hookform/resolvers/zod';
+import validator from 'validator';
+import { Loader2 } from 'lucide-react';
+import { Form, Box, FormField, css, FormItem, FormControl, FormMessage } from '@hanzo/ui';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var ContactFormSchema = z.object({
+  email: z.string().min(1, { message: "Email must be provided." }).email("Invalid email."),
+  phone: z.string().min(1, { message: "Telephone must be provided." }).refine(validator.isMobilePhone, { message: "Invalid format." })
+});
+var ContactForm = ({
+  onSubmit: _onSubmit,
+  enclosure
+}) => {
+  const form = useForm({
+    resolver: zodResolver(ContactFormSchema),
+    defaultValues: {
+      email: "",
+      phone: ""
+    }
+  });
+  const [isPending, startTransition] = useTransition();
+  const onSubmit = (data) => {
+    startTransition(async () => {
+      await _onSubmit(data, enclosure);
+    });
+  };
+  const MyFormItem = ({
+    field,
+    placeholder
+  }) => /* @__PURE__ */ jsxs(FormItem, { className: "space-y-0", children: [
+    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { placeholder, ...field, className: "mt-0 text-foreground" }) }),
+    /* @__PURE__ */ jsx(Box, { className: "flex flex-row justify-start items-stretch gap-2", children: /* @__PURE__ */ jsx(FormMessage, {}) })
+  ] });
+  return /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsx(Box, { tag: "form", onSubmit: form.handleSubmit(onSubmit), className: "w-3/4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-start items-stretch mt-4", children: [
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "email",
+        render: ({ field }) => /* @__PURE__ */ jsx(MyFormItem, { field, placeholder: "email" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "phone",
+        render: ({ field }) => /* @__PURE__ */ jsx(MyFormItem, { field, placeholder: "phone" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Button, { disabled: isPending, type: "submit", className: "bg-primary text-primary-fg hover:bg-primary-hover", children: isPending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Loader2, { style: css("mr-2 h-4 w-4 animate-spin") }),
+      "Please wait"
+    ] }) : /* @__PURE__ */ jsx(Fragment, { children: "Submit" }) })
+  ] }) }) });
+};
+var contact_form_default = ContactForm;
+var Disclaimer = () => /* @__PURE__ */ jsxs("div", { children: [
+  "By entering your mobile number and submitting, you consent to receive text messages from Lux at the number provided. Message and data rates may apply. Message frequency varies. You can unsubscribe at any time by replying STOP. View our ",
+  /* @__PURE__ */ jsx("a", { href: "/privacy", children: "Privacy Policy" }),
+  " and ",
+  /* @__PURE__ */ jsx("a", { href: "/terms", children: "Terms & conditions" }),
+  "."
+] });
+var disclaimer_default = Disclaimer;
+var ContactDialog = ({
+  open,
+  onOpenChange,
+  buttonText,
+  buttonProps,
+  title,
+  byline,
+  action,
+  actionEnclosure
+}) => {
+  const [success, setSuccess] = useState(false);
+  const onSubmit = async (formData, enclosure) => {
+    const result = await action(formData, enclosure);
+    if (result.success) {
+      setSuccess(true);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { ...buttonProps, children: buttonText }) }),
+    /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[500px] p-0 gap-0 bg-background border", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { className: "py-6 text-foreground", children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "text-4xl text-center text-inherit", children: title }),
+        byline && /* @__PURE__ */ jsxs(DialogDescription, { className: "text-inherit text-lg text-center", children: [
+          byline,
+          " "
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "px-8 pb-8 rounded-e-lg flex flex-col justify-start items-center", children: [
+        success ? /* @__PURE__ */ jsx("p", { children: actionEnclosure?.reply }) : /* @__PURE__ */ jsx(contact_form_default, { onSubmit, enclosure: actionEnclosure }),
+        /* @__PURE__ */ jsx("div", { className: "text-muted-1 text-xs mt-4", children: /* @__PURE__ */ jsx(disclaimer_default, {}) })
+      ] })
+    ] })
+  ] });
+};
+var contact_dialog_default = ContactDialog;
+
+export { contact_dialog_default as default };

package/dist/site/components/copyright.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/site/components/copyright.tsx
+var FIRST = 2020;
+var Copyright = ({
+  className = ""
+}) => {
+  const year = (/* @__PURE__ */ new Date()).getFullYear();
+  const yearString = year > FIRST ? `${FIRST} - ${year}` : FIRST.toString();
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className, children: [
+    `Copyright \xA9 ${yearString}`,
+    "\xA0",
+    /* @__PURE__ */ jsxRuntime.jsx("br", { className: "sm:hidden" }),
+    "Lux Industries Inc.\xA0",
+    /* @__PURE__ */ jsxRuntime.jsx("br", { className: "md:hidden" }),
+    "\xA0All rights reserved."
+  ] });
+};
+var copyright_default = Copyright;
+
+module.exports = copyright_default;

package/dist/site/components/copyright.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Copyright: React.FC<{
+    className?: string;
+}>;
+export default Copyright;
+//# sourceMappingURL=copyright.d.ts.map

package/dist/site/components/copyright.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyright.d.ts","sourceRoot":"","sources":["../../../src/site/components/copyright.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAYA,CAAA;eAEc,SAAS"}

package/dist/site/components/copyright.js

@@ -0,0 +1,22 @@
+import { Box } from '@hanzo/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/site/components/copyright.tsx
+var FIRST = 2020;
+var Copyright = ({
+  className = ""
+}) => {
+  const year = (/* @__PURE__ */ new Date()).getFullYear();
+  const yearString = year > FIRST ? `${FIRST} - ${year}` : FIRST.toString();
+  return /* @__PURE__ */ jsxs(Box, { className, children: [
+    `Copyright \xA9 ${yearString}`,
+    "\xA0",
+    /* @__PURE__ */ jsx("br", { className: "sm:hidden" }),
+    "Lux Industries Inc.\xA0",
+    /* @__PURE__ */ jsx("br", { className: "md:hidden" }),
+    "\xA0All rights reserved."
+  ] });
+};
+var copyright_default = Copyright;
+
+export { copyright_default as default };

package/dist/site/components/drawer-margin.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var ui = require('@hanzo/ui');
+var react = require('react');
+var mobxReactLite = require('mobx-react-lite');
+require('next/navigation');
+require('usehooks-ts');
+require('@hanzo/commerce');
+var jsxRuntime = require('react/jsx-runtime');
+
+mobxReactLite.enableStaticRendering(typeof window === "undefined");
+var CommerceUIContext = react.createContext(void 0);
+var useCommerceDrawer = () => {
+  return react.useContext(CommerceUIContext);
+};
+var DrawerMargin = mobxReactLite.observer(({
+  clx = ""
+}) => {
+  const drawer = useCommerceDrawer();
+  if (!drawer) {
+    throw new Error("DrawerMargin must be used with a CommerceUIContext!");
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      className: ui.cn("transition-height", clx),
+      style: {
+        height: drawer.state === "micro" ? drawer.microHeight : 0
+      }
+    }
+  );
+});
+var drawer_margin_default = DrawerMargin;
+
+module.exports = drawer_margin_default;

package/dist/site/components/drawer-margin.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const DrawerMargin: React.FC<{
+    clx?: string;
+}>;
+export default DrawerMargin;
+//# sourceMappingURL=drawer-margin.d.ts.map

package/dist/site/components/drawer-margin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-margin.d.ts","sourceRoot":"","sources":["../../../src/site/components/drawer-margin.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAgBC,CAAA;eAEa,YAAY"}

package/dist/site/components/drawer-margin.js

@@ -0,0 +1,33 @@
+import { Box, cn } from '@hanzo/ui';
+import { createContext, useContext } from 'react';
+import { enableStaticRendering, observer } from 'mobx-react-lite';
+import 'next/navigation';
+import 'usehooks-ts';
+import '@hanzo/commerce';
+import { jsx } from 'react/jsx-runtime';
+
+enableStaticRendering(typeof window === "undefined");
+var CommerceUIContext = createContext(void 0);
+var useCommerceDrawer = () => {
+  return useContext(CommerceUIContext);
+};
+var DrawerMargin = observer(({
+  clx = ""
+}) => {
+  const drawer = useCommerceDrawer();
+  if (!drawer) {
+    throw new Error("DrawerMargin must be used with a CommerceUIContext!");
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: cn("transition-height", clx),
+      style: {
+        height: drawer.state === "micro" ? drawer.microHeight : 0
+      }
+    }
+  );
+});
+var drawer_margin_default = DrawerMargin;
+
+export { drawer_margin_default as default };

package/dist/site/components/footer-nav.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var primitives = require('@hanzo/ui/primitives');
+var jsxRuntime = require('react/jsx-runtime');
+
+var FooterNav = ({
+  items,
+  currentAs,
+  className = ""
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  primitives.NavItems,
+  {
+    items,
+    currentAs,
+    as: "nav",
+    className,
+    itemClx: (def) => def.variant === "linkFG" ? "font-nav text-[15px]/[1.3] font-medium tracking-normal text-muted-1 sm:hover:text-foreground transition-color duration-500" : "text-[15px]/[1.1] font-normal tracking-[0.2px] text-muted-1 sm:hover:text-foreground transition-color duration-500"
+  }
+);
+var footer_nav_default = FooterNav;
+
+module.exports = footer_nav_default;

package/dist/site/components/footer-nav.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { LinkDef } from '@hanzo/ui/types';
+declare const FooterNav: React.FC<{
+    items: LinkDef[];
+    currentAs?: string;
+    className?: string;
+}>;
+export default FooterNav;
+//# sourceMappingURL=footer-nav.d.ts.map

package/dist/site/components/footer-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-nav.d.ts","sourceRoot":"","sources":["../../../src/site/components/footer-nav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAK9C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAgBA,CAAA;eAEc,SAAS"}

package/dist/site/components/footer-nav.js

@@ -0,0 +1,20 @@
+import { NavItems } from '@hanzo/ui/primitives';
+import { jsx } from 'react/jsx-runtime';
+
+var FooterNav = ({
+  items,
+  currentAs,
+  className = ""
+}) => /* @__PURE__ */ jsx(
+  NavItems,
+  {
+    items,
+    currentAs,
+    as: "nav",
+    className,
+    itemClx: (def) => def.variant === "linkFG" ? "font-nav text-[15px]/[1.3] font-medium tracking-normal text-muted-1 sm:hover:text-foreground transition-color duration-500" : "text-[15px]/[1.1] font-normal tracking-[0.2px] text-muted-1 sm:hover:text-foreground transition-color duration-500"
+  }
+);
+var footer_nav_default = FooterNav;
+
+export { footer_nav_default as default };

package/dist/site/components/footer.cjs

@@ -0,0 +1,132 @@
+'use strict';
+
+var primitives = require('@hanzo/ui/primitives');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+var Link = require('next/link');
+var logo = require('@luxfi/logo');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
+// src/site/components/footer.tsx
+var FIRST = 2020;
+var Copyright = ({
+  className = ""
+}) => {
+  const year = (/* @__PURE__ */ new Date()).getFullYear();
+  const yearString = year > FIRST ? `${FIRST} - ${year}` : FIRST.toString();
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className, children: [
+    `Copyright \xA9 ${yearString}`,
+    "\xA0",
+    /* @__PURE__ */ jsxRuntime.jsx("br", { className: "sm:hidden" }),
+    "Lux Industries Inc.\xA0",
+    /* @__PURE__ */ jsxRuntime.jsx("br", { className: "md:hidden" }),
+    "\xA0All rights reserved."
+  ] });
+};
+var copyright_default = Copyright;
+
+// src/site/site-def/footer/legal.ts
+var legal = [
+  {
+    title: "Terms and Conditions",
+    href: "https://docs.google.com/document/d/1mvkjr1w8Rv8ttirs1mu-_2fw_PXclOyS/preview",
+    newTab: true
+  },
+  {
+    title: "Privacy Policy",
+    href: "https://docs.google.com/document/d/1vZjOKaNdOoThDIaVLERWxflQLtOsuvLn/preview",
+    newTab: true
+  }
+];
+var title = {
+  title: "Legal",
+  href: "",
+  variant: "linkFG"
+};
+[title, ...legal];
+var FooterNav = ({
+  items,
+  currentAs,
+  className = ""
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  primitives.NavItems,
+  {
+    items,
+    currentAs,
+    as: "nav",
+    className,
+    itemClx: (def) => def.variant === "linkFG" ? "font-nav text-[15px]/[1.3] font-medium tracking-normal text-muted-1 sm:hover:text-foreground transition-color duration-500" : "text-[15px]/[1.1] font-normal tracking-[0.2px] text-muted-1 sm:hover:text-foreground transition-color duration-500"
+  }
+);
+var footer_nav_default = FooterNav;
+var SIZE = {
+  xl: { mark: 40, word: 22, gap: "gap-4" },
+  lg: { mark: 40, word: 22, gap: "gap-4" },
+  md: { mark: 32, word: 18, gap: "gap-3" },
+  sm: { mark: 24, word: 13, gap: "gap-2" },
+  xs: { mark: 16, word: 9, gap: "gap-1.5" }
+};
+var Logo = ({
+  size = "md",
+  href,
+  // no default please!
+  outerClx = "",
+  variant = "full",
+  onClick
+}) => {
+  const s = SIZE[size] ?? SIZE.md;
+  const clx = "flex flex-row items-center " + s.gap + " " + (href ? "hover:opacity-80 cursor-pointer " : "cursor-default ") + outerClx;
+  const art = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    variant !== "wordmark" && /* @__PURE__ */ jsxRuntime.jsx(logo.Logo, { variant: "white", size: s.mark }),
+    variant !== "mark" && /* @__PURE__ */ jsxRuntime.jsx(logo.Wordmark, { height: s.word })
+  ] });
+  return href ? /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href, style: ui.css(clx), onClick, children: art }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: clx, onClick, children: art });
+};
+var Footer = ({
+  siteDef,
+  className = "",
+  noHorizPadding = false
+}) => {
+  const { footer, aboveCopyright } = siteDef;
+  const smGridCols = Math.floor(footer.length / 2);
+  const smGridColsClx = `sm:grid-cols-${smGridCols} `;
+  const _aboveCopyright = typeof aboveCopyright === "undefined" ? legal : aboveCopyright;
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { tag: "footer", className: ui.cn("grow flex flex-col justify-between gap-6 pb-[2vh]", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: (noHorizPadding ? "" : "px-5 md:px-8 ") + "grid grid-cols-2 gap-4 gap-y-6 md:gap-x-6 lg:gap-8 " + smGridColsClx + "md:w-full sm:justify-items-center md:mx-0 lg:w-full md:flex md:flex-row md:justify-between px-[24px]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx(Logo, { size: "md", variant: "wordmark" }) }, 0),
+      footer.map((defs, index) => {
+        const xsColSpanClx = index === footer.length - 1 && footer.length % 2 === 1 ? "xs:col-span-2 xs:mx-auto md:col-span-1 md:mx-0 " : "";
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          footer_nav_default,
+          {
+            items: defs,
+            currentAs: siteDef.currentAs,
+            className: ui.cn(
+              "sm:min-w-[150px] md:min-w-0 flex flex-col justify-start items-start gap-[11px] sm:gap-[12px] md:gap-[15px] ",
+              xsColSpanClx
+            )
+          },
+          index + 1
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:mt-[2vh]", children: [
+      _aboveCopyright.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        primitives.NavItems,
+        {
+          items: _aboveCopyright,
+          as: "div",
+          className: "flex flex-row justify-center gap-4 mb-2",
+          itemClx: "text-sm text-center text-muted-2 underline hover:text-foreground"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(copyright_default, { className: "text-sm text-center text-muted-3" })
+    ] })
+  ] });
+};
+var footer_default = Footer;
+
+module.exports = footer_default;

package/dist/site/components/footer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { SiteDef } from '../site-def';
+declare const Footer: React.FC<{
+    siteDef: SiteDef;
+    className?: string;
+    noHorizPadding?: boolean;
+}>;
+export default Footer;
+//# sourceMappingURL=footer.d.ts.map

package/dist/site/components/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/site/components/footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAK1C,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAqDA,CAAA;eAEc,MAAM"}