react-marketing-ui 0.0.2 → 0.0.4

package/dist/chunk-5QQAPGR2.mjs

@@ -1,109 +0,0 @@
-import { useMediaQuery } from './chunk-EYHT2EWJ.mjs';
-import { cn } from './chunk-QAWSH567.mjs';
-import { useInView } from 'framer-motion';
-import { useRef, useState, useLayoutEffect } from 'react';
-import { annotate } from 'rough-notation';
-import { jsx } from 'react/jsx-runtime';
-
-function resolveColor(element, color) {
-  if (!color.startsWith("var(")) return color;
-  const token = color.slice(4, -1).trim();
-  return globalThis.getComputedStyle(element).getPropertyValue(token).trim() || color;
-}
-var BREAKPOINTS = [
-  ["xs", 30],
-  ["sm", 40],
-  ["md", 50],
-  ["lg", 64],
-  ["xl", 80],
-  ["2xl", 96]
-];
-function getBreakpoint() {
-  let current = "base";
-  for (const [name, rem] of BREAKPOINTS) {
-    if (globalThis.matchMedia(`(min-width: ${rem}rem)`).matches) current = name;
-  }
-  return current;
-}
-function onBreakpointChange(listener) {
-  const queries = BREAKPOINTS.map(([, rem]) => globalThis.matchMedia(`(min-width: ${rem}rem)`));
-  for (const query of queries) query.addEventListener("change", listener);
-  return () => {
-    for (const query of queries) query.removeEventListener("change", listener);
-  };
-}
-function Highlighter({
-  children,
-  className,
-  action = "highlight",
-  color = "var(--marker-highlight)",
-  strokeWidth = 1.5,
-  animationDuration = 600,
-  delay = 0,
-  iterations = 2,
-  padding = 2,
-  multiline = true,
-  isView = false
-}) {
-  const elementRef = useRef(null);
-  const isInView = useInView(elementRef, { once: true, margin: "-10%" });
-  const reducedMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
-  const [themeVersion, setThemeVersion] = useState(0);
-  const shouldShow = !isView || isInView;
-  useLayoutEffect(() => {
-    const observer = new MutationObserver(() => setThemeVersion((v) => v + 1));
-    observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
-    return () => observer.disconnect();
-  }, []);
-  useLayoutEffect(() => {
-    const element = elementRef.current;
-    if (!(shouldShow && element)) return;
-    let annotation;
-    let untrack;
-    const draw = () => {
-      annotation = annotate(element, {
-        type: action,
-        color: resolveColor(element, color),
-        strokeWidth,
-        animationDuration,
-        animate: !reducedMotion,
-        iterations,
-        padding,
-        multiline
-      });
-      annotation.show();
-      let drawnAt = getBreakpoint();
-      untrack = onBreakpointChange(() => {
-        const current = getBreakpoint();
-        if (current === drawnAt) return;
-        drawnAt = current;
-        annotation?.show();
-      });
-    };
-    const startDelay = reducedMotion ? 0 : delay;
-    const timer = startDelay > 0 ? globalThis.setTimeout(draw, startDelay) : void 0;
-    if (timer === void 0) draw();
-    return () => {
-      globalThis.clearTimeout(timer);
-      untrack?.();
-      annotation?.remove();
-    };
-  }, [
-    shouldShow,
-    action,
-    color,
-    strokeWidth,
-    animationDuration,
-    delay,
-    iterations,
-    padding,
-    multiline,
-    reducedMotion,
-    themeVersion
-  ]);
-  return /* @__PURE__ */ jsx("span", { className: cn("relative inline-block bg-transparent", className), children: /* @__PURE__ */ jsx("span", { ref: elementRef, children }) });
-}
-
-export { Highlighter };
-//# sourceMappingURL=chunk-5QQAPGR2.mjs.map
-//# sourceMappingURL=chunk-5QQAPGR2.mjs.map

