geoiq-frontend-ui-kit 2.0.2 → 2.0.3

package/dist/{index.es163.js.map → index163.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es163.js","sources":["../src/components/organisms/image-editor/engine/pointer.js"],"sourcesContent":["import { pushHistory } from './history.js'\nimport { emitChange } from './state.js'\nimport {\n  render,\n  renderOverlay,\n  paintLayer,\n  layerBounds,\n  onResizeHandle,\n  normRect,\n  clampTextSize,\n  clampBoxWidth,\n  onRotateHandle,\n  layerCenter,\n  rotatePoint,\n  toLayerSpace,\n  DIRECTIONAL_SHAPES,\n} from './rendering.js'\nimport { setMode, selectLayer } from './mode.js'\nimport { openTextEditor } from './text-editor.js'\n\nexport function toSource(state, e) {\n  // While actively dragging, use the rect captured at pointerdown instead of\n  // re-querying live — on mobile the browser's address-bar/toolbar chrome\n  // can collapse mid-gesture (typically ~1s in) and reflow the canvas out\n  // from under the drag. Since this is (pointer position - element origin),\n  // a rect that shifts mid-drag snaps the result toward 0 (leftmost/\n  // smallest), which is exactly what re-querying every move would do.\n  const r =\n    state.dragMode && state.dragRect\n      ? state.dragRect\n      : state.overlayEl.getBoundingClientRect()\n  const x = ((e.clientX - r.left) / r.width) * state.sourceCanvas.width\n  const y = ((e.clientY - r.top) / r.height) * state.sourceCanvas.height\n  return {\n    x: Math.min(Math.max(x, 0), state.sourceCanvas.width),\n    y: Math.min(Math.max(y, 0), state.sourceCanvas.height),\n  }\n}\n\nfunction rotatedAABB(b, rotationDeg) {\n  if (!rotationDeg) return b\n  const rad = (rotationDeg * Math.PI) / 180\n  const cos = Math.abs(Math.cos(rad)),\n    sin = Math.abs(Math.sin(rad))\n  const w = b.w * cos + b.h * sin,\n    h = b.w * sin + b.h * cos\n  const cx = b.x + b.w / 2,\n    cy = b.y + b.h / 2\n  return { x: cx - w / 2, y: cy - h / 2, w, h }\n}\n\nfunction strokeMargin(L) {\n  if (L.type !== 'shape') return 0\n  const alwaysStroked = DIRECTIONAL_SHAPES.includes(L.shape)\n  return alwaysStroked || L.fill !== 'fill' ? (L.width || 0) / 2 : 0\n}\n\nfunction clampLayerToCanvas(state, L) {\n  const rotated = rotatedAABB(layerBounds(state, L), L.rotation)\n  const margin = strokeMargin(L)\n  const b = {\n    x: rotated.x - margin,\n    y: rotated.y - margin,\n    w: rotated.w + margin * 2,\n    h: rotated.h + margin * 2,\n  }\n  const dx = Math.min(Math.max(b.x, 0), state.sourceCanvas.width - b.w) - b.x\n  const dy = Math.min(Math.max(b.y, 0), state.sourceCanvas.height - b.h) - b.y\n  if (!dx && !dy) return\n  if (L.type === 'stroke') {\n    L.points = L.points.map((pt) => ({ x: pt.x + dx, y: pt.y + dy }))\n  } else {\n    L.x += dx\n    L.y += dy\n  }\n}\n\nexport function hitLayer(state, p) {\n  const { layers } = state\n  for (let i = layers.length - 1; i >= 0; i--) {\n    const b = layerBounds(state, layers[i])\n    const q = toLayerSpace(state, layers[i], p)\n    if (\n      q.x >= b.x - 6 &&\n      q.x <= b.x + b.w + 6 &&\n      q.y >= b.y - 6 &&\n      q.y <= b.y + b.h + 6\n    )\n      return layers[i]\n  }\n  return null\n}\n\nexport function onDown(state, e) {\n  if (!state.sourceCanvas.width) return\n  if (state.dragMode) return\n  state.overlayEl.setPointerCapture(e.pointerId)\n  state.activePointerId = e.pointerId\n  state.dragRect = state.overlayEl.getBoundingClientRect()\n  const p = toSource(state, e)\n  if (state.mode === 'select') {\n    const sel =\n      state.selectedId != null\n        ? state.layers.find((l) => l.id === state.selectedId)\n        : null\n    if (sel && onRotateHandle(state, p, sel)) {\n      const c = layerCenter(state, sel)\n      state.dragMode = 'rotate'\n      state.rotateStart = {\n        center: c,\n        angle: Math.atan2(p.y - c.y, p.x - c.x),\n        rotation: sel.rotation || 0,\n      }\n      pushHistory(state)\n      return\n    }\n    const corner = sel ? onResizeHandle(state, p, sel) : null\n    if (corner) {\n      state.dragMode = 'resize'\n      state.resizeCorner = corner\n      state.dragStart = p\n      state.dragOrig = JSON.parse(JSON.stringify(sel))\n      if (sel.type === 'shape' && DIRECTIONAL_SHAPES.includes(sel.shape)) {\n        state.resizeAnchor =\n          corner === 'start'\n            ? { x: sel.x + sel.w, y: sel.y + sel.h }\n            : { x: sel.x, y: sel.y }\n      } else {\n        const b = layerBounds(state, sel)\n        const isLeft = corner === 'tl' || corner === 'bl'\n        state.resizeAnchor = {\n          x: isLeft ? b.x + b.w : b.x,\n          // Text keeps its top edge: its height follows the wrapping.\n          y:\n            sel.type === 'text'\n              ? b.y\n              : corner === 'tl' || corner === 'tr'\n                ? b.y + b.h\n                : b.y,\n        }\n      }\n      state.resizeCenter = layerCenter(state, sel)\n      state.resizeAnchorWorld = rotatePoint(\n        state.resizeAnchor,\n        state.resizeCenter,\n        sel.rotation || 0\n      )\n      pushHistory(state)\n      return\n    }\n    const hit = hitLayer(state, p)\n    if (hit) {\n      selectLayer(state, hit.id)\n      state.dragMode = 'move'\n      state.dragStart = p\n      state.dragOrig = JSON.parse(JSON.stringify(hit))\n      pushHistory(state)\n    } else selectLayer(state, null)\n  } else if (state.mode === 'text') {\n    pushHistory(state)\n    const L = {\n      id: state.nextId++,\n      type: 'text',\n      text: 'Text',\n      x: p.x,\n      y: p.y,\n      size: state.textSize,\n      font: state.textFont,\n      color: state.textColor,\n      rotation: 0,\n      flipH: false,\n      flipV: false,\n      boxWidth: 10,\n    }\n    state.octx.font = `${L.size}px ${L.font}`\n    const placeholderWidth = state.octx.measureText(L.text).width\n    L.boxWidth = Math.round(Math.max(700, placeholderWidth + 40))\n    clampBoxWidth(state, L)\n    clampTextSize(state, L)\n    state.layers.push(L)\n    setMode(state, 'select')\n    selectLayer(state, L.id)\n    openTextEditor(state, L, true)\n  } else if (state.mode === 'draw') {\n    pushHistory(state)\n    state.pendingStroke = {\n      id: state.nextId++,\n      type: 'stroke',\n      color: state.drawColor,\n      width: state.brushSize,\n      style: state.brushStyle,\n      points: [p],\n    }\n    state.dragMode = 'draw'\n  } else if (state.mode === 'shape') {\n    pushHistory(state)\n    state.pendingShape = {\n      id: state.nextId++,\n      type: 'shape',\n      shape: state.selectedShapeType,\n      fill: state.shapeFill,\n      width: state.shapeWidth,\n      color: state.shapeColor,\n      x: p.x,\n      y: p.y,\n      w: 0,\n      h: 0,\n      rotation: 0,\n      flipH: false,\n      flipV: false,\n    }\n    state.dragMode = 'newshape'\n    state.dragStart = p\n  } else if (state.mode === 'crop') {\n    state.dragMode = 'crop'\n    state.cropStart = p\n    state.cropRect = { x: p.x, y: p.y, w: 0, h: 0 }\n  }\n}\n\nexport function onMove(state, e) {\n  if (\n    state.dragMode &&\n    state.activePointerId != null &&\n    e.pointerId !== state.activePointerId\n  ) {\n    return\n  }\n  if (!state.dragMode) {\n    if (state.mode === 'select') {\n      const p = toSource(state, e),\n        sel =\n          state.selectedId != null\n            ? state.layers.find((l) => l.id === state.selectedId)\n            : null\n      const corner = sel ? onResizeHandle(state, p, sel) : null\n      if (sel && onRotateHandle(state, p, sel)) {\n        state.overlayEl.style.cursor = 'grab'\n      } else if (corner === 'start' || corner === 'end') {\n        state.overlayEl.style.cursor =\n          sel.w >= 0 === sel.h >= 0 ? 'nwse-resize' : 'nesw-resize'\n      } else if (corner) {\n        state.overlayEl.style.cursor =\n          corner === 'tl' || corner === 'br' ? 'nwse-resize' : 'nesw-resize'\n      } else if (sel && hitLayer(state, p) === sel) {\n        state.overlayEl.style.cursor = 'move'\n      } else if (hitLayer(state, p)) {\n        state.overlayEl.style.cursor = 'pointer'\n      } else {\n        state.overlayEl.style.cursor = 'default'\n      }\n    }\n    return\n  }\n  const p = toSource(state, e)\n  if (state.dragMode === 'move') {\n    const dx = p.x - state.dragStart.x,\n      dy = p.y - state.dragStart.y,\n      L = state.layers.find((l) => l.id === state.selectedId)\n    if (L.type === 'text' || L.type === 'shape' || L.type === 'sticker') {\n      L.x = state.dragOrig.x + dx\n      L.y = state.dragOrig.y + dy\n    } else if (L.type === 'stroke') {\n      L.points = state.dragOrig.points.map((pt) => ({\n        x: pt.x + dx,\n        y: pt.y + dy,\n      }))\n    }\n    clampLayerToCanvas(state, L)\n    renderOverlay(state)\n  } else if (state.dragMode === 'resize') {\n    const L = state.layers.find((l) => l.id === state.selectedId)\n    const rot = L.rotation || 0\n    // Resize along the layer's own axes, so a tilted box grows the way it looks.\n    const q = rot ? rotatePoint(p, state.resizeCenter, -rot) : p\n    if (L.type === 'text') {\n      const isLeft = state.resizeCorner === 'tl' || state.resizeCorner === 'bl'\n      // Absolute from drag start, so the fix-up below cannot accumulate.\n      L.y = state.dragOrig.y\n      L.size = state.dragOrig.size\n      if (isLeft) {\n        const rightEdge = state.dragOrig.x + state.dragOrig.boxWidth\n        L.boxWidth = Math.max(20, rightEdge - q.x)\n        L.x = rightEdge - L.boxWidth\n      } else {\n        L.x = state.dragOrig.x\n        L.boxWidth = Math.max(20, q.x - state.dragOrig.x)\n      }\n      clampBoxWidth(state, L)\n      clampTextSize(state, L)\n      state.notify()\n    } else if (L.type === 'shape' && DIRECTIONAL_SHAPES.includes(L.shape)) {\n      const anchor = state.resizeAnchor\n      const MIN_LEN = 8\n      let w = q.x - anchor.x\n      let h = q.y - anchor.y\n      if (Math.hypot(w, h) < MIN_LEN) {\n        const ang = Math.atan2(h || 1, w || 1)\n        w = MIN_LEN * Math.cos(ang)\n        h = MIN_LEN * Math.sin(ang)\n      }\n      if (state.resizeCorner === 'start') {\n        L.x = anchor.x + w\n        L.y = anchor.y + h\n        L.w = -w\n        L.h = -h\n      } else {\n        L.x = anchor.x\n        L.y = anchor.y\n        L.w = w\n        L.h = h\n      }\n    } else if (L.type === 'shape' || L.type === 'sticker') {\n      const anchor = state.resizeAnchor\n      const MIN_SIZE = 8\n      let w = q.x - anchor.x\n      let h = q.y - anchor.y\n      if (Math.abs(w) < MIN_SIZE) {\n        w =\n          anchor.x + MIN_SIZE <= state.sourceCanvas.width ? MIN_SIZE : -MIN_SIZE\n      }\n      if (Math.abs(h) < MIN_SIZE) {\n        h =\n          anchor.y + MIN_SIZE <= state.sourceCanvas.height\n            ? MIN_SIZE\n            : -MIN_SIZE\n      }\n      L.x = Math.min(anchor.x, anchor.x + w)\n      L.y = Math.min(anchor.y, anchor.y + h)\n      L.w = Math.abs(w)\n      L.h = Math.abs(h)\n    }\n    // Resizing moves the centre it spins about; pin the anchor back down.\n    if (rot) {\n      const moved = rotatePoint(state.resizeAnchor, layerCenter(state, L), rot)\n      L.x += state.resizeAnchorWorld.x - moved.x\n      L.y += state.resizeAnchorWorld.y - moved.y\n    }\n    renderOverlay(state)\n  } else if (state.dragMode === 'rotate') {\n    const L = state.layers.find((l) => l.id === state.selectedId)\n    const { center, angle, rotation } = state.rotateStart\n    const swept = Math.atan2(p.y - center.y, p.x - center.x) - angle\n    const deg = rotation + (swept * 180) / Math.PI\n    L.rotation = ((deg % 360) + 360) % 360\n    renderOverlay(state)\n  } else if (state.dragMode === 'draw') {\n    state.pendingStroke.points.push(p)\n    state.octx.clearRect(0, 0, state.overlayEl.width, state.overlayEl.height)\n    state.layers.forEach((L) => paintLayer(state, state.octx, L))\n    paintLayer(state, state.octx, state.pendingStroke)\n  } else if (state.dragMode === 'newshape') {\n    state.pendingShape.w = p.x - state.dragStart.x\n    state.pendingShape.h = p.y - state.dragStart.y\n    renderOverlay(state)\n  } else if (state.dragMode === 'crop') {\n    let w = p.x - state.cropStart.x,\n      h = p.y - state.cropStart.y\n    if (state.cropRatio !== 'free') {\n      const rr = parseFloat(state.cropRatio)\n      h = (Math.sign(h || 1) * Math.abs(w)) / rr\n      const maxH =\n        h >= 0\n          ? state.sourceCanvas.height - state.cropStart.y\n          : state.cropStart.y\n      if (Math.abs(h) > maxH) {\n        h = Math.sign(h) * maxH\n        w = Math.sign(w || 1) * Math.abs(h) * rr\n      }\n    }\n    state.cropRect = { x: state.cropStart.x, y: state.cropStart.y, w, h }\n    renderOverlay(state)\n  }\n}\n\nexport function onUp(state, e) {\n  if (\n    e &&\n    state.dragMode &&\n    state.activePointerId != null &&\n    e.pointerId !== state.activePointerId\n  ) {\n    return\n  }\n  if (state.dragMode === 'draw' && state.pendingStroke) {\n    if (state.pendingStroke.points.length >= 1) {\n      state.layers.push(state.pendingStroke)\n      selectLayer(state, state.pendingStroke.id)\n    }\n    state.pendingStroke = null\n    render(state)\n    state.statusText = 'Stroke added'\n    emitChange(state)\n  } else if (state.dragMode === 'newshape' && state.pendingShape) {\n    if (\n      Math.abs(state.pendingShape.w) > 3 ||\n      Math.abs(state.pendingShape.h) > 3\n    ) {\n      state.layers.push(state.pendingShape)\n      const id = state.pendingShape.id\n      state.pendingShape = null\n      setMode(state, 'select')\n      selectLayer(state, id)\n      state.statusText = 'Shape added'\n      emitChange(state)\n    } else {\n      state.pendingShape = null\n      renderOverlay(state)\n      state.notify()\n    }\n  } else if (state.dragMode === 'crop') {\n    if (state.cropRect) state.cropRect = normRect(state.cropRect)\n    renderOverlay(state)\n    state.notify()\n  } else if (\n    state.dragMode === 'move' ||\n    state.dragMode === 'resize' ||\n    state.dragMode === 'rotate'\n  ) {\n    if (state.dragMode === 'rotate') {\n      const L = state.layers.find((l) => l.id === state.selectedId)\n      if (L) state.statusText = `Rotated to ${Math.round(L.rotation)}°`\n    }\n    render(state)\n    state.notify()\n  }\n  if (state.activePointerId != null) {\n    if (state.overlayEl.hasPointerCapture(state.activePointerId)) {\n      state.overlayEl.releasePointerCapture(state.activePointerId)\n    }\n    state.activePointerId = null\n  }\n  state.dragMode = null\n  state.dragStart = null\n  state.dragOrig = null\n  state.dragRect = null\n  state.resizeAnchor = null\n  state.resizeCenter = null\n  state.resizeAnchorWorld = null\n  state.rotateStart = null\n}\n\nexport function onDbl(state, e) {\n  if (state.mode !== 'select') return\n  const p = toSource(state, e),\n    hit = hitLayer(state, p)\n  if (hit && hit.type === 'text') {\n    selectLayer(state, hit.id)\n    openTextEditor(state, hit, false)\n  }\n}\n"],"names":["toSource","state","e","r","x","y","rotatedAABB","b","rotationDeg","rad","cos","sin","w","h","cx","cy","strokeMargin","L","DIRECTIONAL_SHAPES","clampLayerToCanvas","rotated","layerBounds","margin","dx","dy","pt","hitLayer","p","layers","i","q","toLayerSpace","onDown","sel","l","onRotateHandle","c","layerCenter","pushHistory","corner","onResizeHandle","isLeft","rotatePoint","hit","selectLayer","placeholderWidth","clampBoxWidth","clampTextSize","setMode","openTextEditor","onMove","renderOverlay","rot","rightEdge","anchor","MIN_LEN","ang","MIN_SIZE","moved","center","angle","rotation","swept","deg","paintLayer","rr","maxH","onUp","render","emitChange","id","normRect","onDbl"],"mappings":"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"}
+{"version":3,"file":"index163.es.js","sources":["../src/components/organisms/image-editor/engine/pointer.js"],"sourcesContent":["import { pushHistory } from './history.js'\nimport { emitChange } from './state.js'\nimport {\n  render,\n  renderOverlay,\n  paintLayer,\n  layerBounds,\n  onResizeHandle,\n  normRect,\n  clampTextSize,\n  clampBoxWidth,\n  onRotateHandle,\n  layerCenter,\n  rotatePoint,\n  toLayerSpace,\n  DIRECTIONAL_SHAPES,\n} from './rendering.js'\nimport { setMode, selectLayer } from './mode.js'\nimport { openTextEditor } from './text-editor.js'\n\nexport function toSource(state, e) {\n  // While actively dragging, use the rect captured at pointerdown instead of\n  // re-querying live — on mobile the browser's address-bar/toolbar chrome\n  // can collapse mid-gesture (typically ~1s in) and reflow the canvas out\n  // from under the drag. Since this is (pointer position - element origin),\n  // a rect that shifts mid-drag snaps the result toward 0 (leftmost/\n  // smallest), which is exactly what re-querying every move would do.\n  const r =\n    state.dragMode && state.dragRect\n      ? state.dragRect\n      : state.overlayEl.getBoundingClientRect()\n  const x = ((e.clientX - r.left) / r.width) * state.sourceCanvas.width\n  const y = ((e.clientY - r.top) / r.height) * state.sourceCanvas.height\n  return {\n    x: Math.min(Math.max(x, 0), state.sourceCanvas.width),\n    y: Math.min(Math.max(y, 0), state.sourceCanvas.height),\n  }\n}\n\nfunction rotatedAABB(b, rotationDeg) {\n  if (!rotationDeg) return b\n  const rad = (rotationDeg * Math.PI) / 180\n  const cos = Math.abs(Math.cos(rad)),\n    sin = Math.abs(Math.sin(rad))\n  const w = b.w * cos + b.h * sin,\n    h = b.w * sin + b.h * cos\n  const cx = b.x + b.w / 2,\n    cy = b.y + b.h / 2\n  return { x: cx - w / 2, y: cy - h / 2, w, h }\n}\n\nfunction strokeMargin(L) {\n  if (L.type !== 'shape') return 0\n  const alwaysStroked = DIRECTIONAL_SHAPES.includes(L.shape)\n  return alwaysStroked || L.fill !== 'fill' ? (L.width || 0) / 2 : 0\n}\n\nfunction clampLayerToCanvas(state, L) {\n  const rotated = rotatedAABB(layerBounds(state, L), L.rotation)\n  const margin = strokeMargin(L)\n  const b = {\n    x: rotated.x - margin,\n    y: rotated.y - margin,\n    w: rotated.w + margin * 2,\n    h: rotated.h + margin * 2,\n  }\n  const dx = Math.min(Math.max(b.x, 0), state.sourceCanvas.width - b.w) - b.x\n  const dy = Math.min(Math.max(b.y, 0), state.sourceCanvas.height - b.h) - b.y\n  if (!dx && !dy) return\n  if (L.type === 'stroke') {\n    L.points = L.points.map((pt) => ({ x: pt.x + dx, y: pt.y + dy }))\n  } else {\n    L.x += dx\n    L.y += dy\n  }\n}\n\nexport function hitLayer(state, p) {\n  const { layers } = state\n  for (let i = layers.length - 1; i >= 0; i--) {\n    const b = layerBounds(state, layers[i])\n    const q = toLayerSpace(state, layers[i], p)\n    if (\n      q.x >= b.x - 6 &&\n      q.x <= b.x + b.w + 6 &&\n      q.y >= b.y - 6 &&\n      q.y <= b.y + b.h + 6\n    )\n      return layers[i]\n  }\n  return null\n}\n\nexport function onDown(state, e) {\n  if (!state.sourceCanvas.width) return\n  if (state.dragMode) return\n  state.overlayEl.setPointerCapture(e.pointerId)\n  state.activePointerId = e.pointerId\n  state.dragRect = state.overlayEl.getBoundingClientRect()\n  const p = toSource(state, e)\n  if (state.mode === 'select') {\n    const sel =\n      state.selectedId != null\n        ? state.layers.find((l) => l.id === state.selectedId)\n        : null\n    if (sel && onRotateHandle(state, p, sel)) {\n      const c = layerCenter(state, sel)\n      state.dragMode = 'rotate'\n      state.rotateStart = {\n        center: c,\n        angle: Math.atan2(p.y - c.y, p.x - c.x),\n        rotation: sel.rotation || 0,\n      }\n      pushHistory(state)\n      return\n    }\n    const corner = sel ? onResizeHandle(state, p, sel) : null\n    if (corner) {\n      state.dragMode = 'resize'\n      state.resizeCorner = corner\n      state.dragStart = p\n      state.dragOrig = JSON.parse(JSON.stringify(sel))\n      if (sel.type === 'shape' && DIRECTIONAL_SHAPES.includes(sel.shape)) {\n        state.resizeAnchor =\n          corner === 'start'\n            ? { x: sel.x + sel.w, y: sel.y + sel.h }\n            : { x: sel.x, y: sel.y }\n      } else {\n        const b = layerBounds(state, sel)\n        const isLeft = corner === 'tl' || corner === 'bl'\n        state.resizeAnchor = {\n          x: isLeft ? b.x + b.w : b.x,\n          // Text keeps its top edge: its height follows the wrapping.\n          y:\n            sel.type === 'text'\n              ? b.y\n              : corner === 'tl' || corner === 'tr'\n                ? b.y + b.h\n                : b.y,\n        }\n      }\n      state.resizeCenter = layerCenter(state, sel)\n      state.resizeAnchorWorld = rotatePoint(\n        state.resizeAnchor,\n        state.resizeCenter,\n        sel.rotation || 0\n      )\n      pushHistory(state)\n      return\n    }\n    const hit = hitLayer(state, p)\n    if (hit) {\n      selectLayer(state, hit.id)\n      state.dragMode = 'move'\n      state.dragStart = p\n      state.dragOrig = JSON.parse(JSON.stringify(hit))\n      pushHistory(state)\n    } else selectLayer(state, null)\n  } else if (state.mode === 'text') {\n    pushHistory(state)\n    const L = {\n      id: state.nextId++,\n      type: 'text',\n      text: 'Text',\n      x: p.x,\n      y: p.y,\n      size: state.textSize,\n      font: state.textFont,\n      color: state.textColor,\n      rotation: 0,\n      flipH: false,\n      flipV: false,\n      boxWidth: 10,\n    }\n    state.octx.font = `${L.size}px ${L.font}`\n    const placeholderWidth = state.octx.measureText(L.text).width\n    L.boxWidth = Math.round(Math.max(700, placeholderWidth + 40))\n    clampBoxWidth(state, L)\n    clampTextSize(state, L)\n    state.layers.push(L)\n    setMode(state, 'select')\n    selectLayer(state, L.id)\n    openTextEditor(state, L, true)\n  } else if (state.mode === 'draw') {\n    pushHistory(state)\n    state.pendingStroke = {\n      id: state.nextId++,\n      type: 'stroke',\n      color: state.drawColor,\n      width: state.brushSize,\n      style: state.brushStyle,\n      points: [p],\n    }\n    state.dragMode = 'draw'\n  } else if (state.mode === 'shape') {\n    pushHistory(state)\n    state.pendingShape = {\n      id: state.nextId++,\n      type: 'shape',\n      shape: state.selectedShapeType,\n      fill: state.shapeFill,\n      width: state.shapeWidth,\n      color: state.shapeColor,\n      x: p.x,\n      y: p.y,\n      w: 0,\n      h: 0,\n      rotation: 0,\n      flipH: false,\n      flipV: false,\n    }\n    state.dragMode = 'newshape'\n    state.dragStart = p\n  } else if (state.mode === 'crop') {\n    state.dragMode = 'crop'\n    state.cropStart = p\n    state.cropRect = { x: p.x, y: p.y, w: 0, h: 0 }\n  }\n}\n\nexport function onMove(state, e) {\n  if (\n    state.dragMode &&\n    state.activePointerId != null &&\n    e.pointerId !== state.activePointerId\n  ) {\n    return\n  }\n  if (!state.dragMode) {\n    if (state.mode === 'select') {\n      const p = toSource(state, e),\n        sel =\n          state.selectedId != null\n            ? state.layers.find((l) => l.id === state.selectedId)\n            : null\n      const corner = sel ? onResizeHandle(state, p, sel) : null\n      if (sel && onRotateHandle(state, p, sel)) {\n        state.overlayEl.style.cursor = 'grab'\n      } else if (corner === 'start' || corner === 'end') {\n        state.overlayEl.style.cursor =\n          sel.w >= 0 === sel.h >= 0 ? 'nwse-resize' : 'nesw-resize'\n      } else if (corner) {\n        state.overlayEl.style.cursor =\n          corner === 'tl' || corner === 'br' ? 'nwse-resize' : 'nesw-resize'\n      } else if (sel && hitLayer(state, p) === sel) {\n        state.overlayEl.style.cursor = 'move'\n      } else if (hitLayer(state, p)) {\n        state.overlayEl.style.cursor = 'pointer'\n      } else {\n        state.overlayEl.style.cursor = 'default'\n      }\n    }\n    return\n  }\n  const p = toSource(state, e)\n  if (state.dragMode === 'move') {\n    const dx = p.x - state.dragStart.x,\n      dy = p.y - state.dragStart.y,\n      L = state.layers.find((l) => l.id === state.selectedId)\n    if (L.type === 'text' || L.type === 'shape' || L.type === 'sticker') {\n      L.x = state.dragOrig.x + dx\n      L.y = state.dragOrig.y + dy\n    } else if (L.type === 'stroke') {\n      L.points = state.dragOrig.points.map((pt) => ({\n        x: pt.x + dx,\n        y: pt.y + dy,\n      }))\n    }\n    clampLayerToCanvas(state, L)\n    renderOverlay(state)\n  } else if (state.dragMode === 'resize') {\n    const L = state.layers.find((l) => l.id === state.selectedId)\n    const rot = L.rotation || 0\n    // Resize along the layer's own axes, so a tilted box grows the way it looks.\n    const q = rot ? rotatePoint(p, state.resizeCenter, -rot) : p\n    if (L.type === 'text') {\n      const isLeft = state.resizeCorner === 'tl' || state.resizeCorner === 'bl'\n      // Absolute from drag start, so the fix-up below cannot accumulate.\n      L.y = state.dragOrig.y\n      L.size = state.dragOrig.size\n      if (isLeft) {\n        const rightEdge = state.dragOrig.x + state.dragOrig.boxWidth\n        L.boxWidth = Math.max(20, rightEdge - q.x)\n        L.x = rightEdge - L.boxWidth\n      } else {\n        L.x = state.dragOrig.x\n        L.boxWidth = Math.max(20, q.x - state.dragOrig.x)\n      }\n      clampBoxWidth(state, L)\n      clampTextSize(state, L)\n      state.notify()\n    } else if (L.type === 'shape' && DIRECTIONAL_SHAPES.includes(L.shape)) {\n      const anchor = state.resizeAnchor\n      const MIN_LEN = 8\n      let w = q.x - anchor.x\n      let h = q.y - anchor.y\n      if (Math.hypot(w, h) < MIN_LEN) {\n        const ang = Math.atan2(h || 1, w || 1)\n        w = MIN_LEN * Math.cos(ang)\n        h = MIN_LEN * Math.sin(ang)\n      }\n      if (state.resizeCorner === 'start') {\n        L.x = anchor.x + w\n        L.y = anchor.y + h\n        L.w = -w\n        L.h = -h\n      } else {\n        L.x = anchor.x\n        L.y = anchor.y\n        L.w = w\n        L.h = h\n      }\n    } else if (L.type === 'shape' || L.type === 'sticker') {\n      const anchor = state.resizeAnchor\n      const MIN_SIZE = 8\n      let w = q.x - anchor.x\n      let h = q.y - anchor.y\n      if (Math.abs(w) < MIN_SIZE) {\n        w =\n          anchor.x + MIN_SIZE <= state.sourceCanvas.width ? MIN_SIZE : -MIN_SIZE\n      }\n      if (Math.abs(h) < MIN_SIZE) {\n        h =\n          anchor.y + MIN_SIZE <= state.sourceCanvas.height\n            ? MIN_SIZE\n            : -MIN_SIZE\n      }\n      L.x = Math.min(anchor.x, anchor.x + w)\n      L.y = Math.min(anchor.y, anchor.y + h)\n      L.w = Math.abs(w)\n      L.h = Math.abs(h)\n    }\n    // Resizing moves the centre it spins about; pin the anchor back down.\n    if (rot) {\n      const moved = rotatePoint(state.resizeAnchor, layerCenter(state, L), rot)\n      L.x += state.resizeAnchorWorld.x - moved.x\n      L.y += state.resizeAnchorWorld.y - moved.y\n    }\n    renderOverlay(state)\n  } else if (state.dragMode === 'rotate') {\n    const L = state.layers.find((l) => l.id === state.selectedId)\n    const { center, angle, rotation } = state.rotateStart\n    const swept = Math.atan2(p.y - center.y, p.x - center.x) - angle\n    const deg = rotation + (swept * 180) / Math.PI\n    L.rotation = ((deg % 360) + 360) % 360\n    renderOverlay(state)\n  } else if (state.dragMode === 'draw') {\n    state.pendingStroke.points.push(p)\n    state.octx.clearRect(0, 0, state.overlayEl.width, state.overlayEl.height)\n    state.layers.forEach((L) => paintLayer(state, state.octx, L))\n    paintLayer(state, state.octx, state.pendingStroke)\n  } else if (state.dragMode === 'newshape') {\n    state.pendingShape.w = p.x - state.dragStart.x\n    state.pendingShape.h = p.y - state.dragStart.y\n    renderOverlay(state)\n  } else if (state.dragMode === 'crop') {\n    let w = p.x - state.cropStart.x,\n      h = p.y - state.cropStart.y\n    if (state.cropRatio !== 'free') {\n      const rr = parseFloat(state.cropRatio)\n      h = (Math.sign(h || 1) * Math.abs(w)) / rr\n      const maxH =\n        h >= 0\n          ? state.sourceCanvas.height - state.cropStart.y\n          : state.cropStart.y\n      if (Math.abs(h) > maxH) {\n        h = Math.sign(h) * maxH\n        w = Math.sign(w || 1) * Math.abs(h) * rr\n      }\n    }\n    state.cropRect = { x: state.cropStart.x, y: state.cropStart.y, w, h }\n    renderOverlay(state)\n  }\n}\n\nexport function onUp(state, e) {\n  if (\n    e &&\n    state.dragMode &&\n    state.activePointerId != null &&\n    e.pointerId !== state.activePointerId\n  ) {\n    return\n  }\n  if (state.dragMode === 'draw' && state.pendingStroke) {\n    if (state.pendingStroke.points.length >= 1) {\n      state.layers.push(state.pendingStroke)\n      selectLayer(state, state.pendingStroke.id)\n    }\n    state.pendingStroke = null\n    render(state)\n    state.statusText = 'Stroke added'\n    emitChange(state)\n  } else if (state.dragMode === 'newshape' && state.pendingShape) {\n    if (\n      Math.abs(state.pendingShape.w) > 3 ||\n      Math.abs(state.pendingShape.h) > 3\n    ) {\n      state.layers.push(state.pendingShape)\n      const id = state.pendingShape.id\n      state.pendingShape = null\n      setMode(state, 'select')\n      selectLayer(state, id)\n      state.statusText = 'Shape added'\n      emitChange(state)\n    } else {\n      state.pendingShape = null\n      renderOverlay(state)\n      state.notify()\n    }\n  } else if (state.dragMode === 'crop') {\n    if (state.cropRect) state.cropRect = normRect(state.cropRect)\n    renderOverlay(state)\n    state.notify()\n  } else if (\n    state.dragMode === 'move' ||\n    state.dragMode === 'resize' ||\n    state.dragMode === 'rotate'\n  ) {\n    if (state.dragMode === 'rotate') {\n      const L = state.layers.find((l) => l.id === state.selectedId)\n      if (L) state.statusText = `Rotated to ${Math.round(L.rotation)}°`\n    }\n    render(state)\n    state.notify()\n  }\n  if (state.activePointerId != null) {\n    if (state.overlayEl.hasPointerCapture(state.activePointerId)) {\n      state.overlayEl.releasePointerCapture(state.activePointerId)\n    }\n    state.activePointerId = null\n  }\n  state.dragMode = null\n  state.dragStart = null\n  state.dragOrig = null\n  state.dragRect = null\n  state.resizeAnchor = null\n  state.resizeCenter = null\n  state.resizeAnchorWorld = null\n  state.rotateStart = null\n}\n\nexport function onDbl(state, e) {\n  if (state.mode !== 'select') return\n  const p = toSource(state, e),\n    hit = hitLayer(state, p)\n  if (hit && hit.type === 'text') {\n    selectLayer(state, hit.id)\n    openTextEditor(state, hit, false)\n  }\n}\n"],"names":["toSource","state","e","r","x","y","rotatedAABB","b","rotationDeg","rad","cos","sin","w","h","cx","cy","strokeMargin","L","DIRECTIONAL_SHAPES","clampLayerToCanvas","rotated","layerBounds","margin","dx","dy","pt","hitLayer","p","layers","i","q","toLayerSpace","onDown","sel","l","onRotateHandle","c","layerCenter","pushHistory","corner","onResizeHandle","isLeft","rotatePoint","hit","selectLayer","placeholderWidth","clampBoxWidth","clampTextSize","setMode","openTextEditor","onMove","renderOverlay","rot","rightEdge","anchor","MIN_LEN","ang","MIN_SIZE","moved","center","angle","rotation","swept","deg","paintLayer","rr","maxH","onUp","render","emitChange","id","normRect","onDbl"],"mappings":"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"}

package/dist/{index.es164.js → index164.es.js}

@@ -1,4 +1,4 @@
-import { applyZoom as m, renderOverlay as x } from "./index.es147.js";
+import { applyZoom as m, renderOverlay as x } from "./index150.es.js";
 function f(n) {
   const [r, i] = n;
   return { x: (r.x + i.x) / 2, y: (r.y + i.y) / 2 };
@@ -54,4 +54,4 @@ export {
   h as panPointerUp,
   I as resetPan
 };
-//# sourceMappingURL=index.es164.js.map
+//# sourceMappingURL=index164.es.js.map

package/dist/{index.es164.js.map → index164.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es164.js","sources":["../src/components/organisms/image-editor/engine/touch-pan.js"],"sourcesContent":["import { applyZoom, renderOverlay } from './rendering.js'\n\nfunction midpoint(points) {\n  const [a, b] = points\n  return { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 }\n}\n\nfunction distance(points) {\n  const [a, b] = points\n  return Math.hypot(a.x - b.x, a.y - b.y)\n}\n\nfunction cancelActiveDrag(state) {\n  if (!state.dragMode) return\n  state.pendingStroke = null\n  state.pendingShape = null\n  state.dragMode = null\n  if (\n    state.activePointerId != null &&\n    state.overlayEl?.hasPointerCapture?.(state.activePointerId)\n  ) {\n    state.overlayEl.releasePointerCapture(state.activePointerId)\n  }\n  state.activePointerId = null\n  renderOverlay(state)\n  state.notify()\n}\n\nfunction baseline(state) {\n  const points = [...state.panPointers.values()].slice(0, 2)\n  if (points.length !== 2) return null\n  const mid = midpoint(points)\n  return { x: mid.x, y: mid.y, distance: distance(points) }\n}\n\nfunction cancelFrame(state) {\n  if (state.panFrame == null) return\n  cancelAnimationFrame(state.panFrame)\n  state.panFrame = null\n}\n\nfunction applyGesture(state) {\n  const points = [...state.panPointers.values()].slice(0, 2)\n  if (points.length !== 2 || !state.panLast || !state.stageEl) return\n\n  const stage = state.stageEl\n  const mid = midpoint(points)\n  const dist = distance(points)\n  const rect = stage.getBoundingClientRect()\n  const localX = mid.x - rect.left\n  const localY = mid.y - rect.top\n\n  if (state.panLast.distance > 0 && dist > 0) {\n    const ratio = dist / state.panLast.distance\n    if (Math.abs(ratio - 1) > 0.005) {\n      const previousScale = state.viewScale\n      applyZoom(state, state.zoom * ratio)\n      const scaled = state.viewScale / previousScale\n      if (scaled !== 1) {\n        stage.scrollLeft = (stage.scrollLeft + localX) * scaled - localX\n        stage.scrollTop = (stage.scrollTop + localY) * scaled - localY\n      }\n    }\n  }\n\n  stage.scrollLeft -= mid.x - state.panLast.x\n  stage.scrollTop -= mid.y - state.panLast.y\n  state.panLast = { x: mid.x, y: mid.y, distance: dist }\n}\n\nexport function panPointerDown(state, e) {\n  if (e.pointerType === 'mouse') return false\n  state.panPointers ??= new Map()\n  state.panPointers.set(e.pointerId, { x: e.clientX, y: e.clientY })\n  if (!state.stageEl || state.panPointers.size < 2) return false\n\n  cancelActiveDrag(state)\n  state.panLast = baseline(state)\n  return true\n}\n\nexport function panPointerMove(state, e) {\n  if (!state.panPointers?.has(e.pointerId)) return false\n  state.panPointers.set(e.pointerId, { x: e.clientX, y: e.clientY })\n  if (state.panPointers.size < 2 || !state.panLast || !state.stageEl) {\n    return false\n  }\n\n  if (state.panFrame == null) {\n    state.panFrame = requestAnimationFrame(() => {\n      state.panFrame = null\n      applyGesture(state)\n    })\n  }\n  return true\n}\n\nexport function panPointerUp(state, e) {\n  if (!state.panPointers) return\n  if (state.panFrame != null) {\n    cancelFrame(state)\n    applyGesture(state)\n  }\n  state.panPointers.delete(e.pointerId)\n  state.panLast = state.panPointers.size >= 2 ? baseline(state) : null\n}\n\nexport function resetPan(state) {\n  cancelFrame(state)\n  state.panPointers?.clear()\n  state.panLast = null\n}\n"],"names":["midpoint","points","a","b","distance","cancelActiveDrag","state","renderOverlay","baseline","mid","cancelFrame","applyGesture","stage","dist","rect","localX","localY","ratio","previousScale","applyZoom","scaled","panPointerDown","e","panPointerMove","panPointerUp","resetPan"],"mappings":";AAEA,SAASA,EAASC,GAAQ;AACxB,QAAM,CAACC,GAAGC,CAAC,IAAIF;AACf,SAAO,EAAE,IAAIC,EAAE,IAAIC,EAAE,KAAK,GAAG,IAAID,EAAE,IAAIC,EAAE,KAAK,EAAC;AACjD;AAEA,SAASC,EAASH,GAAQ;AACxB,QAAM,CAACC,GAAGC,CAAC,IAAIF;AACf,SAAO,KAAK,MAAMC,EAAE,IAAIC,EAAE,GAAGD,EAAE,IAAIC,EAAE,CAAC;AACxC;AAEA,SAASE,EAAiBC,GAAO;AAC/B,EAAKA,EAAM,aACXA,EAAM,gBAAgB,MACtBA,EAAM,eAAe,MACrBA,EAAM,WAAW,MAEfA,EAAM,mBAAmB,QACzBA,EAAM,WAAW,oBAAoBA,EAAM,eAAe,KAE1DA,EAAM,UAAU,sBAAsBA,EAAM,eAAe,GAE7DA,EAAM,kBAAkB,MACxBC,EAAcD,CAAK,GACnBA,EAAM,OAAM;AACd;AAEA,SAASE,EAASF,GAAO;AACvB,QAAML,IAAS,CAAC,GAAGK,EAAM,YAAY,QAAQ,EAAE,MAAM,GAAG,CAAC;AACzD,MAAIL,EAAO,WAAW,EAAG,QAAO;AAChC,QAAMQ,IAAMT,EAASC,CAAM;AAC3B,SAAO,EAAE,GAAGQ,EAAI,GAAG,GAAGA,EAAI,GAAG,UAAUL,EAASH,CAAM,EAAC;AACzD;AAEA,SAASS,EAAYJ,GAAO;AAC1B,EAAIA,EAAM,YAAY,SACtB,qBAAqBA,EAAM,QAAQ,GACnCA,EAAM,WAAW;AACnB;AAEA,SAASK,EAAaL,GAAO;AAC3B,QAAML,IAAS,CAAC,GAAGK,EAAM,YAAY,QAAQ,EAAE,MAAM,GAAG,CAAC;AACzD,MAAIL,EAAO,WAAW,KAAK,CAACK,EAAM,WAAW,CAACA,EAAM,QAAS;AAE7D,QAAMM,IAAQN,EAAM,SACdG,IAAMT,EAASC,CAAM,GACrBY,IAAOT,EAASH,CAAM,GACtBa,IAAOF,EAAM,sBAAqB,GAClCG,IAASN,EAAI,IAAIK,EAAK,MACtBE,IAASP,EAAI,IAAIK,EAAK;AAE5B,MAAIR,EAAM,QAAQ,WAAW,KAAKO,IAAO,GAAG;AAC1C,UAAMI,IAAQJ,IAAOP,EAAM,QAAQ;AACnC,QAAI,KAAK,IAAIW,IAAQ,CAAC,IAAI,MAAO;AAC/B,YAAMC,IAAgBZ,EAAM;AAC5B,MAAAa,EAAUb,GAAOA,EAAM,OAAOW,CAAK;AACnC,YAAMG,IAASd,EAAM,YAAYY;AACjC,MAAIE,MAAW,MACbR,EAAM,cAAcA,EAAM,aAAaG,KAAUK,IAASL,GAC1DH,EAAM,aAAaA,EAAM,YAAYI,KAAUI,IAASJ;AAAA,IAE5D;AAAA,EACF;AAEA,EAAAJ,EAAM,cAAcH,EAAI,IAAIH,EAAM,QAAQ,GAC1CM,EAAM,aAAaH,EAAI,IAAIH,EAAM,QAAQ,GACzCA,EAAM,UAAU,EAAE,GAAGG,EAAI,GAAG,GAAGA,EAAI,GAAG,UAAUI,EAAI;AACtD;AAEO,SAASQ,EAAef,GAAOgB,GAAG;AAIvC,SAHIA,EAAE,gBAAgB,YACtBhB,EAAM,gBAAgB,oBAAI,IAAG,GAC7BA,EAAM,YAAY,IAAIgB,EAAE,WAAW,EAAE,GAAGA,EAAE,SAAS,GAAGA,EAAE,QAAO,CAAE,GAC7D,CAAChB,EAAM,WAAWA,EAAM,YAAY,OAAO,KAAU,MAEzDD,EAAiBC,CAAK,GACtBA,EAAM,UAAUE,EAASF,CAAK,GACvB;AACT;AAEO,SAASiB,EAAejB,GAAOgB,GAAG;AAGvC,SAFI,CAAChB,EAAM,aAAa,IAAIgB,EAAE,SAAS,MACvChB,EAAM,YAAY,IAAIgB,EAAE,WAAW,EAAE,GAAGA,EAAE,SAAS,GAAGA,EAAE,QAAO,CAAE,GAC7DhB,EAAM,YAAY,OAAO,KAAK,CAACA,EAAM,WAAW,CAACA,EAAM,WAClD,MAGLA,EAAM,YAAY,SACpBA,EAAM,WAAW,sBAAsB,MAAM;AAC3C,IAAAA,EAAM,WAAW,MACjBK,EAAaL,CAAK;AAAA,EACpB,CAAC,IAEI;AACT;AAEO,SAASkB,EAAalB,GAAOgB,GAAG;AACrC,EAAKhB,EAAM,gBACPA,EAAM,YAAY,SACpBI,EAAYJ,CAAK,GACjBK,EAAaL,CAAK,IAEpBA,EAAM,YAAY,OAAOgB,EAAE,SAAS,GACpChB,EAAM,UAAUA,EAAM,YAAY,QAAQ,IAAIE,EAASF,CAAK,IAAI;AAClE;AAEO,SAASmB,EAASnB,GAAO;AAC9B,EAAAI,EAAYJ,CAAK,GACjBA,EAAM,aAAa,MAAK,GACxBA,EAAM,UAAU;AAClB;"}
+{"version":3,"file":"index164.es.js","sources":["../src/components/organisms/image-editor/engine/touch-pan.js"],"sourcesContent":["import { applyZoom, renderOverlay } from './rendering.js'\n\nfunction midpoint(points) {\n  const [a, b] = points\n  return { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 }\n}\n\nfunction distance(points) {\n  const [a, b] = points\n  return Math.hypot(a.x - b.x, a.y - b.y)\n}\n\nfunction cancelActiveDrag(state) {\n  if (!state.dragMode) return\n  state.pendingStroke = null\n  state.pendingShape = null\n  state.dragMode = null\n  if (\n    state.activePointerId != null &&\n    state.overlayEl?.hasPointerCapture?.(state.activePointerId)\n  ) {\n    state.overlayEl.releasePointerCapture(state.activePointerId)\n  }\n  state.activePointerId = null\n  renderOverlay(state)\n  state.notify()\n}\n\nfunction baseline(state) {\n  const points = [...state.panPointers.values()].slice(0, 2)\n  if (points.length !== 2) return null\n  const mid = midpoint(points)\n  return { x: mid.x, y: mid.y, distance: distance(points) }\n}\n\nfunction cancelFrame(state) {\n  if (state.panFrame == null) return\n  cancelAnimationFrame(state.panFrame)\n  state.panFrame = null\n}\n\nfunction applyGesture(state) {\n  const points = [...state.panPointers.values()].slice(0, 2)\n  if (points.length !== 2 || !state.panLast || !state.stageEl) return\n\n  const stage = state.stageEl\n  const mid = midpoint(points)\n  const dist = distance(points)\n  const rect = stage.getBoundingClientRect()\n  const localX = mid.x - rect.left\n  const localY = mid.y - rect.top\n\n  if (state.panLast.distance > 0 && dist > 0) {\n    const ratio = dist / state.panLast.distance\n    if (Math.abs(ratio - 1) > 0.005) {\n      const previousScale = state.viewScale\n      applyZoom(state, state.zoom * ratio)\n      const scaled = state.viewScale / previousScale\n      if (scaled !== 1) {\n        stage.scrollLeft = (stage.scrollLeft + localX) * scaled - localX\n        stage.scrollTop = (stage.scrollTop + localY) * scaled - localY\n      }\n    }\n  }\n\n  stage.scrollLeft -= mid.x - state.panLast.x\n  stage.scrollTop -= mid.y - state.panLast.y\n  state.panLast = { x: mid.x, y: mid.y, distance: dist }\n}\n\nexport function panPointerDown(state, e) {\n  if (e.pointerType === 'mouse') return false\n  state.panPointers ??= new Map()\n  state.panPointers.set(e.pointerId, { x: e.clientX, y: e.clientY })\n  if (!state.stageEl || state.panPointers.size < 2) return false\n\n  cancelActiveDrag(state)\n  state.panLast = baseline(state)\n  return true\n}\n\nexport function panPointerMove(state, e) {\n  if (!state.panPointers?.has(e.pointerId)) return false\n  state.panPointers.set(e.pointerId, { x: e.clientX, y: e.clientY })\n  if (state.panPointers.size < 2 || !state.panLast || !state.stageEl) {\n    return false\n  }\n\n  if (state.panFrame == null) {\n    state.panFrame = requestAnimationFrame(() => {\n      state.panFrame = null\n      applyGesture(state)\n    })\n  }\n  return true\n}\n\nexport function panPointerUp(state, e) {\n  if (!state.panPointers) return\n  if (state.panFrame != null) {\n    cancelFrame(state)\n    applyGesture(state)\n  }\n  state.panPointers.delete(e.pointerId)\n  state.panLast = state.panPointers.size >= 2 ? baseline(state) : null\n}\n\nexport function resetPan(state) {\n  cancelFrame(state)\n  state.panPointers?.clear()\n  state.panLast = null\n}\n"],"names":["midpoint","points","a","b","distance","cancelActiveDrag","state","renderOverlay","baseline","mid","cancelFrame","applyGesture","stage","dist","rect","localX","localY","ratio","previousScale","applyZoom","scaled","panPointerDown","e","panPointerMove","panPointerUp","resetPan"],"mappings":"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"}

package/dist/{index.es165.js → index165.es.js}

@@ -1,6 +1,6 @@
 import { X as s, Type as n, Sticker as c, Shapes as m } from "lucide-react";
 import e from "react";
-import { cn as i } from "./index.es89.js";
+import { cn as i } from "./index89.es.js";
 function o(t) {
   return t === "text" ? /* @__PURE__ */ e.createElement(n, { className: "h-3.5 w-3.5 shrink-0 text-light-4" }) : t === "sticker" ? /* @__PURE__ */ e.createElement(c, { className: "h-3.5 w-3.5 shrink-0 text-light-4" }) : /* @__PURE__ */ e.createElement(m, { className: "h-3.5 w-3.5 shrink-0 text-light-4" });
 }
@@ -36,4 +36,4 @@ function h({ ui: t, engine: a }) {
 export {
   h as LayersList
 };
-//# sourceMappingURL=index.es165.js.map
+//# sourceMappingURL=index165.es.js.map

package/dist/{index.es165.js.map → index165.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es165.js","sources":["../src/components/organisms/image-editor/components/layers-list.tsx"],"sourcesContent":["import { Shapes, Sticker, Type, X } from 'lucide-react'\nimport React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nimport { ImageEditorEngine, ImageEditorUiState } from '../image-editor.types'\n\ninterface LayersListProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nfunction layerIcon(type: string) {\n  if (type === 'text')\n    return <Type className=\"h-3.5 w-3.5 shrink-0 text-light-4\" />\n  if (type === 'sticker')\n    return <Sticker className=\"h-3.5 w-3.5 shrink-0 text-light-4\" />\n  return <Shapes className=\"h-3.5 w-3.5 shrink-0 text-light-4\" />\n}\n\nexport function LayersList({ ui, engine }: LayersListProps) {\n  return (\n    <div>\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n      <div className=\"mb-2 flex items-center justify-between text-xs text-light-4\">\n        <span>Layers</span>\n        <span>{ui.layers.length || ''}</span>\n      </div>\n      {!ui.layers.length ? (\n        <p className=\"text-xs italic text-light-4\">\n          No layers yet. Use Text, Draw, or Shape.\n        </p>\n      ) : (\n        <div className=\"flex flex-col gap-1.5\">\n          {[...ui.layers].reverse().map((l) => (\n            <div\n              key={l.id}\n              className={cn(\n                'flex items-center gap-2 rounded-lg border border-neutral-1 bg-white px-2.5 py-1.5 text-xs cursor-pointer',\n                ui.selected?.id === l.id && 'border-rest-p1 ring-1 ring-rest-p1'\n              )}\n              onClick={() => {\n                if (ui.mode !== 'select') engine.setMode('select')\n                engine.selectLayer(l.id)\n              }}\n            >\n              {layerIcon(l.type)}\n              <span className=\"flex-1 truncate\">{l.name}</span>\n              <button\n                type=\"button\"\n                title=\"Delete\"\n                onClick={(e) => {\n                  e.stopPropagation()\n                  engine.deleteLayer(l.id)\n                }}\n                className=\"text-light-4 hover:text-danger-1\"\n              >\n                <X className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["layerIcon","type","React","Type","Sticker","Shapes","LayersList","ui","engine","l","cn","e","X"],"mappings":";;;AAYA,SAASA,EAAUC,GAAc;AAC/B,SAAIA,MAAS,SACJC,gBAAAA,EAAA,cAACC,GAAA,EAAK,WAAU,oCAAA,CAAoC,IACzDF,MAAS,YACJC,gBAAAA,EAAA,cAACE,GAAA,EAAQ,WAAU,oCAAA,CAAoC,IACzDF,gBAAAA,EAAA,cAACG,GAAA,EAAO,WAAU,oCAAA,CAAoC;AAC/D;AAEO,SAASC,EAAW,EAAE,IAAAC,GAAI,QAAAC,KAA2B;AAC1D,SACEN,gBAAAA,EAAA,cAAC,aACCA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2BAAA,CAA2B,mCACzC,OAAA,EAAI,WAAU,iEACbA,gBAAAA,EAAA,cAAC,QAAA,MAAK,QAAM,GACZA,gBAAAA,EAAA,cAAC,cAAMK,EAAG,OAAO,UAAU,EAAG,CAChC,GACEA,EAAG,OAAO,SAKVL,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,wBAAA,GACZ,CAAC,GAAGK,EAAG,MAAM,EAAE,QAAA,EAAU,IAAI,CAACE,MAC7BP,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKO,EAAE;AAAA,MACP,WAAWC;AAAA,QACT;AAAA,QACAH,EAAG,UAAU,OAAOE,EAAE,MAAM;AAAA,MAAA;AAAA,MAE9B,SAAS,MAAM;AACb,QAAIF,EAAG,SAAS,YAAUC,EAAO,QAAQ,QAAQ,GACjDA,EAAO,YAAYC,EAAE,EAAE;AAAA,MACzB;AAAA,IAAA;AAAA,IAECT,EAAUS,EAAE,IAAI;AAAA,IACjBP,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,kBAAA,GAAmBO,EAAE,IAAK;AAAA,IAC1CP,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS,CAACS,MAAM;AACd,UAAAA,EAAE,gBAAA,GACFH,EAAO,YAAYC,EAAE,EAAE;AAAA,QACzB;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,MAEVP,gBAAAA,EAAA,cAACU,GAAA,EAAE,WAAU,cAAA,CAAc;AAAA,IAAA;AAAA,EAC7B,CAEH,CACH,IAhCAV,gBAAAA,EAAA,cAAC,KAAA,EAAE,WAAU,8BAAA,GAA8B,0CAE3C,CAgCJ;AAEJ;"}
+{"version":3,"file":"index165.es.js","sources":["../src/components/organisms/image-editor/components/layers-list.tsx"],"sourcesContent":["import { Shapes, Sticker, Type, X } from 'lucide-react'\nimport React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nimport { ImageEditorEngine, ImageEditorUiState } from '../image-editor.types'\n\ninterface LayersListProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nfunction layerIcon(type: string) {\n  if (type === 'text')\n    return <Type className=\"h-3.5 w-3.5 shrink-0 text-light-4\" />\n  if (type === 'sticker')\n    return <Sticker className=\"h-3.5 w-3.5 shrink-0 text-light-4\" />\n  return <Shapes className=\"h-3.5 w-3.5 shrink-0 text-light-4\" />\n}\n\nexport function LayersList({ ui, engine }: LayersListProps) {\n  return (\n    <div>\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n      <div className=\"mb-2 flex items-center justify-between text-xs text-light-4\">\n        <span>Layers</span>\n        <span>{ui.layers.length || ''}</span>\n      </div>\n      {!ui.layers.length ? (\n        <p className=\"text-xs italic text-light-4\">\n          No layers yet. Use Text, Draw, or Shape.\n        </p>\n      ) : (\n        <div className=\"flex flex-col gap-1.5\">\n          {[...ui.layers].reverse().map((l) => (\n            <div\n              key={l.id}\n              className={cn(\n                'flex items-center gap-2 rounded-lg border border-neutral-1 bg-white px-2.5 py-1.5 text-xs cursor-pointer',\n                ui.selected?.id === l.id && 'border-rest-p1 ring-1 ring-rest-p1'\n              )}\n              onClick={() => {\n                if (ui.mode !== 'select') engine.setMode('select')\n                engine.selectLayer(l.id)\n              }}\n            >\n              {layerIcon(l.type)}\n              <span className=\"flex-1 truncate\">{l.name}</span>\n              <button\n                type=\"button\"\n                title=\"Delete\"\n                onClick={(e) => {\n                  e.stopPropagation()\n                  engine.deleteLayer(l.id)\n                }}\n                className=\"text-light-4 hover:text-danger-1\"\n              >\n                <X className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["layerIcon","type","React","Type","Sticker","Shapes","LayersList","ui","engine","l","cn","e","X"],"mappings":";;;AAYA,SAASA,EAAUC,GAAc;AAC/B,SAAIA,MAAS,SACJC,gBAAAA,EAAA,cAACC,GAAA,EAAK,WAAU,oCAAA,CAAoC,IACzDF,MAAS,YACJC,gBAAAA,EAAA,cAACE,GAAA,EAAQ,WAAU,oCAAA,CAAoC,IACzDF,gBAAAA,EAAA,cAACG,GAAA,EAAO,WAAU,oCAAA,CAAoC;AAC/D;AAEO,SAASC,EAAW,EAAE,IAAAC,GAAI,QAAAC,KAA2B;AAC1D,SACEN,gBAAAA,EAAA,cAAC,aACCA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2BAAA,CAA2B,mCACzC,OAAA,EAAI,WAAU,iEACbA,gBAAAA,EAAA,cAAC,QAAA,MAAK,QAAM,GACZA,gBAAAA,EAAA,cAAC,cAAMK,EAAG,OAAO,UAAU,EAAG,CAChC,GACEA,EAAG,OAAO,SAKVL,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,wBAAA,GACZ,CAAC,GAAGK,EAAG,MAAM,EAAE,QAAA,EAAU,IAAI,CAACE,MAC7BP,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKO,EAAE;AAAA,MACP,WAAWC;AAAA,QACT;AAAA,QACAH,EAAG,UAAU,OAAOE,EAAE,MAAM;AAAA,MAAA;AAAA,MAE9B,SAAS,MAAM;AACb,QAAIF,EAAG,SAAS,YAAUC,EAAO,QAAQ,QAAQ,GACjDA,EAAO,YAAYC,EAAE,EAAE;AAAA,MACzB;AAAA,IAAA;AAAA,IAECT,EAAUS,EAAE,IAAI;AAAA,IACjBP,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,kBAAA,GAAmBO,EAAE,IAAK;AAAA,IAC1CP,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS,CAACS,MAAM;AACd,UAAAA,EAAE,gBAAA,GACFH,EAAO,YAAYC,EAAE,EAAE;AAAA,QACzB;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,MAEVP,gBAAAA,EAAA,cAACU,GAAA,EAAE,WAAU,cAAA,CAAc;AAAA,IAAA;AAAA,EAC7B,CAEH,CACH,IAhCAV,gBAAAA,EAAA,cAAC,KAAA,EAAE,WAAU,8BAAA,GAA8B,0CAE3C,CAgCJ;AAEJ;"}

package/dist/{index.es166.js → index166.es.js}

@@ -1,7 +1,7 @@
 import t from "react";
-import { Slider as i } from "./index.es30.js";
-import { SwatchGrid as n } from "./index.es38.js";
-import { FILTERS as r } from "./index.es145.js";
+import { Slider as i } from "./index30.es.js";
+import { SwatchGrid as n } from "./index38.es.js";
+import { FILTERS as r } from "./index148.es.js";
 const s = [
   { key: "brightness", label: "Brightness", suffix: "%", min: 0, max: 200 },
   { key: "contrast", label: "Contrast", suffix: "%", min: 0, max: 200 },
@@ -33,4 +33,4 @@ function o({ adjustments: a, engine: l }) {
 export {
   o as PanelAdjust
 };
-//# sourceMappingURL=index.es166.js.map
+//# sourceMappingURL=index166.es.js.map

package/dist/{index.es166.js.map → index166.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es166.js","sources":["../src/components/organisms/image-editor/components/panel-adjust.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Slider } from '@/components/molecules/slider'\nimport { SwatchGrid } from '@/components/molecules/swatch-grid'\n\nimport {\n  ImageEditorAdjustments,\n  ImageEditorEngine,\n} from '../image-editor.types'\nimport { FILTERS } from '../picture-studio-engine'\n\nconst SLIDERS: {\n  key: Exclude<keyof ImageEditorAdjustments, 'filter'>\n  label: string\n  suffix: string\n  min: number\n  max: number\n}[] = [\n  { key: 'brightness', label: 'Brightness', suffix: '%', min: 0, max: 200 },\n  { key: 'contrast', label: 'Contrast', suffix: '%', min: 0, max: 200 },\n  { key: 'saturate', label: 'Saturation', suffix: '%', min: 0, max: 200 },\n  { key: 'sepia', label: 'Warmth', suffix: '%', min: 0, max: 100 },\n  { key: 'blur', label: 'Blur', suffix: 'px', min: 0, max: 12 },\n  { key: 'hue', label: 'Hue', suffix: '°', min: 0, max: 360 },\n]\n\ninterface PanelAdjustProps {\n  adjustments: ImageEditorAdjustments\n  engine: ImageEditorEngine\n}\n\nexport function PanelAdjust({ adjustments, engine }: PanelAdjustProps) {\n  return (\n    <div>\n      {SLIDERS.map((s) => (\n        <div key={s.key} className=\"mb-3\">\n          <div className=\"mb-1 flex justify-between text-xs\">\n            <span>{s.label}</span>\n            <span className=\"tabular-nums text-light-4\">\n              {adjustments[s.key]}\n              {s.suffix}\n            </span>\n          </div>\n          <Slider\n            min={s.min}\n            max={s.max}\n            step={1}\n            value={[adjustments[s.key]]}\n            onValueChange={([v]) => engine.setAdjustment(s.key, v)}\n          />\n        </div>\n      ))}\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n      <span className=\"mb-2 block text-xs text-light-4\">Artistic filters</span>\n      <SwatchGrid\n        columns={2}\n        value={adjustments.filter}\n        onSelect={(id) => engine.setFilter(id)}\n        items={FILTERS.map((f) => ({ value: f.id, label: f.name }))}\n      />\n    </div>\n  )\n}\n"],"names":["SLIDERS","PanelAdjust","adjustments","engine","React","s","Slider","v","SwatchGrid","id","FILTERS","f"],"mappings":";;;;AAWA,MAAMA,IAMA;AAAA,EACJ,EAAE,KAAK,cAAc,OAAO,cAAc,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EACpE,EAAE,KAAK,YAAY,OAAO,YAAY,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EAChE,EAAE,KAAK,YAAY,OAAO,cAAc,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EAClE,EAAE,KAAK,SAAS,OAAO,UAAU,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EAC3D,EAAE,KAAK,QAAQ,OAAO,QAAQ,QAAQ,MAAM,KAAK,GAAG,KAAK,GAAA;AAAA,EACzD,EAAE,KAAK,OAAO,OAAO,OAAO,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AACxD;AAOO,SAASC,EAAY,EAAE,aAAAC,GAAa,QAAAC,KAA4B;AACrE,SACEC,gBAAAA,EAAA,cAAC,OAAA,MACEJ,EAAQ,IAAI,CAACK,MACZD,gBAAAA,EAAA,cAAC,OAAA,EAAI,KAAKC,EAAE,KAAK,WAAU,OAAA,mCACxB,OAAA,EAAI,WAAU,oCAAA,GACbD,gBAAAA,EAAA,cAAC,QAAA,MAAMC,EAAE,KAAM,mCACd,QAAA,EAAK,WAAU,4BAAA,GACbH,EAAYG,EAAE,GAAG,GACjBA,EAAE,MACL,CACF,GACAD,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAKD,EAAE;AAAA,MACP,KAAKA,EAAE;AAAA,MACP,MAAM;AAAA,MACN,OAAO,CAACH,EAAYG,EAAE,GAAG,CAAC;AAAA,MAC1B,eAAe,CAAC,CAACE,CAAC,MAAMJ,EAAO,cAAcE,EAAE,KAAKE,CAAC;AAAA,IAAA;AAAA,EAAA,CAEzD,CACD,GACDH,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,4BAA2B,GAC1CA,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,kCAAA,GAAkC,kBAAgB,GAClEA,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAON,EAAY;AAAA,MACnB,UAAU,CAACO,MAAON,EAAO,UAAUM,CAAE;AAAA,MACrC,OAAOC,EAAQ,IAAI,CAACC,OAAO,EAAE,OAAOA,EAAE,IAAI,OAAOA,EAAE,KAAA,EAAO;AAAA,IAAA;AAAA,EAAA,CAE9D;AAEJ;"}
+{"version":3,"file":"index166.es.js","sources":["../src/components/organisms/image-editor/components/panel-adjust.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Slider } from '@/components/molecules/slider'\nimport { SwatchGrid } from '@/components/molecules/swatch-grid'\n\nimport {\n  ImageEditorAdjustments,\n  ImageEditorEngine,\n} from '../image-editor.types'\nimport { FILTERS } from '../picture-studio-engine'\n\nconst SLIDERS: {\n  key: Exclude<keyof ImageEditorAdjustments, 'filter'>\n  label: string\n  suffix: string\n  min: number\n  max: number\n}[] = [\n  { key: 'brightness', label: 'Brightness', suffix: '%', min: 0, max: 200 },\n  { key: 'contrast', label: 'Contrast', suffix: '%', min: 0, max: 200 },\n  { key: 'saturate', label: 'Saturation', suffix: '%', min: 0, max: 200 },\n  { key: 'sepia', label: 'Warmth', suffix: '%', min: 0, max: 100 },\n  { key: 'blur', label: 'Blur', suffix: 'px', min: 0, max: 12 },\n  { key: 'hue', label: 'Hue', suffix: '°', min: 0, max: 360 },\n]\n\ninterface PanelAdjustProps {\n  adjustments: ImageEditorAdjustments\n  engine: ImageEditorEngine\n}\n\nexport function PanelAdjust({ adjustments, engine }: PanelAdjustProps) {\n  return (\n    <div>\n      {SLIDERS.map((s) => (\n        <div key={s.key} className=\"mb-3\">\n          <div className=\"mb-1 flex justify-between text-xs\">\n            <span>{s.label}</span>\n            <span className=\"tabular-nums text-light-4\">\n              {adjustments[s.key]}\n              {s.suffix}\n            </span>\n          </div>\n          <Slider\n            min={s.min}\n            max={s.max}\n            step={1}\n            value={[adjustments[s.key]]}\n            onValueChange={([v]) => engine.setAdjustment(s.key, v)}\n          />\n        </div>\n      ))}\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n      <span className=\"mb-2 block text-xs text-light-4\">Artistic filters</span>\n      <SwatchGrid\n        columns={2}\n        value={adjustments.filter}\n        onSelect={(id) => engine.setFilter(id)}\n        items={FILTERS.map((f) => ({ value: f.id, label: f.name }))}\n      />\n    </div>\n  )\n}\n"],"names":["SLIDERS","PanelAdjust","adjustments","engine","React","s","Slider","v","SwatchGrid","id","FILTERS","f"],"mappings":";;;;AAWA,MAAMA,IAMA;AAAA,EACJ,EAAE,KAAK,cAAc,OAAO,cAAc,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EACpE,EAAE,KAAK,YAAY,OAAO,YAAY,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EAChE,EAAE,KAAK,YAAY,OAAO,cAAc,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EAClE,EAAE,KAAK,SAAS,OAAO,UAAU,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EAC3D,EAAE,KAAK,QAAQ,OAAO,QAAQ,QAAQ,MAAM,KAAK,GAAG,KAAK,GAAA;AAAA,EACzD,EAAE,KAAK,OAAO,OAAO,OAAO,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AACxD;AAOO,SAASC,EAAY,EAAE,aAAAC,GAAa,QAAAC,KAA4B;AACrE,SACEC,gBAAAA,EAAA,cAAC,OAAA,MACEJ,EAAQ,IAAI,CAACK,MACZD,gBAAAA,EAAA,cAAC,OAAA,EAAI,KAAKC,EAAE,KAAK,WAAU,OAAA,mCACxB,OAAA,EAAI,WAAU,oCAAA,GACbD,gBAAAA,EAAA,cAAC,QAAA,MAAMC,EAAE,KAAM,mCACd,QAAA,EAAK,WAAU,4BAAA,GACbH,EAAYG,EAAE,GAAG,GACjBA,EAAE,MACL,CACF,GACAD,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAKD,EAAE;AAAA,MACP,KAAKA,EAAE;AAAA,MACP,MAAM;AAAA,MACN,OAAO,CAACH,EAAYG,EAAE,GAAG,CAAC;AAAA,MAC1B,eAAe,CAAC,CAACE,CAAC,MAAMJ,EAAO,cAAcE,EAAE,KAAKE,CAAC;AAAA,IAAA;AAAA,EAAA,CAEzD,CACD,GACDH,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,4BAA2B,GAC1CA,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,kCAAA,GAAkC,kBAAgB,GAClEA,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAON,EAAY;AAAA,MACnB,UAAU,CAACO,MAAON,EAAO,UAAUM,CAAE;AAAA,MACrC,OAAOC,EAAQ,IAAI,CAACC,OAAO,EAAE,OAAOA,EAAE,IAAI,OAAOA,EAAE,KAAA,EAAO;AAAA,IAAA;AAAA,EAAA,CAE9D;AAEJ;"}

package/dist/{index.es167.js → index167.es.js}

@@ -1,7 +1,7 @@
 import e from "react";
-import { SingleSelect as l } from "./index.es29.js";
-import { CROP_RATIOS as o } from "./index.es145.js";
-import { useImageEditorPortalContainer as n } from "./index.es140.js";
+import { SingleSelect as l } from "./index29.es.js";
+import { CROP_RATIOS as o } from "./index148.es.js";
+import { useImageEditorPortalContainer as n } from "./index143.es.js";
 function s({ ui: r, engine: t }) {
   const a = n();
   return /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("p", { className: "mb-3.5 text-xs leading-relaxed text-light-4" }, "Drag a box on the image, then apply."), /* @__PURE__ */ e.createElement("span", { className: "mb-1 block text-xs text-light-4" }, "Aspect ratio"), /* @__PURE__ */ e.createElement(
@@ -33,4 +33,4 @@ function s({ ui: r, engine: t }) {
 export {
   s as PanelCrop
 };
-//# sourceMappingURL=index.es167.js.map
+//# sourceMappingURL=index167.es.js.map

package/dist/{index.es167.js.map → index167.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es167.js","sources":["../src/components/organisms/image-editor/components/panel-crop.tsx"],"sourcesContent":["import React from 'react'\n\nimport { SingleSelect } from '@/components/molecules/single-select'\n\nimport { ImageEditorEngine, ImageEditorUiState } from '../image-editor.types'\nimport { CROP_RATIOS } from '../picture-studio-engine'\nimport { useImageEditorPortalContainer } from './portal-context'\n\ninterface PanelCropProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nexport function PanelCrop({ ui, engine }: PanelCropProps) {\n  const container = useImageEditorPortalContainer()\n  return (\n    <div>\n      <p className=\"mb-3.5 text-xs leading-relaxed text-light-4\">\n        Drag a box on the image, then apply.\n      </p>\n      <span className=\"mb-1 block text-xs text-light-4\">Aspect ratio</span>\n      <SingleSelect\n        items={CROP_RATIOS}\n        value={ui.cropRatio}\n        onValueChange={engine.setCropRatio}\n        container={container}\n      />\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n      <button\n        type=\"button\"\n        onClick={engine.applyCrop}\n        className=\"mb-2 w-full rounded-lg bg-rest-p1 py-2.5 text-sm text-white hover:bg-hover-p1\"\n      >\n        Apply crop\n      </button>\n      <button\n        type=\"button\"\n        onClick={engine.cancelCrop}\n        className=\"w-full rounded-lg border border-neutral-1 bg-white py-2.5 text-sm hover:bg-light-3\"\n      >\n        Cancel\n      </button>\n    </div>\n  )\n}\n"],"names":["PanelCrop","ui","engine","container","useImageEditorPortalContainer","React","SingleSelect","CROP_RATIOS"],"mappings":";;;;AAaO,SAASA,EAAU,EAAE,IAAAC,GAAI,QAAAC,KAA0B;AACxD,QAAMC,IAAYC,EAAA;AAClB,SACEC,gBAAAA,EAAA,cAAC,OAAA,MACCA,gBAAAA,EAAA,cAAC,KAAA,EAAE,WAAU,8CAAA,GAA8C,sCAE3D,GACAA,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,qCAAkC,cAAY,GAC9DA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOC;AAAA,MACP,OAAON,EAAG;AAAA,MACV,eAAeC,EAAO;AAAA,MACtB,WAAAC;AAAA,IAAA;AAAA,EAAA,GAEFE,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,4BAA2B,GAC1CA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASH,EAAO;AAAA,MAChB,WAAU;AAAA,IAAA;AAAA,IACX;AAAA,EAAA,GAGDG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASH,EAAO;AAAA,MAChB,WAAU;AAAA,IAAA;AAAA,IACX;AAAA,EAAA,CAGH;AAEJ;"}
+{"version":3,"file":"index167.es.js","sources":["../src/components/organisms/image-editor/components/panel-crop.tsx"],"sourcesContent":["import React from 'react'\n\nimport { SingleSelect } from '@/components/molecules/single-select'\n\nimport { ImageEditorEngine, ImageEditorUiState } from '../image-editor.types'\nimport { CROP_RATIOS } from '../picture-studio-engine'\nimport { useImageEditorPortalContainer } from './portal-context'\n\ninterface PanelCropProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nexport function PanelCrop({ ui, engine }: PanelCropProps) {\n  const container = useImageEditorPortalContainer()\n  return (\n    <div>\n      <p className=\"mb-3.5 text-xs leading-relaxed text-light-4\">\n        Drag a box on the image, then apply.\n      </p>\n      <span className=\"mb-1 block text-xs text-light-4\">Aspect ratio</span>\n      <SingleSelect\n        items={CROP_RATIOS}\n        value={ui.cropRatio}\n        onValueChange={engine.setCropRatio}\n        container={container}\n      />\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n      <button\n        type=\"button\"\n        onClick={engine.applyCrop}\n        className=\"mb-2 w-full rounded-lg bg-rest-p1 py-2.5 text-sm text-white hover:bg-hover-p1\"\n      >\n        Apply crop\n      </button>\n      <button\n        type=\"button\"\n        onClick={engine.cancelCrop}\n        className=\"w-full rounded-lg border border-neutral-1 bg-white py-2.5 text-sm hover:bg-light-3\"\n      >\n        Cancel\n      </button>\n    </div>\n  )\n}\n"],"names":["PanelCrop","ui","engine","container","useImageEditorPortalContainer","React","SingleSelect","CROP_RATIOS"],"mappings":";;;;AAaO,SAASA,EAAU,EAAE,IAAAC,GAAI,QAAAC,KAA0B;AACxD,QAAMC,IAAYC,EAAA;AAClB,SACEC,gBAAAA,EAAA,cAAC,OAAA,MACCA,gBAAAA,EAAA,cAAC,KAAA,EAAE,WAAU,8CAAA,GAA8C,sCAE3D,GACAA,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,qCAAkC,cAAY,GAC9DA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOC;AAAA,MACP,OAAON,EAAG;AAAA,MACV,eAAeC,EAAO;AAAA,MACtB,WAAAC;AAAA,IAAA;AAAA,EAAA,GAEFE,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,4BAA2B,GAC1CA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASH,EAAO;AAAA,MAChB,WAAU;AAAA,IAAA;AAAA,IACX;AAAA,EAAA,GAGDG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASH,EAAO;AAAA,MAChB,WAAU;AAAA,IAAA;AAAA,IACX;AAAA,EAAA,CAGH;AAEJ;"}

package/dist/{index.es168.js → index168.es.js}

@@ -1,11 +1,11 @@
 import e from "react";
-import { Slider as s } from "./index.es30.js";
-import { SingleSelect as r } from "./index.es29.js";
-import { SwatchGrid as c } from "./index.es38.js";
-import { FONTS as n, SHAPES as h } from "./index.es145.js";
-import { ShapeIcons as i } from "./index.es180.js";
-import { ColorPicker as o } from "./index.es181.js";
-import { useImageEditorPortalContainer as p } from "./index.es140.js";
+import { Slider as s } from "./index30.es.js";
+import { SingleSelect as r } from "./index29.es.js";
+import { SwatchGrid as c } from "./index38.es.js";
+import { FONTS as n, SHAPES as h } from "./index148.es.js";
+import { ShapeIcons as i } from "./index180.es.js";
+import { ColorPicker as o } from "./index181.es.js";
+import { useImageEditorPortalContainer as p } from "./index143.es.js";
 const x = [
   { label: "Outline only", value: "stroke" },
   { label: "Solid fill", value: "fill" }
@@ -91,4 +91,4 @@ function f({ ui: t, engine: l }) {
 export {
   f as PanelInsert
 };
-//# sourceMappingURL=index.es168.js.map
+//# sourceMappingURL=index168.es.js.map

package/dist/{index.es168.js.map → index168.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es168.js","sources":["../src/components/organisms/image-editor/components/panel-insert.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Slider } from '@/components/molecules/slider'\nimport { SingleSelect } from '@/components/molecules/single-select'\nimport { SwatchGrid } from '@/components/molecules/swatch-grid'\n\nimport { ImageEditorEngine, ImageEditorUiState } from '../image-editor.types'\nimport { FONTS, SHAPES } from '../picture-studio-engine'\nimport { ShapeIcons } from './shape-icons'\nimport { ColorPicker } from './color-picker'\nimport { useImageEditorPortalContainer } from './portal-context'\n\ninterface PanelInsertProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nconst FILL_ITEMS = [\n  { label: 'Outline only', value: 'stroke' },\n  { label: 'Solid fill', value: 'fill' },\n]\nconst BRUSH_STYLE_ITEMS = [\n  { label: 'Marker', value: 'round' },\n  { label: 'Highlighter', value: 'highlight' },\n]\n\nexport function PanelInsert({ ui, engine }: PanelInsertProps) {\n  const container = useImageEditorPortalContainer()\n  return (\n    <div>\n      {ui.mode === 'text' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Font</span>\n          <SingleSelect\n            items={FONTS}\n            value={ui.textFont}\n            onValueChange={engine.setTextFont}\n            container={container}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">Size</span>\n          <Slider\n            min={16}\n            max={200}\n            step={1}\n            value={[ui.textSize]}\n            onValueChange={([v]) => engine.setTextSize(v)}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'shape' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Shape</span>\n          <SwatchGrid\n            columns={3}\n            value={ui.selectedShapeType}\n            onSelect={engine.selectShapeType}\n            items={SHAPES.map((s) => ({\n              value: s.id,\n              label: s.name,\n              icon: ShapeIcons[s.id],\n            }))}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Fill style\n          </span>\n          <SingleSelect\n            items={FILL_ITEMS}\n            value={ui.shapeFill}\n            onValueChange={(v) => engine.setShapeFill(v as 'stroke' | 'fill')}\n            container={container}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Thickness\n          </span>\n          <Slider\n            min={1}\n            max={40}\n            step={1}\n            value={[ui.shapeWidth]}\n            onValueChange={([v]) => engine.setShapeWidth(v)}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'draw' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Brush size</span>\n          <Slider\n            min={1}\n            max={60}\n            step={1}\n            value={[ui.brushSize]}\n            onValueChange={([v]) => engine.setBrushSize(v)}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Brush style\n          </span>\n          <SingleSelect\n            items={BRUSH_STYLE_ITEMS}\n            value={ui.brushStyle}\n            onValueChange={(v) =>\n              engine.setBrushStyle(v as 'round' | 'highlight')\n            }\n            container={container}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'sticker' && (\n        <div className=\"mb-3.5\">\n          <SwatchGrid\n            columns={3}\n            onSelect={engine.addSticker}\n            emptyMessage={\n              <>\n                No stickers configured — pass a <code>stickers</code> prop with\n                image URLs.\n              </>\n            }\n            items={ui.stickers.map((src) => ({ value: src, thumbnail: src }))}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'text' && (\n        <ColorPicker value={ui.textColor} onChange={engine.setTextColor} />\n      )}\n      {ui.mode === 'shape' && (\n        <ColorPicker value={ui.shapeColor} onChange={engine.setShapeColor} />\n      )}\n      {ui.mode === 'draw' && (\n        <ColorPicker value={ui.drawColor} onChange={engine.setDrawColor} />\n      )}\n    </div>\n  )\n}\n"],"names":["FILL_ITEMS","BRUSH_STYLE_ITEMS","PanelInsert","ui","engine","container","useImageEditorPortalContainer","React","SingleSelect","FONTS","Slider","v","SwatchGrid","SHAPES","s","ShapeIcons","src","ColorPicker"],"mappings":"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"}
+{"version":3,"file":"index168.es.js","sources":["../src/components/organisms/image-editor/components/panel-insert.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Slider } from '@/components/molecules/slider'\nimport { SingleSelect } from '@/components/molecules/single-select'\nimport { SwatchGrid } from '@/components/molecules/swatch-grid'\n\nimport { ImageEditorEngine, ImageEditorUiState } from '../image-editor.types'\nimport { FONTS, SHAPES } from '../picture-studio-engine'\nimport { ShapeIcons } from './shape-icons'\nimport { ColorPicker } from './color-picker'\nimport { useImageEditorPortalContainer } from './portal-context'\n\ninterface PanelInsertProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nconst FILL_ITEMS = [\n  { label: 'Outline only', value: 'stroke' },\n  { label: 'Solid fill', value: 'fill' },\n]\nconst BRUSH_STYLE_ITEMS = [\n  { label: 'Marker', value: 'round' },\n  { label: 'Highlighter', value: 'highlight' },\n]\n\nexport function PanelInsert({ ui, engine }: PanelInsertProps) {\n  const container = useImageEditorPortalContainer()\n  return (\n    <div>\n      {ui.mode === 'text' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Font</span>\n          <SingleSelect\n            items={FONTS}\n            value={ui.textFont}\n            onValueChange={engine.setTextFont}\n            container={container}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">Size</span>\n          <Slider\n            min={16}\n            max={200}\n            step={1}\n            value={[ui.textSize]}\n            onValueChange={([v]) => engine.setTextSize(v)}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'shape' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Shape</span>\n          <SwatchGrid\n            columns={3}\n            value={ui.selectedShapeType}\n            onSelect={engine.selectShapeType}\n            items={SHAPES.map((s) => ({\n              value: s.id,\n              label: s.name,\n              icon: ShapeIcons[s.id],\n            }))}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Fill style\n          </span>\n          <SingleSelect\n            items={FILL_ITEMS}\n            value={ui.shapeFill}\n            onValueChange={(v) => engine.setShapeFill(v as 'stroke' | 'fill')}\n            container={container}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Thickness\n          </span>\n          <Slider\n            min={1}\n            max={40}\n            step={1}\n            value={[ui.shapeWidth]}\n            onValueChange={([v]) => engine.setShapeWidth(v)}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'draw' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Brush size</span>\n          <Slider\n            min={1}\n            max={60}\n            step={1}\n            value={[ui.brushSize]}\n            onValueChange={([v]) => engine.setBrushSize(v)}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Brush style\n          </span>\n          <SingleSelect\n            items={BRUSH_STYLE_ITEMS}\n            value={ui.brushStyle}\n            onValueChange={(v) =>\n              engine.setBrushStyle(v as 'round' | 'highlight')\n            }\n            container={container}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'sticker' && (\n        <div className=\"mb-3.5\">\n          <SwatchGrid\n            columns={3}\n            onSelect={engine.addSticker}\n            emptyMessage={\n              <>\n                No stickers configured — pass a <code>stickers</code> prop with\n                image URLs.\n              </>\n            }\n            items={ui.stickers.map((src) => ({ value: src, thumbnail: src }))}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'text' && (\n        <ColorPicker value={ui.textColor} onChange={engine.setTextColor} />\n      )}\n      {ui.mode === 'shape' && (\n        <ColorPicker value={ui.shapeColor} onChange={engine.setShapeColor} />\n      )}\n      {ui.mode === 'draw' && (\n        <ColorPicker value={ui.drawColor} onChange={engine.setDrawColor} />\n      )}\n    </div>\n  )\n}\n"],"names":["FILL_ITEMS","BRUSH_STYLE_ITEMS","PanelInsert","ui","engine","container","useImageEditorPortalContainer","React","SingleSelect","FONTS","Slider","v","SwatchGrid","SHAPES","s","ShapeIcons","src","ColorPicker"],"mappings":"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"}

package/dist/{index.es169.js → index169.es.js}

@@ -1,12 +1,12 @@
 import { Trash2 as c } from "lucide-react";
 import e from "react";
-import { Button as m } from "./index.es9.js";
-import { Textarea as o } from "./index.es16.js";
-import { Slider as n } from "./index.es30.js";
-import { SingleSelect as s } from "./index.es29.js";
-import { FONTS as i } from "./index.es145.js";
-import { ColorPicker as x } from "./index.es181.js";
-import { useImageEditorPortalContainer as p } from "./index.es140.js";
+import { Button as m } from "./index9.es.js";
+import { Textarea as o } from "./index16.es.js";
+import { Slider as n } from "./index30.es.js";
+import { SingleSelect as s } from "./index29.es.js";
+import { FONTS as i } from "./index148.es.js";
+import { ColorPicker as x } from "./index181.es.js";
+import { useImageEditorPortalContainer as p } from "./index143.es.js";
 const u = [
   { label: "Outline only", value: "stroke" },
   { label: "Solid fill", value: "fill" }
@@ -117,4 +117,4 @@ function C({ selected: t, engine: a }) {
 export {
   C as PanelSelected
 };
-//# sourceMappingURL=index.es169.js.map
+//# sourceMappingURL=index169.es.js.map

package/dist/{index.es169.js.map → index169.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es169.js","sources":["../src/components/organisms/image-editor/components/panel-selected.tsx"],"sourcesContent":["import { Trash2 } from 'lucide-react'\nimport React from 'react'\n\nimport { Button } from '@/components/atoms/button'\nimport { Textarea } from '@/components/atoms/textarea'\nimport { Slider } from '@/components/molecules/slider'\nimport { SingleSelect } from '@/components/molecules/single-select'\n\nimport {\n  ImageEditorEngine,\n  ImageEditorSelectedLayer,\n} from '../image-editor.types'\nimport { FONTS } from '../picture-studio-engine'\nimport { ColorPicker } from './color-picker'\nimport { useImageEditorPortalContainer } from './portal-context'\n\ninterface PanelSelectedProps {\n  selected: ImageEditorSelectedLayer\n  engine: ImageEditorEngine\n}\n\nconst FILL_ITEMS = [\n  { label: 'Outline only', value: 'stroke' },\n  { label: 'Solid fill', value: 'fill' },\n]\n\nexport function PanelSelected({ selected, engine }: PanelSelectedProps) {\n  const container = useImageEditorPortalContainer()\n  return (\n    <div>\n      {selected.type === 'text' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Text</span>\n          <Textarea\n            className=\"min-h-[52px]\"\n            value={selected.text ?? ''}\n            onChange={(e) => engine.setSelectedText(e.target.value)}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">Font</span>\n          <SingleSelect\n            items={FONTS}\n            value={selected.font ?? ''}\n            onValueChange={engine.setSelectedFont}\n            container={container}\n          />\n          <div className=\"mb-1 mt-2.5 flex justify-between text-xs text-light-4\">\n            <span>Size</span>\n            <span>{selected.size}px</span>\n          </div>\n          <Slider\n            min={10}\n            max={240}\n            step={1}\n            value={[selected.size ?? 24]}\n            onValueChange={([v]) => engine.setSelectedTextSize(v)}\n          />\n          <div className=\"mb-1 mt-2.5 flex justify-between text-xs text-light-4\">\n            <span>Box size</span>\n            <span>{selected.boxWidth}px</span>\n          </div>\n          <Slider\n            min={20}\n            max={2000}\n            step={1}\n            value={[selected.boxWidth ?? 200]}\n            onValueChange={([v]) => engine.setSelectedBoxWidth(v)}\n          />\n        </div>\n      )}\n\n      {selected.type === 'shape' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Fill style</span>\n          <SingleSelect\n            items={FILL_ITEMS}\n            value={selected.fill ?? 'stroke'}\n            onValueChange={(v) =>\n              engine.setSelectedShapeFill(v as 'stroke' | 'fill')\n            }\n            container={container}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Thickness\n          </span>\n          <Slider\n            min={1}\n            max={40}\n            step={1}\n            value={[selected.width ?? 6]}\n            onValueChange={([v]) => engine.setSelectedWidth(v)}\n          />\n        </div>\n      )}\n\n      {selected.type === 'stroke' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Brush size</span>\n          <Slider\n            min={1}\n            max={60}\n            step={1}\n            value={[selected.width ?? 8]}\n            onValueChange={([v]) => engine.setSelectedWidth(v)}\n          />\n        </div>\n      )}\n\n      {selected.type !== 'sticker' && (\n        <ColorPicker\n          value={selected.color ?? '#d24b2f'}\n          onChange={engine.setSelectedColor}\n        />\n      )}\n\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n\n      <div className=\"flex flex-col gap-2\">\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={engine.bringSelectedToFront}\n        >\n          Bring to front\n        </Button>\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={engine.sendSelectedToBack}\n        >\n          Send to back\n        </Button>\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={engine.duplicateSelected}\n        >\n          Duplicate\n        </Button>\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={engine.deleteSelected}\n          prefixIcon={<Trash2 className=\"h-4 w-4\" />}\n          className=\"text-danger-1\"\n        >\n          Delete layer\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["FILL_ITEMS","PanelSelected","selected","engine","container","useImageEditorPortalContainer","React","Textarea","e","SingleSelect","FONTS","Slider","v","ColorPicker","Button","Trash2"],"mappings":"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"}
+{"version":3,"file":"index169.es.js","sources":["../src/components/organisms/image-editor/components/panel-selected.tsx"],"sourcesContent":["import { Trash2 } from 'lucide-react'\nimport React from 'react'\n\nimport { Button } from '@/components/atoms/button'\nimport { Textarea } from '@/components/atoms/textarea'\nimport { Slider } from '@/components/molecules/slider'\nimport { SingleSelect } from '@/components/molecules/single-select'\n\nimport {\n  ImageEditorEngine,\n  ImageEditorSelectedLayer,\n} from '../image-editor.types'\nimport { FONTS } from '../picture-studio-engine'\nimport { ColorPicker } from './color-picker'\nimport { useImageEditorPortalContainer } from './portal-context'\n\ninterface PanelSelectedProps {\n  selected: ImageEditorSelectedLayer\n  engine: ImageEditorEngine\n}\n\nconst FILL_ITEMS = [\n  { label: 'Outline only', value: 'stroke' },\n  { label: 'Solid fill', value: 'fill' },\n]\n\nexport function PanelSelected({ selected, engine }: PanelSelectedProps) {\n  const container = useImageEditorPortalContainer()\n  return (\n    <div>\n      {selected.type === 'text' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Text</span>\n          <Textarea\n            className=\"min-h-[52px]\"\n            value={selected.text ?? ''}\n            onChange={(e) => engine.setSelectedText(e.target.value)}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">Font</span>\n          <SingleSelect\n            items={FONTS}\n            value={selected.font ?? ''}\n            onValueChange={engine.setSelectedFont}\n            container={container}\n          />\n          <div className=\"mb-1 mt-2.5 flex justify-between text-xs text-light-4\">\n            <span>Size</span>\n            <span>{selected.size}px</span>\n          </div>\n          <Slider\n            min={10}\n            max={240}\n            step={1}\n            value={[selected.size ?? 24]}\n            onValueChange={([v]) => engine.setSelectedTextSize(v)}\n          />\n          <div className=\"mb-1 mt-2.5 flex justify-between text-xs text-light-4\">\n            <span>Box size</span>\n            <span>{selected.boxWidth}px</span>\n          </div>\n          <Slider\n            min={20}\n            max={2000}\n            step={1}\n            value={[selected.boxWidth ?? 200]}\n            onValueChange={([v]) => engine.setSelectedBoxWidth(v)}\n          />\n        </div>\n      )}\n\n      {selected.type === 'shape' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Fill style</span>\n          <SingleSelect\n            items={FILL_ITEMS}\n            value={selected.fill ?? 'stroke'}\n            onValueChange={(v) =>\n              engine.setSelectedShapeFill(v as 'stroke' | 'fill')\n            }\n            container={container}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Thickness\n          </span>\n          <Slider\n            min={1}\n            max={40}\n            step={1}\n            value={[selected.width ?? 6]}\n            onValueChange={([v]) => engine.setSelectedWidth(v)}\n          />\n        </div>\n      )}\n\n      {selected.type === 'stroke' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Brush size</span>\n          <Slider\n            min={1}\n            max={60}\n            step={1}\n            value={[selected.width ?? 8]}\n            onValueChange={([v]) => engine.setSelectedWidth(v)}\n          />\n        </div>\n      )}\n\n      {selected.type !== 'sticker' && (\n        <ColorPicker\n          value={selected.color ?? '#d24b2f'}\n          onChange={engine.setSelectedColor}\n        />\n      )}\n\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n\n      <div className=\"flex flex-col gap-2\">\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={engine.bringSelectedToFront}\n        >\n          Bring to front\n        </Button>\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={engine.sendSelectedToBack}\n        >\n          Send to back\n        </Button>\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={engine.duplicateSelected}\n        >\n          Duplicate\n        </Button>\n        <Button\n          variant=\"secondary\"\n          size=\"sm\"\n          onClick={engine.deleteSelected}\n          prefixIcon={<Trash2 className=\"h-4 w-4\" />}\n          className=\"text-danger-1\"\n        >\n          Delete layer\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["FILL_ITEMS","PanelSelected","selected","engine","container","useImageEditorPortalContainer","React","Textarea","e","SingleSelect","FONTS","Slider","v","ColorPicker","Button","Trash2"],"mappings":"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"}

package/dist/{index.es17.js → index17.es.js}

@@ -1,7 +1,7 @@
 import * as t from "react";
 import * as e from "@radix-ui/react-tooltip";
-import { cn as m } from "./index.es89.js";
-import { Typography as o } from "./index.es19.js";
+import { cn as m } from "./index89.es.js";
+import { Typography as o } from "./index19.es.js";
 const f = e.Provider, g = e.Root, h = e.Trigger, n = t.forwardRef(({ className: a, sideOffset: i = 4, headerText: r, content: l, ...d }, s) => /* @__PURE__ */ t.createElement(
   e.Content,
   {
@@ -22,4 +22,4 @@ export {
   h as TooltipTrigger,
   g as TooltipWrapper
 };
-//# sourceMappingURL=index.es17.js.map
+//# sourceMappingURL=index17.es.js.map

package/dist/{index.es17.js.map → index17.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es17.js","sources":["../src/components/atoms/tooltip/tooltip-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\ntype TooltipContentProps = {\n  headerText: React.ReactNode\n  content: React.ReactNode\n} & Omit<\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n  'content'\n>\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ className, sideOffset = 4, headerText, content, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden bg-light-1 rounded-lg bg p-3 text-xs text-light-4 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border border-neutral-1 max-w-96 shadow-lg',\n      className\n    )}\n    {...props}\n  >\n    <div className=\"flex gap-0.5 flex-col\">\n      <Typography variant={'body5'} className=\"text-light-2\">\n        {headerText}\n      </Typography>\n      <Typography variant={'body6'} className=\"text-light-4\">\n        {content}\n      </Typography>\n    </div>\n  </TooltipPrimitive.Content>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport {\n  Tooltip as TooltipWrapper,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n}\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","headerText","content","props","ref","cn","Typography"],"mappings":";;;;AAQA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAUlCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,YAAAC,GAAY,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAC/D,gBAAAN,EAAA;AAAA,EAACJ,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAU;AAAA,IACA,YAAAJ;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGI;AAAA,EAAA;AAAA,kCAEH,OAAA,EAAI,WAAU,2BACb,gBAAAL,EAAA,cAACQ,GAAA,EAAW,SAAS,SAAS,WAAU,kBACrCL,CACH,mCACCK,GAAA,EAAW,SAAS,SAAS,WAAU,eAAA,GACrCJ,CACH,CACF;AACF,CACD;AACDL,EAAe,cAAcH,EAAiB,QAAQ;"}
+{"version":3,"file":"index17.es.js","sources":["../src/components/atoms/tooltip/tooltip-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\ntype TooltipContentProps = {\n  headerText: React.ReactNode\n  content: React.ReactNode\n} & Omit<\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n  'content'\n>\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ className, sideOffset = 4, headerText, content, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden bg-light-1 rounded-lg bg p-3 text-xs text-light-4 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border border-neutral-1 max-w-96 shadow-lg',\n      className\n    )}\n    {...props}\n  >\n    <div className=\"flex gap-0.5 flex-col\">\n      <Typography variant={'body5'} className=\"text-light-2\">\n        {headerText}\n      </Typography>\n      <Typography variant={'body6'} className=\"text-light-4\">\n        {content}\n      </Typography>\n    </div>\n  </TooltipPrimitive.Content>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport {\n  Tooltip as TooltipWrapper,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n}\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","headerText","content","props","ref","cn","Typography"],"mappings":";;;;AAQA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAUlCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,YAAAC,GAAY,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAC/D,gBAAAN,EAAA;AAAA,EAACJ,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAU;AAAA,IACA,YAAAJ;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGI;AAAA,EAAA;AAAA,kCAEH,OAAA,EAAI,WAAU,2BACb,gBAAAL,EAAA,cAACQ,GAAA,EAAW,SAAS,SAAS,WAAU,kBACrCL,CACH,mCACCK,GAAA,EAAW,SAAS,SAAS,WAAU,eAAA,GACrCJ,CACH,CACF;AACF,CACD;AACDL,EAAe,cAAcH,EAAiB,QAAQ;"}

package/dist/{index.es170.js → index170.es.js}

@@ -1,23 +1,23 @@
 import t from "react";
-import { Input as m } from "./index.es11.js";
-import { Checkbox as v } from "./index.es10.js";
-import { RadioGroup as u, RadioGroupItem as p } from "./index.es13.js";
-import { MultiCombobox as I } from "./index.es23.js";
-import { SingleCombobox as _ } from "./index.es27.js";
-import { CreatableMultiCombobox as C } from "./index.es28.js";
-import { Textarea as x } from "./index.es16.js";
-import { Typography as s } from "./index.es19.js";
+import { Input as m } from "./index11.es.js";
+import { Checkbox as v } from "./index10.es.js";
+import { RadioGroup as u, RadioGroupItem as p } from "./index13.es.js";
+import { MultiCombobox as I } from "./index23.es.js";
+import { SingleCombobox as _ } from "./index27.es.js";
+import { CreatableMultiCombobox as C } from "./index28.es.js";
+import { Textarea as x } from "./index16.es.js";
+import { Typography as s } from "./index19.es.js";
 import { Phone as O, Mail as T } from "lucide-react";
-import { SingleImagePicker as y } from "./index.es173.js";
-import { SingleVideoPicker as R } from "./index.es174.js";
-import { MultiImagePicker as M } from "./index.es175.js";
-import { MultiVideoPicker as P } from "./index.es176.js";
-import { RepeatableGroup as N } from "./index.es177.js";
-import { TaggableMultiImagePicker as B } from "./index.es178.js";
-import { FormFieldType as c } from "./index.es161.js";
-import { DatePicker as U } from "./index.es69.js";
-import { TaggableImageUploadFieldWithInput as G } from "./index.es179.js";
-import { useFormValues as L } from "./index.es160.js";
+import { SingleImagePicker as y } from "./index173.es.js";
+import { SingleVideoPicker as R } from "./index174.es.js";
+import { MultiImagePicker as M } from "./index175.es.js";
+import { MultiVideoPicker as P } from "./index176.es.js";
+import { RepeatableGroup as N } from "./index177.es.js";
+import { TaggableMultiImagePicker as B } from "./index178.es.js";
+import { FormFieldType as c } from "./index142.es.js";
+import { DatePicker as U } from "./index69.es.js";
+import { TaggableImageUploadFieldWithInput as G } from "./index179.es.js";
+import { useFormValues as L } from "./index141.es.js";
 const f = ({ field: e }) => {
   const {
     values: o,
@@ -286,4 +286,4 @@ const f = ({ field: e }) => {
 export {
   f as FormField
 };
-//# sourceMappingURL=index.es170.js.map
+//# sourceMappingURL=index170.es.js.map