@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-LNOYDMFD.js

@@ -1,184 +0,0 @@
-import {
-  STACK_BREAK
-} from "./chunk-62NFZR52.js";
-import {
-  CARD_RADIUS,
-  cardSurfaceStyles,
-  isActionable,
-  isSelectable,
-  slotTestIds
-} from "./chunk-FGKKLHKY.js";
-import {
-  useDragItem
-} from "./chunk-JCJGJX7V.js";
-import {
-  RAIL_COUNT,
-  RAIL_GAP,
-  railsTemplateFor,
-  useListRails
-} from "./chunk-LYSSO6WC.js";
-import {
-  DENSITY_ROW_PADDING
-} from "./chunk-ZPIMPOHV.js";
-
-// src/components/data-display/DataViews/base-list-card-geometry.tsx
-import { useTheme } from "@mui/material/styles/index.js";
-function isTextSelection() {
-  return (globalThis.getSelection?.()?.toString().length ?? 0) > 0;
-}
-function clickKeys(onClick) {
-  return (event) => {
-    if (event.key !== "Enter" && event.key !== " ") return;
-    event.preventDefault();
-    onClick();
-  };
-}
-function rowSx(opts) {
-  const { inGroup, railCount, cellTemplate, gutters, metaColumns, pad, padY, scale, divider, interactive, draggable } = opts;
-  return {
-    position: "relative",
-    borderRadius: CARD_RADIUS,
-    display: "grid",
-    zoom: scale,
-    // SUBGRID AND `container-type` CANNOT COEXIST on one element: containment
-    // makes the box size independently of its parent, so the browser drops the
-    // subgrid and every slot stacks into one column. (Observed exactly that —
-    // computed `grid-template-columns: 1222px` on a card asking for subgrid.)
-    //
-    // So inside a group the GROUP is the query container and the row is the
-    // subgrid; standalone, the row is both the container and its own grid.
-    ...inGroup ? { gridColumn: `span ${railCount}`, gridTemplateColumns: "subgrid" } : {
-      containerType: "inline-size",
-      gridTemplateColumns: cellTemplate ?? railsTemplateFor(gutters, metaColumns)
-    },
-    alignItems: "center",
-    // Wide enough that the meta cluster, the value and the status read as three
-    // columns rather than one run of text — the complaint that started all this
-    // was `MÉTODO PIX R$ 13,90` scanning as a single phrase.
-    columnGap: RAIL_GAP,
-    width: "100%",
-    px: pad,
-    py: padY,
-    cursor: draggable ? "grab" : interactive ? "pointer" : void 0,
-    ...draggable ? { touchAction: "none", "&:active": { cursor: "grabbing" } } : {},
-    ...interactive ? { "&:hover": { backgroundColor: "action.hover" } } : {},
-    // A real focus ring, which a clickable <div> never had.
-    "&:focus-visible": { outline: 2, outlineStyle: "solid", outlineColor: "primary.main", outlineOffset: 2 },
-    // TWO-LINE, below the point where the shared rails stop helping.
-    //
-    // The standard mobile transaction row: what the record IS and what it COST
-    // on the first line, the supporting detail on the second. Better than
-    // truncating four columns into ellipses, and the reason each slot carries a
-    // `data-slot` — the placement is explicit rather than whatever order the
-    // children happen to be in.
-    //
-    //   [ select ][ leading ][ title …………… ][   menu ]
-    //                        [ (cells) …………… ][  value ]
-    //
-    // The MENU stays in the top-right corner at every width. It is the row's
-    // one fixed landmark — an overflow that moves to the second line on a phone
-    // is an overflow nobody finds twice.
-    [`@container (max-width: ${STACK_BREAK}px)`]: {
-      gridTemplateColumns: "auto auto minmax(0, 1fr) max-content",
-      ...inGroup ? { gridColumn: `span ${RAIL_COUNT}` } : {},
-      rowGap: 0.75,
-      columnGap: 1,
-      '& > [data-slot="drag"]': { display: "none" },
-      '& > [data-slot="select"]': { gridArea: "1 / 1" },
-      '& > [data-slot="leading"]': { gridArea: "1 / 2" },
-      '& > [data-slot="caption"]': { gridArea: "1 / 3" },
-      '& > [data-slot="actions"]': { gridArea: "1 / 4", justifyContent: "flex-end" },
-      '& > [data-slot="meta"]': { display: "none" },
-      // Second line, starting under the title rather than under the checkbox.
-      '& > [data-slot="value"]': { gridArea: "2 / 4", textAlign: "right" }
-    },
-    ...divider ? { borderRadius: 0, borderWidth: 0, borderBottomWidth: 1, borderStyle: "solid" } : {}
-  };
-}
-function dragIdFor(props, actionable) {
-  return props.draggable === false || !actionable ? void 0 : props.dragId;
-}
-function metaShape(props) {
-  const columns = props.meta?.length ?? 0;
-  return { columns, present: columns > 0 || props.metaSlot != null };
-}
-function useRowShell(props) {
-  const actionable = isActionable(props.state);
-  const group = useListRails();
-  const scale = props.scale ?? 1;
-  return {
-    group,
-    actionable,
-    scale,
-    theme: useTheme(),
-    selectable: isSelectable(props),
-    slot: slotTestIds(props.testId),
-    drag: useDragItem(dragIdFor(props, actionable)),
-    // Standalone holds no gutter open: there is no list beside it to line up
-    // with, so a reserved-but-empty rail is pure inset.
-    reserve: group?.reserveGutters ?? false,
-    // 1, not 1.5. The row's contents still have to line up with the toolbar
-    // above them, but 12px of card padding stacked on the checkbox's own 9px
-    // and an empty drag gutter's 24px read as a row indented for no reason.
-    //
-    // Not multiplied by `scale` — the row's `zoom` already scales it, and doing
-    // both would square the factor on padding alone.
-    pad: 1,
-    padY: DENSITY_ROW_PADDING[group?.density ?? props.density ?? "cozy"],
-    // A card that navigates does so with a real anchor, so it takes no click
-    // handler of its own — the stretched link IS the target.
-    acts: props.onClick != null && props.href == null && actionable
-  };
-}
-function actionProps(onClick) {
-  return {
-    role: "button",
-    tabIndex: 0,
-    onClick: () => {
-      if (isTextSelection()) return;
-      onClick?.();
-    },
-    onKeyDown: clickKeys(() => onClick?.())
-  };
-}
-function rowSurface(props, shell) {
-  const { theme, selectable, drag } = shell;
-  const surface = cardSurfaceStyles(
-    { ...props, selectable, shape: "row", state: drag.dragging ? "disabled" : props.state },
-    theme
-  );
-  if (props.divider !== true || surface.borderColor != null) return surface;
-  return { ...surface, borderBottomColor: theme.palette.divider };
-}
-function rowStyles(props, shell, cellTemplate) {
-  const { group, selectable, drag, reserve, pad, padY, scale, acts } = shell;
-  return {
-    ...rowSurface(props, shell),
-    ...rowSx({
-      inGroup: group !== null,
-      railCount: group?.railCount ?? RAIL_COUNT,
-      cellTemplate,
-      gutters: {
-        disclose: reserve || props.children != null,
-        drag: reserve || drag.draggable,
-        select: reserve || selectable
-      },
-      metaColumns: metaShape(props).columns,
-      pad,
-      padY,
-      scale,
-      divider: props.divider ?? false,
-      interactive: acts || props.href != null,
-      draggable: drag.draggable && drag.handleProps === void 0
-    })
-  };
-}
-
-export {
-  rowSx,
-  metaShape,
-  useRowShell,
-  actionProps,
-  rowStyles
-};
-//# sourceMappingURL=chunk-LNOYDMFD.js.map

