@solibo/solibo-ui 1.0.7 → 1.0.9

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableItemContextValue = {\n  canMoveDown: boolean;\n  canMoveUp: boolean;\n  index: number;\n  moveDown: () => void;\n  moveUp: () => void;\n};\n\nconst SortableItemContext = createContext<SortableItemContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useOptionalSortableItem() {\n  return useContext(SortableItemContext);\n}\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  isRearranging?: boolean;\n  onChangeOrder: (order: SortItem[]) => void;\n};\n\ntype withVars = React.CSSProperties & {\n  '--height'?: string;\n  '--width'?: string;\n  '--icon-svg'?: string;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  isRearranging = false,\n  onChangeOrder,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const drag = useRef(-1);\n  const usesTouchInput = useMemo(\n    () =>\n      typeof window !== 'undefined' &&\n      (navigator.maxTouchPoints > 0 || window.matchMedia('(pointer: coarse)').matches),\n    []\n  );\n  const touchDragActive = useRef(false);\n  const touchDropIndex = useRef<number | null>(null);\n  const touchHoldTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const touchStart = useRef<{ index: number; x: number; y: number } | null>(null);\n  const suppressClick = useRef(false);\n  const touchPosition = useRef<{ x: number; y: number } | null>(null);\n  const autoScrollFrame = useRef<number | null>(null);\n  const [zoneSize, setZoneSize] = useState({\n    height: 0,\n    width: 0,\n  });\n  const [dropIndex, setDropIndex] = useState<number | null>(null);\n  const [droppedAtIndex, setDroppedAtIndex] = useState<number | null>(null);\n  const withVars: withVars = {\n    ...props.style,\n    '--height': `calc(${zoneSize.height}px - var(--scale-16))`,\n    '--width': cols > 1 ? `calc(${zoneSize.width}px - var(--scale-16))` : `${zoneSize.width}px`,\n  };\n\n  const emitOrder = (items: React.ReactNode[]) => {\n    onChangeOrder(\n      items.map((item, index) => ({\n        id: String(\n          React.isValidElement(item)\n            ? ((item.props as { 'data-id'?: string })['data-id'] ?? `idx-${index}`)\n            : `idx-${index}`\n        ),\n        weight: items.length - 1 - index,\n      }))\n    );\n  };\n\n  const moveItem = (from: number, to: number) => {\n    if (to < 0 || to >= arr.length || from === to) return;\n\n    const next = arr.slice();\n    const [moved] = next.splice(from, 1);\n    next.splice(to, 0, moved);\n\n    setDroppedAtIndex(to);\n    emitOrder(next);\n  };\n\n  const clearTouchHoldTimer = () => {\n    if (touchHoldTimer.current !== null) {\n      clearTimeout(touchHoldTimer.current);\n      touchHoldTimer.current = null;\n    }\n  };\n\n  const clearAutoScrollFrame = () => {\n    if (autoScrollFrame.current !== null) {\n      cancelAnimationFrame(autoScrollFrame.current);\n      autoScrollFrame.current = null;\n    }\n  };\n\n  const getScrollableAncestor = (element: HTMLElement | null) => {\n    let current = element?.parentElement ?? null;\n\n    while (current) {\n      const { overflowY } = window.getComputedStyle(current);\n      const canScroll =\n        /(auto|scroll|overlay)/.test(overflowY) && current.scrollHeight > current.clientHeight;\n\n      if (canScroll) return current;\n      current = current.parentElement;\n    }\n\n    return document.scrollingElement instanceof HTMLElement ? document.scrollingElement : null;\n  };\n\n  const resetTouchDragState = () => {\n    clearTouchHoldTimer();\n    clearAutoScrollFrame();\n    touchPosition.current = null;\n    touchDragActive.current = false;\n    touchDropIndex.current = null;\n    touchStart.current = null;\n    suppressClick.current = false;\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  const isInteractiveTarget = (target: EventTarget | null) =>\n    target instanceof Element &&\n    Boolean(\n      target.closest(\n        'button, a, input, textarea, select, option, [role=\"button\"], [contenteditable=\"true\"]'\n      )\n    );\n\n  const updateTouchDropIndex = (clientX: number, clientY: number) => {\n    const target = document\n      .elementFromPoint(clientX, clientY)\n      ?.closest<HTMLElement>('[data-sortable-index]');\n    if (!target) return;\n\n    const index = Number(target.dataset.sortableIndex);\n    const from = drag.current;\n    if (!Number.isInteger(index) || from < 0 || index === from) return;\n\n    const rect = target.getBoundingClientRect();\n    const itemHeight = index === from + 1 ? zoneSize.height : rect.height;\n    const isBottomHalf = clientY > rect.top + itemHeight / 2;\n    const rawIndex = isBottomHalf ? index + 1 : index;\n    const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n    touchDropIndex.current = nextDropIndex;\n    setDropIndex(nextDropIndex);\n  };\n\n  const startTouchAutoScroll = (item: HTMLElement) => {\n    const scrollContainer = getScrollableAncestor(item);\n    if (!scrollContainer) return;\n\n    const edgeSize = 72;\n    const maxSpeed = 18;\n\n    const step = () => {\n      if (!touchDragActive.current) {\n        autoScrollFrame.current = null;\n        return;\n      }\n\n      const position = touchPosition.current;\n      if (!position) {\n        autoScrollFrame.current = requestAnimationFrame(step);\n        return;\n      }\n\n      const rect =\n        scrollContainer === document.scrollingElement\n          ? { top: 0, bottom: window.innerHeight }\n          : scrollContainer.getBoundingClientRect();\n\n      let speed = 0;\n\n      if (position.y < rect.top + edgeSize) {\n        const distance = Math.max(0, position.y - rect.top);\n        speed = -maxSpeed * (1 - distance / edgeSize);\n      } else if (position.y > rect.bottom - edgeSize) {\n        const distance = Math.max(0, rect.bottom - position.y);\n        speed = maxSpeed * (1 - distance / edgeSize);\n      }\n\n      if (speed !== 0) {\n        scrollContainer.scrollBy({ top: speed, behavior: 'auto' });\n        updateTouchDropIndex(position.x, position.y);\n      }\n\n      autoScrollFrame.current = requestAnimationFrame(step);\n    };\n\n    clearAutoScrollFrame();\n    autoScrollFrame.current = requestAnimationFrame(step);\n  };\n\n  const resetDragState = () => {\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  useEffect(() => {\n    if (!isRearranging) {\n      setDroppedAtIndex(null);\n    }\n  }, [isRearranging]);\n\n  useEffect(\n    () => () => {\n      clearTouchHoldTimer();\n      clearAutoScrollFrame();\n    },\n    []\n  );\n\n  useEffect(() => {\n    const preventScrollWhileDragging = (event: TouchEvent) => {\n      if (touchDragActive.current) {\n        event.preventDefault();\n      }\n    };\n\n    window.addEventListener('touchmove', preventScrollWhileDragging, {\n      passive: false,\n    });\n\n    return () => {\n      clearTouchHoldTimer();\n      window.removeEventListener('touchmove', preventScrollWhileDragging);\n    };\n  }, []);\n\n  return (\n    <List\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      columns={columns}\n      ordered\n      style={withVars}\n      {...props}\n    >\n      {arr.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            data-sortable-index={i}\n            onClickCapture={(e) => {\n              if (!suppressClick.current) return;\n              e.preventDefault();\n              e.stopPropagation();\n              suppressClick.current = false;\n            }}\n            className={cx(\n              dropIndex !== null && dropIndex > i - 10 && dropIndex < i + 10 && styles.pseudo,\n              dropIndex === i && drag.current < i && styles['target-below'],\n              dropIndex === i && drag.current > i && styles['target-above'],\n              drag.current === i && styles.dragging,\n              droppedAtIndex === i && isRearranging && styles.dropping\n            )}\n            onContextMenu={(e) => {\n              if (touchDragActive.current || touchHoldTimer.current !== null) {\n                e.preventDefault();\n              }\n            }}\n            onTouchStart={(e) => {\n              if (isRearranging || isInteractiveTarget(e.target)) return;\n\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              const item = e.currentTarget;\n              touchStart.current = {\n                index: i,\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              clearTouchHoldTimer();\n              touchHoldTimer.current = setTimeout(() => {\n                drag.current = i;\n                touchDragActive.current = true;\n                touchDropIndex.current = i;\n                suppressClick.current = true;\n                setZoneSize({\n                  height: item.offsetHeight,\n                  width: item.offsetWidth,\n                });\n                setDropIndex(i);\n                touchPosition.current = {\n                  x: touch.clientX,\n                  y: touch.clientY,\n                };\n                startTouchAutoScroll(item);\n              }, 350);\n            }}\n            onTouchMove={(e) => {\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              touchPosition.current = {\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              if (!touchDragActive.current) {\n                const start = touchStart.current;\n                if (!start) return;\n\n                const distance = Math.hypot(touch.clientX - start.x, touch.clientY - start.y);\n                if (distance > 8) {\n                  clearTouchHoldTimer();\n                  touchStart.current = null;\n                }\n                return;\n              }\n              updateTouchDropIndex(touch.clientX, touch.clientY);\n            }}\n            onTouchEnd={(e) => {\n              clearTouchHoldTimer();\n\n              if (!touchDragActive.current) {\n                touchStart.current = null;\n                return;\n              }\n\n              e.preventDefault();\n              const from = drag.current;\n              const to = touchDropIndex.current;\n\n              if (from >= 0 && to !== null && from !== to) {\n                moveItem(from, to);\n              }\n\n              resetTouchDragState();\n            }}\n            onTouchCancel={() => resetTouchDragState()}\n            draggable={!isRearranging && !usesTouchInput}\n            onDragEnd={() => resetDragState()}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              const rect = e.currentTarget.getBoundingClientRect();\n              const itemHeight = i === from + 1 ? zoneSize.height : rect.height;\n              const isBottomHalf = e.clientY > rect.top + itemHeight / 2;\n              const rawIndex = isBottomHalf ? i + 1 : i;\n              const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n              setDropIndex(nextDropIndex);\n            }}\n            onDragStart={(e) => {\n              if (usesTouchInput) {\n                e.preventDefault();\n                return;\n              }\n              drag.current = i;\n              setZoneSize({\n                height: e.currentTarget.offsetHeight,\n                width: e.currentTarget.offsetWidth,\n              });\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n              setDropIndex(i);\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              const to = dropIndex;\n              if (from < 0 || to === null || from === to) return;\n              moveItem(from, to);\n              resetDragState();\n            }}\n          >\n            <SortableItemContext.Provider\n              value={{\n                canMoveDown: i < arr.length - 1,\n                canMoveUp: i > 0,\n                index: i,\n                moveDown: () => moveItem(i, i + 1),\n                moveUp: () => moveItem(i, i - 1),\n              }}\n            >\n              {child}\n            </SortableItemContext.Provider>\n          </li>\n        );\n      })}\n    </List>\n  );\n}\n"],"names":["SortableItemContext","createContext","useOptionalSortableItem","useContext","Sortable","children","className","columns","isRearranging","onChangeOrder","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","drag","useRef","usesTouchInput","window","navigator","maxTouchPoints","matchMedia","matches","touchDragActive","touchDropIndex","touchHoldTimer","touchStart","suppressClick","touchPosition","autoScrollFrame","zoneSize","setZoneSize","useState","height","width","dropIndex","setDropIndex","droppedAtIndex","setDroppedAtIndex","withVars","style","emitOrder","items","map","item","index","id","String","isValidElement","weight","length","moveItem","from","to","next","slice","moved","splice","clearTouchHoldTimer","current","clearTimeout","clearAutoScrollFrame","cancelAnimationFrame","getScrollableAncestor","element","parentElement","overflowY","getComputedStyle","test","scrollHeight","clientHeight","document","scrollingElement","HTMLElement","resetTouchDragState","isInteractiveTarget","target","Element","Boolean","closest","updateTouchDropIndex","clientX","clientY","elementFromPoint","dataset","sortableIndex","isInteger","rect","getBoundingClientRect","itemHeight","rawIndex","top","nextDropIndex","startTouchAutoScroll","scrollContainer","edgeSize","maxSpeed","step","position","requestAnimationFrame","bottom","innerHeight","speed","y","distance","scrollBy","behavior","x","resetDragState","useEffect","preventScrollWhileDragging","event","preventDefault","addEventListener","passive","removeEventListener","jsx","List","cx","styles","sortable","child","i","key","e","stopPropagation","pseudo","dragging","dropping","touch","touches","currentTarget","setTimeout","offsetHeight","offsetWidth","start","hypot","dataTransfer","dropEffect","setData","effectAllowed","canMoveDown","canMoveUp","moveDown","moveUp"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableItemContextValue = {\n  canMoveDown: boolean;\n  canMoveUp: boolean;\n  index: number;\n  moveDown: () => void;\n  moveUp: () => void;\n};\n\nconst SortableItemContext = createContext<SortableItemContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useOptionalSortableItem() {\n  return useContext(SortableItemContext);\n}\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  isRearranging?: boolean;\n  onChangeOrder: (order: SortItem[]) => void;\n};\n\ntype SortableStyle = React.CSSProperties & {\n  '--sortable-placeholder-height'?: string;\n  '--sortable-placeholder-radius'?: string;\n  '--sortable-placeholder-width'?: string;\n};\n\ntype ZoneSize = {\n  borderRadius: string;\n  height: number;\n  width: number;\n  wrapperHeight: number;\n};\n\nconst toPixels = (value: string) => Number.parseFloat(value) || 0;\n\nconst measureDraggedItem = (item: HTMLLIElement): ZoneSize => {\n  const content = item.firstElementChild;\n  const itemRect = item.getBoundingClientRect();\n\n  if (content) {\n    const rect = content.getBoundingClientRect();\n\n    return {\n      borderRadius: window.getComputedStyle(content).borderRadius,\n      height: rect.height,\n      width: rect.width,\n      wrapperHeight: itemRect.height,\n    };\n  }\n\n  const style = window.getComputedStyle(item);\n  const horizontalInsets =\n    toPixels(style.borderLeftWidth) +\n    toPixels(style.borderRightWidth) +\n    toPixels(style.paddingLeft) +\n    toPixels(style.paddingRight);\n  const verticalInsets =\n    toPixels(style.borderBottomWidth) +\n    toPixels(style.borderTopWidth) +\n    toPixels(style.paddingBottom) +\n    toPixels(style.paddingTop);\n\n  return {\n    borderRadius: style.borderRadius,\n    height: Math.max(0, itemRect.height - verticalInsets),\n    width: Math.max(0, itemRect.width - horizontalInsets),\n    wrapperHeight: itemRect.height,\n  };\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  isRearranging = false,\n  onChangeOrder,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const drag = useRef(-1);\n  const usesTouchInput = useMemo(\n    () =>\n      typeof window !== 'undefined' &&\n      (navigator.maxTouchPoints > 0 || window.matchMedia('(pointer: coarse)').matches),\n    []\n  );\n  const touchDragActive = useRef(false);\n  const touchDropIndex = useRef<number | null>(null);\n  const touchHoldTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const touchStart = useRef<{ x: number; y: number } | null>(null);\n  const suppressClickUntil = useRef(0);\n  const touchPosition = useRef<{ x: number; y: number } | null>(null);\n  const autoScrollFrame = useRef<number | null>(null);\n  const preventTouchScroll = useRef((event: TouchEvent) => event.preventDefault()).current;\n  const [zoneSize, setZoneSize] = useState({\n    borderRadius: '0px',\n    height: 0,\n    width: 0,\n    wrapperHeight: 0,\n  });\n  const [dropIndex, setDropIndex] = useState<number | null>(null);\n  const withVars: SortableStyle = {\n    ...props.style,\n    '--sortable-placeholder-height': `${zoneSize.height}px`,\n    '--sortable-placeholder-radius': zoneSize.borderRadius,\n    '--sortable-placeholder-width': `${zoneSize.width}px`,\n  };\n\n  const moveItem = (from: number, to: number) => {\n    if (to < 0 || to >= arr.length || from === to) return;\n\n    const next = arr.slice();\n    const [moved] = next.splice(from, 1);\n    next.splice(to, 0, moved);\n\n    onChangeOrder(\n      next.map((item, index) => ({\n        id: String(\n          React.isValidElement(item)\n            ? ((item.props as { 'data-id'?: string })['data-id'] ?? `idx-${index}`)\n            : `idx-${index}`\n        ),\n        weight: next.length - 1 - index,\n      }))\n    );\n  };\n\n  const clearTouchHoldTimer = () => {\n    if (touchHoldTimer.current !== null) {\n      clearTimeout(touchHoldTimer.current);\n      touchHoldTimer.current = null;\n    }\n  };\n\n  const clearAutoScrollFrame = () => {\n    if (autoScrollFrame.current !== null) {\n      cancelAnimationFrame(autoScrollFrame.current);\n      autoScrollFrame.current = null;\n    }\n  };\n\n  const getScrollableAncestor = (element: HTMLElement | null) => {\n    let current = element?.parentElement ?? null;\n\n    while (current) {\n      const { overflowY } = window.getComputedStyle(current);\n      const canScroll =\n        /(auto|scroll|overlay)/.test(overflowY) && current.scrollHeight > current.clientHeight;\n\n      if (canScroll) return current;\n      current = current.parentElement;\n    }\n\n    return document.scrollingElement instanceof HTMLElement ? document.scrollingElement : null;\n  };\n\n  const resetTouchDragState = (suppressNextClick = false) => {\n    clearTouchHoldTimer();\n    clearAutoScrollFrame();\n    window.removeEventListener('touchmove', preventTouchScroll);\n    touchPosition.current = null;\n    touchDragActive.current = false;\n    touchDropIndex.current = null;\n    touchStart.current = null;\n    suppressClickUntil.current = suppressNextClick ? Date.now() + 500 : 0;\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  const startDrag = (index: number, item: HTMLLIElement) => {\n    drag.current = index;\n    setZoneSize(measureDraggedItem(item));\n    setDropIndex(index);\n  };\n\n  const isInteractiveTarget = (target: EventTarget | null) =>\n    target instanceof Element &&\n    Boolean(\n      target.closest(\n        'button, a, input, textarea, select, option, [role=\"button\"], [contenteditable=\"true\"]'\n      )\n    );\n\n  const getDropIndex = (target: HTMLElement, index: number, clientY: number) => {\n    const from = drag.current;\n    if (!Number.isInteger(index) || from < 0 || index === from) return null;\n\n    const rect = target.getBoundingClientRect();\n    const itemHeight = index === from + 1 ? zoneSize.wrapperHeight : rect.height;\n    const isBottomHalf = clientY > rect.top + itemHeight / 2;\n    const rawIndex = isBottomHalf ? index + 1 : index;\n    return rawIndex > from ? rawIndex - 1 : rawIndex;\n  };\n\n  const updateTouchDropIndex = (clientX: number, clientY: number) => {\n    const target = document\n      .elementFromPoint(clientX, clientY)\n      ?.closest<HTMLElement>('[data-sortable-index]');\n    if (!target) return;\n\n    const nextDropIndex = getDropIndex(target, Number(target.dataset.sortableIndex), clientY);\n    if (nextDropIndex === null) return;\n\n    touchDropIndex.current = nextDropIndex;\n    setDropIndex(nextDropIndex);\n  };\n\n  const startTouchAutoScroll = (item: HTMLElement) => {\n    const scrollContainer = getScrollableAncestor(item);\n    if (!scrollContainer) return;\n\n    const edgeSize = 72;\n    const maxSpeed = 18;\n\n    const step = () => {\n      if (!touchDragActive.current) {\n        autoScrollFrame.current = null;\n        return;\n      }\n\n      const position = touchPosition.current;\n      if (!position) {\n        autoScrollFrame.current = requestAnimationFrame(step);\n        return;\n      }\n\n      const rect =\n        scrollContainer === document.scrollingElement\n          ? { top: 0, bottom: window.innerHeight }\n          : scrollContainer.getBoundingClientRect();\n\n      let speed = 0;\n\n      if (position.y < rect.top + edgeSize) {\n        const distance = Math.max(0, position.y - rect.top);\n        speed = -maxSpeed * (1 - distance / edgeSize);\n      } else if (position.y > rect.bottom - edgeSize) {\n        const distance = Math.max(0, rect.bottom - position.y);\n        speed = maxSpeed * (1 - distance / edgeSize);\n      }\n\n      if (speed !== 0) {\n        scrollContainer.scrollBy({ top: speed, behavior: 'auto' });\n        updateTouchDropIndex(position.x, position.y);\n      }\n\n      autoScrollFrame.current = requestAnimationFrame(step);\n    };\n\n    clearAutoScrollFrame();\n    autoScrollFrame.current = requestAnimationFrame(step);\n  };\n\n  const resetDragState = () => {\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  useEffect(\n    () => () => {\n      clearTouchHoldTimer();\n      clearAutoScrollFrame();\n      window.removeEventListener('touchmove', preventTouchScroll);\n    },\n    [preventTouchScroll]\n  );\n\n  return (\n    <List\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      columns={columns}\n      ordered\n      style={withVars}\n      {...props}\n    >\n      {arr.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            data-sortable-index={i}\n            onClickCapture={(e) => {\n              if (suppressClickUntil.current <= Date.now()) return;\n              e.preventDefault();\n              e.stopPropagation();\n              suppressClickUntil.current = 0;\n            }}\n            className={cx(\n              dropIndex !== null && dropIndex > i - 10 && dropIndex < i + 10 && styles.pseudo,\n              dropIndex === i && drag.current < i && styles['target-below'],\n              dropIndex === i && drag.current > i && styles['target-above'],\n              drag.current === i && styles.dragging\n            )}\n            onContextMenu={(e) => {\n              if (touchDragActive.current || touchHoldTimer.current !== null) {\n                e.preventDefault();\n              }\n            }}\n            onTouchStart={(e) => {\n              if (isRearranging || isInteractiveTarget(e.target)) return;\n              suppressClickUntil.current = 0;\n\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              const item = e.currentTarget;\n              touchStart.current = {\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              clearTouchHoldTimer();\n              touchHoldTimer.current = setTimeout(() => {\n                startDrag(i, item);\n                touchDragActive.current = true;\n                touchDropIndex.current = i;\n                touchPosition.current = {\n                  x: touch.clientX,\n                  y: touch.clientY,\n                };\n                window.addEventListener('touchmove', preventTouchScroll, { passive: false });\n                startTouchAutoScroll(item);\n              }, 350);\n            }}\n            onTouchMove={(e) => {\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              touchPosition.current = {\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              if (!touchDragActive.current) {\n                const start = touchStart.current;\n                if (!start) return;\n\n                const distance = Math.hypot(touch.clientX - start.x, touch.clientY - start.y);\n                if (distance > 8) {\n                  clearTouchHoldTimer();\n                  touchStart.current = null;\n                }\n                return;\n              }\n              updateTouchDropIndex(touch.clientX, touch.clientY);\n            }}\n            onTouchEnd={(e) => {\n              clearTouchHoldTimer();\n\n              if (!touchDragActive.current) {\n                touchStart.current = null;\n                return;\n              }\n\n              e.preventDefault();\n              const from = drag.current;\n              const to = touchDropIndex.current;\n\n              if (from >= 0 && to !== null && from !== to) {\n                moveItem(from, to);\n              }\n\n              resetTouchDragState(true);\n            }}\n            onTouchCancel={() => resetTouchDragState()}\n            draggable={!isRearranging && !usesTouchInput}\n            onDragEnd={() => resetDragState()}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n              const nextDropIndex = getDropIndex(e.currentTarget, i, e.clientY);\n              if (nextDropIndex === null) return;\n              setDropIndex(nextDropIndex);\n            }}\n            onDragStart={(e) => {\n              if (usesTouchInput) {\n                e.preventDefault();\n                return;\n              }\n              startDrag(i, e.currentTarget);\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              const to = dropIndex;\n              if (from < 0 || to === null || from === to) return;\n              moveItem(from, to);\n              resetDragState();\n            }}\n          >\n            <SortableItemContext.Provider\n              value={{\n                canMoveDown: i < arr.length - 1,\n                canMoveUp: i > 0,\n                index: i,\n                moveDown: () => moveItem(i, i + 1),\n                moveUp: () => moveItem(i, i - 1),\n              }}\n            >\n              {child}\n            </SortableItemContext.Provider>\n          </li>\n        );\n      })}\n    </List>\n  );\n}\n"],"names":["SortableItemContext","createContext","useOptionalSortableItem","useContext","toPixels","value","Number","parseFloat","measureDraggedItem","item","content","firstElementChild","itemRect","getBoundingClientRect","rect","borderRadius","window","getComputedStyle","height","width","wrapperHeight","style","horizontalInsets","borderLeftWidth","borderRightWidth","paddingLeft","paddingRight","verticalInsets","borderBottomWidth","borderTopWidth","paddingBottom","paddingTop","Math","max","Sortable","children","className","columns","isRearranging","onChangeOrder","props","cols","isFinite","floor","arr","useMemo","React","Children","toArray","drag","useRef","usesTouchInput","navigator","maxTouchPoints","matchMedia","matches","touchDragActive","touchDropIndex","touchHoldTimer","touchStart","suppressClickUntil","touchPosition","autoScrollFrame","preventTouchScroll","event","preventDefault","current","zoneSize","setZoneSize","useState","dropIndex","setDropIndex","withVars","moveItem","from","to","length","next","slice","moved","splice","map","index","id","String","isValidElement","weight","clearTouchHoldTimer","clearTimeout","clearAutoScrollFrame","cancelAnimationFrame","getScrollableAncestor","element","parentElement","overflowY","test","scrollHeight","clientHeight","document","scrollingElement","HTMLElement","resetTouchDragState","suppressNextClick","removeEventListener","Date","now","startDrag","isInteractiveTarget","target","Element","Boolean","closest","getDropIndex","clientY","isInteger","itemHeight","rawIndex","top","updateTouchDropIndex","clientX","elementFromPoint","nextDropIndex","dataset","sortableIndex","startTouchAutoScroll","scrollContainer","edgeSize","maxSpeed","step","position","requestAnimationFrame","bottom","innerHeight","speed","y","distance","scrollBy","behavior","x","resetDragState","useEffect","jsx","List","cx","styles","sortable","child","i","key","e","stopPropagation","pseudo","dragging","touch","touches","currentTarget","setTimeout","addEventListener","passive","start","hypot","dataTransfer","dropEffect","setData","effectAllowed","canMoveDown","canMoveUp","moveDown","moveUp"],"mappings":"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"}

