@solibo/solibo-ui 0.3.28 → 0.3.30

package/dist/components/_croppable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/_croppable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { Figure } from '../figure';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type CroppableTransform = {\n  offset: { x: number; y: number };\n  zoom: number;\n};\n\nexport type CroppableProps = {\n  children?: React.ReactNode;\n  fill?: 'width' | 'height' | 'none';\n  height?: number;\n  onCroppableChange?: (rect: DOMRect) => void;\n  onFileChange?: (file: File | null) => void;\n  onTransformChange?: (transform: CroppableTransform) => void;\n  transform?: CroppableTransform;\n};\n\nconst DEFAULT_HEIGHT = 192;\nconst DEFAULT_TRANSFORM: CroppableTransform = { offset: { x: 0, y: 0 }, zoom: 1 };\nconst MAX_ZOOM = 10;\nconst MIN_ZOOM = 0.1;\n\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nexport const Croppable = ({\n  children,\n  fill = 'none',\n  height,\n  onCroppableChange,\n  onFileChange,\n  onTransformChange,\n  transform,\n}: CroppableProps) => {\n  const activePointerId = useRef<number | null>(null);\n  const animationFrameRef = useRef<number | null>(null);\n  const dragStartRef = useRef<{ x: number; y: number; originX: number; originY: number } | null>(\n    null\n  );\n  const inputRef = useRef<HTMLInputElement>(null);\n  const objectUrlRef = useRef<string | null>(null);\n  const pendingRef = useRef<{\n    zoom: number;\n    offset: { x: number; y: number };\n    anchor: { x: number; y: number } | null;\n  } | null>(null);\n  const pinchDistance = useRef<number | null>(null);\n  const pointers = useRef<Map<number, { x: number; y: number }>>(new Map());\n  const transformRef = useRef<CroppableTransform>(DEFAULT_TRANSFORM);\n  const viewportRef = useRef<HTMLDivElement>(null);\n\n  const [imageSize, setImageSize] = useState<{ width: number; height: number } | null>(null);\n  const [imageSrc, setImageSrc] = useState<string | null>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [draftTransform, setDraftTransform] = useState<CroppableTransform>(DEFAULT_TRANSFORM);\n  const [viewportSize, setViewportSize] = useState({ width: 0, height: 0 });\n\n  const getBaseMetrics = () => {\n    const width = viewportSize.width;\n    const height = viewportSize.height;\n\n    if (!width || !height) return { width: 0, height: 0, minZoom: MIN_ZOOM };\n    if (!imageSize) return { width, height, minZoom: MIN_ZOOM };\n\n    const scaleX = width / imageSize.width;\n    const scaleY = height / imageSize.height;\n    const cover = Math.max(scaleX, scaleY);\n\n    const rawMinZoom = fill === 'width' ? scaleX / cover : fill === 'height' ? scaleY / cover : 0;\n\n    return {\n      width: imageSize.width * cover,\n      height: imageSize.height * cover,\n      minZoom: Math.max(MIN_ZOOM, rawMinZoom),\n    };\n  };\n\n  const baseMetrics = getBaseMetrics();\n  const minZoom = baseMetrics.minZoom;\n\n  const currentTransform = transform ?? draftTransform;\n  const clampedZoom = clamp(currentTransform.zoom, minZoom, MAX_ZOOM);\n  const content =\n    children ??\n    (imageSrc ? (\n      <img\n        draggable={false}\n        onLoad={(event) => {\n          const img = event.currentTarget;\n          if (img.naturalWidth && img.naturalHeight) {\n            setImageSize({ width: img.naturalWidth, height: img.naturalHeight });\n          }\n        }}\n        src={imageSrc}\n      />\n    ) : null);\n  const isEmpty = content == null;\n\n  const clampOffset = (next: { x: number; y: number }, zoomToUse: number) => {\n    const { maxX, maxY } = getClampBounds(zoomToUse);\n    return {\n      x: clamp(next.x, -maxX, maxX),\n      y: clamp(next.y, -maxY, maxY),\n    };\n  };\n\n  const getViewportVectorFromClient = (clientX: number, clientY: number) => {\n    const node = viewportRef.current;\n    if (!node) return null;\n    const rect = node.getBoundingClientRect();\n    const x = clientX - rect.left - rect.width / 2;\n    const y = clientY - rect.top - rect.height / 2;\n    return { x, y };\n  };\n\n  const computeAnchoredOffset = (\n    currentOffset: { x: number; y: number },\n    currentZoom: number,\n    nextZoom: number,\n    anchorVec: { x: number; y: number }\n  ) => {\n    const z0 = clamp(currentZoom, minZoom, MAX_ZOOM);\n    const z1 = clamp(nextZoom, minZoom, MAX_ZOOM);\n    if (z0 === 0) return currentOffset;\n    const r = z1 / z0;\n    return {\n      x: (1 - r) * anchorVec.x + r * currentOffset.x,\n      y: (1 - r) * anchorVec.y + r * currentOffset.y,\n    };\n  };\n\n  const commitTransform = (\n    nextZoom: number,\n    nextOffset: { x: number; y: number },\n    anchorVec?: { x: number; y: number } | null\n  ) => {\n    const z0 = transformRef.current.zoom;\n    const z1 = clamp(nextZoom, minZoom, MAX_ZOOM);\n    const currentOffset = transformRef.current.offset;\n    const anchoredOffset = anchorVec\n      ? computeAnchoredOffset(currentOffset, z0, z1, anchorVec)\n      : nextOffset;\n    const clampedOffset = clampOffset(anchoredOffset, z1);\n    transformRef.current = { zoom: z1, offset: clampedOffset };\n\n    if (!transform) {\n      setDraftTransform({ zoom: z1, offset: clampedOffset });\n    }\n    onTransformChange?.({ zoom: z1, offset: clampedOffset });\n  };\n\n  const scheduleTransform = (\n    nextZoom: number,\n    nextOffset: { x: number; y: number },\n    anchorVec?: { x: number; y: number } | null\n  ) => {\n    pendingRef.current = {\n      zoom: nextZoom,\n      offset: nextOffset,\n      anchor: anchorVec ?? null,\n    };\n\n    if (animationFrameRef.current != null) return;\n\n    animationFrameRef.current = window.requestAnimationFrame(() => {\n      animationFrameRef.current = null;\n\n      const pending = pendingRef.current;\n      pendingRef.current = null;\n\n      const z = pending?.zoom ?? transformRef.current.zoom;\n      const o = pending?.offset ?? transformRef.current.offset;\n      const a = pending?.anchor ?? null;\n\n      commitTransform(z, o, a);\n    });\n  };\n\n  const handleWheel: React.WheelEventHandler<HTMLDivElement> = (event) => {\n    if (isEmpty) return;\n\n    const sensitivity = event.ctrlKey ? 0.001 : 0.00025;\n    const next = transformRef.current.zoom * Math.exp(-event.deltaY * sensitivity);\n\n    const anchor = getViewportVectorFromClient(event.clientX, event.clientY);\n    scheduleTransform(next, transformRef.current.offset, anchor);\n  };\n\n  const getClampBounds = (zoomToUse: number) => {\n    const width = viewportSize.width;\n    const height = viewportSize.height;\n    if (!width || !height) return { maxX: 0, maxY: 0 };\n    const z = clamp(zoomToUse, minZoom, MAX_ZOOM);\n    const scaledWidth = baseMetrics.width * z;\n    const scaledHeight = baseMetrics.height * z;\n    const maxX = Math.max(0, (scaledWidth - width) / 2);\n    const maxY = Math.max(0, (scaledHeight - height) / 2);\n    return { maxX, maxY };\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const input = event.target;\n    const file = input.files?.[0] ?? null;\n\n    if (objectUrlRef.current) {\n      URL.revokeObjectURL(objectUrlRef.current);\n      objectUrlRef.current = null;\n    }\n\n    if (!file) {\n      setImageSrc(null);\n      onFileChange?.(null);\n      input.value = '';\n      return;\n    }\n\n    const url = URL.createObjectURL(file);\n    objectUrlRef.current = url;\n    setImageSrc(url);\n    setImageSize(null);\n    scheduleTransform(DEFAULT_TRANSFORM.zoom, DEFAULT_TRANSFORM.offset);\n    transformRef.current = DEFAULT_TRANSFORM;\n    onFileChange?.(file);\n    input.value = '';\n  };\n\n  const handlePointerDown: React.PointerEventHandler<HTMLDivElement> = (event) => {\n    if (isEmpty || (event.pointerType === 'mouse' && event.button !== 0)) return;\n\n    event.currentTarget.setPointerCapture(event.pointerId);\n\n    if (event.pointerType === 'touch') {\n      const points = pointers.current;\n      points.set(event.pointerId, { x: event.clientX, y: event.clientY });\n      if (points.size === 2) {\n        dragStartRef.current = null;\n        activePointerId.current = null;\n        setIsDragging(false);\n        const [first, second] = Array.from(points.values());\n        pinchDistance.current = Math.hypot(first.x - second.x, first.y - second.y);\n        return;\n      }\n    }\n\n    activePointerId.current = event.pointerId;\n    dragStartRef.current = {\n      x: event.clientX,\n      y: event.clientY,\n      originX: transformRef.current.offset.x,\n      originY: transformRef.current.offset.y,\n    };\n  };\n\n  const handlePointerMove: React.PointerEventHandler<HTMLDivElement> = (event) => {\n    if (isEmpty) return;\n\n    if (event.pointerType === 'touch') {\n      const points = pointers.current;\n      if (!points.has(event.pointerId)) return;\n      points.set(event.pointerId, { x: event.clientX, y: event.clientY });\n      if (points.size === 2) {\n        const [first, second] = Array.from(points.values());\n        const dx = first.x - second.x;\n        const dy = first.y - second.y;\n        const distance = Math.hypot(dx, dy);\n        const center = { x: (first.x + second.x) / 2, y: (first.y + second.y) / 2 };\n        if (pinchDistance.current) {\n          const ratio = distance / pinchDistance.current;\n          const nextZoom = transformRef.current.zoom * ratio;\n          const anchor = getViewportVectorFromClient(center.x, center.y);\n          scheduleTransform(nextZoom, transformRef.current.offset, anchor);\n        }\n        pinchDistance.current = distance;\n        return;\n      }\n    }\n\n    if (activePointerId.current !== event.pointerId || !dragStartRef.current || !canDrag) return;\n    const dx = event.clientX - dragStartRef.current.x;\n    const dy = event.clientY - dragStartRef.current.y;\n    const distance = Math.abs(dx) + Math.abs(dy);\n    if (!isDragging && distance > 2) setIsDragging(true);\n    if (distance <= 1) return;\n    scheduleTransform(transformRef.current.zoom, {\n      x: dragStartRef.current.originX + dx,\n      y: dragStartRef.current.originY + dy,\n    });\n  };\n\n  const handlePointerUp: React.PointerEventHandler<HTMLDivElement> = (event) => {\n    if (event.pointerType === 'touch') {\n      pointers.current.delete(event.pointerId);\n      if (pointers.current.size < 2) pinchDistance.current = null;\n    }\n\n    if (activePointerId.current === event.pointerId) {\n      activePointerId.current = null;\n      dragStartRef.current = null;\n      setIsDragging(false);\n    }\n  };\n\n  useEffect(() => {\n    if (!transform) return;\n\n    const z = clamp(transform.zoom, minZoom, MAX_ZOOM);\n    transformRef.current = { zoom: z, offset: clampOffset(transform.offset, z) };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [transform, viewportSize.width, viewportSize.height, imageSize?.width, imageSize?.height]);\n\n  useEffect(() => {\n    return () => {\n      if (objectUrlRef.current) URL.revokeObjectURL(objectUrlRef.current);\n    };\n  }, []);\n\n  useEffect(() => {\n    const node = viewportRef.current;\n    if (!node) return;\n\n    const update = () => {\n      const rect = node.getBoundingClientRect();\n      setViewportSize((prev) =>\n        prev.width === rect.width && prev.height === rect.height\n          ? prev\n          : { width: rect.width, height: rect.height }\n      );\n      if (onCroppableChange) onCroppableChange(rect);\n    };\n\n    update();\n\n    const handleScroll = () => update();\n    window.addEventListener('scroll', handleScroll, true);\n\n    if (typeof ResizeObserver === 'undefined') {\n      const handleResize = () => update();\n      window.addEventListener('resize', handleResize);\n      return () => {\n        window.removeEventListener('resize', handleResize);\n        window.removeEventListener('scroll', handleScroll, true);\n      };\n    }\n\n    const observer = new ResizeObserver(() => update());\n    observer.observe(node);\n    return () => {\n      observer.disconnect();\n      window.removeEventListener('scroll', handleScroll, true);\n    };\n  }, [onCroppableChange]);\n\n  useEffect(() => {\n    if (transform) return;\n\n    const current = transformRef.current.offset;\n    const clamped = clampOffset(current, clampedZoom);\n\n    if (current.x === clamped.x && current.y === clamped.y) return;\n\n    transformRef.current = { zoom: transformRef.current.zoom, offset: clamped };\n    setDraftTransform((prev) => ({ ...prev, offset: clamped }));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [clampedZoom, imageSize, viewportSize.width, viewportSize.height]);\n\n  useEffect(() => {\n    return () => {\n      if (animationFrameRef.current != null) {\n        window.cancelAnimationFrame(animationFrameRef.current);\n        animationFrameRef.current = null;\n      }\n    };\n  }, []);\n\n  const clampBounds = getClampBounds(clampedZoom);\n  const canDrag = !isEmpty && (clampBounds.maxX > 0 || clampBounds.maxY > 0);\n\n  return (\n    <div\n      className={styles.croppable}\n      onClick={() => {\n        if (isEmpty) inputRef.current?.click();\n      }}\n    >\n      <input\n        accept='image/*'\n        onChange={handleInputChange}\n        ref={inputRef}\n        type='file'\n      />\n      <div\n        className={styles.viewport}\n        ref={viewportRef}\n        onDragStart={(event) => event.preventDefault()}\n        onPointerDown={handlePointerDown}\n        onPointerMove={handlePointerMove}\n        onPointerUp={handlePointerUp}\n        onPointerCancel={handlePointerUp}\n        onWheel={handleWheel}\n        style={\n          {\n            '--croppable-height': `${height ?? DEFAULT_HEIGHT}px`,\n            '--croppable-zoom': clampedZoom,\n            '--croppable-x': `${currentTransform.offset.x}px`,\n            '--croppable-y': `${currentTransform.offset.y}px`,\n            ...(imageSize\n              ? {\n                  '--croppable-image-width': `${baseMetrics.width}px`,\n                  '--croppable-image-height': `${baseMetrics.height}px`,\n                }\n              : null),\n          } as React.CSSProperties\n        }\n      >\n        {isEmpty ? (\n          <Figure>\n            <Icon name='image' />\n          </Figure>\n        ) : (\n          <div\n            className={cx(\n              styles.media,\n              canDrag && styles.draggable,\n              canDrag && isDragging && styles.dragging\n            )}\n          >\n            <div className={cx(styles.inner)}>{content}</div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_HEIGHT","DEFAULT_TRANSFORM","offset","x","y","zoom","MAX_ZOOM","MIN_ZOOM","clamp","value","min","max","Math","Croppable","children","fill","height","onCroppableChange","onFileChange","onTransformChange","transform","activePointerId","useRef","animationFrameRef","dragStartRef","inputRef","objectUrlRef","pendingRef","pinchDistance","pointers","Map","transformRef","viewportRef","imageSize","setImageSize","useState","imageSrc","setImageSrc","isDragging","setIsDragging","draftTransform","setDraftTransform","viewportSize","setViewportSize","width","baseMetrics","getBaseMetrics","minZoom","scaleX","scaleY","cover","rawMinZoom","currentTransform","clampedZoom","content","jsx","event","img","currentTarget","naturalWidth","naturalHeight","isEmpty","clampOffset","next","zoomToUse","maxX","maxY","getClampBounds","getViewportVectorFromClient","clientX","clientY","node","current","rect","getBoundingClientRect","left","top","computeAnchoredOffset","currentOffset","currentZoom","nextZoom","anchorVec","z0","z1","r","commitTransform","nextOffset","anchoredOffset","clampedOffset","scheduleTransform","anchor","window","requestAnimationFrame","pending","z","o","a","handleWheel","sensitivity","ctrlKey","exp","deltaY","scaledWidth","scaledHeight","handleInputChange","input","target","file","files","URL","revokeObjectURL","url","createObjectURL","handlePointerDown","pointerType","button","setPointerCapture","pointerId","points","set","size","first","second","Array","from","values","hypot","originX","originY","handlePointerMove","has","dx","dy","distance","center","ratio","canDrag","abs","handlePointerUp","delete","useEffect","update","prev","handleScroll","addEventListener","ResizeObserver","handleResize","removeEventListener","observer","observe","disconnect","clamped","cancelAnimationFrame","clampBounds","styles","croppable","click","viewport","preventDefault","Figure","Icon","cx","media","draggable","dragging","inner"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/_croppable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { Button } from '../button';\nimport { Figure } from '../figure';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type CroppableTransform = {\n  offset: { x: number; y: number };\n  zoom: number;\n};\n\nexport type CroppableProps = {\n  children?: React.ReactNode;\n  fill?: 'width' | 'height' | 'none';\n  height?: number;\n  image?: string | null;\n  label?: string;\n  onCroppableChange?: (rect: DOMRect) => void;\n  onFileChange?: (file: File | null) => void;\n  onImageChange?: (file: File | null) => void;\n  onTransformChange?: (transform: CroppableTransform) => void;\n  standalone?: boolean;\n  transform?: CroppableTransform;\n};\n\nconst DEFAULT_HEIGHT = 192;\nconst DEFAULT_TRANSFORM: CroppableTransform = { offset: { x: 0, y: 0 }, zoom: 1 };\nconst EMPTY_STATE_LABEL = 'Select image';\nconst MAX_ZOOM = 10;\nconst MIN_ZOOM = 0.1;\nconst IMAGE_EXPORT_QUALITY = 0.92;\n\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nconst loadImage = (file: File) =>\n  new Promise<HTMLImageElement>((resolve, reject) => {\n    const url = URL.createObjectURL(file);\n    const image = new globalThis.Image();\n\n    image.onload = () => {\n      URL.revokeObjectURL(url);\n      resolve(image);\n    };\n    image.onerror = () => {\n      URL.revokeObjectURL(url);\n      reject(new Error('croppable-image-load-failed'));\n    };\n\n    image.src = url;\n  });\n\nconst createCroppedFile = async ({\n  file,\n  fill,\n  transform,\n  viewport,\n}: {\n  file: File;\n  fill: 'width' | 'height' | 'none';\n  transform: CroppableTransform;\n  viewport: { width: number; height: number };\n}) => {\n  const image = await loadImage(file);\n  const widthRatio = viewport.width / image.naturalWidth;\n  const heightRatio = viewport.height / image.naturalHeight;\n  const coverRatio = Math.max(widthRatio, heightRatio);\n  const baseWidth = image.naturalWidth * coverRatio;\n  const baseHeight = image.naturalHeight * coverRatio;\n  const minZoom =\n    fill === 'width'\n      ? Math.max(MIN_ZOOM, widthRatio / coverRatio)\n      : fill === 'height'\n        ? Math.max(MIN_ZOOM, heightRatio / coverRatio)\n        : MIN_ZOOM;\n  const zoom = clamp(transform.zoom, minZoom, MAX_ZOOM);\n  const scale = coverRatio * zoom;\n  const renderedWidth = baseWidth * zoom;\n  const renderedHeight = baseHeight * zoom;\n  const left = (viewport.width - renderedWidth) / 2 + transform.offset.x;\n  const top = (viewport.height - renderedHeight) / 2 + transform.offset.y;\n  const sourceX = clamp((0 - left) / scale, 0, image.naturalWidth);\n  const sourceY = clamp((0 - top) / scale, 0, image.naturalHeight);\n  const sourceWidth = clamp(viewport.width / scale, 1, Math.max(1, image.naturalWidth - sourceX));\n  const sourceHeight = clamp(\n    viewport.height / scale,\n    1,\n    Math.max(1, image.naturalHeight - sourceY)\n  );\n  const canvas = document.createElement('canvas');\n  const context = canvas.getContext('2d');\n\n  if (!context) {\n    throw new Error('croppable-image-context-missing');\n  }\n\n  canvas.width = Math.max(1, Math.round(sourceWidth));\n  canvas.height = Math.max(1, Math.round(sourceHeight));\n  context.drawImage(\n    image,\n    sourceX,\n    sourceY,\n    sourceWidth,\n    sourceHeight,\n    0,\n    0,\n    canvas.width,\n    canvas.height\n  );\n\n  const outputType = file.type.startsWith('image/') ? file.type : 'image/jpeg';\n  const blob = await new Promise<Blob | null>((resolve) => {\n    canvas.toBlob(resolve, outputType, IMAGE_EXPORT_QUALITY);\n  });\n\n  if (!blob) {\n    throw new Error('croppable-image-export-failed');\n  }\n\n  return new globalThis.File([blob], file.name, {\n    lastModified: Date.now(),\n    type: blob.type || outputType,\n  });\n};\n\nexport const Croppable = ({\n  children,\n  fill = 'none',\n  height,\n  image,\n  label,\n  onCroppableChange,\n  onFileChange,\n  onImageChange,\n  onTransformChange,\n  transform,\n  standalone,\n}: CroppableProps) => {\n  const activePointerId = useRef<number | null>(null);\n  const animationFrameRef = useRef<number | null>(null);\n  const dragStartRef = useRef<{ x: number; y: number; originX: number; originY: number } | null>(\n    null\n  );\n  const inputRef = useRef<HTMLInputElement>(null);\n  const onImageChangeRef = useRef(onImageChange);\n  const objectUrlRef = useRef<string | null>(null);\n  const pendingRef = useRef<{\n    zoom: number;\n    offset: { x: number; y: number };\n    anchor: { x: number; y: number } | null;\n  } | null>(null);\n  const pinchDistance = useRef<number | null>(null);\n  const pointers = useRef<Map<number, { x: number; y: number }>>(new Map());\n  const transformRef = useRef<CroppableTransform>(DEFAULT_TRANSFORM);\n  const viewportRef = useRef<HTMLDivElement>(null);\n\n  const [imageSize, setImageSize] = useState<{ width: number; height: number } | null>(null);\n  const [imageSrc, setImageSrc] = useState<string | null>(null);\n  const [isDragging, setIsDragging] = useState(false);\n  const [draftTransform, setDraftTransform] = useState<CroppableTransform>(DEFAULT_TRANSFORM);\n  const [sourceFile, setSourceFile] = useState<File | null>(null);\n  const [viewportSize, setViewportSize] = useState({ width: 0, height: 0 });\n\n  const getBaseMetrics = () => {\n    const width = viewportSize.width;\n    const height = viewportSize.height;\n\n    if (!width || !height) return { width: 0, height: 0, minZoom: MIN_ZOOM };\n    if (!imageSize) return { width, height, minZoom: MIN_ZOOM };\n\n    const scaleX = width / imageSize.width;\n    const scaleY = height / imageSize.height;\n    const cover = Math.max(scaleX, scaleY);\n\n    const rawMinZoom = fill === 'width' ? scaleX / cover : fill === 'height' ? scaleY / cover : 0;\n\n    return {\n      width: imageSize.width * cover,\n      height: imageSize.height * cover,\n      minZoom: Math.max(MIN_ZOOM, rawMinZoom),\n    };\n  };\n\n  const baseMetrics = getBaseMetrics();\n  const minZoom = baseMetrics.minZoom;\n\n  const currentTransform = transform ?? draftTransform;\n  const clampedZoom = clamp(currentTransform.zoom, minZoom, MAX_ZOOM);\n  const displayImage = imageSrc ?? image ?? null;\n  const hasPresetImage = !children && !!image && !imageSrc && !sourceFile;\n  const canTransform = !hasPresetImage;\n  const content =\n    children ??\n    (displayImage ? (\n      <img\n        alt=''\n        draggable={false}\n        onLoad={(event) => {\n          const img = event.currentTarget;\n          if (img.naturalWidth && img.naturalHeight) {\n            setImageSize({ width: img.naturalWidth, height: img.naturalHeight });\n          }\n        }}\n        src={displayImage}\n      />\n    ) : null);\n  const isEmpty = content == null;\n\n  const clampOffset = (next: { x: number; y: number }, zoomToUse: number) => {\n    const { maxX, maxY } = getClampBounds(zoomToUse);\n    return {\n      x: clamp(next.x, -maxX, maxX),\n      y: clamp(next.y, -maxY, maxY),\n    };\n  };\n\n  const getViewportVectorFromClient = (clientX: number, clientY: number) => {\n    const node = viewportRef.current;\n    if (!node) return null;\n    const rect = node.getBoundingClientRect();\n    const x = clientX - rect.left - rect.width / 2;\n    const y = clientY - rect.top - rect.height / 2;\n    return { x, y };\n  };\n\n  const computeAnchoredOffset = (\n    currentOffset: { x: number; y: number },\n    currentZoom: number,\n    nextZoom: number,\n    anchorVec: { x: number; y: number }\n  ) => {\n    const z0 = clamp(currentZoom, minZoom, MAX_ZOOM);\n    const z1 = clamp(nextZoom, minZoom, MAX_ZOOM);\n    if (z0 === 0) return currentOffset;\n    const r = z1 / z0;\n    return {\n      x: (1 - r) * anchorVec.x + r * currentOffset.x,\n      y: (1 - r) * anchorVec.y + r * currentOffset.y,\n    };\n  };\n\n  const commitTransform = (\n    nextZoom: number,\n    nextOffset: { x: number; y: number },\n    anchorVec?: { x: number; y: number } | null\n  ) => {\n    const z0 = transformRef.current.zoom;\n    const z1 = clamp(nextZoom, minZoom, MAX_ZOOM);\n    const currentOffset = transformRef.current.offset;\n    const anchoredOffset = anchorVec\n      ? computeAnchoredOffset(currentOffset, z0, z1, anchorVec)\n      : nextOffset;\n    const clampedOffset = clampOffset(anchoredOffset, z1);\n    transformRef.current = { zoom: z1, offset: clampedOffset };\n\n    if (!transform) {\n      setDraftTransform({ zoom: z1, offset: clampedOffset });\n    }\n    onTransformChange?.({ zoom: z1, offset: clampedOffset });\n  };\n\n  const scheduleTransform = (\n    nextZoom: number,\n    nextOffset: { x: number; y: number },\n    anchorVec?: { x: number; y: number } | null\n  ) => {\n    pendingRef.current = {\n      zoom: nextZoom,\n      offset: nextOffset,\n      anchor: anchorVec ?? null,\n    };\n\n    if (animationFrameRef.current != null) return;\n\n    animationFrameRef.current = window.requestAnimationFrame(() => {\n      animationFrameRef.current = null;\n\n      const pending = pendingRef.current;\n      pendingRef.current = null;\n\n      const z = pending?.zoom ?? transformRef.current.zoom;\n      const o = pending?.offset ?? transformRef.current.offset;\n      const a = pending?.anchor ?? null;\n\n      commitTransform(z, o, a);\n    });\n  };\n\n  const handleWheel: React.WheelEventHandler<HTMLDivElement> = (event) => {\n    if (isEmpty || !canTransform) return;\n\n    const sensitivity = event.ctrlKey ? 0.001 : 0.00025;\n    const next = transformRef.current.zoom * Math.exp(-event.deltaY * sensitivity);\n\n    const anchor = getViewportVectorFromClient(event.clientX, event.clientY);\n    scheduleTransform(next, transformRef.current.offset, anchor);\n  };\n\n  const getClampBounds = (zoomToUse: number) => {\n    const width = viewportSize.width;\n    const height = viewportSize.height;\n    if (!width || !height) return { maxX: 0, maxY: 0 };\n    const z = clamp(zoomToUse, minZoom, MAX_ZOOM);\n    const scaledWidth = baseMetrics.width * z;\n    const scaledHeight = baseMetrics.height * z;\n    const maxX = Math.max(0, (scaledWidth - width) / 2);\n    const maxY = Math.max(0, (scaledHeight - height) / 2);\n    return { maxX, maxY };\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const input = event.target;\n    const file = input.files?.[0] ?? null;\n\n    if (objectUrlRef.current) {\n      URL.revokeObjectURL(objectUrlRef.current);\n      objectUrlRef.current = null;\n    }\n\n    if (!file) {\n      setImageSrc(null);\n      setSourceFile(null);\n      onFileChange?.(null);\n      input.value = '';\n      return;\n    }\n\n    const url = URL.createObjectURL(file);\n    objectUrlRef.current = url;\n    setImageSrc(url);\n    setImageSize(null);\n    setSourceFile(file);\n    scheduleTransform(DEFAULT_TRANSFORM.zoom, DEFAULT_TRANSFORM.offset);\n    transformRef.current = DEFAULT_TRANSFORM;\n    onFileChange?.(file);\n    input.value = '';\n  };\n\n  const handlePointerDown: React.PointerEventHandler<HTMLDivElement> = (event) => {\n    if (isEmpty || !canTransform || (event.pointerType === 'mouse' && event.button !== 0)) return;\n\n    event.currentTarget.setPointerCapture(event.pointerId);\n\n    if (event.pointerType === 'touch') {\n      const points = pointers.current;\n      points.set(event.pointerId, { x: event.clientX, y: event.clientY });\n      if (points.size === 2) {\n        dragStartRef.current = null;\n        activePointerId.current = null;\n        setIsDragging(false);\n        const [first, second] = Array.from(points.values());\n        pinchDistance.current = Math.hypot(first.x - second.x, first.y - second.y);\n        return;\n      }\n    }\n\n    activePointerId.current = event.pointerId;\n    dragStartRef.current = {\n      x: event.clientX,\n      y: event.clientY,\n      originX: transformRef.current.offset.x,\n      originY: transformRef.current.offset.y,\n    };\n  };\n\n  const handlePointerMove: React.PointerEventHandler<HTMLDivElement> = (event) => {\n    if (isEmpty || !canTransform) return;\n\n    if (event.pointerType === 'touch') {\n      const points = pointers.current;\n      if (!points.has(event.pointerId)) return;\n      points.set(event.pointerId, { x: event.clientX, y: event.clientY });\n      if (points.size === 2) {\n        const [first, second] = Array.from(points.values());\n        const dx = first.x - second.x;\n        const dy = first.y - second.y;\n        const distance = Math.hypot(dx, dy);\n        const center = { x: (first.x + second.x) / 2, y: (first.y + second.y) / 2 };\n        if (pinchDistance.current) {\n          const ratio = distance / pinchDistance.current;\n          const nextZoom = transformRef.current.zoom * ratio;\n          const anchor = getViewportVectorFromClient(center.x, center.y);\n          scheduleTransform(nextZoom, transformRef.current.offset, anchor);\n        }\n        pinchDistance.current = distance;\n        return;\n      }\n    }\n\n    if (activePointerId.current !== event.pointerId || !dragStartRef.current || !canDrag) return;\n    const dx = event.clientX - dragStartRef.current.x;\n    const dy = event.clientY - dragStartRef.current.y;\n    const distance = Math.abs(dx) + Math.abs(dy);\n    if (!isDragging && distance > 2) setIsDragging(true);\n    if (distance <= 1) return;\n    scheduleTransform(transformRef.current.zoom, {\n      x: dragStartRef.current.originX + dx,\n      y: dragStartRef.current.originY + dy,\n    });\n  };\n\n  const handlePointerUp: React.PointerEventHandler<HTMLDivElement> = (event) => {\n    if (event.pointerType === 'touch') {\n      pointers.current.delete(event.pointerId);\n      if (pointers.current.size < 2) pinchDistance.current = null;\n    }\n\n    if (activePointerId.current === event.pointerId) {\n      activePointerId.current = null;\n      dragStartRef.current = null;\n      setIsDragging(false);\n    }\n  };\n\n  useEffect(() => {\n    if (!transform) return;\n\n    const z = clamp(transform.zoom, minZoom, MAX_ZOOM);\n    transformRef.current = { zoom: z, offset: clampOffset(transform.offset, z) };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [transform, viewportSize.width, viewportSize.height, imageSize?.width, imageSize?.height]);\n\n  useEffect(() => {\n    return () => {\n      if (objectUrlRef.current) URL.revokeObjectURL(objectUrlRef.current);\n    };\n  }, []);\n\n  useEffect(() => {\n    const node = viewportRef.current;\n    if (!node) return;\n\n    const update = () => {\n      const rect = node.getBoundingClientRect();\n      setViewportSize((prev) =>\n        prev.width === rect.width && prev.height === rect.height\n          ? prev\n          : { width: rect.width, height: rect.height }\n      );\n      if (onCroppableChange) onCroppableChange(rect);\n    };\n\n    update();\n\n    const handleScroll = () => update();\n    window.addEventListener('scroll', handleScroll, true);\n\n    if (typeof ResizeObserver === 'undefined') {\n      const handleResize = () => update();\n      window.addEventListener('resize', handleResize);\n      return () => {\n        window.removeEventListener('resize', handleResize);\n        window.removeEventListener('scroll', handleScroll, true);\n      };\n    }\n\n    const observer = new ResizeObserver(() => update());\n    observer.observe(node);\n    return () => {\n      observer.disconnect();\n      window.removeEventListener('scroll', handleScroll, true);\n    };\n  }, [onCroppableChange]);\n\n  useEffect(() => {\n    if (transform) return;\n\n    const current = transformRef.current.offset;\n    const clamped = clampOffset(current, clampedZoom);\n\n    if (current.x === clamped.x && current.y === clamped.y) return;\n\n    transformRef.current = { zoom: transformRef.current.zoom, offset: clamped };\n    setDraftTransform((prev) => ({ ...prev, offset: clamped }));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [clampedZoom, imageSize, viewportSize.width, viewportSize.height]);\n\n  useEffect(() => {\n    if (!displayImage) {\n      setImageSize(null);\n    }\n  }, [displayImage]);\n\n  useEffect(() => {\n    onImageChangeRef.current = onImageChange;\n  }, [onImageChange]);\n\n  useEffect(() => {\n    if (!onImageChange) return;\n\n    if (!sourceFile || !viewportSize.width || !viewportSize.height || children) {\n      onImageChangeRef.current?.(null);\n      return;\n    }\n\n    let isActive = true;\n    const timeout = window.setTimeout(() => {\n      createCroppedFile({\n        file: sourceFile,\n        fill,\n        transform: {\n          zoom: clampedZoom,\n          offset: currentTransform.offset,\n        },\n        viewport: viewportSize,\n      })\n        .then((nextFile) => {\n          if (isActive) {\n            onImageChangeRef.current?.(nextFile);\n          }\n        })\n        .catch(() => {\n          if (isActive) {\n            onImageChangeRef.current?.(null);\n          }\n        });\n    }, 75);\n\n    return () => {\n      isActive = false;\n      window.clearTimeout(timeout);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    children,\n    clampedZoom,\n    currentTransform.offset,\n    fill,\n    sourceFile,\n    viewportSize,\n  ]);\n\n  useEffect(() => {\n    return () => {\n      if (animationFrameRef.current != null) {\n        window.cancelAnimationFrame(animationFrameRef.current);\n        animationFrameRef.current = null;\n      }\n    };\n  }, []);\n\n  const clampBounds = getClampBounds(clampedZoom);\n  const canDrag = !isEmpty && canTransform && (clampBounds.maxX > 0 || clampBounds.maxY > 0);\n  const openFilePicker = () => inputRef.current?.click();\n  const handleSelectImageClick: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    openFilePicker();\n  };\n\n  return (\n    <div\n      className={cx(styles.croppable, standalone && styles.standalone)}\n      onClick={() => {\n        if (isEmpty) openFilePicker();\n      }}\n    >\n      <input\n        accept='image/*'\n        onChange={handleInputChange}\n        ref={inputRef}\n        type='file'\n      />\n      <div\n        className={styles.viewport}\n        ref={viewportRef}\n        onDragStart={(event) => event.preventDefault()}\n        onPointerDown={handlePointerDown}\n        onPointerMove={handlePointerMove}\n        onPointerUp={handlePointerUp}\n        onPointerCancel={handlePointerUp}\n        onWheel={handleWheel}\n        style={\n          {\n            '--croppable-height': `${height ?? DEFAULT_HEIGHT}px`,\n            '--croppable-zoom': clampedZoom,\n            '--croppable-x': `${currentTransform.offset.x}px`,\n            '--croppable-y': `${currentTransform.offset.y}px`,\n            ...(imageSize\n              ? {\n                  '--croppable-image-width': `${baseMetrics.width}px`,\n                  '--croppable-image-height': `${baseMetrics.height}px`,\n                }\n              : null),\n          } as React.CSSProperties\n        }\n      >\n        {isEmpty ? (\n          <div className={styles.empty}>\n            <Figure>\n              <Icon\n                name='image'\n                size='large'\n              />\n            </Figure>\n            <Button\n              onClick={handleSelectImageClick}\n            >\n              {label ?? EMPTY_STATE_LABEL}\n            </Button>\n          </div>\n        ) : (\n          <div\n            className={cx(\n              styles.media,\n              canDrag && styles.draggable,\n              canDrag && isDragging && styles.dragging\n            )}\n          >\n            <div className={cx(styles.inner)}>{content}</div>\n            {hasPresetImage && (\n              <div className={styles.overlay}>\n                <div className={styles.empty}>\n                  <Figure>\n                    <Icon\n                      name='image'\n                      size='large'\n                    />\n                  </Figure>\n                  <Button\n                    onClick={handleSelectImageClick}\n                  >\n                    {label ?? EMPTY_STATE_LABEL}\n                  </Button>\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_HEIGHT","DEFAULT_TRANSFORM","offset","x","y","zoom","EMPTY_STATE_LABEL","MAX_ZOOM","MIN_ZOOM","IMAGE_EXPORT_QUALITY","clamp","value","min","max","Math","loadImage","file","Promise","resolve","reject","url","URL","createObjectURL","image","globalThis","Image","onload","revokeObjectURL","onerror","Error","src","createCroppedFile","fill","transform","viewport","widthRatio","width","naturalWidth","heightRatio","height","naturalHeight","coverRatio","baseWidth","baseHeight","minZoom","scale","renderedWidth","renderedHeight","left","top","sourceX","sourceY","sourceWidth","sourceHeight","canvas","document","createElement","context","getContext","round","drawImage","outputType","type","startsWith","blob","toBlob","File","name","lastModified","Date","now","Croppable","children","label","onCroppableChange","onFileChange","onImageChange","onTransformChange","standalone","activePointerId","useRef","animationFrameRef","dragStartRef","inputRef","onImageChangeRef","objectUrlRef","pendingRef","pinchDistance","pointers","Map","transformRef","viewportRef","imageSize","setImageSize","useState","imageSrc","setImageSrc","isDragging","setIsDragging","draftTransform","setDraftTransform","sourceFile","setSourceFile","viewportSize","setViewportSize","baseMetrics","getBaseMetrics","scaleX","scaleY","cover","rawMinZoom","currentTransform","clampedZoom","displayImage","hasPresetImage","canTransform","content","jsx","event","img","currentTarget","isEmpty","clampOffset","next","zoomToUse","maxX","maxY","getClampBounds","getViewportVectorFromClient","clientX","clientY","node","current","rect","getBoundingClientRect","computeAnchoredOffset","currentOffset","currentZoom","nextZoom","anchorVec","z0","z1","r","commitTransform","nextOffset","anchoredOffset","clampedOffset","scheduleTransform","anchor","window","requestAnimationFrame","pending","z","o","a","handleWheel","sensitivity","ctrlKey","exp","deltaY","scaledWidth","scaledHeight","handleInputChange","input","target","files","handlePointerDown","pointerType","button","setPointerCapture","pointerId","points","set","size","first","second","Array","from","values","hypot","originX","originY","handlePointerMove","has","dx","dy","distance","center","ratio","canDrag","abs","handlePointerUp","delete","useEffect","update","prev","handleScroll","addEventListener","ResizeObserver","handleResize","removeEventListener","observer","observe","disconnect","clamped","isActive","timeout","setTimeout","then","nextFile","catch","clearTimeout","cancelAnimationFrame","clampBounds","openFilePicker","click","handleSelectImageClick","preventDefault","stopPropagation","jsxs","cx","styles","croppable","empty","Figure","Icon","Button","media","draggable","dragging","inner","overlay"],"mappings":"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"}

package/dist/components/_dropzone/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const i=require("react/jsx-runtime"),b=require("../../classix-5H4IWnMA.cjs"),z=require("react"),q=require("../button/index.cjs"),I=require("../icon/index.cjs"),R="_dropzone_1737c_1",T="_dragging_1737c_18",S="_minimal_1737c_22",g={dropzone:R,dragging:T,minimal:S},k=({accepts:F,label:D="Select files",maxFileSize:m,multiple:d=!1,onChange:n,onValidation:a,variant:p="default",...y})=>{const f=z.useRef(null),[x,l]=z.useState(!1),c=e=>{e.preventDefault(),e.stopPropagation()},_=e=>{const t=f.current;if(!t)return;const s=new DataTransfer;for(const r of e)s.items.add(r);t.files=s.files,n==null||n({target:t,currentTarget:t})},v=e=>{const{validFiles:t,emptyFiles:s,oversizedFiles:r}=e.reduce((u,o)=>(o.size===0?u.emptyFiles.push(o):m&&o.size>m?u.oversizedFiles.push(o):u.validFiles.push(o),u),{validFiles:[],emptyFiles:[],oversizedFiles:[]});return(s.length>0||r.length>0)&&(a==null||a(s,r)),t},j=e=>{c(e),l(!1);const t=Array.from(e.dataTransfer.files??[]),s=v(t);if(s.length===0)return;const r=d?s:s.slice(0,1);_(r)},h=e=>{const t=Array.from(e.target.files??[]),s=v(t);if(s.length===t.length){n==null||n(e);return}const r=d?s:s.slice(0,1);_(r)};return i.jsx("div",{className:b.t(g.dropzone,g[p],x&&g.dragging),onDragEnter:e=>{c(e),l(!0)},onDragOver:e=>{c(e),l(!0)},onDragLeave:e=>{c(e),l(!1)},onDrop:j,...y,"data-component":"dropzone",children:i.jsxs("label",{children:[i.jsx("input",{accept:F,hidden:!0,multiple:d,onChange:h,ref:f,type:"file"}),i.jsx(I.Icon,{name:"upload",size:p==="minimal"?"medium":"large"}),i.jsx("br",{}),p!=="minimal"&&i.jsx(q.Button,{onClick:()=>{var e;return(e=f.current)==null?void 0:e.click()},type:"button",children:D})]})})};exports.Dropzone=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index23.css');const i=require("react/jsx-runtime"),b=require("../../classix-5H4IWnMA.cjs"),z=require("react"),q=require("../button/index.cjs"),I=require("../icon/index.cjs"),R="_dropzone_1c44i_1",T="_dragging_1c44i_18",S="_minimal_1c44i_22",g={dropzone:R,dragging:T,minimal:S},k=({accepts:F,label:D="Select files",maxFileSize:m,multiple:d=!1,onChange:n,onValidation:a,variant:p="default",...y})=>{const f=z.useRef(null),[x,l]=z.useState(!1),c=e=>{e.preventDefault(),e.stopPropagation()},_=e=>{const t=f.current;if(!t)return;const s=new DataTransfer;for(const r of e)s.items.add(r);t.files=s.files,n==null||n({target:t,currentTarget:t})},v=e=>{const{validFiles:t,emptyFiles:s,oversizedFiles:r}=e.reduce((u,o)=>(o.size===0?u.emptyFiles.push(o):m&&o.size>m?u.oversizedFiles.push(o):u.validFiles.push(o),u),{validFiles:[],emptyFiles:[],oversizedFiles:[]});return(s.length>0||r.length>0)&&(a==null||a(s,r)),t},j=e=>{c(e),l(!1);const t=Array.from(e.dataTransfer.files??[]),s=v(t);if(s.length===0)return;const r=d?s:s.slice(0,1);_(r)},h=e=>{const t=Array.from(e.target.files??[]),s=v(t);if(s.length===t.length){n==null||n(e);return}const r=d?s:s.slice(0,1);_(r)};return i.jsx("div",{className:b.t(g.dropzone,g[p],x&&g.dragging),onDragEnter:e=>{c(e),l(!0)},onDragOver:e=>{c(e),l(!0)},onDragLeave:e=>{c(e),l(!1)},onDrop:j,...y,"data-component":"dropzone",children:i.jsxs("label",{children:[i.jsx("input",{accept:F,hidden:!0,multiple:d,onChange:h,ref:f,type:"file"}),i.jsx(I.Icon,{name:"upload",size:p==="minimal"?"medium":"large"}),i.jsx("br",{}),p!=="minimal"&&i.jsx(q.Button,{onClick:()=>{var e;return(e=f.current)==null?void 0:e.click()},type:"button",children:D})]})})};exports.Dropzone=k;
 //# sourceMappingURL=index.cjs.map

package/dist/components/_dropzone/index.js

@@ -3,7 +3,7 @@ import { t as T } from "../../classix-DG18itHa.js";
 import { useRef as j, useState as k } from "react";
 import { Button as x } from "../button/index.js";
 import { Icon as A } from "../icon/index.js";
-import '../../assets/index24.css';const R = "_dropzone_1737c_1", w = "_dragging_1737c_18", B = "_minimal_1737c_22", m = {
+import '../../assets/index23.css';const R = "_dropzone_1c44i_1", w = "_dragging_1c44i_18", B = "_minimal_1c44i_22", m = {
   dropzone: R,
   dragging: w,
   minimal: B