package/dist/chunk-LOLOFY4O.js

@@ -1,172 +0,0 @@
-import {
-  BreadcrumbEntry
-} from "./chunk-YNWAMTOT.js";
-import {
-  breadcrumbsBarStyles,
-  sizeIconMap
-} from "./chunk-SBS7H6WY.js";
-
-// src/components/navigation/Breadcrumbs/Breadcrumbs.tsx
-import ArrowForwardIos from "@mui/icons-material/ArrowForwardIos";
-import ChevronRight from "@mui/icons-material/ChevronRight";
-import NavigateNext from "@mui/icons-material/NavigateNext";
-import Box from "@mui/material/Box/index.js";
-import MuiBreadcrumbs from "@mui/material/Breadcrumbs/index.js";
-import { useTheme, styled } from "@mui/material/styles/index.js";
-import useMediaQuery from "@mui/material/useMediaQuery/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledBreadcrumbs = styled(MuiBreadcrumbs, {
-  shouldForwardProp: (prop) => prop !== "size" && prop !== "color" && prop !== "visualStyle" && prop !== "elevation"
-})(
-  ({ theme, size, color, visualStyle, elevation = 0 }) => ({
-    ...breadcrumbsBarStyles({ theme, size, color, visualStyle, elevation })
-  })
-);
-var AnimatedSeparator = styled(Box)(() => ({
-  display: "flex",
-  alignItems: "center",
-  opacity: 0.6,
-  transition: "all 0.2s ease",
-  "&:hover": {
-    opacity: 1,
-    transform: "scale(1.1)"
-  }
-}));
-var getSeparator = (separatorType) => {
-  const separatorContent = (() => {
-    switch (separatorType) {
-      case "slash":
-        return "/";
-      case "arrow":
-        return /* @__PURE__ */ jsx(NavigateNext, { fontSize: "small" });
-      case "chevron":
-        return /* @__PURE__ */ jsx(ChevronRight, { fontSize: "small" });
-      case "dot":
-        return "\u2022";
-      case "pipe":
-        return "|";
-      default:
-        return /* @__PURE__ */ jsx(ArrowForwardIos, { sx: { fontSize: 12 } });
-    }
-  })();
-  return /* @__PURE__ */ jsx(AnimatedSeparator, { children: separatorContent });
-};
-var collapseItems = ({
-  items,
-  effectiveMaxItems,
-  collapseBehavior
-}) => {
-  if (items.length <= effectiveMaxItems) {
-    return { displayItems: items, collapsedItems: [] };
-  }
-  if (collapseBehavior === "menu") {
-    const firstItem = items[0];
-    const tail = items.slice(-(effectiveMaxItems - 2));
-    return {
-      displayItems: firstItem ? [firstItem, ...tail] : tail,
-      collapsedItems: items.slice(1, -(effectiveMaxItems - 2))
-    };
-  }
-  if (collapseBehavior === "ellipsis") {
-    const half = Math.floor(effectiveMaxItems / 2);
-    return {
-      displayItems: [
-        ...items.slice(0, half),
-        { label: "...", href: "#", isEllipsis: true },
-        ...items.slice(-half)
-      ],
-      collapsedItems: []
-    };
-  }
-  return { displayItems: items, collapsedItems: [] };
-};
-var BREADCRUMBS_DEFAULTS = {
-  variant: "default",
-  separatorType: "default",
-  maxItems: 8,
-  showHomeIcon: true,
-  size: "md",
-  color: "neutral",
-  elevation: 1,
-  collapseBehavior: "menu",
-  mobileMaxItems: 3
-};
-var resolveProps = (props) => ({
-  ...BREADCRUMBS_DEFAULTS,
-  ...Object.fromEntries(
-    Object.entries(props).filter(([, value]) => value !== void 0)
-  )
-});
-var Breadcrumbs = React.forwardRef(
-  (componentProps, ref) => {
-    const {
-      variant,
-      separatorType,
-      items,
-      separator,
-      maxItems,
-      showHomeIcon,
-      size,
-      color,
-      elevation,
-      collapseBehavior,
-      mobileMaxItems,
-      ariaLabel,
-      copy,
-      dataTestId,
-      ...props
-    } = resolveProps(componentProps);
-    const theme = useTheme();
-    const finalSeparator = separator || getSeparator(separatorType);
-    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
-    const iconSize = sizeIconMap[size];
-    const effectiveMaxItems = isMobile ? mobileMaxItems : maxItems;
-    const shouldCollapse = items.length > effectiveMaxItems;
-    const { displayItems, collapsedItems } = collapseItems({
-      items,
-      effectiveMaxItems,
-      collapseBehavior
-    });
-    return /* @__PURE__ */ jsx(
-      StyledBreadcrumbs,
-      {
-        ref,
-        separator: finalSeparator,
-        maxItems: shouldCollapse ? void 0 : effectiveMaxItems,
-        size,
-        color,
-        visualStyle: variant,
-        elevation,
-        "aria-label": ariaLabel || "breadcrumb navigation",
-        role: "navigation",
-        "data-testid": dataTestId || "breadcrumbs",
-        ...props,
-        children: displayItems.map((item, index) => /* @__PURE__ */ jsx(
-          BreadcrumbEntry,
-          {
-            copy,
-            item,
-            index,
-            itemCount: displayItems.length,
-            collapsedItems,
-            collapseBehavior,
-            separator: finalSeparator,
-            showHomeIcon,
-            iconSize,
-            size,
-            variant,
-            dataTestId
-          },
-          index
-        ))
-      }
-    );
-  }
-);
-Breadcrumbs.displayName = "Breadcrumbs";
-
-export {
-  Breadcrumbs
-};
-//# sourceMappingURL=chunk-LOLOFY4O.js.map

