@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-LTEXWGK6.js

@@ -1,176 +0,0 @@
-import {
-  DEFAULT_AUTOPLAY_INTERVAL_MS,
-  MAX_ZOOM,
-  MIN_SWIPE_DISTANCE,
-  MIN_ZOOM,
-  WHEEL_ZOOM_FACTOR,
-  ZOOM_STEP
-} from "./chunk-56SJYTIT.js";
-
-// src/components/data-display/Lightbox/Lightbox.hooks.ts
-import { useCallback, useEffect, useRef, useState } from "react";
-var clampZoom = (zoom) => Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, zoom));
-var isImageItem = (item) => Boolean(item && (item.type === "image" || !item.type));
-var usePreloader = () => {
-  const [preloadedImages, setPreloadedImages] = useState(/* @__PURE__ */ new Set());
-  return useCallback(
-    (src) => {
-      if (preloadedImages.has(src)) return;
-      const img = new window.Image();
-      img.onload = () => setPreloadedImages((prev) => /* @__PURE__ */ new Set([...prev, src]));
-      img.src = src;
-    },
-    [preloadedImages]
-  );
-};
-var useZoomState = () => {
-  const [zoomLevel, setZoomLevel] = useState(1);
-  const [panOffset, setPanOffset] = useState({ x: 0, y: 0 });
-  const resetZoom = useCallback(() => {
-    setZoomLevel(1);
-    setPanOffset({ x: 0, y: 0 });
-  }, []);
-  const zoomIn = useCallback(() => setZoomLevel((prev) => Math.min(MAX_ZOOM, prev * ZOOM_STEP)), []);
-  const zoomOut = useCallback(
-    () => setZoomLevel((prev) => Math.max(MIN_ZOOM, prev / ZOOM_STEP)),
-    []
-  );
-  return { zoomLevel, panOffset, setZoomLevel, resetZoom, zoomIn, zoomOut };
-};
-var useWheelZoom = ({
-  enabled,
-  setZoomLevel
-}) => useCallback(
-  (event) => {
-    if (!enabled) return;
-    event.preventDefault();
-    setZoomLevel((prev) => clampZoom(prev + event.deltaY * -WHEEL_ZOOM_FACTOR));
-  },
-  [enabled, setZoomLevel]
-);
-var useNavigation = ({
-  items,
-  loop,
-  startIndex,
-  resetZoom,
-  preloadImage
-}) => {
-  const [currentIndex, setCurrentIndex] = useState(
-    Math.max(0, Math.min(startIndex, items.length - 1))
-  );
-  const goToIndex = useCallback(
-    (index) => {
-      if (items.length === 0) return;
-      const newIndex = loop ? (index % items.length + items.length) % items.length : Math.max(0, Math.min(index, items.length - 1));
-      setCurrentIndex(newIndex);
-      resetZoom();
-      [items[newIndex - 1], items[newIndex + 1]].filter(isImageItem).forEach((item) => preloadImage(item.src));
-    },
-    [items, loop, resetZoom, preloadImage]
-  );
-  const next = useCallback(() => {
-    if (currentIndex < items.length - 1 || loop) goToIndex(currentIndex + 1);
-  }, [currentIndex, items.length, loop, goToIndex]);
-  const prev = useCallback(() => {
-    if (currentIndex > 0 || loop) goToIndex(currentIndex - 1);
-  }, [currentIndex, loop, goToIndex]);
-  return { currentIndex, goToIndex, next, prev };
-};
-var useAutoplay = ({
-  isOpen,
-  autoplay,
-  itemCount,
-  currentIndex,
-  next
-}) => {
-  const [isAutoPlaying, setIsAutoPlaying] = useState(false);
-  const timerRef = useRef(void 0);
-  useEffect(() => {
-    if (!isAutoPlaying || !autoplay || itemCount <= 1) return;
-    const interval = typeof autoplay === "object" ? autoplay.interval || DEFAULT_AUTOPLAY_INTERVAL_MS : DEFAULT_AUTOPLAY_INTERVAL_MS;
-    timerRef.current = window.setTimeout(next, interval);
-    return () => window.clearTimeout(timerRef.current);
-  }, [isAutoPlaying, autoplay, currentIndex, next, itemCount]);
-  useEffect(() => {
-    setIsAutoPlaying(Boolean(isOpen && autoplay && itemCount > 1));
-  }, [isOpen, autoplay, itemCount]);
-  const stopAutoplay = useCallback(() => {
-    setIsAutoPlaying(false);
-    window.clearTimeout(timerRef.current);
-  }, []);
-  return { isAutoPlaying, setIsAutoPlaying, stopAutoplay };
-};
-var useLightboxKeyboard = ({
-  isOpen,
-  showControls,
-  autoplay,
-  close,
-  prev,
-  next,
-  setIsAutoPlaying
-}) => {
-  useEffect(() => {
-    if (!isOpen) return;
-    const arrows = { ArrowLeft: prev, ArrowRight: next };
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape") {
-        close();
-        return;
-      }
-      const arrow = arrows[event.key];
-      if (arrow && showControls) {
-        event.preventDefault();
-        arrow();
-        return;
-      }
-      if (event.key === " ") {
-        event.preventDefault();
-        if (autoplay) setIsAutoPlaying((playing) => !playing);
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [isOpen, showControls, close, prev, next, autoplay, setIsAutoPlaying]);
-};
-var useSwipe = ({
-  prev,
-  next,
-  close
-}) => {
-  const touchStartRef = useRef(null);
-  const handleTouchStart = useCallback((event) => {
-    const touch = event.touches.length === 1 ? event.touches[0] : void 0;
-    if (touch) touchStartRef.current = { x: touch.clientX, y: touch.clientY };
-  }, []);
-  const handleTouchEnd = useCallback(
-    (event) => {
-      const start = touchStartRef.current;
-      const touch = event.changedTouches[0];
-      touchStartRef.current = null;
-      if (!start || !touch) return;
-      const deltaX = touch.clientX - start.x;
-      const deltaY = touch.clientY - start.y;
-      if (Math.abs(deltaX) > Math.abs(deltaY)) {
-        if (Math.abs(deltaX) > MIN_SWIPE_DISTANCE) {
-          if (deltaX > 0) prev();
-          else next();
-        }
-        return;
-      }
-      if (deltaY > MIN_SWIPE_DISTANCE) close();
-    },
-    [prev, next, close]
-  );
-  return { handleTouchStart, handleTouchEnd };
-};
-
-export {
-  usePreloader,
-  useZoomState,
-  useWheelZoom,
-  useNavigation,
-  useAutoplay,
-  useLightboxKeyboard,
-  useSwipe
-};
-//# sourceMappingURL=chunk-LTEXWGK6.js.map

package/dist/chunk-LUMF63BM.js

@@ -1,274 +0,0 @@
-import {
-  useTutorialOverlay
-} from "./chunk-RSQMPCCR.js";
-import {
-  TutorialStepBody
-} from "./chunk-7WP2HRTW.js";
-
-// src/components/feedback/TutorialOverlay/TutorialOverlay.tsx
-import Box from "@mui/material/Box/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import LinearProgress from "@mui/material/LinearProgress/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import Portal from "@mui/material/Portal/index.js";
-import { alpha, keyframes, styled } from "@mui/material/styles/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
-  }
-  70% {
-    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
-  }
-`;
-var floatAnimation = keyframes`
-  0%, 100% {
-    transform: translateY(0);
-  }
-  50% {
-    transform: translateY(-10px);
-  }
-`;
-var Overlay = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "allowClickThrough"
-})(({ theme, allowClickThrough }) => ({
-  position: "fixed",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  zIndex: theme.zIndex.modal + 100,
-  pointerEvents: allowClickThrough ? "none" : "auto",
-  transition: "opacity 0.3s ease"
-}));
-var Backdrop = styled(Box)(() => ({
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  background: alpha("#000", 0.7),
-  backdropFilter: "blur(2px)"
-}));
-var Spotlight = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "bounds" && prop !== "padding"
-})(({ bounds, padding }) => ({
-  position: "absolute",
-  top: bounds.top - padding,
-  left: bounds.left - padding,
-  width: bounds.width + padding * 2,
-  height: bounds.height + padding * 2,
-  borderRadius: 8,
-  border: "2px solid rgba(255, 255, 255, 0.5)",
-  animation: `${pulseAnimation} 2s infinite`,
-  pointerEvents: "none",
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    inset: -2,
-    borderRadius: 8,
-    background: "transparent",
-    boxShadow: "0 0 0 9999px rgba(0, 0, 0, 0.7)"
-  }
-}));
-var TooltipContainer = styled(Paper, {
-  shouldForwardProp: (prop) => prop !== "placement"
-})(({ theme, placement }) => ({
-  position: "absolute",
-  maxWidth: 360,
-  padding: theme.spacing(3),
-  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,
-  backdropFilter: "blur(20px)",
-  WebkitBackdropFilter: "blur(20px)",
-  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,
-  boxShadow: theme.shadows[12],
-  animation: `${floatAnimation} 3s ease-in-out infinite`,
-  pointerEvents: "auto",
-  zIndex: theme.zIndex.modal + 101,
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    width: 12,
-    height: 12,
-    background: "inherit",
-    transform: "rotate(45deg)",
-    border: "inherit",
-    ...placement === "top" && {
-      bottom: -7,
-      left: "50%",
-      marginLeft: -6,
-      borderTop: "none",
-      borderLeft: "none"
-    },
-    ...placement === "bottom" && {
-      top: -7,
-      left: "50%",
-      marginLeft: -6,
-      borderBottom: "none",
-      borderRight: "none"
-    },
-    ...placement === "left" && {
-      right: -7,
-      top: "50%",
-      marginTop: -6,
-      borderLeft: "none",
-      borderBottom: "none"
-    },
-    ...placement === "right" && {
-      left: -7,
-      top: "50%",
-      marginTop: -6,
-      borderRight: "none",
-      borderTop: "none"
-    }
-  }
-}));
-var ProgressBar = styled(LinearProgress)(({ theme }) => ({
-  position: "fixed",
-  top: 0,
-  left: 0,
-  right: 0,
-  height: 4,
-  zIndex: theme.zIndex.modal + 102,
-  "& .MuiLinearProgress-bar": {
-    background: `linear-gradient(90deg, ${theme.palette.primary.main} 0%, ${theme.palette.primary.light} 100%)`
-  }
-}));
-var TUTORIAL_DEFAULTS = {
-  initialStep: 0,
-  active: true,
-  showProgress: true,
-  allowKeyboardNavigation: true,
-  allowClickThrough: false,
-  variant: "tooltip",
-  allowSkip: false,
-  animated: true
-};
-var resolveProps = (props) => ({
-  ...TUTORIAL_DEFAULTS,
-  ...Object.fromEntries(
-    Object.entries(props).filter(([, value]) => value !== void 0)
-  )
-});
-var TutorialLayers = ({ variant, targetBounds, isVisible, spotlightPadding }) => {
-  const isSpotlight = variant === "spotlight" || variant === "highlight";
-  const dimmed = variant === "modal" || isSpotlight;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    dimmed && /* @__PURE__ */ jsx(Backdrop, {}),
-    targetBounds && isVisible && isSpotlight && /* @__PURE__ */ jsx(
-      Spotlight,
-      {
-        bounds: targetBounds,
-        padding: spotlightPadding || 8,
-        "data-testid": "tutorial-highlight"
-      }
-    )
-  ] });
-};
-var TutorialTooltip = ({
-  tutorial,
-  steps,
-  allowSkip,
-  showProgress,
-  animated,
-  requiresActionBeforeNext,
-  copy
-}) => /* @__PURE__ */ jsx(Fade, { in: tutorial.isVisible, timeout: 300, children: /* @__PURE__ */ jsx(
-  TooltipContainer,
-  {
-    ref: tutorial.tooltipRef,
-    placement: tutorial.actualPlacement,
-    elevation: 12,
-    style: {
-      top: tutorial.tooltipPosition.top,
-      left: tutorial.tooltipPosition.left,
-      animation: animated ? void 0 : "none"
-    },
-    role: "dialog",
-    "aria-labelledby": `tutorial-title-${tutorial.currentStep}`,
-    "aria-describedby": `tutorial-content-${tutorial.currentStep}`,
-    "data-testid": `tutorial-step-${tutorial.currentStep}`,
-    children: /* @__PURE__ */ jsx(
-      TutorialStepBody,
-      {
-        copy,
-        step: tutorial.currentStepData,
-        currentStep: tutorial.currentStep,
-        stepCount: steps.length,
-        progress: tutorial.progress,
-        isLastStep: tutorial.isLastStep,
-        allowSkip,
-        showProgress,
-        requiresActionBeforeNext,
-        onNext: tutorial.handleNext,
-        onPrev: tutorial.handlePrev,
-        onSkip: tutorial.handleSkip,
-        onRestart: tutorial.handleRestart
-      }
-    )
-  }
-) });
-var TutorialOverlay = (componentProps) => {
-  const {
-    copy,
-    steps,
-    onComplete,
-    onSkip,
-    onStepComplete,
-    initialStep,
-    active,
-    showProgress,
-    allowKeyboardNavigation,
-    allowClickThrough,
-    variant,
-    allowSkip,
-    animated
-  } = resolveProps(componentProps);
-  const tutorial = useTutorialOverlay({
-    steps,
-    initialStep,
-    active,
-    allowKeyboardNavigation,
-    onComplete,
-    onSkip,
-    onStepComplete
-  });
-  const { currentStepData, isLastStep, isVisible, targetBounds, progress } = tutorial;
-  const requiresActionBeforeNext = Boolean(currentStepData?.requiresAction) && !isLastStep;
-  if (!active || !currentStepData) return null;
-  if (steps.length === 0) return null;
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(Overlay, { allowClickThrough, "data-testid": "tutorial-overlay", children: [
-    showProgress && /* @__PURE__ */ jsx(ProgressBar, { variant: "determinate", value: progress }),
-    /* @__PURE__ */ jsx(
-      TutorialLayers,
-      {
-        variant,
-        targetBounds,
-        isVisible,
-        spotlightPadding: currentStepData.spotlightPadding
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      TutorialTooltip,
-      {
-        copy,
-        tutorial: { ...tutorial, currentStepData },
-        steps,
-        allowSkip,
-        showProgress,
-        animated,
-        requiresActionBeforeNext
-      }
-    )
-  ] }) });
-};
-var TutorialOverlay_default = TutorialOverlay;
-
-export {
-  TutorialOverlay,
-  TutorialOverlay_default
-};
-//# sourceMappingURL=chunk-LUMF63BM.js.map

package/dist/chunk-LUMF63BM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feedback/TutorialOverlay/TutorialOverlay.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport LinearProgress from '@mui/material/LinearProgress/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Portal from '@mui/material/Portal/index.js';\nimport { alpha, keyframes, styled } from '@mui/material/styles/index.js';\nimport type { FC} from 'react';\nimport React, {  } from 'react';\n\nimport { useTutorialOverlay } from './TutorialOverlay.hooks';\nimport { TutorialStepBody } from './TutorialStepBody';\nimport type { TutorialOverlayProps } from './TutorialOverlay.types';\n\n// Animation keyframes\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);\n  }\n  70% {\n    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\n  }\n`;\n\nconst floatAnimation = keyframes`\n  0%, 100% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(-10px);\n  }\n`;\n\n// Styled components\nconst Overlay = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'allowClickThrough' })<{ allowClickThrough?: boolean }>(({ theme, allowClickThrough }) => ({\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  zIndex: theme.zIndex.modal + 100,\n  pointerEvents: allowClickThrough ? 'none' : 'auto',\n  transition: 'opacity 0.3s ease' }));\n\nconst Backdrop = styled(Box)(() => ({\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  background: alpha('#000', 0.7),\n  backdropFilter: 'blur(2px)' }));\n\nconst Spotlight = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'bounds' && prop !== 'padding' })<{ bounds: globalThis.DOMRect; padding: number }>(({ bounds, padding }) => ({\n  position: 'absolute',\n  top: bounds.top - padding,\n  left: bounds.left - padding,\n  width: bounds.width + padding * 2,\n  height: bounds.height + padding * 2,\n  borderRadius: 8,\n  border: '2px solid rgba(255, 255, 255, 0.5)',\n  animation: `${pulseAnimation} 2s infinite`,\n  pointerEvents: 'none',\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    inset: -2,\n    borderRadius: 8,\n    background: 'transparent',\n    boxShadow: '0 0 0 9999px rgba(0, 0, 0, 0.7)' } }));\n\nconst TooltipContainer = styled(Paper, {\n  shouldForwardProp: (prop) => prop !== 'placement' })<{ placement: string }>(({ theme, placement }) => ({\n  position: 'absolute',\n  maxWidth: 360,\n  padding: theme.spacing(3),\n  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,\n  backdropFilter: 'blur(20px)',\n  WebkitBackdropFilter: 'blur(20px)',\n  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n  boxShadow: theme.shadows[12],\n  animation: `${floatAnimation} 3s ease-in-out infinite`,\n  pointerEvents: 'auto',\n  zIndex: theme.zIndex.modal + 101,\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    width: 12,\n    height: 12,\n    background: 'inherit',\n    transform: 'rotate(45deg)',\n    border: 'inherit',\n    ...(placement === 'top' && {\n      bottom: -7,\n      left: '50%',\n      marginLeft: -6,\n      borderTop: 'none',\n      borderLeft: 'none' }),\n    ...(placement === 'bottom' && {\n      top: -7,\n      left: '50%',\n      marginLeft: -6,\n      borderBottom: 'none',\n      borderRight: 'none' }),\n    ...(placement === 'left' && {\n      right: -7,\n      top: '50%',\n      marginTop: -6,\n      borderLeft: 'none',\n      borderBottom: 'none' }),\n    ...(placement === 'right' && {\n      left: -7,\n      top: '50%',\n      marginTop: -6,\n      borderRight: 'none',\n      borderTop: 'none' }) } }));\n\nconst ProgressBar = styled(LinearProgress)(({ theme }) => ({\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  right: 0,\n  height: 4,\n  zIndex: theme.zIndex.modal + 102,\n  '& .MuiLinearProgress-bar': {\n    background: `linear-gradient(90deg, ${theme.palette.primary.main} 0%, ${theme.palette.primary.light} 100%)` } }));\n\ntype TutorialDefaultedKeys =\n  | 'initialStep'\n  | 'active'\n  | 'showProgress'\n  | 'allowKeyboardNavigation'\n  | 'allowClickThrough'\n  | 'variant'\n  | 'allowSkip'\n  | 'animated';\n\ntype ResolvedTutorialProps = TutorialOverlayProps &\n  Required<Pick<TutorialOverlayProps, TutorialDefaultedKeys>>;\n\nconst TUTORIAL_DEFAULTS: Pick<TutorialOverlayProps, TutorialDefaultedKeys> = {\n  initialStep: 0,\n  active: true,\n  showProgress: true,\n  allowKeyboardNavigation: true,\n  allowClickThrough: false,\n  variant: 'tooltip',\n  allowSkip: false,\n  animated: true };\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put eight\n// branches into the component's own complexity budget.\nconst resolveProps = (props: TutorialOverlayProps): ResolvedTutorialProps =>\n  ({\n    ...TUTORIAL_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<TutorialOverlayProps>) }) as ResolvedTutorialProps;\n\n// The dimming layer and the cut-out over the highlighted element. Local because\n// Backdrop and Spotlight cannot cross a module boundary (TS2742).\nconst TutorialLayers: React.FC<{\n  variant: string;\n  targetBounds: globalThis.DOMRect | null;\n  isVisible: boolean;\n  spotlightPadding?: number;\n}> = ({ variant, targetBounds, isVisible, spotlightPadding }) => {\n  const isSpotlight = variant === 'spotlight' || variant === 'highlight';\n  const dimmed = variant === 'modal' || isSpotlight;\n\n  return (\n    <>\n      {dimmed && <Backdrop />}\n      {targetBounds && isVisible && isSpotlight && (\n        <Spotlight\n          bounds={targetBounds}\n          padding={spotlightPadding || 8}\n          data-testid=\"tutorial-highlight\"\n        />\n      )}\n    </>\n  );\n};\n\n// The positioned card. Local because TooltipContainer cannot cross a module\n// boundary (TS2742).\nconst TutorialTooltip: React.FC<{\n  tutorial: ReturnType<typeof useTutorialOverlay> & {\n    currentStepData: TutorialOverlayProps['steps'][number];\n  };\n  steps: TutorialOverlayProps['steps'];\n  allowSkip: boolean;\n  showProgress: boolean;\n  animated: boolean;\n  requiresActionBeforeNext: boolean;\n  copy: TutorialOverlayProps['copy'];\n}> = ({\n  tutorial,\n  steps,\n  allowSkip,\n  showProgress,\n  animated,\n  requiresActionBeforeNext,\n  copy,\n}) => (\n        <Fade in={tutorial.isVisible} timeout={300}>\n          <TooltipContainer\n            ref={tutorial.tooltipRef}\n            placement={tutorial.actualPlacement}\n            elevation={12}\n            style={{\n              top: tutorial.tooltipPosition.top,\n              left: tutorial.tooltipPosition.left,\n              animation: animated ? undefined : 'none' }}\n            role=\"dialog\"\n            aria-labelledby={`tutorial-title-${tutorial.currentStep}`}\n            aria-describedby={`tutorial-content-${tutorial.currentStep}`}\n            data-testid={`tutorial-step-${tutorial.currentStep}`}\n          >\n            <TutorialStepBody\n              copy={copy}\n              step={tutorial.currentStepData}\n              currentStep={tutorial.currentStep}\n              stepCount={steps.length}\n              progress={tutorial.progress}\n              isLastStep={tutorial.isLastStep}\n              allowSkip={allowSkip}\n              showProgress={showProgress}\n              requiresActionBeforeNext={requiresActionBeforeNext}\n              onNext={tutorial.handleNext}\n              onPrev={tutorial.handlePrev}\n              onSkip={tutorial.handleSkip}\n              onRestart={tutorial.handleRestart}\n            />\n          </TooltipContainer>\n        </Fade>\n);\n\nexport const TutorialOverlay: FC<TutorialOverlayProps> = (componentProps) => {\n  const {\n    copy,\n    steps,\n    onComplete,\n    onSkip,\n    onStepComplete,\n    initialStep,\n    active,\n    showProgress,\n    allowKeyboardNavigation,\n    allowClickThrough,\n    variant,\n    allowSkip,\n    animated } = resolveProps(componentProps);\n\n  const tutorial = useTutorialOverlay({\n    steps,\n    initialStep,\n    active,\n    allowKeyboardNavigation,\n    onComplete,\n    onSkip,\n    onStepComplete });\n  const { currentStepData, isLastStep, isVisible, targetBounds, progress } = tutorial;\n\n  const requiresActionBeforeNext = Boolean(currentStepData?.requiresAction) && !isLastStep;\n\n  if (!active || !currentStepData) return null;\n\n  // Handle empty steps array\n  if (steps.length === 0) return null;\n\n  return (\n    <Portal>\n      <Overlay allowClickThrough={allowClickThrough} data-testid=\"tutorial-overlay\">\n        {showProgress && <ProgressBar variant=\"determinate\" value={progress} />}\n\n        <TutorialLayers\n          variant={variant}\n          targetBounds={targetBounds}\n          isVisible={isVisible}\n          spotlightPadding={currentStepData.spotlightPadding}\n        />\n\n        <TutorialTooltip\n          copy={copy}\n          tutorial={{ ...tutorial, currentStepData }}\n          steps={steps}\n          allowSkip={allowSkip}\n          showProgress={showProgress}\n          animated={animated}\n          requiresActionBeforeNext={requiresActionBeforeNext}\n        />\n      </Overlay>\n    </Portal>\n  );\n};\n\n// Export default\nexport default TutorialOverlay;\n"],"mappings":"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","names":[]}

