@luxfi/ui 8.1.0 → 8.2.0

package/dist/site/components/commerce/checkout-panel/mobile-cp.js

@@ -0,0 +1,289 @@
+import { buttonVariants, Accordion, AccordionItem, AccordionTrigger, AccordionContent, StepIndicator, Button, Separator, Popover, PopoverTrigger, PopoverContent } from '@hanzo/ui/primitives';
+import { Box, cn, css } from '@hanzo/ui';
+import { useRef, useEffect, useContext } from 'react';
+import { IamContext, useIam, useIamIdentity } from '@hanzo/iam/react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import Link2 from 'next/link';
+import { Logo as Logo$1, Wordmark } from '@luxfi/logo';
+import { observable, reaction, runInAction } from 'mobx';
+import { observer } from 'mobx-react-lite';
+import { useCommerce, formatCurrencyValue, CartPanel } from '@hanzo/commerce';
+import { useRouter } from 'next/navigation';
+import { ChevronRight, ChevronLeft } from 'lucide-react';
+import 'embla-carousel-autoplay';
+
+// src/site/components/auth/resume.ts
+var KEY = "lux-auth-resume";
+var remember = () => {
+  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
+};
+var Widget = ({
+  noLogin = false,
+  handleLogin,
+  className
+}) => {
+  const { isAuthenticated, isLoading, login, logout } = useIam();
+  const identity = useIamIdentity();
+  if (isLoading) {
+    return null;
+  }
+  if (!isAuthenticated) {
+    return noLogin ? null : /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "primary",
+        className: cn("h-8 w-fit !min-w-0", className),
+        onClick: handleLogin ?? (() => {
+          remember();
+          void login();
+        }),
+        children: "Login"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outline",
+        size: "icon",
+        className: cn("rounded-full text-muted border-2 border-muted bg-level-1 hover:bg-level-2 hover:border-foreground hover:text-foreground uppercase w-8 h-8", className),
+        children: identity?.initials
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "bg-level-0", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2 truncate", children: [
+        /* @__PURE__ */ jsx("h4", { className: "font-medium leading-none truncate", children: identity?.name }),
+        identity?.email && identity.email !== identity.name && /* @__PURE__ */ jsx("p", { className: "text-sm opacity-50 truncate", children: identity.email })
+      ] }),
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => {
+        logout();
+      }, children: "Logout" })
+    ] }) })
+  ] });
+};
+var AuthWidget = (props) => useContext(IamContext) ? /* @__PURE__ */ jsx(Widget, { ...props }) : null;
+var widget_default = AuthWidget;
+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__ */ jsxs(Fragment, { children: [
+    variant !== "wordmark" && /* @__PURE__ */ jsx(Logo$1, { variant: "white", size: s.mark }),
+    variant !== "mark" && /* @__PURE__ */ jsx(Wordmark, { height: s.word })
+  ] });
+  return href ? /* @__PURE__ */ jsx(Link2, { href, style: css(clx), onClick, children: art }) : /* @__PURE__ */ jsx(Box, { tag: "span", className: clx, onClick, children: art });
+};
+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 BagButton = observer(({
+  showIfEmpty = false,
+  animateOnHover = true,
+  animateOnQuantityChange = true,
+  size = "default",
+  className = "",
+  iconClx = "",
+  onClick
+}) => {
+  const c = useCommerce();
+  const wiggleRef = useRef(observable.box("none"));
+  useEffect(() => (
+    // return IReactionDisposer
+    animateOnQuantityChange && c ? reaction(
+      () => c.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
+  ), []);
+  if (!c || !showIfEmpty && c.cartEmpty) {
+    return /* @__PURE__ */ jsx("div", {});
+  }
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      "aria-label": "Bag",
+      role: "button",
+      onClick,
+      className: cn(
+        buttonVariants({ variant: "ghost", size }),
+        "rounded-md",
+        // Overides the bg change on hover --not a "hover effect" 
+        "relative group p-0 aspect-square hover:bg-background",
+        wiggleRef.current.get() === "more" ? "item-added-to-cart-animation" : wiggleRef.current.get() === "less" ? "item-removed-from-cart-animation" : "",
+        className
+      ),
+      children: [
+        !c.cartEmpty && /* @__PURE__ */ jsxs(Box, { className: "z-above-content flex flex-col justify-center items-center  absolute left-0 right-0 top-0 bottom-0 leading-none font-sans font-bold text-primary-fg text-xs ", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-[3px] w-full" }),
+          /* @__PURE__ */ jsx("div", { children: c.cartQuantity })
+        ] }),
+        /* @__PURE__ */ jsx(bag_icon_default, { width: "24", height: "28", className: cn(
+          "relative -top-[3px] fill-primary",
+          iconClx,
+          animateOnHover ? "group-hover:fill-primary-hover group-hover:scale-105 transition-scale transition-duration-300" : ""
+        ), "aria-hidden": "true" })
+      ]
+    }
+  );
+});
+var bag_button_default = BagButton;
+var BackButton = ({
+  variant = "ghost",
+  size = "default",
+  clx = "",
+  iconClx = "",
+  onBack
+}) => {
+  const router = useRouter();
+  const back = () => {
+    if (onBack) {
+      onBack();
+    }
+    router.back();
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant,
+      size,
+      onClick: back,
+      className: clx,
+      children: /* @__PURE__ */ jsx(ChevronLeft, { style: css(iconClx) })
+    }
+  );
+};
+var back_button_default = BackButton;
+var linkClx = cn(buttonVariants({ variant: "linkMuted" }), "rounded-none");
+var PolicyLinks = ({
+  clx = ""
+}) => /* @__PURE__ */ jsxs(Box, { className: cn("flex flex-col items-center", clx), children: [
+  /* @__PURE__ */ jsx(Separator, {}),
+  /* @__PURE__ */ jsxs("div", { className: "flex gap-4 py-2 text-sm", children: [
+    /* @__PURE__ */ jsx(Link2, { style: css(linkClx), href: "", children: "refund policy" }),
+    /* @__PURE__ */ jsx(Link2, { style: css(linkClx), href: "", children: "privacy policy" })
+  ] })
+] });
+var policy_links_default = PolicyLinks;
+var CartAccordian = observer(({
+  icon,
+  clx = "",
+  panelClx = "",
+  triggerClx = "",
+  scrollAfter,
+  scrollHeightClx
+}) => {
+  const cmmc = useCommerce();
+  return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: clx, children: /* @__PURE__ */ jsxs(AccordionItem, { value: "cart", className: "w-full border-b-0", children: [
+    /* @__PURE__ */ jsxs(AccordionTrigger, { className: "!no-underline group flex justify-between ", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-0 items-center", children: [
+        icon,
+        /* @__PURE__ */ jsxs("h5", { className: "text-sm sm:text-xl grow", children: [
+          /* @__PURE__ */ jsx("span", { className: "group-data-[state=open]:hidden", children: "Order Total:" }),
+          /* @__PURE__ */ jsx("span", { className: "group-data-[state=closed]:hidden", children: "Your Order" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-1 items-center", children: [
+        /* @__PURE__ */ jsx("h5", { className: "text-sm sm:text-xl grow truncate", children: formatCurrencyValue(cmmc.promoAppliedCartTotal) }),
+        /* @__PURE__ */ jsx(ChevronRight, { style: css("h-5 w-5 -mr-2 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(AccordionContent, { className: "data-[state=open]:mb-4", children: /* @__PURE__ */ jsx(
+      CartPanel,
+      {
+        className: cn("w-full", panelClx),
+        scrollAfter,
+        scrollHeightClx,
+        listClx: "mt-0",
+        itemClx: "mt-0.5 mb-0",
+        totalClx: "sticky px-1 pr-2 border-t -bottom-[1px] bg-background",
+        showShipping: true,
+        showPromoCode: true
+      }
+    ) })
+  ] }) });
+});
+var cart_accordian_default = CartAccordian;
+var MobileCheckoutPanel = ({
+  step,
+  stepNames,
+  onLeave,
+  clx = "",
+  children
+}) => /* @__PURE__ */ jsxs(Box, { className: cn("bg-background flex flex-col justify-start px-4 pt-[101px]", clx), children: [
+  /* @__PURE__ */ jsxs("div", { className: "fixed z-11 top-0 h-[45px] w-full flex justify-between items-stretch bg-background", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-stretch gap-1 grow-0", children: [
+      /* @__PURE__ */ jsx(
+        back_button_default,
+        {
+          size: "sm",
+          clx: "-ml-5 !px-0 aspect-square h-full rounded-full active:!bg-level-3 ",
+          onBack: onLeave
+        }
+      ),
+      /* @__PURE__ */ jsx(Logo, { size: "sm", variant: "wordmark", href: "/", onClick: onLeave, outerClx: "-ml-2" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      StepIndicator,
+      {
+        dotSizeRem: 1,
+        steps: stepNames,
+        currentStep: step,
+        className: "relative grow mx-2 top-[14px] text-xs font-semibold w-full"
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "w-[72px] grow-0 shrink-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(widget_default, { noLogin: true, className: "" }) })
+  ] }),
+  /* @__PURE__ */ jsx(
+    cart_accordian_default,
+    {
+      icon: /* @__PURE__ */ jsx(
+        bag_button_default,
+        {
+          animateOnHover: false,
+          showIfEmpty: true,
+          size: "sm",
+          className: "mr-1 relative w-5 h-6 sm:w-6 sm:h-7",
+          iconClx: "fill-foreground"
+        }
+      ),
+      clx: "flex items-center justify-center w-full",
+      triggerClx: "bg-background fixed z-11 top-[45px] left-0 right-0 !m-0 px-4",
+      panelClx: "!py-0",
+      scrollAfter: 3,
+      scrollHeightClx: "h-[385px]"
+    }
+  ),
+  children,
+  /* @__PURE__ */ jsx(policy_links_default, { clx: "mt-auto mb-3 pt-2" })
+] });
+var mobile_cp_default = MobileCheckoutPanel;
+
+export { mobile_cp_default as default };

package/dist/site/components/commerce/checkout-panel/policy-links.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var Link = require('next/link');
+var primitives = require('@hanzo/ui/primitives');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
+// src/site/components/commerce/checkout-panel/policy-links.tsx
+var linkClx = ui.cn(primitives.buttonVariants({ variant: "linkMuted" }), "rounded-none");
+var PolicyLinks = ({
+  clx = ""
+}) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: ui.cn("flex flex-col items-center", clx), children: [
+  /* @__PURE__ */ jsxRuntime.jsx(primitives.Separator, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 py-2 text-sm", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { style: ui.css(linkClx), href: "", children: "refund policy" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { style: ui.css(linkClx), href: "", children: "privacy policy" })
+  ] })
+] });
+var policy_links_default = PolicyLinks;
+
+module.exports = policy_links_default;

package/dist/site/components/commerce/checkout-panel/policy-links.d.ts

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

package/dist/site/components/commerce/checkout-panel/policy-links.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"policy-links.d.ts","sourceRoot":"","sources":["../../../../../src/site/components/commerce/checkout-panel/policy-links.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAWA,CAAA;eAEc,WAAW"}

package/dist/site/components/commerce/checkout-panel/policy-links.js

@@ -0,0 +1,19 @@
+import Link from 'next/link';
+import { buttonVariants, Separator } from '@hanzo/ui/primitives';
+import { cn, Box, css } from '@hanzo/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/site/components/commerce/checkout-panel/policy-links.tsx
+var linkClx = cn(buttonVariants({ variant: "linkMuted" }), "rounded-none");
+var PolicyLinks = ({
+  clx = ""
+}) => /* @__PURE__ */ jsxs(Box, { className: cn("flex flex-col items-center", clx), children: [
+  /* @__PURE__ */ jsx(Separator, {}),
+  /* @__PURE__ */ jsxs("div", { className: "flex gap-4 py-2 text-sm", children: [
+    /* @__PURE__ */ jsx(Link, { style: css(linkClx), href: "", children: "refund policy" }),
+    /* @__PURE__ */ jsx(Link, { style: css(linkClx), href: "", children: "privacy policy" })
+  ] })
+] });
+var policy_links_default = PolicyLinks;
+
+export { policy_links_default as default };

package/dist/site/components/commerce/checkout-panel/steps-indicator.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var primitives = require('@hanzo/ui/primitives');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/site/components/commerce/checkout-panel/steps-indicator.tsx
+var StepsIndicator = ({
+  currentStep,
+  stepNames,
+  className = ""
+}) => /* @__PURE__ */ jsxRuntime.jsx(primitives.Breadcrumb, { className, children: /* @__PURE__ */ jsxRuntime.jsx(primitives.BreadcrumbList, { children: stepNames.map((name, i) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(primitives.BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    primitives.BreadcrumbLink,
+    {
+      className: ui.cn(
+        currentStep >= i ? "!text-foreground hover:text-foreground" : "hover:text-muted-2",
+        "text-xxs sm:text-sm"
+      ),
+      children: name
+    }
+  ) }, `item-${i}`),
+  i !== stepNames.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(primitives.BreadcrumbSeparator, {}, `sep-${i}`)
+] })) }) });
+var steps_indicator_default = StepsIndicator;
+
+module.exports = steps_indicator_default;

