@mieweb/ui 0.10.0-dev.1 → 0.10.0-dev.3

package/dist/{chunk-5WOB4UBD.js.map → chunk-VKELAMAZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MediaPlayer/MediaPlayer.tsx"],"names":[],"mappings":"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","file":"chunk-5WOB4UBD.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Button } from '../Button';\nimport { useMediaTransport } from '../../hooks/useMediaTransport';\n\n// ============================================================================\n// Types & Interfaces\n// ============================================================================\n\nexport type MediaPlayerState =\n  | 'idle'\n  | 'loading'\n  | 'playing'\n  | 'paused'\n  | 'error';\n\nexport type MediaKind = 'video' | 'audio';\n\n/** Ref handle for controlling {@link MediaPlayer} programmatically. */\nexport interface MediaPlayerRef {\n  /** Seek to a specific time in milliseconds. */\n  seekToMs: (timeMs: number) => void;\n  /** Start playback. */\n  play: () => void;\n  /** Pause playback. */\n  pause: () => void;\n  /** Get current playback time in milliseconds. */\n  getCurrentTimeMs: () => number;\n  /** Get total duration in milliseconds. */\n  getDurationMs: () => number;\n  /** Whether playback is currently paused. */\n  isPaused: () => boolean;\n  /** Set playback speed multiplier. */\n  setPlaybackRate: (rate: number) => void;\n  /**\n   * The underlying media element.\n   * Escape hatch for host integrations (e.g. thumbnail capture); prefer the\n   * typed methods above for playback control.\n   */\n  mediaElement: HTMLVideoElement | HTMLAudioElement | null;\n}\n\nexport interface MediaPlayerProps extends VariantProps<\n  typeof mediaPlayerVariants\n> {\n  /** Media source URL. */\n  src: string;\n  /** Force the media kind; when omitted it is inferred from the src extension. */\n  kind?: MediaKind;\n  /** Whether to show native controls (default `true`). */\n  controls?: boolean;\n  /** Callback when playback state changes. */\n  onStateChange?: (state: MediaPlayerState) => void;\n  /** Callback when playback ends. */\n  onEnded?: () => void;\n  /** Callback when an error occurs. */\n  onError?: (error: Error) => void;\n  /** Callback on time updates (milliseconds). */\n  onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;\n  /** Additional class name. */\n  className?: string;\n  /** Accessible label for the media element. */\n  'aria-label'?: string;\n  /**\n   * Transitional: exposes the raw media element to legacy consumers.\n   * Prefer {@link MediaPlayerRef} for playback control.\n   */\n  mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;\n}\n\n// ============================================================================\n// Variants\n// ============================================================================\n\nconst mediaPlayerVariants = cva(\n  'flex h-full w-full items-center justify-center',\n  {\n    variants: {\n      variant: {\n        plain: '',\n        card: 'rounded-xl border border-border bg-card text-card-foreground p-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'plain',\n    },\n  }\n);\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst VIDEO_EXTENSIONS = /\\.(mp4|mov|avi|webm|mkv|m4v)$/i;\n\n/** Infer media kind from a URL's file extension; defaults to audio. */\nexport function inferMediaKind(src: string): MediaKind {\n  // Strip any query string / fragment before matching. Testing the extension\n  // against the full URL required a trailing `.*`, which backtracks\n  // polynomially on crafted inputs (ReDoS); splitting first is linear.\n  const path = src.split(/[?#]/, 1)[0];\n  return VIDEO_EXTENSIONS.test(path) ? 'video' : 'audio';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Media playback surface for audio and video with a shared imperative handle.\n *\n * Renders a native `<video>` or `<audio>` element (kind inferred from the src\n * extension unless forced) with themed error/retry handling. Playback state and\n * controls come from the shared {@link useMediaTransport} hook and are exposed\n * through {@link MediaPlayerRef} (all times in milliseconds) — consumers should\n * not reach into the DOM element directly.\n */\nexport const MediaPlayer = React.forwardRef<MediaPlayerRef, MediaPlayerProps>(\n  (\n    {\n      src,\n      kind,\n      controls = true,\n      variant,\n      onStateChange,\n      onEnded,\n      onError,\n      onTimeUpdate,\n      className,\n      'aria-label': ariaLabel,\n      mediaElementRef,\n    },\n    ref\n  ) => {\n    const [error, setError] = React.useState<string | null>(null);\n\n    // A failed load must not outlive its src: clearing on change lets a host\n    // swap in a corrected URL without being trapped on the error surface\n    // (which unmounts the media element, so the new src would never load).\n    React.useEffect(() => {\n      setError(null);\n    }, [src]);\n    const resolvedKind = kind ?? inferMediaKind(src);\n\n    const transport = useMediaTransport({\n      onTimeUpdate,\n      onStateChange,\n      onEnded,\n      onError: (err) => {\n        setError('Unable to load media. The server may be unavailable.');\n        onError?.(err);\n      },\n      endedState: 'paused',\n      errorLabel: `media: ${src}`,\n    });\n\n    const { setMediaElement, mediaElement } = transport;\n\n    const setElement = React.useCallback(\n      (el: HTMLVideoElement | HTMLAudioElement | null) => {\n        setMediaElement(el);\n        if (mediaElementRef) {\n          (mediaElementRef as React.MutableRefObject<typeof el>).current = el;\n        }\n      },\n      [setMediaElement, mediaElementRef]\n    );\n\n    React.useImperativeHandle(\n      ref,\n      (): MediaPlayerRef => ({\n        seekToMs: transport.seekToMs,\n        play: transport.play,\n        pause: transport.pause,\n        getCurrentTimeMs: transport.getCurrentTimeMs,\n        getDurationMs: transport.getDurationMs,\n        isPaused: transport.isPaused,\n        setPlaybackRate: transport.setPlaybackRate,\n        get mediaElement() {\n          return mediaElement;\n        },\n      }),\n      [transport, mediaElement]\n    );\n\n    const handleRetry = React.useCallback(() => {\n      setError(null);\n      mediaElement?.load();\n    }, [mediaElement]);\n\n    const sharedMediaProps = {\n      src,\n      controls,\n      'aria-label': ariaLabel,\n    };\n\n    if (error) {\n      return (\n        <div className={mediaPlayerVariants({ variant, className })}>\n          <div\n            role=\"alert\"\n            className=\"border-destructive/30 bg-destructive/10 flex min-h-36 flex-col items-center justify-center gap-3 rounded-lg border p-8 text-center\"\n          >\n            {/* destructive-700/300 instead of the base token: #dc2626 on the\n                destructive/10 tint is 4.14:1 — below WCAG AA (axe: color-contrast). */}\n            <p className=\"text-destructive-700 dark:text-destructive-300 m-0 text-sm\">\n              {error}\n            </p>\n            {/* bg-background: the outline button is transparent, and its text on\n                the destructive/10 tint sits exactly at the 4.5:1 AA boundary. */}\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"bg-background\"\n              onClick={handleRetry}\n            >\n              Retry\n            </Button>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className={mediaPlayerVariants({ variant, className })}>\n        {resolvedKind === 'video' ? (\n          // Generic media surface: caption tracks belong to the consumer's media\n          // resource and are supplied via children, not this transport component.\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <video\n            ref={setElement as React.Ref<HTMLVideoElement>}\n            playsInline\n            className=\"h-auto max-h-full w-auto max-w-full object-contain\"\n            {...sharedMediaProps}\n          />\n        ) : (\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <audio\n            ref={setElement as React.Ref<HTMLAudioElement>}\n            className=\"my-4 w-[90%] max-w-lg\"\n            {...sharedMediaProps}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nMediaPlayer.displayName = 'MediaPlayer';\n\nexport { mediaPlayerVariants };\n"]}
+{"version":3,"sources":["../src/components/MediaPlayer/MediaPlayer.tsx"],"names":[],"mappings":";;;;;;AA2EA,IAAM,mBAAA,GAAsB,GAAA;AAAA,EAC1B,gDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,EAAA;AAAA,QACP,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAMA,IAAM,gBAAA,GAAmB,gCAAA;AAGlB,SAAS,eAAe,GAAA,EAAwB;AAIrD,EAAA,MAAM,OAAO,GAAA,CAAI,KAAA,CAAM,MAAA,EAAQ,CAAC,EAAE,CAAC,CAAA;AACnC,EAAA,OAAO,gBAAA,CAAiB,IAAA,CAAK,IAAI,CAAA,GAAI,OAAA,GAAU,OAAA;AACjD;AAeO,IAAM,WAAA,GAAoB,KAAA,CAAA,UAAA;AAAA,EAC/B,CACE;AAAA,IACE,GAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA,GAAW,IAAA;AAAA,IACX,OAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA,EAAc,SAAA;AAAA,IACd;AAAA,KAEF,GAAA,KACG;AACH,IAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,eAAwB,IAAI,CAAA;AAK5D,IAAM,gBAAU,MAAM;AACpB,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACf,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AACR,IAAA,MAAM,YAAA,GAAe,IAAA,IAAQ,cAAA,CAAe,GAAG,CAAA;AAE/C,IAAA,MAAM,YAAY,iBAAA,CAAkB;AAAA,MAClC,YAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA,EAAS,CAAC,GAAA,KAAQ;AAChB,QAAA,QAAA,CAAS,sDAAsD,CAAA;AAC/D,QAAA,OAAA,GAAU,GAAG,CAAA;AAAA,MACf,CAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,UAAA,EAAY,UAAU,GAAG,CAAA;AAAA,KAC1B,CAAA;AAED,IAAA,MAAM,EAAE,eAAA,EAAiB,YAAA,EAAa,GAAI,SAAA;AAE1C,IAAA,MAAM,UAAA,GAAmB,KAAA,CAAA,WAAA;AAAA,MACvB,CAAC,EAAA,KAAmD;AAClD,QAAA,eAAA,CAAgB,EAAE,CAAA;AAClB,QAAA,IAAI,eAAA,EAAiB;AACnB,UAAC,gBAAsD,OAAA,GAAU,EAAA;AAAA,QACnE;AAAA,MACF,CAAA;AAAA,MACA,CAAC,iBAAiB,eAAe;AAAA,KACnC;AAEA,IAAM,KAAA,CAAA,mBAAA;AAAA,MACJ,GAAA;AAAA,MACA,OAAuB;AAAA,QACrB,UAAU,SAAA,CAAU,QAAA;AAAA,QACpB,MAAM,SAAA,CAAU,IAAA;AAAA,QAChB,OAAO,SAAA,CAAU,KAAA;AAAA,QACjB,kBAAkB,SAAA,CAAU,gBAAA;AAAA,QAC5B,eAAe,SAAA,CAAU,aAAA;AAAA,QACzB,UAAU,SAAA,CAAU,QAAA;AAAA,QACpB,iBAAiB,SAAA,CAAU,eAAA;AAAA,QAC3B,IAAI,YAAA,GAAe;AACjB,UAAA,OAAO,YAAA;AAAA,QACT;AAAA,OACF,CAAA;AAAA,MACA,CAAC,WAAW,YAAY;AAAA,KAC1B;AAEA,IAAA,MAAM,WAAA,GAAoB,kBAAY,MAAM;AAC1C,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA,YAAA,EAAc,IAAA,EAAK;AAAA,IACrB,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,IAAA,MAAM,gBAAA,GAAmB;AAAA,MACvB,GAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA,EAAc;AAAA,KAChB;AAEA,IAAA,IAAI,KAAA,EAAO;AACT,MAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,mBAAA,CAAoB,EAAE,OAAA,EAAS,SAAA,EAAW,CAAA,EACxD,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,OAAA;AAAA,UACL,SAAA,EAAU,oIAAA;AAAA,UAIV,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4DAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,4BAGA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAQ,SAAA;AAAA,gBACR,IAAA,EAAK,IAAA;AAAA,gBACL,SAAA,EAAU,eAAA;AAAA,gBACV,OAAA,EAAS,WAAA;AAAA,gBACV,QAAA,EAAA;AAAA;AAAA;AAED;AAAA;AAAA,OACF,EACF,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,mBAAA,CAAoB,EAAE,OAAA,EAAS,SAAA,EAAW,CAAA,EACvD,QAAA,EAAA,YAAA,KAAiB,OAAA;AAAA;AAAA;AAAA;AAAA,sBAIhB,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,UAAA;AAAA,UACL,WAAA,EAAW,IAAA;AAAA,UACX,SAAA,EAAU,oDAAA;AAAA,UACT,GAAG;AAAA;AAAA;AACN;AAAA;AAAA,sBAGA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,UAAA;AAAA,UACL,SAAA,EAAU,uBAAA;AAAA,UACT,GAAG;AAAA;AAAA;AACN,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-VKELAMAZ.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Button } from '../Button';\nimport { useMediaTransport } from '../../hooks/useMediaTransport';\n\n// ============================================================================\n// Types & Interfaces\n// ============================================================================\n\nexport type MediaPlayerState =\n  | 'idle'\n  | 'loading'\n  | 'playing'\n  | 'paused'\n  | 'error';\n\nexport type MediaKind = 'video' | 'audio';\n\n/** Ref handle for controlling {@link MediaPlayer} programmatically. */\nexport interface MediaPlayerRef {\n  /** Seek to a specific time in milliseconds. */\n  seekToMs: (timeMs: number) => void;\n  /** Start playback. */\n  play: () => void;\n  /** Pause playback. */\n  pause: () => void;\n  /** Get current playback time in milliseconds. */\n  getCurrentTimeMs: () => number;\n  /** Get total duration in milliseconds. */\n  getDurationMs: () => number;\n  /** Whether playback is currently paused. */\n  isPaused: () => boolean;\n  /** Set playback speed multiplier. */\n  setPlaybackRate: (rate: number) => void;\n  /**\n   * The underlying media element.\n   * Escape hatch for host integrations (e.g. thumbnail capture); prefer the\n   * typed methods above for playback control.\n   */\n  mediaElement: HTMLVideoElement | HTMLAudioElement | null;\n}\n\nexport interface MediaPlayerProps extends VariantProps<\n  typeof mediaPlayerVariants\n> {\n  /** Media source URL. */\n  src: string;\n  /** Force the media kind; when omitted it is inferred from the src extension. */\n  kind?: MediaKind;\n  /** Whether to show native controls (default `true`). */\n  controls?: boolean;\n  /** Callback when playback state changes. */\n  onStateChange?: (state: MediaPlayerState) => void;\n  /** Callback when playback ends. */\n  onEnded?: () => void;\n  /** Callback when an error occurs. */\n  onError?: (error: Error) => void;\n  /** Callback on time updates (milliseconds). */\n  onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;\n  /** Additional class name. */\n  className?: string;\n  /** Accessible label for the media element. */\n  'aria-label'?: string;\n  /**\n   * Transitional: exposes the raw media element to legacy consumers.\n   * Prefer {@link MediaPlayerRef} for playback control.\n   */\n  mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;\n}\n\n// ============================================================================\n// Variants\n// ============================================================================\n\nconst mediaPlayerVariants = cva(\n  'flex h-full w-full items-center justify-center',\n  {\n    variants: {\n      variant: {\n        plain: '',\n        card: 'rounded-xl border border-border bg-card text-card-foreground p-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'plain',\n    },\n  }\n);\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst VIDEO_EXTENSIONS = /\\.(mp4|mov|avi|webm|mkv|m4v)$/i;\n\n/** Infer media kind from a URL's file extension; defaults to audio. */\nexport function inferMediaKind(src: string): MediaKind {\n  // Strip any query string / fragment before matching. Testing the extension\n  // against the full URL required a trailing `.*`, which backtracks\n  // polynomially on crafted inputs (ReDoS); splitting first is linear.\n  const path = src.split(/[?#]/, 1)[0];\n  return VIDEO_EXTENSIONS.test(path) ? 'video' : 'audio';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Media playback surface for audio and video with a shared imperative handle.\n *\n * Renders a native `<video>` or `<audio>` element (kind inferred from the src\n * extension unless forced) with themed error/retry handling. Playback state and\n * controls come from the shared {@link useMediaTransport} hook and are exposed\n * through {@link MediaPlayerRef} (all times in milliseconds) — consumers should\n * not reach into the DOM element directly.\n */\nexport const MediaPlayer = React.forwardRef<MediaPlayerRef, MediaPlayerProps>(\n  (\n    {\n      src,\n      kind,\n      controls = true,\n      variant,\n      onStateChange,\n      onEnded,\n      onError,\n      onTimeUpdate,\n      className,\n      'aria-label': ariaLabel,\n      mediaElementRef,\n    },\n    ref\n  ) => {\n    const [error, setError] = React.useState<string | null>(null);\n\n    // A failed load must not outlive its src: clearing on change lets a host\n    // swap in a corrected URL without being trapped on the error surface\n    // (which unmounts the media element, so the new src would never load).\n    React.useEffect(() => {\n      setError(null);\n    }, [src]);\n    const resolvedKind = kind ?? inferMediaKind(src);\n\n    const transport = useMediaTransport({\n      onTimeUpdate,\n      onStateChange,\n      onEnded,\n      onError: (err) => {\n        setError('Unable to load media. The server may be unavailable.');\n        onError?.(err);\n      },\n      endedState: 'paused',\n      errorLabel: `media: ${src}`,\n    });\n\n    const { setMediaElement, mediaElement } = transport;\n\n    const setElement = React.useCallback(\n      (el: HTMLVideoElement | HTMLAudioElement | null) => {\n        setMediaElement(el);\n        if (mediaElementRef) {\n          (mediaElementRef as React.MutableRefObject<typeof el>).current = el;\n        }\n      },\n      [setMediaElement, mediaElementRef]\n    );\n\n    React.useImperativeHandle(\n      ref,\n      (): MediaPlayerRef => ({\n        seekToMs: transport.seekToMs,\n        play: transport.play,\n        pause: transport.pause,\n        getCurrentTimeMs: transport.getCurrentTimeMs,\n        getDurationMs: transport.getDurationMs,\n        isPaused: transport.isPaused,\n        setPlaybackRate: transport.setPlaybackRate,\n        get mediaElement() {\n          return mediaElement;\n        },\n      }),\n      [transport, mediaElement]\n    );\n\n    const handleRetry = React.useCallback(() => {\n      setError(null);\n      mediaElement?.load();\n    }, [mediaElement]);\n\n    const sharedMediaProps = {\n      src,\n      controls,\n      'aria-label': ariaLabel,\n    };\n\n    if (error) {\n      return (\n        <div className={mediaPlayerVariants({ variant, className })}>\n          <div\n            role=\"alert\"\n            className=\"border-destructive/30 bg-destructive/10 flex min-h-36 flex-col items-center justify-center gap-3 rounded-lg border p-8 text-center\"\n          >\n            {/* destructive-700/300 instead of the base token: #dc2626 on the\n                destructive/10 tint is 4.14:1 — below WCAG AA (axe: color-contrast). */}\n            <p className=\"text-destructive-700 dark:text-destructive-300 m-0 text-sm\">\n              {error}\n            </p>\n            {/* bg-background: the outline button is transparent, and its text on\n                the destructive/10 tint sits exactly at the 4.5:1 AA boundary. */}\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"bg-background\"\n              onClick={handleRetry}\n            >\n              Retry\n            </Button>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className={mediaPlayerVariants({ variant, className })}>\n        {resolvedKind === 'video' ? (\n          // Generic media surface: caption tracks belong to the consumer's media\n          // resource and are supplied via children, not this transport component.\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <video\n            ref={setElement as React.Ref<HTMLVideoElement>}\n            playsInline\n            className=\"h-auto max-h-full w-auto max-w-full object-contain\"\n            {...sharedMediaProps}\n          />\n        ) : (\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <audio\n            ref={setElement as React.Ref<HTMLAudioElement>}\n            className=\"my-4 w-[90%] max-w-lg\"\n            {...sharedMediaProps}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nMediaPlayer.displayName = 'MediaPlayer';\n\nexport { mediaPlayerVariants };\n"]}

