@12-apps/ui 5.0.0 → 5.0.1

package/dist/chunk-LGB6Z34C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.parts.tsx","../src/components/data-display/Sheet/Sheet.animations.ts","../src/components/data-display/Sheet/Sheet.tsx","../src/components/data-display/Sheet/Sheet.body.tsx","../src/components/data-display/Sheet/Sheet.hooks.ts","../src/components/data-display/Sheet/Sheet.drag.ts","../src/components/data-display/Sheet/Sheet.styles.ts"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport { alpha, Backdrop, Box, Divider, Fade, IconButton, Typography, useTheme } from '@mui/material';\nimport type { Theme } from '@mui/material';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { shimmerAnimation } from './Sheet.animations';\nimport type {\n  SheetContentProps,\n  SheetFooterProps,\n  SheetHeaderProps,\n  SheetOverlayProps,\n} from './Sheet.types';\n\n/**\n * The grab handle's own styling. A draggable handle is deliberately larger and\n * tinted, so the affordance reads as draggable before the user tries it; a\n * decorative one stays a neutral bar.\n */\nconst handleSx = (theme: Theme, isDraggable: boolean) => ({\n  width: isDraggable ? 48 : 32,\n  height: isDraggable ? 6 : 4,\n  backgroundColor: alpha(theme.palette.text.primary, 0.3),\n  borderRadius: 3,\n  transition: theme.transitions.create(['all'], {\n    duration: theme.transitions.duration.short,\n    easing: theme.transitions.easing.easeInOut,\n  }),\n  position: 'relative',\n  overflow: 'hidden',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: '-100%',\n    width: '100%',\n    height: '100%',\n    background: `linear-gradient(\n      90deg,\n      transparent,\n      ${alpha(theme.palette.common.white, 0.3)},\n      transparent\n    )`,\n    animation: isDraggable ? `${shimmerAnimation} 2s infinite` : 'none',\n  },\n  ...(isDraggable && {\n    backgroundColor: alpha(theme.palette.primary.main, 0.4),\n    boxShadow: `0 2px 4px ${alpha(theme.palette.primary.main, 0.2)}`,\n    '&:hover': {\n      backgroundColor: theme.palette.primary.main,\n      transform: 'scaleX(1.15) scaleY(1.2)',\n      boxShadow: `0 3px 6px ${alpha(theme.palette.primary.main, 0.3)}`,\n    },\n  }),\n});\n\nconst SheetHandle: React.FC<{ isDraggable: boolean }> = ({ isDraggable }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        mb: 1,\n        // The handle is decoration on a draggable header: the drag listeners sit\n        // on the header itself, so letting the bar swallow the press would open\n        // a dead zone in the middle of the grab target.\n        pointerEvents: isDraggable ? 'none' : 'auto',\n      }}\n    >\n      <Box sx={handleSx(theme, isDraggable)} />\n    </Box>\n  );\n};\n\nconst HEADER_DEFAULTS: Partial<SheetHeaderProps> = {\n  isDraggable: false,\n  dataTestId: 'sheet-header',\n};\n\nexport const SheetHeader: React.FC<SheetHeaderProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    onClose,\n    showHandle,\n    isDraggable,\n    onDragStart,\n    className,\n    style,\n    children,\n    dataTestId,\n  } = withDefaults(props, HEADER_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        p: 2,\n        pb: showHandle ? 1 : 2,\n        cursor: isDraggable ? 'grab' : 'auto',\n        '&:active': isDraggable ? { cursor: 'grabbing' } : {},\n        ...style,\n      }}\n      onMouseDown={isDraggable ? onDragStart : undefined}\n      onTouchStart={isDraggable ? onDragStart : undefined}\n    >\n      {showHandle && <SheetHandle isDraggable={Boolean(isDraggable)} />}\n\n      <Box sx={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between' }}>\n        <Box sx={{ flex: 1 }}>\n          {title && (\n            <Typography variant=\"h6\" sx={{ fontWeight: 600 }} data-testid={`${dataTestId}-title`}>\n              {title}\n            </Typography>\n          )}\n          {description && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n              {description}\n            </Typography>\n          )}\n          {children}\n        </Box>\n\n        {showCloseButton && (\n          <IconButton\n            onClick={onClose}\n            size=\"small\"\n            sx={{ ml: 1, mt: -0.5 }}\n            data-testid={`${dataTestId}-close-button`}\n          >\n            <CloseIcon data-testid={`${dataTestId}-close-icon`} />\n          </IconButton>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nconst CONTENT_DEFAULTS: Partial<SheetContentProps> = {\n  padded: true,\n  dataTestId: 'sheet-content',\n};\n\nexport const SheetContent: React.FC<SheetContentProps> = (props) => {\n  const { children, className, style, padded, dataTestId } = withDefaults(props, CONTENT_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{ flex: 1, overflow: 'auto', p: padded ? 2 : 0, ...style }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nconst FOOTER_DEFAULTS: Partial<SheetFooterProps> = {\n  sticky: false,\n  divider: false,\n  dataTestId: 'sheet-footer',\n};\n\nexport const SheetFooter: React.FC<SheetFooterProps> = (props) => {\n  const { children, className, style, sticky, divider, dataTestId } = withDefaults(\n    props,\n    FOOTER_DEFAULTS,\n  );\n\n  return (\n    <>\n      {divider && <Divider />}\n      <Box\n        className={className}\n        data-testid={dataTestId}\n        sx={{\n          p: 2,\n          position: sticky ? 'sticky' : 'relative',\n          bottom: sticky ? 0 : 'auto',\n          backgroundColor: 'background.paper',\n          borderTop: sticky ? '1px solid' : 'none',\n          borderColor: 'divider',\n          ...style,\n        }}\n      >\n        {children}\n      </Box>\n    </>\n  );\n};\n\nconst OVERLAY_DEFAULTS: Partial<SheetOverlayProps> = {\n  open: false,\n  blur: false,\n};\n\nexport const SheetOverlay: React.FC<SheetOverlayProps> = (props) => {\n  const { open, onClick, className, style, blur } = withDefaults(props, OVERLAY_DEFAULTS);\n  const theme = useTheme();\n\n  return (\n    <Fade in={open} timeout={300}>\n      <Backdrop\n        open={Boolean(open)}\n        onClick={onClick}\n        className={className}\n        sx={{\n          // One below the drawer: this backdrop replaces MUI's own (the drawer\n          // is given a no-op BackdropComponent) and must sit under the panel.\n          zIndex: theme.zIndex.drawer - 1,\n          backgroundColor: alpha(theme.palette.common.black, blur ? 0.6 : 0.5),\n          backdropFilter: blur ? 'blur(8px) saturate(180%)' : 'none',\n          WebkitBackdropFilter: blur ? 'blur(8px) saturate(180%)' : 'none',\n          ...style,\n        }}\n      />\n    </Fade>\n  );\n};\n","import { keyframes } from '@mui/material';\n\n/** Spring physics used by the draggable variant's snap-point animation. */\nexport const SPRING_CONFIG = {\n  tension: 200,\n  friction: 25,\n  velocity: 0,\n};\n\n/** Velocity threshold for snap detection (pixels per millisecond). */\nexport const DEFAULT_VELOCITY_THRESHOLD = 0.5;\n\n/** Drag resistance factor applied past the first and last snap points. */\nexport const DEFAULT_DRAG_RESISTANCE = 0.3;\n\nexport const pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0.4);\n  }\n  70% {\n    box-shadow: 0 0 0 20px rgba(var(--pulse-color), 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0);\n  }\n`;\n\nexport const shimmerAnimation = keyframes`\n  0% {\n    background-position: -1000px 0;\n  }\n  100% {\n    background-position: 1000px 0;\n  }\n`;\n\nexport const glowAnimation = keyframes`\n  0%, 100% {\n    box-shadow: 0 0 20px 5px rgba(var(--glow-color), 0.3);\n  }\n  50% {\n    box-shadow: 0 0 35px 10px rgba(var(--glow-color), 0.5);\n  }\n`;\n","import { Drawer, SwipeableDrawer, useTheme } from '@mui/material';\nimport type { BackdropProps } from '@mui/material';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport {\n  DEFAULT_DRAG_RESISTANCE,\n  DEFAULT_VELOCITY_THRESHOLD,\n  SPRING_CONFIG,\n} from './Sheet.animations';\nimport { SheetBody } from './Sheet.body';\nimport { useSheetDrag, useSheetOpen } from './Sheet.hooks';\nimport { SheetOverlay } from './Sheet.parts';\nimport { panelSx } from './Sheet.styles';\nimport type { SheetProps } from './Sheet.types';\n\nexport { SheetContent, SheetFooter, SheetHeader, SheetOverlay } from './Sheet.parts';\n\nconst DEFAULTS = {\n  open: false,\n  position: 'bottom',\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  glow: false,\n  pulse: false,\n  glass: false,\n  gradient: false,\n  loading: false,\n  disabled: false,\n  showOverlay: true,\n  closeOnOverlayClick: true,\n  closeOnEscape: true,\n  showCloseButton: true,\n  showHandle: true,\n  swipeable: true,\n  snapPoints: [0.25, 0.5, 0.75, 1],\n  defaultSnapPoint: 0.5,\n  minSnapPoint: 0,\n  maxSnapPoint: 1,\n  velocityThreshold: DEFAULT_VELOCITY_THRESHOLD,\n  dragResistance: DEFAULT_DRAG_RESISTANCE,\n  animationConfig: SPRING_CONFIG,\n  persistent: false,\n  fullHeight: false,\n  rounded: true,\n  elevation: 16,\n  dataTestId: 'sheet',\n} satisfies Partial<SheetProps>;\n\n/**\n * The props with every defaulted key now guaranteed present. Without this the\n * component would need a `?? fallback` at each use site, and each of those is a\n * branch the complexity gate counts.\n */\ntype ResolvedSheetProps = SheetProps & Required<Pick<SheetProps, keyof typeof DEFAULTS>>;\n\n/**\n * The drawer supplies its own backdrop, which would sit on top of `SheetOverlay`\n * and swallow its click. Rendering nothing in its place leaves this component's\n * overlay — the one that knows about the `glass` blur — as the only one.\n *\n * Defined at module scope: a component built inside a render is a new type on\n * every pass, which remounts the subtree it belongs to.\n */\nconst NoBackdrop = React.forwardRef<HTMLDivElement, BackdropProps>(\n  (_props, _ref) => null,\n) as React.ComponentType<BackdropProps>;\nNoBackdrop.displayName = 'NoBackdrop';\n\n/**\n * Which way the sheet is anchored. Four flags rather than four repeated\n * comparisons, and the only thing the hooks and styles need to know about\n * `position` and `variant`.\n */\nconst orientationOf = ({ position, variant }: ResolvedSheetProps) => {\n  const isBottomSheet = position === 'bottom';\n  const isTopSheet = position === 'top';\n\n  return {\n    isBottomSheet,\n    isTopSheet,\n    isVerticalSheet: isBottomSheet || isTopSheet,\n    isDraggableVariant: variant === 'draggable',\n  };\n};\n\nexport const Sheet: React.FC<SheetProps> = (props) => {\n  const resolved = withDefaults(props, DEFAULTS) as ResolvedSheetProps;\n  const { position, variant, showOverlay, swipeable, className, dataTestId } = resolved;\n\n  const theme = useTheme();\n  const orientation = orientationOf(resolved);\n\n  // Support both the dataTestId prop and a plain data-testid attribute.\n  const testId = (resolved as { 'data-testid'?: string })['data-testid'] || dataTestId;\n\n  const { sheetRef, currentHeight, isDragging, isAnimating, handleDragStart, resetToDefaultSnapPoint } =\n    useSheetDrag({ ...resolved, ...orientation });\n\n  const { isOpen, handleClose, handleOverlayClick, handleSwipeOpen } = useSheetOpen({\n    ...resolved,\n    ...orientation,\n    resetToDefaultSnapPoint,\n  });\n\n  const drawerProps = {\n    anchor: position,\n    open: isOpen,\n    className,\n    onClose: handleClose,\n    PaperProps: {\n      ref: sheetRef,\n      sx: panelSx({ ...resolved, ...orientation, theme, currentHeight, isDragging, isAnimating }),\n    },\n    ModalProps: { keepMounted: true, BackdropComponent: NoBackdrop },\n  };\n\n  const body = (\n    <SheetBody\n      {...resolved}\n      {...orientation}\n      testId={testId}\n      isDragging={isDragging}\n      onClose={handleClose}\n      onDragStart={handleDragStart}\n    />\n  );\n\n  // The draggable variant drives the panel's height itself; MUI's swipe handling\n  // would be a second thing moving it.\n  const isSwipeable = swipeable && !orientation.isDraggableVariant;\n\n  return (\n    <>\n      {showOverlay && isOpen && (\n        <SheetOverlay open={isOpen} onClick={handleOverlayClick} blur={variant === 'glass'} />\n      )}\n\n      {isSwipeable ? (\n        <SwipeableDrawer\n          {...drawerProps}\n          onOpen={handleSwipeOpen}\n          disableSwipeToOpen={false}\n          swipeAreaWidth={20}\n        >\n          {body}\n        </SwipeableDrawer>\n      ) : (\n        <Drawer {...drawerProps}>{body}</Drawer>\n      )}\n    </>\n  );\n};\n","import { Box, CircularProgress } from '@mui/material';\nimport React from 'react';\n\nimport { SheetContent, SheetFooter, SheetHeader } from './Sheet.parts';\nimport type { SheetProps } from './Sheet.types';\nimport { muiColor } from '../../../tokens/scales';\n\nexport interface SheetBodyProps extends Pick<\n  SheetProps,\n  | 'title'\n  | 'description'\n  | 'showCloseButton'\n  | 'showHandle'\n  | 'header'\n  | 'footer'\n  | 'loading'\n  | 'color'\n  | 'children'\n  | 'onClick'\n  | 'onFocus'\n  | 'onBlur'\n> {\n  testId: string;\n  isDragging: boolean;\n  isVerticalSheet: boolean;\n  isDraggableVariant: boolean;\n  onClose: () => void;\n  onDragStart: (e: React.MouseEvent | React.TouchEvent) => void;\n}\n\n/**\n * The header earns its place if it would show anything at all — a grab handle,\n * either piece of text, the close button, or caller-supplied content.\n */\nconst needsHeader = (props: SheetBodyProps) =>\n  Boolean(\n    props.showHandle ||\n    props.title ||\n    props.description ||\n    props.showCloseButton ||\n    props.header,\n  );\n\n/** The centred spinner shown in place of the children while `loading`. */\nconst SheetLoading: React.FC<Pick<SheetBodyProps, 'color'>> = ({ color }) => (\n  <Box\n    sx={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      minHeight: 200,\n    }}\n  >\n    <CircularProgress color={color === undefined ? undefined : muiColor(color, 'inherit')} />\n  </Box>\n);\n\n/**\n * What the sheet contains, independent of which drawer is carrying it. The\n * swipeable and plain branches render exactly this — they differ only in the\n * MUI component and its swipe props, so the contents are built once.\n */\nexport const SheetBody: React.FC<SheetBodyProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    showHandle,\n    header,\n    footer,\n    loading,\n    color,\n    children,\n    onClick,\n    onFocus,\n    onBlur,\n    testId,\n    isDragging,\n    isVerticalSheet,\n    isDraggableVariant,\n    onClose,\n    onDragStart,\n  } = props;\n\n  return (\n    <Box\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      data-testid={testId}\n      sx={{\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        position: 'relative',\n        userSelect: isDragging ? 'none' : 'auto',\n      }}\n    >\n      {needsHeader(props) && (\n        <SheetHeader\n          title={title}\n          description={description}\n          showCloseButton={showCloseButton}\n          onClose={onClose}\n          showHandle={showHandle && isVerticalSheet}\n          isDraggable={isDraggableVariant && isVerticalSheet}\n          onDragStart={onDragStart}\n          dataTestId={`${testId}-header`}\n        >\n          {header}\n        </SheetHeader>\n      )}\n\n      <SheetContent padded dataTestId={`${testId}-content`}>\n        {loading ? <SheetLoading color={color} /> : children}\n      </SheetContent>\n\n      {footer && (\n        <SheetFooter sticky divider dataTestId={`${testId}-footer`}>\n          {footer}\n        </SheetFooter>\n      )}\n    </Box>\n  );\n};\n","import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { SPRING_CONFIG } from './Sheet.animations';\nimport { useDragGestures } from './Sheet.drag';\nimport type { SheetProps } from './Sheet.types';\n\nexport interface SheetDragInput {\n  isDraggableVariant: boolean;\n  isVerticalSheet: boolean;\n  isBottomSheet: boolean;\n  isTopSheet: boolean;\n  snapPoints: number[];\n  defaultSnapPoint: number;\n  minSnapPoint: number;\n  maxSnapPoint: number;\n  velocityThreshold: number;\n  dragResistance: number;\n  animationConfig: NonNullable<SheetProps['animationConfig']>;\n  onSnapPointChange?: (snapPoint: number) => void;\n  onDragStart?: () => void;\n  onDragEnd?: (snapPoint: number) => void;\n}\n\n/**\n * Which snap point a drag ending at `position` should land on.\n *\n * A flick past the velocity threshold advances one point in the direction of\n * travel rather than landing on whichever is nearest — that is what makes a\n * short fast drag feel like a throw. Anything slower simply snaps to the\n * closest point.\n */\nconst closestSnapPoint = (\n  points: number[],\n  position: number,\n  from: number,\n  velocity: number,\n  velocityThreshold: number,\n) => {\n  if (Math.abs(velocity) > velocityThreshold) {\n    const index = points.findIndex((point) => Math.abs(point - from) < 0.01);\n\n    if (velocity > 0 && index < points.length - 1) return points[index + 1];\n    if (velocity < 0 && index > 0) return points[index - 1];\n  }\n\n  return points.reduce(\n    (closest, point) =>\n      Math.abs(position - point) < Math.abs(position - closest) ? point : closest,\n    points[0] ?? from,\n  );\n};\n\n/** Owns the panel element and the height writes that realise a snap point. */\nconst useSheetHeight = (input: Pick<SheetDragInput, 'isVerticalSheet' | 'isBottomSheet' | 'isTopSheet'>) => {\n  const { isVerticalSheet, isBottomSheet, isTopSheet } = input;\n  const [currentHeight, setCurrentHeight] = useState<number | null>(null);\n  const sheetRef = useRef<HTMLDivElement>(null);\n\n  const updateSheetHeight = useCallback(\n    (snapPoint: number) => {\n      if (!sheetRef.current || !isVerticalSheet) return;\n\n      const height = Math.round(window.innerHeight * snapPoint);\n\n      if (isBottomSheet) {\n        sheetRef.current.style.height = `${height}px`;\n        sheetRef.current.style.transform = 'translateY(0)';\n      } else if (isTopSheet) {\n        sheetRef.current.style.height = `${height}px`;\n      }\n\n      setCurrentHeight(height);\n    },\n    [isBottomSheet, isTopSheet, isVerticalSheet],\n  );\n\n  return { sheetRef, currentHeight, updateSheetHeight };\n};\n\ninterface SnapAnimationInput {\n  isVerticalSheet: boolean;\n  animationConfig: NonNullable<SheetProps['animationConfig']>;\n  updateSheetHeight: (snapPoint: number) => void;\n  onSettled: (snapPoint: number) => void;\n  enabled: () => boolean;\n}\n\n/** The spring that carries the panel from one snap point to another. */\nconst useSnapAnimation = ({\n  isVerticalSheet,\n  animationConfig,\n  updateSheetHeight,\n  onSettled,\n  enabled,\n}: SnapAnimationInput) => {\n  const [isAnimating, setIsAnimating] = useState(false);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n\n  const animateToSnapPoint = useCallback(\n    (from: number, to: number, velocity = 0) => {\n      if (!enabled() || !isVerticalSheet) return;\n\n      setIsAnimating(true);\n      const distance = to - from;\n      const startTime = globalThis.performance.now();\n\n      const { tension, friction } = { ...SPRING_CONFIG, ...animationConfig };\n      let currentVelocity = velocity * 1000; // px per second\n\n      const animate = () => {\n        const elapsed = (globalThis.performance.now() - startTime) / 1000;\n\n        const springForce = -tension * (from - to);\n        const dampingForce = -friction * currentVelocity;\n        currentVelocity += (springForce + dampingForce) * 0.016; // 60fps timestep\n\n        const progress = Math.min(1, elapsed * 4);\n        updateSheetHeight(from + distance * progress);\n\n        if (progress < 1) {\n          animationFrameRef.current = window.requestAnimationFrame(animate);\n          return;\n        }\n\n        setIsAnimating(false);\n        onSettled(to);\n        updateSheetHeight(to);\n      };\n\n      animate();\n    },\n    [isVerticalSheet, animationConfig, updateSheetHeight, onSettled, enabled],\n  );\n\n  const cancelAnimation = useCallback(() => {\n    if (animationFrameRef.current) {\n      window.cancelAnimationFrame(animationFrameRef.current);\n    }\n  }, []);\n\n  return { isAnimating, animateToSnapPoint, cancelAnimation };\n};\n\n/**\n * Where the sheet rests and how it gets there. Knows nothing about pointers —\n * `useDragGestures` supplies the positions.\n */\nconst useSnapGeometry = (input: SheetDragInput) => {\n  const {\n    isVerticalSheet,\n    snapPoints,\n    defaultSnapPoint,\n    minSnapPoint,\n    maxSnapPoint,\n    velocityThreshold,\n    animationConfig,\n    onSnapPointChange,\n  } = input;\n\n  const [currentSnapPoint, setCurrentSnapPoint] = useState(defaultSnapPoint);\n  const { sheetRef, currentHeight, updateSheetHeight } = useSheetHeight(input);\n\n  const sortedSnapPoints = useMemo(\n    () =>\n      [...snapPoints]\n        .sort((a, b) => a - b)\n        .filter((point) => point >= minSnapPoint && point <= maxSnapPoint),\n    [snapPoints, minSnapPoint, maxSnapPoint],\n  );\n\n  const onSettled = useCallback(\n    (snapPoint: number) => {\n      setCurrentSnapPoint(snapPoint);\n      onSnapPointChange?.(snapPoint);\n    },\n    [onSnapPointChange],\n  );\n\n  const hasPanel = useCallback(() => Boolean(sheetRef.current), [sheetRef]);\n\n  const { isAnimating, animateToSnapPoint, cancelAnimation } = useSnapAnimation({\n    isVerticalSheet,\n    animationConfig,\n    updateSheetHeight,\n    onSettled,\n    enabled: hasPanel,\n  });\n\n  const settleAt = useCallback(\n    (position: number, velocity: number) => {\n      const target = closestSnapPoint(\n        sortedSnapPoints,\n        position,\n        currentSnapPoint,\n        velocity,\n        velocityThreshold,\n      );\n      if (target === undefined) return undefined;\n\n      animateToSnapPoint(currentSnapPoint, target, velocity);\n      return target;\n    },\n    [sortedSnapPoints, currentSnapPoint, velocityThreshold, animateToSnapPoint],\n  );\n\n  /** Re-seat the panel at its default snap point each time it opens. */\n  const resetToDefaultSnapPoint = useCallback(() => {\n    setCurrentSnapPoint(defaultSnapPoint);\n    updateSheetHeight(defaultSnapPoint);\n  }, [defaultSnapPoint, updateSheetHeight]);\n\n  return {\n    sheetRef,\n    currentSnapPoint,\n    currentHeight,\n    isAnimating,\n    updateSheetHeight,\n    settleAt,\n    resetToDefaultSnapPoint,\n    cancelAnimation,\n  };\n};\n\nexport type SnapGeometry = ReturnType<typeof useSnapGeometry>;\n\n/**\n * The draggable variant's whole state machine. It lives apart from the component\n * because none of it is about what the sheet renders — the component only needs\n * the ref to attach, the current height to size with, and the two flags that\n * suppress the CSS transition mid-drag.\n */\nexport const useSheetDrag = (input: SheetDragInput) => {\n  const geometry = useSnapGeometry(input);\n  const { isDragging, handleDragStart } = useDragGestures(input, geometry);\n\n  return {\n    sheetRef: geometry.sheetRef,\n    currentHeight: geometry.currentHeight,\n    isAnimating: geometry.isAnimating,\n    resetToDefaultSnapPoint: geometry.resetToDefaultSnapPoint,\n    isDragging,\n    handleDragStart,\n  };\n};\n\ninterface SheetOpenInput {\n  open: boolean;\n  persistent: boolean;\n  disabled: boolean;\n  closeOnEscape: boolean;\n  closeOnOverlayClick: boolean;\n  isDraggableVariant: boolean;\n  isVerticalSheet: boolean;\n  resetToDefaultSnapPoint: () => void;\n  onOpenChange?: (open: boolean) => void;\n  onClose?: () => void;\n  onOpen?: () => void;\n}\n\n/**\n * Open/closed state and the three ways it changes: the `open` prop, the Escape\n * key, and a click on the overlay. `persistent` and `disabled` block every\n * close path, so they are checked once here rather than at each caller.\n */\nexport const useSheetOpen = (input: SheetOpenInput) => {\n  const {\n    open, persistent, disabled, closeOnEscape, closeOnOverlayClick,\n    isDraggableVariant, isVerticalSheet, resetToDefaultSnapPoint,\n    onOpenChange, onClose, onOpen,\n  } = input;\n\n  const [isOpen, setIsOpen] = useState(open);\n\n  const handleClose = useCallback(() => {\n    if (!persistent && !disabled) {\n      setIsOpen(false);\n      onOpenChange?.(false);\n      onClose?.();\n    }\n  }, [persistent, disabled, onOpenChange, onClose]);\n\n  const handleOverlayClick = useCallback(() => {\n    if (closeOnOverlayClick && !persistent) {\n      handleClose();\n    }\n  }, [closeOnOverlayClick, persistent, handleClose]);\n\n  const handleSwipeOpen = useCallback(() => {\n    setIsOpen(true);\n    onOpenChange?.(true);\n    onOpen?.();\n  }, [onOpenChange, onOpen]);\n\n  useEffect(() => {\n    setIsOpen(open);\n    if (open) {\n      onOpen?.();\n      if (isDraggableVariant && isVerticalSheet) {\n        resetToDefaultSnapPoint();\n      }\n    }\n  }, [open, onOpen, isDraggableVariant, isVerticalSheet, resetToDefaultSnapPoint]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleEscape = (e: globalThis.KeyboardEvent) => {\n      if (closeOnEscape && e.key === 'Escape') {\n        handleClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleEscape);\n    return () => document.removeEventListener('keydown', handleEscape);\n  }, [isOpen, closeOnEscape, handleClose]);\n\n  return { isOpen, handleClose, handleOverlayClick, handleSwipeOpen };\n};\n","import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { SheetDragInput, SnapGeometry } from './Sheet.hooks';\n\ntype AnyPointerEvent =\n  | React.MouseEvent\n  | React.TouchEvent\n  | globalThis.MouseEvent\n  | globalThis.TouchEvent;\n\n/** Reads the pointer's y from either a mouse or a touch event. */\nconst clientYOf = (e: AnyPointerEvent) =>\n  'touches' in e ? (e.touches[0]?.clientY ?? 0) : e.clientY;\n\n/**\n * A drag continues wherever the pointer goes, so the move and end listeners\n * belong on the document rather than the panel.\n */\nconst useDragListeners = (\n  isDragging: boolean,\n  onMove: (e: globalThis.MouseEvent | globalThis.TouchEvent) => void,\n  onEnd: (e: globalThis.MouseEvent | globalThis.TouchEvent) => void,\n) => {\n  useEffect(() => {\n    if (!isDragging) return;\n\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onEnd);\n    document.addEventListener('touchmove', onMove, { passive: false });\n    document.addEventListener('touchend', onEnd);\n\n    return () => {\n      document.removeEventListener('mousemove', onMove);\n      document.removeEventListener('mouseup', onEnd);\n      document.removeEventListener('touchmove', onMove);\n      document.removeEventListener('touchend', onEnd);\n    };\n  }, [isDragging, onMove, onEnd]);\n};\n\n/**\n * Pointer velocity across a drag, in snap-point units per millisecond. Kept in\n * refs rather than state: it is read once at drag end and must not re-render\n * the panel on every pointer move.\n */\nconst useVelocityTracker = () => {\n  const velocityRef = useRef(0);\n  const lastYRef = useRef(0);\n  const lastTimeRef = useRef(0);\n\n  const begin = useCallback((clientY: number) => {\n    lastYRef.current = clientY;\n    lastTimeRef.current = globalThis.performance.now();\n    velocityRef.current = 0;\n  }, []);\n\n  const track = useCallback((clientY: number) => {\n    const now = globalThis.performance.now();\n    const deltaTime = now - lastTimeRef.current;\n    if (deltaTime > 0) {\n      velocityRef.current = (clientY - lastYRef.current) / deltaTime;\n    }\n    lastYRef.current = clientY;\n    lastTimeRef.current = now;\n  }, []);\n\n  const read = useCallback(() => velocityRef.current || 0, []);\n\n  return { begin, track, read };\n};\n\n/**\n * The two conversions between pointer travel and snap points: how far a pointer\n * at `clientY` has moved the sheet, and what happens past the end stops.\n */\nconst useDragMath = (input: SheetDragInput, dragStartY: number) => {\n  const { isBottomSheet, minSnapPoint, maxSnapPoint, dragResistance } = input;\n\n  /** Snap-point delta for a pointer at `clientY`, sign-corrected for the anchor. */\n  const snapDeltaFor = useCallback(\n    (clientY: number) =>\n      (isBottomSheet ? dragStartY - clientY : clientY - dragStartY) / window.innerHeight,\n    [isBottomSheet, dragStartY],\n  );\n\n  /**\n   * Past either end the sheet still moves, but only by a fraction of the drag,\n   * so the boundary is felt rather than hit.\n   */\n  const withResistance = useCallback(\n    (snapPoint: number) => {\n      if (snapPoint < minSnapPoint) {\n        return minSnapPoint - (minSnapPoint - snapPoint) * dragResistance;\n      }\n      if (snapPoint > maxSnapPoint) {\n        return maxSnapPoint + (snapPoint - maxSnapPoint) * dragResistance;\n      }\n      return snapPoint;\n    },\n    [minSnapPoint, maxSnapPoint, dragResistance],\n  );\n\n  return { snapDeltaFor, withResistance };\n};\n\ninterface InFlightInput {\n  isDragging: boolean;\n  dragStartY: number;\n  stopDragging: () => void;\n  velocity: ReturnType<typeof useVelocityTracker>;\n}\n\n/**\n * The two handlers that run while a drag is live: one per pointer move, and one\n * at release that hands the resting position to the geometry.\n */\nconst useDragInFlight = (\n  input: SheetDragInput,\n  geometry: SnapGeometry,\n  { isDragging, dragStartY, stopDragging, velocity }: InFlightInput,\n) => {\n  const { isVerticalSheet, isBottomSheet, onDragEnd } = input;\n  const { sheetRef, currentSnapPoint, updateSheetHeight, settleAt } = geometry;\n  const { snapDeltaFor, withResistance } = useDragMath(input, dragStartY);\n\n  const handleDragMove = useCallback(\n    (e: globalThis.MouseEvent | globalThis.TouchEvent) => {\n      if (!isDragging || !sheetRef.current || !isVerticalSheet) return;\n\n      e.preventDefault();\n      const clientY = clientYOf(e);\n      velocity.track(clientY);\n      updateSheetHeight(withResistance(currentSnapPoint + snapDeltaFor(clientY)));\n    },\n    [isDragging, sheetRef, isVerticalSheet, currentSnapPoint, snapDeltaFor, withResistance, updateSheetHeight, velocity],\n  );\n\n  const handleDragEnd = useCallback(\n    (e: globalThis.MouseEvent | globalThis.TouchEvent) => {\n      if (!isDragging || !isVerticalSheet) return;\n\n      e.preventDefault();\n      stopDragging();\n\n      const position = currentSnapPoint + snapDeltaFor(clientYOf(e));\n      // A bottom sheet grows as the pointer moves up, so its velocity reads\n      // negative for the direction the panel is actually travelling.\n      const finalVelocity = isBottomSheet ? -velocity.read() : velocity.read();\n\n      const target = settleAt(position, finalVelocity);\n      if (target !== undefined) {\n        onDragEnd?.(target);\n      }\n    },\n    [isDragging, isVerticalSheet, isBottomSheet, currentSnapPoint, snapDeltaFor, settleAt, stopDragging, velocity, onDragEnd],\n  );\n\n  return { handleDragMove, handleDragEnd };\n};\n\n/**\n * The pointer half of the draggable variant: tracks one drag from press to\n * release, converts its travel into a snap-point delta, and hands the result to\n * the geometry to settle.\n */\nexport const useDragGestures = (input: SheetDragInput, geometry: SnapGeometry) => {\n  const { isDraggableVariant, isVerticalSheet, onDragStart } = input;\n  const { isAnimating, cancelAnimation } = geometry;\n\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragStartY, setDragStartY] = useState(0);\n  const velocity = useVelocityTracker();\n\n  const handleDragStart = useCallback(\n    (e: React.MouseEvent | React.TouchEvent) => {\n      if (!isDraggableVariant || !isVerticalSheet || isAnimating) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      const clientY = clientYOf(e);\n      setIsDragging(true);\n      setDragStartY(clientY);\n      velocity.begin(clientY);\n\n      cancelAnimation();\n      onDragStart?.();\n    },\n    [isDraggableVariant, isVerticalSheet, isAnimating, velocity, cancelAnimation, onDragStart],\n  );\n\n  const stopDragging = useCallback(() => setIsDragging(false), []);\n  const { handleDragMove, handleDragEnd } = useDragInFlight(input, geometry, {\n    isDragging,\n    dragStartY,\n    stopDragging,\n    velocity,\n  });\n\n  useDragListeners(isDragging, handleDragMove, handleDragEnd);\n\n  return { isDragging, handleDragStart };\n};\n","import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\nimport type React from 'react';\n\nimport { glowAnimation, pulseAnimation, shimmerAnimation } from './Sheet.animations';\nimport type { SheetProps } from './Sheet.types';\nimport { accentFor } from '../../../tokens/scales';\n\ntype Position = NonNullable<SheetProps['position']>;\ntype Variant = NonNullable<SheetProps['variant']>;\ntype Size = NonNullable<SheetProps['size']>;\ntype Color = NonNullable<SheetProps['color']>;\n\nconst isHorizontalPosition = (position: Position) => position === 'left' || position === 'right';\n\n/**\n * Horizontal (left/right) sheets are viewport-aware: a px floor keeps the panel\n * usable, `…vw` lets the larger presets grow on wide screens (lg ≥32%, xl ≥40%\n * of the viewport), and the outer `min(92vw, …)` guarantees the panel never\n * overflows a small screen. Vertical presets stay fixed-height.\n */\nconst HORIZONTAL_SIZES: Record<Size, string> = {\n  xs: 'min(92vw, 240px)',\n  sm: 'min(92vw, 320px)',\n  md: 'min(92vw, 400px)',\n  lg: 'min(92vw, max(560px, 32vw))',\n  xl: 'min(92vw, max(720px, 40vw))',\n  full: '100%',\n};\n\nconst VERTICAL_SIZES: Record<Size, number | string> = {\n  xs: 200,\n  sm: 300,\n  md: 400,\n  lg: 500,\n  xl: 600,\n  full: '100%',\n};\n\ninterface SizeStyleInput {\n  position: Position;\n  size: Size;\n  isDraggableVariant: boolean;\n  isVerticalSheet: boolean;\n  currentHeight: number | null;\n}\n\nconst sizeStyles = ({\n  position,\n  size,\n  isDraggableVariant,\n  isVerticalSheet,\n  currentHeight,\n}: SizeStyleInput) => {\n  // The draggable variant owns its own height: the snap point decides it, so a\n  // preset would fight the drag.\n  if (isDraggableVariant && isVerticalSheet && currentHeight !== null) {\n    return { height: currentHeight };\n  }\n\n  return isHorizontalPosition(position)\n    ? { width: HORIZONTAL_SIZES[size] ?? HORIZONTAL_SIZES.md }\n    : { height: VERTICAL_SIZES[size] ?? VERTICAL_SIZES.md };\n};\n\n/** `r, g, b` for a hex colour, so it can feed an `rgba(var(--x), a)` custom property. */\nconst toRgbTriplet = (hexColor: string) => {\n  const hex = hexColor.replace('#', '');\n  const r = parseInt(hex.substring(0, 2), 16);\n  const g = parseInt(hex.substring(2, 4), 16);\n  const b = parseInt(hex.substring(4, 6), 16);\n  return `${r}, ${g}, ${b}`;\n};\n\nconst roundedStyles = (theme: Theme, position: Position) => {\n  const radius = theme.spacing(2);\n  const byPosition: Record<Position, string> = {\n    top: `0 0 ${radius} ${radius}`,\n    bottom: `${radius} ${radius} 0 0`,\n    left: `0 ${radius} ${radius} 0`,\n    right: `${radius} 0 0 ${radius}`,\n  };\n  return { borderRadius: byPosition[position] };\n};\n\ninterface VariantStyleInput {\n  theme: Theme;\n  variant: Variant;\n  color: Color;\n  position: Position;\n  elevation: number;\n  glow: boolean;\n  pulse: boolean;\n  glass: boolean;\n  gradient: boolean;\n  rounded: boolean;\n  disabled: boolean;\n  isDragging: boolean;\n  isAnimating: boolean;\n  isDraggableVariant: boolean;\n  isVerticalSheet: boolean;\n}\n\ntype SurfaceInput = VariantStyleInput & { accent: string };\n\n/**\n * Each variant's own additions to the shared surface — never the shared part\n * itself. Every arm of the old switch re-spread the same base, glow, pulse and\n * rounded objects before adding these few rules; `variantStyles` applies that\n * prefix once and lets the table hold only what actually differs.\n */\nconst SURFACES: Record<Variant, (input: SurfaceInput) => Record<string, unknown>> = {\n  draggable: ({ theme, elevation, accent }) => ({\n    boxShadow: `\n            ${theme.shadows[Math.min(elevation + 4, 24)]},\n            0 -2px 10px 0 ${alpha(theme.palette.common.black, 0.1)}\n          `,\n    border: `1px solid ${alpha(theme.palette.divider, 0.12)}`,\n    borderTop: `2px solid ${alpha(accent, 0.3)}`,\n    transition: theme.transitions.create(['transform', 'box-shadow', 'border-color'], {\n      duration: theme.transitions.duration.shorter,\n      easing: theme.transitions.easing.easeInOut,\n    }),\n    '&:hover': { borderTopColor: alpha(accent, 0.5) },\n  }),\n\n  glass: ({ theme, glass }) => ({\n    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.75 : 0.95),\n    backdropFilter: 'blur(24px) saturate(180%)',\n    WebkitBackdropFilter: 'blur(24px) saturate(180%)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.15)}`,\n    boxShadow: `\n            0 8px 32px 0 ${alpha(theme.palette.common.black, 0.15)},\n            inset 0 0 0 1px ${alpha(theme.palette.common.white, 0.1)}\n          `,\n  }),\n\n  gradient: ({ theme, color, gradient, accent }) => ({\n    background: gradient\n      ? `linear-gradient(\n                135deg,\n                ${theme.palette.background.paper} 0%,\n                ${alpha(accent, 0.08)} 50%,\n                ${alpha(accentFor(theme, color)?.dark || accent, 0.12)} 100%\n              )`\n      : theme.palette.background.paper,\n    position: 'relative' as const,\n    overflow: 'hidden' as const,\n    '&::before': gradient ? shimmerOverlay(theme) : {},\n  }),\n\n  elevated: ({ theme, elevation }) => ({\n    boxShadow: `\n            ${theme.shadows[elevation]},\n            0 20px 40px -15px ${alpha(theme.palette.common.black, 0.15)}\n          `,\n    transform: 'translateZ(0)',\n    willChange: 'transform',\n  }),\n\n  minimal: () => ({ boxShadow: 'none', border: 'none' }),\n\n  default: () => ({}),\n};\n\n/** The sweep of light the gradient variant runs across itself. */\nconst shimmerOverlay = (theme: Theme) => ({\n  content: '\"\"',\n  position: 'absolute',\n  top: 0,\n  left: '-100%',\n  width: '100%',\n  height: '100%',\n  background: `linear-gradient(\n              90deg,\n              transparent,\n              ${alpha(theme.palette.common.white, 0.2)},\n              transparent\n            )`,\n  animation: `${shimmerAnimation} 3s infinite`,\n});\n\n/**\n * The parts of the surface that do not depend on the variant: the paper colour,\n * the transition suppression while a drag or spring is driving the panel, the\n * disabled and cursor states, and the two colour custom properties the glow and\n * pulse keyframes read.\n */\nconst baseSurface = (input: VariantStyleInput, accent: string) => {\n  const { theme, disabled, isDragging, isAnimating, isDraggableVariant, isVerticalSheet } = input;\n  const colorRgb = toRgbTriplet(accent);\n\n  return {\n    backgroundColor: theme.palette.background.paper,\n    // A transition would fight the per-frame height writes while a drag or a\n    // snap animation is driving the panel.\n    transition:\n      !isDragging && !isAnimating\n        ? theme.transitions.create(['all'], {\n            duration: theme.transitions.duration.standard,\n            easing: theme.transitions.easing.easeInOut,\n          })\n        : 'none',\n    opacity: disabled ? 0.5 : 1,\n    pointerEvents: disabled ? ('none' as const) : ('auto' as const),\n    cursor: isDraggableVariant && isVerticalSheet ? 'grab' : 'auto',\n    '--pulse-color': colorRgb,\n    '--glow-color': colorRgb,\n    ...(isDragging && { cursor: 'grabbing' }),\n  };\n};\n\nconst variantStyles = (input: VariantStyleInput) => {\n  const { theme, variant, color, position, glow, pulse, rounded } = input;\n  const accent = accentFor(theme, color)?.main || theme.palette.primary.main;\n\n  return {\n    ...baseSurface(input, accent),\n    // glow first, then pulse: with both set the pulse keyframes win the shared\n    // `animation` slot, which is the order the original spread produced.\n    ...(glow && { animation: `${glowAnimation} 2s ease-in-out infinite`, filter: 'brightness(1.05)' }),\n    ...(pulse && { animation: `${pulseAnimation} 2s infinite`, position: 'relative' as const }),\n    ...(rounded && roundedStyles(theme, position)),\n    ...(SURFACES[variant] ?? SURFACES.default)({ ...input, accent }),\n  };\n};\n\ninterface PanelSxInput extends VariantStyleInput {\n  size: Size;\n  currentHeight: number | null;\n  fullHeight: boolean;\n  style?: React.CSSProperties;\n}\n\n/**\n * The drawer paper's complete `sx`: its size, its variant surface, the caller's\n * own `style`, and the full-height rule.\n *\n * Built here rather than in the component so the component holds no style\n * branches of its own — the cross-axis rule below is four on its own.\n */\nexport const panelSx = (input: PanelSxInput): CSSObject => {\n  const { position, size, isDraggableVariant, isVerticalSheet, currentHeight, fullHeight, style } =\n    input;\n\n  return {\n    ...sizeStyles({ position, size, isDraggableVariant, isVerticalSheet, currentHeight }),\n    ...variantStyles(input),\n    ...style,\n    overflow: 'visible',\n    // Expand only the cross axis so the chosen `size` still governs the main\n    // axis: side sheets keep their (responsive) width and go full-height;\n    // top/bottom sheets keep their height and go full-width.\n    ...(fullHeight &&\n      !isDraggableVariant &&\n      (isHorizontalPosition(position) ? { height: '100%' } : { width: '100%' })),\n  };\n};\n"],"mappings":";;;;;;;;;AAAA,OAAO,eAAe;AACtB,SAAS,OAAO,UAAU,KAAK,SAAS,MAAM,YAAY,YAAY,gBAAgB;;;ACDtF,SAAS,iBAAiB;AAGnB,IAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AACZ;AAGO,IAAM,6BAA6B;AAGnC,IAAM,0BAA0B;AAEhC,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,IAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ADoCvB,SAuGF,UAvGE,KA0CE,YA1CF;AApDN,IAAM,WAAW,CAAC,OAAc,iBAA0B;AAAA,EACxD,OAAO,cAAc,KAAK;AAAA,EAC1B,QAAQ,cAAc,IAAI;AAAA,EAC1B,iBAAiB,MAAM,MAAM,QAAQ,KAAK,SAAS,GAAG;AAAA,EACtD,cAAc;AAAA,EACd,YAAY,MAAM,YAAY,OAAO,CAAC,KAAK,GAAG;AAAA,IAC5C,UAAU,MAAM,YAAY,SAAS;AAAA,IACrC,QAAQ,MAAM,YAAY,OAAO;AAAA,EACnC,CAAC;AAAA,EACD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA;AAAA;AAAA,QAGR,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAAA,IAG1C,WAAW,cAAc,GAAG,gBAAgB,iBAAiB;AAAA,EAC/D;AAAA,EACA,GAAI,eAAe;AAAA,IACjB,iBAAiB,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG;AAAA,IACtD,WAAW,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,IAC9D,WAAW;AAAA,MACT,iBAAiB,MAAM,QAAQ,QAAQ;AAAA,MACvC,WAAW;AAAA,MACX,WAAW,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,IAChE;AAAA,EACF;AACF;AAEA,IAAM,cAAkD,CAAC,EAAE,YAAY,MAAM;AAC3E,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,IAAI;AAAA;AAAA;AAAA;AAAA,QAIJ,eAAe,cAAc,SAAS;AAAA,MACxC;AAAA,MAEA,8BAAC,OAAI,IAAI,SAAS,OAAO,WAAW,GAAG;AAAA;AAAA,EACzC;AAEJ;AAEA,IAAM,kBAA6C;AAAA,EACjD,aAAa;AAAA,EACb,YAAY;AACd;AAEO,IAAM,cAA0C,CAAC,UAAU;AAChE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,aAAa,OAAO,eAAe;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACF,GAAG;AAAA,QACH,IAAI,aAAa,IAAI;AAAA,QACrB,QAAQ,cAAc,SAAS;AAAA,QAC/B,YAAY,cAAc,EAAE,QAAQ,WAAW,IAAI,CAAC;AAAA,QACpD,GAAG;AAAA,MACL;AAAA,MACA,aAAa,cAAc,cAAc;AAAA,MACzC,cAAc,cAAc,cAAc;AAAA,MAEzC;AAAA,sBAAc,oBAAC,eAAY,aAAa,QAAQ,WAAW,GAAG;AAAA,QAE/D,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,cAAc,gBAAgB,gBAAgB,GACpF;AAAA,+BAAC,OAAI,IAAI,EAAE,MAAM,EAAE,GAChB;AAAA,qBACC,oBAAC,cAAW,SAAQ,MAAK,IAAI,EAAE,YAAY,IAAI,GAAG,eAAa,GAAG,UAAU,UACzE,iBACH;AAAA,YAED,eACC,oBAAC,cAAW,SAAQ,SAAQ,OAAM,kBAAiB,IAAI,EAAE,IAAI,IAAI,GAC9D,uBACH;AAAA,YAED;AAAA,aACH;AAAA,UAEC,mBACC;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,MAAK;AAAA,cACL,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK;AAAA,cACtB,eAAa,GAAG,UAAU;AAAA,cAE1B,8BAAC,aAAU,eAAa,GAAG,UAAU,eAAe;AAAA;AAAA,UACtD;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,mBAA+C;AAAA,EACnD,QAAQ;AAAA,EACR,YAAY;AACd;AAEO,IAAM,eAA4C,CAAC,UAAU;AAClE,QAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,WAAW,IAAI,aAAa,OAAO,gBAAgB;AAE/F,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,IAAI,EAAE,MAAM,GAAG,UAAU,QAAQ,GAAG,SAAS,IAAI,GAAG,GAAG,MAAM;AAAA,MAE5D;AAAA;AAAA,EACH;AAEJ;AAEA,IAAM,kBAA6C;AAAA,EACjD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AACd;AAEO,IAAM,cAA0C,CAAC,UAAU;AAChE,QAAM,EAAE,UAAU,WAAW,OAAO,QAAQ,SAAS,WAAW,IAAI;AAAA,IAClE;AAAA,IACA;AAAA,EACF;AAEA,SACE,iCACG;AAAA,eAAW,oBAAC,WAAQ;AAAA,IACrB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb,IAAI;AAAA,UACF,GAAG;AAAA,UACH,UAAU,SAAS,WAAW;AAAA,UAC9B,QAAQ,SAAS,IAAI;AAAA,UACrB,iBAAiB;AAAA,UACjB,WAAW,SAAS,cAAc;AAAA,UAClC,aAAa;AAAA,UACb,GAAG;AAAA,QACL;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,IAAM,mBAA+C;AAAA,EACnD,MAAM;AAAA,EACN,MAAM;AACR;AAEO,IAAM,eAA4C,CAAC,UAAU;AAClE,QAAM,EAAE,MAAM,SAAS,WAAW,OAAO,KAAK,IAAI,aAAa,OAAO,gBAAgB;AACtF,QAAM,QAAQ,SAAS;AAEvB,SACE,oBAAC,QAAK,IAAI,MAAM,SAAS,KACvB;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,IAAI;AAAA,MAClB;AAAA,MACA;AAAA,MACA,IAAI;AAAA;AAAA;AAAA,QAGF,QAAQ,MAAM,OAAO,SAAS;AAAA,QAC9B,iBAAiB,MAAM,MAAM,QAAQ,OAAO,OAAO,OAAO,MAAM,GAAG;AAAA,QACnE,gBAAgB,OAAO,6BAA6B;AAAA,QACpD,sBAAsB,OAAO,6BAA6B;AAAA,QAC1D,GAAG;AAAA,MACL;AAAA;AAAA,EACF,GACF;AAEJ;;;AE/NA,SAAS,QAAQ,iBAAiB,YAAAA,iBAAgB;AAElD,OAAO,WAAW;;;ACFlB,SAAS,OAAAC,MAAK,wBAAwB;AAqDlC,gBAAAC,MAgCA,QAAAC,aAhCA;AAnBJ,IAAM,cAAc,CAAC,UACnB;AAAA,EACE,MAAM,cACN,MAAM,SACN,MAAM,eACN,MAAM,mBACN,MAAM;AACR;AAGF,IAAM,eAAwD,CAAC,EAAE,MAAM,MACrE,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IAEA,0BAAAF,KAAC,oBAAiB,OAAO,UAAU,SAAY,SAAY,SAAS,OAAO,SAAS,GAAG;AAAA;AACzF;AAQK,IAAM,YAAsC,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,UAAU;AAAA,QACV,YAAY,aAAa,SAAS;AAAA,MACpC;AAAA,MAEC;AAAA,oBAAY,KAAK,KAChB,gBAAAF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,YAAY,cAAc;AAAA,YAC1B,aAAa,sBAAsB;AAAA,YACnC;AAAA,YACA,YAAY,GAAG,MAAM;AAAA,YAEpB;AAAA;AAAA,QACH;AAAA,QAGF,gBAAAA,KAAC,gBAAa,QAAM,MAAC,YAAY,GAAG,MAAM,YACvC,oBAAU,gBAAAA,KAAC,gBAAa,OAAc,IAAK,UAC9C;AAAA,QAEC,UACC,gBAAAA,KAAC,eAAY,QAAM,MAAC,SAAO,MAAC,YAAY,GAAG,MAAM,WAC9C,kBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;;;AC5HA,SAAS,eAAAG,cAAa,aAAAC,YAAW,SAAS,UAAAC,SAAQ,YAAAC,iBAAgB;;;ACAlE,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAWzD,IAAM,YAAY,CAAC,MACjB,aAAa,IAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,IAAK,EAAE;AAMpD,IAAM,mBAAmB,CACvB,YACA,QACA,UACG;AACH,YAAU,MAAM;AACd,QAAI,CAAC,WAAY;AAEjB,aAAS,iBAAiB,aAAa,MAAM;AAC7C,aAAS,iBAAiB,WAAW,KAAK;AAC1C,aAAS,iBAAiB,aAAa,QAAQ,EAAE,SAAS,MAAM,CAAC;AACjE,aAAS,iBAAiB,YAAY,KAAK;AAE3C,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,MAAM;AAChD,eAAS,oBAAoB,WAAW,KAAK;AAC7C,eAAS,oBAAoB,aAAa,MAAM;AAChD,eAAS,oBAAoB,YAAY,KAAK;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,YAAY,QAAQ,KAAK,CAAC;AAChC;AAOA,IAAM,qBAAqB,MAAM;AAC/B,QAAM,cAAc,OAAO,CAAC;AAC5B,QAAM,WAAW,OAAO,CAAC;AACzB,QAAM,cAAc,OAAO,CAAC;AAE5B,QAAM,QAAQ,YAAY,CAAC,YAAoB;AAC7C,aAAS,UAAU;AACnB,gBAAY,UAAU,WAAW,YAAY,IAAI;AACjD,gBAAY,UAAU;AAAA,EACxB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,CAAC,YAAoB;AAC7C,UAAM,MAAM,WAAW,YAAY,IAAI;AACvC,UAAM,YAAY,MAAM,YAAY;AACpC,QAAI,YAAY,GAAG;AACjB,kBAAY,WAAW,UAAU,SAAS,WAAW;AAAA,IACvD;AACA,aAAS,UAAU;AACnB,gBAAY,UAAU;AAAA,EACxB,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,YAAY,MAAM,YAAY,WAAW,GAAG,CAAC,CAAC;AAE3D,SAAO,EAAE,OAAO,OAAO,KAAK;AAC9B;AAMA,IAAM,cAAc,CAAC,OAAuB,eAAuB;AACjE,QAAM,EAAE,eAAe,cAAc,cAAc,eAAe,IAAI;AAGtE,QAAM,eAAe;AAAA,IACnB,CAAC,aACE,gBAAgB,aAAa,UAAU,UAAU,cAAc,OAAO;AAAA,IACzE,CAAC,eAAe,UAAU;AAAA,EAC5B;AAMA,QAAM,iBAAiB;AAAA,IACrB,CAAC,cAAsB;AACrB,UAAI,YAAY,cAAc;AAC5B,eAAO,gBAAgB,eAAe,aAAa;AAAA,MACrD;AACA,UAAI,YAAY,cAAc;AAC5B,eAAO,gBAAgB,YAAY,gBAAgB;AAAA,MACrD;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,cAAc,cAAc,cAAc;AAAA,EAC7C;AAEA,SAAO,EAAE,cAAc,eAAe;AACxC;AAaA,IAAM,kBAAkB,CACtB,OACA,UACA,EAAE,YAAY,YAAY,cAAc,SAAS,MAC9C;AACH,QAAM,EAAE,iBAAiB,eAAe,UAAU,IAAI;AACtD,QAAM,EAAE,UAAU,kBAAkB,mBAAmB,SAAS,IAAI;AACpE,QAAM,EAAE,cAAc,eAAe,IAAI,YAAY,OAAO,UAAU;AAEtE,QAAM,iBAAiB;AAAA,IACrB,CAAC,MAAqD;AACpD,UAAI,CAAC,cAAc,CAAC,SAAS,WAAW,CAAC,gBAAiB;AAE1D,QAAE,eAAe;AACjB,YAAM,UAAU,UAAU,CAAC;AAC3B,eAAS,MAAM,OAAO;AACtB,wBAAkB,eAAe,mBAAmB,aAAa,OAAO,CAAC,CAAC;AAAA,IAC5E;AAAA,IACA,CAAC,YAAY,UAAU,iBAAiB,kBAAkB,cAAc,gBAAgB,mBAAmB,QAAQ;AAAA,EACrH;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAqD;AACpD,UAAI,CAAC,cAAc,CAAC,gBAAiB;AAErC,QAAE,eAAe;AACjB,mBAAa;AAEb,YAAM,WAAW,mBAAmB,aAAa,UAAU,CAAC,CAAC;AAG7D,YAAM,gBAAgB,gBAAgB,CAAC,SAAS,KAAK,IAAI,SAAS,KAAK;AAEvE,YAAM,SAAS,SAAS,UAAU,aAAa;AAC/C,UAAI,WAAW,QAAW;AACxB,oBAAY,MAAM;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,YAAY,iBAAiB,eAAe,kBAAkB,cAAc,UAAU,cAAc,UAAU,SAAS;AAAA,EAC1H;AAEA,SAAO,EAAE,gBAAgB,cAAc;AACzC;AAOO,IAAM,kBAAkB,CAAC,OAAuB,aAA2B;AAChF,QAAM,EAAE,oBAAoB,iBAAiB,YAAY,IAAI;AAC7D,QAAM,EAAE,aAAa,gBAAgB,IAAI;AAEzC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAC9C,QAAM,WAAW,mBAAmB;AAEpC,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2C;AAC1C,UAAI,CAAC,sBAAsB,CAAC,mBAAmB,YAAa;AAE5D,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAElB,YAAM,UAAU,UAAU,CAAC;AAC3B,oBAAc,IAAI;AAClB,oBAAc,OAAO;AACrB,eAAS,MAAM,OAAO;AAEtB,sBAAgB;AAChB,oBAAc;AAAA,IAChB;AAAA,IACA,CAAC,oBAAoB,iBAAiB,aAAa,UAAU,iBAAiB,WAAW;AAAA,EAC3F;AAEA,QAAM,eAAe,YAAY,MAAM,cAAc,KAAK,GAAG,CAAC,CAAC;AAC/D,QAAM,EAAE,gBAAgB,cAAc,IAAI,gBAAgB,OAAO,UAAU;AAAA,IACzE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,mBAAiB,YAAY,gBAAgB,aAAa;AAE1D,SAAO,EAAE,YAAY,gBAAgB;AACvC;;;AD3KA,IAAM,mBAAmB,CACvB,QACA,UACA,MACA,UACA,sBACG;AACH,MAAI,KAAK,IAAI,QAAQ,IAAI,mBAAmB;AAC1C,UAAM,QAAQ,OAAO,UAAU,CAAC,UAAU,KAAK,IAAI,QAAQ,IAAI,IAAI,IAAI;AAEvE,QAAI,WAAW,KAAK,QAAQ,OAAO,SAAS,EAAG,QAAO,OAAO,QAAQ,CAAC;AACtE,QAAI,WAAW,KAAK,QAAQ,EAAG,QAAO,OAAO,QAAQ,CAAC;AAAA,EACxD;AAEA,SAAO,OAAO;AAAA,IACZ,CAAC,SAAS,UACR,KAAK,IAAI,WAAW,KAAK,IAAI,KAAK,IAAI,WAAW,OAAO,IAAI,QAAQ;AAAA,IACtE,OAAO,CAAC,KAAK;AAAA,EACf;AACF;AAGA,IAAM,iBAAiB,CAAC,UAAoF;AAC1G,QAAM,EAAE,iBAAiB,eAAe,WAAW,IAAI;AACvD,QAAM,CAAC,eAAe,gBAAgB,IAAIC,UAAwB,IAAI;AACtE,QAAM,WAAWC,QAAuB,IAAI;AAE5C,QAAM,oBAAoBC;AAAA,IACxB,CAAC,cAAsB;AACrB,UAAI,CAAC,SAAS,WAAW,CAAC,gBAAiB;AAE3C,YAAM,SAAS,KAAK,MAAM,OAAO,cAAc,SAAS;AAExD,UAAI,eAAe;AACjB,iBAAS,QAAQ,MAAM,SAAS,GAAG,MAAM;AACzC,iBAAS,QAAQ,MAAM,YAAY;AAAA,MACrC,WAAW,YAAY;AACrB,iBAAS,QAAQ,MAAM,SAAS,GAAG,MAAM;AAAA,MAC3C;AAEA,uBAAiB,MAAM;AAAA,IACzB;AAAA,IACA,CAAC,eAAe,YAAY,eAAe;AAAA,EAC7C;AAEA,SAAO,EAAE,UAAU,eAAe,kBAAkB;AACtD;AAWA,IAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,CAAC,aAAa,cAAc,IAAIF,UAAS,KAAK;AACpD,QAAM,oBAAoBC,QAA2B,MAAS;AAE9D,QAAM,qBAAqBC;AAAA,IACzB,CAAC,MAAc,IAAY,WAAW,MAAM;AAC1C,UAAI,CAAC,QAAQ,KAAK,CAAC,gBAAiB;AAEpC,qBAAe,IAAI;AACnB,YAAM,WAAW,KAAK;AACtB,YAAM,YAAY,WAAW,YAAY,IAAI;AAE7C,YAAM,EAAE,SAAS,SAAS,IAAI,EAAE,GAAG,eAAe,GAAG,gBAAgB;AACrE,UAAI,kBAAkB,WAAW;AAEjC,YAAM,UAAU,MAAM;AACpB,cAAM,WAAW,WAAW,YAAY,IAAI,IAAI,aAAa;AAE7D,cAAM,cAAc,CAAC,WAAW,OAAO;AACvC,cAAM,eAAe,CAAC,WAAW;AACjC,4BAAoB,cAAc,gBAAgB;AAElD,cAAM,WAAW,KAAK,IAAI,GAAG,UAAU,CAAC;AACxC,0BAAkB,OAAO,WAAW,QAAQ;AAE5C,YAAI,WAAW,GAAG;AAChB,4BAAkB,UAAU,OAAO,sBAAsB,OAAO;AAChE;AAAA,QACF;AAEA,uBAAe,KAAK;AACpB,kBAAU,EAAE;AACZ,0BAAkB,EAAE;AAAA,MACtB;AAEA,cAAQ;AAAA,IACV;AAAA,IACA,CAAC,iBAAiB,iBAAiB,mBAAmB,WAAW,OAAO;AAAA,EAC1E;AAEA,QAAM,kBAAkBA,aAAY,MAAM;AACxC,QAAI,kBAAkB,SAAS;AAC7B,aAAO,qBAAqB,kBAAkB,OAAO;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,aAAa,oBAAoB,gBAAgB;AAC5D;AAMA,IAAM,kBAAkB,CAAC,UAA0B;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAIF,UAAS,gBAAgB;AACzE,QAAM,EAAE,UAAU,eAAe,kBAAkB,IAAI,eAAe,KAAK;AAE3E,QAAM,mBAAmB;AAAA,IACvB,MACE,CAAC,GAAG,UAAU,EACX,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC,EACpB,OAAO,CAAC,UAAU,SAAS,gBAAgB,SAAS,YAAY;AAAA,IACrE,CAAC,YAAY,cAAc,YAAY;AAAA,EACzC;AAEA,QAAM,YAAYE;AAAA,IAChB,CAAC,cAAsB;AACrB,0BAAoB,SAAS;AAC7B,0BAAoB,SAAS;AAAA,IAC/B;AAAA,IACA,CAAC,iBAAiB;AAAA,EACpB;AAEA,QAAM,WAAWA,aAAY,MAAM,QAAQ,SAAS,OAAO,GAAG,CAAC,QAAQ,CAAC;AAExE,QAAM,EAAE,aAAa,oBAAoB,gBAAgB,IAAI,iBAAiB;AAAA,IAC5E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,QAAM,WAAWA;AAAA,IACf,CAAC,UAAkB,aAAqB;AACtC,YAAM,SAAS;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,UAAI,WAAW,OAAW,QAAO;AAEjC,yBAAmB,kBAAkB,QAAQ,QAAQ;AACrD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,kBAAkB,kBAAkB,mBAAmB,kBAAkB;AAAA,EAC5E;AAGA,QAAM,0BAA0BA,aAAY,MAAM;AAChD,wBAAoB,gBAAgB;AACpC,sBAAkB,gBAAgB;AAAA,EACpC,GAAG,CAAC,kBAAkB,iBAAiB,CAAC;AAExC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAUO,IAAM,eAAe,CAAC,UAA0B;AACrD,QAAM,WAAW,gBAAgB,KAAK;AACtC,QAAM,EAAE,YAAY,gBAAgB,IAAI,gBAAgB,OAAO,QAAQ;AAEvE,SAAO;AAAA,IACL,UAAU,SAAS;AAAA,IACnB,eAAe,SAAS;AAAA,IACxB,aAAa,SAAS;AAAA,IACtB,yBAAyB,SAAS;AAAA,IAClC;AAAA,IACA;AAAA,EACF;AACF;AAqBO,IAAM,eAAe,CAAC,UAA0B;AACrD,QAAM;AAAA,IACJ;AAAA,IAAM;AAAA,IAAY;AAAA,IAAU;AAAA,IAAe;AAAA,IAC3C;AAAA,IAAoB;AAAA,IAAiB;AAAA,IACrC;AAAA,IAAc;AAAA,IAAS;AAAA,EACzB,IAAI;AAEJ,QAAM,CAAC,QAAQ,SAAS,IAAIF,UAAS,IAAI;AAEzC,QAAM,cAAcE,aAAY,MAAM;AACpC,QAAI,CAAC,cAAc,CAAC,UAAU;AAC5B,gBAAU,KAAK;AACf,qBAAe,KAAK;AACpB,gBAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,YAAY,UAAU,cAAc,OAAO,CAAC;AAEhD,QAAM,qBAAqBA,aAAY,MAAM;AAC3C,QAAI,uBAAuB,CAAC,YAAY;AACtC,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,qBAAqB,YAAY,WAAW,CAAC;AAEjD,QAAM,kBAAkBA,aAAY,MAAM;AACxC,cAAU,IAAI;AACd,mBAAe,IAAI;AACnB,aAAS;AAAA,EACX,GAAG,CAAC,cAAc,MAAM,CAAC;AAEzB,EAAAC,WAAU,MAAM;AACd,cAAU,IAAI;AACd,QAAI,MAAM;AACR,eAAS;AACT,UAAI,sBAAsB,iBAAiB;AACzC,gCAAwB;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,oBAAoB,iBAAiB,uBAAuB,CAAC;AAE/E,EAAAA,WAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AAEb,UAAM,eAAe,CAAC,MAAgC;AACpD,UAAI,iBAAiB,EAAE,QAAQ,UAAU;AACvC,oBAAY;AAAA,MACd;AAAA,IACF;AAEA,aAAS,iBAAiB,WAAW,YAAY;AACjD,WAAO,MAAM,SAAS,oBAAoB,WAAW,YAAY;AAAA,EACnE,GAAG,CAAC,QAAQ,eAAe,WAAW,CAAC;AAEvC,SAAO,EAAE,QAAQ,aAAa,oBAAoB,gBAAgB;AACpE;;;AE7TA,SAAS,SAAAC,cAAa;AAatB,IAAM,uBAAuB,CAAC,aAAuB,aAAa,UAAU,aAAa;AAQzF,IAAM,mBAAyC;AAAA,EAC7C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEA,IAAM,iBAAgD;AAAA,EACpD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAUA,IAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsB;AAGpB,MAAI,sBAAsB,mBAAmB,kBAAkB,MAAM;AACnE,WAAO,EAAE,QAAQ,cAAc;AAAA,EACjC;AAEA,SAAO,qBAAqB,QAAQ,IAChC,EAAE,OAAO,iBAAiB,IAAI,KAAK,iBAAiB,GAAG,IACvD,EAAE,QAAQ,eAAe,IAAI,KAAK,eAAe,GAAG;AAC1D;AAGA,IAAM,eAAe,CAAC,aAAqB;AACzC,QAAM,MAAM,SAAS,QAAQ,KAAK,EAAE;AACpC,QAAM,IAAI,SAAS,IAAI,UAAU,GAAG,CAAC,GAAG,EAAE;AAC1C,QAAM,IAAI,SAAS,IAAI,UAAU,GAAG,CAAC,GAAG,EAAE;AAC1C,QAAM,IAAI,SAAS,IAAI,UAAU,GAAG,CAAC,GAAG,EAAE;AAC1C,SAAO,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC;AACzB;AAEA,IAAM,gBAAgB,CAAC,OAAc,aAAuB;AAC1D,QAAM,SAAS,MAAM,QAAQ,CAAC;AAC9B,QAAM,aAAuC;AAAA,IAC3C,KAAK,OAAO,MAAM,IAAI,MAAM;AAAA,IAC5B,QAAQ,GAAG,MAAM,IAAI,MAAM;AAAA,IAC3B,MAAM,KAAK,MAAM,IAAI,MAAM;AAAA,IAC3B,OAAO,GAAG,MAAM,QAAQ,MAAM;AAAA,EAChC;AACA,SAAO,EAAE,cAAc,WAAW,QAAQ,EAAE;AAC9C;AA4BA,IAAM,WAA8E;AAAA,EAClF,WAAW,CAAC,EAAE,OAAO,WAAW,OAAO,OAAO;AAAA,IAC5C,WAAW;AAAA,cACD,MAAM,QAAQ,KAAK,IAAI,YAAY,GAAG,EAAE,CAAC,CAAC;AAAA,4BAC5BC,OAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA,IAE9D,QAAQ,aAAaA,OAAM,MAAM,QAAQ,SAAS,IAAI,CAAC;AAAA,IACvD,WAAW,aAAaA,OAAM,QAAQ,GAAG,CAAC;AAAA,IAC1C,YAAY,MAAM,YAAY,OAAO,CAAC,aAAa,cAAc,cAAc,GAAG;AAAA,MAChF,UAAU,MAAM,YAAY,SAAS;AAAA,MACrC,QAAQ,MAAM,YAAY,OAAO;AAAA,IACnC,CAAC;AAAA,IACD,WAAW,EAAE,gBAAgBA,OAAM,QAAQ,GAAG,EAAE;AAAA,EAClD;AAAA,EAEA,OAAO,CAAC,EAAE,OAAO,MAAM,OAAO;AAAA,IAC5B,iBAAiBA,OAAM,MAAM,QAAQ,WAAW,OAAO,QAAQ,OAAO,IAAI;AAAA,IAC1E,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,QAAQ,aAAaA,OAAM,MAAM,QAAQ,SAAS,IAAI,CAAC;AAAA,IACvD,WAAW;AAAA,2BACYA,OAAM,MAAM,QAAQ,OAAO,OAAO,IAAI,CAAC;AAAA,8BACpCA,OAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA,EAElE;AAAA,EAEA,UAAU,CAAC,EAAE,OAAO,OAAO,UAAU,OAAO,OAAO;AAAA,IACjD,YAAY,WACR;AAAA;AAAA,kBAEU,MAAM,QAAQ,WAAW,KAAK;AAAA,kBAC9BA,OAAM,QAAQ,IAAI,CAAC;AAAA,kBACnBA,OAAM,UAAU,OAAO,KAAK,GAAG,QAAQ,QAAQ,IAAI,CAAC;AAAA,mBAE9D,MAAM,QAAQ,WAAW;AAAA,IAC7B,UAAU;AAAA,IACV,UAAU;AAAA,IACV,aAAa,WAAW,eAAe,KAAK,IAAI,CAAC;AAAA,EACnD;AAAA,EAEA,UAAU,CAAC,EAAE,OAAO,UAAU,OAAO;AAAA,IACnC,WAAW;AAAA,cACD,MAAM,QAAQ,SAAS,CAAC;AAAA,gCACNA,OAAM,MAAM,QAAQ,OAAO,OAAO,IAAI,CAAC;AAAA;AAAA,IAEnE,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EAEA,SAAS,OAAO,EAAE,WAAW,QAAQ,QAAQ,OAAO;AAAA,EAEpD,SAAS,OAAO,CAAC;AACnB;AAGA,IAAM,iBAAiB,CAAC,WAAkB;AAAA,EACxC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA;AAAA;AAAA,gBAGEA,OAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA;AAAA;AAAA,EAGpD,WAAW,GAAG,gBAAgB;AAChC;AAQA,IAAM,cAAc,CAAC,OAA0B,WAAmB;AAChE,QAAM,EAAE,OAAO,UAAU,YAAY,aAAa,oBAAoB,gBAAgB,IAAI;AAC1F,QAAM,WAAW,aAAa,MAAM;AAEpC,SAAO;AAAA,IACL,iBAAiB,MAAM,QAAQ,WAAW;AAAA;AAAA;AAAA,IAG1C,YACE,CAAC,cAAc,CAAC,cACZ,MAAM,YAAY,OAAO,CAAC,KAAK,GAAG;AAAA,MAChC,UAAU,MAAM,YAAY,SAAS;AAAA,MACrC,QAAQ,MAAM,YAAY,OAAO;AAAA,IACnC,CAAC,IACD;AAAA,IACN,SAAS,WAAW,MAAM;AAAA,IAC1B,eAAe,WAAY,SAAoB;AAAA,IAC/C,QAAQ,sBAAsB,kBAAkB,SAAS;AAAA,IACzD,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,GAAI,cAAc,EAAE,QAAQ,WAAW;AAAA,EACzC;AACF;AAEA,IAAM,gBAAgB,CAAC,UAA6B;AAClD,QAAM,EAAE,OAAO,SAAS,OAAO,UAAU,MAAM,OAAO,QAAQ,IAAI;AAClE,QAAM,SAAS,UAAU,OAAO,KAAK,GAAG,QAAQ,MAAM,QAAQ,QAAQ;AAEtE,SAAO;AAAA,IACL,GAAG,YAAY,OAAO,MAAM;AAAA;AAAA;AAAA,IAG5B,GAAI,QAAQ,EAAE,WAAW,GAAG,aAAa,4BAA4B,QAAQ,mBAAmB;AAAA,IAChG,GAAI,SAAS,EAAE,WAAW,GAAG,cAAc,gBAAgB,UAAU,WAAoB;AAAA,IACzF,GAAI,WAAW,cAAc,OAAO,QAAQ;AAAA,IAC5C,IAAI,SAAS,OAAO,KAAK,SAAS,SAAS,EAAE,GAAG,OAAO,OAAO,CAAC;AAAA,EACjE;AACF;AAgBO,IAAM,UAAU,CAAC,UAAmC;AACzD,QAAM,EAAE,UAAU,MAAM,oBAAoB,iBAAiB,eAAe,YAAY,MAAM,IAC5F;AAEF,SAAO;AAAA,IACL,GAAG,WAAW,EAAE,UAAU,MAAM,oBAAoB,iBAAiB,cAAc,CAAC;AAAA,IACpF,GAAG,cAAc,KAAK;AAAA,IACtB,GAAG;AAAA,IACH,UAAU;AAAA;AAAA;AAAA;AAAA,IAIV,GAAI,cACF,CAAC,uBACA,qBAAqB,QAAQ,IAAI,EAAE,QAAQ,OAAO,IAAI,EAAE,OAAO,OAAO;AAAA,EAC3E;AACF;;;AJzII,SAeA,YAAAC,WAfA,OAAAC,MAeA,QAAAC,aAfA;AArGJ,IAAM,WAAW;AAAA,EACf,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY,CAAC,MAAM,KAAK,MAAM,CAAC;AAAA,EAC/B,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;AAiBA,IAAM,aAAa,MAAM;AAAA,EACvB,CAAC,QAAQ,SAAS;AACpB;AACA,WAAW,cAAc;AAOzB,IAAM,gBAAgB,CAAC,EAAE,UAAU,QAAQ,MAA0B;AACnE,QAAM,gBAAgB,aAAa;AACnC,QAAM,aAAa,aAAa;AAEhC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,iBAAiB,iBAAiB;AAAA,IAClC,oBAAoB,YAAY;AAAA,EAClC;AACF;AAEO,IAAM,QAA8B,CAAC,UAAU;AACpD,QAAM,WAAW,aAAa,OAAO,QAAQ;AAC7C,QAAM,EAAE,UAAU,SAAS,aAAa,WAAW,WAAW,WAAW,IAAI;AAE7E,QAAM,QAAQC,UAAS;AACvB,QAAM,cAAc,cAAc,QAAQ;AAG1C,QAAM,SAAU,SAAwC,aAAa,KAAK;AAE1E,QAAM,EAAE,UAAU,eAAe,YAAY,aAAa,iBAAiB,wBAAwB,IACjG,aAAa,EAAE,GAAG,UAAU,GAAG,YAAY,CAAC;AAE9C,QAAM,EAAE,QAAQ,aAAa,oBAAoB,gBAAgB,IAAI,aAAa;AAAA,IAChF,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,cAAc;AAAA,IAClB,QAAQ;AAAA,IACR,MAAM;AAAA,IACN;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,MACV,KAAK;AAAA,MACL,IAAI,QAAQ,EAAE,GAAG,UAAU,GAAG,aAAa,OAAO,eAAe,YAAY,YAAY,CAAC;AAAA,IAC5F;AAAA,IACA,YAAY,EAAE,aAAa,MAAM,mBAAmB,WAAW;AAAA,EACjE;AAEA,QAAM,OACJ,gBAAAF;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,aAAa;AAAA;AAAA,EACf;AAKF,QAAM,cAAc,aAAa,CAAC,YAAY;AAE9C,SACE,gBAAAC,MAAAF,WAAA,EACG;AAAA,mBAAe,UACd,gBAAAC,KAAC,gBAAa,MAAM,QAAQ,SAAS,oBAAoB,MAAM,YAAY,SAAS;AAAA,IAGrF,cACC,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,QAAQ;AAAA,QACR,oBAAoB;AAAA,QACpB,gBAAgB;AAAA,QAEf;AAAA;AAAA,IACH,IAEA,gBAAAA,KAAC,UAAQ,GAAG,aAAc,gBAAK;AAAA,KAEnC;AAEJ;","names":["useTheme","Box","jsx","jsxs","Box","useCallback","useEffect","useRef","useState","useState","useRef","useCallback","useEffect","alpha","alpha","Fragment","jsx","jsxs","useTheme"]}