package/dist/chunk-5QQAPGR2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/highlighter.tsx"],"names":[],"mappings":"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","file":"chunk-5QQAPGR2.mjs","sourcesContent":["'use client';\n\nimport { useInView } from 'framer-motion';\nimport { type ReactNode, useLayoutEffect, useRef, useState } from 'react';\nimport { annotate } from 'rough-notation';\nimport type { RoughAnnotation } from 'rough-notation/lib/model';\nimport { useMediaQuery } from '../lib/use-media-query.js';\nimport { cn } from '../lib/utils.js';\n\ntype AnnotationAction = 'highlight' | 'underline' | 'box' | 'circle' | 'strike-through' | 'crossed-off' | 'bracket';\n\n/**\n * rough-notation writes the colour straight into the SVG's `stroke` presentation\n * attribute, where `var()` is never substituted — so a design token has to be\n * resolved against the live element before it is handed over.\n */\nfunction resolveColor(element: Element, color: string): string {\n  if (!color.startsWith('var(')) return color;\n  const token = color.slice(4, -1).trim();\n  return globalThis.getComputedStyle(element).getPropertyValue(token).trim() || color;\n}\n\n/**\n * The site's breakpoints, ascending, in the `rem` units Tailwind emits them in —\n * so they keep tracking the root font size the way the CSS does. Mirrored from\n * the library's `@theme` block (`xs` and `md` are custom, the rest are defaults).\n */\nconst BREAKPOINTS = [\n  ['xs', 30],\n  ['sm', 40],\n  ['md', 50],\n  ['lg', 64],\n  ['xl', 80],\n  ['2xl', 96],\n] as const;\n\ntype Breakpoint = 'base' | (typeof BREAKPOINTS)[number][0];\n\n/** `'base'` is the implicit below-`xs` band — the widths no `min-width` query claims. */\nfunction getBreakpoint(): Breakpoint {\n  let current: Breakpoint = 'base';\n  for (const [name, rem] of BREAKPOINTS) {\n    if (globalThis.matchMedia(`(min-width: ${rem}rem)`).matches) current = name;\n  }\n  return current;\n}\n\n/**\n * Call `listener` whenever the viewport crosses a breakpoint. Returns the\n * unsubscribe.\n *\n * The imperative counterpart to a `useBreakpoint` hook, for work that has to land\n * in the *same frame* as the layout change. Media-query change events fire during\n * the rendering steps, before `requestAnimationFrame` and before paint, so a\n * listener that writes to the DOM here is painted with the new layout rather than\n * one frame behind it.\n */\nfunction onBreakpointChange(listener: () => void): () => void {\n  const queries = BREAKPOINTS.map(([, rem]) => globalThis.matchMedia(`(min-width: ${rem}rem)`));\n  for (const query of queries) query.addEventListener('change', listener);\n  return () => {\n    for (const query of queries) query.removeEventListener('change', listener);\n  };\n}\n\ntype HighlighterProps = {\n  /** The words to annotate. Rendered inline, so they inherit the surrounding type. */\n  children: ReactNode;\n  className?: string;\n  /**\n   * Which marker stroke to draw.\n   * @default 'highlight'\n   */\n  action?: AnnotationAction;\n  /**\n   * Stroke colour. Accepts a `var(--token)` string, which is resolved against\n   * the live element and re-resolved whenever the theme flips.\n   * @default 'var(--marker-highlight)'\n   */\n  color?: string;\n  /** @default 1.5 */\n  strokeWidth?: number;\n  /** Milliseconds the stroke takes to draw itself on. @default 600 */\n  animationDuration?: number;\n  /**\n   * Milliseconds to hold the stroke back before it starts drawing. Ignored under\n   * reduced motion, where there is no draw-on to stagger.\n   * @default 0\n   */\n  delay?: number;\n  /** Passes over the same stroke, which is what makes it read as hand-drawn. @default 2 */\n  iterations?: number;\n  /** Pixels of slack between the text box and the stroke. @default 2 */\n  padding?: number;\n  /** Annotate every line the text wraps onto, rather than one box around all of them. @default true */\n  multiline?: boolean;\n  /** Hold the stroke back until the text scrolls into view. @default false */\n  isView?: boolean;\n};\n\n/**\n * Draws a hand-drawn marker stroke over a word or phrase.\n *\n * The stroke is an SVG that rough-notation injects on the client, so the\n * exported HTML ships the bare text and nothing about the layout depends on JS\n * having run. Readers who ask for reduced motion get the stroke without the\n * draw-on animation.\n */\nexport function Highlighter({\n  children,\n  className,\n  action = 'highlight',\n  color = 'var(--marker-highlight)',\n  strokeWidth = 1.5,\n  animationDuration = 600,\n  delay = 0,\n  iterations = 2,\n  padding = 2,\n  multiline = true,\n  isView = false,\n}: HighlighterProps) {\n  const elementRef = useRef<HTMLSpanElement>(null);\n  const isInView = useInView(elementRef, { once: true, margin: '-10%' });\n  const reducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)');\n  // Only a re-run trigger: the colour itself comes from the computed style, which\n  // is already correct on first paint because the theme class is set before\n  // hydration. The observer below bumps this whenever the class attribute flips.\n  const [themeVersion, setThemeVersion] = useState(0);\n\n  const shouldShow = !isView || isInView;\n\n  // Theme flips land as a class swap on <html> (the `.dark` class toggled by the\n  // theme provider), and rough-notation bakes the *resolved* token into the\n  // SVG's stroke attribute — which does not track var(). Re-running the draw\n  // effect with a freshly resolved colour is what repaints the stroke.\n  useLayoutEffect(() => {\n    const observer = new MutationObserver(() => setThemeVersion((v) => v + 1));\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });\n    return () => observer.disconnect();\n  }, []);\n\n  // Imperatively injects and tears down a rough-notation SVG measured off live\n  // DOM layout — a post-render side effect with no render-time equivalent.\n  // biome-ignore lint/correctness/useExhaustiveDependencies: `themeVersion` is a redraw trigger, not a read value — the token resolves to a different colour per theme, so a flip has to repaint the stroke.\n  useLayoutEffect(() => {\n    const element = elementRef.current;\n    if (!(shouldShow && element)) return;\n\n    let annotation: RoughAnnotation | undefined;\n    let untrack: (() => void) | undefined;\n\n    const draw = () => {\n      annotation = annotate(element, {\n        type: action,\n        color: resolveColor(element, color),\n        strokeWidth,\n        animationDuration,\n        animate: !reducedMotion,\n        iterations,\n        padding,\n        multiline,\n      });\n      annotation.show();\n\n      // The wrapper below already carries the stroke wherever the page moves the\n      // text, so the only thing left that can stale it is a change in the text's\n      // own shape — which on a breakpoint-driven layout means a breakpoint. This\n      // is subscribed directly rather than through a `useBreakpoint` hook because\n      // a React state round-trip commits a frame or more after the browser has\n      // painted the new layout, which is exactly the lag being chased out.\n      // `show()` on a still-showing annotation re-renders un-animated, so the\n      // stroke resizes without replaying the draw-on.\n      let drawnAt = getBreakpoint();\n      untrack = onBreakpointChange(() => {\n        const current = getBreakpoint();\n        if (current === drawnAt) return;\n        drawnAt = current;\n        annotation?.show();\n      });\n    };\n\n    const startDelay = reducedMotion ? 0 : delay;\n    const timer = startDelay > 0 ? globalThis.setTimeout(draw, startDelay) : undefined;\n    if (timer === undefined) draw();\n\n    return () => {\n      globalThis.clearTimeout(timer);\n      untrack?.();\n      annotation?.remove();\n    };\n  }, [\n    shouldShow,\n    action,\n    color,\n    strokeWidth,\n    animationDuration,\n    delay,\n    iterations,\n    padding,\n    multiline,\n    reducedMotion,\n    themeVersion,\n  ]);\n\n  // Two spans, and both earn their place.\n  //\n  // rough-notation injects its SVG as a *sibling* of the annotated element, laid\n  // out `position: absolute; top: 0; left: 0`, with the stroke's coordinates baked\n  // as offsets from wherever that SVG lands. Left alone it resolves against\n  // whatever positioned ancestor it happens to find — for a centred, shrink-wrapped\n  // page section, effectively the viewport — so every reflow that slid the text\n  // sideways slid it out from under its own stroke, and only a redraw put it back.\n  // The `relative` wrapper makes the SVG resolve against a box the text sits\n  // inside instead, so the two now move as one and no listener is involved.\n  //\n  // The inner span stays plain `inline`, which is what makes `multiline` work:\n  // `getClientRects()` on an inline reports one box per line, so wrapped text gets\n  // a stroke per line rather than one slab drawn around the whole paragraph.\n  return (\n    <span className={cn('relative inline-block bg-transparent', className)}>\n      <span ref={elementRef}>{children}</span>\n    </span>\n  );\n}\n\nexport type { AnnotationAction, HighlighterProps };\n"]}