package/dist/components/sortable/index.js

@@ -1,48 +1,67 @@
-import { jsx as H } from "react/jsx-runtime";
-import { t as O } from "../../classix-DG18itHa.js";
-import A, { createContext as tt, useMemo as V, useRef as a, useState as M, useEffect as B, useContext as et } from "react";
-import { List as nt } from "../list/index.js";
-import '../../assets/index8.css';const rt = "_sortable_12gha_1", ot = "_dragging_12gha_13", ct = "_dropping_12gha_28", lt = "_columns_12gha_42", ut = "_pseudo_12gha_51", f = {
+import { jsx as L } from "react/jsx-runtime";
+import { t as $ } from "../../classix-DG18itHa.js";
+import N, { createContext as K, useMemo as q, useRef as u, useState as U, useEffect as Q, useContext as tt } from "react";
+import { List as et } from "../list/index.js";
+import '../../assets/index8.css';const rt = "_sortable_iw0r0_1", nt = "_dragging_iw0r0_13", ot = "_columns_iw0r0_38", ct = "_pseudo_iw0r0_47", w = {
   sortable: rt,
-  dragging: ot,
-  dropping: ct,
-  columns: lt,
-  pseudo: ut,
-  "target-above": "_target-above_12gha_66",
-  "target-below": "_target-below_12gha_67"
-}, W = tt(null);
-function ft() {
-  return et(W);
+  dragging: nt,
+  columns: ot,
+  pseudo: ct,
+  "target-above": "_target-above_iw0r0_62",
+  "target-below": "_target-below_iw0r0_63"
+}, V = K(null);
+function dt() {
+  return tt(V);
 }
+const h = (s) => Number.parseFloat(s) || 0, lt = (s) => {
+  const b = s.firstElementChild, i = s.getBoundingClientRect();
+  if (b) {
+    const y = b.getBoundingClientRect();
+    return {
+      borderRadius: window.getComputedStyle(b).borderRadius,
+      height: y.height,
+      width: y.width,
+      wrapperHeight: i.height
+    };
+  }
+  const l = window.getComputedStyle(s), A = h(l.borderLeftWidth) + h(l.borderRightWidth) + h(l.paddingLeft) + h(l.paddingRight), S = h(l.borderBottomWidth) + h(l.borderTopWidth) + h(l.paddingBottom) + h(l.paddingTop);
+  return {
+    borderRadius: l.borderRadius,
+    height: Math.max(0, i.height - S),
+    width: Math.max(0, i.width - A),
+    wrapperHeight: i.height
+  };
+};
 function ht({
-  children: F,
-  className: U,
-  columns: E = 1,
-  isRearranging: x = !1,
-  onChangeOrder: j,
-  ...Y
+  children: s,
+  className: b,
+  columns: i = 1,
+  isRearranging: l = !1,
+  onChangeOrder: A,
+  ...S
 }) {
-  const N = Number.isFinite(E) ? Math.max(1, Math.floor(E)) : 1, D = V(() => A.Children.toArray(F), [F]), l = a(-1), P = V(() => typeof window < "u" && (navigator.maxTouchPoints > 0 || window.matchMedia("(pointer: coarse)").matches), []), i = a(!1), T = a(null), v = a(null), b = a(null), _ = a(!1), S = a(null), d = a(null), [w, X] = M({
+  const y = Number.isFinite(i) ? Math.max(1, Math.floor(i)) : 1, _ = q(() => N.Children.toArray(s), [s]), a = u(-1), P = q(() => typeof window < "u" && (navigator.maxTouchPoints > 0 || window.matchMedia("(pointer: coarse)").matches), []), p = u(!1), C = u(null), v = u(null), x = u(null), I = u(0), E = u(null), m = u(null), M = u((o) => o.preventDefault()).current, [R, O] = U({
+    borderRadius: "0px",
     height: 0,
-    width: 0
-  }), [h, m] = M(null), [R, $] = M(null), Z = {
-    ...Y.style,
-    "--height": `calc(${w.height}px - var(--scale-16))`,
-    "--width": N > 1 ? `calc(${w.width}px - var(--scale-16))` : `${w.width}px`
-  }, G = (o) => {
-    j(o.map((t, c) => ({
-      id: String(A.isValidElement(t) ? t.props["data-id"] ?? `idx-${c}` : `idx-${c}`),
-      weight: o.length - 1 - c
+    width: 0,
+    wrapperHeight: 0
+  }), [g, D] = U(null), j = {
+    ...S.style,
+    "--sortable-placeholder-height": `${R.height}px`,
+    "--sortable-placeholder-radius": R.borderRadius,
+    "--sortable-placeholder-width": `${R.width}px`
+  }, H = (o, t) => {
+    if (t < 0 || t >= _.length || o === t) return;
+    const c = _.slice(), [e] = c.splice(o, 1);
+    c.splice(t, 0, e), A(c.map((r, n) => ({
+      id: String(N.isValidElement(r) ? r.props["data-id"] ?? `idx-${n}` : `idx-${n}`),
+      weight: c.length - 1 - n
     })));
-  }, y = (o, t) => {
-    if (t < 0 || t >= D.length || o === t) return;
-    const c = D.slice(), [e] = c.splice(o, 1);
-    c.splice(t, 0, e), $(t), G(c);
-  }, p = () => {
+  }, T = () => {
     v.current !== null && (clearTimeout(v.current), v.current = null);
-  }, C = () => {
-    d.current !== null && (cancelAnimationFrame(d.current), d.current = null);
-  }, J = (o) => {
+  }, B = () => {
+    m.current !== null && (cancelAnimationFrame(m.current), m.current = null);
+  }, Z = (o) => {
     let t = (o == null ? void 0 : o.parentElement) ?? null;
     for (; t; ) {
       const {
@@ -52,139 +71,127 @@ function ht({
       t = t.parentElement;
     }
     return document.scrollingElement instanceof HTMLElement ? document.scrollingElement : null;
-  }, k = () => {
-    p(), C(), S.current = null, i.current = !1, T.current = null, b.current = null, _.current = !1, l.current = -1, m(null);
-  }, K = (o) => o instanceof Element && !!o.closest('button, a, input, textarea, select, option, [role="button"], [contenteditable="true"]'), z = (o, t) => {
-    var q;
-    const c = (q = document.elementFromPoint(o, t)) == null ? void 0 : q.closest("[data-sortable-index]");
+  }, Y = (o = !1) => {
+    T(), B(), window.removeEventListener("touchmove", M), E.current = null, p.current = !1, C.current = null, x.current = null, I.current = o ? Date.now() + 500 : 0, a.current = -1, D(null);
+  }, z = (o, t) => {
+    a.current = o, O(lt(t)), D(o);
+  }, G = (o) => o instanceof Element && !!o.closest('button, a, input, textarea, select, option, [role="button"], [contenteditable="true"]'), X = (o, t, c) => {
+    const e = a.current;
+    if (!Number.isInteger(t) || e < 0 || t === e) return null;
+    const r = o.getBoundingClientRect(), n = t === e + 1 ? R.wrapperHeight : r.height, d = c > r.top + n / 2 ? t + 1 : t;
+    return d > e ? d - 1 : d;
+  }, k = (o, t) => {
+    var r;
+    const c = (r = document.elementFromPoint(o, t)) == null ? void 0 : r.closest("[data-sortable-index]");
     if (!c) return;
-    const e = Number(c.dataset.sortableIndex), n = l.current;
-    if (!Number.isInteger(e) || n < 0 || e === n) return;
-    const r = c.getBoundingClientRect(), s = e === n + 1 ? w.height : r.height, u = t > r.top + s / 2 ? e + 1 : e, I = u > n ? u - 1 : u;
-    T.current = I, m(I);
-  }, Q = (o) => {
-    const t = J(o);
+    const e = X(c, Number(c.dataset.sortableIndex), t);
+    e !== null && (C.current = e, D(e));
+  }, J = (o) => {
+    const t = Z(o);
     if (!t) return;
-    const c = 72, e = 18, n = () => {
-      if (!i.current) {
-        d.current = null;
+    const c = 72, e = 18, r = () => {
+      if (!p.current) {
+        m.current = null;
         return;
       }
-      const r = S.current;
-      if (!r) {
-        d.current = requestAnimationFrame(n);
+      const n = E.current;
+      if (!n) {
+        m.current = requestAnimationFrame(r);
         return;
       }
-      const s = t === document.scrollingElement ? {
+      const f = t === document.scrollingElement ? {
         top: 0,
         bottom: window.innerHeight
       } : t.getBoundingClientRect();
-      let g = 0;
-      if (r.y < s.top + c) {
-        const u = Math.max(0, r.y - s.top);
-        g = -e * (1 - u / c);
-      } else if (r.y > s.bottom - c) {
-        const u = Math.max(0, s.bottom - r.y);
-        g = e * (1 - u / c);
+      let d = 0;
+      if (n.y < f.top + c) {
+        const F = Math.max(0, n.y - f.top);
+        d = -e * (1 - F / c);
+      } else if (n.y > f.bottom - c) {
+        const F = Math.max(0, f.bottom - n.y);
+        d = e * (1 - F / c);
       }
-      g !== 0 && (t.scrollBy({
-        top: g,
+      d !== 0 && (t.scrollBy({
+        top: d,
         behavior: "auto"
-      }), z(r.x, r.y)), d.current = requestAnimationFrame(n);
+      }), k(n.x, n.y)), m.current = requestAnimationFrame(r);
     };
-    C(), d.current = requestAnimationFrame(n);
-  }, L = () => {
-    l.current = -1, m(null);
+    B(), m.current = requestAnimationFrame(r);
+  }, W = () => {
+    a.current = -1, D(null);
   };
-  return B(() => {
-    x || $(null);
-  }, [x]), B(() => () => {
-    p(), C();
-  }, []), B(() => {
-    const o = (t) => {
-      i.current && t.preventDefault();
-    };
-    return window.addEventListener("touchmove", o, {
-      passive: !1
-    }), () => {
-      p(), window.removeEventListener("touchmove", o);
-    };
-  }, []), /* @__PURE__ */ H(nt, { className: O(U, f.sortable, N > 1 && f.columns), columns: E, ordered: !0, style: Z, ...Y, "data-component": "sortable", children: D.map((o, t) => {
-    const c = A.isValidElement(o) ? o.key : null;
-    return /* @__PURE__ */ H("li", { "data-sortable-index": t, onClickCapture: (e) => {
-      _.current && (e.preventDefault(), e.stopPropagation(), _.current = !1);
-    }, className: O(h !== null && h > t - 10 && h < t + 10 && f.pseudo, h === t && l.current < t && f["target-below"], h === t && l.current > t && f["target-above"], l.current === t && f.dragging, R === t && x && f.dropping), onContextMenu: (e) => {
-      (i.current || v.current !== null) && e.preventDefault();
+  return Q(() => () => {
+    T(), B(), window.removeEventListener("touchmove", M);
+  }, [M]), /* @__PURE__ */ L(et, { className: $(b, w.sortable, y > 1 && w.columns), columns: i, ordered: !0, style: j, ...S, "data-component": "sortable", children: _.map((o, t) => {
+    const c = N.isValidElement(o) ? o.key : null;
+    return /* @__PURE__ */ L("li", { "data-sortable-index": t, onClickCapture: (e) => {
+      I.current <= Date.now() || (e.preventDefault(), e.stopPropagation(), I.current = 0);
+    }, className: $(g !== null && g > t - 10 && g < t + 10 && w.pseudo, g === t && a.current < t && w["target-below"], g === t && a.current > t && w["target-above"], a.current === t && w.dragging), onContextMenu: (e) => {
+      (p.current || v.current !== null) && e.preventDefault();
     }, onTouchStart: (e) => {
-      if (x || K(e.target)) return;
-      const n = e.touches[0];
-      if (!n) return;
-      const r = e.currentTarget;
-      b.current = {
-        index: t,
-        x: n.clientX,
-        y: n.clientY
-      }, p(), v.current = setTimeout(() => {
-        l.current = t, i.current = !0, T.current = t, _.current = !0, X({
-          height: r.offsetHeight,
-          width: r.offsetWidth
-        }), m(t), S.current = {
-          x: n.clientX,
-          y: n.clientY
-        }, Q(r);
+      if (l || G(e.target)) return;
+      I.current = 0;
+      const r = e.touches[0];
+      if (!r) return;
+      const n = e.currentTarget;
+      x.current = {
+        x: r.clientX,
+        y: r.clientY
+      }, T(), v.current = setTimeout(() => {
+        z(t, n), p.current = !0, C.current = t, E.current = {
+          x: r.clientX,
+          y: r.clientY
+        }, window.addEventListener("touchmove", M, {
+          passive: !1
+        }), J(n);
       }, 350);
     }, onTouchMove: (e) => {
-      const n = e.touches[0];
-      if (n) {
-        if (S.current = {
-          x: n.clientX,
-          y: n.clientY
-        }, !i.current) {
-          const r = b.current;
-          if (!r) return;
-          Math.hypot(n.clientX - r.x, n.clientY - r.y) > 8 && (p(), b.current = null);
+      const r = e.touches[0];
+      if (r) {
+        if (E.current = {
+          x: r.clientX,
+          y: r.clientY
+        }, !p.current) {
+          const n = x.current;
+          if (!n) return;
+          Math.hypot(r.clientX - n.x, r.clientY - n.y) > 8 && (T(), x.current = null);
           return;
         }
-        z(n.clientX, n.clientY);
+        k(r.clientX, r.clientY);
       }
     }, onTouchEnd: (e) => {
-      if (p(), !i.current) {
-        b.current = null;
+      if (T(), !p.current) {
+        x.current = null;
         return;
       }
       e.preventDefault();
-      const n = l.current, r = T.current;
-      n >= 0 && r !== null && n !== r && y(n, r), k();
-    }, onTouchCancel: () => k(), draggable: !x && !P, onDragEnd: () => L(), onDragOver: (e) => {
+      const r = a.current, n = C.current;
+      r >= 0 && n !== null && r !== n && H(r, n), Y(!0);
+    }, onTouchCancel: () => Y(), draggable: !l && !P, onDragEnd: () => W(), onDragOver: (e) => {
       e.preventDefault(), e.dataTransfer.dropEffect = "move";
-      const n = l.current;
-      if (n < 0 || n === t) return;
-      const r = e.currentTarget.getBoundingClientRect(), s = t === n + 1 ? w.height : r.height, u = e.clientY > r.top + s / 2 ? t + 1 : t, I = u > n ? u - 1 : u;
-      m(I);
+      const r = X(e.currentTarget, t, e.clientY);
+      r !== null && D(r);
     }, onDragStart: (e) => {
       if (P) {
         e.preventDefault();
         return;
       }
-      l.current = t, X({
-        height: e.currentTarget.offsetHeight,
-        width: e.currentTarget.offsetWidth
-      }), e.dataTransfer.setData("text/plain", ""), e.dataTransfer.effectAllowed = "move", m(t);
+      z(t, e.currentTarget), e.dataTransfer.setData("text/plain", ""), e.dataTransfer.effectAllowed = "move";
     }, onDrop: (e) => {
       e.preventDefault();
-      const n = l.current, r = h;
-      n < 0 || r === null || n === r || (y(n, r), L());
-    }, "data-component": "sortable", children: /* @__PURE__ */ H(W.Provider, { value: {
-      canMoveDown: t < D.length - 1,
+      const r = a.current, n = g;
+      r < 0 || n === null || r === n || (H(r, n), W());
+    }, "data-component": "sortable", children: /* @__PURE__ */ L(V.Provider, { value: {
+      canMoveDown: t < _.length - 1,
       canMoveUp: t > 0,
       index: t,
-      moveDown: () => y(t, t + 1),
-      moveUp: () => y(t, t - 1)
+      moveDown: () => H(t, t + 1),
+      moveUp: () => H(t, t - 1)
     }, children: o }) }, c ?? t);
   }) });
 }
 export {
   ht as Sortable,
-  ft as useOptionalSortableItem
+  dt as useOptionalSortableItem
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableItemContextValue = {\n  canMoveDown: boolean;\n  canMoveUp: boolean;\n  index: number;\n  moveDown: () => void;\n  moveUp: () => void;\n};\n\nconst SortableItemContext = createContext<SortableItemContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useOptionalSortableItem() {\n  return useContext(SortableItemContext);\n}\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  isRearranging?: boolean;\n  onChangeOrder: (order: SortItem[]) => void;\n};\n\ntype withVars = React.CSSProperties & {\n  '--height'?: string;\n  '--width'?: string;\n  '--icon-svg'?: string;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  isRearranging = false,\n  onChangeOrder,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const drag = useRef(-1);\n  const usesTouchInput = useMemo(\n    () =>\n      typeof window !== 'undefined' &&\n      (navigator.maxTouchPoints > 0 || window.matchMedia('(pointer: coarse)').matches),\n    []\n  );\n  const touchDragActive = useRef(false);\n  const touchDropIndex = useRef<number | null>(null);\n  const touchHoldTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const touchStart = useRef<{ index: number; x: number; y: number } | null>(null);\n  const suppressClick = useRef(false);\n  const touchPosition = useRef<{ x: number; y: number } | null>(null);\n  const autoScrollFrame = useRef<number | null>(null);\n  const [zoneSize, setZoneSize] = useState({\n    height: 0,\n    width: 0,\n  });\n  const [dropIndex, setDropIndex] = useState<number | null>(null);\n  const [droppedAtIndex, setDroppedAtIndex] = useState<number | null>(null);\n  const withVars: withVars = {\n    ...props.style,\n    '--height': `calc(${zoneSize.height}px - var(--scale-16))`,\n    '--width': cols > 1 ? `calc(${zoneSize.width}px - var(--scale-16))` : `${zoneSize.width}px`,\n  };\n\n  const emitOrder = (items: React.ReactNode[]) => {\n    onChangeOrder(\n      items.map((item, index) => ({\n        id: String(\n          React.isValidElement(item)\n            ? ((item.props as { 'data-id'?: string })['data-id'] ?? `idx-${index}`)\n            : `idx-${index}`\n        ),\n        weight: items.length - 1 - index,\n      }))\n    );\n  };\n\n  const moveItem = (from: number, to: number) => {\n    if (to < 0 || to >= arr.length || from === to) return;\n\n    const next = arr.slice();\n    const [moved] = next.splice(from, 1);\n    next.splice(to, 0, moved);\n\n    setDroppedAtIndex(to);\n    emitOrder(next);\n  };\n\n  const clearTouchHoldTimer = () => {\n    if (touchHoldTimer.current !== null) {\n      clearTimeout(touchHoldTimer.current);\n      touchHoldTimer.current = null;\n    }\n  };\n\n  const clearAutoScrollFrame = () => {\n    if (autoScrollFrame.current !== null) {\n      cancelAnimationFrame(autoScrollFrame.current);\n      autoScrollFrame.current = null;\n    }\n  };\n\n  const getScrollableAncestor = (element: HTMLElement | null) => {\n    let current = element?.parentElement ?? null;\n\n    while (current) {\n      const { overflowY } = window.getComputedStyle(current);\n      const canScroll =\n        /(auto|scroll|overlay)/.test(overflowY) && current.scrollHeight > current.clientHeight;\n\n      if (canScroll) return current;\n      current = current.parentElement;\n    }\n\n    return document.scrollingElement instanceof HTMLElement ? document.scrollingElement : null;\n  };\n\n  const resetTouchDragState = () => {\n    clearTouchHoldTimer();\n    clearAutoScrollFrame();\n    touchPosition.current = null;\n    touchDragActive.current = false;\n    touchDropIndex.current = null;\n    touchStart.current = null;\n    suppressClick.current = false;\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  const isInteractiveTarget = (target: EventTarget | null) =>\n    target instanceof Element &&\n    Boolean(\n      target.closest(\n        'button, a, input, textarea, select, option, [role=\"button\"], [contenteditable=\"true\"]'\n      )\n    );\n\n  const updateTouchDropIndex = (clientX: number, clientY: number) => {\n    const target = document\n      .elementFromPoint(clientX, clientY)\n      ?.closest<HTMLElement>('[data-sortable-index]');\n    if (!target) return;\n\n    const index = Number(target.dataset.sortableIndex);\n    const from = drag.current;\n    if (!Number.isInteger(index) || from < 0 || index === from) return;\n\n    const rect = target.getBoundingClientRect();\n    const itemHeight = index === from + 1 ? zoneSize.height : rect.height;\n    const isBottomHalf = clientY > rect.top + itemHeight / 2;\n    const rawIndex = isBottomHalf ? index + 1 : index;\n    const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n    touchDropIndex.current = nextDropIndex;\n    setDropIndex(nextDropIndex);\n  };\n\n  const startTouchAutoScroll = (item: HTMLElement) => {\n    const scrollContainer = getScrollableAncestor(item);\n    if (!scrollContainer) return;\n\n    const edgeSize = 72;\n    const maxSpeed = 18;\n\n    const step = () => {\n      if (!touchDragActive.current) {\n        autoScrollFrame.current = null;\n        return;\n      }\n\n      const position = touchPosition.current;\n      if (!position) {\n        autoScrollFrame.current = requestAnimationFrame(step);\n        return;\n      }\n\n      const rect =\n        scrollContainer === document.scrollingElement\n          ? { top: 0, bottom: window.innerHeight }\n          : scrollContainer.getBoundingClientRect();\n\n      let speed = 0;\n\n      if (position.y < rect.top + edgeSize) {\n        const distance = Math.max(0, position.y - rect.top);\n        speed = -maxSpeed * (1 - distance / edgeSize);\n      } else if (position.y > rect.bottom - edgeSize) {\n        const distance = Math.max(0, rect.bottom - position.y);\n        speed = maxSpeed * (1 - distance / edgeSize);\n      }\n\n      if (speed !== 0) {\n        scrollContainer.scrollBy({ top: speed, behavior: 'auto' });\n        updateTouchDropIndex(position.x, position.y);\n      }\n\n      autoScrollFrame.current = requestAnimationFrame(step);\n    };\n\n    clearAutoScrollFrame();\n    autoScrollFrame.current = requestAnimationFrame(step);\n  };\n\n  const resetDragState = () => {\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  useEffect(() => {\n    if (!isRearranging) {\n      setDroppedAtIndex(null);\n    }\n  }, [isRearranging]);\n\n  useEffect(\n    () => () => {\n      clearTouchHoldTimer();\n      clearAutoScrollFrame();\n    },\n    []\n  );\n\n  useEffect(() => {\n    const preventScrollWhileDragging = (event: TouchEvent) => {\n      if (touchDragActive.current) {\n        event.preventDefault();\n      }\n    };\n\n    window.addEventListener('touchmove', preventScrollWhileDragging, {\n      passive: false,\n    });\n\n    return () => {\n      clearTouchHoldTimer();\n      window.removeEventListener('touchmove', preventScrollWhileDragging);\n    };\n  }, []);\n\n  return (\n    <List\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      columns={columns}\n      ordered\n      style={withVars}\n      {...props}\n    >\n      {arr.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            data-sortable-index={i}\n            onClickCapture={(e) => {\n              if (!suppressClick.current) return;\n              e.preventDefault();\n              e.stopPropagation();\n              suppressClick.current = false;\n            }}\n            className={cx(\n              dropIndex !== null && dropIndex > i - 10 && dropIndex < i + 10 && styles.pseudo,\n              dropIndex === i && drag.current < i && styles['target-below'],\n              dropIndex === i && drag.current > i && styles['target-above'],\n              drag.current === i && styles.dragging,\n              droppedAtIndex === i && isRearranging && styles.dropping\n            )}\n            onContextMenu={(e) => {\n              if (touchDragActive.current || touchHoldTimer.current !== null) {\n                e.preventDefault();\n              }\n            }}\n            onTouchStart={(e) => {\n              if (isRearranging || isInteractiveTarget(e.target)) return;\n\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              const item = e.currentTarget;\n              touchStart.current = {\n                index: i,\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              clearTouchHoldTimer();\n              touchHoldTimer.current = setTimeout(() => {\n                drag.current = i;\n                touchDragActive.current = true;\n                touchDropIndex.current = i;\n                suppressClick.current = true;\n                setZoneSize({\n                  height: item.offsetHeight,\n                  width: item.offsetWidth,\n                });\n                setDropIndex(i);\n                touchPosition.current = {\n                  x: touch.clientX,\n                  y: touch.clientY,\n                };\n                startTouchAutoScroll(item);\n              }, 350);\n            }}\n            onTouchMove={(e) => {\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              touchPosition.current = {\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              if (!touchDragActive.current) {\n                const start = touchStart.current;\n                if (!start) return;\n\n                const distance = Math.hypot(touch.clientX - start.x, touch.clientY - start.y);\n                if (distance > 8) {\n                  clearTouchHoldTimer();\n                  touchStart.current = null;\n                }\n                return;\n              }\n              updateTouchDropIndex(touch.clientX, touch.clientY);\n            }}\n            onTouchEnd={(e) => {\n              clearTouchHoldTimer();\n\n              if (!touchDragActive.current) {\n                touchStart.current = null;\n                return;\n              }\n\n              e.preventDefault();\n              const from = drag.current;\n              const to = touchDropIndex.current;\n\n              if (from >= 0 && to !== null && from !== to) {\n                moveItem(from, to);\n              }\n\n              resetTouchDragState();\n            }}\n            onTouchCancel={() => resetTouchDragState()}\n            draggable={!isRearranging && !usesTouchInput}\n            onDragEnd={() => resetDragState()}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              const rect = e.currentTarget.getBoundingClientRect();\n              const itemHeight = i === from + 1 ? zoneSize.height : rect.height;\n              const isBottomHalf = e.clientY > rect.top + itemHeight / 2;\n              const rawIndex = isBottomHalf ? i + 1 : i;\n              const nextDropIndex = rawIndex > from ? rawIndex - 1 : rawIndex;\n\n              setDropIndex(nextDropIndex);\n            }}\n            onDragStart={(e) => {\n              if (usesTouchInput) {\n                e.preventDefault();\n                return;\n              }\n              drag.current = i;\n              setZoneSize({\n                height: e.currentTarget.offsetHeight,\n                width: e.currentTarget.offsetWidth,\n              });\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n              setDropIndex(i);\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              const to = dropIndex;\n              if (from < 0 || to === null || from === to) return;\n              moveItem(from, to);\n              resetDragState();\n            }}\n          >\n            <SortableItemContext.Provider\n              value={{\n                canMoveDown: i < arr.length - 1,\n                canMoveUp: i > 0,\n                index: i,\n                moveDown: () => moveItem(i, i + 1),\n                moveUp: () => moveItem(i, i - 1),\n              }}\n            >\n              {child}\n            </SortableItemContext.Provider>\n          </li>\n        );\n      })}\n    </List>\n  );\n}\n"],"names":["SortableItemContext","createContext","useOptionalSortableItem","useContext","Sortable","children","className","columns","isRearranging","onChangeOrder","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","drag","useRef","usesTouchInput","window","navigator","maxTouchPoints","matchMedia","matches","touchDragActive","touchDropIndex","touchHoldTimer","touchStart","suppressClick","touchPosition","autoScrollFrame","zoneSize","setZoneSize","useState","height","width","dropIndex","setDropIndex","droppedAtIndex","setDroppedAtIndex","withVars","style","emitOrder","items","map","item","index","id","String","isValidElement","weight","length","moveItem","from","to","next","slice","moved","splice","clearTouchHoldTimer","current","clearTimeout","clearAutoScrollFrame","cancelAnimationFrame","getScrollableAncestor","element","parentElement","overflowY","getComputedStyle","test","scrollHeight","clientHeight","document","scrollingElement","HTMLElement","resetTouchDragState","isInteractiveTarget","target","Element","Boolean","closest","updateTouchDropIndex","clientX","clientY","elementFromPoint","dataset","sortableIndex","isInteger","rect","getBoundingClientRect","itemHeight","rawIndex","top","nextDropIndex","startTouchAutoScroll","scrollContainer","edgeSize","maxSpeed","step","position","requestAnimationFrame","bottom","innerHeight","speed","y","distance","scrollBy","behavior","x","resetDragState","useEffect","preventScrollWhileDragging","event","preventDefault","addEventListener","passive","removeEventListener","jsx","List","cx","styles","sortable","child","i","key","e","stopPropagation","pseudo","dragging","dropping","touch","touches","currentTarget","setTimeout","offsetHeight","offsetWidth","start","hypot","dataTransfer","dropEffect","setData","effectAllowed","canMoveDown","canMoveUp","moveDown","moveUp"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { List } from '@/components/list';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableItemContextValue = {\n  canMoveDown: boolean;\n  canMoveUp: boolean;\n  index: number;\n  moveDown: () => void;\n  moveUp: () => void;\n};\n\nconst SortableItemContext = createContext<SortableItemContextValue | null>(null);\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useOptionalSortableItem() {\n  return useContext(SortableItemContext);\n}\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  isRearranging?: boolean;\n  onChangeOrder: (order: SortItem[]) => void;\n};\n\ntype SortableStyle = React.CSSProperties & {\n  '--sortable-placeholder-height'?: string;\n  '--sortable-placeholder-radius'?: string;\n  '--sortable-placeholder-width'?: string;\n};\n\ntype ZoneSize = {\n  borderRadius: string;\n  height: number;\n  width: number;\n  wrapperHeight: number;\n};\n\nconst toPixels = (value: string) => Number.parseFloat(value) || 0;\n\nconst measureDraggedItem = (item: HTMLLIElement): ZoneSize => {\n  const content = item.firstElementChild;\n  const itemRect = item.getBoundingClientRect();\n\n  if (content) {\n    const rect = content.getBoundingClientRect();\n\n    return {\n      borderRadius: window.getComputedStyle(content).borderRadius,\n      height: rect.height,\n      width: rect.width,\n      wrapperHeight: itemRect.height,\n    };\n  }\n\n  const style = window.getComputedStyle(item);\n  const horizontalInsets =\n    toPixels(style.borderLeftWidth) +\n    toPixels(style.borderRightWidth) +\n    toPixels(style.paddingLeft) +\n    toPixels(style.paddingRight);\n  const verticalInsets =\n    toPixels(style.borderBottomWidth) +\n    toPixels(style.borderTopWidth) +\n    toPixels(style.paddingBottom) +\n    toPixels(style.paddingTop);\n\n  return {\n    borderRadius: style.borderRadius,\n    height: Math.max(0, itemRect.height - verticalInsets),\n    width: Math.max(0, itemRect.width - horizontalInsets),\n    wrapperHeight: itemRect.height,\n  };\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  isRearranging = false,\n  onChangeOrder,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const drag = useRef(-1);\n  const usesTouchInput = useMemo(\n    () =>\n      typeof window !== 'undefined' &&\n      (navigator.maxTouchPoints > 0 || window.matchMedia('(pointer: coarse)').matches),\n    []\n  );\n  const touchDragActive = useRef(false);\n  const touchDropIndex = useRef<number | null>(null);\n  const touchHoldTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const touchStart = useRef<{ x: number; y: number } | null>(null);\n  const suppressClickUntil = useRef(0);\n  const touchPosition = useRef<{ x: number; y: number } | null>(null);\n  const autoScrollFrame = useRef<number | null>(null);\n  const preventTouchScroll = useRef((event: TouchEvent) => event.preventDefault()).current;\n  const [zoneSize, setZoneSize] = useState({\n    borderRadius: '0px',\n    height: 0,\n    width: 0,\n    wrapperHeight: 0,\n  });\n  const [dropIndex, setDropIndex] = useState<number | null>(null);\n  const withVars: SortableStyle = {\n    ...props.style,\n    '--sortable-placeholder-height': `${zoneSize.height}px`,\n    '--sortable-placeholder-radius': zoneSize.borderRadius,\n    '--sortable-placeholder-width': `${zoneSize.width}px`,\n  };\n\n  const moveItem = (from: number, to: number) => {\n    if (to < 0 || to >= arr.length || from === to) return;\n\n    const next = arr.slice();\n    const [moved] = next.splice(from, 1);\n    next.splice(to, 0, moved);\n\n    onChangeOrder(\n      next.map((item, index) => ({\n        id: String(\n          React.isValidElement(item)\n            ? ((item.props as { 'data-id'?: string })['data-id'] ?? `idx-${index}`)\n            : `idx-${index}`\n        ),\n        weight: next.length - 1 - index,\n      }))\n    );\n  };\n\n  const clearTouchHoldTimer = () => {\n    if (touchHoldTimer.current !== null) {\n      clearTimeout(touchHoldTimer.current);\n      touchHoldTimer.current = null;\n    }\n  };\n\n  const clearAutoScrollFrame = () => {\n    if (autoScrollFrame.current !== null) {\n      cancelAnimationFrame(autoScrollFrame.current);\n      autoScrollFrame.current = null;\n    }\n  };\n\n  const getScrollableAncestor = (element: HTMLElement | null) => {\n    let current = element?.parentElement ?? null;\n\n    while (current) {\n      const { overflowY } = window.getComputedStyle(current);\n      const canScroll =\n        /(auto|scroll|overlay)/.test(overflowY) && current.scrollHeight > current.clientHeight;\n\n      if (canScroll) return current;\n      current = current.parentElement;\n    }\n\n    return document.scrollingElement instanceof HTMLElement ? document.scrollingElement : null;\n  };\n\n  const resetTouchDragState = (suppressNextClick = false) => {\n    clearTouchHoldTimer();\n    clearAutoScrollFrame();\n    window.removeEventListener('touchmove', preventTouchScroll);\n    touchPosition.current = null;\n    touchDragActive.current = false;\n    touchDropIndex.current = null;\n    touchStart.current = null;\n    suppressClickUntil.current = suppressNextClick ? Date.now() + 500 : 0;\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  const startDrag = (index: number, item: HTMLLIElement) => {\n    drag.current = index;\n    setZoneSize(measureDraggedItem(item));\n    setDropIndex(index);\n  };\n\n  const isInteractiveTarget = (target: EventTarget | null) =>\n    target instanceof Element &&\n    Boolean(\n      target.closest(\n        'button, a, input, textarea, select, option, [role=\"button\"], [contenteditable=\"true\"]'\n      )\n    );\n\n  const getDropIndex = (target: HTMLElement, index: number, clientY: number) => {\n    const from = drag.current;\n    if (!Number.isInteger(index) || from < 0 || index === from) return null;\n\n    const rect = target.getBoundingClientRect();\n    const itemHeight = index === from + 1 ? zoneSize.wrapperHeight : rect.height;\n    const isBottomHalf = clientY > rect.top + itemHeight / 2;\n    const rawIndex = isBottomHalf ? index + 1 : index;\n    return rawIndex > from ? rawIndex - 1 : rawIndex;\n  };\n\n  const updateTouchDropIndex = (clientX: number, clientY: number) => {\n    const target = document\n      .elementFromPoint(clientX, clientY)\n      ?.closest<HTMLElement>('[data-sortable-index]');\n    if (!target) return;\n\n    const nextDropIndex = getDropIndex(target, Number(target.dataset.sortableIndex), clientY);\n    if (nextDropIndex === null) return;\n\n    touchDropIndex.current = nextDropIndex;\n    setDropIndex(nextDropIndex);\n  };\n\n  const startTouchAutoScroll = (item: HTMLElement) => {\n    const scrollContainer = getScrollableAncestor(item);\n    if (!scrollContainer) return;\n\n    const edgeSize = 72;\n    const maxSpeed = 18;\n\n    const step = () => {\n      if (!touchDragActive.current) {\n        autoScrollFrame.current = null;\n        return;\n      }\n\n      const position = touchPosition.current;\n      if (!position) {\n        autoScrollFrame.current = requestAnimationFrame(step);\n        return;\n      }\n\n      const rect =\n        scrollContainer === document.scrollingElement\n          ? { top: 0, bottom: window.innerHeight }\n          : scrollContainer.getBoundingClientRect();\n\n      let speed = 0;\n\n      if (position.y < rect.top + edgeSize) {\n        const distance = Math.max(0, position.y - rect.top);\n        speed = -maxSpeed * (1 - distance / edgeSize);\n      } else if (position.y > rect.bottom - edgeSize) {\n        const distance = Math.max(0, rect.bottom - position.y);\n        speed = maxSpeed * (1 - distance / edgeSize);\n      }\n\n      if (speed !== 0) {\n        scrollContainer.scrollBy({ top: speed, behavior: 'auto' });\n        updateTouchDropIndex(position.x, position.y);\n      }\n\n      autoScrollFrame.current = requestAnimationFrame(step);\n    };\n\n    clearAutoScrollFrame();\n    autoScrollFrame.current = requestAnimationFrame(step);\n  };\n\n  const resetDragState = () => {\n    drag.current = -1;\n    setDropIndex(null);\n  };\n\n  useEffect(\n    () => () => {\n      clearTouchHoldTimer();\n      clearAutoScrollFrame();\n      window.removeEventListener('touchmove', preventTouchScroll);\n    },\n    [preventTouchScroll]\n  );\n\n  return (\n    <List\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      columns={columns}\n      ordered\n      style={withVars}\n      {...props}\n    >\n      {arr.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            data-sortable-index={i}\n            onClickCapture={(e) => {\n              if (suppressClickUntil.current <= Date.now()) return;\n              e.preventDefault();\n              e.stopPropagation();\n              suppressClickUntil.current = 0;\n            }}\n            className={cx(\n              dropIndex !== null && dropIndex > i - 10 && dropIndex < i + 10 && styles.pseudo,\n              dropIndex === i && drag.current < i && styles['target-below'],\n              dropIndex === i && drag.current > i && styles['target-above'],\n              drag.current === i && styles.dragging\n            )}\n            onContextMenu={(e) => {\n              if (touchDragActive.current || touchHoldTimer.current !== null) {\n                e.preventDefault();\n              }\n            }}\n            onTouchStart={(e) => {\n              if (isRearranging || isInteractiveTarget(e.target)) return;\n              suppressClickUntil.current = 0;\n\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              const item = e.currentTarget;\n              touchStart.current = {\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              clearTouchHoldTimer();\n              touchHoldTimer.current = setTimeout(() => {\n                startDrag(i, item);\n                touchDragActive.current = true;\n                touchDropIndex.current = i;\n                touchPosition.current = {\n                  x: touch.clientX,\n                  y: touch.clientY,\n                };\n                window.addEventListener('touchmove', preventTouchScroll, { passive: false });\n                startTouchAutoScroll(item);\n              }, 350);\n            }}\n            onTouchMove={(e) => {\n              const touch = e.touches[0];\n              if (!touch) return;\n\n              touchPosition.current = {\n                x: touch.clientX,\n                y: touch.clientY,\n              };\n\n              if (!touchDragActive.current) {\n                const start = touchStart.current;\n                if (!start) return;\n\n                const distance = Math.hypot(touch.clientX - start.x, touch.clientY - start.y);\n                if (distance > 8) {\n                  clearTouchHoldTimer();\n                  touchStart.current = null;\n                }\n                return;\n              }\n              updateTouchDropIndex(touch.clientX, touch.clientY);\n            }}\n            onTouchEnd={(e) => {\n              clearTouchHoldTimer();\n\n              if (!touchDragActive.current) {\n                touchStart.current = null;\n                return;\n              }\n\n              e.preventDefault();\n              const from = drag.current;\n              const to = touchDropIndex.current;\n\n              if (from >= 0 && to !== null && from !== to) {\n                moveItem(from, to);\n              }\n\n              resetTouchDragState(true);\n            }}\n            onTouchCancel={() => resetTouchDragState()}\n            draggable={!isRearranging && !usesTouchInput}\n            onDragEnd={() => resetDragState()}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n              const nextDropIndex = getDropIndex(e.currentTarget, i, e.clientY);\n              if (nextDropIndex === null) return;\n              setDropIndex(nextDropIndex);\n            }}\n            onDragStart={(e) => {\n              if (usesTouchInput) {\n                e.preventDefault();\n                return;\n              }\n              startDrag(i, e.currentTarget);\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              const to = dropIndex;\n              if (from < 0 || to === null || from === to) return;\n              moveItem(from, to);\n              resetDragState();\n            }}\n          >\n            <SortableItemContext.Provider\n              value={{\n                canMoveDown: i < arr.length - 1,\n                canMoveUp: i > 0,\n                index: i,\n                moveDown: () => moveItem(i, i + 1),\n                moveUp: () => moveItem(i, i - 1),\n              }}\n            >\n              {child}\n            </SortableItemContext.Provider>\n          </li>\n        );\n      })}\n    </List>\n  );\n}\n"],"names":["SortableItemContext","createContext","useOptionalSortableItem","useContext","toPixels","value","Number","parseFloat","measureDraggedItem","item","content","firstElementChild","itemRect","getBoundingClientRect","rect","borderRadius","window","getComputedStyle","height","width","wrapperHeight","style","horizontalInsets","borderLeftWidth","borderRightWidth","paddingLeft","paddingRight","verticalInsets","borderBottomWidth","borderTopWidth","paddingBottom","paddingTop","Math","max","Sortable","children","className","columns","isRearranging","onChangeOrder","props","cols","isFinite","floor","arr","useMemo","React","Children","toArray","drag","useRef","usesTouchInput","navigator","maxTouchPoints","matchMedia","matches","touchDragActive","touchDropIndex","touchHoldTimer","touchStart","suppressClickUntil","touchPosition","autoScrollFrame","preventTouchScroll","event","preventDefault","current","zoneSize","setZoneSize","useState","dropIndex","setDropIndex","withVars","moveItem","from","to","length","next","slice","moved","splice","map","index","id","String","isValidElement","weight","clearTouchHoldTimer","clearTimeout","clearAutoScrollFrame","cancelAnimationFrame","getScrollableAncestor","element","parentElement","overflowY","test","scrollHeight","clientHeight","document","scrollingElement","HTMLElement","resetTouchDragState","suppressNextClick","removeEventListener","Date","now","startDrag","isInteractiveTarget","target","Element","Boolean","closest","getDropIndex","clientY","isInteger","itemHeight","rawIndex","top","updateTouchDropIndex","clientX","elementFromPoint","nextDropIndex","dataset","sortableIndex","startTouchAutoScroll","scrollContainer","edgeSize","maxSpeed","step","position","requestAnimationFrame","bottom","innerHeight","speed","y","distance","scrollBy","behavior","x","resetDragState","useEffect","jsx","List","cx","styles","sortable","child","i","key","e","stopPropagation","pseudo","dragging","touch","touches","currentTarget","setTimeout","addEventListener","passive","start","hypot","dataTransfer","dropEffect","setData","effectAllowed","canMoveDown","canMoveUp","moveDown","moveUp"],"mappings":"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"}

package/dist/{index-oL8GYbhj.cjs → index-BPIK2dxs.cjs}

@@ -1,2 +1,2 @@
-"use strict";require('./assets/index51.css');const u=require("react/jsx-runtime"),v=require("./classix-5H4IWnMA.cjs"),f=require("./icons-Dx0NQYLH.cjs"),w=require("./use-touched-D_TJ8wDc.cjs"),C=new Set(["aria-activedescendant","aria-autocomplete","aria-busy","aria-controls","aria-describedby","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-live","aria-owns","aria-required","aria-roledescription","autoComplete","autoFocus","className","defaultValue","dir","disabled","form","id","multiple","name","onBlur","onChange","onClick","onFocus","onInput","onInvalid","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onPointerDown","onPointerUp","required","role","size","style","tabIndex","title","value"]);function h(o){return Object.fromEntries(Object.entries(o).filter(([e])=>e.startsWith("data-")||e.startsWith("aria-")||C.has(e)))}const S=/^--[\w-]+$/,P=/^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/,_=new Set(["currentcolor","inherit","initial","revert","revert-layer","unset"]),l=typeof document<"u"?document.createElement("span"):null;function p(o){const e=o.trim();if(!e||!l||_.has(e.toLowerCase()))return e;const s=document.body??document.documentElement;if(!s||(l.style.color=e,!l.style.color))return e;s.appendChild(l);const r=getComputedStyle(l).color.trim();return l.remove(),r||e}function y(o,e="currentColor"){var i;if(typeof document>"u")return e;const s=getComputedStyle(document.documentElement),r=new Set;let t=o.trim();for(;t;){const n=t.match(P),a=(n==null?void 0:n[1])??(S.test(t)?t:null),c=(i=n==null?void 0:n[2])==null?void 0:i.trim();if(!a)return p(t);if(r.has(a)){t=c??"";continue}r.add(a),t=s.getPropertyValue(a).trim()||c||""}return p(e)}const q="_select_u6sz6_3",x="_touched_u6sz6_23",z="_label_u6sz6_28",d={select:q,touched:x,label:z},j=({children:o,label:e,placeholder:s,...r})=>{const{touched:t,onBlur:i}=w.useTouched(r.value===""),n=h(r),{style:a,...c}=n,b={...a,"--icon-svg":f.iconSVG("chevron").replace("currentColor",y("--colors-semantic-content-secondary"))},m=u.jsxs("select",{className:v.t(d.select,t&&d.touched),onBlur:i,style:b,...c,children:[s&&u.jsx("option",{value:"",hidden:!0,children:s},"placeholder"),o]});return e?u.jsxs("label",{"data-component":"select",children:[u.jsx("span",{className:d.label,"data-required":r.required||void 0,children:e}),m]}):m};exports.Select=j;exports.resolveColor=y;exports.sanitizeSelectProps=h;
-//# sourceMappingURL=index-oL8GYbhj.cjs.map
+"use strict";require('./assets/index51.css');const u=require("react/jsx-runtime"),v=require("./classix-5H4IWnMA.cjs"),f=require("./icons-Dx0NQYLH.cjs"),w=require("./use-touched-D_TJ8wDc.cjs"),C=new Set(["aria-activedescendant","aria-autocomplete","aria-busy","aria-controls","aria-describedby","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-live","aria-owns","aria-required","aria-roledescription","autoComplete","autoFocus","className","defaultValue","dir","disabled","form","id","multiple","name","onBlur","onChange","onClick","onFocus","onInput","onInvalid","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onPointerDown","onPointerUp","required","role","size","style","tabIndex","title","value"]);function h(o){return Object.fromEntries(Object.entries(o).filter(([e])=>e.startsWith("data-")||e.startsWith("aria-")||C.has(e)))}const x=/^--[\w-]+$/,S=/^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/,P=new Set(["currentcolor","inherit","initial","revert","revert-layer","unset"]),l=typeof document<"u"?document.createElement("span"):null;function p(o){const e=o.trim();if(!e||!l||P.has(e.toLowerCase()))return e;const s=document.body??document.documentElement;if(!s||(l.style.color=e,!l.style.color))return e;s.appendChild(l);const n=getComputedStyle(l).color.trim();return l.remove(),n||e}function y(o,e="currentColor"){var i;if(typeof document>"u")return e;const s=getComputedStyle(document.documentElement),n=new Set;let t=o.trim();for(;t;){const r=t.match(S),a=(r==null?void 0:r[1])??(x.test(t)?t:null),c=(i=r==null?void 0:r[2])==null?void 0:i.trim();if(!a)return p(t);if(n.has(a)){t=c??"";continue}n.add(a),t=s.getPropertyValue(a).trim()||c||""}return p(e)}const _="_select_1n2ax_3",q="_touched_1n2ax_23",j="_label_1n2ax_28",d={select:_,touched:q,label:j},V=({children:o,label:e,placeholder:s,...n})=>{const{touched:t,onBlur:i}=w.useTouched(n.value===""),r=h(n),{style:a,...c}=r,b={...a,"--icon-svg":f.iconSVG("chevron").replace("currentColor",y("--colors-semantic-content-secondary"))},m=u.jsxs("select",{className:v.t(d.select,t&&d.touched),onBlur:i,style:b,...c,children:[s&&u.jsx("option",{value:"",hidden:!0,children:s},"placeholder"),o]});return e?u.jsxs("label",{"data-component":"select",children:[u.jsx("span",{className:d.label,"data-required":n.required||void 0,children:e}),m]}):m};exports.Select=V;exports.resolveColor=y;exports.sanitizeSelectProps=h;
+//# sourceMappingURL=index-BPIK2dxs.cjs.map