package/dist/site/components/commerce/checkout-panel/steps-indicator.d.ts

@@ -0,0 +1,7 @@
+declare const StepsIndicator: React.FC<{
+    currentStep: number;
+    stepNames: string[];
+    className?: string;
+}>;
+export default StepsIndicator;
+//# sourceMappingURL=steps-indicator.d.ts.map

package/dist/site/components/commerce/checkout-panel/steps-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps-indicator.d.ts","sourceRoot":"","sources":["../../../../../src/site/components/commerce/checkout-panel/steps-indicator.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAuBA,CAAA;eAEc,cAAc"}

package/dist/site/components/commerce/checkout-panel/steps-indicator.js

@@ -0,0 +1,25 @@
+import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator } from '@hanzo/ui/primitives';
+import { cn } from '@hanzo/ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/site/components/commerce/checkout-panel/steps-indicator.tsx
+var StepsIndicator = ({
+  currentStep,
+  stepNames,
+  className = ""
+}) => /* @__PURE__ */ jsx(Breadcrumb, { className, children: /* @__PURE__ */ jsx(BreadcrumbList, { children: stepNames.map((name, i) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(
+    BreadcrumbLink,
+    {
+      className: cn(
+        currentStep >= i ? "!text-foreground hover:text-foreground" : "hover:text-muted-2",
+        "text-xxs sm:text-sm"
+      ),
+      children: name
+    }
+  ) }, `item-${i}`),
+  i !== stepNames.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {}, `sep-${i}`)
+] })) }) });
+var steps_indicator_default = StepsIndicator;
+
+export { steps_indicator_default as default };

