tokimeki-image-editor 0.5.0 → 0.5.1

package/dist/components/AdjustTool.svelte

@@ -1,5 +1,18 @@
 <script lang="ts">import { _ } from 'svelte-i18n';
-import { Sun, Contrast, Cloud, Moon, SunMedium, Palette, Thermometer, Aperture, Waves, Sparkles, Focus, AudioWaveform, Spline, Droplets } from 'lucide-svelte';
+import Sun from '@lucide/svelte/icons/sun';
+import Contrast from '@lucide/svelte/icons/contrast';
+import Cloud from '@lucide/svelte/icons/cloud';
+import Moon from '@lucide/svelte/icons/moon';
+import SunMedium from '@lucide/svelte/icons/sun-medium';
+import Palette from '@lucide/svelte/icons/palette';
+import Thermometer from '@lucide/svelte/icons/thermometer';
+import Aperture from '@lucide/svelte/icons/aperture';
+import Waves from '@lucide/svelte/icons/waves';
+import Sparkles from '@lucide/svelte/icons/sparkles';
+import Focus from '@lucide/svelte/icons/focus';
+import AudioWaveform from '@lucide/svelte/icons/audio-waveform';
+import Spline from '@lucide/svelte/icons/spline';
+import Droplets from '@lucide/svelte/icons/droplets';
 import ToolPanel from './ToolPanel.svelte';
 import Slider from './Slider.svelte';
 import ToneCurveTool from './ToneCurveTool.svelte';

package/dist/components/AnnotationTool.svelte

@@ -7,7 +7,19 @@ import { initWasm } from '../wasm/stroke-processor';
 import { getEventCoords, createPenAnnotation, createBrushAnnotation, createFillAnnotation, createEraserStrokeAnnotation, addPointToPen, addPointToBrush, finalizeBrushStroke, performFloodFill, getCompositeImageData, getAnnotationOnlyImageData, generateSmoothPath, generateSmoothPathWithLOD, smoothPoints, interpolateBrushPoints, generateBrushPath, generateBrushPathWithLOD, MIN_POINT_DISTANCE } from '../utils/drawing';
 import { createEditorInteractionState, handleOverlayKeyDown, handleOverlayKeyUp, calculatePanOffset, calculateZoomViewport, shouldPan } from '../utils/editor-interaction';
 import { screenToImageCoords as sharedScreenToImageCoords, imageToCanvasCoords as sharedImageToCanvasCoords } from '../utils/coordinates';
-import { Pencil, Eraser, ArrowRight, Square, Brush, Type, PaintBucket, X, Trash2, Sparkles, Layers, ImageOff, EyeOff } from 'lucide-svelte';
+import Pencil from '@lucide/svelte/icons/pencil';
+import Eraser from '@lucide/svelte/icons/eraser';
+import ArrowRight from '@lucide/svelte/icons/arrow-right';
+import Square from '@lucide/svelte/icons/square';
+import Brush from '@lucide/svelte/icons/brush';
+import Type from '@lucide/svelte/icons/type';
+import PaintBucket from '@lucide/svelte/icons/paint-bucket';
+import X from '@lucide/svelte/icons/x';
+import Trash2 from '@lucide/svelte/icons/trash-2';
+import Sparkles from '@lucide/svelte/icons/sparkles';
+import Layers from '@lucide/svelte/icons/layers';
+import ImageOff from '@lucide/svelte/icons/image-off';
+import EyeOff from '@lucide/svelte/icons/eye-off';
 import FloatingRail from './FloatingRail.svelte';
 import RailButton from './RailButton.svelte';
 import Popover from './Popover.svelte';

package/dist/components/BlurTool.svelte

@@ -1,6 +1,9 @@
 <script lang="ts">import { onMount } from 'svelte';
 import { _ } from 'svelte-i18n';
-import { X, Trash2, Droplet, Info } from 'lucide-svelte';
+import X from '@lucide/svelte/icons/x';
+import Trash2 from '@lucide/svelte/icons/trash-2';
+import Droplet from '@lucide/svelte/icons/droplet';
+import Info from '@lucide/svelte/icons/info';
 import { screenToImageCoords, imageToCanvasCoords } from '../utils/canvas';
 import { calculateZoomViewport, calculatePanOffset } from '../utils/editor-interaction';
 import FloatingRail from './FloatingRail.svelte';

