@luxfi/ui 8.2.6 → 8.2.8

package/dist/site/components/auth/callback.js

@@ -1,14 +1,9 @@
+'use client';
 import { useState, useEffect } from 'react';
 import { useIam } from '@hanzo/iam/react';
+import { resume } from './resume.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/site/components/auth/resume.ts
-var KEY = "lux-auth-resume";
-var resume = () => {
-  const to = sessionStorage.getItem(KEY);
-  sessionStorage.removeItem(KEY);
-  return to ?? "/";
-};
 var Callback = () => {
   const { handleCallback } = useIam();
   const [error, setError] = useState(null);

package/dist/site/components/auth/login-panel.cjs

@@ -1,81 +1,23 @@
+'use client';
 'use strict';
 
-var React2 = require('react');
-var Link2 = require('next/link');
+var React = require('react');
+var Link = require('next/link');
 var ui = require('@hanzo/ui');
 var primitives = require('@hanzo/ui/primitives');
-var react = require('@hanzo/iam/react');
-var jsxRuntime = require('react/jsx-runtime');
+var Login = require('./login.js');
 var logo = require('@luxfi/logo');
+var Logo = require('../logo.js');
+var index_js = require('../../site-def/footer/index.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React2__default = /*#__PURE__*/_interopDefault(React2);
-var Link2__default = /*#__PURE__*/_interopDefault(Link2);
-
-// src/site/components/auth/resume.ts
-var KEY = "lux-auth-resume";
-var remember = () => {
-  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
-};
-var Login = ({
-  className,
-  onSuccess
-}) => {
-  const { config } = react.useIam();
-  const [state] = React2.useState(() => crypto.randomUUID());
-  React2.useEffect(remember, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Login,
-    {
-      serverUrl: config.serverUrl,
-      clientId: config.clientId,
-      redirectUri: config.redirectUri,
-      organization: config.organization,
-      state,
-      className: ui.cn("hanzo-iam-card", className),
-      onSuccess
-    }
-  );
-};
-var login_default = Login;
-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(Link2__default.default, { href, style: ui.css(clx), onClick, children: art }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: clx, onClick, children: art });
-};
+var React__default = /*#__PURE__*/_interopDefault(React);
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+var Login__default = /*#__PURE__*/_interopDefault(Login);
+var Logo__default = /*#__PURE__*/_interopDefault(Logo);
 
-// 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 LoginPanel = ({
   close,
   className = "",
