@luxfi/ui 8.2.7 → 8.2.8

package/dist/site/components/commerce/drawer/micro.cjs

@@ -5,121 +5,14 @@ var mobxReactLite = require('mobx-react-lite');
 var primitives = require('@hanzo/ui/primitives');
 var ui = require('@hanzo/ui');
 var commerce = require('@hanzo/commerce');
-var react = require('react');
-var mobx = require('mobx');
+var CheckoutButton = require('../checkout-button.js');
+var context_js = require('../../../commerce/ui/context.js');
 var jsxRuntime = require('react/jsx-runtime');
-require('next/navigation');
-require('usehooks-ts');
 
-var BagIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { fill: "none", viewBox: "0 0 1019 1281", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m977.243 365.553h-175.407v-90.629c0-151.923-131.968-274.924-292.334-274.924-160.367 0-292.337 123.002-292.337 274.924v90.629h-175.4023c-23.3886 0-41.7627 17.051-41.7627 38.756v775.121c0 55.8 48.4456 100.76 108.582 100.76h801.84c60.138 0 108.578-44.96 108.578-100.76v-775.121c0-21.705-18.37-38.756-41.757-38.756zm-676.553-90.629c0-108.517 93.546-196.9408 208.812-196.9408 115.265 0 208.813 88.4218 208.813 196.9408v89.08h-417.625z", fill: "currentColor" }) });
-var bag_icon_default = BagIcon;
-var IconAndQuantity = mobxReactLite.observer(({
-  animateOnQuantityChange = false,
-  showArrow = true,
-  showQuantity = true,
-  clx = "",
-  iconClx = "",
-  digitClx = ""
-}) => {
-  const cmmc = commerce.useCommerce();
-  const wiggleRef = react.useRef(mobx.observable.box("none"));
-  react.useEffect(() => (
-    // return IReactionDisposer
-    animateOnQuantityChange ? mobx.reaction(
-      () => cmmc.cartQuantity,
-      (curr, prev) => {
-        if (curr > prev) {
-          mobx.runInAction(() => {
-            wiggleRef.current.set("more");
-          });
-        } else {
-          mobx.runInAction(() => {
-            wiggleRef.current.set("less");
-          });
-        }
-        setTimeout(() => {
-          mobx.runInAction(() => {
-            wiggleRef.current.set("none");
-          });
-        }, 800);
-      }
-    ) : void 0
-  ), []);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: ui.cn("flex items-center justify-center", clx), children: [
-    showQuantity && /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: ui.cn(
-      "relative flex items-center justify-center mr-1",
-      wiggleRef.current.get() === "more" ? "item-added-to-cart-animation" : wiggleRef.current.get() === "less" ? "item-removed-from-cart-animation" : ""
-    ), children: [
-      cmmc.cartQuantity > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: ui.cn(
-        "z-above-content flex flex-col justify-center items-center",
-        "absolute left-0 right-0 top-0 bottom-0",
-        digitClx
-      ), children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-        /* color: 'white'  tailwind bug? ,*/
-        fontSize: "11px",
-        position: "relative",
-        top: "1px"
-      }, children: cmmc.cartQuantity }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(bag_icon_default, { width: "19", height: "24", className: ui.cn("relative -top-[3px] opacity-70", iconClx), "aria-hidden": "true" })
-    ] }),
-    showArrow && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "17px" }, children: "\u203A" })
-  ] });
-});
-var CheckoutButton = ({
-  handleCheckout,
-  variant = "primary",
-  rounded = "lg",
-  className,
-  showQuantity = true,
-  showArrow = true,
-  animateOnQuantityChange = true,
-  centerText = true,
-  children,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    primitives.Button,
-    {
-      ...rest,
-      onClick: handleCheckout,
-      variant,
-      className: ui.cn(`rounded-${rounded}`, ui.cn(
-        "flex justify-between items-stretch group",
-        showQuantity ? centerText ? "px-1.5" : "pl-2.5 pr-1.5" : "",
-        className
-      )),
-      children: [
-        centerText && // must scale this one too, as it effects layout
-        /* @__PURE__ */ jsxRuntime.jsx(
-          IconAndQuantity,
-          {
-            showArrow,
-            showQuantity,
-            clx: "invisible group-hover:scale-105 transition-scale transition-duration-300"
-          }
-        ),
-        children ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center", children: "Checkout" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          IconAndQuantity,
-          {
-            clx: "group-hover:scale-105 transition-scale transition-duration-300",
-            animateOnQuantityChange,
-            showArrow,
-            showQuantity,
-            iconClx: "fill-background",
-            digitClx: "text-foreground group-hover:opacity-80 leading-none font-bold font-sans"
-          }
-        )
-      ]
-    }
-  );
-};
-var checkout_button_default = CheckoutButton;
-mobxReactLite.enableStaticRendering(typeof window === "undefined");
-var CommerceUIContext = react.createContext(void 0);
-var useCommerceDrawer = () => {
-  return react.useContext(CommerceUIContext);
-};
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var CheckoutButton__default = /*#__PURE__*/_interopDefault(CheckoutButton);
+
 var CN = {
   // h: mind padding!
   mobile: { w: 36, h: 32 },
@@ -161,7 +54,7 @@ var Micro = mobxReactLite.observer(({
   handleCheckout,
   handleItemClicked
 }) => {
-  const drawer = useCommerceDrawer();
+  const drawer = context_js.useCommerceDrawer();
   const cmmc = commerce.useCommerce();
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: ui.cn(
     drawer.showRecent ? "grid grid-cols-2" : "flex justify-center items-center ",
@@ -211,7 +104,7 @@ var Micro = mobxReactLite.observer(({
     ), children: [
       drawer.showRecent && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "invisible text-muted text-xxs md:text-xs leading-none pl-1 self-start", children: "for layout" }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        checkout_button_default,
+        CheckoutButton__default.default,
         {
           handleCheckout,
           variant: "primary",

package/dist/site/components/commerce/drawer/micro.js

@@ -1,123 +1,12 @@
 'use client';
-import { observer, enableStaticRendering } from 'mobx-react-lite';
+import { observer } from 'mobx-react-lite';
 import { Button } from '@hanzo/ui/primitives';
 import { Box, cn, MediaStack } from '@hanzo/ui';
 import { useCommerce, formatCurrencyValue } from '@hanzo/commerce';
-import { useRef, useEffect, createContext, useContext } from 'react';
-import { observable, reaction, runInAction } from 'mobx';
+import CheckoutButton from '../checkout-button.js';
+import { useCommerceDrawer } from '../../../commerce/ui/context.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import 'next/navigation';
-import 'usehooks-ts';
 
-var BagIcon = (props) => /* @__PURE__ */ jsx("svg", { fill: "none", viewBox: "0 0 1019 1281", ...props, children: /* @__PURE__ */ jsx("path", { d: "m977.243 365.553h-175.407v-90.629c0-151.923-131.968-274.924-292.334-274.924-160.367 0-292.337 123.002-292.337 274.924v90.629h-175.4023c-23.3886 0-41.7627 17.051-41.7627 38.756v775.121c0 55.8 48.4456 100.76 108.582 100.76h801.84c60.138 0 108.578-44.96 108.578-100.76v-775.121c0-21.705-18.37-38.756-41.757-38.756zm-676.553-90.629c0-108.517 93.546-196.9408 208.812-196.9408 115.265 0 208.813 88.4218 208.813 196.9408v89.08h-417.625z", fill: "currentColor" }) });
-var bag_icon_default = BagIcon;
-var IconAndQuantity = observer(({
-  animateOnQuantityChange = false,
-  showArrow = true,
-  showQuantity = true,
-  clx = "",
-  iconClx = "",
-  digitClx = ""
-}) => {
-  const cmmc = useCommerce();
-  const wiggleRef = useRef(observable.box("none"));
-  useEffect(() => (
-    // return IReactionDisposer
-    animateOnQuantityChange ? reaction(
-      () => cmmc.cartQuantity,
-      (curr, prev) => {
-        if (curr > prev) {
-          runInAction(() => {
-            wiggleRef.current.set("more");
-          });
-        } else {
-          runInAction(() => {
-            wiggleRef.current.set("less");
-          });
-        }
-        setTimeout(() => {
-          runInAction(() => {
-            wiggleRef.current.set("none");
-          });
-        }, 800);
-      }
-    ) : void 0
-  ), []);
-  return /* @__PURE__ */ jsxs(Box, { className: cn("flex items-center justify-center", clx), children: [
-    showQuantity && /* @__PURE__ */ jsxs(Box, { className: cn(
-      "relative flex items-center justify-center mr-1",
-      wiggleRef.current.get() === "more" ? "item-added-to-cart-animation" : wiggleRef.current.get() === "less" ? "item-removed-from-cart-animation" : ""
-    ), children: [
-      cmmc.cartQuantity > 0 && /* @__PURE__ */ jsx(Box, { className: cn(
-        "z-above-content flex flex-col justify-center items-center",
-        "absolute left-0 right-0 top-0 bottom-0",
-        digitClx
-      ), children: /* @__PURE__ */ jsx("div", { style: {
-        /* color: 'white'  tailwind bug? ,*/
-        fontSize: "11px",
-        position: "relative",
-        top: "1px"
-      }, children: cmmc.cartQuantity }) }),
-      /* @__PURE__ */ jsx(bag_icon_default, { width: "19", height: "24", className: cn("relative -top-[3px] opacity-70", iconClx), "aria-hidden": "true" })
-    ] }),
-    showArrow && /* @__PURE__ */ jsx("span", { style: { fontSize: "17px" }, children: "\u203A" })
-  ] });
-});
-var CheckoutButton = ({
-  handleCheckout,
-  variant = "primary",
-  rounded = "lg",
-  className,
-  showQuantity = true,
-  showArrow = true,
-  animateOnQuantityChange = true,
-  centerText = true,
-  children,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      ...rest,
-      onClick: handleCheckout,
-      variant,
-      className: cn(`rounded-${rounded}`, cn(
-        "flex justify-between items-stretch group",
-        showQuantity ? centerText ? "px-1.5" : "pl-2.5 pr-1.5" : "",
-        className
-      )),
-      children: [
-        centerText && // must scale this one too, as it effects layout
-        /* @__PURE__ */ jsx(
-          IconAndQuantity,
-          {
-            showArrow,
-            showQuantity,
-            clx: "invisible group-hover:scale-105 transition-scale transition-duration-300"
-          }
-        ),
-        children ?? /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center", children: "Checkout" }),
-        /* @__PURE__ */ jsx(
-          IconAndQuantity,
-          {
-            clx: "group-hover:scale-105 transition-scale transition-duration-300",
-            animateOnQuantityChange,
-            showArrow,
-            showQuantity,
-            iconClx: "fill-background",
-            digitClx: "text-foreground group-hover:opacity-80 leading-none font-bold font-sans"
-          }
-        )
-      ]
-    }
-  );
-};
-var checkout_button_default = CheckoutButton;
-enableStaticRendering(typeof window === "undefined");
-var CommerceUIContext = createContext(void 0);
-var useCommerceDrawer = () => {
-  return useContext(CommerceUIContext);
-};
 var CN = {
   // h: mind padding!
   mobile: { w: 36, h: 32 },
@@ -209,7 +98,7 @@ var Micro = observer(({
     ), children: [
       drawer.showRecent && /* @__PURE__ */ jsx("p", { className: "invisible text-muted text-xxs md:text-xs leading-none pl-1 self-start", children: "for layout" }),
       /* @__PURE__ */ jsx(
-        checkout_button_default,
+        CheckoutButton,
         {
           handleCheckout,
           variant: "primary",

package/dist/site/components/commerce/drawer/shell.cjs

@@ -4,24 +4,16 @@
 var mobxReactLite = require('mobx-react-lite');
 var primitives = require('@hanzo/ui/primitives');
 var ui = require('@hanzo/ui');
-var react = require('react');
-require('next/navigation');
-require('usehooks-ts');
-require('@hanzo/commerce');
+var context_js = require('../../../commerce/ui/context.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-mobxReactLite.enableStaticRendering(typeof window === "undefined");
-var CommerceUIContext = react.createContext(void 0);
-var useCommerceDrawer = () => {
-  return react.useContext(CommerceUIContext);
-};
 var CommerceDrawer = mobxReactLite.observer(({
   children,
   handleHandleClicked,
   drawerClx = "",
   ...rest
 }) => {
-  const drawer = useCommerceDrawer();
+  const drawer = context_js.useCommerceDrawer();
   return /* @__PURE__ */ jsxRuntime.jsx(
     primitives.Drawer,
     {

package/dist/site/components/commerce/drawer/shell.js

@@ -1,18 +1,10 @@
 'use client';
-import { enableStaticRendering, observer } from 'mobx-react-lite';
+import { observer } from 'mobx-react-lite';
 import { Drawer, DrawerContent, DrawerHandle } from '@hanzo/ui/primitives';
 import { cn, Box } from '@hanzo/ui';
-import { createContext, useContext } from 'react';
-import 'next/navigation';
-import 'usehooks-ts';
-import '@hanzo/commerce';
+import { useCommerceDrawer } from '../../../commerce/ui/context.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-enableStaticRendering(typeof window === "undefined");
-var CommerceUIContext = createContext(void 0);
-var useCommerceDrawer = () => {
-  return useContext(CommerceUIContext);
-};
 var CommerceDrawer = observer(({
   children,
   handleHandleClicked,

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

@@ -3,78 +3,15 @@
 
 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 ContactForm = require('./contact-form.js');
+var Disclaimer = require('./disclaimer.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var validator__default = /*#__PURE__*/_interopDefault(validator);
+var ContactForm__default = /*#__PURE__*/_interopDefault(ContactForm);
+var Disclaimer__default = /*#__PURE__*/_interopDefault(Disclaimer);
 
-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,
@@ -103,8 +40,8 @@ var ContactDialog = ({
         ] })
       ] }),
       /* @__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, {}) })
+        success ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: actionEnclosure?.reply }) : /* @__PURE__ */ jsxRuntime.jsx(ContactForm__default.default, { onSubmit, enclosure: actionEnclosure }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-1 text-xs mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(Disclaimer__default.default, {}) })
       ] })
     ] })
   ] });

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

@@ -1,74 +1,10 @@
 'use client';
-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';
+import { useState } from 'react';
+import { Dialog, DialogTrigger, Button, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@hanzo/ui/primitives';
+import ContactForm from './contact-form.js';
+import Disclaimer from './disclaimer.js';
+import { jsxs, jsx } 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,
@@ -97,8 +33,8 @@ var ContactDialog = ({
         ] })
       ] }),
       /* @__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, {}) })
+        success ? /* @__PURE__ */ jsx("p", { children: actionEnclosure?.reply }) : /* @__PURE__ */ jsx(ContactForm, { onSubmit, enclosure: actionEnclosure }),
+        /* @__PURE__ */ jsx("div", { className: "text-muted-1 text-xs mt-4", children: /* @__PURE__ */ jsx(Disclaimer, {}) })
       ] })
     ] })
   ] });

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

@@ -2,22 +2,14 @@
 'use strict';
 
 var ui = require('@hanzo/ui');
-var react = require('react');
+var context_js = require('../commerce/ui/context.js');
 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();
+  const drawer = context_js.useCommerceDrawer();
   if (!drawer) {
     throw new Error("DrawerMargin must be used with a CommerceUIContext!");
   }

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

@@ -1,17 +1,9 @@
 'use client';
 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 { useCommerceDrawer } from '../commerce/ui/context.js';
+import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';
 
-enableStaticRendering(typeof window === "undefined");
-var CommerceUIContext = createContext(void 0);
-var useCommerceDrawer = () => {
-  return useContext(CommerceUIContext);
-};
 var DrawerMargin = observer(({
   clx = ""
 }) => {