package/dist/site/components/commerce/checkout-panel/thank-you.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var Link = require('next/link');
+var primitives = require('@hanzo/ui/primitives');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
+// src/site/components/commerce/checkout-panel/thank-you.tsx
+var ThankYou = ({}) => /* @__PURE__ */ jsxRuntime.jsxs(primitives.ApplyTypography, { className: "flex flex-col gap-4 text-center mt-10", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Thank you for your order!" }),
+  /* @__PURE__ */ jsxRuntime.jsx("h6", { children: "Once your payment has been confirmed, you'll recieve an email with additional information." }),
+  /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+    "While you wait, we cordially invite you to join the ",
+    /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: "https://warpcast.com/~/channel/lux", children: "Lux Channel" }),
+    " on ",
+    /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: "https://warpcast.com/~/invite-page/227706?id=fbc9ca91", children: "Warpcast" }),
+    "."
+  ] })
+] });
+var thank_you_default = ThankYou;
+
+module.exports = thank_you_default;

package/dist/site/components/commerce/checkout-panel/thank-you.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CheckoutStepComponentProps } from '@hanzo/commerce/types';
+declare const ThankYou: React.FC<CheckoutStepComponentProps>;
+export default ThankYou;
+//# sourceMappingURL=thank-you.d.ts.map

