gospelo-iconcraft-react 0.1.0 → 0.3.0

package/README.md

@@ -1,24 +1,24 @@
-# @gospelo-dev/iconcraft-react
+# gospelo-iconcraft-react
 
 React components for creating emboss-style decorative icon shapes from SVG. Features 3D-looking shapes with highlights, shadows, and smooth animations.
 
 ## Installation
 
 ```bash
-npm install @gospelo-dev/iconcraft-react
+npm install gospelo-iconcraft-react
 ```
 
 ## Quick Start
 
 ```tsx
-import { IconCraft } from '@gospelo-dev/iconcraft-react';
+import { IconCraftShape } from 'gospelo-iconcraft-react';
 
 function App() {
   return (
-    <IconCraft
-      svgContent="<svg>...</svg>"
+    <IconCraftShape
+      svg="<svg>...</svg>"
       mode="wax"
-      baseColor="#6366f1"
+      shapeColor="#6366f1"
     />
   );
 }
@@ -31,12 +31,13 @@ function App() {
 Modern component with full feature support.
 
 ```tsx
-import { IconCraftShape } from '@gospelo-dev/iconcraft-react';
+import { IconCraftShape } from 'gospelo-iconcraft-react';
 
 <IconCraftShape
   svg="<svg>...</svg>"
   mode="jelly"
-  color="#10b981"
+  shapeColor="#10b981"
+  iconColor="#1d1d1f"
   size={120}
   animation="bounce"
   shadow
@@ -49,13 +50,15 @@ import { IconCraftShape } from '@gospelo-dev/iconcraft-react';
 |------|------|---------|-------------|
 | `svg` | `string` | required | SVG content string |
 | `mode` | `'jelly' \| 'droplet' \| 'wax'` | `'jelly'` | Shape mode |
-| `color` | `string` | `'#6366f1'` | Base color (hex) |
-| `iconStyle` | `'original' \| 'white' \| 'dark' \| 'emboss'` | `'emboss'` | Icon rendering style |
+| `shapeColor` | `string` | `'#6366f1'` | Shape base color (hex) |
+| `iconColor` | `string` | `'#1d1d1f'` | Icon color (for stroke/fill styles) |
+| `iconStyle` | `'original' \| 'emboss' \| 'stroke' \| 'fill'` | `'emboss'` | Icon rendering style |
 | `size` | `number \| string` | - | Width and height |
 | `width` | `number \| string` | - | Width |
 | `height` | `number \| string` | - | Height |
 | `shadow` | `boolean` | `true` | Show drop shadow |
 | `highlight` | `boolean` | `true` | Show highlight effect |
+| `rotation` | `number` | `0` | Icon rotation in degrees (0-360). Shape follows rotated icon. |
 | `animation` | `AnimationType \| AnimationOptions` | - | Animation preset or config |
 | `animateOnHover` | `boolean` | `false` | Trigger animation on hover |
 | `offset` | `number` | `20` | Contour offset |
@@ -72,7 +75,7 @@ import { IconCraftShape } from '@gospelo-dev/iconcraft-react';
 Original component for backwards compatibility.
 
 ```tsx
-import { IconCraft } from '@gospelo-dev/iconcraft-react';
+import { IconCraft } from 'gospelo-iconcraft-react';
 
 <IconCraft
   svgContent="<svg>...</svg>"
@@ -151,7 +154,7 @@ interface AnimationOptions {
 ### Custom Animations
 
 ```tsx