package/dist/{chunk-IINZWUGK.cjs → chunk-VNYW4C4J.cjs}

@@ -120,12 +120,19 @@ var buttonVariants = classVarianceAuthority.cva(
       fullWidth: {
         true: "w-full",
         false: ""
+      },
+      /** Opt-in hover motion (see src/styles/effects.css). */
+      effect: {
+        none: "",
+        sheen: "mie-fx-sheen hover:-translate-y-0.5",
+        orbit: "mie-fx-orbit hover:-translate-y-0.5"
       }
     },
     defaultVariants: {
       variant: "primary",
       size: "md",
-      fullWidth: false
+      fullWidth: false,
+      effect: "none"
     }
   }
 );
@@ -136,6 +143,7 @@ var Button = React__namespace.forwardRef(
     variant,
     size,
     fullWidth,
+    effect,
     leftIcon,
     rightIcon,
     isLoading,
@@ -174,8 +182,9 @@ var Button = React__namespace.forwardRef(
       {
         "data-slot": "button",
         "data-size": resolvedSize,
+        "data-variant": variant ?? "primary",
         className: chunkS5RVSXDV_cjs.cn(
-          buttonVariants({ variant, size: resolvedSize, fullWidth }),
+          buttonVariants({ variant, size: resolvedSize, fullWidth, effect }),
           className
         ),
         ref: innerRef,
@@ -248,5 +257,5 @@ function LoadingSpinner() {
 
 exports.Button = Button;
 exports.buttonVariants = buttonVariants;
-//# sourceMappingURL=chunk-IINZWUGK.cjs.map
-//# sourceMappingURL=chunk-IINZWUGK.cjs.map
+//# sourceMappingURL=chunk-VNYW4C4J.cjs.map
+//# sourceMappingURL=chunk-VNYW4C4J.cjs.map

package/dist/chunk-VNYW4C4J.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/button-critical.ts","../src/components/Button/Button.tsx"],"names":["cva","React","jsx","cn","jsxs","Fragment"],"mappings":"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","file":"chunk-VNYW4C4J.cjs","sourcesContent":["/**\n * Self-healing structural CSS for Button.\n *\n * Button layout relies on Tailwind utilities (`inline-flex`,\n * `whitespace-nowrap`, ...). Consumer apps with a stale safelist copy or a\n * missing `@source` line never generate those classes, so the button falls\n * back to `inline-block` and the icon stacks above the label.\n *\n * Injecting these rules from the component guarantees every consumer gets\n * correct button structure just by upgrading the library — no app-side\n * changes required.\n *\n * Override safety, by consumer setup:\n * - Tailwind 4: utilities live in `@layer utilities`. The structural rules\n *   below join that same layer, so conflicts resolve by specificity — and\n *   every selector is wrapped in `:where()` (zero specificity), so real\n *   utilities (`hidden`, `gap-0`, ...) always win. (A new layer name can't\n *   be used: layers declared later outrank `utilities`.)\n * - Tailwind 3 / no Tailwind: consumer CSS is unlayered, and unlayered\n *   always beats layered, so the structural rules stay a pure fallback.\n */\n\nconst STYLE_ID = 'mieweb-ui-button-critical';\n\nconst CRITICAL_CSS = [\n  '@layer utilities{',\n  // Structure: keep icon + label on one line (matches the base utilities\n  // inline-flex items-center justify-center gap-2 min-w-0 whitespace-nowrap).\n  `:where(button[data-slot='button']){display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:0.5rem;min-width:0;white-space:nowrap;}`,\n  // Icons and the loading spinner never shrink (matches shrink-0).\n  `:where(button[data-slot='button']) > :where([data-slot='button-icon'],svg){flex-shrink:0;}`,\n  // Label truncates instead of wrapping/overflowing (matches truncate).\n  `:where(button[data-slot='button']) > :where([data-slot='button-label']){min-width:0;overflow:hidden;text-overflow:ellipsis;}`,\n  '}',\n  // Icons passed as children land inside the label span; Tailwind preflight\n  // makes SVGs display:block, which forces line breaks inside the inline\n  // label. Restore inline flow. This rule is deliberately UNLAYERED at\n  // specificity (0,2,2): it must beat Tailwind 3's unlayered preflight\n  // `svg{display:block}` (0,0,1) — layering it would neuter the fix for\n  // exactly the broken-TW3 apps it exists for. It also outranks the\n  // (0,1,1) [&_svg]:inline-block utility on the label, but both declare\n  // the same values, so they never conflict. Known tradeoff:\n  // display utilities on an SVG inside the label slot won't win; consumers\n  // should conditionally render icons instead.\n  `button[data-slot='button'] [data-slot='button-label'] svg{display:inline-block;vertical-align:middle;}`,\n].join('');\n\n/** Injects the critical Button styles once per document. SSR-safe. */\nexport function injectButtonCriticalStyles(): void {\n  if (typeof document === 'undefined') return;\n  if (document.getElementById(STYLE_ID)) return;\n  const style = document.createElement('style');\n  style.id = STYLE_ID;\n  style.textContent = CRITICAL_CSS;\n  document.head.appendChild(style);\n}\n","import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { injectButtonCriticalStyles } from './button-critical';\n\nconst buttonVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center gap-2',\n    'min-w-0 whitespace-nowrap',\n    'font-semibold transition-all duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'active:scale-[0.98]',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          'bg-primary-800 text-white',\n          'hover:bg-primary-900',\n          'active:bg-primary-950',\n        ],\n        secondary: [\n          'bg-neutral-200 text-neutral-900',\n          'hover:bg-neutral-300',\n          'active:bg-neutral-400',\n          'dark:bg-neutral-700 dark:text-neutral-100',\n          'dark:hover:bg-neutral-600',\n          'dark:active:bg-neutral-500',\n        ],\n        ghost: [\n          'bg-transparent text-neutral-600',\n          'hover:bg-neutral-100',\n          'active:bg-neutral-200',\n          'dark:text-neutral-400',\n          'dark:hover:bg-neutral-800',\n          'dark:active:bg-neutral-700',\n        ],\n        outline: [\n          'border-2 border-primary-800 text-primary-800 bg-transparent',\n          'hover:bg-primary-50 hover:text-primary-900',\n          'active:bg-primary-100',\n          'dark:border-primary-400 dark:text-primary-400',\n          'dark:hover:bg-primary-950',\n          'dark:active:bg-primary-900',\n        ],\n        danger: [\n          'bg-red-600 text-white',\n          'hover:bg-red-700',\n          'active:bg-red-800',\n        ],\n        link: [\n          'text-primary-800 underline-offset-4',\n          'hover:underline hover:text-primary-900',\n          'active:text-primary-950',\n          'dark:text-primary-400',\n        ],\n      },\n      size: {\n        sm: 'h-8 px-3 text-sm rounded-md',\n        md: 'h-10 px-4 text-base rounded-lg',\n        lg: 'h-12 px-6 text-lg rounded-xl',\n        icon: 'h-10 w-10 rounded-lg',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n      /** Opt-in hover motion (see src/styles/effects.css). */\n      effect: {\n        none: '',\n        sheen: 'mie-fx-sheen hover:-translate-y-0.5',\n        orbit: 'mie-fx-orbit hover:-translate-y-0.5',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n      fullWidth: false,\n      effect: 'none',\n    },\n  }\n);\n\n/**\n * Label wrapper classes. Icons passed as `children` (rather than\n * leftIcon/rightIcon) land inside this span; preflight makes SVGs\n * display:block which would force line breaks inside the inline span,\n * so restore inline flow for them.\n */\nconst labelClasses = 'truncate [&_svg]:inline-block [&_svg]:align-middle';\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** Optional icon element to render before the button text */\n  leftIcon?: React.ReactElement | null;\n  /** Optional icon element to render after the button text */\n  rightIcon?: React.ReactElement | null;\n  /** Shows a loading spinner and disables the button */\n  isLoading?: boolean;\n  /** Accessible label for the loading state */\n  loadingText?: string;\n}\n\n/**\n * A versatile button component with multiple variants and sizes.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"md\">Click me</Button>\n * <Button variant=\"danger\" leftIcon={<TrashIcon />}>Delete</Button>\n * <Button variant=\"ghost\" isLoading loadingText=\"Saving...\">Save</Button>\n * <Button effect=\"sheen\">Request a demo</Button>\n * <Button variant=\"outline\" effect=\"orbit\">Watch the film</Button>\n * ```\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      fullWidth,\n      effect,\n      leftIcon,\n      rightIcon,\n      isLoading,\n      loadingText,\n      disabled,\n      children,\n      title,\n      ...props\n    },\n    ref\n  ) => {\n    const resolvedSize = size ?? 'md';\n    const labelRef = React.useRef<HTMLSpanElement>(null);\n    const innerRef = React.useRef<HTMLButtonElement>(null);\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLButtonElement);\n\n    // Guarantees correct icon/label layout even when the consumer's Tailwind\n    // build is missing our utility classes. See button-critical.ts.\n    React.useInsertionEffect(() => {\n      injectButtonCriticalStyles();\n    }, []);\n\n    // When the label truncates, expose the full text as a native tooltip.\n    // A consumer-provided `title` always takes precedence.\n    React.useLayoutEffect(() => {\n      const label = labelRef.current;\n      const button = innerRef.current;\n      if (!label || !button || title !== undefined) return;\n\n      const update = () => {\n        if (label.scrollWidth > label.clientWidth) {\n          button.title = label.textContent ?? '';\n        } else {\n          button.removeAttribute('title');\n        }\n      };\n\n      update();\n      if (typeof globalThis.ResizeObserver === 'undefined') return;\n      const observer = new globalThis.ResizeObserver(update);\n      observer.observe(label);\n      return () => observer.disconnect();\n    }, [title, children, isLoading, loadingText]);\n\n    return (\n      <button\n        data-slot=\"button\"\n        data-size={resolvedSize}\n        data-variant={variant ?? 'primary'}\n        className={cn(\n          buttonVariants({ variant, size: resolvedSize, fullWidth, effect }),\n          className\n        )}\n        ref={innerRef}\n        disabled={disabled || isLoading}\n        aria-busy={isLoading}\n        title={title}\n        {...props}\n      >\n        {isLoading ? (\n          <>\n            <LoadingSpinner />\n            <span\n              ref={labelRef}\n              data-slot=\"button-label\"\n              className={labelClasses}\n            >\n              {loadingText || children}\n            </span>\n          </>\n        ) : (\n          <>\n            {React.isValidElement(leftIcon) && (\n              <span data-slot=\"button-icon\" className=\"shrink-0\">\n                {leftIcon}\n              </span>\n            )}\n            <span\n              ref={labelRef}\n              data-slot=\"button-label\"\n              className={labelClasses}\n            >\n              {children}\n            </span>\n            {React.isValidElement(rightIcon) && (\n              <span data-slot=\"button-icon\" className=\"shrink-0\">\n                {rightIcon}\n              </span>\n            )}\n          </>\n        )}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n\n/**\n * Simple loading spinner for the button\n */\nfunction LoadingSpinner() {\n  return (\n    <svg\n      className=\"h-4 w-4 shrink-0 animate-spin\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n  );\n}\n\nexport { Button, buttonVariants };\n"]}

package/dist/{chunk-RD3JDFYJ.js → chunk-VOKVG3ER.js}

@@ -1,5 +1,5 @@
-import { Modal, ModalBody, ModalFooter } from './chunk-WUBMDOTG.js';
-import { Button } from './chunk-KREUYVMZ.js';
+import { Modal, ModalBody, ModalFooter } from './chunk-5JJ2DAE4.js';
+import { Button } from './chunk-GOALNQZ2.js';
 import { cn } from './chunk-TQONQSJO.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -74,5 +74,5 @@ function AlertDialog({
 AlertDialog.displayName = "AlertDialog";
 
 export { AlertDialog };
-//# sourceMappingURL=chunk-RD3JDFYJ.js.map
-//# sourceMappingURL=chunk-RD3JDFYJ.js.map
+//# sourceMappingURL=chunk-VOKVG3ER.js.map
+//# sourceMappingURL=chunk-VOKVG3ER.js.map

package/dist/{chunk-RD3JDFYJ.js.map → chunk-VOKVG3ER.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":";;;;;AAqDA,SAAS,WAAA,CAAY;AAAA,EACnB,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,WAAA,GAAc,UAAA;AAAA,EACd,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,cAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,QAAA,IAAW;AACX,IAAA,YAAA,CAAa,KAAK,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,QAAA,IAAW;AAAA,EACb,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MACL,mBAAA,EAAqB,KAAA;AAAA,MACrB,aAAA,EAAe,KAAA;AAAA,MACf,SAAA;AAAA,MACA,YAAA,EAAY,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,MAAA;AAAA,MAEhD,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,SAAA,EAAA,EAAU,WAAU,WAAA,EACnB,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,oBAAA;AAAA,cACV,SAAA,EAAU,sCAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UACC,WAAA,oBACC,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,0BAAA;AAAA,cACV,SAAA,EAAW,GAAG,oCAAoC,CAAA;AAAA,cAEjD,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UAED;AAAA,SAAA,EACH,CAAA;AAAA,6BACC,WAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,CAAC,8BACA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAQ,WAAA,EAAY,OAAA,EAAS,cAClC,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAS,OAAA,KAAY,aAAA,GAAgB,QAAA,GAAW,SAAA;AAAA,cAChD,OAAA,EAAS,YAAA;AAAA,cACT,QAAA,EAAU,cAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA;AACH,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-RD3JDFYJ.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Modal, ModalBody, ModalFooter, type ModalProps } from '../Modal';\nimport { Button } from '../Button';\n\nexport interface AlertDialogProps extends Pick<\n  ModalProps,\n  'open' | 'onOpenChange'\n> {\n  /** Dialog title */\n  title: React.ReactNode;\n  /** Optional descriptive body text */\n  description?: React.ReactNode;\n  /** Custom body content (rendered below the description) */\n  children?: React.ReactNode;\n  /** Label for the cancel button (default \"Cancel\") */\n  cancelLabel?: React.ReactNode;\n  /** Label for the confirm/action button (default \"Continue\") */\n  actionLabel?: React.ReactNode;\n  /** Called when the action button is clicked */\n  onAction?: () => void;\n  /** Called when the cancel button is clicked */\n  onCancel?: () => void;\n  /** Visual emphasis for the action button */\n  variant?: 'default' | 'destructive';\n  /** Disables the action button */\n  actionDisabled?: boolean;\n  /** Hides the cancel button */\n  hideCancel?: boolean;\n  /** Additional class name for the dialog content */\n  className?: string;\n}\n\n/**\n * A modal dialog that interrupts the user with important content and expects\n * a response. Built on top of {@link Modal}.\n *\n * Unlike a regular Modal, it does not close on overlay click or Escape by\n * default — the user must explicitly choose an action.\n *\n * @example\n * ```tsx\n * <AlertDialog\n *   open={open}\n *   onOpenChange={setOpen}\n *   title=\"Delete case?\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   actionLabel=\"Delete\"\n *   onAction={handleDelete}\n * />\n * ```\n */\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  cancelLabel = 'Cancel',\n  actionLabel = 'Continue',\n  onAction,\n  onCancel,\n  variant = 'default',\n  actionDisabled,\n  hideCancel,\n  className,\n}: AlertDialogProps) {\n  const handleCancel = () => {\n    onCancel?.();\n    onOpenChange(false);\n  };\n\n  const handleAction = () => {\n    onAction?.();\n  };\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={onOpenChange}\n      size=\"sm\"\n      closeOnOverlayClick={false}\n      closeOnEscape={false}\n      className={className}\n      aria-label={typeof title === 'string' ? title : undefined}\n    >\n      <ModalBody className=\"px-6 py-5\">\n        <h2\n          data-slot=\"alert-dialog-title\"\n          className=\"text-lg font-semibold tracking-tight\"\n        >\n          {title}\n        </h2>\n        {description && (\n          <p\n            data-slot=\"alert-dialog-description\"\n            className={cn('text-muted-foreground mt-2 text-sm')}\n          >\n            {description}\n          </p>\n        )}\n        {children}\n      </ModalBody>\n      <ModalFooter>\n        {!hideCancel && (\n          <Button variant=\"secondary\" onClick={handleCancel}>\n            {cancelLabel}\n          </Button>\n        )}\n        <Button\n          variant={variant === 'destructive' ? 'danger' : 'primary'}\n          onClick={handleAction}\n          disabled={actionDisabled}\n        >\n          {actionLabel}\n        </Button>\n      </ModalFooter>\n    </Modal>\n  );\n}\n\nAlertDialog.displayName = 'AlertDialog';\n\nexport { AlertDialog };\n"]}
+{"version":3,"sources":["../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":";;;;;AAqDA,SAAS,WAAA,CAAY;AAAA,EACnB,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,WAAA,GAAc,UAAA;AAAA,EACd,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,cAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,QAAA,IAAW;AACX,IAAA,YAAA,CAAa,KAAK,CAAA;AAAA,EACpB,CAAA;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,QAAA,IAAW;AAAA,EACb,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MACL,mBAAA,EAAqB,KAAA;AAAA,MACrB,aAAA,EAAe,KAAA;AAAA,MACf,SAAA;AAAA,MACA,YAAA,EAAY,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQ,MAAA;AAAA,MAEhD,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,SAAA,EAAA,EAAU,WAAU,WAAA,EACnB,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,oBAAA;AAAA,cACV,SAAA,EAAU,sCAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UACC,WAAA,oBACC,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,0BAAA;AAAA,cACV,SAAA,EAAW,GAAG,oCAAoC,CAAA;AAAA,cAEjD,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UAED;AAAA,SAAA,EACH,CAAA;AAAA,6BACC,WAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,CAAC,8BACA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAQ,WAAA,EAAY,OAAA,EAAS,cAClC,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAS,OAAA,KAAY,aAAA,GAAgB,QAAA,GAAW,SAAA;AAAA,cAChD,OAAA,EAAS,YAAA;AAAA,cACT,QAAA,EAAU,cAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA;AACH,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"chunk-VOKVG3ER.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Modal, ModalBody, ModalFooter, type ModalProps } from '../Modal';\nimport { Button } from '../Button';\n\nexport interface AlertDialogProps extends Pick<\n  ModalProps,\n  'open' | 'onOpenChange'\n> {\n  /** Dialog title */\n  title: React.ReactNode;\n  /** Optional descriptive body text */\n  description?: React.ReactNode;\n  /** Custom body content (rendered below the description) */\n  children?: React.ReactNode;\n  /** Label for the cancel button (default \"Cancel\") */\n  cancelLabel?: React.ReactNode;\n  /** Label for the confirm/action button (default \"Continue\") */\n  actionLabel?: React.ReactNode;\n  /** Called when the action button is clicked */\n  onAction?: () => void;\n  /** Called when the cancel button is clicked */\n  onCancel?: () => void;\n  /** Visual emphasis for the action button */\n  variant?: 'default' | 'destructive';\n  /** Disables the action button */\n  actionDisabled?: boolean;\n  /** Hides the cancel button */\n  hideCancel?: boolean;\n  /** Additional class name for the dialog content */\n  className?: string;\n}\n\n/**\n * A modal dialog that interrupts the user with important content and expects\n * a response. Built on top of {@link Modal}.\n *\n * Unlike a regular Modal, it does not close on overlay click or Escape by\n * default — the user must explicitly choose an action.\n *\n * @example\n * ```tsx\n * <AlertDialog\n *   open={open}\n *   onOpenChange={setOpen}\n *   title=\"Delete case?\"\n *   description=\"This action cannot be undone.\"\n *   variant=\"destructive\"\n *   actionLabel=\"Delete\"\n *   onAction={handleDelete}\n * />\n * ```\n */\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  cancelLabel = 'Cancel',\n  actionLabel = 'Continue',\n  onAction,\n  onCancel,\n  variant = 'default',\n  actionDisabled,\n  hideCancel,\n  className,\n}: AlertDialogProps) {\n  const handleCancel = () => {\n    onCancel?.();\n    onOpenChange(false);\n  };\n\n  const handleAction = () => {\n    onAction?.();\n  };\n\n  return (\n    <Modal\n      open={open}\n      onOpenChange={onOpenChange}\n      size=\"sm\"\n      closeOnOverlayClick={false}\n      closeOnEscape={false}\n      className={className}\n      aria-label={typeof title === 'string' ? title : undefined}\n    >\n      <ModalBody className=\"px-6 py-5\">\n        <h2\n          data-slot=\"alert-dialog-title\"\n          className=\"text-lg font-semibold tracking-tight\"\n        >\n          {title}\n        </h2>\n        {description && (\n          <p\n            data-slot=\"alert-dialog-description\"\n            className={cn('text-muted-foreground mt-2 text-sm')}\n          >\n            {description}\n          </p>\n        )}\n        {children}\n      </ModalBody>\n      <ModalFooter>\n        {!hideCancel && (\n          <Button variant=\"secondary\" onClick={handleCancel}>\n            {cancelLabel}\n          </Button>\n        )}\n        <Button\n          variant={variant === 'destructive' ? 'danger' : 'primary'}\n          onClick={handleAction}\n          disabled={actionDisabled}\n        >\n          {actionLabel}\n        </Button>\n      </ModalFooter>\n    </Modal>\n  );\n}\n\nAlertDialog.displayName = 'AlertDialog';\n\nexport { AlertDialog };\n"]}

package/dist/{chunk-37UZHCLM.cjs → chunk-VPWJCJCX.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
+var chunk6HFFWEM3_cjs = require('./chunk-6HFFWEM3.cjs');
 var chunkNV2CWBI2_cjs = require('./chunk-NV2CWBI2.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
-var chunk6HFFWEM3_cjs = require('./chunk-6HFFWEM3.cjs');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -147,5 +147,5 @@ CollapsibleContent.displayName = "CollapsibleContent";
 exports.Collapsible = Collapsible;
 exports.CollapsibleContent = CollapsibleContent;
 exports.CollapsibleTrigger = CollapsibleTrigger;
-//# sourceMappingURL=chunk-37UZHCLM.cjs.map
-//# sourceMappingURL=chunk-37UZHCLM.cjs.map
+//# sourceMappingURL=chunk-VPWJCJCX.cjs.map
+//# sourceMappingURL=chunk-VPWJCJCX.cjs.map

package/dist/{chunk-37UZHCLM.cjs.map → chunk-VPWJCJCX.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Collapsible/Collapsible.tsx"],"names":["React","jsx","cn","usePrefersReducedMotion","AnimatedPresence","Animated"],"mappings":"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","file":"chunk-37UZHCLM.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Animated, AnimatedPresence } from '../../motion';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\ninterface CollapsibleContextValue {\n  open: boolean;\n  toggle: () => void;\n  disabled?: boolean;\n  contentId: string;\n  triggerId: string;\n}\n\nconst CollapsibleContext = React.createContext<CollapsibleContextValue | null>(\n  null\n);\n\nfunction useCollapsibleContext(component: string): CollapsibleContextValue {\n  const ctx = React.useContext(CollapsibleContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within a <Collapsible>`);\n  }\n  return ctx;\n}\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Controlled open state */\n  open?: boolean;\n  /** Default open state (uncontrolled) */\n  defaultOpen?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Disables toggling */\n  disabled?: boolean;\n}\n\n/**\n * An interactive component that expands and collapses its content.\n *\n * @example\n * ```tsx\n * <Collapsible>\n *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n *   <CollapsibleContent>Hidden content</CollapsibleContent>\n * </Collapsible>\n * ```\n */\nconst Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(\n  (\n    {\n      className,\n      open: controlledOpen,\n      defaultOpen = false,\n      onOpenChange,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n    const generatedId = React.useId();\n\n    const isControlled = controlledOpen !== undefined;\n    const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n    const toggle = React.useCallback(() => {\n      if (disabled) return;\n      const next = !open;\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    }, [disabled, open, isControlled, onOpenChange]);\n\n    const value = React.useMemo<CollapsibleContextValue>(\n      () => ({\n        open,\n        toggle,\n        disabled,\n        contentId: `${generatedId}-content`,\n        triggerId: `${generatedId}-trigger`,\n      }),\n      [open, toggle, disabled, generatedId]\n    );\n\n    return (\n      <CollapsibleContext.Provider value={value}>\n        <div\n          ref={ref}\n          data-slot=\"collapsible\"\n          data-state={open ? 'open' : 'closed'}\n          className={cn(className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </CollapsibleContext.Provider>\n    );\n  }\n);\n\nCollapsible.displayName = 'Collapsible';\n\nexport type CollapsibleTriggerProps =\n  React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst CollapsibleTrigger = React.forwardRef<\n  HTMLButtonElement,\n  CollapsibleTriggerProps\n>(({ className, onClick, children, ...props }, ref) => {\n  const { open, toggle, disabled, contentId, triggerId } =\n    useCollapsibleContext('CollapsibleTrigger');\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      id={triggerId}\n      data-slot=\"collapsible-trigger\"\n      aria-expanded={open}\n      aria-controls={contentId}\n      data-state={open ? 'open' : 'closed'}\n      disabled={disabled}\n      onClick={(e) => {\n        toggle();\n        onClick?.(e);\n      }}\n      className={cn(className)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n});\n\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\n\nexport interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Keep content mounted when collapsed (hidden via CSS) */\n  forceMount?: boolean;\n}\n\nconst CollapsibleContent = React.forwardRef<\n  HTMLDivElement,\n  CollapsibleContentProps\n>(({ className, forceMount, children, ...props }, ref) => {\n  const { open, contentId, triggerId } =\n    useCollapsibleContext('CollapsibleContent');\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const sharedProps = {\n    id: contentId,\n    role: 'region' as const,\n    'aria-labelledby': triggerId,\n    'data-slot': 'collapsible-content',\n    'data-state': open ? ('open' as const) : ('closed' as const),\n  };\n\n  /*\n   * `forceMount` keeps the old instant behaviour, deliberately.\n   *\n   * It exists so consumers can keep collapsed content in the DOM, and it relies\n   * on `hidden` to keep that content out of the tab order and the accessibility\n   * tree. `hidden` is `display: none`, which an animated height cannot run\n   * through — and dropping it for the duration would leave keyboard users able\n   * to tab into content that is visually collapsed. Sequencing `hidden` around\n   * the animation is the real fix; until then, not animating is the safe\n   * answer, and the default (unmounting) path below covers the common case.\n   */\n  if (forceMount) {\n    return (\n      <div\n        ref={ref}\n        {...sharedProps}\n        hidden={!open}\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <AnimatedPresence initial={false}>\n      {open && (\n        <Animated\n          key=\"collapsible-content\"\n          ref={ref as React.Ref<HTMLElement>}\n          preset=\"collapse\"\n          mode=\"presence\"\n          // `collapse` animates height, which `MotionConfig reducedMotion=\"user\"`\n          // does not treat as a transform or layout animation and so leaves\n          // running. Honouring the preference is the component's job here.\n          enabled={!prefersReducedMotion}\n          {...sharedProps}\n          // Content must be clipped or it spills past the box while the height\n          // is still travelling.\n          className={cn('overflow-hidden', className)}\n          {...props}\n        >\n          {children}\n        </Animated>\n      )}\n    </AnimatedPresence>\n  );\n});\n\nCollapsibleContent.displayName = 'CollapsibleContent';\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"]}
+{"version":3,"sources":["../src/components/Collapsible/Collapsible.tsx"],"names":["React","jsx","cn","usePrefersReducedMotion","AnimatedPresence","Animated"],"mappings":"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","file":"chunk-VPWJCJCX.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Animated, AnimatedPresence } from '../../motion';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\ninterface CollapsibleContextValue {\n  open: boolean;\n  toggle: () => void;\n  disabled?: boolean;\n  contentId: string;\n  triggerId: string;\n}\n\nconst CollapsibleContext = React.createContext<CollapsibleContextValue | null>(\n  null\n);\n\nfunction useCollapsibleContext(component: string): CollapsibleContextValue {\n  const ctx = React.useContext(CollapsibleContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within a <Collapsible>`);\n  }\n  return ctx;\n}\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Controlled open state */\n  open?: boolean;\n  /** Default open state (uncontrolled) */\n  defaultOpen?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Disables toggling */\n  disabled?: boolean;\n}\n\n/**\n * An interactive component that expands and collapses its content.\n *\n * @example\n * ```tsx\n * <Collapsible>\n *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n *   <CollapsibleContent>Hidden content</CollapsibleContent>\n * </Collapsible>\n * ```\n */\nconst Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(\n  (\n    {\n      className,\n      open: controlledOpen,\n      defaultOpen = false,\n      onOpenChange,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n    const generatedId = React.useId();\n\n    const isControlled = controlledOpen !== undefined;\n    const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n    const toggle = React.useCallback(() => {\n      if (disabled) return;\n      const next = !open;\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    }, [disabled, open, isControlled, onOpenChange]);\n\n    const value = React.useMemo<CollapsibleContextValue>(\n      () => ({\n        open,\n        toggle,\n        disabled,\n        contentId: `${generatedId}-content`,\n        triggerId: `${generatedId}-trigger`,\n      }),\n      [open, toggle, disabled, generatedId]\n    );\n\n    return (\n      <CollapsibleContext.Provider value={value}>\n        <div\n          ref={ref}\n          data-slot=\"collapsible\"\n          data-state={open ? 'open' : 'closed'}\n          className={cn(className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </CollapsibleContext.Provider>\n    );\n  }\n);\n\nCollapsible.displayName = 'Collapsible';\n\nexport type CollapsibleTriggerProps =\n  React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst CollapsibleTrigger = React.forwardRef<\n  HTMLButtonElement,\n  CollapsibleTriggerProps\n>(({ className, onClick, children, ...props }, ref) => {\n  const { open, toggle, disabled, contentId, triggerId } =\n    useCollapsibleContext('CollapsibleTrigger');\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      id={triggerId}\n      data-slot=\"collapsible-trigger\"\n      aria-expanded={open}\n      aria-controls={contentId}\n      data-state={open ? 'open' : 'closed'}\n      disabled={disabled}\n      onClick={(e) => {\n        toggle();\n        onClick?.(e);\n      }}\n      className={cn(className)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n});\n\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\n\nexport interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Keep content mounted when collapsed (hidden via CSS) */\n  forceMount?: boolean;\n}\n\nconst CollapsibleContent = React.forwardRef<\n  HTMLDivElement,\n  CollapsibleContentProps\n>(({ className, forceMount, children, ...props }, ref) => {\n  const { open, contentId, triggerId } =\n    useCollapsibleContext('CollapsibleContent');\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const sharedProps = {\n    id: contentId,\n    role: 'region' as const,\n    'aria-labelledby': triggerId,\n    'data-slot': 'collapsible-content',\n    'data-state': open ? ('open' as const) : ('closed' as const),\n  };\n\n  /*\n   * `forceMount` keeps the old instant behaviour, deliberately.\n   *\n   * It exists so consumers can keep collapsed content in the DOM, and it relies\n   * on `hidden` to keep that content out of the tab order and the accessibility\n   * tree. `hidden` is `display: none`, which an animated height cannot run\n   * through — and dropping it for the duration would leave keyboard users able\n   * to tab into content that is visually collapsed. Sequencing `hidden` around\n   * the animation is the real fix; until then, not animating is the safe\n   * answer, and the default (unmounting) path below covers the common case.\n   */\n  if (forceMount) {\n    return (\n      <div\n        ref={ref}\n        {...sharedProps}\n        hidden={!open}\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <AnimatedPresence initial={false}>\n      {open && (\n        <Animated\n          key=\"collapsible-content\"\n          ref={ref as React.Ref<HTMLElement>}\n          preset=\"collapse\"\n          mode=\"presence\"\n          // `collapse` animates height, which `MotionConfig reducedMotion=\"user\"`\n          // does not treat as a transform or layout animation and so leaves\n          // running. Honouring the preference is the component's job here.\n          enabled={!prefersReducedMotion}\n          {...sharedProps}\n          // Content must be clipped or it spills past the box while the height\n          // is still travelling.\n          className={cn('overflow-hidden', className)}\n          {...props}\n        >\n          {children}\n        </Animated>\n      )}\n    </AnimatedPresence>\n  );\n});\n\nCollapsibleContent.displayName = 'CollapsibleContent';\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"]}

package/dist/{chunk-3RB35GYK.js → chunk-VU6UTJRM.js}

@@ -1,6 +1,6 @@
-import { buttonVariants } from './chunk-KREUYVMZ.js';
-import { cn } from './chunk-TQONQSJO.js';
 import { useScrollSpy } from './chunk-WBGUYSWY.js';
+import { buttonVariants } from './chunk-GOALNQZ2.js';
+import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { ArrowDown, ArrowRight, ArrowUpRight } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -138,5 +138,5 @@ function SectionSpyNav({
 }
 
 export { SectionSpyNav };
-//# sourceMappingURL=chunk-3RB35GYK.js.map
-//# sourceMappingURL=chunk-3RB35GYK.js.map
+//# sourceMappingURL=chunk-VU6UTJRM.js.map
+//# sourceMappingURL=chunk-VU6UTJRM.js.map

package/dist/{chunk-3RB35GYK.js.map → chunk-VU6UTJRM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SectionSpyNav/SectionSpyNav.tsx"],"names":[],"mappings":"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","file":"chunk-3RB35GYK.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowRight, ArrowUpRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useScrollSpy } from '../../hooks/useScrollSpy';\nimport { buttonVariants } from '../Button';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** One section the nav links to. The id must match a `section[id]` on the page. */\nexport interface SectionSpyItem {\n  id: string;\n  label: string;\n}\n\n/**\n * Funnel intent for the bar's single contextual CTA — drives its visual\n * weight so the in-page strip never out-shouts a page's primary CTA:\n * `explore` (quiet next step) → `evaluate` (sales-ready ask) → `commit`\n * (high-intent action).\n */\nexport type SectionSpyCtaTier = 'explore' | 'evaluate' | 'commit';\n\nexport interface SectionSpyCta {\n  label: string;\n  href: string;\n  tier?: SectionSpyCtaTier;\n}\n\nexport interface SectionSpyNavProps {\n  /** Sections to link to, in page order. */\n  items: SectionSpyItem[];\n  /** Optional single page-specific next-step CTA at the end of the bar. */\n  cta?: SectionSpyCta;\n  /** Eyebrow before the links (default \"On this page\"). */\n  label?: string;\n  /**\n   * Visual tone: `surface` sits on the page background; `brand` renders the\n   * inverted primary band.\n   */\n  tone?: 'surface' | 'brand';\n  /** IntersectionObserver root margin tuning for the scroll spy. */\n  rootMargin?: string;\n  /** Called with the section id when a nav link is clicked. */\n  onItemClick?: (id: string) => void;\n  /** Called when the CTA is clicked (e.g. for analytics). */\n  onCtaClick?: (cta: SectionSpyCta) => void;\n  className?: string;\n}\n\n// =============================================================================\n// Internals\n// =============================================================================\n\n/** Directional glyph inferred from the destination. */\nfunction CtaArrow({ href }: { href: string }) {\n  const Icon = href.startsWith('#')\n    ? ArrowDown\n    : href.startsWith('/')\n      ? ArrowRight\n      : ArrowUpRight;\n  // rtl:-scale-x-100 mirrors ArrowRight and ArrowUpRight for RTL reading\n  // direction; ArrowDown is horizontally symmetric so the flip is a no-op.\n  return <Icon aria-hidden=\"true\" className=\"h-3.5 w-3.5 rtl:-scale-x-100\" />;\n}\n\nconst CTA_TIER_VARIANT = {\n  explore: 'ghost',\n  evaluate: 'outline',\n  commit: 'primary',\n} as const;\n\n// =============================================================================\n// SectionSpyNav\n// =============================================================================\n\n/**\n * Sticky horizontal in-page wayfinding: jumps between a page's major\n * sections, highlights the one in view with a sliding underline, and can\n * carry a single page-specific next-step CTA. Pure anchor links, so it\n * still works if the scroll spy never runs.\n *\n * The horizontal complement to `TableOfContents` — use that for a sidebar\n * outline, this for a band under the page header. Section elements need\n * matching `id`s.\n *\n * @example\n * ```tsx\n * <SectionSpyNav\n *   items={[\n *     { id: 'overview', label: 'Overview' },\n *     { id: 'pricing', label: 'Pricing' },\n *   ]}\n *   cta={{ label: 'Book a demo', href: '/demo', tier: 'evaluate' }}\n * />\n * ```\n */\nexport function SectionSpyNav({\n  items,\n  cta,\n  label = 'On this page',\n  tone = 'surface',\n  rootMargin = '-22% 0px -68% 0px',\n  onItemClick,\n  onCtaClick,\n  className,\n}: SectionSpyNavProps) {\n  const ids = React.useMemo(() => items.map((it) => it.id), [items]);\n  const { activeId } = useScrollSpy({ ids, rootMargin });\n  const active = activeId ?? items[0]?.id ?? '';\n\n  const railRef = React.useRef<HTMLDivElement>(null);\n  const markRef = React.useRef<HTMLSpanElement>(null);\n\n  // Find the active link by dataset rather than a CSS selector, so ids\n  // never need escaping and CSS.escape availability doesn't matter.\n  const findActiveLink = React.useCallback((): HTMLAnchorElement | null => {\n    const links = railRef.current?.querySelectorAll<HTMLAnchorElement>('a');\n    if (!links) return null;\n    for (const link of links) {\n      if (link.dataset.id === active) return link;\n    }\n    return null;\n  }, [active]);\n\n  // Slide the underline beneath the active link. offsetLeft/offsetWidth are\n  // physical and measured against the rail, so the marker tracks the link\n  // in both directions and while the rail is scrolled horizontally.\n  const syncMarker = React.useCallback(() => {\n    const link = findActiveLink();\n    const mark = markRef.current;\n    if (!link || !mark) return;\n    mark.style.left = `${link.offsetLeft}px`;\n    mark.style.width = `${link.offsetWidth}px`;\n  }, [findActiveLink]);\n\n  React.useEffect(() => {\n    const link = findActiveLink();\n    link?.scrollIntoView?.({ inline: 'center', block: 'nearest' });\n    syncMarker();\n  }, [findActiveLink, syncMarker]);\n\n  React.useEffect(() => {\n    window.addEventListener('resize', syncMarker);\n    return () => window.removeEventListener('resize', syncMarker);\n  }, [syncMarker]);\n\n  const brand = tone === 'brand';\n\n  return (\n    <nav\n      className={cn(\n        'sticky top-0 z-30 w-full',\n        brand\n          ? 'bg-primary-900 text-white'\n          : 'border-border bg-card/95 border-b backdrop-blur',\n        className\n      )}\n      aria-label={label}\n    >\n      <div className=\"flex items-center gap-4 px-4 py-0.5\">\n        <span\n          className={cn(\n            'shrink-0 text-[11px] font-semibold tracking-wide uppercase max-md:hidden',\n            brand ? 'text-white/85' : 'text-muted-foreground'\n          )}\n          aria-hidden=\"true\"\n        >\n          {label}\n        </span>\n        <div\n          ref={railRef}\n          className=\"relative flex min-w-0 flex-1 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n        >\n          {items.map((it) => {\n            const isActive = active === it.id;\n            return (\n              <a\n                key={it.id}\n                href={`#${it.id}`}\n                data-id={it.id}\n                onClick={() => onItemClick?.(it.id)}\n                className={cn(\n                  'shrink-0 rounded px-2.5 py-2 text-sm whitespace-nowrap transition-colors',\n                  brand\n                    ? isActive\n                      ? 'font-semibold text-white'\n                      : 'text-white/85 hover:text-white'\n                    : isActive\n                      ? 'text-foreground font-semibold'\n                      : 'text-muted-foreground hover:text-foreground'\n                )}\n                aria-current={isActive ? 'location' : undefined}\n              >\n                {it.label}\n              </a>\n            );\n          })}\n          <span\n            ref={markRef}\n            className={cn(\n              'absolute bottom-0 h-0.5 rounded-full transition-[left,width] duration-300',\n              brand ? 'bg-primary-400' : 'bg-primary-500'\n            )}\n            aria-hidden=\"true\"\n          />\n        </div>\n        {cta && (\n          <a\n            href={cta.href}\n            onClick={() => onCtaClick?.(cta)}\n            className={cn(\n              buttonVariants({\n                variant: CTA_TIER_VARIANT[cta.tier ?? 'explore'],\n                size: 'sm',\n              }),\n              'shrink-0',\n              brand &&\n                (cta.tier ?? 'explore') !== 'commit' &&\n                'text-white hover:bg-white/10 hover:text-white'\n            )}\n          >\n            {cta.label}\n            <CtaArrow href={cta.href} />\n          </a>\n        )}\n      </div>\n    </nav>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/SectionSpyNav/SectionSpyNav.tsx"],"names":[],"mappings":"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","file":"chunk-VU6UTJRM.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowRight, ArrowUpRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useScrollSpy } from '../../hooks/useScrollSpy';\nimport { buttonVariants } from '../Button';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** One section the nav links to. The id must match a `section[id]` on the page. */\nexport interface SectionSpyItem {\n  id: string;\n  label: string;\n}\n\n/**\n * Funnel intent for the bar's single contextual CTA — drives its visual\n * weight so the in-page strip never out-shouts a page's primary CTA:\n * `explore` (quiet next step) → `evaluate` (sales-ready ask) → `commit`\n * (high-intent action).\n */\nexport type SectionSpyCtaTier = 'explore' | 'evaluate' | 'commit';\n\nexport interface SectionSpyCta {\n  label: string;\n  href: string;\n  tier?: SectionSpyCtaTier;\n}\n\nexport interface SectionSpyNavProps {\n  /** Sections to link to, in page order. */\n  items: SectionSpyItem[];\n  /** Optional single page-specific next-step CTA at the end of the bar. */\n  cta?: SectionSpyCta;\n  /** Eyebrow before the links (default \"On this page\"). */\n  label?: string;\n  /**\n   * Visual tone: `surface` sits on the page background; `brand` renders the\n   * inverted primary band.\n   */\n  tone?: 'surface' | 'brand';\n  /** IntersectionObserver root margin tuning for the scroll spy. */\n  rootMargin?: string;\n  /** Called with the section id when a nav link is clicked. */\n  onItemClick?: (id: string) => void;\n  /** Called when the CTA is clicked (e.g. for analytics). */\n  onCtaClick?: (cta: SectionSpyCta) => void;\n  className?: string;\n}\n\n// =============================================================================\n// Internals\n// =============================================================================\n\n/** Directional glyph inferred from the destination. */\nfunction CtaArrow({ href }: { href: string }) {\n  const Icon = href.startsWith('#')\n    ? ArrowDown\n    : href.startsWith('/')\n      ? ArrowRight\n      : ArrowUpRight;\n  // rtl:-scale-x-100 mirrors ArrowRight and ArrowUpRight for RTL reading\n  // direction; ArrowDown is horizontally symmetric so the flip is a no-op.\n  return <Icon aria-hidden=\"true\" className=\"h-3.5 w-3.5 rtl:-scale-x-100\" />;\n}\n\nconst CTA_TIER_VARIANT = {\n  explore: 'ghost',\n  evaluate: 'outline',\n  commit: 'primary',\n} as const;\n\n// =============================================================================\n// SectionSpyNav\n// =============================================================================\n\n/**\n * Sticky horizontal in-page wayfinding: jumps between a page's major\n * sections, highlights the one in view with a sliding underline, and can\n * carry a single page-specific next-step CTA. Pure anchor links, so it\n * still works if the scroll spy never runs.\n *\n * The horizontal complement to `TableOfContents` — use that for a sidebar\n * outline, this for a band under the page header. Section elements need\n * matching `id`s.\n *\n * @example\n * ```tsx\n * <SectionSpyNav\n *   items={[\n *     { id: 'overview', label: 'Overview' },\n *     { id: 'pricing', label: 'Pricing' },\n *   ]}\n *   cta={{ label: 'Book a demo', href: '/demo', tier: 'evaluate' }}\n * />\n * ```\n */\nexport function SectionSpyNav({\n  items,\n  cta,\n  label = 'On this page',\n  tone = 'surface',\n  rootMargin = '-22% 0px -68% 0px',\n  onItemClick,\n  onCtaClick,\n  className,\n}: SectionSpyNavProps) {\n  const ids = React.useMemo(() => items.map((it) => it.id), [items]);\n  const { activeId } = useScrollSpy({ ids, rootMargin });\n  const active = activeId ?? items[0]?.id ?? '';\n\n  const railRef = React.useRef<HTMLDivElement>(null);\n  const markRef = React.useRef<HTMLSpanElement>(null);\n\n  // Find the active link by dataset rather than a CSS selector, so ids\n  // never need escaping and CSS.escape availability doesn't matter.\n  const findActiveLink = React.useCallback((): HTMLAnchorElement | null => {\n    const links = railRef.current?.querySelectorAll<HTMLAnchorElement>('a');\n    if (!links) return null;\n    for (const link of links) {\n      if (link.dataset.id === active) return link;\n    }\n    return null;\n  }, [active]);\n\n  // Slide the underline beneath the active link. offsetLeft/offsetWidth are\n  // physical and measured against the rail, so the marker tracks the link\n  // in both directions and while the rail is scrolled horizontally.\n  const syncMarker = React.useCallback(() => {\n    const link = findActiveLink();\n    const mark = markRef.current;\n    if (!link || !mark) return;\n    mark.style.left = `${link.offsetLeft}px`;\n    mark.style.width = `${link.offsetWidth}px`;\n  }, [findActiveLink]);\n\n  React.useEffect(() => {\n    const link = findActiveLink();\n    link?.scrollIntoView?.({ inline: 'center', block: 'nearest' });\n    syncMarker();\n  }, [findActiveLink, syncMarker]);\n\n  React.useEffect(() => {\n    window.addEventListener('resize', syncMarker);\n    return () => window.removeEventListener('resize', syncMarker);\n  }, [syncMarker]);\n\n  const brand = tone === 'brand';\n\n  return (\n    <nav\n      className={cn(\n        'sticky top-0 z-30 w-full',\n        brand\n          ? 'bg-primary-900 text-white'\n          : 'border-border bg-card/95 border-b backdrop-blur',\n        className\n      )}\n      aria-label={label}\n    >\n      <div className=\"flex items-center gap-4 px-4 py-0.5\">\n        <span\n          className={cn(\n            'shrink-0 text-[11px] font-semibold tracking-wide uppercase max-md:hidden',\n            brand ? 'text-white/85' : 'text-muted-foreground'\n          )}\n          aria-hidden=\"true\"\n        >\n          {label}\n        </span>\n        <div\n          ref={railRef}\n          className=\"relative flex min-w-0 flex-1 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n        >\n          {items.map((it) => {\n            const isActive = active === it.id;\n            return (\n              <a\n                key={it.id}\n                href={`#${it.id}`}\n                data-id={it.id}\n                onClick={() => onItemClick?.(it.id)}\n                className={cn(\n                  'shrink-0 rounded px-2.5 py-2 text-sm whitespace-nowrap transition-colors',\n                  brand\n                    ? isActive\n                      ? 'font-semibold text-white'\n                      : 'text-white/85 hover:text-white'\n                    : isActive\n                      ? 'text-foreground font-semibold'\n                      : 'text-muted-foreground hover:text-foreground'\n                )}\n                aria-current={isActive ? 'location' : undefined}\n              >\n                {it.label}\n              </a>\n            );\n          })}\n          <span\n            ref={markRef}\n            className={cn(\n              'absolute bottom-0 h-0.5 rounded-full transition-[left,width] duration-300',\n              brand ? 'bg-primary-400' : 'bg-primary-500'\n            )}\n            aria-hidden=\"true\"\n          />\n        </div>\n        {cta && (\n          <a\n            href={cta.href}\n            onClick={() => onCtaClick?.(cta)}\n            className={cn(\n              buttonVariants({\n                variant: CTA_TIER_VARIANT[cta.tier ?? 'explore'],\n                size: 'sm',\n              }),\n              'shrink-0',\n              brand &&\n                (cta.tier ?? 'explore') !== 'commit' &&\n                'text-white hover:bg-white/10 hover:text-white'\n            )}\n          >\n            {cta.label}\n            <CtaArrow href={cta.href} />\n          </a>\n        )}\n      </div>\n    </nav>\n  );\n}\n"]}

package/dist/{chunk-6SAYPXHX.js → chunk-WGPLUCBD.js}

@@ -1,6 +1,6 @@
 import { Switch } from './chunk-AQ564XO7.js';
-import { Sheet, SheetHeader, SheetTitle, SheetDescription, SheetBody, SheetFooter } from './chunk-ON4JULCA.js';
-import { Button } from './chunk-KREUYVMZ.js';
+import { Sheet, SheetHeader, SheetTitle, SheetDescription, SheetBody, SheetFooter } from './chunk-LMBXJZLG.js';
+import { Button } from './chunk-GOALNQZ2.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React2 from 'react';
 import { createPortal } from 'react-dom';
@@ -704,5 +704,5 @@ var CustomizableDashboard = React2.forwardRef(function CustomizableDashboard2({
 });
 
 export { CustomizableDashboard, DashboardCustomizePanel, consolidateColumns, mergeColumnOrder, moveAcrossColumns, reorderOnDrop, requiredColumns };
-//# sourceMappingURL=chunk-6SAYPXHX.js.map
-//# sourceMappingURL=chunk-6SAYPXHX.js.map
+//# sourceMappingURL=chunk-WGPLUCBD.js.map
+//# sourceMappingURL=chunk-WGPLUCBD.js.map