react-marketing-ui 0.0.1

package/dist/chunk-AYLCYDUM.mjs

@@ -0,0 +1,275 @@
+import { navigationMenuTriggerStyle, navigationMenuSubTriggerStyle } from './chunk-KBHYXLRG.mjs';
+import { ChevronDownIcon, ChevronRightIcon, ArrowSvg } from './chunk-JVXJ6SFX.mjs';
+import { solidSurface } from './chunk-XZEDZVXT.mjs';
+import { cn, validCssVars } from './chunk-QAWSH567.mjs';
+import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function NavigationMenu({
+  className,
+  children,
+  side,
+  sideOffset = 10,
+  align,
+  alignOffset,
+  collisionPadding = { top: 5, bottom: 5, left: 20, right: 20 },
+  collisionBoundary,
+  arrow = false,
+  positionMethod = "fixed",
+  level = 2,
+  shadowLevel = 2,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenu$1.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-level": level,
+      className: cn("min-w-max rounded-md p-1 text-foreground", solidSurface(level, shadowLevel), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          NavigationMenuViewport,
+          {
+            side,
+            sideOffset,
+            align,
+            alignOffset,
+            collisionPadding,
+            collisionBoundary,
+            arrow,
+            positionMethod
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(NavigationMenu$1.List, { "data-slot": "navigation-menu-list", className: cn("relative flex", className), ...props });
+}
+function NavigationMenuItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(NavigationMenu$1.Item, { "data-slot": "navigation-menu-item", className: cn("relative", className), ...props });
+}
+function NavigationMenuTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenu$1.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(NavigationMenuIcon, {})
+      ]
+    }
+  );
+}
+function NavigationMenuIcon({
+  className,
+  render = /* @__PURE__ */ jsx(ChevronDownIcon, {}),
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Icon,
+    {
+      className: cn("transition-transform duration-200 ease-in-out data-[popup-open]:rotate-180", className),
+      render,
+      ...props
+    }
+  );
+}
+function NavigationMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenu$1.Trigger,
+    {
+      "data-slot": "navigation-menu-sub-trigger",
+      className: cn(navigationMenuSubTriggerStyle(), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          NavigationMenu$1.Icon,
+          {
+            className: "absolute top-1/2 right-2.5 flex h-2.5 w-2.5 -translate-y-1/2 items-center justify-center transition-transform duration-200 ease-in-out data-[popup-open]:rotate-180",
+            render: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "h-full w-[calc(100vw-2.5rem)] p-4 sm:w-max",
+        // Transitions for opacity/transform/filter
+        "transition-[opacity,transform,filter,scale,translate] duration-(--duration) ease-(--easing)",
+        // Starting/ending opacity
+        "data-ending-style:opacity-0 data-starting-style:opacity-0",
+        // Direction-aware slide (starting)
+        "data-starting-style:data-[activation-direction=left]:-translate-x-1/2",
+        "data-starting-style:data-[activation-direction=right]:translate-x-1/2",
+        // Direction-aware slide (ending)
+        "data-ending-style:data-[activation-direction=left]:translate-x-1/2",
+        "data-ending-style:data-[activation-direction=right]:-translate-x-1/2",
+        // Blur effect during transitions
+        "data-ending-style:blur-[4px] data-starting-style:blur-[4px]",
+        // scale effect during transitions
+        "data-ending-style:scale-97 data-starting-style:scale-97",
+        // Motion reduce support
+        "motion-reduce:transition-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuLink({ className, standalone, ...props }) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: cn(
+        standalone ? navigationMenuTriggerStyle() : "block rounded-md p-2.5 xs:p-3 text-inherit no-underline duration-150 hover:text-foreground hover:duration-0 focus-visible:relative focus-visible:outline-2 focus-visible:outline-ring focus-visible:-outline-offset-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuBackdrop({ ...props }) {
+  return /* @__PURE__ */ jsx(NavigationMenu$1.Backdrop, { "data-slot": "navigation-menu-backdrop", ...props });
+}
+function NavigationMenuPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(NavigationMenu$1.Portal, { "data-slot": "navigation-menu-portal", ...props });
+}
+function NavigationMenuArrow({ ...props }) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Arrow,
+    {
+      className: "flex transition-[left] duration-[var(--duration)] ease-[var(--easing)] data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=top]:bottom-[-8px] data-[side=right]:left-[-13px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180",
+      ...props,
+      children: /* @__PURE__ */ jsx(ArrowSvg, {})
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  children,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  collisionPadding,
+  collisionBoundary,
+  arrow = false,
+  positionMethod = "fixed",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(NavigationMenuPortal, { children: /* @__PURE__ */ jsx(
+    NavigationMenu$1.Positioner,
+    {
+      "data-slot": "navigation-menu-positioner",
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      collisionPadding,
+      collisionBoundary,
+      positionMethod,
+      className: "z-50 box-border h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-(--duration) ease-(--easing) before:absolute before:content-[''] data-instant:transition-none data-[side=bottom]:before:-top-2.5 data-[side=left]:before:top-0 data-[side=right]:before:top-0 data-[side=bottom]:before:right-0 data-[side=left]:before:-right-2.5 data-[side=top]:before:right-0 data-[side=left]:before:bottom-0 data-[side=right]:before:bottom-0 data-[side=top]:before:-bottom-2.5 data-[side=bottom]:before:left-0 data-[side=right]:before:-left-2.5 data-[side=top]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=top]:before:h-2.5 data-[side=left]:before:w-2.5 data-[side=right]:before:w-2.5",
+      style: validCssVars({ "--duration": "0.35s", "--easing": "cubic-bezier(0.22, 1, 0.36, 1)" }),
+      children: /* @__PURE__ */ jsxs(
+        NavigationMenu$1.Popup,
+        {
+          "data-slot": "navigation-menu-content",
+          className: cn(
+            "relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) overflow-hidden rounded-md text-foreground transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-150",
+            solidSurface(3, 3)
+          ),
+          children: [
+            arrow ? /* @__PURE__ */ jsx(NavigationMenuArrow, {}) : null,
+            /* @__PURE__ */ jsx(
+              NavigationMenu$1.Viewport,
+              {
+                "data-slot": "navigation-menu-viewport",
+                className: cn("relative h-full w-full overflow-hidden", className),
+                ...props,
+                children
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+}
+function NavigationMenuSub({
+  className,
+  children,
+  orientation = "vertical",
+  side = "right",
+  sideOffset = 24,
+  align = "end",
+  alignOffset = -24,
+  arrow = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenu$1.Root,
+    {
+      "data-slot": "navigation-menu-sub",
+      className: cn("", className),
+      orientation,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(NavigationMenuPortal, { children: /* @__PURE__ */ jsx(
+          NavigationMenu$1.Positioner,
+          {
+            "data-slot": "navigation-menu-sub-positioner",
+            sideOffset,
+            alignOffset,
+            align,
+            side,
+            className: "box-border h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-(--duration) ease-(--easing) before:absolute before:content-[''] data-instant:transition-none data-[side=bottom]:before:-top-2.5 data-[side=left]:before:top-0 data-[side=right]:before:top-0 data-[side=bottom]:before:right-0 data-[side=left]:before:-right-2.5 data-[side=top]:before:right-0 data-[side=left]:before:bottom-0 data-[side=right]:before:bottom-0 data-[side=top]:before:-bottom-2.5 data-[side=bottom]:before:left-0 data-[side=right]:before:-left-2.5 data-[side=top]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=top]:before:h-2.5 data-[side=left]:before:w-2.5 data-[side=right]:before:w-2.5",
+            style: validCssVars({ "--duration": "0.35s", "--easing": "cubic-bezier(0.22, 1, 0.36, 1)" }),
+            children: /* @__PURE__ */ jsxs(
+              NavigationMenu$1.Popup,
+              {
+                "data-slot": "navigation-menu-sub-content",
+                className: cn(
+                  "relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) overflow-hidden rounded-md text-foreground transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-150",
+                  solidSurface(5, 5)
+                ),
+                children: [
+                  arrow ? /* @__PURE__ */ jsx(NavigationMenuArrow, {}) : null,
+                  /* @__PURE__ */ jsx(
+                    NavigationMenu$1.Viewport,
+                    {
+                      "data-slot": "navigation-menu-sub-viewport",
+                      className: "relative h-full w-full overflow-hidden"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+export { NavigationMenu, NavigationMenuArrow, NavigationMenuBackdrop, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPortal, NavigationMenuSub, NavigationMenuSubTrigger, NavigationMenuTrigger, NavigationMenuViewport };
+//# sourceMappingURL=chunk-AYLCYDUM.mjs.map
+//# sourceMappingURL=chunk-AYLCYDUM.mjs.map

package/dist/chunk-AYLCYDUM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation-menu.tsx"],"names":["NavigationMenuPrimitive"],"mappings":";;;;;;;AAcA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA,GAAa,EAAA;AAAA,EACb,KAAA;AAAA,EACA,WAAA;AAAA,EACA,gBAAA,GAAmB,EAAE,GAAA,EAAK,CAAA,EAAG,QAAQ,CAAA,EAAG,IAAA,EAAM,EAAA,EAAI,KAAA,EAAO,EAAA,EAAG;AAAA,EAC5D,iBAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,cAAA,GAAiB,OAAA;AAAA,EACjB,KAAA,GAAQ,CAAA;AAAA,EACR,WAAA,GAAc,CAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,IAAA;AAAA,IAACA,gBAAA,CAAwB,IAAA;AAAA,IAAxB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,YAAA,EAAY,KAAA;AAAA,MACZ,WAAW,EAAA,CAAG,0CAAA,EAA4C,aAAa,KAAA,EAAO,WAAW,GAAG,SAAS,CAAA;AAAA,MACpG,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA;AAAA,UAAC,sBAAA;AAAA,UAAA;AAAA,YACC,IAAA;AAAA,YACA,UAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA;AAAA,YACA,gBAAA;AAAA,YACA,iBAAA;AAAA,YACA,KAAA;AAAA,YACA;AAAA;AAAA;AACF;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA8D;AAC9G,EAAA,uBAAO,GAAA,CAACA,gBAAA,CAAwB,IAAA,EAAxB,EAA6B,WAAA,EAAU,sBAAA,EAAuB,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC9H;AAEA,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA8D;AAC9G,EAAA,uBAAO,GAAA,CAACA,gBAAA,CAAwB,IAAA,EAAxB,EAA6B,WAAA,EAAU,sBAAA,EAAuB,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACzH;AAEA,SAAS,sBAAsB,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,OAAM,EAAiE;AAC9H,EAAA,uBACE,IAAA;AAAA,IAACA,gBAAA,CAAwB,OAAA;AAAA,IAAxB;AAAA,MACC,WAAA,EAAU,yBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,0BAAA,EAA2B,EAAG,SAAS,CAAA;AAAA,MACpD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,4BACA,kBAAA,EAAA,EAAmB;AAAA;AAAA;AAAA,GACtB;AAEJ;AAEA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,SAAA;AAAA,EACA,MAAA,uBAAU,eAAA,EAAA,EAAgB,CAAA;AAAA,EAC1B,GAAG;AACL,CAAA,EAA8D;AAC5D,EAAA,uBACE,GAAA;AAAA,IAACA,gBAAA,CAAwB,IAAA;AAAA,IAAxB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,4EAAA,EAA8E,SAAS,CAAA;AAAA,MACrG,MAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,wBAAA,CAAyB;AAAA,EAChC,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiE;AAC/D,EAAA,uBACE,IAAA;AAAA,IAACA,gBAAA,CAAwB,OAAA;AAAA,IAAxB;AAAA,MACC,WAAA,EAAU,6BAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,6BAAA,EAA8B,EAAG,SAAS,CAAA;AAAA,MACvD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,GAAA;AAAA,UAACA,gBAAA,CAAwB,IAAA;AAAA,UAAxB;AAAA,YACC,SAAA,EAAU,qKAAA;AAAA,YACV,MAAA,sBAAS,gBAAA,EAAA,EAAiB;AAAA;AAAA;AAC5B;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,qBAAA,CAAsB,EAAE,SAAA,EAAW,GAAG,OAAM,EAAiE;AACpH,EAAA,uBACE,GAAA;AAAA,IAACA,gBAAA,CAAwB,OAAA;AAAA,IAAxB;AAAA,MACC,WAAA,EAAU,yBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,4CAAA;AAAA;AAAA,QAEA,6FAAA;AAAA;AAAA,QAEA,2DAAA;AAAA;AAAA,QAEA,uEAAA;AAAA,QACA,uEAAA;AAAA;AAAA,QAEA,oEAAA;AAAA,QACA,sEAAA;AAAA;AAAA,QAEA,6DAAA;AAAA;AAAA,QAEA,yDAAA;AAAA;AAAA,QAEA,+BAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,mBAAmB,EAAE,SAAA,EAAW,UAAA,EAAY,GAAG,OAAM,EAA4B;AACxF,EAAA,uBACE,GAAA;AAAA,IAACA,gBAAA,CAAwB,IAAA;AAAA,IAAxB;AAAA,MACC,WAAA,EAAU,sBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,UAAA,GACI,4BAA2B,GAC3B,uNAAA;AAAA,QACJ;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,sBAAA,CAAuB,EAAE,GAAG,KAAA,EAAM,EAAkE;AAC3G,EAAA,2BAAQA,gBAAA,CAAwB,QAAA,EAAxB,EAAiC,WAAA,EAAU,0BAAA,EAA4B,GAAG,KAAA,EAAO,CAAA;AAC3F;AAEA,SAAS,oBAAA,CAAqB,EAAE,GAAG,KAAA,EAAM,EAAgE;AACvG,EAAA,2BAAQA,gBAAA,CAAwB,MAAA,EAAxB,EAA+B,WAAA,EAAU,wBAAA,EAA0B,GAAG,KAAA,EAAO,CAAA;AACvF;AAEA,SAAS,mBAAA,CAAoB,EAAE,GAAG,KAAA,EAAM,EAA+D;AACrG,EAAA,uBACE,GAAA;AAAA,IAACA,gBAAA,CAAwB,KAAA;AAAA,IAAxB;AAAA,MACC,SAAA,EAAU,qRAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,8BAAC,QAAA,EAAA,EAAS;AAAA;AAAA,GACZ;AAEJ;AAEA,SAAS,sBAAA,CAAuB;AAAA,EAC9B,SAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,cAAA,GAAiB,OAAA;AAAA,EACjB,GAAG;AACL,CAAA,EAAgC;AAC9B,EAAA,2BACG,oBAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAACA,gBAAA,CAAwB,UAAA;AAAA,IAAxB;AAAA,MACC,WAAA,EAAU,4BAAA;AAAA,MACV,IAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,gBAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA,EAAU,0uBAAA;AAAA,MACV,OAAO,YAAA,CAAa,EAAE,cAAc,OAAA,EAAS,UAAA,EAAY,kCAAkC,CAAA;AAAA,MAE3F,QAAA,kBAAA,IAAA;AAAA,QAACA,gBAAA,CAAwB,KAAA;AAAA,QAAxB;AAAA,UACC,WAAA,EAAU,yBAAA;AAAA,UACV,SAAA,EAAW,EAAA;AAAA,YACT,yWAAA;AAAA,YACA,YAAA,CAAa,GAAG,CAAC;AAAA,WACnB;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,KAAA,mBAAQ,GAAA,CAAC,uBAAoB,CAAA,GAAK,IAAA;AAAA,4BACnC,GAAA;AAAA,cAACA,gBAAA,CAAwB,QAAA;AAAA,cAAxB;AAAA,gBACC,WAAA,EAAU,0BAAA;AAAA,gBACV,SAAA,EAAW,EAAA,CAAG,wCAAA,EAA0C,SAAS,CAAA;AAAA,gBAChE,GAAG,KAAA;AAAA,gBAEH;AAAA;AAAA;AACH;AAAA;AAAA;AACF;AAAA,GACF,EACF,CAAA;AAEJ;AAEA,SAAS,iBAAA,CAAkB;AAAA,EACzB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,UAAA;AAAA,EACd,IAAA,GAAO,OAAA;AAAA,EACP,UAAA,GAAa,EAAA;AAAA,EACb,KAAA,GAAQ,KAAA;AAAA,EACR,WAAA,GAAc,GAAA;AAAA,EACd,KAAA,GAAQ,KAAA;AAAA,EACR,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,uBACE,IAAA;AAAA,IAACA,gBAAA,CAAwB,IAAA;AAAA,IAAxB;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,EAAA,EAAI,SAAS,CAAA;AAAA,MAC3B,WAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,4BACA,oBAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,UAACA,gBAAA,CAAwB,UAAA;AAAA,UAAxB;AAAA,YACC,WAAA,EAAU,gCAAA;AAAA,YACV,UAAA;AAAA,YACA,WAAA;AAAA,YACA,KAAA;AAAA,YACA,IAAA;AAAA,YACA,SAAA,EAAU,quBAAA;AAAA,YACV,OAAO,YAAA,CAAa,EAAE,cAAc,OAAA,EAAS,UAAA,EAAY,kCAAkC,CAAA;AAAA,YAE3F,QAAA,kBAAA,IAAA;AAAA,cAACA,gBAAA,CAAwB,KAAA;AAAA,cAAxB;AAAA,gBACC,WAAA,EAAU,6BAAA;AAAA,gBACV,SAAA,EAAW,EAAA;AAAA,kBACT,yWAAA;AAAA,kBACA,YAAA,CAAa,GAAG,CAAC;AAAA,iBACnB;AAAA,gBAEC,QAAA,EAAA;AAAA,kBAAA,KAAA,mBAAQ,GAAA,CAAC,uBAAoB,CAAA,GAAK,IAAA;AAAA,kCACnC,GAAA;AAAA,oBAACA,gBAAA,CAAwB,QAAA;AAAA,oBAAxB;AAAA,sBACC,WAAA,EAAU,8BAAA;AAAA,sBACV,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AAAA;AACF;AAAA,SACF,EACF;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-AYLCYDUM.mjs","sourcesContent":["import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';\nimport type * as React from 'react';\nimport { solidSurface } from '../lib/surface.js';\nimport { cn, validCssVars } from '../lib/utils.js';\nimport { ArrowSvg, ChevronDownIcon, ChevronRightIcon } from './navigation-menu-icons.js';\nimport {\n  type NavigationMenuLinkProps,\n  type NavigationMenuProps,\n  type NavigationMenuSubProps,\n  type NavigationMenuViewportProps,\n  navigationMenuSubTriggerStyle,\n  navigationMenuTriggerStyle,\n} from './navigation-menu-styles.js';\n\nfunction NavigationMenu({\n  className,\n  children,\n  side,\n  sideOffset = 10,\n  align,\n  alignOffset,\n  collisionPadding = { top: 5, bottom: 5, left: 20, right: 20 },\n  collisionBoundary,\n  arrow = false,\n  positionMethod = 'fixed',\n  level = 2,\n  shadowLevel = 2,\n  ...props\n}: NavigationMenuProps) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-level={level}\n      className={cn('min-w-max rounded-md p-1 text-foreground', solidSurface(level, shadowLevel), className)}\n      {...props}\n    >\n      {children}\n      <NavigationMenuViewport\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        collisionPadding={collisionPadding}\n        collisionBoundary={collisionBoundary}\n        arrow={arrow}\n        positionMethod={positionMethod}\n      />\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return <NavigationMenuPrimitive.List data-slot=\"navigation-menu-list\" className={cn('relative flex', className)} {...props} />;\n}\n\nfunction NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return <NavigationMenuPrimitive.Item data-slot=\"navigation-menu-item\" className={cn('relative', className)} {...props} />;\n}\n\nfunction NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), className)}\n      {...props}\n    >\n      {children}\n      <NavigationMenuIcon />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuIcon({\n  className,\n  render = <ChevronDownIcon />,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Icon>) {\n  return (\n    <NavigationMenuPrimitive.Icon\n      className={cn('transition-transform duration-200 ease-in-out data-[popup-open]:rotate-180', className)}\n      render={render}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuSubTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-sub-trigger\"\n      className={cn(navigationMenuSubTriggerStyle(), className)}\n      {...props}\n    >\n      {children}\n      <NavigationMenuPrimitive.Icon\n        className=\"absolute top-1/2 right-2.5 flex h-2.5 w-2.5 -translate-y-1/2 items-center justify-center transition-transform duration-200 ease-in-out data-[popup-open]:rotate-180\"\n        render={<ChevronRightIcon />}\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        'h-full w-[calc(100vw-2.5rem)] p-4 sm:w-max',\n        // Transitions for opacity/transform/filter\n        'transition-[opacity,transform,filter,scale,translate] duration-(--duration) ease-(--easing)',\n        // Starting/ending opacity\n        'data-ending-style:opacity-0 data-starting-style:opacity-0',\n        // Direction-aware slide (starting)\n        'data-starting-style:data-[activation-direction=left]:-translate-x-1/2',\n        'data-starting-style:data-[activation-direction=right]:translate-x-1/2',\n        // Direction-aware slide (ending)\n        'data-ending-style:data-[activation-direction=left]:translate-x-1/2',\n        'data-ending-style:data-[activation-direction=right]:-translate-x-1/2',\n        // Blur effect during transitions\n        'data-ending-style:blur-[4px] data-starting-style:blur-[4px]',\n        // scale effect during transitions\n        'data-ending-style:scale-97 data-starting-style:scale-97',\n        // Motion reduce support\n        'motion-reduce:transition-none',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuLink({ className, standalone, ...props }: NavigationMenuLinkProps) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        standalone\n          ? navigationMenuTriggerStyle()\n          : 'block rounded-md p-2.5 xs:p-3 text-inherit no-underline duration-150 hover:text-foreground hover:duration-0 focus-visible:relative focus-visible:outline-2 focus-visible:outline-ring focus-visible:-outline-offset-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuBackdrop({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Backdrop>) {\n  return <NavigationMenuPrimitive.Backdrop data-slot=\"navigation-menu-backdrop\" {...props} />;\n}\n\nfunction NavigationMenuPortal({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Portal>) {\n  return <NavigationMenuPrimitive.Portal data-slot=\"navigation-menu-portal\" {...props} />;\n}\n\nfunction NavigationMenuArrow({ ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Arrow>) {\n  return (\n    <NavigationMenuPrimitive.Arrow\n      className=\"flex transition-[left] duration-[var(--duration)] ease-[var(--easing)] data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=top]:bottom-[-8px] data-[side=right]:left-[-13px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180\"\n      {...props}\n    >\n      <ArrowSvg />\n    </NavigationMenuPrimitive.Arrow>\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  children,\n  side,\n  sideOffset,\n  align,\n  alignOffset,\n  collisionPadding,\n  collisionBoundary,\n  arrow = false,\n  positionMethod = 'fixed',\n  ...props\n}: NavigationMenuViewportProps) {\n  return (\n    <NavigationMenuPortal>\n      <NavigationMenuPrimitive.Positioner\n        data-slot=\"navigation-menu-positioner\"\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        collisionPadding={collisionPadding}\n        collisionBoundary={collisionBoundary}\n        positionMethod={positionMethod}\n        className=\"z-50 box-border h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-(--duration) ease-(--easing) before:absolute before:content-[''] data-instant:transition-none data-[side=bottom]:before:-top-2.5 data-[side=left]:before:top-0 data-[side=right]:before:top-0 data-[side=bottom]:before:right-0 data-[side=left]:before:-right-2.5 data-[side=top]:before:right-0 data-[side=left]:before:bottom-0 data-[side=right]:before:bottom-0 data-[side=top]:before:-bottom-2.5 data-[side=bottom]:before:left-0 data-[side=right]:before:-left-2.5 data-[side=top]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=top]:before:h-2.5 data-[side=left]:before:w-2.5 data-[side=right]:before:w-2.5\"\n        style={validCssVars({ '--duration': '0.35s', '--easing': 'cubic-bezier(0.22, 1, 0.36, 1)' })}\n      >\n        <NavigationMenuPrimitive.Popup\n          data-slot=\"navigation-menu-content\"\n          className={cn(\n            'relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) overflow-hidden rounded-md text-foreground transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-150',\n            solidSurface(3, 3),\n          )}\n        >\n          {arrow ? <NavigationMenuArrow /> : null}\n          <NavigationMenuPrimitive.Viewport\n            data-slot=\"navigation-menu-viewport\"\n            className={cn('relative h-full w-full overflow-hidden', className)}\n            {...props}\n          >\n            {children}\n          </NavigationMenuPrimitive.Viewport>\n        </NavigationMenuPrimitive.Popup>\n      </NavigationMenuPrimitive.Positioner>\n    </NavigationMenuPortal>\n  );\n}\n\nfunction NavigationMenuSub({\n  className,\n  children,\n  orientation = 'vertical',\n  side = 'right',\n  sideOffset = 24,\n  align = 'end',\n  alignOffset = -24,\n  arrow = false,\n  ...props\n}: NavigationMenuSubProps) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu-sub\"\n      className={cn('', className)}\n      orientation={orientation}\n      {...props}\n    >\n      {children}\n      <NavigationMenuPortal>\n        <NavigationMenuPrimitive.Positioner\n          data-slot=\"navigation-menu-sub-positioner\"\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          align={align}\n          side={side}\n          className=\"box-border h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-(--duration) ease-(--easing) before:absolute before:content-[''] data-instant:transition-none data-[side=bottom]:before:-top-2.5 data-[side=left]:before:top-0 data-[side=right]:before:top-0 data-[side=bottom]:before:right-0 data-[side=left]:before:-right-2.5 data-[side=top]:before:right-0 data-[side=left]:before:bottom-0 data-[side=right]:before:bottom-0 data-[side=top]:before:-bottom-2.5 data-[side=bottom]:before:left-0 data-[side=right]:before:-left-2.5 data-[side=top]:before:left-0 data-[side=bottom]:before:h-2.5 data-[side=top]:before:h-2.5 data-[side=left]:before:w-2.5 data-[side=right]:before:w-2.5\"\n          style={validCssVars({ '--duration': '0.35s', '--easing': 'cubic-bezier(0.22, 1, 0.36, 1)' })}\n        >\n          <NavigationMenuPrimitive.Popup\n            data-slot=\"navigation-menu-sub-content\"\n            className={cn(\n              'relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) overflow-hidden rounded-md text-foreground transition-[opacity,transform,width,height,scale,translate] duration-(--duration) ease-(--easing) data-ending-style:scale-90 data-starting-style:scale-90 data-ending-style:opacity-0 data-starting-style:opacity-0 data-ending-style:duration-150',\n              solidSurface(5, 5),\n            )}\n          >\n            {arrow ? <NavigationMenuArrow /> : null}\n            <NavigationMenuPrimitive.Viewport\n              data-slot=\"navigation-menu-sub-viewport\"\n              className=\"relative h-full w-full overflow-hidden\"\n            />\n          </NavigationMenuPrimitive.Popup>\n        </NavigationMenuPrimitive.Positioner>\n      </NavigationMenuPortal>\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuArrow,\n  NavigationMenuBackdrop,\n  NavigationMenuContent,\n  NavigationMenuIcon,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuPortal,\n  NavigationMenuSub,\n  NavigationMenuSubTrigger,\n  NavigationMenuTrigger,\n  NavigationMenuViewport,\n};\n"]}

package/dist/chunk-AYY7D2RJ.mjs

@@ -0,0 +1,112 @@
+import { cn } from './chunk-QAWSH567.mjs';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  "group inline-flex items-center justify-center gap-1.5 font-medium [transition:opacity_.24s_80ms,transform_.15s_cubic-bezier(.4,0,.2,1),box-shadow_.15s_cubic-bezier(.4,0,.2,1),filter_.15s_cubic-bezier(.4,0,.2,1)] disabled:[transition:opacity_.1s]",
+  {
+    variants: {
+      variant: {
+        filled: "bg-(--foreground) text-(--primary-foreground) shadow-elevated-3 hover:opacity-90",
+        bordered: "border border-(--border-hi) bg-surface-3 text-foreground shadow-elevated-3 hover:bg-(--muted)",
+        ghost: "text-(--foreground-secondary) hover:bg-(--surface-hover) hover:text-(--foreground)"
+      },
+      size: {
+        sm: "h-8 px-3.5 text-[15px]",
+        md: "h-9 px-5 text-[17px]",
+        lg: "h-11 px-6 text-[17px]",
+        icon: "size-11"
+      },
+      shape: {
+        rounded: "rounded-interactive",
+        pill: "rounded-full"
+      }
+    },
+    // Pill is the house standard — every CTA is fully rounded.
+    defaultVariants: { variant: "filled", size: "md", shape: "pill" }
+  }
+);
+function Button({
+  variant,
+  size,
+  shape,
+  showArrow = false,
+  external = false,
+  title,
+  actionOrLink,
+  children,
+  className,
+  "aria-label": ariaLabel,
+  "aria-expanded": ariaExpanded
+}) {
+  const buttonClassName = cn(buttonVariants({ variant, size, shape }), className);
+  const arrowSlot = showArrow && /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 14 14",
+      width: "14",
+      height: "14",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      className: "shrink-0",
+      children: [
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: "0",
+            y1: "7",
+            x2: "9",
+            y2: "7",
+            strokeDasharray: "9",
+            className: "[stroke-dashoffset:9] [transition:stroke-dashoffset_.08s_cubic-bezier(.22,1,.36,1)] group-hover:[stroke-dashoffset:0] group-hover:[transition-duration:.22s]"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M5 3l4 4-4 4",
+            className: "[transform:translateX(0)] [transition:transform_.22s_cubic-bezier(.22,1,.36,1)] group-hover:[transform:translateX(2px)]"
+          }
+        )
+      ]
+    }
+  );
+  if (typeof actionOrLink === "string")
+    return /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: actionOrLink,
+        className: cn(buttonClassName, "no-underline"),
+        "aria-label": ariaLabel,
+        title,
+        ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+        children: [
+          children,
+          arrowSlot
+        ]
+      }
+    );
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: buttonClassName,
+      onClick: actionOrLink,
+      "aria-label": ariaLabel,
+      "aria-expanded": ariaExpanded,
+      title,
+      children: [
+        children,
+        arrowSlot
+      ]
+    }
+  );
+}
+
+export { Button };
+//# sourceMappingURL=chunk-AYY7D2RJ.mjs.map
+//# sourceMappingURL=chunk-AYY7D2RJ.mjs.map

package/dist/chunk-AYY7D2RJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button.tsx"],"names":[],"mappings":"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","file":"chunk-AYY7D2RJ.mjs","sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ReactNode } from 'react';\nimport { cn } from '../lib/utils.js';\n\n/**\n * Shared marketing-site button styles.\n *\n * The `transition` in the base string matches the former `.button-transition`\n * utility — a pure-CSS morph so the component stays server-renderable.\n */\nconst buttonVariants = cva(\n  'group inline-flex items-center justify-center gap-1.5 font-medium [transition:opacity_.24s_80ms,transform_.15s_cubic-bezier(.4,0,.2,1),box-shadow_.15s_cubic-bezier(.4,0,.2,1),filter_.15s_cubic-bezier(.4,0,.2,1)] disabled:[transition:opacity_.1s]',\n  {\n    variants: {\n      variant: {\n        filled: 'bg-(--foreground) text-(--primary-foreground) shadow-elevated-3 hover:opacity-90',\n        bordered: 'border border-(--border-hi) bg-surface-3 text-foreground shadow-elevated-3 hover:bg-(--muted)',\n        ghost: 'text-(--foreground-secondary) hover:bg-(--surface-hover) hover:text-(--foreground)',\n      },\n      size: {\n        sm: 'h-8 px-3.5 text-[15px]',\n        md: 'h-9 px-5 text-[17px]',\n        lg: 'h-11 px-6 text-[17px]',\n        icon: 'size-11',\n      },\n      shape: {\n        rounded: 'rounded-interactive',\n        pill: 'rounded-full',\n      },\n    },\n    // Pill is the house standard — every CTA is fully rounded.\n    defaultVariants: { variant: 'filled', size: 'md', shape: 'pill' },\n  },\n);\n\nexport type ButtonProps = VariantProps<typeof buttonVariants> & {\n  showArrow?: boolean;\n  /**\n   * Set when `actionOrLink` is an off-site URL — renders the anchor with\n   * `target=\"_blank\"` and `rel=\"noopener noreferrer\"`.\n   */\n  external?: boolean;\n  /** Hover tooltip on the rendered anchor/button. */\n  title?: string;\n  /**\n   * String  → renders as a plain anchor <a href={...}>.\n   * Function → renders as a <button type=\"button\" onClick={...}>.\n   */\n  actionOrLink: string | (() => void);\n  children: ReactNode;\n  className?: string;\n  'aria-label'?: string;\n  'aria-expanded'?: boolean;\n};\n\n/**\n * Shared marketing-site button.\n *\n * variant=\"filled\"   → primary CTA  (inverse theming: bg-(--foreground) + text-(--primary-foreground)\n *                     + shadow-elevated-3 — flips with the theme so it pops against any surface)\n * variant=\"bordered\" → elevated surface + border (bg-surface-3 + shadow-elevated-3 + border)\n * variant=\"ghost\"    → transparent, muted text that gains a surface on hover\n * size=\"sm\"          → h-8,  px-3.5, text-[15px]   (navbar / compact)\n * size=\"md\"          → h-9,  px-5,   text-[17px]   (default)\n * size=\"lg\"          → h-11, px-6,   text-[17px]   (hero CTAs)\n * size=\"icon\"        → size-11 square              (icon-only buttons)\n * shape=\"pill\"       → fully rounded (rounded-full); pill is the default\n * showArrow          → chevron right at rest, morphs to arrow-right on hover\n *\n * Server-renderable: the arrow morph is pure CSS (group-hover), so no client\n * state or animation library is needed. When `actionOrLink` is a function the\n * component renders a <button>; passing a function requires a client-component\n * parent (functions can't cross the server→client boundary), which is inherent\n * to any onClick prop and unchanged by this component being server-capable.\n */\nexport function Button({\n  variant,\n  size,\n  shape,\n  showArrow = false,\n  external = false,\n  title,\n  actionOrLink,\n  children,\n  className,\n  'aria-label': ariaLabel,\n  'aria-expanded': ariaExpanded,\n}: ButtonProps) {\n  const buttonClassName = cn(buttonVariants({ variant, size, shape }), className);\n\n  /*\n   * Single SVG that morphs from  ›  to  →  on hover — pure CSS, no JS.\n   * The shaft draws in from the left (stroke-dashoffset 9 → 0) and the arrowhead\n   * nudges right. Draw-in is slower (.22s) than the reverse (.08s), matching the\n   * asymmetric timing of the former framer-motion version. ease = cubic-bezier(.22,1,.36,1).\n   */\n  const arrowSlot = showArrow && (\n    <svg\n      viewBox=\"0 0 14 14\"\n      width=\"14\"\n      height=\"14\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden={true}\n      className=\"shrink-0\"\n    >\n      {/* Shaft — draws in from the left */}\n      <line\n        x1=\"0\"\n        y1=\"7\"\n        x2=\"9\"\n        y2=\"7\"\n        strokeDasharray=\"9\"\n        className=\"[stroke-dashoffset:9] [transition:stroke-dashoffset_.08s_cubic-bezier(.22,1,.36,1)] group-hover:[stroke-dashoffset:0] group-hover:[transition-duration:.22s]\"\n      />\n      {/* Arrowhead — nudges right so the shaft \"connects\" underneath */}\n      <path\n        d=\"M5 3l4 4-4 4\"\n        className=\"[transform:translateX(0)] [transition:transform_.22s_cubic-bezier(.22,1,.36,1)] group-hover:[transform:translateX(2px)]\"\n      />\n    </svg>\n  );\n\n  if (typeof actionOrLink === 'string')\n    return (\n      <a\n        href={actionOrLink}\n        className={cn(buttonClassName, 'no-underline')}\n        aria-label={ariaLabel}\n        title={title}\n        {...(external ? { target: '_blank', rel: 'noopener noreferrer' } : {})}\n      >\n        {children}\n        {arrowSlot}\n      </a>\n    );\n\n  return (\n    <button\n      type=\"button\"\n      className={buttonClassName}\n      onClick={actionOrLink}\n      aria-label={ariaLabel}\n      aria-expanded={ariaExpanded}\n      title={title}\n    >\n      {children}\n      {arrowSlot}\n    </button>\n  );\n}\n"]}