package/dist/chunk-LOLOFY4O.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import ArrowForwardIos from '@mui/icons-material/ArrowForwardIos';\nimport ChevronRight from '@mui/icons-material/ChevronRight';\nimport NavigateNext from '@mui/icons-material/NavigateNext';\nimport Box from '@mui/material/Box/index.js';\nimport MuiBreadcrumbs from '@mui/material/Breadcrumbs/index.js';\nimport { useTheme, styled } from '@mui/material/styles/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\nimport React from 'react';\n\nimport {\n  breadcrumbsBarStyles,\n  sizeIconMap } from './Breadcrumbs.styles';\nimport { BreadcrumbEntry } from './BreadcrumbEntry';\nimport type { BreadcrumbItem,BreadcrumbsProps } from './Breadcrumbs.types';\n\n// Animation keyframes\nconst StyledBreadcrumbs = styled(MuiBreadcrumbs, {\n  shouldForwardProp: (prop) =>\n    prop !== 'size' && prop !== 'color' && prop !== 'visualStyle' && prop !== 'elevation' })<{ size?: string; color?: string; visualStyle?: string; elevation?: number }>(\n  ({ theme, size, color, visualStyle, elevation = 0 }) => ({\n    ...breadcrumbsBarStyles({ theme, size, color, visualStyle, elevation }) }),\n);\n\nconst AnimatedSeparator = styled(Box)(() => ({\n  display: 'flex',\n  alignItems: 'center',\n  opacity: 0.6,\n  transition: 'all 0.2s ease',\n\n  '&:hover': {\n    opacity: 1,\n    transform: 'scale(1.1)' } }));\n\nconst getSeparator = (separatorType: string) => {\n  const separatorContent = (() => {\n    switch (separatorType) {\n      case 'slash':\n        return '/';\n      case 'arrow':\n        return <NavigateNext fontSize=\"small\" />;\n      case 'chevron':\n        return <ChevronRight fontSize=\"small\" />;\n      case 'dot':\n        return '•';\n      case 'pipe':\n        return '|';\n      default:\n        return <ArrowForwardIos sx={{ fontSize: 12 }} />;\n    }\n  })();\n\n  return <AnimatedSeparator>{separatorContent}</AnimatedSeparator>;\n};\n\ntype DisplayItem = BreadcrumbItem & { isEllipsis?: boolean };\n\n// Long trails either hide their middle behind a menu or replace it with an\n// ellipsis crumb; short ones pass straight through.\nconst collapseItems = ({\n  items,\n  effectiveMaxItems,\n  collapseBehavior }: {\n  items: BreadcrumbItem[];\n  effectiveMaxItems: number;\n  collapseBehavior: string;\n}): { displayItems: DisplayItem[]; collapsedItems: BreadcrumbItem[] } => {\n  if (items.length <= effectiveMaxItems) {\n    return { displayItems: items, collapsedItems: [] };\n  }\n\n  if (collapseBehavior === 'menu') {\n    const firstItem = items[0];\n    const tail = items.slice(-(effectiveMaxItems - 2));\n\n    return {\n      displayItems: firstItem ? [firstItem, ...tail] : tail,\n      collapsedItems: items.slice(1, -(effectiveMaxItems - 2)) };\n  }\n\n  if (collapseBehavior === 'ellipsis') {\n    const half = Math.floor(effectiveMaxItems / 2);\n\n    return {\n      displayItems: [\n        ...items.slice(0, half),\n        { label: '...', href: '#', isEllipsis: true },\n        ...items.slice(-half),\n      ],\n      collapsedItems: [] };\n  }\n\n  return { displayItems: items, collapsedItems: [] };\n};\n\ntype BreadcrumbsDefaultedKeys =\n  | 'variant'\n  | 'separatorType'\n  | 'maxItems'\n  | 'showHomeIcon'\n  | 'size'\n  | 'color'\n  | 'elevation'\n  | 'collapseBehavior'\n  | 'mobileMaxItems';\n\ntype ResolvedBreadcrumbsProps = BreadcrumbsProps &\n  Required<Pick<BreadcrumbsProps, BreadcrumbsDefaultedKeys>>;\n\nconst BREADCRUMBS_DEFAULTS: Pick<BreadcrumbsProps, BreadcrumbsDefaultedKeys> = {\n  variant: 'default',\n  separatorType: 'default',\n  maxItems: 8,\n  showHomeIcon: true,\n  size: 'md',\n  color: 'neutral',\n  elevation: 1,\n  collapseBehavior: 'menu',\n  mobileMaxItems: 3 };\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 nine\n// branches into the component's own complexity budget.\nconst resolveProps = (props: BreadcrumbsProps): ResolvedBreadcrumbsProps =>\n  ({\n    ...BREADCRUMBS_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<BreadcrumbsProps>) }) as ResolvedBreadcrumbsProps;\n\nexport const Breadcrumbs = React.forwardRef<HTMLElement, BreadcrumbsProps>(\n  (componentProps, ref) => {\n    const {\n      variant,\n      separatorType,\n      items,\n      separator,\n      maxItems,\n      showHomeIcon,\n      size,\n      color,\n      elevation,\n      collapseBehavior,\n      mobileMaxItems,\n      ariaLabel,\n      copy,\n      dataTestId,\n      ...props\n    } = resolveProps(componentProps);\n    const theme = useTheme();\n    // separatorType picks a built-in separator; an explicit `separator` wins.\n    // This was computed before but never passed on, so separatorType had no\n    // effect on what rendered.\n    const finalSeparator = separator || getSeparator(separatorType);\n    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n    const iconSize = sizeIconMap[size];\n\n    // Handle mobile collapsing\n    const effectiveMaxItems = isMobile ? mobileMaxItems : maxItems;\n    const shouldCollapse = items.length > effectiveMaxItems;\n\n    const { displayItems, collapsedItems } = collapseItems({\n      items,\n      effectiveMaxItems,\n      collapseBehavior });\n\n    return (\n      <StyledBreadcrumbs\n        ref={ref}\n        separator={finalSeparator}\n        maxItems={shouldCollapse ? undefined : effectiveMaxItems}\n        size={size}\n        color={color}\n        visualStyle={variant}\n        elevation={elevation}\n        aria-label={ariaLabel || 'breadcrumb navigation'}\n        role=\"navigation\"\n        data-testid={dataTestId || 'breadcrumbs'}\n        {...props}\n      >\n        {displayItems.map((item, index) => (\n          <BreadcrumbEntry\n            copy={copy}\n            key={index}\n            item={item}\n            index={index}\n            itemCount={displayItems.length}\n            collapsedItems={collapsedItems}\n            collapseBehavior={collapseBehavior}\n            separator={finalSeparator}\n            showHomeIcon={showHomeIcon}\n            iconSize={iconSize}\n            size={size}\n            variant={variant}\n            dataTestId={dataTestId}\n          />\n        ))}\n      </StyledBreadcrumbs>\n    );\n  },\n);\n\nBreadcrumbs.displayName = 'Breadcrumbs';\n"],"mappings":"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","names":[]}

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