@@ -89,7 +31,7 @@ var LoginPanel = ({
           variant: "ghost",
           onClick: close,
           className: "w-fit !min-w-0 p-2",
-          children: /* @__PURE__ */ jsxRuntime.jsx(Logo, { size: "md", variant: "wordmark" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(Logo__default.default, { size: "md", variant: "wordmark" })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -97,7 +39,7 @@ var LoginPanel = ({
         {
           options: { align: "center", loop: true, autoplay: 5e3 },
           className: "w-full",
-          children: /* @__PURE__ */ jsxRuntime.jsx(primitives.CarouselContent, { children: reviews.map(({ text, author, href }, index) => /* @__PURE__ */ jsxRuntime.jsx(primitives.CarouselItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(Link2__default.default, { href, className: "flex flex-col gap-3 cursor-pointer", children: [
+          children: /* @__PURE__ */ jsxRuntime.jsx(primitives.CarouselContent, { children: reviews.map(({ text, author, href }, index) => /* @__PURE__ */ jsxRuntime.jsx(primitives.CarouselItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(Link__default.default, { href, className: "flex flex-col gap-3 cursor-pointer", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
               "\u201C",
               text,
@@ -118,10 +60,10 @@ var LoginPanel = ({
           children: /* @__PURE__ */ jsxRuntime.jsx(logo.LuxLogo, { variant: "white", size: 20 })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(login_default, { className: "w-full max-w-sm" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm opacity-50", children: legal.map(({ title: title2, href }, index) => /* @__PURE__ */ jsxRuntime.jsxs(React2__default.default.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Login__default.default, { className: "w-full max-w-sm" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm opacity-50", children: index_js.legal.map(({ title, href }, index) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
         index > 0 && " \xB7 ",
-        /* @__PURE__ */ jsxRuntime.jsx(Link2__default.default, { href, className: "underline", children: title2 })
+        /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href, className: "underline", children: title })
       ] }, href)) })
     ] }) }) })
   ] });

package/dist/site/components/auth/login-panel.js

@@ -1,74 +1,14 @@
-import React2, { useState, useEffect } from 'react';
-import Link2 from 'next/link';
-import { Box, cn, css } from '@hanzo/ui';
+'use client';
+import React from 'react';
+import Link from 'next/link';
+import { Box, cn } from '@hanzo/ui';
 import { Button, Carousel, CarouselContent, CarouselItem } from '@hanzo/ui/primitives';
-import { useIam, Login as Login$1 } from '@hanzo/iam/react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { LuxLogo, Logo as Logo$1, Wordmark } from '@luxfi/logo';
+import Login from './login.js';
+import { LuxLogo } from '@luxfi/logo';
+import Logo from '../logo.js';
+import { legal } from '../../site-def/footer/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-// src/site/components/auth/resume.ts
-var KEY = "lux-auth-resume";
-var remember = () => {
-  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
-};
-var Login = ({
-  className,
-  onSuccess
-}) => {
-  const { config } = useIam();
-  const [state] = useState(() => crypto.randomUUID());
-  useEffect(remember, []);
-  return /* @__PURE__ */ jsx(
-    Login$1,
-    {
-      serverUrl: config.serverUrl,
-      clientId: config.clientId,
-      redirectUri: config.redirectUri,
-      organization: config.organization,
-      state,
-      className: cn("hanzo-iam-card", className),
-      onSuccess
-    }
-  );
-};
-var login_default = Login;
-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 });
-};
-
-// 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 LoginPanel = ({
   close,
   className = "",
@@ -90,7 +30,7 @@ var LoginPanel = ({
         {
           options: { align: "center", loop: true, autoplay: 5e3 },
           className: "w-full",
-          children: /* @__PURE__ */ jsx(CarouselContent, { children: reviews.map(({ text, author, href }, index) => /* @__PURE__ */ jsx(CarouselItem, { children: /* @__PURE__ */ jsxs(Link2, { href, className: "flex flex-col gap-3 cursor-pointer", children: [
+          children: /* @__PURE__ */ jsx(CarouselContent, { children: reviews.map(({ text, author, href }, index) => /* @__PURE__ */ jsx(CarouselItem, { children: /* @__PURE__ */ jsxs(Link, { href, className: "flex flex-col gap-3 cursor-pointer", children: [
             /* @__PURE__ */ jsxs("p", { children: [
               "\u201C",
               text,
@@ -111,10 +51,10 @@ var LoginPanel = ({
           children: /* @__PURE__ */ jsx(LuxLogo, { variant: "white", size: 20 })
         }
       ),
-      /* @__PURE__ */ jsx(login_default, { className: "w-full max-w-sm" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm opacity-50", children: legal.map(({ title: title2, href }, index) => /* @__PURE__ */ jsxs(React2.Fragment, { children: [
+      /* @__PURE__ */ jsx(Login, { className: "w-full max-w-sm" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm opacity-50", children: legal.map(({ title, href }, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
         index > 0 && " \xB7 ",
-        /* @__PURE__ */ jsx(Link2, { href, className: "underline", children: title2 })
+        /* @__PURE__ */ jsx(Link, { href, className: "underline", children: title })
       ] }, href)) })
     ] }) }) })
   ] });

package/dist/site/components/auth/login.cjs

@@ -1,22 +1,19 @@
+'use client';
 'use strict';
 
 var react$1 = require('react');
 var ui = require('@hanzo/ui');
 var react = require('@hanzo/iam/react');
+var resume_js = require('./resume.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/site/components/auth/resume.ts
-var KEY = "lux-auth-resume";
-var remember = () => {
-  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
-};
 var Login = ({
   className,
   onSuccess
 }) => {
   const { config } = react.useIam();
   const [state] = react$1.useState(() => crypto.randomUUID());
-  react$1.useEffect(remember, []);
+  react$1.useEffect(resume_js.remember, []);
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.Login,
     {

package/dist/site/components/auth/login.js

@@ -1,13 +1,10 @@
+'use client';
 import { useState, useEffect } from 'react';
 import { cn } from '@hanzo/ui';
 import { useIam, Login as Login$1 } from '@hanzo/iam/react';
+import { remember } from './resume.js';
 import { jsx } from 'react/jsx-runtime';
 
-// src/site/components/auth/resume.ts
-var KEY = "lux-auth-resume";
-var remember = () => {
-  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
-};
 var Login = ({
   className,
   onSuccess

package/dist/site/components/auth/provider.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('@hanzo/iam/react');

package/dist/site/components/auth/provider.js

@@ -1,3 +1,4 @@
+'use client';
 import { IamProvider } from '@hanzo/iam/react';
 import { BRAND_SERVER_URLS } from '@hanzo/iam/paths';
 import { jsx } from 'react/jsx-runtime';

package/dist/site/components/auth/widget.cjs

@@ -1,16 +1,13 @@
+'use client';
 'use strict';
 
 var react = require('react');
 var primitives = require('@hanzo/ui/primitives');
 var ui = require('@hanzo/ui');
 var react$1 = require('@hanzo/iam/react');
+var resume_js = require('./resume.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-// 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,
@@ -28,7 +25,7 @@ var Widget = ({
         variant: "primary",
         className: ui.cn("h-8 w-fit !min-w-0", className),
         onClick: handleLogin ?? (() => {
-          remember();
+          resume_js.remember();
           void login();
         }),
         children: "Login"

package/dist/site/components/auth/widget.js

@@ -1,14 +1,11 @@
+'use client';
 import { useContext } from 'react';
 import { Button, Popover, PopoverTrigger, PopoverContent, Separator } from '@hanzo/ui/primitives';
 import { cn } from '@hanzo/ui';
 import { IamContext, useIam, useIamIdentity } from '@hanzo/iam/react';
+import { remember } from './resume.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// 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,

package/dist/site/components/back-button.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var navigation = require('next/navigation');

package/dist/site/components/back-button.js

@@ -1,3 +1,4 @@
+'use client';
 import { useRouter } from 'next/navigation';
 import { ChevronLeft } from 'lucide-react';
 import { Button } from '@hanzo/ui/primitives';

package/dist/site/components/chat-widget.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var React = require('react');

package/dist/site/components/chat-widget.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 import { Card, Button } from '@hanzo/ui/primitives';
 import { Box, cn } from '@hanzo/ui';

package/dist/site/components/commerce/bag-button.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -6,10 +7,9 @@ var mobxReactLite = require('mobx-react-lite');
 var primitives = require('@hanzo/ui/primitives');
 var ui = require('@hanzo/ui');
 var commerce = require('@hanzo/commerce');
+var index_js = require('../icons/index.js');
 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;
 var BagButton = mobxReactLite.observer(({
   showIfEmpty = false,
   animateOnHover = true,
@@ -65,7 +65,7 @@ var BagButton = mobxReactLite.observer(({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[3px] w-full" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: c.cartQuantity })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(bag_icon_default, { width: "24", height: "28", className: ui.cn(
+        /* @__PURE__ */ jsxRuntime.jsx(index_js.Bag, { width: "24", height: "28", className: ui.cn(
           "relative -top-[3px] fill-primary",
           iconClx,
           animateOnHover ? "group-hover:fill-primary-hover group-hover:scale-105 transition-scale transition-duration-300" : ""

package/dist/site/components/commerce/bag-button.js

@@ -1,13 +1,13 @@
+'use client';
 import { useRef, useEffect } from 'react';
 import { observable, reaction, runInAction } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { buttonVariants } from '@hanzo/ui/primitives';
 import { Box, cn } from '@hanzo/ui';
 import { useCommerce } from '@hanzo/commerce';
+import { Bag } from '../icons/index.js';
 import { jsx, jsxs } 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;
 var BagButton = observer(({
   showIfEmpty = false,
   animateOnHover = true,
@@ -63,7 +63,7 @@ var BagButton = observer(({
           /* @__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(
+        /* @__PURE__ */ jsx(Bag, { 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" : ""

package/dist/site/components/commerce/buy-button.cjs

@@ -1,26 +1,18 @@
+'use client';
 'use strict';
 
 var primitives = require('@hanzo/ui/primitives');
 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 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 useSelectAndBuy = () => {
-  return react.useContext(CommerceUIContext);
-};
 var BuyButton = ({
   skuPath,
   children,
   className = "",
   ...rest
 }) => {
-  const buyOptions = useSelectAndBuy();
+  const buyOptions = context_js.useSelectAndBuy();
   const handleClick = () => {
     buyOptions.showVariants(skuPath);
   };

package/dist/site/components/commerce/buy-button.js

@@ -1,17 +1,9 @@
+'use client';
 import { Button } from '@hanzo/ui/primitives';
 import { cn } from '@hanzo/ui';
-import { createContext, useContext } from 'react';
-import { enableStaticRendering } from 'mobx-react-lite';
-import 'next/navigation';
-import 'usehooks-ts';
-import '@hanzo/commerce';
+import { useSelectAndBuy } from '../../commerce/ui/context.js';
 import { jsx } from 'react/jsx-runtime';
 
-enableStaticRendering(typeof window === "undefined");
-var CommerceUIContext = createContext(void 0);
-var useSelectAndBuy = () => {
-  return useContext(CommerceUIContext);
-};
 var BuyButton = ({
   skuPath,
   children,

package/dist/site/components/commerce/checkout-button.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -6,10 +7,9 @@ var mobxReactLite = require('mobx-react-lite');
 var primitives = require('@hanzo/ui/primitives');
 var ui = require('@hanzo/ui');
 var commerce = require('@hanzo/commerce');
+var index_js = require('../icons/index.js');
 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;
 var IconAndQuantity = mobxReactLite.observer(({
   animateOnQuantityChange = false,
   showArrow = true,
@@ -57,7 +57,7 @@ var IconAndQuantity = mobxReactLite.observer(({
         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" })
+      /* @__PURE__ */ jsxRuntime.jsx(index_js.Bag, { 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" })
   ] });

package/dist/site/components/commerce/checkout-button.js

@@ -1,13 +1,13 @@
+'use client';
 import { useRef, useEffect } from 'react';
 import { observable, reaction, runInAction } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { Button } from '@hanzo/ui/primitives';
 import { Box, cn } from '@hanzo/ui';
 import { useCommerce } from '@hanzo/commerce';
+import { Bag } from '../icons/index.js';
 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;
 var IconAndQuantity = observer(({
   animateOnQuantityChange = false,
   showArrow = true,
@@ -55,7 +55,7 @@ var IconAndQuantity = observer(({
         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" })
+      /* @__PURE__ */ jsx(Bag, { width: "19", height: "24", className: cn("relative -top-[3px] opacity-70", iconClx), "aria-hidden": "true" })
     ] }),
     showArrow && /* @__PURE__ */ jsx("span", { style: { fontSize: "17px" }, children: "\u203A" })
   ] });

package/dist/site/components/commerce/checkout-panel/cart-accordian.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var mobxReactLite = require('mobx-react-lite');

package/dist/site/components/commerce/checkout-panel/cart-accordian.js

@@ -1,3 +1,4 @@
+'use client';
 import { observer } from 'mobx-react-lite';
 import { ChevronRight } from 'lucide-react';
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@hanzo/ui/primitives';

package/dist/site/components/commerce/checkout-panel/desktop-bag-carousel.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var mobxReactLite = require('mobx-react-lite');

package/dist/site/components/commerce/checkout-panel/desktop-bag-carousel.js

@@ -1,3 +1,4 @@
+'use client';
 import { observer } from 'mobx-react-lite';
 import { useCommerce, CarouselItemSelector } from '@hanzo/commerce';
 import { jsx } from 'react/jsx-runtime';