@solibo/solibo-ui 0.5.15 → 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/croppable/crop-image.ts","../../../src/components/croppable/index.tsx"],"sourcesContent":["export type CroppableTransform = {\n  offset: { x: number; y: number };\n  zoom: number;\n};\n\nexport const MAX_ZOOM = 10;\nexport const MIN_ZOOM = 0.1;\n\nconst IMAGE_EXPORT_QUALITY = 0.92;\n\nexport const clamp = (value: number, min: number, max: number) =>\n  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\nexport const 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(-left / scale, 0, image.naturalWidth);\n  const sourceY = clamp(-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","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 {\n  clamp,\n  createCroppedFile,\n  type CroppableTransform,\n  MAX_ZOOM,\n  MIN_ZOOM,\n} from './crop-image';\nimport styles from './styles.module.css';\n\nexport type { CroppableTransform } from './crop-image';\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';\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  }, [children, clampedZoom, currentTransform.offset, fill, sourceFile, viewportSize]);\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 onClick={handleSelectImageClick}>{label ?? EMPTY_STATE_LABEL}</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 onClick={handleSelectImageClick}>{label ?? EMPTY_STATE_LABEL}</Button>\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["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","zoom","scale","renderedWidth","renderedHeight","left","offset","x","top","y","sourceX","sourceY","sourceWidth","sourceHeight","canvas","document","createElement","context","getContext","round","drawImage","outputType","type","startsWith","blob","toBlob","File","name","lastModified","Date","now","DEFAULT_HEIGHT","DEFAULT_TRANSFORM","EMPTY_STATE_LABEL","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/dialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const o=require("react/jsx-runtime"),s=require("react"),l=require("../button/index.cjs"),c=require("../icon/index.cjs"),d="_dialog_mvo05_1",p="_wrapper_mvo05_38",t={dialog:d,wrapper:p},u=({children:r,setOpen:n,...i})=>(s.useEffect(()=>{const e=a=>{a.key==="Escape"&&(a.preventDefault(),n(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)}),o.jsx("div",{className:t.wrapper,"data-wrapper":!0,onClick:()=>n(!1),"data-component":"dialog",children:o.jsxs("dialog",{className:t.dialog,onClick:e=>e.stopPropagation(),...i,children:[o.jsx(l.Button,{"aria-label":"Close dialog","data-tag":"close-dialog",onClick:()=>n(!1),type:"button",variant:"minimal",children:o.jsx(c.Icon,{name:"x"})}),r]})}));exports.Dialog=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const a=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),s=require("react"),d=require("../button/index.cjs"),u=require("../icon/index.cjs"),g="_dialog_mvo05_1",w="_wrapper_mvo05_38",i={dialog:g,wrapper:w},m=({children:n,className:t,setOpen:o,...l})=>(s.useEffect(()=>{if(!o)return;const e=r=>{r.key==="Escape"&&(r.preventDefault(),o(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[o]),a.jsx("div",{className:i.wrapper,"data-wrapper":!0,onClick:()=>o==null?void 0:o(!1),"data-component":"dialog",children:a.jsxs("dialog",{className:c.t(i.dialog,t),onClick:e=>e.stopPropagation(),...l,children:[o&&a.jsx(d.Button,{"aria-label":"Close dialog","data-tag":"close-dialog",onClick:()=>o(!1),variant:"tertiary",children:a.jsx(u.Icon,{name:"x"})}),n]})}));exports.Dialog=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dialog/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, setOpen, ...props }: DialogProps) => {\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n\n      event.preventDefault();\n      setOpen(false);\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  });\n\n  return (\n    <div\n      className={styles.wrapper}\n      data-wrapper\n      onClick={() => setOpen(false)}\n    >\n      <dialog\n        className={styles.dialog}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        <Button\n          aria-label={'Close dialog'} /* 🌝 */\n          data-tag={'close-dialog'}\n          onClick={() => setOpen(false)}\n          type={'button'}\n          variant='minimal'\n        >\n          <Icon name={'x'} />\n        </Button>\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","setOpen","props","useEffect","handleKeyDown","event","key","preventDefault","window","addEventListener","removeEventListener","jsx","styles","wrapper","jsxs","dialog","e","stopPropagation","Button","Icon"],"mappings":"yQAYaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,QAAAA,EAAS,GAAGC,CAAmB,KAChEC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAiBC,GAAyB,CAC1CA,EAAMC,MAAQ,WAElBD,EAAME,eAAAA,EACNN,EAAQ,EAAK,EACf,EAEAO,cAAOC,iBAAiB,UAAWL,CAAa,EAEzC,IAAMI,OAAOE,oBAAoB,UAAWN,CAAa,CAClE,CAAC,EAGCO,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAOC,QAClB,eAAY,GACZ,QAAS,IAAMZ,EAAQ,EAAK,EAAE,iBAAA,SAE9B,SAAAa,EAAAA,KAAC,SAAA,CACC,UAAWF,EAAOG,OAClB,QAAUC,GAAMA,EAAEC,gBAAAA,EAClB,GAAIf,EAEJ,SAAA,CAAAS,MAACO,EAAAA,QACC,aAAY,eACZ,WAAU,eACV,QAAS,IAAMjB,EAAQ,EAAK,EAC5B,KAAM,SACN,QAAQ,UAER,eAACkB,EAAAA,KAAA,CAAK,KAAM,IAAI,EAClB,EACCnB,CAAAA,CAAAA,CACH,CAAA,CACF"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, className, setOpen, ...props }: DialogProps) => {\n  useEffect(() => {\n    if (!setOpen) return undefined;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n\n      event.preventDefault();\n      setOpen(false);\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [setOpen]);\n\n  return (\n    <div\n      className={styles.wrapper}\n      data-wrapper\n      onClick={() => setOpen?.(false)}\n    >\n      <dialog\n        className={cx(styles.dialog, className)}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {setOpen && (\n          <Button\n            aria-label='Close dialog'\n            data-tag='close-dialog'\n            onClick={() => setOpen(false)}\n            variant='tertiary'\n          >\n            <Icon name='x' />\n          </Button>\n        )}\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","className","setOpen","props","useEffect","handleKeyDown","event","key","preventDefault","window","addEventListener","removeEventListener","jsx","styles","wrapper","jsxs","cx","dialog","e","stopPropagation","Button","Icon"],"mappings":"iTAaaA,EAASA,CAAC,CAAEC,SAAAA,EAAUC,UAAAA,EAAWC,QAAAA,EAAS,GAAGC,CAAmB,KAC3EC,EAAAA,UAAU,IAAM,CACd,GAAI,CAACF,EAAS,OAEd,MAAMG,EAAiBC,GAAyB,CAC1CA,EAAMC,MAAQ,WAElBD,EAAME,eAAAA,EACNN,EAAQ,EAAK,EACf,EAEAO,cAAOC,iBAAiB,UAAWL,CAAa,EAEzC,IAAMI,OAAOE,oBAAoB,UAAWN,CAAa,CAClE,EAAG,CAACH,CAAO,CAAC,EAGVU,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAOC,QAClB,eAAY,GACZ,QAAS,IAAMZ,GAAAA,YAAAA,EAAU,IAAO,iBAAA,SAEhC,SAAAa,EAAAA,KAAC,SAAA,CACC,UAAWC,EAAAA,EAAGH,EAAOI,OAAQhB,CAAS,EACtC,QAAUiB,GAAMA,EAAEC,gBAAAA,EAClB,GAAIhB,EAEHD,SAAAA,CAAAA,SACEkB,EAAAA,OAAA,CACC,aAAW,eACX,WAAS,eACT,QAAS,IAAMlB,EAAQ,EAAK,EAC5B,QAAQ,WAER,eAACmB,EAAAA,KAAA,CAAK,KAAK,IAAG,EAChB,EAEDrB,CAAAA,CAAAA,CACH,CAAA,CACF"}

package/dist/components/dialog/index.js

@@ -1,24 +1,27 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useEffect as d } from "react";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { t as c } from "../../classix-DG18itHa.js";
+import { useEffect as m } from "react";
 import { Button as s } from "../button/index.js";