package/dist/site/components/commerce/checkout-panel/thank-you.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thank-you.d.ts","sourceRoot":"","sources":["../../../../../src/site/components/commerce/checkout-panel/thank-you.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAEvE,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAQlD,CAAA;eAEc,QAAQ"}

package/dist/site/components/commerce/checkout-panel/thank-you.js

@@ -0,0 +1,19 @@
+import Link from 'next/link';
+import { ApplyTypography } from '@hanzo/ui/primitives';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/site/components/commerce/checkout-panel/thank-you.tsx
+var ThankYou = ({}) => /* @__PURE__ */ jsxs(ApplyTypography, { className: "flex flex-col gap-4 text-center mt-10", children: [
+  /* @__PURE__ */ jsx("h3", { children: "Thank you for your order!" }),
+  /* @__PURE__ */ jsx("h6", { children: "Once your payment has been confirmed, you'll recieve an email with additional information." }),
+  /* @__PURE__ */ jsxs("p", { children: [
+    "While you wait, we cordially invite you to join the ",
+    /* @__PURE__ */ jsx(Link, { href: "https://warpcast.com/~/channel/lux", children: "Lux Channel" }),
+    " on ",
+    /* @__PURE__ */ jsx(Link, { href: "https://warpcast.com/~/invite-page/227706?id=fbc9ca91", children: "Warpcast" }),
+    "."
+  ] })
+] });
+var thank_you_default = ThankYou;
+
+export { thank_you_default as default };