-import { registerAnimation, IconCraftShape } from '@gospelo-dev/iconcraft-react';
+import { registerAnimation, IconCraftShape } from 'gospelo-iconcraft-react';
 
 // Register custom animation
 registerAnimation('myAnimation', {
@@ -179,16 +182,16 @@ registerAnimation('myAnimation', {
 Low-level hook for direct WASM access.
 
 ```tsx
-import { useIconCraft } from '@gospelo-dev/iconcraft-react';
+import { useIconCraft } from 'gospelo-iconcraft-react';
 
 function MyComponent() {
-  const { result, loading, error, generate } = useIconCraft({
+  const { result, isLoading, error, generate } = useIconCraft({
     svg: svgContent,
     mode: 'wax',
-    color: '#6366f1',
+    shapeColor: '#6366f1',
   });
 
-  if (loading) return <div>Loading...</div>;
+  if (isLoading) return <div>Loading...</div>;
   if (error) return <div>Error: {error}</div>;
 
   return (
@@ -206,7 +209,7 @@ import {
   IconCraftProvider,
   useIconCraftStore,
   IconCraftView,
-} from '@gospelo-dev/iconcraft-react';
+} from 'gospelo-iconcraft-react';
 
 function App() {
   return (
@@ -241,7 +244,7 @@ import type {
   AnimationOptions,
   IconCraftResult,
   IconCraftShapeProps,
-} from '@gospelo-dev/iconcraft-react';
+} from 'gospelo-iconcraft-react';
 ```
 
 ## Browser Support

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import { CSSProperties, ReactNode } from 'react';
-import * as _gospelo_dev_iconcraft_wasm from '@gospelo-dev/iconcraft-wasm';
+import * as gospelo_iconcraft_wasm from 'gospelo-iconcraft-wasm';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type ShapeMode = 'jelly' | 'droplet' | 'wax';
-type IconStyle = 'original' | 'white' | 'dark' | 'emboss';
+type IconStyle = 'original' | 'emboss' | 'stroke' | 'fill';
 /** Built-in animation types */
 type BuiltInAnimationType = 'none' | 'shake' | 'bounce' | 'pulse' | 'swing' | 'wobble' | 'jello' | 'heartbeat' | 'float' | 'spin' | 'rubberBand' | 'squish' | 'tada' | 'flip' | 'drop' | 'pop' | 'wiggle' | 'breathe';
 /**
@@ -88,6 +88,7 @@ interface IconCraftResult {
     svg_paths: SvgPaths | null;
     emboss_svg: string | null;
     icon_paths: EmbossIconData | null;
+    rotation: number;
 }
 interface IconCraftShapeProps {
     /** SVG content string or URL */
@@ -95,7 +96,7 @@ interface IconCraftShapeProps {
     /** Shape mode: jelly, droplet, or wax */
     mode?: ShapeMode;
     /** Base color for the shape (hex) */
-    color?: string;
+    shapeColor?: string;
     /** Custom color palette (overrides color) */
     palette?: Partial<ColorPalette>;
     /** Icon rendering style */
@@ -104,6 +105,8 @@ interface IconCraftShapeProps {
     shadow?: boolean;
     /** Show highlight effect */
     highlight?: boolean;
+    /** Icon rotation in degrees (0-360). Applied at WASM level so shape follows rotated icon. */
+    rotation?: number;
     /** Contour offset (default: 20) */
     offset?: number;
     /** Rasterization resolution (default: 256) */
@@ -149,13 +152,15 @@ interface IconCraftProps {
  */
 interface IconCraftConfigOptions {
     mode?: ShapeMode;
-    color?: string;
+    shapeColor?: string;
     iconStyle?: IconStyle;
+    iconColor?: string;
     shadow?: boolean;
     highlight?: boolean;
     offset?: number;
     resolution?: number;
     simplify?: number;
+    rotation?: number;
     size?: number | string;
     width?: number | string;
     height?: number | string;
@@ -173,13 +178,15 @@ declare const DEFAULT_CONFIG: Required<Omit<IconCraftConfigOptions, 'width' | 'h
  */
 declare class IconCraftConfig {
     readonly mode: ShapeMode;
-    readonly color: string;
+    readonly shapeColor: string;
     readonly iconStyle: IconStyle;
+    readonly iconColor: string;
     readonly shadow: boolean;
     readonly highlight: boolean;
     readonly offset: number;
     readonly resolution: number;
     readonly simplify: number;
+    readonly rotation: number;
     readonly size: number | string;
     readonly width?: number | string;
     readonly height?: number | string;
@@ -199,7 +206,8 @@ declare class IconCraftConfig {
         resolution: number;
         simplify: number;
         includeIcon: boolean;
-        color: string;
+        shapeColor: string;
+        rotation: number;
     };
     /**
      * スタイル用のサイズを取得
@@ -325,7 +333,8 @@ interface WasmGenerateParams {
     resolution: number;
     simplify: number;
     includeIcon: boolean;
-    color: string;
+    shapeColor: string;
+    rotation?: number;
 }
 /**
  * WASMマネージャー（Singleton）
@@ -342,7 +351,7 @@ declare class WasmManagerClass {
     /**
      * WASMモジュールを初期化
      */
-    init(): Promise<typeof _gospelo_dev_iconcraft_wasm>;
+    init(): Promise<typeof gospelo_iconcraft_wasm>;
     /**
      * 初期化済みかどうか
      */
@@ -444,6 +453,70 @@ declare class IconCraftRegistry {
  */
 declare const globalRegistry: IconCraftRegistry;
 
+/**
+ * Dial preset definition
+ */
+interface DialPreset {
+    name: string;
+    renderRing: (props: DialRingProps) => React.ReactNode;
+    renderNotch: (props: DialNotchProps) => React.ReactNode;
+    renderLabel?: (props: DialLabelProps) => React.ReactNode;
+}
+/** Default: dashed ring with circle notch */
+declare const dialPresetDashed: DialPreset;
+/** Solid thin ring with diamond notch */
+declare const dialPresetSolid: DialPreset;
+/** Tick marks ring with arrow notch */
+declare const dialPresetTicks: DialPreset;
+/** Dotted ring with square notch */
+declare const dialPresetDotted: DialPreset;
+/** Double ring with pill-shaped notch */
+declare const dialPresetDouble: DialPreset;
+/** Crosshair style with + shaped notch */
+declare const dialPresetCrosshair: DialPreset;
+/** Minimal: only quarter arcs with triangle notch */
+declare const dialPresetMinimal: DialPreset;
+/** Needle: dashed ring with elongated needle notch */
+declare const dialPresetNeedle: DialPreset;
+/** Bar: solid ring with rounded bar notch */
+declare const dialPresetBar: DialPreset;
+/** Arrow: tick ring with arrow-head notch */
+declare const dialPresetArrow: DialPreset;
+/** All presets for easy iteration */
+declare const dialPresets: {
+    readonly dotted: DialPreset;
+    readonly dashed: DialPreset;
+    readonly solid: DialPreset;
+    readonly ticks: DialPreset;
+    readonly double: DialPreset;
+    readonly crosshair: DialPreset;
+    readonly minimal: DialPreset;
+    readonly needle: DialPreset;
+    readonly bar: DialPreset;
+    readonly arrow: DialPreset;
+};
+type DialPresetName = keyof typeof dialPresets;
+/**
+ * Reticle preset definition
+ */
+interface ReticlePreset {
+    name: string;
+    render: (props: ReticleProps) => React.ReactNode;
+}
+/** Cross: back=bottom+right arms, front=top+left arms + center dot */
+declare const reticlePresetCross: ReticlePreset;
+/** Bullseye: circle + center dot */
+declare const reticlePresetBullseye: ReticlePreset;
+/** Globe: wireframe sphere — all lines split into back (far side) and front (near side) */
+declare const reticlePresetGlobe: ReticlePreset;
+/** All reticle presets */
+declare const reticlePresets: {
+    readonly cross: ReticlePreset;
+    readonly bullseye: ReticlePreset;
+    readonly globe: ReticlePreset;
+};
+type ReticlePresetName = keyof typeof reticlePresets;
+
 interface IconCraftViewProps {
     /** IconCraftInstance */
     instance: IconCraftInstance;
@@ -470,19 +543,137 @@ interface IconCraftViewProps {
     onLoad?: () => void;
     /** Error callback */
     onError?: (error: string) => void;
+    /** Show rotation dial overlay */
+    showRotationDial?: boolean;
+    /** Rotation change callback (called on mouseup with final degree) */
+    onRotationChange?: (deg: number) => void;
+    /** Snap angle in degrees (default: 5) */
+    rotationSnap?: number;
+    /** Custom ring SVG renderer */
+    renderRing?: (props: DialRingProps) => React.ReactNode;
+    /** Custom notch SVG renderer */
+    renderNotch?: (props: DialNotchProps) => React.ReactNode;
+    /** Custom label SVG renderer */
+    renderLabel?: (props: DialLabelProps) => React.ReactNode;
+    /** Dial preset object (overrides renderRing/renderNotch/renderLabel) */
+    dialPreset?: DialPreset;
+    /** Show center reticle */
+    showReticle?: boolean;
+    /** Custom reticle SVG renderer */
+    renderReticle?: (props: ReticleProps) => React.ReactNode;
+    /** Reticle preset object (overrides renderReticle) */
+    reticlePreset?: ReticlePreset;
+}
+/** Props passed to custom reticle renderer */
+interface ReticleProps {
+    cx: number;
+    cy: number;
+    size: number;
+    /** Which layer is being rendered: 'back' (behind icon) or 'front' (above icon) */
+    layer: 'back' | 'front';
+}
+/** Props passed to custom ring renderer */
+interface DialRingProps {
+    cx: number;
+    cy: number;
+    radius: number;
+}
+/** Props passed to custom notch renderer */
+interface DialNotchProps {
+    x: number;
+    y: number;
+    /** Current angle in degrees (0 = top) */
+    degrees: number;
+    onMouseDown: (e: React.MouseEvent) => void;
+}
+/** Props passed to custom label renderer */
+interface DialLabelProps {
+    x: number;
+    y: number;
+    degrees: number;
 }
 /**
  * IconCraftView - インスタンスからSVGを表示するコンポーネント
  *
  * @example
  * ```tsx
- * const factory = new IconCraftFactory({ mode: 'wax', color: '#6366f1' });
+ * const factory = new IconCraftFactory({ mode: 'wax', shapeColor: '#6366f1' });
  * const icon = factory.create('<svg>...</svg>');
  *
  * <IconCraftView instance={icon} zIndex={10} />
  * ```
  */
-declare function IconCraftView({ instance, animation, animationTarget, animateOnHover, zIndex, className, style, onClick, onLoad, onError, }: IconCraftViewProps): react_jsx_runtime.JSX.Element | null;
+declare function IconCraftView({ instance, animation, animationTarget, animateOnHover, zIndex, className, style, onClick, onLoad, onError, showRotationDial, onRotationChange, rotationSnap, renderRing: renderRingProp, renderNotch: renderNotchProp, renderLabel: renderLabelProp, dialPreset, showReticle, renderReticle: renderReticleProp, reticlePreset, }: IconCraftViewProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * IconCraftSimple Props
+ *
+ * シンプルなインターフェースでIconCraftを使用するためのコンポーネント
+ */
+interface IconCraftSimpleProps {
+    /** SVG URL または SVG文字列 */
+    src: string;
+    /** シェイプモード */
+    mode?: ShapeMode;
+    /** アイコンスタイル */
+    iconStyle?: IconStyle;
+    /** アイコンの色（stroke/fillスタイル時） */
+    iconColor?: string;
+    /** シェイプカラー (hex) */
+    shapeColor?: string;
+    /** サイズ (px) */
+    size?: number;
+    /** アニメーション種類 */
+    animation?: AnimationType;
+    /** アニメーションオプション */
+    animationOptions?: AnimationOptions;
+    /** アニメーションターゲット */
+    animationTarget?: AnimationTarget;
+    /** ホバー時にアニメーション */
+    animateOnHover?: boolean;
+    /** Z-index */
+    zIndex?: number;
+    /** クラス名 */
+    className?: string;
+    /** インラインスタイル */
+    style?: React.CSSProperties;
+    /** クリックイベント */
+    onClick?: () => void;
+    /** ロード完了コールバック */
+    onLoad?: () => void;
+    /** エラーコールバック */
+    onError?: (error: string) => void;
+    /** 詳細設定（IconCraftViewに渡す追加props） */
+    viewProps?: Partial<Omit<IconCraftViewProps, 'instance'>>;
+}
+/**
+ * IconCraftSimple
+ *
+ * 最もシンプルな使い方でIconCraftを利用できるコンポーネント
+ *
+ * @example
+ * ```tsx
+ * // 基本的な使い方
+ * <IconCraftSimple src="/icon.svg" />
+ *
+ * // カスタマイズ
+ * <IconCraftSimple
+ *   src="https://example.com/icon.svg"
+ *   mode="jelly"
+ *   shapeColor="#6366f1"
+ *   size={200}
+ *   animation="float"
+ * />
+ *
+ * // SVG文字列を直接渡す
+ * <IconCraftSimple
+ *   src={`<svg>...</svg>`}
+ *   mode="droplet"
+ *   iconStyle="emboss"
+ * />
+ * ```
+ */
+declare function IconCraftSimple({ src, mode, iconStyle, iconColor, shapeColor, size, animation, animationOptions, animationTarget, animateOnHover, zIndex, className, style, onClick, onLoad, onError, viewProps, }: IconCraftSimpleProps): react_jsx_runtime.JSX.Element;
 
 /**
  * IconCraftShape - Full-featured emboss icon component
@@ -492,13 +683,13 @@ declare function IconCraftView({ instance, animation, animationTarget, animateOn
  * <IconCraftShape
  *   svg="<svg>...</svg>"
  *   mode="wax"
- *   color="#6366f1"
+ *   shapeColor="#6366f1"
  *   size={120}
  *   animation="float"
  * />
  * ```
  */
-declare function IconCraftShape({ svg, mode, color, iconStyle, shadow: _shadow, highlight: _highlight, offset, resolution, simplify, width, height, size, animation, animateOnHover, className, style, onLoad, onError, onClick, }: IconCraftShapeProps): react_jsx_runtime.JSX.Element | null;
+declare function IconCraftShape({ svg, mode, shapeColor, iconStyle, shadow: _shadow, highlight: _highlight, offset, resolution, simplify, rotation, width, height, size, animation, animateOnHover, className, style, onLoad, onError, onClick, }: IconCraftShapeProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Legacy IconCraft component
@@ -756,7 +947,7 @@ interface UseIconCraftCreateOptions {
  * @example
  * ```tsx
  * const createIcon = useIconCraftCreate({
- *   config: { mode: 'wax', color: '#6366f1' },
+ *   config: { mode: 'wax', shapeColor: '#6366f1' },
  *   autoSelect: true,
  * });
  *
@@ -777,8 +968,8 @@ interface UseIconCraftOptions {
     svg: string;
     /** Shape mode */
     mode?: ShapeMode;
-    /** Base color (hex) */
-    color?: string;
+    /** Shape color (hex) */
+    shapeColor?: string;
     /** Icon style */
     iconStyle?: IconStyle;
     /** Contour offset */
@@ -787,6 +978,8 @@ interface UseIconCraftOptions {
     resolution?: number;
     /** Polygon simplification epsilon */
     simplify?: number;
+    /** Icon rotation in degrees (0-360) */
+    rotation?: number;
     /** Auto-generate on mount/change */
     autoGenerate?: boolean;
 }
@@ -812,7 +1005,7 @@ interface UseIconCraftReturn {
  * const { result, isLoading, error } = useIconCraft({
  *   svg: '<svg>...</svg>',
  *   mode: 'wax',
- *   color: '#6366f1',
+ *   shapeColor: '#6366f1',
  * });
  * ```
  */
@@ -939,4 +1132,103 @@ declare function getKeyframes(type: AnimationType): string;
 declare const keyframes: Record<BuiltInAnimationType, string>;
 declare function injectKeyframes(type: AnimationType): void;
 
-export { type AnimationOptions, type AnimationTarget, type AnimationType, type BuiltInAnimationType, type ColorPalette, type CustomAnimationDefinition, type CustomAnimationRegistry, DEFAULT_CONFIG, DEFAULT_METADATA, type EmbossIconData, type EmbossPath, IconCraft, IconCraftConfig, type IconCraftConfigOptions, type IconCraftContextValue, type IconCraftDispatcher, type IconCraftEvent, type IconCraftEventFilter, type IconCraftEventHandler, type IconCraftEventType, IconCraftFactory, IconCraftInstance, type IconCraftMetadata, type IconCraftProps, IconCraftProvider, type IconCraftProviderProps, IconCraftRegistry, type IconCraftResult, IconCraftShape, type IconCraftShapeProps, type IconCraftStoreActions, type IconCraftStoreState, IconCraftView, type IconCraftViewProps, type IconLayout, type IconStyle, type ShapeMode, type SvgPaths, type TransformOriginCustom, type TransformOriginPreset, type TransformOriginValue, type UseIconCraftCreateOptions, type UseIconCraftReturn$1 as UseIconCraftInstanceReturn, type UseIconCraftOptions, type UseIconCraftReturn, type UseIconCraftSelectionReturn, type WasmGenerateParams, WasmManager, animationDefaults, createDispatcher, defaultFactory, generateIconId, getAnimationDefaults, getAnimationName, getAnimationStyle, getCustomAnimation, getKeyframes, getTimestampFromId, getTransformOrigin, globalRegistry, injectKeyframes, keyframes, parseAnimationOptions, registerAnimation, useIconCraft, useIconCraftContext, useIconCraftCreate, useIconCraftEvent, useIconCraft$1 as useIconCraftInstance, useIconCraftSelection, useIconCraftStore, useLegacyIconCraft };
+/**
+ * バックアップ用のアイコンデータ
+ */
+interface IconBackupData {
+    /** SVG URL または SVG文字列 */
+    svg: string;
+    /** シェイプモード */
+    mode: ShapeMode;
+    /** アイコンスタイル */
+    iconStyle: IconStyle;
+    /** シェイプカラー */
+    shapeColor: string;
+    /** サイズ */
+    size: number;
+    /** X座標（オプション） */
+    x?: number;
+    /** Y座標（オプション） */
+    y?: number;
+    /** Z-index（オプション） */
+    zIndex?: number;
+    /** アイコンの色（オプション） */
+    iconColor?: string;
+    /** 回転角度（オプション） */
+    rotation?: number;
+    /** アニメーション（オプション） */
+    animation?: AnimationType;
+    /** カスタムメタデータ（オプション） */
+    metadata?: Record<string, unknown>;
+}
+/**
+ * バックアップファイルの形式
+ */
+interface IconCraftBackup {
+    /** バージョン */
+    version: string;
+    /** 作成日時 */
+    createdAt: string;
+    /** ライセンス（オプション） */
+    license?: string;
+    /** ライセンス元URL（オプション） */
+    licenseUrl?: string;
+    /** アイコンデータの配列 */
+    icons: IconBackupData[];
+    /** グローバル設定（オプション） */
+    settings?: {
+        defaultMode?: ShapeMode;
+        defaultIconStyle?: IconStyle;
+        defaultShapeColor?: string;
+        defaultSize?: number;
+    };
+}
+/**
+ * 現在のバックアップバージョン
+ */
+declare const BACKUP_VERSION = "1.0.0";
+/**
+ * バックアップ作成オプション
+ */
+interface CreateBackupOptions {
+    /** グローバル設定 */
+    settings?: IconCraftBackup['settings'];
+    /** ライセンス */
+    license?: string;
+    /** ライセンス元URL */
+    licenseUrl?: string;
+}
+/**
+ * バックアップデータを作成
+ */
+declare function createBackup(icons: IconBackupData[], options?: CreateBackupOptions): IconCraftBackup;
+/**
+ * バックアップをJSONファイルとしてダウンロード
+ */
+declare function downloadBackup(backup: IconCraftBackup, filename?: string): void;
+/**
+ * バックアップをエクスポート（JSON文字列として）
+ */
+declare function exportBackup(backup: IconCraftBackup): string;
+/**
+ * バックアップの検証結果
+ */
+interface BackupValidationResult {
+    valid: boolean;
+    errors: string[];
+    warnings: string[];
+}
+/**
+ * バックアップデータを検証
+ */
+declare function validateBackup(data: unknown): BackupValidationResult;
+/**
+ * JSONファイルからバックアップを読み込み
+ */
+declare function parseBackup(json: string): IconCraftBackup | null;
+/**
+ * ファイル入力からバックアップを読み込み
+ */
+declare function loadBackupFromFile(file: File): Promise<IconCraftBackup | null>;
+
+export { type AnimationOptions, type AnimationTarget, type AnimationType, BACKUP_VERSION, type BackupValidationResult, type BuiltInAnimationType, type ColorPalette, type CreateBackupOptions, type CustomAnimationDefinition, type CustomAnimationRegistry, DEFAULT_CONFIG, DEFAULT_METADATA, type DialLabelProps, type DialNotchProps, type DialPreset, type DialPresetName, type DialRingProps, type EmbossIconData, type EmbossPath, type IconBackupData, IconCraft, type IconCraftBackup, IconCraftConfig, type IconCraftConfigOptions, type IconCraftContextValue, type IconCraftDispatcher, type IconCraftEvent, type IconCraftEventFilter, type IconCraftEventHandler, type IconCraftEventType, IconCraftFactory, IconCraftInstance, type IconCraftMetadata, type IconCraftProps, IconCraftProvider, type IconCraftProviderProps, IconCraftRegistry, type IconCraftResult, IconCraftShape, type IconCraftShapeProps, IconCraftSimple, type IconCraftSimpleProps, type IconCraftStoreActions, type IconCraftStoreState, IconCraftView, type IconCraftViewProps, type IconLayout, type IconStyle, type ReticlePreset, type ReticlePresetName, type ReticleProps, type ShapeMode, type SvgPaths, type TransformOriginCustom, type TransformOriginPreset, type TransformOriginValue, type UseIconCraftCreateOptions, type UseIconCraftReturn$1 as UseIconCraftInstanceReturn, type UseIconCraftOptions, type UseIconCraftReturn, type UseIconCraftSelectionReturn, type WasmGenerateParams, WasmManager, animationDefaults, createBackup, createDispatcher, defaultFactory, dialPresetArrow, dialPresetBar, dialPresetCrosshair, dialPresetDashed, dialPresetDotted, dialPresetDouble, dialPresetMinimal, dialPresetNeedle, dialPresetSolid, dialPresetTicks, dialPresets, downloadBackup, exportBackup, generateIconId, getAnimationDefaults, getAnimationName, getAnimationStyle, getCustomAnimation, getKeyframes, getTimestampFromId, getTransformOrigin, globalRegistry, injectKeyframes, keyframes, loadBackupFromFile, parseAnimationOptions, parseBackup, registerAnimation, reticlePresetBullseye, reticlePresetCross, reticlePresetGlobe, reticlePresets, useIconCraft, useIconCraftContext, useIconCraftCreate, useIconCraftEvent, useIconCraft$1 as useIconCraftInstance, useIconCraftSelection, useIconCraftStore, useLegacyIconCraft, validateBackup };