package/dist/chunk-6MB4UKRX.mjs

@@ -1,19 +0,0 @@
-import { cn } from './chunk-QAWSH567.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-function SavingsBadge({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "rounded-full bg-emerald-500/15 px-2.5 py-0.5 font-numeric font-semibold text-[11px] text-emerald-500 tabular-nums",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-export { SavingsBadge };
-//# sourceMappingURL=chunk-6MB4UKRX.mjs.map
-//# sourceMappingURL=chunk-6MB4UKRX.mjs.map

package/dist/chunk-6MB4UKRX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/savings-badge.tsx"],"names":[],"mappings":";;;AAUO,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAAiC;AAClF,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,mHAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-6MB4UKRX.mjs","sourcesContent":["import type * as React from 'react';\nimport { cn } from '../lib/utils.js';\n\n/**\n * Soft emerald pill for money-saved callouts — the per-provider delta in the\n * estimate chart.\n *\n * The wording differs per call site, so the label stays in `children`; only the\n * pill treatment is shared.\n */\nexport function SavingsBadge({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      className={cn(\n        'rounded-full bg-emerald-500/15 px-2.5 py-0.5 font-numeric font-semibold text-[11px] text-emerald-500 tabular-nums',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"]}

package/dist/chunk-6T5LR34O.mjs

@@ -1,45 +0,0 @@
-import { cn } from './chunk-QAWSH567.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-function ElevatedInput({
-  className,
-  type = "text",
-  ref,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      ref,
-      type,
-      className: cn(
-        // Layout & shape
-        "relative w-full overflow-hidden rounded-lg",
-        // Typography
-        "text-(--color-foreground) text-sm placeholder:text-(--color-muted-foreground)",
-        // Sizing
-        "h-9 px-3",
-        // Reset native input chrome
-        "appearance-none border-none outline-none",
-        // Background — a barely-there top darkening that reads as cavity depth.
-        "bg-[linear-gradient(to_bottom,oklch(0_0_0/0.04),transparent)]",
-        "dark:bg-[linear-gradient(to_bottom,oklch(1_0_0/0.04),transparent)]",
-        // Shadow stack — light mode
-        "shadow-[inset_0_1px_0_0_oklch(1_0_0/0.08),inset_0_2px_2px_-1px_oklch(0_0_0/0.08),inset_0_4px_4px_-2px_oklch(0_0_0/0.08),0_1px_0_0_oklch(0_0_0/0.12),inset_0_0_0_1px_oklch(0_0_0/0.16)]",
-        // Shadow stack — dark mode
-        "dark:shadow-[inset_0_1px_0_0_oklch(1_0_0/0.1),inset_0_2px_2px_-1px_oklch(0_0_0/0.28),inset_0_4px_4px_-2px_oklch(0_0_0/0.22),0_1px_0_0_oklch(0_0_0/0.36),inset_0_0_0_1px_oklch(1_0_0/0.16)]",
-        // Focus
-        "focus-visible:shadow-[inset_0_1px_0_0_oklch(1_0_0/0.08),inset_0_2px_2px_-1px_oklch(0_0_0/0.04),inset_0_4px_4px_-2px_oklch(0_0_0/0.04),0_0_0_3px_oklch(0_0_0/0.08),inset_0_0_0_1.5px_oklch(0_0_0/0.36)]",
-        "dark:focus-visible:shadow-[inset_0_1px_0_0_oklch(1_0_0/0.12),inset_0_2px_2px_-1px_oklch(0_0_0/0.16),inset_0_4px_4px_-2px_oklch(0_0_0/0.12),0_0_0_3px_oklch(1_0_0/0.08),inset_0_0_0_1.5px_oklch(1_0_0/0.28)]",
-        "transition-shadow duration-150",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-export { ElevatedInput };
-//# sourceMappingURL=chunk-6T5LR34O.mjs.map
-//# sourceMappingURL=chunk-6T5LR34O.mjs.map

package/dist/chunk-6T5LR34O.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/elevated-input.tsx"],"names":[],"mappings":";;;AASO,SAAS,aAAA,CAAc;AAAA,EAC5B,SAAA;AAAA,EACA,IAAA,GAAO,MAAA;AAAA,EACP,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAEG;AACD,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA;AAAA,QAET,4CAAA;AAAA;AAAA,QAEA,+EAAA;AAAA;AAAA,QAEA,UAAA;AAAA;AAAA,QAEA,0CAAA;AAAA;AAAA,QAGA,+DAAA;AAAA,QACA,oEAAA;AAAA;AAAA,QAGA,wLAAA;AAAA;AAAA,QAEA,4LAAA;AAAA;AAAA,QAGA,wMAAA;AAAA,QACA,6MAAA;AAAA,QAEA,gCAAA;AAAA,QACA,iDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-6T5LR34O.mjs","sourcesContent":["import type { InputHTMLAttributes, RefObject } from 'react';\nimport { cn } from '../lib/utils.js';\n\n/**\n * Physically-recessed input: the inverse read of GlossyButton.\n * The illusion is built entirely from `box-shadow` layers (no wrapper div).\n *\n * Server-renderable: no browser APIs are used.\n */\nexport function ElevatedInput({\n  className,\n  type = 'text',\n  ref,\n  ...props\n}: InputHTMLAttributes<HTMLInputElement> & {\n  ref?: RefObject<HTMLInputElement | null>;\n}) {\n  return (\n    <input\n      ref={ref}\n      type={type}\n      className={cn(\n        // Layout & shape\n        'relative w-full overflow-hidden rounded-lg',\n        // Typography\n        'text-(--color-foreground) text-sm placeholder:text-(--color-muted-foreground)',\n        // Sizing\n        'h-9 px-3',\n        // Reset native input chrome\n        'appearance-none border-none outline-none',\n\n        // Background — a barely-there top darkening that reads as cavity depth.\n        'bg-[linear-gradient(to_bottom,oklch(0_0_0/0.04),transparent)]',\n        'dark:bg-[linear-gradient(to_bottom,oklch(1_0_0/0.04),transparent)]',\n\n        // Shadow stack — light mode\n        'shadow-[inset_0_1px_0_0_oklch(1_0_0/0.08),inset_0_2px_2px_-1px_oklch(0_0_0/0.08),inset_0_4px_4px_-2px_oklch(0_0_0/0.08),0_1px_0_0_oklch(0_0_0/0.12),inset_0_0_0_1px_oklch(0_0_0/0.16)]',\n        // Shadow stack — dark mode\n        'dark:shadow-[inset_0_1px_0_0_oklch(1_0_0/0.1),inset_0_2px_2px_-1px_oklch(0_0_0/0.28),inset_0_4px_4px_-2px_oklch(0_0_0/0.22),0_1px_0_0_oklch(0_0_0/0.36),inset_0_0_0_1px_oklch(1_0_0/0.16)]',\n\n        // Focus\n        'focus-visible:shadow-[inset_0_1px_0_0_oklch(1_0_0/0.08),inset_0_2px_2px_-1px_oklch(0_0_0/0.04),inset_0_4px_4px_-2px_oklch(0_0_0/0.04),0_0_0_3px_oklch(0_0_0/0.08),inset_0_0_0_1.5px_oklch(0_0_0/0.36)]',\n        'dark:focus-visible:shadow-[inset_0_1px_0_0_oklch(1_0_0/0.12),inset_0_2px_2px_-1px_oklch(0_0_0/0.16),inset_0_4px_4px_-2px_oklch(0_0_0/0.12),0_0_0_3px_oklch(1_0_0/0.08),inset_0_0_0_1.5px_oklch(1_0_0/0.28)]',\n\n        'transition-shadow duration-150',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"]}

package/dist/chunk-AYLCYDUM.mjs

@@ -1,275 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation-menu.tsx"],"names":["NavigationMenuPrimitive"],"mappings":"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","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

@@ -1,112 +0,0 @@
-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