package/dist/chunk-LWLVWM34.js

@@ -1,28 +0,0 @@
-import {
-  DropdownMenu
-} from "./chunk-IDHZHOZW.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-
-// src/components/data-display/CardKit/CardKebab.tsx
-import { jsx } from "react/jsx-runtime";
-function CardKebab({
-  items,
-  menuLabel,
-  dataTestId
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenu,
-    {
-      size: "sm",
-      items,
-      trigger: /* @__PURE__ */ jsx(Button, { variant: "text", size: "sm", "aria-label": menuLabel, dataTestId, children: "\u22EE" })
-    }
-  );
-}
-
-export {
-  CardKebab
-};
-//# sourceMappingURL=chunk-LWLVWM34.js.map

package/dist/chunk-LYSSO6WC.js

@@ -1,132 +0,0 @@
-import {
-  DENSITY_ROW_PADDING
-} from "./chunk-ZPIMPOHV.js";
-import {
-  CellConfigProvider,
-  cellTracks
-} from "./chunk-6VP2L3DJ.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-
-// src/components/data-display/DataViews/list-card-rails.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-function metaRail(columns) {
-  return `minmax(max-content, ${Math.max(columns, 1)}fr)`;
-}
-function contentRails(metaColumns) {
-  return metaColumns > 0 ? { caption: "minmax(0, auto)", meta: metaRail(metaColumns) } : { caption: "minmax(0, 1fr)", meta: "auto" };
-}
-var DEFAULT_RAILS = {
-  disclose: "auto",
-  drag: "auto",
-  select: "auto",
-  leading: "auto",
-  // Two is the canonical row (a date and a method); a list carrying a different
-  // number says so with `metaColumns`, and a standalone card counts its own.
-  ...contentRails(2),
-  // `max-content` on the value, so the rail is as wide as the widest amount in
-  // the list and no wider — a fixed px guess is either clipping or dead space.
-  // NOT an `fr`: the value's whole promise is a fixed right edge, and a rail
-  // that grows with the spare width moves that edge on every list.
-  value: "max-content",
-  actions: "auto"
-};
-var ListRailsContext = createContext(null);
-function useListRails() {
-  return useContext(ListRailsContext);
-}
-function railsTemplate(rails) {
-  return [
-    rails.disclose,
-    rails.drag,
-    rails.select,
-    rails.leading,
-    rails.caption,
-    rails.meta,
-    rails.value,
-    rails.actions
-  ].filter((rail) => rail != null).join(" ");
-}
-var RAIL_GAP = 3;
-var RAIL_GAP_PX = RAIL_GAP * 8;
-function railsTemplateFor(gutters, metaColumns) {
-  return railsTemplate({
-    ...DEFAULT_RAILS,
-    // Standalone, the card can simply COUNT its pairs — no `metaColumns` to be
-    // told, and no guess.
-    ...contentRails(metaColumns),
-    ...gutters.disclose ? {} : { disclose: null },
-    ...gutters.drag ? {} : { drag: null },
-    ...gutters.select ? {} : { select: null }
-  });
-}
-var RAIL_COUNT = 8;
-var CELL_FIXED_RAILS = 4;
-function cellRailsTemplate(cells) {
-  return [
-    DEFAULT_RAILS.disclose,
-    DEFAULT_RAILS.drag,
-    DEFAULT_RAILS.select,
-    DEFAULT_RAILS.leading,
-    ...cells,
-    DEFAULT_RAILS.actions
-  ].join(" ");
-}
-function cellRailCount(cells) {
-  return CELL_FIXED_RAILS + cells + 1;
-}
-function ListCardGroup({
-  children,
-  density = "cozy",
-  cells,
-  metaColumns,
-  rails,
-  reserveGutters = true,
-  gap,
-  dataTestId
-}) {
-  const resolved = {
-    ...DEFAULT_RAILS,
-    ...metaColumns == null ? {} : contentRails(metaColumns),
-    ...rails
-  };
-  const configured = cells != null && cells.length > 0;
-  const template = configured ? cellRailsTemplate(cellTracks(cells)) : railsTemplate(resolved);
-  const railCount = configured ? cellRailCount(cells.length) : RAIL_COUNT;
-  return /* @__PURE__ */ jsx(ListRailsContext.Provider, { value: { density, reserveGutters, railCount }, children: /* @__PURE__ */ jsx(CellConfigProvider, { cells, children: /* @__PURE__ */ jsx(
-    default2,
-    {
-      "data-testid": dataTestId,
-      sx: {
-        // The query container for every row inside it — a row cannot be one
-        // itself and a subgrid at the same time (containment drops subgrid).
-        // Every row in a list is the same width anyway, so the group is the
-        // honest place to ask the question.
-        containerType: "inline-size",
-        display: "grid",
-        gridTemplateColumns: template,
-        alignItems: "center",
-        rowGap: gap ?? DENSITY_ROW_PADDING[density]
-      },
-      children
-    }
-  ) }) });
-}
-
-export {
-  metaRail,
-  contentRails,
-  DEFAULT_RAILS,
-  useListRails,
-  railsTemplate,
-  RAIL_GAP,
-  RAIL_GAP_PX,
-  railsTemplateFor,
-  RAIL_COUNT,
-  cellRailsTemplate,
-  cellRailCount,
-  ListCardGroup
-};
-//# sourceMappingURL=chunk-LYSSO6WC.js.map