package/dist/components/BottomDock.svelte

@@ -1,5 +1,11 @@
 <script lang="ts">import { _ } from 'svelte-i18n';
-import { Crop, SlidersHorizontal, Sparkles, Droplet, Sticker, PenLine, Download } from 'lucide-svelte';
+import Crop from '@lucide/svelte/icons/crop';
+import SlidersHorizontal from '@lucide/svelte/icons/sliders-horizontal';
+import Sparkles from '@lucide/svelte/icons/sparkles';
+import Droplet from '@lucide/svelte/icons/droplet';
+import Sticker from '@lucide/svelte/icons/sticker';
+import PenLine from '@lucide/svelte/icons/pen-line';
+import Download from '@lucide/svelte/icons/download';
 import { haptic } from '../utils/haptics';
 let { mode, hasImage, isStandalone = false, onModeChange } = $props();
 const baseTools = [

package/dist/components/CropTool.svelte

@@ -1,6 +1,17 @@
 <script lang="ts">import { onMount } from 'svelte';
 import { _ } from 'svelte-i18n';
-import { RotateCw, RotateCcw, FlipHorizontal, FlipVertical, X, Check, Crop as CropIcon, Lock, Unlock, Repeat2, RotateCcwSquare, Maximize2 } from 'lucide-svelte';
+import RotateCw from '@lucide/svelte/icons/rotate-cw';
+import RotateCcw from '@lucide/svelte/icons/rotate-ccw';
+import FlipHorizontal from '@lucide/svelte/icons/flip-horizontal';
+import FlipVertical from '@lucide/svelte/icons/flip-vertical';
+import X from '@lucide/svelte/icons/x';
+import Check from '@lucide/svelte/icons/check';
+import CropIcon from '@lucide/svelte/icons/crop';
+import Lock from '@lucide/svelte/icons/lock';
+import Unlock from '@lucide/svelte/icons/unlock';
+import Repeat2 from '@lucide/svelte/icons/repeat-2';
+import RotateCcwSquare from '@lucide/svelte/icons/rotate-ccw-square';
+import Maximize2 from '@lucide/svelte/icons/maximize-2';
 import { screenToImageCoords, imageToCanvasCoords } from '../utils/canvas';
 import FloatingRail from './FloatingRail.svelte';
 import RailButton from './RailButton.svelte';

package/dist/components/ExportTool.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">import { _ } from 'svelte-i18n';
-import { Download, FileImage, ImageDown } from 'lucide-svelte';
+import Download from '@lucide/svelte/icons/download';
+import FileImage from '@lucide/svelte/icons/file-image';
+import ImageDown from '@lucide/svelte/icons/image-down';
 import ToolPanel from './ToolPanel.svelte';
 import Slider from './Slider.svelte';
 import { haptic } from '../utils/haptics';

package/dist/components/ImageEditor.svelte

@@ -1,7 +1,14 @@
 <script lang="ts">import '../i18n';
 import '../styles/tokens.css';
 import { _ } from 'svelte-i18n';
-import { Redo2, Undo2, RotateCcw, ImagePlus, Check, Sparkles, Download, LoaderCircle } from 'lucide-svelte';
+import Redo2 from '@lucide/svelte/icons/redo-2';
+import Undo2 from '@lucide/svelte/icons/undo-2';
+import RotateCcw from '@lucide/svelte/icons/rotate-ccw';
+import ImagePlus from '@lucide/svelte/icons/image-plus';
+import Check from '@lucide/svelte/icons/check';
+import Sparkles from '@lucide/svelte/icons/sparkles';
+import Download from '@lucide/svelte/icons/download';
+import LoaderCircle from '@lucide/svelte/icons/loader-circle';
 import { createEditorState, loadImageFromFile, loadImageFromUrl, applyImageToState, setMode, applyCrop, applyTransformUpdate, applyAdjustmentsUpdate, applyFilter, setBlurAreas, setStampAreas, setAnnotations, setViewport, resetState, handleZoom as coreHandleZoom, saveToHistory as coreSaveToHistory, handleUndo as coreHandleUndo, handleRedo as coreHandleRedo, canUndo, canRedo, getKeyboardAction, applyKeyboardAction, exportImage, getDroppedFile, getInputFile, handleDragOver } from '../utils/editor-core';
 import { calculateFitScale, downloadImage } from '../utils/canvas';
 import { haptic } from '../utils/haptics';

package/dist/components/QuickDrawEditor.svelte

@@ -6,7 +6,9 @@ import { shouldPan } from '../utils/editor-interaction';
 import { loadImageFromFile, loadImageFromUrl, createBlankImage, createQuickDrawState, applyQuickDrawImage, handleQuickDrawKeyDown, handleQuickDrawKeyUp, handleQuickDrawMouseDown, handleQuickDrawMouseMove, handleQuickDrawMouseUp, handleQuickDrawTouchStart, handleQuickDrawTouchMove, handleQuickDrawTouchEnd, handleQuickDrawWheel, handleQuickDrawViewportChange, handleQuickDrawZoom, quickDrawUndo, exportQuickDraw } from '../utils/editor-core';
 import { DEFAULT_COLOR_PRESETS, DEFAULT_STROKE_WIDTH } from '../utils/colors';
 import Canvas from './Canvas.svelte';
-import { Pencil, Brush, PaintBucket } from 'lucide-svelte';
+import Pencil from '@lucide/svelte/icons/pencil';
+import Brush from '@lucide/svelte/icons/brush';
+import PaintBucket from '@lucide/svelte/icons/paint-bucket';
 import { initWasm } from '../wasm/stroke-processor';
 import { haptic } from '../utils/haptics';
 let { width = 400, initialImage, colorPresets = DEFAULT_COLOR_PRESETS, initialStrokeWidth, onComplete, onCancel } = $props();

package/dist/components/RotateTool.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">import { _ } from 'svelte-i18n';
-import { RotateCw, RotateCcw, FlipHorizontal, FlipVertical } from 'lucide-svelte';
+import RotateCw from '@lucide/svelte/icons/rotate-cw';
+import RotateCcw from '@lucide/svelte/icons/rotate-ccw';
+import FlipHorizontal from '@lucide/svelte/icons/flip-horizontal';
+import FlipVertical from '@lucide/svelte/icons/flip-vertical';
 import ToolPanel from './ToolPanel.svelte';
 import { haptic } from '../utils/haptics';
 let { transform, onChange, onClose } = $props();

package/dist/components/Sheet.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { onMount } from 'svelte';
 import { _ } from 'svelte-i18n';
-import { X } from 'lucide-svelte';
+import X from '@lucide/svelte/icons/x';
 import IconButton from './IconButton.svelte';
 import { haptic } from '../utils/haptics';
 let { title, onClose, children, actions, collapsible = true, minimal = false } = $props();

package/dist/components/StampTool.svelte

@@ -2,7 +2,10 @@
 import { _ } from 'svelte-i18n';
 import { STAMP_ASSETS } from '../config/stamps';
 import { preloadStampImage } from '../utils/canvas';
-import { RotateCw, Trash2, X, Sticker } from 'lucide-svelte';
+import RotateCw from '@lucide/svelte/icons/rotate-cw';
+import Trash2 from '@lucide/svelte/icons/trash-2';
+import X from '@lucide/svelte/icons/x';
+import Sticker from '@lucide/svelte/icons/sticker';
 import FloatingRail from './FloatingRail.svelte';
 import RailButton from './RailButton.svelte';
 import Popover from './Popover.svelte';

package/dist/components/ToneCurveTool.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">import { _ } from 'svelte-i18n';
-import { RotateCcw } from 'lucide-svelte';
+import RotateCcw from '@lucide/svelte/icons/rotate-ccw';
 import { haptic } from '../utils/haptics';
 let { toneCurve, onChange } = $props();
 let activeChannel = $state('rgb');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tokimeki-image-editor",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "A image editor for svelte.",
   "type": "module",
   "license": "MIT",
@@ -24,8 +24,8 @@
     "svelte": "^5.55.2"
   },
   "dependencies": {
+    "@lucide/svelte": "^1.22.0",
     "@sveltejs/adapter-auto": "^7.0.1",
-    "lucide-svelte": "^0.548.0",
     "rbush": "^4.0.1",
     "runed": "^0.35.1",
     "svelte-i18n": "^4.0.1",