package/dist/site/components/commerce/desktop-bag-popup.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+var react = require('react');
+var navigation = require('next/navigation');
+var lucideReact = require('lucide-react');
+var primitives = require('@hanzo/ui/primitives');
+var ui = require('@hanzo/ui');
+var commerce = require('@hanzo/commerce');
+var jsxRuntime = require('react/jsx-runtime');
+
+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;
+
+// src/site/next/analytics/google-analytics.ts
+var sendGAEvent = (name, options = {}) => {
+  window.gtag("event", name, options);
+};
+var DesktopBagPopup = ({
+  triggerClx = "",
+  popupClx = "",
+  trigger
+}) => {
+  const cmmc = commerce.useCommerce();
+  const [bagOpen, setBagOpen] = react.useState(false);
+  const router = navigation.useRouter();
+  react.useEffect(() => {
+    if (bagOpen) {
+      sendGAEvent("view_cart", {
+        items: cmmc.cartItems.map((item) => ({
+          item_id: item.sku,
+          item_name: item.title,
+          item_category: item.familyId,
+          price: item.price,
+          quantity: item.quantity
+        })),
+        value: cmmc.cartTotal,
+        currency: "USD"
+      });
+    }
+  }, [bagOpen]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(primitives.Popover, { open: bagOpen, onOpenChange: setBagOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(primitives.PopoverTrigger, { className: triggerClx, children: trigger }),
+    /* @__PURE__ */ jsxRuntime.jsxs(primitives.PopoverContent, { sideOffset: 28, className: ui.cn("relative  flex flex-col p-0 px-4 pb-4 pt-2", popupClx), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(primitives.PopoverClose, { className: "absolute z-above-content right-2 top-2 self-end hover:bg-level-3 text-muted hover:text-accent p-1 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-5 h-5" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        commerce.CartPanel,
+        {
+          handleCheckout: () => {
+            router.push("/checkout");
+          },
+          className: "mt-4 mb-4 border-none py-0 px-4",
+          listClx: "rounded-sm pr-3",
+          scrollAfter: 5,
+          scrollHeightClx: "h-[70vh]",
+          itemClx: "mt-3",
+          totalClx: "sticky px-1 pr-2 -bottom-[1px] bg-level-1",
+          buttonClx: "max-w-[220px] flex-none",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center flex-none justify-center ", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(bag_icon_default, { className: "mr-2 relative w-6 h-7 fill-foreground " }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-heading text-foreground text-default", children: "Your Bag" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[1px] w-pr-80 bg-muted-3 mx-auto mt-1.5 flex-none" })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+var desktop_bag_popup_default = DesktopBagPopup;
+
+module.exports = desktop_bag_popup_default;

package/dist/site/components/commerce/desktop-bag-popup.css

@@ -0,0 +1,4 @@
+/* src/site/components/icons/social-svg.css */
+.social-icon svg {
+  transform: scale(1.25);
+}

package/dist/site/components/commerce/desktop-bag-popup.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const DesktopBagPopup: React.FC<{
+    triggerClx?: string;
+    popupClx?: string;
+    trigger: React.ReactNode;
+}>;
+export default DesktopBagPopup;
+//# sourceMappingURL=desktop-bag-popup.d.ts.map

package/dist/site/components/commerce/desktop-bag-popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"desktop-bag-popup.d.ts","sourceRoot":"","sources":["../../../../src/site/components/commerce/desktop-bag-popup.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAkBlD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,CAoDA,CAAA;eAEc,eAAe"}

package/dist/site/components/commerce/desktop-bag-popup.js

@@ -0,0 +1,70 @@
+import { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { X } from 'lucide-react';
+import { Popover, PopoverTrigger, PopoverContent, PopoverClose } from '@hanzo/ui/primitives';
+import { cn } from '@hanzo/ui';
+import { useCommerce, CartPanel } from '@hanzo/commerce';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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;
+
+// src/site/next/analytics/google-analytics.ts
+var sendGAEvent = (name, options = {}) => {
+  window.gtag("event", name, options);
+};
+var DesktopBagPopup = ({
+  triggerClx = "",
+  popupClx = "",
+  trigger
+}) => {
+  const cmmc = useCommerce();
+  const [bagOpen, setBagOpen] = useState(false);
+  const router = useRouter();
+  useEffect(() => {
+    if (bagOpen) {
+      sendGAEvent("view_cart", {
+        items: cmmc.cartItems.map((item) => ({
+          item_id: item.sku,
+          item_name: item.title,
+          item_category: item.familyId,
+          price: item.price,
+          quantity: item.quantity
+        })),
+        value: cmmc.cartTotal,
+        currency: "USD"
+      });
+    }
+  }, [bagOpen]);
+  return /* @__PURE__ */ jsxs(Popover, { open: bagOpen, onOpenChange: setBagOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { className: triggerClx, children: trigger }),
+    /* @__PURE__ */ jsxs(PopoverContent, { sideOffset: 28, className: cn("relative  flex flex-col p-0 px-4 pb-4 pt-2", popupClx), children: [
+      /* @__PURE__ */ jsx(PopoverClose, { className: "absolute z-above-content right-2 top-2 self-end hover:bg-level-3 text-muted hover:text-accent p-1 rounded-full", children: /* @__PURE__ */ jsx(X, { className: "w-5 h-5" }) }),
+      /* @__PURE__ */ jsxs(
+        CartPanel,
+        {
+          handleCheckout: () => {
+            router.push("/checkout");
+          },
+          className: "mt-4 mb-4 border-none py-0 px-4",
+          listClx: "rounded-sm pr-3",
+          scrollAfter: 5,
+          scrollHeightClx: "h-[70vh]",
+          itemClx: "mt-3",
+          totalClx: "sticky px-1 pr-2 -bottom-[1px] bg-level-1",
+          buttonClx: "max-w-[220px] flex-none",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center flex-none justify-center ", children: [
+              /* @__PURE__ */ jsx(bag_icon_default, { className: "mr-2 relative w-6 h-7 fill-foreground " }),
+              /* @__PURE__ */ jsx("p", { className: "font-heading text-foreground text-default", children: "Your Bag" })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "h-[1px] w-pr-80 bg-muted-3 mx-auto mt-1.5 flex-none" })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+var desktop_bag_popup_default = DesktopBagPopup;
+
+export { desktop_bag_popup_default as default };