-import { Icon as p } from "../icon/index.js";
-import '../../assets/index11.css';const c = "_dialog_mvo05_1", m = "_wrapper_mvo05_38", t = {
-  dialog: c,
-  wrapper: m
-}, v = ({
-  children: n,
-  setOpen: a,
-  ...i
-}) => (d(() => {
-  const o = (r) => {
-    r.key === "Escape" && (r.preventDefault(), a(!1));
+import { Icon as f } from "../icon/index.js";
+import '../../assets/index37.css';const p = "_dialog_mvo05_1", w = "_wrapper_mvo05_38", l = {
+  dialog: p,
+  wrapper: w
+}, _ = ({
+  children: t,
+  className: e,
+  setOpen: o,
+  ...d
+}) => (m(() => {
+  if (!o) return;
+  const r = (i) => {
+    i.key === "Escape" && (i.preventDefault(), o(!1));
   };
-  return window.addEventListener("keydown", o), () => window.removeEventListener("keydown", o);
-}), /* @__PURE__ */ e("div", { className: t.wrapper, "data-wrapper": !0, onClick: () => a(!1), "data-component": "dialog", children: /* @__PURE__ */ l("dialog", { className: t.dialog, onClick: (o) => o.stopPropagation(), ...i, children: [
-  /* @__PURE__ */ e(s, { "aria-label": "Close dialog", "data-tag": "close-dialog", onClick: () => a(!1), type: "button", variant: "minimal", children: /* @__PURE__ */ e(p, { name: "x" }) }),
-  n
+  return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
+}, [o]), /* @__PURE__ */ a("div", { className: l.wrapper, "data-wrapper": !0, onClick: () => o == null ? void 0 : o(!1), "data-component": "dialog", children: /* @__PURE__ */ n("dialog", { className: c(l.dialog, e), onClick: (r) => r.stopPropagation(), ...d, children: [
+  o && /* @__PURE__ */ a(s, { "aria-label": "Close dialog", "data-tag": "close-dialog", onClick: () => o(!1), variant: "tertiary", children: /* @__PURE__ */ a(f, { name: "x" }) }),
+  t
 ] }) }));
 export {
-  v as Dialog
+  _ as Dialog
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, setOpen, ...props }: DialogProps) => {\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n\n      event.preventDefault();\n      setOpen(false);\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  });\n\n  return (\n    <div\n      className={styles.wrapper}\n      data-wrapper\n      onClick={() => setOpen(false)}\n    >\n      <dialog\n        className={styles.dialog}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        <Button\n          aria-label={'Close dialog'} /* 🌝 */\n          data-tag={'close-dialog'}\n          onClick={() => setOpen(false)}\n          type={'button'}\n          variant='minimal'\n        >\n          <Icon name={'x'} />\n        </Button>\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","setOpen","props","useEffect","handleKeyDown","event","key","preventDefault","window","addEventListener","removeEventListener","jsx","styles","wrapper","jsxs","dialog","e","stopPropagation","Button","Icon"],"mappings":";;;;;;;GAYaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,SAAAA;AAAAA,EAAS,GAAGC;AAAmB,OAChEC,EAAU,MAAM;AACd,QAAMC,IAAgBA,CAACC,MAAyB;AAC9C,IAAIA,EAAMC,QAAQ,aAElBD,EAAME,eAAAA,GACNN,EAAQ,EAAK;AAAA,EACf;AAEAO,gBAAOC,iBAAiB,WAAWL,CAAa,GAEzC,MAAMI,OAAOE,oBAAoB,WAAWN,CAAa;AAClE,CAAC,GAGC,gBAAAO,EAAC,OAAA,EACC,WAAWC,EAAOC,SAClB,gBAAY,IACZ,SAAS,MAAMZ,EAAQ,EAAK,GAAE,kBAAA,UAE9B,UAAA,gBAAAa,EAAC,UAAA,EACC,WAAWF,EAAOG,QAClB,SAAUC,CAAAA,MAAMA,EAAEC,gBAAAA,GAClB,GAAIf,GAEJ,UAAA;AAAA,EAAA,gBAAAS,EAACO,KACC,cAAY,gBACZ,YAAU,gBACV,SAAS,MAAMjB,EAAQ,EAAK,GAC5B,MAAM,UACN,SAAQ,WAER,4BAACkB,GAAA,EAAK,MAAM,KAAI,GAClB;AAAA,EACCnB;AAAAA,EAAAA,CACH,EAAA,CACF;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect } from 'react';\n\nimport { Button } from '@/components/button';\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type DialogProps = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  children: React.ReactNode;\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const Dialog = ({ children, className, setOpen, ...props }: DialogProps) => {\n  useEffect(() => {\n    if (!setOpen) return undefined;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n\n      event.preventDefault();\n      setOpen(false);\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [setOpen]);\n\n  return (\n    <div\n      className={styles.wrapper}\n      data-wrapper\n      onClick={() => setOpen?.(false)}\n    >\n      <dialog\n        className={cx(styles.dialog, className)}\n        onClick={(e) => e.stopPropagation()}\n        {...props}\n      >\n        {setOpen && (\n          <Button\n            aria-label='Close dialog'\n            data-tag='close-dialog'\n            onClick={() => setOpen(false)}\n            variant='tertiary'\n          >\n            <Icon name='x' />\n          </Button>\n        )}\n        {children}\n      </dialog>\n    </div>\n  );\n};\n"],"names":["Dialog","children","className","setOpen","props","useEffect","handleKeyDown","event","key","preventDefault","window","addEventListener","removeEventListener","jsx","styles","wrapper","jsxs","cx","dialog","e","stopPropagation","Button","Icon"],"mappings":";;;;;;;;GAaaA,IAASA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,SAAAA;AAAAA,EAAS,GAAGC;AAAmB,OAC3EC,EAAU,MAAM;AACd,MAAI,CAACF,EAAS;AAEd,QAAMG,IAAgBA,CAACC,MAAyB;AAC9C,IAAIA,EAAMC,QAAQ,aAElBD,EAAME,eAAAA,GACNN,EAAQ,EAAK;AAAA,EACf;AAEAO,gBAAOC,iBAAiB,WAAWL,CAAa,GAEzC,MAAMI,OAAOE,oBAAoB,WAAWN,CAAa;AAClE,GAAG,CAACH,CAAO,CAAC,GAGV,gBAAAU,EAAC,OAAA,EACC,WAAWC,EAAOC,SAClB,gBAAY,IACZ,SAAS,MAAMZ,KAAAA,gBAAAA,EAAU,KAAO,kBAAA,UAEhC,UAAA,gBAAAa,EAAC,UAAA,EACC,WAAWC,EAAGH,EAAOI,QAAQhB,CAAS,GACtC,SAAUiB,CAAAA,MAAMA,EAAEC,gBAAAA,GAClB,GAAIhB,GAEHD,UAAAA;AAAAA,EAAAA,uBACEkB,GAAA,EACC,cAAW,gBACX,YAAS,gBACT,SAAS,MAAMlB,EAAQ,EAAK,GAC5B,SAAQ,YAER,4BAACmB,GAAA,EAAK,MAAK,KAAG,GAChB;AAAA,EAEDrB;AAAAA,EAAAA,CACH,EAAA,CACF;"}

package/dist/components/dropdown/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const r=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),a=require("react"),F=require("../button/index.cjs"),ce=require("../../icons-DYCSlAoX.cjs"),X=require("../../index-iItPktfX.cjs"),ue=require("../list/index.cjs"),N=require("../../index-BOkkyMbX.cjs");function V(t){return typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(V).join(" "):a.isValidElement(t)?V(t.props.children):""}function de(t){return a.isValidElement(t)&&t.type==="option"}function pe(t){return a.isValidElement(t)&&t.type==="optgroup"}function fe(t){return a.isValidElement(t)&&t.type===a.Fragment}function me(t){return a.isValidElement(t)&&t.type===N.Select}function W(t,i,l=!1){const s=[];return a.Children.forEach(t,n=>{if(fe(n))s.push(...W(n.props.children,i,l));else if(de(n)){const c=V(n.props.children).trim(),f=n.props.value!=null?String(n.props.value):c;s.push({disabled:l||!!n.props.disabled,groupLabel:i,hidden:!!n.props.hidden,isPlaceholder:!!(n.props.hidden&&f===""),label:n.props.children,selected:!!n.props.selected,text:c,value:f})}else pe(n)&&s.push(...W(n.props.children,n.props.label,l||!!n.props.disabled))}),s}function _e(t){const i=t.trim();if(!i)return null;const s=[.../[*?]/.test(i)?i:`*${i}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${s}$`,"i")}function he(t,i){const l=_e(i),s=t.filter(n=>!n.hidden&&!n.isPlaceholder);return l?s.filter(n=>l.test([n.groupLabel,n.text,n.value].filter(Boolean).join(" "))):s}function ye(t,i){return t.find(l=>l.value===i)??t.find(l=>l.isPlaceholder)??t[0]}function xe(t,i,l){var s,n;return i!=null?String(i):l!=null?String(l):((s=t.find(c=>c.selected))==null?void 0:s.value)??((n=t[0])==null?void 0:n.value)??""}function be(t){if(me(t)){const{children:i,placeholder:l,...s}=t.props;return{children:r.jsxs(r.Fragment,{children:[l&&r.jsx("option",{hidden:!0,value:"",children:l}),i]}),props:s}}return{children:t.props.children,props:t.props}}const ge="_combobox_qsl6y_3",ve="_dropdown_qsl6y_27",je="_empty_qsl6y_30",qe="_group_qsl6y_31",we="_placeholder_qsl6y_32",Se="_filter_qsl6y_40",Ce="_native_qsl6y_52",Ee="_option_qsl6y_62",Ne="_options_qsl6y_84",Ve="_panel_qsl6y_108",Le="_selected_qsl6y_131",Re="_text_qsl6y_135",$e="_trigger_qsl6y_145",Be="_minimal_qsl6y_164",Ie="_inline_qsl6y_221",De="_label_qsl6y_253",o={combobox:ge,"combobox-input":"_combobox-input_qsl6y_12",dropdown:ve,empty:je,group:qe,placeholder:we,filter:Se,native:Ce,option:Ee,options:Ne,panel:Ve,selected:Le,text:Re,trigger:$e,minimal:Be,inline:Ie,label:De,"inline-field":"_inline-field_qsl6y_259"};function Y(t,i){return{"--icon-svg":ce.iconSVG(t).replace("currentColor",i)}}const Pe=({children:t,className:i,combobox:l=!1,createOption:s,emptyLabel:n="No matches found",label:c,renderOption:f,searchPlaceholder:L="Filter",selectedItems:Z,variant:y="default",...ee})=>{const R=be(t),{defaultValue:te,onChange:$,value:B,...ne}=R.props,g=N.sanitizeSelectProps(ne),M=a.useRef(null),Q=a.useRef(null),v=a.useId(),z=a.useRef(null),m=a.useRef(null),x=W(R.children),b=B!=null,I=xe(x,B,te),[D,P]=a.useState(()=>I),[u,p]=a.useState(!1),[j,q]=a.useState(""),w=b?String(B):D,O={default:N.resolveColor("--colors-semantic-content-secondary"),white:N.resolveColor("--color-white","white")},T=y==="minimal"?O.white:O.default,S=ye(x,w),le=Y("chevron",T),se=Y("search",T),A=he(x,j),_=j.trim(),C=!!(l&&s&&_&&s.isValid(_)),re=c&&y==="inline"?X.formatInlineLabel(c):c,G=e=>e?(f==null?void 0:f({groupLabel:e.groupLabel,isSelected:e.value===w,label:e.label,text:e.text,value:e.value}))??e.label:"Select an option";a.useEffect(()=>{!b&&!x.some(e=>e.value===D)&&P(I)},[I,D,b,x]),a.useEffect(()=>{var e;if(!u){q("");return}(e=m.current)==null||e.focus()},[u]),a.useEffect(()=>{if(!u)return;const e=d=>{var h;(h=Q.current)!=null&&h.contains(d.target)||p(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]);const oe=e=>{b||P(e.target.value),$==null||$(e)},k=()=>{var e;p(!1),l||(e=M.current)==null||e.focus()},K=()=>{var e;q(""),p(!0),(e=m.current)==null||e.focus()},H=()=>{!s||!C||(s.onCreate(_),K())},ie=e=>{var U;b||P(e);const d=z.current;if(!d){k();return}const h=(U=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:U.set;h==null||h.call(d,e),d.dispatchEvent(new Event("change",{bubbles:!0})),l?K():k()},ae=e=>{e.key==="Escape"&&k(),e.key==="Enter"&&e.target===m.current&&C&&(e.preventDefault(),H())},J=r.jsxs("div",{className:E.t(o.dropdown,y==="inline"&&o.inline,y==="minimal"&&o.minimal,i),onKeyDown:ae,ref:Q,...ee,children:[r.jsx("select",{...g,"aria-hidden":"true",className:o.native,onChange:oe,ref:z,tabIndex:-1,value:w,children:R.children}),l?r.jsxs("div",{className:o.combobox,onClick:()=>{var e;return(e=m.current)==null?void 0:e.focus()},children:[Z,r.jsx("input",{"aria-autocomplete":"list","aria-expanded":u,"aria-label":g["aria-label"]??c??L,className:o["combobox-input"],disabled:g.disabled,onChange:e=>{q(e.target.value),p(!0)},onClick:()=>p(!0),onFocus:()=>p(!0),placeholder:L||void 0,ref:m,role:"combobox",type:"text",value:j})]}):r.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog","aria-labelledby":c?`${v} ${v}-value`:void 0,className:E.t(o.trigger,(S==null?void 0:S.isPlaceholder)&&o.placeholder),"data-open":u?"true":void 0,disabled:g.disabled,onClick:()=>p(e=>!e),ref:M,style:le,variant:"tertiary",children:r.jsx("span",{className:o.text,id:`${v}-value`,children:G(S)})}),u&&r.jsxs("div",{className:o.panel,children:[!l&&r.jsx(X.Input,{"aria-label":"Filter",className:o.filter,icon:"search",onChange:e=>q(e.target.value),placeholder:L,ref:m,style:se,type:"search",value:j}),r.jsxs(ue.List,{"aria-label":"Dropdown",className:o.options,children:[A.map(e=>{const d=e.value===w;return r.jsx("li",{"data-component":"dropdown",children:r.jsxs(F.Button,{"aria-label":d?`${e.text}, selected`:e.text,className:E.t(o.option,d&&o.selected),disabled:e.disabled,onClick:()=>ie(e.value),variant:"tertiary",children:[r.jsx("span",{className:o.text,children:G(e)}),e.groupLabel&&r.jsx("small",{className:o.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}),C&&s&&r.jsx("li",{children:r.jsx(F.Button,{"aria-label":V(s.render(_))||_,className:o.option,onClick:H,variant:"tertiary",children:r.jsx("span",{className:o.text,children:s.render(_)})})}),A.length===0&&!C&&r.jsx("li",{className:o.empty,children:n})]})]})]});return c?r.jsxs("div",{className:E.t(o.label,y==="inline"&&o["inline-field"]),"data-component":"dropdown",children:[r.jsx("span",{id:v,children:re}),J]}):J};exports.Dropdown=Pe;
+//# sourceMappingURL=index.cjs.map

package/dist/components/dropdown/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/dropdown/options.tsx","../../../src/components/dropdown/index.tsx"],"sourcesContent":["import React, { Children, isValidElement } from 'react';\n\nimport { Select, type SelectProps } from '@/components/select';\n\ntype NativeSelectProps = Omit<React.ComponentPropsWithoutRef<'select'>, 'children' | 'multiple'> & {\n  children: React.ReactNode;\n  multiple?: false;\n};\n\ntype NativeSelectElement = React.ReactElement<NativeSelectProps, 'select'>;\ntype WrappedSelectElement = React.ReactElement<SelectProps, typeof Select>;\n\nexport type DropdownSelectElement = NativeSelectElement | WrappedSelectElement;\n\nexport type DropdownOption = {\n  disabled: boolean;\n  groupLabel?: string;\n  hidden: boolean;\n  isPlaceholder: boolean;\n  label: React.ReactNode;\n  selected: boolean;\n  text: string;\n  value: string;\n};\n\nexport type DropdownRenderOption = Pick<\n  DropdownOption,\n  'groupLabel' | 'label' | 'text' | 'value'\n> & {\n  isSelected: boolean;\n};\n\nexport function getNodeText(node: React.ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join(' ');\n  if (isValidElement<{ children?: React.ReactNode }>(node)) return getNodeText(node.props.children);\n  return '';\n}\n\nfunction isOptionElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'option'>, 'option'> {\n  return isValidElement(node) && node.type === 'option';\n}\n\nfunction isOptGroupElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'optgroup'>, 'optgroup'> {\n  return isValidElement(node) && node.type === 'optgroup';\n}\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }, typeof React.Fragment> {\n  return isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction isWrappedSelectElement(node: React.ReactNode): node is WrappedSelectElement {\n  return isValidElement(node) && node.type === Select;\n}\n\nexport function extractOptions(\n  children: React.ReactNode,\n  groupLabel?: string,\n  groupDisabled = false\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      options.push(...extractOptions(child.props.children, groupLabel, groupDisabled));\n    } else if (isOptionElement(child)) {\n      const text = getNodeText(child.props.children).trim();\n      const value = child.props.value != null ? String(child.props.value) : text;\n      options.push({\n        disabled: groupDisabled || Boolean(child.props.disabled),\n        groupLabel,\n        hidden: Boolean(child.props.hidden),\n        isPlaceholder: Boolean(child.props.hidden && value === ''),\n        label: child.props.children,\n        selected: Boolean(child.props.selected),\n        text,\n        value,\n      });\n    } else if (isOptGroupElement(child)) {\n      options.push(\n        ...extractOptions(\n          child.props.children,\n          child.props.label,\n          groupDisabled || Boolean(child.props.disabled)\n        )\n      );\n    }\n  });\n\n  return options;\n}\n\nfunction buildWildcardMatcher(query: string) {\n  const trimmedQuery = query.trim();\n  if (!trimmedQuery) return null;\n\n  const wildcardQuery = /[*?]/.test(trimmedQuery) ? trimmedQuery : `*${trimmedQuery}*`;\n  const expression = [...wildcardQuery]\n    .map((character) => {\n      if (character === '*') return '.*';\n      if (character === '?') return '.';\n      return character.replace(/[|\\\\{}()[\\]^$+.,]/g, '\\\\$&');\n    })\n    .join('');\n\n  return new RegExp(`^${expression}$`, 'i');\n}\n\nexport function filterOptions(options: DropdownOption[], query: string) {\n  const matcher = buildWildcardMatcher(query);\n  const selectableOptions = options.filter((option) => !option.hidden && !option.isPlaceholder);\n  return matcher\n    ? selectableOptions.filter((option) =>\n        matcher.test([option.groupLabel, option.text, option.value].filter(Boolean).join(' '))\n      )\n    : selectableOptions;\n}\n\nexport function getDisplayOption(options: DropdownOption[], selectedValue: string) {\n  return (\n    options.find((option) => option.value === selectedValue) ??\n    options.find((option) => option.isPlaceholder) ??\n    options[0]\n  );\n}\n\nexport function getInitialValue(\n  options: DropdownOption[],\n  value?: NativeSelectProps['value'],\n  defaultValue?: NativeSelectProps['defaultValue']\n) {\n  if (value != null) return String(value);\n  if (defaultValue != null) return String(defaultValue);\n  return options.find((option) => option.selected)?.value ?? options[0]?.value ?? '';\n}\n\nexport function normalizeSelectElement(selectElement: DropdownSelectElement) {\n  if (isWrappedSelectElement(selectElement)) {\n    const { children, placeholder, ...props } = selectElement.props;\n    return {\n      children: (\n        <>\n          {placeholder && (\n            <option\n              hidden\n              value=''\n            >\n              {placeholder}\n            </option>\n          )}\n          {children}\n        </>\n      ),\n      props,\n    };\n  }\n\n  return { children: selectElement.props.children, props: selectElement.props };\n}\n","import cx from 'classix';\nimport React, { useEffect, useId, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { type IconName, iconSVG } from '@/components/icon/icons';\nimport { Input } from '@/components/input';\nimport { List } from '@/components/list';\nimport { sanitizeSelectProps } from '@/components/select/sanitize-select-props';\nimport { resolveColor } from '@/lib/color';\nimport { formatInlineLabel } from '@/lib/text';\n\nimport {\n  type DropdownOption,\n  type DropdownRenderOption,\n  type DropdownSelectElement,\n  extractOptions,\n  filterOptions,\n  getDisplayOption,\n  getInitialValue,\n  getNodeText,\n  normalizeSelectElement,\n} from './options';\nimport styles from './styles.module.css';\n\nexport type { DropdownRenderOption } from './options';\n\nexport type DropdownCreateOption = {\n  isValid: (value: string) => boolean;\n  onCreate: (value: string) => void;\n  render: (value: string) => React.ReactNode;\n};\n\nexport type DropdownProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> & {\n  children: DropdownSelectElement;\n  combobox?: boolean;\n  createOption?: DropdownCreateOption;\n  emptyLabel?: string;\n  label?: string;\n  renderOption?: (option: DropdownRenderOption) => React.ReactNode;\n  searchPlaceholder?: string;\n  selectedItems?: React.ReactNode;\n  variant?: 'default' | 'inline' | 'minimal';\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nfunction getIconWithVars(icon: IconName, color: string): withVars {\n  return {\n    '--icon-svg': iconSVG(icon).replace('currentColor', color),\n  };\n}\n\nexport const Dropdown = ({\n  children: selectElement,\n  className,\n  combobox = false,\n  createOption,\n  emptyLabel = 'No matches found',\n  label,\n  renderOption,\n  searchPlaceholder = 'Filter',\n  selectedItems,\n  variant = 'default',\n  ...props\n}: DropdownProps) => {\n  const normalizedSelect = normalizeSelectElement(selectElement);\n  const { defaultValue, onChange, value, ...restSelectProps } = normalizedSelect.props;\n  const selectProps = sanitizeSelectProps(restSelectProps);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const labelId = useId();\n  const nativeSelectRef = useRef<HTMLSelectElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const options = extractOptions(normalizedSelect.children);\n  const isControlled = value != null;\n  const initialValue = getInitialValue(options, value, defaultValue);\n  const [internalValue, setInternalValue] = useState(() => initialValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const selectedValue = isControlled ? String(value) : internalValue;\n  const iconColors = {\n    default: resolveColor('--colors-semantic-content-secondary'),\n    white: resolveColor('--color-white', 'white'),\n  };\n  const dropdownIconColor = variant === 'minimal' ? iconColors.white : iconColors.default;\n  const displayOption = getDisplayOption(options, selectedValue);\n  const triggerWithVars = getIconWithVars('chevron', dropdownIconColor);\n  const filterWithVars = getIconWithVars('search', dropdownIconColor);\n  const filteredOptions = filterOptions(options, query);\n  const customValue = query.trim();\n  const canCreateOption = Boolean(\n    combobox && createOption && customValue && createOption.isValid(customValue)\n  );\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n  const renderDropdownOption = (option: DropdownOption | undefined) => {\n    if (!option) return 'Select an option';\n\n    return (\n      renderOption?.({\n        groupLabel: option.groupLabel,\n        isSelected: option.value === selectedValue,\n        label: option.label,\n        text: option.text,\n        value: option.value,\n      }) ?? option.label\n    );\n  };\n\n  useEffect(() => {\n    if (!isControlled && !options.some((option) => option.value === internalValue)) {\n      setInternalValue(initialValue);\n    }\n  }, [initialValue, internalValue, isControlled, options]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setQuery('');\n      return;\n    }\n\n    searchRef.current?.focus();\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      if (!containerRef.current?.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n    };\n  }, [isOpen]);\n\n  const handleNativeChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    if (!isControlled) {\n      setInternalValue(event.target.value);\n    }\n\n    onChange?.(event);\n  };\n\n  const closeMenu = () => {\n    setIsOpen(false);\n    if (!combobox) {\n      buttonRef.current?.focus();\n    }\n  };\n\n  const continueComboboxSelection = () => {\n    setQuery('');\n    setIsOpen(true);\n    searchRef.current?.focus();\n  };\n\n  const commitCustomValue = () => {\n    if (!createOption || !canCreateOption) return;\n\n    createOption.onCreate(customValue);\n    continueComboboxSelection();\n  };\n\n  const commitValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n\n    const nativeSelect = nativeSelectRef.current;\n\n    if (!nativeSelect) {\n      closeMenu();\n      return;\n    }\n\n    const valueSetter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value')?.set;\n\n    valueSetter?.call(nativeSelect, nextValue);\n    nativeSelect.dispatchEvent(new Event('change', { bubbles: true }));\n    if (combobox) {\n      continueComboboxSelection();\n    } else {\n      closeMenu();\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      closeMenu();\n    }\n\n    if (event.key === 'Enter' && event.target === searchRef.current && canCreateOption) {\n      event.preventDefault();\n      commitCustomValue();\n    }\n  };\n\n  const dropdown = (\n    <div\n      className={cx(\n        styles.dropdown,\n        variant === 'inline' && styles.inline,\n        variant === 'minimal' && styles.minimal,\n        className\n      )}\n      onKeyDown={handleKeyDown}\n      ref={containerRef}\n      {...props}\n    >\n      <select\n        {...selectProps}\n        aria-hidden='true'\n        className={styles.native}\n        onChange={handleNativeChange}\n        ref={nativeSelectRef}\n        tabIndex={-1}\n        value={selectedValue}\n      >\n        {normalizedSelect.children}\n      </select>\n      {combobox ? (\n        <div\n          className={styles.combobox}\n          onClick={() => searchRef.current?.focus()}\n        >\n          {selectedItems}\n          <input\n            aria-autocomplete='list'\n            aria-expanded={isOpen}\n            aria-label={selectProps['aria-label'] ?? label ?? searchPlaceholder}\n            className={styles['combobox-input']}\n            disabled={selectProps.disabled}\n            onChange={(event) => {\n              setQuery(event.target.value);\n              setIsOpen(true);\n            }}\n            onClick={() => setIsOpen(true)}\n            onFocus={() => setIsOpen(true)}\n            placeholder={searchPlaceholder || undefined}\n            ref={searchRef}\n            role='combobox'\n            type='text'\n            value={query}\n          />\n        </div>\n      ) : (\n        <Button\n          aria-expanded={isOpen}\n          aria-haspopup='dialog'\n          aria-labelledby={label ? `${labelId} ${labelId}-value` : undefined}\n          className={cx(styles.trigger, displayOption?.isPlaceholder && styles.placeholder)}\n          data-open={isOpen ? 'true' : undefined}\n          disabled={selectProps.disabled}\n          onClick={() => setIsOpen((currentValue) => !currentValue)}\n          ref={buttonRef}\n          style={triggerWithVars}\n          variant='tertiary'\n        >\n          <span\n            className={styles.text}\n            id={`${labelId}-value`}\n          >\n            {renderDropdownOption(displayOption)}\n          </span>\n        </Button>\n      )}\n      {isOpen && (\n        <div className={styles.panel}>\n          {!combobox && (\n            <Input\n              aria-label='Filter'\n              className={styles.filter}\n              icon='search'\n              onChange={(event) => setQuery(event.target.value)}\n              placeholder={searchPlaceholder}\n              ref={searchRef}\n              style={filterWithVars}\n              type='search'\n              value={query}\n            />\n          )}\n          <List\n            aria-label='Dropdown'\n            className={styles.options}\n          >\n            {filteredOptions.map((option) => {\n              const isSelected = option.value === selectedValue;\n\n              return (\n                <li key={`${option.groupLabel ?? 'root'}-${option.value}`}>\n                  <Button\n                    aria-label={isSelected ? `${option.text}, selected` : option.text}\n                    className={cx(styles.option, isSelected && styles.selected)}\n                    disabled={option.disabled}\n                    onClick={() => commitValue(option.value)}\n                    variant='tertiary'\n                  >\n                    <span className={styles.text}>{renderDropdownOption(option)}</span>\n                    {option.groupLabel && (\n                      <small className={styles.group}>{option.groupLabel}</small>\n                    )}\n                  </Button>\n                </li>\n              );\n            })}\n            {canCreateOption && createOption && (\n              <li>\n                <Button\n                  aria-label={getNodeText(createOption.render(customValue)) || customValue}\n                  className={styles.option}\n                  onClick={commitCustomValue}\n                  variant='tertiary'\n                >\n                  <span className={styles.text}>{createOption.render(customValue)}</span>\n                </Button>\n              </li>\n            )}\n            {filteredOptions.length === 0 && !canCreateOption && (\n              <li className={styles.empty}>{emptyLabel}</li>\n            )}\n          </List>\n        </div>\n      )}\n    </div>\n  );\n\n  return label ? (\n    <div className={cx(styles.label, variant === 'inline' && styles['inline-field'])}>\n      <span id={labelId}>{displayLabel}</span>\n      {dropdown}\n    </div>\n  ) : (\n    dropdown\n  );\n};\n"],"names":["getNodeText","node","String","Array","isArray","map","join","isValidElement","props","children","isOptionElement","type","isOptGroupElement","isFragmentElement","React","Fragment","isWrappedSelectElement","Select","extractOptions","groupLabel","groupDisabled","options","Children","forEach","child","push","text","trim","value","disabled","Boolean","hidden","isPlaceholder","label","selected","buildWildcardMatcher","query","trimmedQuery","expression","test","character","replace","RegExp","filterOptions","matcher","selectableOptions","filter","option","getDisplayOption","selectedValue","find","getInitialValue","defaultValue","normalizeSelectElement","selectElement","placeholder","jsxs","getIconWithVars","icon","color","iconSVG","Dropdown","className","combobox","createOption","emptyLabel","renderOption","searchPlaceholder","selectedItems","variant","normalizedSelect","onChange","restSelectProps","selectProps","sanitizeSelectProps","buttonRef","useRef","containerRef","labelId","useId","nativeSelectRef","searchRef","isControlled","initialValue","internalValue","setInternalValue","useState","isOpen","setIsOpen","setQuery","iconColors","default","resolveColor","white","dropdownIconColor","displayOption","triggerWithVars","filterWithVars","filteredOptions","customValue","canCreateOption","isValid","displayLabel","formatInlineLabel","renderDropdownOption","isSelected","useEffect","some","current","focus","handlePointerDown","event","contains","target","document","addEventListener","removeEventListener","handleNativeChange","closeMenu","continueComboboxSelection","commitCustomValue","onCreate","commitValue","nextValue","nativeSelect","valueSetter","Object","getOwnPropertyDescriptor","HTMLSelectElement","prototype","set","call","dispatchEvent","Event","bubbles","handleKeyDown","key","preventDefault","dropdown","cx","styles","inline","minimal","jsx","native","undefined","Button","trigger","currentValue","panel","Input","List","group","render","length","empty"],"mappings":"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"}

package/dist/components/dropdown/index.js

@@ -0,0 +1,212 @@
+import { jsxs as p, Fragment as pe, jsx as i } from "react/jsx-runtime";
+import { t as V } from "../../classix-DG18itHa.js";
+import fe, { Children as me, isValidElement as v, useRef as I, useId as he, useState as W, useEffect as Q } from "react";
+import { Button as z } from "../button/index.js";
+import { i as _e } from "../../icons-CKzd_L4D.js";
+import { f as ye, I as be } from "../../index-DS2cY2g4.js";
+import { List as ge } from "../list/index.js";
+import { S as ve, s as xe, r as ee } from "../../index-D-AyCDg7.js";
+import '../../assets/index38.css';function L(t) {
+  return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(L).join(" ") : v(t) ? L(t.props.children) : "";
+}
+function we(t) {
+  return v(t) && t.type === "option";
+}
+function Se(t) {
+  return v(t) && t.type === "optgroup";
+}
+function qe(t) {
+  return v(t) && t.type === fe.Fragment;
+}
+function Ne(t) {
+  return v(t) && t.type === ve;
+}
+function M(t, o, r = !1) {
+  const l = [];
+  return me.forEach(t, (n) => {
+    if (qe(n))
+      l.push(...M(n.props.children, o, r));
+    else if (we(n)) {
+      const a = L(n.props.children).trim(), f = n.props.value != null ? String(n.props.value) : a;
+      l.push({
+        disabled: r || !!n.props.disabled,
+        groupLabel: o,
+        hidden: !!n.props.hidden,
+        isPlaceholder: !!(n.props.hidden && f === ""),
+        label: n.props.children,
+        selected: !!n.props.selected,
+        text: a,
+        value: f
+      });
+    } else Se(n) && l.push(...M(n.props.children, n.props.label, r || !!n.props.disabled));
+  }), l;
+}
+function Ce(t) {
+  const o = t.trim();
+  if (!o) return null;
+  const l = [.../[*?]/.test(o) ? o : `*${o}*`].map((n) => n === "*" ? ".*" : n === "?" ? "." : n.replace(/[|\\{}()[\]^$+.,]/g, "\\$&")).join("");
+  return new RegExp(`^${l}$`, "i");
+}
+function Ee(t, o) {
+  const r = Ce(o), l = t.filter((n) => !n.hidden && !n.isPlaceholder);
+  return r ? l.filter((n) => r.test([n.groupLabel, n.text, n.value].filter(Boolean).join(" "))) : l;
+}
+function Ve(t, o) {
+  return t.find((r) => r.value === o) ?? t.find((r) => r.isPlaceholder) ?? t[0];
+}
+function Ie(t, o, r) {
+  var l, n;
+  return o != null ? String(o) : r != null ? String(r) : ((l = t.find((a) => a.selected)) == null ? void 0 : l.value) ?? ((n = t[0]) == null ? void 0 : n.value) ?? "";
+}
+function Le(t) {
+  if (Ne(t)) {
+    const {
+      children: o,
+      placeholder: r,
+      ...l
+    } = t.props;
+    return {
+      children: /* @__PURE__ */ p(pe, { children: [
+        r && /* @__PURE__ */ i("option", { hidden: !0, value: "", children: r }),
+        o
+      ] }),
+      props: l
+    };
+  }
+  return {
+    children: t.props.children,
+    props: t.props
+  };
+}
+const $e = "_combobox_qsl6y_3", Be = "_dropdown_qsl6y_27", ke = "_empty_qsl6y_30", De = "_group_qsl6y_31", Pe = "_placeholder_qsl6y_32", Re = "_filter_qsl6y_40", je = "_native_qsl6y_52", Fe = "_option_qsl6y_62", We = "_options_qsl6y_84", Qe = "_panel_qsl6y_108", ze = "_selected_qsl6y_131", Me = "_text_qsl6y_135", Ae = "_trigger_qsl6y_145", Ge = "_minimal_qsl6y_164", Ke = "_inline_qsl6y_221", Oe = "_label_qsl6y_253", s = {
+  combobox: $e,
+  "combobox-input": "_combobox-input_qsl6y_12",
+  dropdown: Be,
+  empty: ke,
+  group: De,
+  placeholder: Pe,
+  filter: Re,
+  native: je,
+  option: Fe,
+  options: We,
+  panel: Qe,
+  selected: ze,
+  text: Me,
+  trigger: Ae,
+  minimal: Ge,
+  inline: Ke,
+  label: Oe,
+  "inline-field": "_inline-field_qsl6y_259"
+};
+function te(t, o) {
+  return {
+    "--icon-svg": _e(t).replace("currentColor", o)
+  };
+}
+const tt = ({
+  children: t,
+  className: o,
+  combobox: r = !1,
+  createOption: l,
+  emptyLabel: n = "No matches found",
+  label: a,
+  renderOption: f,
+  searchPlaceholder: $ = "Filter",
+  selectedItems: ne,
+  variant: y = "default",
+  ...re
+}) => {
+  const B = Le(t), {
+    defaultValue: le,
+    onChange: k,
+    value: D,
+    ...se
+  } = B.props, x = xe(se), A = I(null), G = I(null), w = he(), K = I(null), m = I(null), b = M(B.children), g = D != null, P = Ie(b, D, le), [R, j] = W(() => P), [c, d] = W(!1), [S, q] = W(""), N = g ? String(D) : R, O = {
+    default: ee("--colors-semantic-content-secondary"),
+    white: ee("--color-white", "white")
+  }, T = y === "minimal" ? O.white : O.default, C = Ve(b, N), oe = te("chevron", T), ie = te("search", T), H = Ee(b, S), h = S.trim(), E = !!(r && l && h && l.isValid(h)), ae = a && y === "inline" ? ye(a) : a, J = (e) => e ? (f == null ? void 0 : f({
+    groupLabel: e.groupLabel,
+    isSelected: e.value === N,
+    label: e.label,
+    text: e.text,
+    value: e.value
+  })) ?? e.label : "Select an option";
+  Q(() => {
+    !g && !b.some((e) => e.value === R) && j(P);
+  }, [P, R, g, b]), Q(() => {
+    var e;
+    if (!c) {
+      q("");
+      return;
+    }
+    (e = m.current) == null || e.focus();
+  }, [c]), Q(() => {
+    if (!c)
+      return;
+    const e = (u) => {
+      var _;
+      (_ = G.current) != null && _.contains(u.target) || d(!1);
+    };
+    return document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [c]);
+  const ce = (e) => {
+    g || j(e.target.value), k == null || k(e);
+  }, F = () => {
+    var e;
+    d(!1), r || (e = A.current) == null || e.focus();
+  }, U = () => {
+    var e;
+    q(""), d(!0), (e = m.current) == null || e.focus();
+  }, X = () => {
+    !l || !E || (l.onCreate(h), U());
+  }, ue = (e) => {
+    var Z;
+    g || j(e);
+    const u = K.current;
+    if (!u) {
+      F();
+      return;
+    }
+    const _ = (Z = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, "value")) == null ? void 0 : Z.set;
+    _ == null || _.call(u, e), u.dispatchEvent(new Event("change", {
+      bubbles: !0
+    })), r ? U() : F();
+  }, de = (e) => {
+    e.key === "Escape" && F(), e.key === "Enter" && e.target === m.current && E && (e.preventDefault(), X());
+  }, Y = /* @__PURE__ */ p("div", { className: V(s.dropdown, y === "inline" && s.inline, y === "minimal" && s.minimal, o), onKeyDown: de, ref: G, ...re, children: [
+    /* @__PURE__ */ i("select", { ...x, "aria-hidden": "true", className: s.native, onChange: ce, ref: K, tabIndex: -1, value: N, children: B.children }),
+    r ? /* @__PURE__ */ p("div", { className: s.combobox, onClick: () => {
+      var e;
+      return (e = m.current) == null ? void 0 : e.focus();
+    }, children: [
+      ne,
+      /* @__PURE__ */ i("input", { "aria-autocomplete": "list", "aria-expanded": c, "aria-label": x["aria-label"] ?? a ?? $, className: s["combobox-input"], disabled: x.disabled, onChange: (e) => {
+        q(e.target.value), d(!0);
+      }, onClick: () => d(!0), onFocus: () => d(!0), placeholder: $ || void 0, ref: m, role: "combobox", type: "text", value: S })
+    ] }) : /* @__PURE__ */ i(z, { "aria-expanded": c, "aria-haspopup": "dialog", "aria-labelledby": a ? `${w} ${w}-value` : void 0, className: V(s.trigger, (C == null ? void 0 : C.isPlaceholder) && s.placeholder), "data-open": c ? "true" : void 0, disabled: x.disabled, onClick: () => d((e) => !e), ref: A, style: oe, variant: "tertiary", children: /* @__PURE__ */ i("span", { className: s.text, id: `${w}-value`, children: J(C) }) }),
+    c && /* @__PURE__ */ p("div", { className: s.panel, children: [
+      !r && /* @__PURE__ */ i(be, { "aria-label": "Filter", className: s.filter, icon: "search", onChange: (e) => q(e.target.value), placeholder: $, ref: m, style: ie, type: "search", value: S }),
+      /* @__PURE__ */ p(ge, { "aria-label": "Dropdown", className: s.options, children: [
+        H.map((e) => {
+          const u = e.value === N;
+          return /* @__PURE__ */ i("li", { "data-component": "dropdown", children: /* @__PURE__ */ p(z, { "aria-label": u ? `${e.text}, selected` : e.text, className: V(s.option, u && s.selected), disabled: e.disabled, onClick: () => ue(e.value), variant: "tertiary", children: [
+            /* @__PURE__ */ i("span", { className: s.text, children: J(e) }),
+            e.groupLabel && /* @__PURE__ */ i("small", { className: s.group, children: e.groupLabel })
+          ] }) }, `${e.groupLabel ?? "root"}-${e.value}`);
+        }),
+        E && l && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(z, { "aria-label": L(l.render(h)) || h, className: s.option, onClick: X, variant: "tertiary", children: /* @__PURE__ */ i("span", { className: s.text, children: l.render(h) }) }) }),
+        H.length === 0 && !E && /* @__PURE__ */ i("li", { className: s.empty, children: n })
+      ] })
+    ] })
+  ] });
+  return a ? /* @__PURE__ */ p("div", { className: V(s.label, y === "inline" && s["inline-field"]), "data-component": "dropdown", children: [
+    /* @__PURE__ */ i("span", { id: w, children: ae }),
+    Y
+  ] }) : Y;
+};
+export {
+  tt as Dropdown
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/dropdown/options.tsx","../../../src/components/dropdown/index.tsx"],"sourcesContent":["import React, { Children, isValidElement } from 'react';\n\nimport { Select, type SelectProps } from '@/components/select';\n\ntype NativeSelectProps = Omit<React.ComponentPropsWithoutRef<'select'>, 'children' | 'multiple'> & {\n  children: React.ReactNode;\n  multiple?: false;\n};\n\ntype NativeSelectElement = React.ReactElement<NativeSelectProps, 'select'>;\ntype WrappedSelectElement = React.ReactElement<SelectProps, typeof Select>;\n\nexport type DropdownSelectElement = NativeSelectElement | WrappedSelectElement;\n\nexport type DropdownOption = {\n  disabled: boolean;\n  groupLabel?: string;\n  hidden: boolean;\n  isPlaceholder: boolean;\n  label: React.ReactNode;\n  selected: boolean;\n  text: string;\n  value: string;\n};\n\nexport type DropdownRenderOption = Pick<\n  DropdownOption,\n  'groupLabel' | 'label' | 'text' | 'value'\n> & {\n  isSelected: boolean;\n};\n\nexport function getNodeText(node: React.ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join(' ');\n  if (isValidElement<{ children?: React.ReactNode }>(node)) return getNodeText(node.props.children);\n  return '';\n}\n\nfunction isOptionElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'option'>, 'option'> {\n  return isValidElement(node) && node.type === 'option';\n}\n\nfunction isOptGroupElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'optgroup'>, 'optgroup'> {\n  return isValidElement(node) && node.type === 'optgroup';\n}\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }, typeof React.Fragment> {\n  return isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction isWrappedSelectElement(node: React.ReactNode): node is WrappedSelectElement {\n  return isValidElement(node) && node.type === Select;\n}\n\nexport function extractOptions(\n  children: React.ReactNode,\n  groupLabel?: string,\n  groupDisabled = false\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      options.push(...extractOptions(child.props.children, groupLabel, groupDisabled));\n    } else if (isOptionElement(child)) {\n      const text = getNodeText(child.props.children).trim();\n      const value = child.props.value != null ? String(child.props.value) : text;\n      options.push({\n        disabled: groupDisabled || Boolean(child.props.disabled),\n        groupLabel,\n        hidden: Boolean(child.props.hidden),\n        isPlaceholder: Boolean(child.props.hidden && value === ''),\n        label: child.props.children,\n        selected: Boolean(child.props.selected),\n        text,\n        value,\n      });\n    } else if (isOptGroupElement(child)) {\n      options.push(\n        ...extractOptions(\n          child.props.children,\n          child.props.label,\n          groupDisabled || Boolean(child.props.disabled)\n        )\n      );\n    }\n  });\n\n  return options;\n}\n\nfunction buildWildcardMatcher(query: string) {\n  const trimmedQuery = query.trim();\n  if (!trimmedQuery) return null;\n\n  const wildcardQuery = /[*?]/.test(trimmedQuery) ? trimmedQuery : `*${trimmedQuery}*`;\n  const expression = [...wildcardQuery]\n    .map((character) => {\n      if (character === '*') return '.*';\n      if (character === '?') return '.';\n      return character.replace(/[|\\\\{}()[\\]^$+.,]/g, '\\\\$&');\n    })\n    .join('');\n\n  return new RegExp(`^${expression}$`, 'i');\n}\n\nexport function filterOptions(options: DropdownOption[], query: string) {\n  const matcher = buildWildcardMatcher(query);\n  const selectableOptions = options.filter((option) => !option.hidden && !option.isPlaceholder);\n  return matcher\n    ? selectableOptions.filter((option) =>\n        matcher.test([option.groupLabel, option.text, option.value].filter(Boolean).join(' '))\n      )\n    : selectableOptions;\n}\n\nexport function getDisplayOption(options: DropdownOption[], selectedValue: string) {\n  return (\n    options.find((option) => option.value === selectedValue) ??\n    options.find((option) => option.isPlaceholder) ??\n    options[0]\n  );\n}\n\nexport function getInitialValue(\n  options: DropdownOption[],\n  value?: NativeSelectProps['value'],\n  defaultValue?: NativeSelectProps['defaultValue']\n) {\n  if (value != null) return String(value);\n  if (defaultValue != null) return String(defaultValue);\n  return options.find((option) => option.selected)?.value ?? options[0]?.value ?? '';\n}\n\nexport function normalizeSelectElement(selectElement: DropdownSelectElement) {\n  if (isWrappedSelectElement(selectElement)) {\n    const { children, placeholder, ...props } = selectElement.props;\n    return {\n      children: (\n        <>\n          {placeholder && (\n            <option\n              hidden\n              value=''\n            >\n              {placeholder}\n            </option>\n          )}\n          {children}\n        </>\n      ),\n      props,\n    };\n  }\n\n  return { children: selectElement.props.children, props: selectElement.props };\n}\n","import cx from 'classix';\nimport React, { useEffect, useId, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { type IconName, iconSVG } from '@/components/icon/icons';\nimport { Input } from '@/components/input';\nimport { List } from '@/components/list';\nimport { sanitizeSelectProps } from '@/components/select/sanitize-select-props';\nimport { resolveColor } from '@/lib/color';\nimport { formatInlineLabel } from '@/lib/text';\n\nimport {\n  type DropdownOption,\n  type DropdownRenderOption,\n  type DropdownSelectElement,\n  extractOptions,\n  filterOptions,\n  getDisplayOption,\n  getInitialValue,\n  getNodeText,\n  normalizeSelectElement,\n} from './options';\nimport styles from './styles.module.css';\n\nexport type { DropdownRenderOption } from './options';\n\nexport type DropdownCreateOption = {\n  isValid: (value: string) => boolean;\n  onCreate: (value: string) => void;\n  render: (value: string) => React.ReactNode;\n};\n\nexport type DropdownProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> & {\n  children: DropdownSelectElement;\n  combobox?: boolean;\n  createOption?: DropdownCreateOption;\n  emptyLabel?: string;\n  label?: string;\n  renderOption?: (option: DropdownRenderOption) => React.ReactNode;\n  searchPlaceholder?: string;\n  selectedItems?: React.ReactNode;\n  variant?: 'default' | 'inline' | 'minimal';\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nfunction getIconWithVars(icon: IconName, color: string): withVars {\n  return {\n    '--icon-svg': iconSVG(icon).replace('currentColor', color),\n  };\n}\n\nexport const Dropdown = ({\n  children: selectElement,\n  className,\n  combobox = false,\n  createOption,\n  emptyLabel = 'No matches found',\n  label,\n  renderOption,\n  searchPlaceholder = 'Filter',\n  selectedItems,\n  variant = 'default',\n  ...props\n}: DropdownProps) => {\n  const normalizedSelect = normalizeSelectElement(selectElement);\n  const { defaultValue, onChange, value, ...restSelectProps } = normalizedSelect.props;\n  const selectProps = sanitizeSelectProps(restSelectProps);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const labelId = useId();\n  const nativeSelectRef = useRef<HTMLSelectElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const options = extractOptions(normalizedSelect.children);\n  const isControlled = value != null;\n  const initialValue = getInitialValue(options, value, defaultValue);\n  const [internalValue, setInternalValue] = useState(() => initialValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const selectedValue = isControlled ? String(value) : internalValue;\n  const iconColors = {\n    default: resolveColor('--colors-semantic-content-secondary'),\n    white: resolveColor('--color-white', 'white'),\n  };\n  const dropdownIconColor = variant === 'minimal' ? iconColors.white : iconColors.default;\n  const displayOption = getDisplayOption(options, selectedValue);\n  const triggerWithVars = getIconWithVars('chevron', dropdownIconColor);\n  const filterWithVars = getIconWithVars('search', dropdownIconColor);\n  const filteredOptions = filterOptions(options, query);\n  const customValue = query.trim();\n  const canCreateOption = Boolean(\n    combobox && createOption && customValue && createOption.isValid(customValue)\n  );\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n  const renderDropdownOption = (option: DropdownOption | undefined) => {\n    if (!option) return 'Select an option';\n\n    return (\n      renderOption?.({\n        groupLabel: option.groupLabel,\n        isSelected: option.value === selectedValue,\n        label: option.label,\n        text: option.text,\n        value: option.value,\n      }) ?? option.label\n    );\n  };\n\n  useEffect(() => {\n    if (!isControlled && !options.some((option) => option.value === internalValue)) {\n      setInternalValue(initialValue);\n    }\n  }, [initialValue, internalValue, isControlled, options]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setQuery('');\n      return;\n    }\n\n    searchRef.current?.focus();\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      if (!containerRef.current?.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n    };\n  }, [isOpen]);\n\n  const handleNativeChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    if (!isControlled) {\n      setInternalValue(event.target.value);\n    }\n\n    onChange?.(event);\n  };\n\n  const closeMenu = () => {\n    setIsOpen(false);\n    if (!combobox) {\n      buttonRef.current?.focus();\n    }\n  };\n\n  const continueComboboxSelection = () => {\n    setQuery('');\n    setIsOpen(true);\n    searchRef.current?.focus();\n  };\n\n  const commitCustomValue = () => {\n    if (!createOption || !canCreateOption) return;\n\n    createOption.onCreate(customValue);\n    continueComboboxSelection();\n  };\n\n  const commitValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n\n    const nativeSelect = nativeSelectRef.current;\n\n    if (!nativeSelect) {\n      closeMenu();\n      return;\n    }\n\n    const valueSetter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value')?.set;\n\n    valueSetter?.call(nativeSelect, nextValue);\n    nativeSelect.dispatchEvent(new Event('change', { bubbles: true }));\n    if (combobox) {\n      continueComboboxSelection();\n    } else {\n      closeMenu();\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      closeMenu();\n    }\n\n    if (event.key === 'Enter' && event.target === searchRef.current && canCreateOption) {\n      event.preventDefault();\n      commitCustomValue();\n    }\n  };\n\n  const dropdown = (\n    <div\n      className={cx(\n        styles.dropdown,\n        variant === 'inline' && styles.inline,\n        variant === 'minimal' && styles.minimal,\n        className\n      )}\n      onKeyDown={handleKeyDown}\n      ref={containerRef}\n      {...props}\n    >\n      <select\n        {...selectProps}\n        aria-hidden='true'\n        className={styles.native}\n        onChange={handleNativeChange}\n        ref={nativeSelectRef}\n        tabIndex={-1}\n        value={selectedValue}\n      >\n        {normalizedSelect.children}\n      </select>\n      {combobox ? (\n        <div\n          className={styles.combobox}\n          onClick={() => searchRef.current?.focus()}\n        >\n          {selectedItems}\n          <input\n            aria-autocomplete='list'\n            aria-expanded={isOpen}\n            aria-label={selectProps['aria-label'] ?? label ?? searchPlaceholder}\n            className={styles['combobox-input']}\n            disabled={selectProps.disabled}\n            onChange={(event) => {\n              setQuery(event.target.value);\n              setIsOpen(true);\n            }}\n            onClick={() => setIsOpen(true)}\n            onFocus={() => setIsOpen(true)}\n            placeholder={searchPlaceholder || undefined}\n            ref={searchRef}\n            role='combobox'\n            type='text'\n            value={query}\n          />\n        </div>\n      ) : (\n        <Button\n          aria-expanded={isOpen}\n          aria-haspopup='dialog'\n          aria-labelledby={label ? `${labelId} ${labelId}-value` : undefined}\n          className={cx(styles.trigger, displayOption?.isPlaceholder && styles.placeholder)}\n          data-open={isOpen ? 'true' : undefined}\n          disabled={selectProps.disabled}\n          onClick={() => setIsOpen((currentValue) => !currentValue)}\n          ref={buttonRef}\n          style={triggerWithVars}\n          variant='tertiary'\n        >\n          <span\n            className={styles.text}\n            id={`${labelId}-value`}\n          >\n            {renderDropdownOption(displayOption)}\n          </span>\n        </Button>\n      )}\n      {isOpen && (\n        <div className={styles.panel}>\n          {!combobox && (\n            <Input\n              aria-label='Filter'\n              className={styles.filter}\n              icon='search'\n              onChange={(event) => setQuery(event.target.value)}\n              placeholder={searchPlaceholder}\n              ref={searchRef}\n              style={filterWithVars}\n              type='search'\n              value={query}\n            />\n          )}\n          <List\n            aria-label='Dropdown'\n            className={styles.options}\n          >\n            {filteredOptions.map((option) => {\n              const isSelected = option.value === selectedValue;\n\n              return (\n                <li key={`${option.groupLabel ?? 'root'}-${option.value}`}>\n                  <Button\n                    aria-label={isSelected ? `${option.text}, selected` : option.text}\n                    className={cx(styles.option, isSelected && styles.selected)}\n                    disabled={option.disabled}\n                    onClick={() => commitValue(option.value)}\n                    variant='tertiary'\n                  >\n                    <span className={styles.text}>{renderDropdownOption(option)}</span>\n                    {option.groupLabel && (\n                      <small className={styles.group}>{option.groupLabel}</small>\n                    )}\n                  </Button>\n                </li>\n              );\n            })}\n            {canCreateOption && createOption && (\n              <li>\n                <Button\n                  aria-label={getNodeText(createOption.render(customValue)) || customValue}\n                  className={styles.option}\n                  onClick={commitCustomValue}\n                  variant='tertiary'\n                >\n                  <span className={styles.text}>{createOption.render(customValue)}</span>\n                </Button>\n              </li>\n            )}\n            {filteredOptions.length === 0 && !canCreateOption && (\n              <li className={styles.empty}>{emptyLabel}</li>\n            )}\n          </List>\n        </div>\n      )}\n    </div>\n  );\n\n  return label ? (\n    <div className={cx(styles.label, variant === 'inline' && styles['inline-field'])}>\n      <span id={labelId}>{displayLabel}</span>\n      {dropdown}\n    </div>\n  ) : (\n    dropdown\n  );\n};\n"],"names":["getNodeText","node","String","Array","isArray","map","join","isValidElement","props","children","isOptionElement","type","isOptGroupElement","isFragmentElement","React","Fragment","isWrappedSelectElement","Select","extractOptions","groupLabel","groupDisabled","options","Children","forEach","child","push","text","trim","value","disabled","Boolean","hidden","isPlaceholder","label","selected","buildWildcardMatcher","query","trimmedQuery","expression","test","character","replace","RegExp","filterOptions","matcher","selectableOptions","filter","option","getDisplayOption","selectedValue","find","getInitialValue","defaultValue","normalizeSelectElement","selectElement","placeholder","jsxs","getIconWithVars","icon","color","iconSVG","Dropdown","className","combobox","createOption","emptyLabel","renderOption","searchPlaceholder","selectedItems","variant","normalizedSelect","onChange","restSelectProps","selectProps","sanitizeSelectProps","buttonRef","useRef","containerRef","labelId","useId","nativeSelectRef","searchRef","isControlled","initialValue","internalValue","setInternalValue","useState","isOpen","setIsOpen","setQuery","iconColors","default","resolveColor","white","dropdownIconColor","displayOption","triggerWithVars","filterWithVars","filteredOptions","customValue","canCreateOption","isValid","displayLabel","formatInlineLabel","renderDropdownOption","isSelected","useEffect","some","current","focus","handlePointerDown","event","contains","target","document","addEventListener","removeEventListener","handleNativeChange","closeMenu","continueComboboxSelection","commitCustomValue","onCreate","commitValue","nextValue","nativeSelect","valueSetter","Object","getOwnPropertyDescriptor","HTMLSelectElement","prototype","set","call","dispatchEvent","Event","bubbles","handleKeyDown","key","preventDefault","dropdown","cx","styles","inline","minimal","jsx","native","undefined","Button","trigger","currentValue","panel","Input","List","group","render","length","empty"],"mappings":"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"}

package/dist/components/dropzone/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const i=require("react/jsx-runtime"),b=require("../../classix-5H4IWnMA.cjs"),F=require("react"),q=require("../button/index.cjs"),I=require("../icon/index.cjs"),R="_dropzone_1rpsf_1",T="_dragging_1rpsf_19",S="_minimal_1rpsf_23",g={dropzone:R,dragging:T,minimal:S},k=({accepts:D,label:m="Select files",maxFileSize:_,multiple:d=!1,onChange:n,onValidation:a,variant:p="default",...y})=>{const f=F.useRef(null),[x,l]=F.useState(!1),c=e=>{e.preventDefault(),e.stopPropagation()},v=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})},z=e=>{const{validFiles:t,emptyFiles:s,oversizedFiles:r}=e.reduce((u,o)=>(o.size===0?u.emptyFiles.push(o):_&&o.size>_?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=z(t);if(s.length===0)return;const r=d?s:s.slice(0,1);v(r)},h=e=>{const t=Array.from(e.target.files??[]),s=z(t);if(s.length===t.length){n==null||n(e);return}const r=d?s:s.slice(0,1);v(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:D,"aria-label":m,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:m})]})})};exports.Dropzone=k;
+//# sourceMappingURL=index.cjs.map

package/dist/components/dropzone/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/dropzone/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useRef, useState } from 'react';\n\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type DropzoneProps = {\n  accepts?: string;\n  label: string;\n  maxFileSize?: number;\n  multiple?: boolean;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  onValidation?: (empty: File[], oversized: File[]) => void;\n  variant?: 'default' | 'minimal';\n};\n\nexport const Dropzone = ({\n  accepts,\n  label = 'Select files',\n  maxFileSize,\n  multiple = false,\n  onChange,\n  onValidation,\n  variant = 'default',\n  ...props\n}: DropzoneProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const prevent = (e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  const updateInputFiles = (files: File[]) => {\n    const input = inputRef.current;\n    if (!input) return;\n\n    const dt = new DataTransfer();\n    for (const file of files) dt.items.add(file);\n\n    input.files = dt.files;\n\n    onChange?.({\n      target: input,\n      currentTarget: input,\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  const getValidFiles = (files: File[]) => {\n    const { validFiles, emptyFiles, oversizedFiles } = files.reduce(\n      (acc, file) => {\n        if (file.size === 0) {\n          acc.emptyFiles.push(file);\n        } else if (maxFileSize && file.size > maxFileSize) {\n          acc.oversizedFiles.push(file);\n        } else {\n          acc.validFiles.push(file);\n        }\n\n        return acc;\n      },\n      {\n        validFiles: [] as File[],\n        emptyFiles: [] as File[],\n        oversizedFiles: [] as File[],\n      }\n    );\n\n    if (emptyFiles.length > 0 || oversizedFiles.length > 0) {\n      onValidation?.(emptyFiles, oversizedFiles);\n    }\n\n    return validFiles;\n  };\n\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    prevent(e);\n    setIsDragging(false);\n    const files = Array.from(e.dataTransfer.files ?? []);\n    const validFiles = getValidFiles(files);\n\n    if (validFiles.length === 0) return;\n\n    const selected = multiple ? validFiles : validFiles.slice(0, 1);\n    updateInputFiles(selected);\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const files = Array.from(e.target.files ?? []);\n    const validFiles = getValidFiles(files);\n\n    if (validFiles.length === files.length) {\n      onChange?.(e);\n      return;\n    }\n\n    const selected = multiple ? validFiles : validFiles.slice(0, 1);\n    updateInputFiles(selected);\n  };\n\n  return (\n    <div\n      className={cx(styles.dropzone, styles[variant], isDragging && styles.dragging)}\n      onDragEnter={(e) => {\n        prevent(e);\n        setIsDragging(true);\n      }}\n      onDragOver={(e) => {\n        prevent(e);\n        setIsDragging(true);\n      }}\n      onDragLeave={(e) => {\n        prevent(e);\n        setIsDragging(false);\n      }}\n      onDrop={handleDrop}\n      {...props}\n    >\n      <label>\n        <input\n          accept={accepts}\n          aria-label={label}\n          hidden\n          multiple={multiple}\n          onChange={handleInputChange}\n          ref={inputRef}\n          type='file'\n        />\n        <Icon\n          name='upload'\n          size={variant === 'minimal' ? 'medium' : 'large'}\n        />\n        <br />\n        {variant !== 'minimal' && (\n          <Button\n            onClick={() => inputRef.current?.click()}\n            type={'button'}\n          >\n            {label}\n          </Button>\n        )}\n      </label>\n    </div>\n  );\n};\n"],"names":["Dropzone","accepts","label","maxFileSize","multiple","onChange","onValidation","variant","props","inputRef","useRef","isDragging","setIsDragging","useState","prevent","e","preventDefault","stopPropagation","updateInputFiles","files","input","current","dt","DataTransfer","file","items","add","target","currentTarget","getValidFiles","validFiles","emptyFiles","oversizedFiles","reduce","acc","size","push","length","handleDrop","Array","from","dataTransfer","selected","slice","handleInputChange","jsx","cx","styles","dropzone","dragging","Icon","Button","click"],"mappings":"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"}