@nice2dev/icons-cursor 1.0.10

package/dist/cursorBuilder.d.ts

@@ -0,0 +1,242 @@
+import { CSSProperties } from 'react';
+import { CursorIcon, CursorIconProps } from './types';
+/**
+ * Cursor hotspot position (where the click is registered)
+ */
+export interface CursorHotspot {
+    /** X coordinate of hotspot (0-based, measured from left) */
+    x: number;
+    /** Y coordinate of hotspot (0-based, measured from top) */
+    y: number;
+}
+/**
+ * Options for building a CSS cursor
+ */
+export interface CursorBuilderOptions {
+    /** Icon size in pixels (default: 32) */
+    size?: number;
+    /** Icon color (default: #000) */
+    color?: string;
+    /** Secondary color for duotone variant */
+    secondaryColor?: string;
+    /** Hotspot position (default: { x: 0, y: 0 }) */
+    hotspot?: CursorHotspot;
+    /** Fallback CSS cursor value (default: 'auto') */
+    fallback?: string;
+    /** Icon variant */
+    variant?: CursorIconProps['variant'];
+}
+/**
+ * Result from building a cursor
+ */
+export interface CursorBuilderResult {
+    /** The CSS cursor value (data URI + fallback) */
+    cursor: string;
+    /** The data URI only */
+    dataUri: string;
+    /** The hotspot used */
+    hotspot: CursorHotspot;
+    /** The size used */
+    size: number;
+}
+/**
+ * Default hotspot positions for common cursor types.
+ * Values are normalized (0-1), will be multiplied by size.
+ */
+export declare const DEFAULT_HOTSPOTS: Record<string, CursorHotspot>;
+/**
+ * Get normalized hotspot for an icon by name
+ */
+export declare function getDefaultHotspot(iconName: string): CursorHotspot;
+/**
+ * Convert an SVG cursor icon to a CSS cursor value.
+ *
+ * @param IconComponent - The cursor icon React component
+ * @param options - Cursor building options
+ * @returns CSS cursor value with data URI and fallback
+ *
+ * @example
+ * ```tsx
+ * import { Pointer, buildCursor } from '@nice2dev/icons-cursor';
+ *
+ * const { cursor } = buildCursor(Pointer, {
+ *   size: 32,
+ *   color: '#333',
+ *   hotspot: { x: 0, y: 0 }
+ * });
+ *
+ * // Use in styles
+ * <div style={{ cursor }} />
+ * ```
+ */
+export declare function buildCursor(IconComponent: CursorIcon, options?: CursorBuilderOptions): CursorBuilderResult;
+/**
+ * Create a pre-configured cursor builder for a specific icon.
+ *
+ * @param IconComponent - The cursor icon React component
+ * @returns Function that takes options and returns cursor CSS
+ *
+ * @example
+ * ```tsx
+ * const penCursor = createCursorBuilder(Pen);
+ *
+ * // Later use with different options
+ * const cursor1 = penCursor({ color: 'red' });
+ * const cursor2 = penCursor({ color: 'blue', size: 48 });
+ * ```
+ */
+export declare function createCursorBuilder(IconComponent: CursorIcon): (options?: CursorBuilderOptions) => CursorBuilderResult;
+/**
+ * Build multiple cursors at once with shared options.
+ *
+ * @param icons - Map of cursor names to icon components
+ * @param sharedOptions - Options applied to all cursors
+ * @returns Map of cursor names to their CSS values
+ *
+ * @example
+ * ```tsx
+ * const cursors = buildCursors({
+ *   pointer: Pointer,
+ *   pen: Pen,
+ *   eraser: Eraser,
+ * }, { size: 24, color: '#333' });
+ *
+ * // cursors.pointer => "url(data:...) 0 0, auto"
+ * // cursors.pen => "url(data:...) 2 22, auto"
+ * ```
+ */
+export declare function buildCursors<T extends Record<string, CursorIcon>>(icons: T, sharedOptions?: CursorBuilderOptions): Record<keyof T, string>;
+/**
+ * Generate CSS custom properties for cursor icons.
+ * Useful for defining cursors once and using them via CSS variables.
+ *
+ * @param icons - Map of cursor names to icon components
+ * @param options - Cursor building options
+ * @param prefix - CSS variable prefix (default: '--cursor')
+ * @returns CSS string with custom property definitions
+ *
+ * @example
+ * ```tsx
+ * const css = generateCursorCSS({
+ *   pointer: Pointer,
+ *   pen: Pen,
+ * });
+ *
+ * // Returns:
+ * // :root {
+ * //   --cursor-pointer: url(data:...) 0 0, auto;
+ * //   --cursor-pen: url(data:...) 2 22, auto;
+ * // }
+ * ```
+ */
+export declare function generateCursorCSS<T extends Record<string, CursorIcon>>(icons: T, options?: CursorBuilderOptions, prefix?: string): string;
+/**
+ * Hook to apply a custom cursor to an element.
+ * Returns style object and handlers for dynamic cursor changes.
+ *
+ * @param IconComponent - The cursor icon component
+ * @param options - Cursor building options
+ * @returns Style object with cursor property
+ *
+ * @example
+ * ```tsx
+ * function Canvas() {
+ *   const cursorStyle = useCursor(Pen, { color: 'blue' });
+ *
+ *   return <div style={cursorStyle}>Draw here</div>;
+ * }
+ * ```
+ */
+export declare function useCursor(IconComponent: CursorIcon | null, options?: CursorBuilderOptions): CSSProperties;
+/**
+ * Hook to manage multiple cursors with easy switching.
+ *
+ * @param cursors - Map of cursor names to icon components
+ * @param options - Shared cursor building options
+ * @returns Tuple of [currentStyle, setCursor, cursorMap]
+ *
+ * @example
+ * ```tsx
+ * function Editor() {
+ *   const [style, setCursor, cursors] = useCursors({
+ *     pointer: Pointer,
+ *     pen: Pen,
+ *     eraser: Eraser,
+ *   });
+ *
+ *   return (
+ *     <div style={style}>
+ *       <button onClick={() => setCursor('pen')}>Pen</button>
+ *       <button onClick={() => setCursor('eraser')}>Eraser</button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function useCursors<T extends Record<string, CursorIcon>>(cursors: T, options?: CursorBuilderOptions): [CSSProperties, (name: keyof T | null) => void, Record<keyof T, string>];
+/**
+ * Configuration for a complete cursor theme
+ */
+export interface CursorTheme {
+    default: string;
+    pointer: string;
+    text: string;
+    wait: string;
+    help: string;
+    notAllowed: string;
+    grab: string;
+    grabbing: string;
+    crosshair: string;
+    move: string;
+    resizeN: string;
+    resizeS: string;
+    resizeE: string;
+    resizeW: string;
+    resizeNE: string;
+    resizeNW: string;
+    resizeSE: string;
+    resizeSW: string;
+    resizeHorizontal: string;
+    resizeVertical: string;
+}
+/**
+ * Create a complete cursor theme from cursor icons.
+ *
+ * @param theme - Map of cursor type to icon component
+ * @param options - Shared building options
+ * @returns Complete cursor theme object
+ *
+ * @example
+ * ```tsx
+ * import * as cursors from '@nice2dev/icons-cursor';
+ *
+ * const theme = createCursorTheme({
+ *   default: cursors.Pointer,
+ *   pointer: cursors.PointerFinger,
+ *   text: cursors.TextCursor,
+ *   // ...
+ * }, { size: 24 });
+ *
+ * // Apply to CSS
+ * document.body.style.cursor = theme.default;
+ * ```
+ */
+export declare function createCursorTheme(theme: Partial<Record<keyof CursorTheme, CursorIcon>>, options?: CursorBuilderOptions): Partial<CursorTheme>;
+/**
+ * Apply a cursor theme to the document's CSS custom properties.
+ * This allows using the cursors via CSS: `cursor: var(--cursor-pointer)`
+ *
+ * @param theme - Cursor theme to apply
+ * @param prefix - CSS variable prefix (default: '--cursor')
+ *
+ * @example
+ * ```tsx
+ * const theme = createCursorTheme({ ... });
+ * applyCursorTheme(theme);
+ *
+ * // In CSS:
+ * // .button:hover { cursor: var(--cursor-pointer); }
+ * ```
+ */
+export declare function applyCursorTheme(theme: Partial<CursorTheme>, prefix?: string): void;
+//# sourceMappingURL=cursorBuilder.d.ts.map

package/dist/cursorBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursorBuilder.d.ts","sourceRoot":"","sources":["../src/cursorBuilder.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAiB,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA0B3D;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,4DAA4D;IAC5D,CAAC,EAAE,MAAM,CAAC;IACV,2DAA2D;IAC3D,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iDAAiD;IACjD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,iDAAiD;IACjD,MAAM,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,uBAAuB;IACvB,OAAO,EAAE,aAAa,CAAC;IACvB,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAID;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAmC1D,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa,CA4CjE;AAID;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,WAAW,CACzB,aAAa,EAAE,UAAU,EACzB,OAAO,GAAE,oBAAyB,GACjC,mBAAmB,CAoDrB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,UAAU,GACxB,CAAC,OAAO,CAAC,EAAE,oBAAoB,KAAK,mBAAmB,CAEzD;AAID;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,EAC/D,KAAK,EAAE,CAAC,EACR,aAAa,GAAE,oBAAyB,GACvC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAQzB;AAID;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,EACpE,KAAK,EAAE,CAAC,EACR,OAAO,GAAE,oBAAyB,EAClC,MAAM,SAAa,GAClB,MAAM,CAOR;AAID;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,SAAS,CACvB,aAAa,EAAE,UAAU,GAAG,IAAI,EAChC,OAAO,GAAE,oBAAyB,GACjC,aAAa,CAkBf;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,EAC7D,OAAO,EAAE,CAAC,EACV,OAAO,GAAE,oBAAyB,GACjC,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,IAAI,KAAK,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAgB1E;AAID;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,WAAW,EAAE,UAAU,CAAC,CAAC,EACrD,OAAO,GAAE,oBAAyB,GACjC,OAAO,CAAC,WAAW,CAAC,CAUtB;AAID;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,MAAM,SAAa,GAAG,IAAI,CAUvF"}

package/dist/index.cjs

@@ -0,0 +1,288 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createCursorIcon = require("./createCursorIcon-Crwdo_Qk.js");
+const React = require("react");
+const pointers = require("./pointers-DxPqgPxN.js");
+const selection = require("./selection-CINU3bsI.js");
+const status = require("./status-L6N47QMq.js");
+const tools = require("./tools-ttgDzC_5.js");
+let cachedRenderer = null;
+function getRenderer() {
+  if (cachedRenderer) {
+    return cachedRenderer;
+  }
+  const reactDomServer = require("react-dom/server");
+  cachedRenderer = reactDomServer.renderToStaticMarkup;
+  return cachedRenderer;
+}
+const DEFAULT_HOTSPOTS = {
+  // Pointer at tip (top-left)
+  pointer: { x: 0, y: 0 },
+  pointerFinger: { x: 0.35, y: 0 },
+  // Crosshair at center
+  crosshair: { x: 0.5, y: 0.5 },
+  // Move cursor at center
+  move: { x: 0.5, y: 0.5 },
+  // Resize cursors at center
+  resize: { x: 0.5, y: 0.5 },
+  // Text cursor at center-bottom
+  text: { x: 0.5, y: 0.9 },
+  // Grab/grabbing at palm center
+  grab: { x: 0.5, y: 0.4 },
+  // Drawing tools at tool tip
+  pen: { x: 0.1, y: 0.9 },
+  brush: { x: 0.15, y: 0.85 },
+  eraser: { x: 0.15, y: 0.85 },
+  eyedropper: { x: 0.05, y: 0.95 },
+  bucket: { x: 0.1, y: 0.85 },
+  // Zoom at center of glass
+  zoom: { x: 0.35, y: 0.35 },
+  // Pan at center
+  pan: { x: 0.5, y: 0.5 },
+  // Default fallback
+  default: { x: 0, y: 0 }
+};
+function getDefaultHotspot(iconName) {
+  const name = iconName.toLowerCase();
+  if (name.includes("pointer") || name.includes("finger")) {
+    return name.includes("finger") ? DEFAULT_HOTSPOTS.pointerFinger : DEFAULT_HOTSPOTS.pointer;
+  }
+  if (name.includes("crosshair")) {
+    return DEFAULT_HOTSPOTS.crosshair;
+  }
+  if (name.includes("move")) {
+    return DEFAULT_HOTSPOTS.move;
+  }
+  if (name.includes("resize")) {
+    return DEFAULT_HOTSPOTS.resize;
+  }
+  if (name.includes("text") || name.includes("cursor")) {
+    return DEFAULT_HOTSPOTS.text;
+  }
+  if (name.includes("grab")) {
+    return DEFAULT_HOTSPOTS.grab;
+  }
+  if (name.includes("pen") || name.includes("line")) {
+    return DEFAULT_HOTSPOTS.pen;
+  }
+  if (name.includes("brush") || name.includes("draw")) {
+    return DEFAULT_HOTSPOTS.brush;
+  }
+  if (name.includes("eraser")) {
+    return DEFAULT_HOTSPOTS.eraser;
+  }
+  if (name.includes("eyedropper") || name.includes("picker")) {
+    return DEFAULT_HOTSPOTS.eyedropper;
+  }
+  if (name.includes("bucket") || name.includes("fill")) {
+    return DEFAULT_HOTSPOTS.bucket;
+  }
+  if (name.includes("zoom")) {
+    return DEFAULT_HOTSPOTS.zoom;
+  }
+  if (name.includes("pan")) {
+    return DEFAULT_HOTSPOTS.pan;
+  }
+  return DEFAULT_HOTSPOTS.default;
+}
+function buildCursor(IconComponent, options = {}) {
+  const {
+    size = 32,
+    color = "#000",
+    secondaryColor,
+    hotspot,
+    fallback = "auto",
+    variant = "filled"
+  } = options;
+  const renderToMarkup = getRenderer();
+  const element = React.createElement(IconComponent, {
+    size,
+    color,
+    secondaryColor,
+    variant
+  });
+  const svgMarkup = renderToMarkup(element);
+  const base64 = typeof btoa === "function" ? btoa(unescape(encodeURIComponent(svgMarkup))) : Buffer.from(svgMarkup, "utf8").toString("base64");
+  const dataUri = `data:image/svg+xml;base64,${base64}`;
+  const componentName = IconComponent.displayName || IconComponent.name || "default";
+  const normalizedHotspot = hotspot || getDefaultHotspot(componentName);
+  const actualHotspot = {
+    x: Math.round(normalizedHotspot.x * size),
+    y: Math.round(normalizedHotspot.y * size)
+  };
+  if (hotspot && (hotspot.x > 1 || hotspot.y > 1)) {
+    actualHotspot.x = Math.round(hotspot.x);
+    actualHotspot.y = Math.round(hotspot.y);
+  }
+  const cursor = `url(${dataUri}) ${actualHotspot.x} ${actualHotspot.y}, ${fallback}`;
+  return {
+    cursor,
+    dataUri,
+    hotspot: actualHotspot,
+    size
+  };
+}
+function createCursorBuilder(IconComponent) {
+  return (options) => buildCursor(IconComponent, options);
+}
+function buildCursors(icons, sharedOptions = {}) {
+  const result = {};
+  for (const [name, IconComponent] of Object.entries(icons)) {
+    result[name] = buildCursor(IconComponent, sharedOptions).cursor;
+  }
+  return result;
+}
+function generateCursorCSS(icons, options = {}, prefix = "--cursor") {
+  const cursors = buildCursors(icons, options);
+  const properties = Object.entries(cursors).map(([name, value]) => `  ${prefix}-${name}: ${value};`).join("\n");
+  return `:root {
+${properties}
+}`;
+}
+function useCursor(IconComponent, options = {}) {
+  var _a, _b;
+  const cursor = React.useMemo(() => {
+    if (!IconComponent) {
+      return "auto";
+    }
+    return buildCursor(IconComponent, options).cursor;
+  }, [
+    IconComponent,
+    options.size,
+    options.color,
+    (_a = options.hotspot) == null ? void 0 : _a.x,
+    (_b = options.hotspot) == null ? void 0 : _b.y,
+    options.fallback,
+    options.variant,
+    options.secondaryColor
+  ]);
+  return { cursor };
+}
+function useCursors(cursors, options = {}) {
+  const cursorMap = React.useMemo(
+    () => buildCursors(cursors, options),
+    [cursors, options.size, options.color, options.variant]
+  );
+  const [activeCursor, setActiveCursor] = React.useState(null);
+  const style = React.useMemo(
+    () => ({
+      cursor: activeCursor ? cursorMap[activeCursor] : "auto"
+    }),
+    [activeCursor, cursorMap]
+  );
+  return [style, setActiveCursor, cursorMap];
+}
+function createCursorTheme(theme, options = {}) {
+  const result = {};
+  for (const [key, IconComponent] of Object.entries(theme)) {
+    if (IconComponent) {
+      result[key] = buildCursor(IconComponent, options).cursor;
+    }
+  }
+  return result;
+}
+function applyCursorTheme(theme, prefix = "--cursor") {
+  if (typeof document === "undefined") {
+    return;
+  }
+  const root = document.documentElement;
+  for (const [name, value] of Object.entries(theme)) {
+    root.style.setProperty(`${prefix}-${name}`, value);
+  }
+}
+const allCursorIcons = {
+  ...pointers.pointerIcons,
+  ...selection.selectionIcons,
+  ...tools.toolIcons,
+  ...status.statusIcons
+};
+const CURSOR_ICON_COUNTS = {
+  pointers: 15,
+  selection: 15,
+  tools: 15,
+  status: 15,
+  total: 60
+};
+exports.createCursorIcon = createCursorIcon.createCursorIcon;
+exports.getCursorAnimation = createCursorIcon.getCursorAnimation;
+exports.Crosshair = pointers.Crosshair;
+exports.Move = pointers.Move;
+exports.Pointer = pointers.Pointer;
+exports.PointerFinger = pointers.PointerFinger;
+exports.ResizeAll = pointers.ResizeAll;
+exports.ResizeE = pointers.ResizeE;
+exports.ResizeHorizontal = pointers.ResizeHorizontal;
+exports.ResizeN = pointers.ResizeN;
+exports.ResizeNE = pointers.ResizeNE;
+exports.ResizeNW = pointers.ResizeNW;
+exports.ResizeS = pointers.ResizeS;
+exports.ResizeSE = pointers.ResizeSE;
+exports.ResizeSW = pointers.ResizeSW;
+exports.ResizeVertical = pointers.ResizeVertical;
+exports.ResizeW = pointers.ResizeW;
+exports.pointerIcons = pointers.pointerIcons;
+exports.pointers = pointers.pointers;
+exports.CellSelection = selection.CellSelection;
+exports.ColumnSelect = selection.ColumnSelect;
+exports.Deselect = selection.Deselect;
+exports.Drag = selection.Drag;
+exports.DragHandle = selection.DragHandle;
+exports.Grab = selection.Grab;
+exports.Grabbing = selection.Grabbing;
+exports.InvertSelection = selection.InvertSelection;
+exports.Lasso = selection.Lasso;
+exports.MagicWand = selection.MagicWand;
+exports.RangeSelect = selection.RangeSelect;
+exports.RowSelect = selection.RowSelect;
+exports.SelectAll = selection.SelectAll;
+exports.TextCursor = selection.TextCursor;
+exports.TextSelect = selection.TextSelect;
+exports.selection = selection.selection;
+exports.selectionIcons = selection.selectionIcons;
+exports.Alias = status.Alias;
+exports.Auto = status.Auto;
+exports.Busy = status.Busy;
+exports.ContextMenu = status.ContextMenu;
+exports.Copy = status.Copy;
+exports.Default = status.Default;
+exports.Forbidden = status.Forbidden;
+exports.Help = status.Help;
+exports.Inherit = status.Inherit;
+exports.Loading = status.Loading;
+exports.NoDrop = status.NoDrop;
+exports.None = status.None;
+exports.NotAllowed = status.NotAllowed;
+exports.Progress = status.Progress;
+exports.Wait = status.Wait;
+exports.status = status.status;
+exports.statusIcons = status.statusIcons;
+exports.Brush = tools.Brush;
+exports.Bucket = tools.Bucket;
+exports.Crop = tools.Crop;
+exports.Draw = tools.Draw;
+exports.Ellipse = tools.Ellipse;
+exports.Eraser = tools.Eraser;
+exports.Eyedropper = tools.Eyedropper;
+exports.Line = tools.Line;
+exports.Pan = tools.Pan;
+exports.Pen = tools.Pen;
+exports.Polygon = tools.Polygon;
+exports.Rectangle = tools.Rectangle;
+exports.Rotate = tools.Rotate;
+exports.ZoomIn = tools.ZoomIn;
+exports.ZoomOut = tools.ZoomOut;
+exports.toolIcons = tools.toolIcons;
+exports.tools = tools.tools;
+exports.CURSOR_ICON_COUNTS = CURSOR_ICON_COUNTS;
+exports.DEFAULT_HOTSPOTS = DEFAULT_HOTSPOTS;
+exports.allCursorIcons = allCursorIcons;
+exports.applyCursorTheme = applyCursorTheme;
+exports.buildCursor = buildCursor;
+exports.buildCursors = buildCursors;
+exports.createCursorBuilder = createCursorBuilder;
+exports.createCursorTheme = createCursorTheme;
+exports.generateCursorCSS = generateCursorCSS;
+exports.getDefaultHotspot = getDefaultHotspot;
+exports.useCursor = useCursor;
+exports.useCursors = useCursors;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/cursorBuilder.tsx","../src/index.ts"],"sourcesContent":["/**\r\n * @file cursorBuilder.tsx\r\n * @description Utilities to convert cursor icons to CSS cursor values\r\n *\r\n * This module provides functions to transform SVG cursor icons into\r\n * usable CSS cursor definitions with customizable hotspots.\r\n */\r\n\r\nimport { createElement, useMemo, useState } from 'react';\r\nimport type { CSSProperties, FC, ReactNode } from 'react';\r\n\r\nimport type { CursorIcon, CursorIconProps } from './types';\r\n\r\n// Type for renderToStaticMarkup function\r\ntype RenderFn = (element: ReactNode) => string;\r\n\r\n// Lazy loaded renderer\r\nlet cachedRenderer: RenderFn | null = null;\r\n\r\n/**\r\n * Get the react-dom/server renderer.\r\n * Uses dynamic require for compatibility with bundlers.\r\n */\r\nfunction getRenderer(): RenderFn {\r\n  if (cachedRenderer) {\r\n    return cachedRenderer;\r\n  }\r\n\r\n  // Dynamic import at runtime\r\n  // eslint-disable-next-line @typescript-eslint/no-require-imports\r\n  const reactDomServer = require('react-dom/server') as { renderToStaticMarkup: RenderFn };\r\n  cachedRenderer = reactDomServer.renderToStaticMarkup;\r\n  return cachedRenderer;\r\n}\r\n\r\n/* ─── Types ─── */\r\n\r\n/**\r\n * Cursor hotspot position (where the click is registered)\r\n */\r\nexport interface CursorHotspot {\r\n  /** X coordinate of hotspot (0-based, measured from left) */\r\n  x: number;\r\n  /** Y coordinate of hotspot (0-based, measured from top) */\r\n  y: number;\r\n}\r\n\r\n/**\r\n * Options for building a CSS cursor\r\n */\r\nexport interface CursorBuilderOptions {\r\n  /** Icon size in pixels (default: 32) */\r\n  size?: number;\r\n  /** Icon color (default: #000) */\r\n  color?: string;\r\n  /** Secondary color for duotone variant */\r\n  secondaryColor?: string;\r\n  /** Hotspot position (default: { x: 0, y: 0 }) */\r\n  hotspot?: CursorHotspot;\r\n  /** Fallback CSS cursor value (default: 'auto') */\r\n  fallback?: string;\r\n  /** Icon variant */\r\n  variant?: CursorIconProps['variant'];\r\n}\r\n\r\n/**\r\n * Result from building a cursor\r\n */\r\nexport interface CursorBuilderResult {\r\n  /** The CSS cursor value (data URI + fallback) */\r\n  cursor: string;\r\n  /** The data URI only */\r\n  dataUri: string;\r\n  /** The hotspot used */\r\n  hotspot: CursorHotspot;\r\n  /** The size used */\r\n  size: number;\r\n}\r\n\r\n/* ─── Default Hotspots ─── */\r\n\r\n/**\r\n * Default hotspot positions for common cursor types.\r\n * Values are normalized (0-1), will be multiplied by size.\r\n */\r\nexport const DEFAULT_HOTSPOTS: Record<string, CursorHotspot> = {\r\n  // Pointer at tip (top-left)\r\n  pointer: { x: 0, y: 0 },\r\n  pointerFinger: { x: 0.35, y: 0 },\r\n\r\n  // Crosshair at center\r\n  crosshair: { x: 0.5, y: 0.5 },\r\n\r\n  // Move cursor at center\r\n  move: { x: 0.5, y: 0.5 },\r\n\r\n  // Resize cursors at center\r\n  resize: { x: 0.5, y: 0.5 },\r\n\r\n  // Text cursor at center-bottom\r\n  text: { x: 0.5, y: 0.9 },\r\n\r\n  // Grab/grabbing at palm center\r\n  grab: { x: 0.5, y: 0.4 },\r\n\r\n  // Drawing tools at tool tip\r\n  pen: { x: 0.1, y: 0.9 },\r\n  brush: { x: 0.15, y: 0.85 },\r\n  eraser: { x: 0.15, y: 0.85 },\r\n  eyedropper: { x: 0.05, y: 0.95 },\r\n  bucket: { x: 0.1, y: 0.85 },\r\n\r\n  // Zoom at center of glass\r\n  zoom: { x: 0.35, y: 0.35 },\r\n\r\n  // Pan at center\r\n  pan: { x: 0.5, y: 0.5 },\r\n\r\n  // Default fallback\r\n  default: { x: 0, y: 0 },\r\n};\r\n\r\n/**\r\n * Get normalized hotspot for an icon by name\r\n */\r\nexport function getDefaultHotspot(iconName: string): CursorHotspot {\r\n  const name = iconName.toLowerCase();\r\n\r\n  if (name.includes('pointer') || name.includes('finger')) {\r\n    return name.includes('finger') ? DEFAULT_HOTSPOTS.pointerFinger : DEFAULT_HOTSPOTS.pointer;\r\n  }\r\n  if (name.includes('crosshair')) {\r\n    return DEFAULT_HOTSPOTS.crosshair;\r\n  }\r\n  if (name.includes('move')) {\r\n    return DEFAULT_HOTSPOTS.move;\r\n  }\r\n  if (name.includes('resize')) {\r\n    return DEFAULT_HOTSPOTS.resize;\r\n  }\r\n  if (name.includes('text') || name.includes('cursor')) {\r\n    return DEFAULT_HOTSPOTS.text;\r\n  }\r\n  if (name.includes('grab')) {\r\n    return DEFAULT_HOTSPOTS.grab;\r\n  }\r\n  if (name.includes('pen') || name.includes('line')) {\r\n    return DEFAULT_HOTSPOTS.pen;\r\n  }\r\n  if (name.includes('brush') || name.includes('draw')) {\r\n    return DEFAULT_HOTSPOTS.brush;\r\n  }\r\n  if (name.includes('eraser')) {\r\n    return DEFAULT_HOTSPOTS.eraser;\r\n  }\r\n  if (name.includes('eyedropper') || name.includes('picker')) {\r\n    return DEFAULT_HOTSPOTS.eyedropper;\r\n  }\r\n  if (name.includes('bucket') || name.includes('fill')) {\r\n    return DEFAULT_HOTSPOTS.bucket;\r\n  }\r\n  if (name.includes('zoom')) {\r\n    return DEFAULT_HOTSPOTS.zoom;\r\n  }\r\n  if (name.includes('pan')) {\r\n    return DEFAULT_HOTSPOTS.pan;\r\n  }\r\n\r\n  return DEFAULT_HOTSPOTS.default;\r\n}\r\n\r\n/* ─── Core Builder Function ─── */\r\n\r\n/**\r\n * Convert an SVG cursor icon to a CSS cursor value.\r\n *\r\n * @param IconComponent - The cursor icon React component\r\n * @param options - Cursor building options\r\n * @returns CSS cursor value with data URI and fallback\r\n *\r\n * @example\r\n * ```tsx\r\n * import { Pointer, buildCursor } from '@nice2dev/icons-cursor';\r\n *\r\n * const { cursor } = buildCursor(Pointer, {\r\n *   size: 32,\r\n *   color: '#333',\r\n *   hotspot: { x: 0, y: 0 }\r\n * });\r\n *\r\n * // Use in styles\r\n * <div style={{ cursor }} />\r\n * ```\r\n */\r\nexport function buildCursor(\r\n  IconComponent: CursorIcon,\r\n  options: CursorBuilderOptions = {},\r\n): CursorBuilderResult {\r\n  const {\r\n    size = 32,\r\n    color = '#000',\r\n    secondaryColor,\r\n    hotspot,\r\n    fallback = 'auto',\r\n    variant = 'filled',\r\n  } = options;\r\n\r\n  // Render the icon to static SVG markup\r\n  const renderToMarkup = getRenderer();\r\n  const element = createElement(IconComponent, {\r\n    size,\r\n    color,\r\n    secondaryColor,\r\n    variant,\r\n  });\r\n  const svgMarkup = renderToMarkup(element);\r\n\r\n  // Convert to data URI (use base64 for better compatibility)\r\n  const base64 =\r\n    typeof btoa === 'function'\r\n      ? btoa(unescape(encodeURIComponent(svgMarkup)))\r\n      : Buffer.from(svgMarkup, 'utf8').toString('base64');\r\n\r\n  const dataUri = `data:image/svg+xml;base64,${base64}`;\r\n\r\n  // Calculate hotspot (use default based on component name if not provided)\r\n  const componentName =\r\n    (IconComponent as FC & { displayName?: string }).displayName || IconComponent.name || 'default';\r\n  const normalizedHotspot = hotspot || getDefaultHotspot(componentName);\r\n  const actualHotspot: CursorHotspot = {\r\n    x: Math.round(normalizedHotspot.x * size),\r\n    y: Math.round(normalizedHotspot.y * size),\r\n  };\r\n\r\n  // If hotspot was provided without normalization (values > 1), use as-is\r\n  if (hotspot && (hotspot.x > 1 || hotspot.y > 1)) {\r\n    actualHotspot.x = Math.round(hotspot.x);\r\n    actualHotspot.y = Math.round(hotspot.y);\r\n  }\r\n\r\n  // Build the CSS cursor value\r\n  const cursor = `url(${dataUri}) ${actualHotspot.x} ${actualHotspot.y}, ${fallback}`;\r\n\r\n  return {\r\n    cursor,\r\n    dataUri,\r\n    hotspot: actualHotspot,\r\n    size,\r\n  };\r\n}\r\n\r\n/**\r\n * Create a pre-configured cursor builder for a specific icon.\r\n *\r\n * @param IconComponent - The cursor icon React component\r\n * @returns Function that takes options and returns cursor CSS\r\n *\r\n * @example\r\n * ```tsx\r\n * const penCursor = createCursorBuilder(Pen);\r\n *\r\n * // Later use with different options\r\n * const cursor1 = penCursor({ color: 'red' });\r\n * const cursor2 = penCursor({ color: 'blue', size: 48 });\r\n * ```\r\n */\r\nexport function createCursorBuilder(\r\n  IconComponent: CursorIcon,\r\n): (options?: CursorBuilderOptions) => CursorBuilderResult {\r\n  return (options?: CursorBuilderOptions) => buildCursor(IconComponent, options);\r\n}\r\n\r\n/* ─── Batch Builder ─── */\r\n\r\n/**\r\n * Build multiple cursors at once with shared options.\r\n *\r\n * @param icons - Map of cursor names to icon components\r\n * @param sharedOptions - Options applied to all cursors\r\n * @returns Map of cursor names to their CSS values\r\n *\r\n * @example\r\n * ```tsx\r\n * const cursors = buildCursors({\r\n *   pointer: Pointer,\r\n *   pen: Pen,\r\n *   eraser: Eraser,\r\n * }, { size: 24, color: '#333' });\r\n *\r\n * // cursors.pointer => \"url(data:...) 0 0, auto\"\r\n * // cursors.pen => \"url(data:...) 2 22, auto\"\r\n * ```\r\n */\r\nexport function buildCursors<T extends Record<string, CursorIcon>>(\r\n  icons: T,\r\n  sharedOptions: CursorBuilderOptions = {},\r\n): Record<keyof T, string> {\r\n  const result = {} as Record<keyof T, string>;\r\n\r\n  for (const [name, IconComponent] of Object.entries(icons)) {\r\n    result[name as keyof T] = buildCursor(IconComponent, sharedOptions).cursor;\r\n  }\r\n\r\n  return result;\r\n}\r\n\r\n/* ─── CSS Custom Property Generator ─── */\r\n\r\n/**\r\n * Generate CSS custom properties for cursor icons.\r\n * Useful for defining cursors once and using them via CSS variables.\r\n *\r\n * @param icons - Map of cursor names to icon components\r\n * @param options - Cursor building options\r\n * @param prefix - CSS variable prefix (default: '--cursor')\r\n * @returns CSS string with custom property definitions\r\n *\r\n * @example\r\n * ```tsx\r\n * const css = generateCursorCSS({\r\n *   pointer: Pointer,\r\n *   pen: Pen,\r\n * });\r\n *\r\n * // Returns:\r\n * // :root {\r\n * //   --cursor-pointer: url(data:...) 0 0, auto;\r\n * //   --cursor-pen: url(data:...) 2 22, auto;\r\n * // }\r\n * ```\r\n */\r\nexport function generateCursorCSS<T extends Record<string, CursorIcon>>(\r\n  icons: T,\r\n  options: CursorBuilderOptions = {},\r\n  prefix = '--cursor',\r\n): string {\r\n  const cursors = buildCursors(icons, options);\r\n  const properties = Object.entries(cursors)\r\n    .map(([name, value]) => `  ${prefix}-${name}: ${value};`)\r\n    .join('\\n');\r\n\r\n  return `:root {\\n${properties}\\n}`;\r\n}\r\n\r\n/* ─── React Hook ─── */\r\n\r\n/**\r\n * Hook to apply a custom cursor to an element.\r\n * Returns style object and handlers for dynamic cursor changes.\r\n *\r\n * @param IconComponent - The cursor icon component\r\n * @param options - Cursor building options\r\n * @returns Style object with cursor property\r\n *\r\n * @example\r\n * ```tsx\r\n * function Canvas() {\r\n *   const cursorStyle = useCursor(Pen, { color: 'blue' });\r\n *\r\n *   return <div style={cursorStyle}>Draw here</div>;\r\n * }\r\n * ```\r\n */\r\nexport function useCursor(\r\n  IconComponent: CursorIcon | null,\r\n  options: CursorBuilderOptions = {},\r\n): CSSProperties {\r\n  const cursor = useMemo(() => {\r\n    if (!IconComponent) {\r\n      return 'auto';\r\n    }\r\n    return buildCursor(IconComponent, options).cursor;\r\n  }, [\r\n    IconComponent,\r\n    options.size,\r\n    options.color,\r\n    options.hotspot?.x,\r\n    options.hotspot?.y,\r\n    options.fallback,\r\n    options.variant,\r\n    options.secondaryColor,\r\n  ]);\r\n\r\n  return { cursor };\r\n}\r\n\r\n/**\r\n * Hook to manage multiple cursors with easy switching.\r\n *\r\n * @param cursors - Map of cursor names to icon components\r\n * @param options - Shared cursor building options\r\n * @returns Tuple of [currentStyle, setCursor, cursorMap]\r\n *\r\n * @example\r\n * ```tsx\r\n * function Editor() {\r\n *   const [style, setCursor, cursors] = useCursors({\r\n *     pointer: Pointer,\r\n *     pen: Pen,\r\n *     eraser: Eraser,\r\n *   });\r\n *\r\n *   return (\r\n *     <div style={style}>\r\n *       <button onClick={() => setCursor('pen')}>Pen</button>\r\n *       <button onClick={() => setCursor('eraser')}>Eraser</button>\r\n *     </div>\r\n *   );\r\n * }\r\n * ```\r\n */\r\nexport function useCursors<T extends Record<string, CursorIcon>>(\r\n  cursors: T,\r\n  options: CursorBuilderOptions = {},\r\n): [CSSProperties, (name: keyof T | null) => void, Record<keyof T, string>] {\r\n  const cursorMap = useMemo(\r\n    () => buildCursors(cursors, options),\r\n    [cursors, options.size, options.color, options.variant],\r\n  );\r\n\r\n  const [activeCursor, setActiveCursor] = useState<keyof T | null>(null);\r\n\r\n  const style = useMemo(\r\n    (): CSSProperties => ({\r\n      cursor: activeCursor ? cursorMap[activeCursor] : 'auto',\r\n    }),\r\n    [activeCursor, cursorMap],\r\n  );\r\n\r\n  return [style, setActiveCursor, cursorMap];\r\n}\r\n\r\n/* ─── Prebuilt Cursor Sets ─── */\r\n\r\n/**\r\n * Configuration for a complete cursor theme\r\n */\r\nexport interface CursorTheme {\r\n  default: string;\r\n  pointer: string;\r\n  text: string;\r\n  wait: string;\r\n  help: string;\r\n  notAllowed: string;\r\n  grab: string;\r\n  grabbing: string;\r\n  crosshair: string;\r\n  move: string;\r\n  resizeN: string;\r\n  resizeS: string;\r\n  resizeE: string;\r\n  resizeW: string;\r\n  resizeNE: string;\r\n  resizeNW: string;\r\n  resizeSE: string;\r\n  resizeSW: string;\r\n  resizeHorizontal: string;\r\n  resizeVertical: string;\r\n}\r\n\r\n/**\r\n * Create a complete cursor theme from cursor icons.\r\n *\r\n * @param theme - Map of cursor type to icon component\r\n * @param options - Shared building options\r\n * @returns Complete cursor theme object\r\n *\r\n * @example\r\n * ```tsx\r\n * import * as cursors from '@nice2dev/icons-cursor';\r\n *\r\n * const theme = createCursorTheme({\r\n *   default: cursors.Pointer,\r\n *   pointer: cursors.PointerFinger,\r\n *   text: cursors.TextCursor,\r\n *   // ...\r\n * }, { size: 24 });\r\n *\r\n * // Apply to CSS\r\n * document.body.style.cursor = theme.default;\r\n * ```\r\n */\r\nexport function createCursorTheme(\r\n  theme: Partial<Record<keyof CursorTheme, CursorIcon>>,\r\n  options: CursorBuilderOptions = {},\r\n): Partial<CursorTheme> {\r\n  const result: Partial<CursorTheme> = {};\r\n\r\n  for (const [key, IconComponent] of Object.entries(theme)) {\r\n    if (IconComponent) {\r\n      result[key as keyof CursorTheme] = buildCursor(IconComponent, options).cursor;\r\n    }\r\n  }\r\n\r\n  return result;\r\n}\r\n\r\n/* ─── Utility: Apply Theme to Document ─── */\r\n\r\n/**\r\n * Apply a cursor theme to the document's CSS custom properties.\r\n * This allows using the cursors via CSS: `cursor: var(--cursor-pointer)`\r\n *\r\n * @param theme - Cursor theme to apply\r\n * @param prefix - CSS variable prefix (default: '--cursor')\r\n *\r\n * @example\r\n * ```tsx\r\n * const theme = createCursorTheme({ ... });\r\n * applyCursorTheme(theme);\r\n *\r\n * // In CSS:\r\n * // .button:hover { cursor: var(--cursor-pointer); }\r\n * ```\r\n */\r\nexport function applyCursorTheme(theme: Partial<CursorTheme>, prefix = '--cursor'): void {\r\n  if (typeof document === 'undefined') {\r\n    return;\r\n  }\r\n\r\n  const root = document.documentElement;\r\n\r\n  for (const [name, value] of Object.entries(theme)) {\r\n    root.style.setProperty(`${prefix}-${name}`, value);\r\n  }\r\n}\r\n","/**\r\n * @nice2dev/icons-cursor\r\n * Cursor and pointer icons for NiceToDev UI\r\n *\r\n * Provides 60 cursor-related icons organized into 4 categories:\r\n * - Pointers: Basic cursor shapes and resize handles (15 icons)\r\n * - Selection: Text/cell selection and drag cursors (15 icons)\r\n * - Tools: Drawing and editing tool cursors (15 icons)\r\n * - Status: System state indicators (15 icons)\r\n *\r\n * @packageDocumentation\r\n */\r\n\r\n// Export types\r\nexport type {\r\n  CursorIconProps,\r\n  CursorIconAnimation,\r\n  CursorIconVariant,\r\n  CursorIcon,\r\n  CursorIconName,\r\n  PointerIconName,\r\n  SelectionIconName,\r\n  ToolIconName,\r\n  StatusIconName,\r\n} from './types';\r\n\r\n// Export factory and utilities\r\nexport { createCursorIcon, getCursorAnimation } from './createCursorIcon';\r\n\r\n// Export cursor builder utilities\r\nexport {\r\n  buildCursor,\r\n  buildCursors,\r\n  createCursorBuilder,\r\n  generateCursorCSS,\r\n  useCursor,\r\n  useCursors,\r\n  createCursorTheme,\r\n  applyCursorTheme,\r\n  getDefaultHotspot,\r\n  DEFAULT_HOTSPOTS,\r\n} from './cursorBuilder';\r\n\r\nexport type {\r\n  CursorHotspot,\r\n  CursorBuilderOptions,\r\n  CursorBuilderResult,\r\n  CursorTheme,\r\n} from './cursorBuilder';\r\n\r\n// Export all icons by category with namespaces\r\nimport * as pointers from './pointers';\r\nimport * as selection from './selection';\r\nimport * as status from './status';\r\nimport * as tools from './tools';\r\n\r\nexport { pointers, selection, tools, status };\r\n\r\n// Re-export individual icons from each category\r\nexport {\r\n  Pointer,\r\n  PointerFinger,\r\n  Crosshair,\r\n  Move,\r\n  ResizeN,\r\n  ResizeS,\r\n  ResizeE,\r\n  ResizeW,\r\n  ResizeNE,\r\n  ResizeNW,\r\n  ResizeSE,\r\n  ResizeSW,\r\n  ResizeHorizontal,\r\n  ResizeVertical,\r\n  ResizeAll,\r\n  pointerIcons,\r\n} from './pointers';\r\n\r\nexport {\r\n  TextCursor,\r\n  TextSelect,\r\n  CellSelection,\r\n  ColumnSelect,\r\n  RowSelect,\r\n  RangeSelect,\r\n  Grab,\r\n  Grabbing,\r\n  Drag,\r\n  DragHandle,\r\n  Lasso,\r\n  MagicWand,\r\n  SelectAll,\r\n  Deselect,\r\n  InvertSelection,\r\n  selectionIcons,\r\n} from './selection';\r\n\r\nexport {\r\n  ZoomIn,\r\n  ZoomOut,\r\n  Rotate,\r\n  Pan,\r\n  Draw,\r\n  Brush,\r\n  Eraser,\r\n  Eyedropper,\r\n  Bucket,\r\n  Pen,\r\n  Line,\r\n  Rectangle,\r\n  Ellipse,\r\n  Polygon,\r\n  Crop,\r\n  toolIcons,\r\n} from './tools';\r\n\r\nexport {\r\n  Wait,\r\n  Progress,\r\n  Forbidden,\r\n  NotAllowed,\r\n  Help,\r\n  ContextMenu,\r\n  Alias,\r\n  Copy,\r\n  NoDrop,\r\n  Loading,\r\n  Busy,\r\n  Default,\r\n  Auto,\r\n  None,\r\n  Inherit,\r\n  statusIcons,\r\n} from './status';\r\n\r\n/**\r\n * All cursor icons in a single object\r\n */\r\nexport const allCursorIcons = {\r\n  ...pointers.pointerIcons,\r\n  ...selection.selectionIcons,\r\n  ...tools.toolIcons,\r\n  ...status.statusIcons,\r\n} as const;\r\n\r\n/**\r\n * Icon count by category\r\n */\r\nexport const CURSOR_ICON_COUNTS = {\r\n  pointers: 15,\r\n  selection: 15,\r\n  tools: 15,\r\n  status: 15,\r\n  total: 60,\r\n} as const;\r\n"],"names":["createElement","useMemo","useState","pointers.pointerIcons","selection.selectionIcons","tools.toolIcons","status.statusIcons"],"mappings":";;;;;;;;AAiBA,IAAI,iBAAkC;AAMtC,SAAS,cAAwB;AAC/B,MAAI,gBAAgB;AAClB,WAAO;AAAA,EACT;AAIA,QAAM,iBAAiB,QAAQ,kBAAkB;AACjD,mBAAiB,eAAe;AAChC,SAAO;AACT;AAoDO,MAAM,mBAAkD;AAAA;AAAA,EAE7D,SAAS,EAAE,GAAG,GAAG,GAAG,EAAA;AAAA,EACpB,eAAe,EAAE,GAAG,MAAM,GAAG,EAAA;AAAA;AAAA,EAG7B,WAAW,EAAE,GAAG,KAAK,GAAG,IAAA;AAAA;AAAA,EAGxB,MAAM,EAAE,GAAG,KAAK,GAAG,IAAA;AAAA;AAAA,EAGnB,QAAQ,EAAE,GAAG,KAAK,GAAG,IAAA;AAAA;AAAA,EAGrB,MAAM,EAAE,GAAG,KAAK,GAAG,IAAA;AAAA;AAAA,EAGnB,MAAM,EAAE,GAAG,KAAK,GAAG,IAAA;AAAA;AAAA,EAGnB,KAAK,EAAE,GAAG,KAAK,GAAG,IAAA;AAAA,EAClB,OAAO,EAAE,GAAG,MAAM,GAAG,KAAA;AAAA,EACrB,QAAQ,EAAE,GAAG,MAAM,GAAG,KAAA;AAAA,EACtB,YAAY,EAAE,GAAG,MAAM,GAAG,KAAA;AAAA,EAC1B,QAAQ,EAAE,GAAG,KAAK,GAAG,KAAA;AAAA;AAAA,EAGrB,MAAM,EAAE,GAAG,MAAM,GAAG,KAAA;AAAA;AAAA,EAGpB,KAAK,EAAE,GAAG,KAAK,GAAG,IAAA;AAAA;AAAA,EAGlB,SAAS,EAAE,GAAG,GAAG,GAAG,EAAA;AACtB;AAKO,SAAS,kBAAkB,UAAiC;AACjE,QAAM,OAAO,SAAS,YAAA;AAEtB,MAAI,KAAK,SAAS,SAAS,KAAK,KAAK,SAAS,QAAQ,GAAG;AACvD,WAAO,KAAK,SAAS,QAAQ,IAAI,iBAAiB,gBAAgB,iBAAiB;AAAA,EACrF;AACA,MAAI,KAAK,SAAS,WAAW,GAAG;AAC9B,WAAO,iBAAiB;AAAA,EAC1B;AACA,MAAI,KAAK,SAAS,MAAM,GAAG;AACzB,WAAO,iBAAiB;AAAA,EAC1B;AACA,MAAI,KAAK,SAAS,QAAQ,GAAG;AAC3B,WAAO,iBAAiB;AAAA,EAC1B;AACA,MAAI,KAAK,SAAS,MAAM,KAAK,KAAK,SAAS,QAAQ,GAAG;AACpD,WAAO,iBAAiB;AAAA,EAC1B;AACA,MAAI,KAAK,SAAS,MAAM,GAAG;AACzB,WAAO,iBAAiB;AAAA,EAC1B;AACA,MAAI,KAAK,SAAS,KAAK,KAAK,KAAK,SAAS,MAAM,GAAG;AACjD,WAAO,iBAAiB;AAAA,EAC1B;AACA,MAAI,KAAK,SAAS,OAAO,KAAK,KAAK,SAAS,MAAM,GAAG;AACnD,WAAO,iBAAiB;AAAA,EAC1B;AACA,MAAI,KAAK,SAAS,QAAQ,GAAG;AAC3B,WAAO,iBAAiB;AAAA,EAC1B;AACA,MAAI,KAAK,SAAS,YAAY,KAAK,KAAK,SAAS,QAAQ,GAAG;AAC1D,WAAO,iBAAiB;AAAA,EAC1B;AACA,MAAI,KAAK,SAAS,QAAQ,KAAK,KAAK,SAAS,MAAM,GAAG;AACpD,WAAO,iBAAiB;AAAA,EAC1B;AACA,MAAI,KAAK,SAAS,MAAM,GAAG;AACzB,WAAO,iBAAiB;AAAA,EAC1B;AACA,MAAI,KAAK,SAAS,KAAK,GAAG;AACxB,WAAO,iBAAiB;AAAA,EAC1B;AAEA,SAAO,iBAAiB;AAC1B;AAyBO,SAAS,YACd,eACA,UAAgC,IACX;AACrB,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,EAAA,IACR;AAGJ,QAAM,iBAAiB,YAAA;AACvB,QAAM,UAAUA,MAAAA,cAAc,eAAe;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,YAAY,eAAe,OAAO;AAGxC,QAAM,SACJ,OAAO,SAAS,aACZ,KAAK,SAAS,mBAAmB,SAAS,CAAC,CAAC,IAC5C,OAAO,KAAK,WAAW,MAAM,EAAE,SAAS,QAAQ;AAEtD,QAAM,UAAU,6BAA6B,MAAM;AAGnD,QAAM,gBACH,cAAgD,eAAe,cAAc,QAAQ;AACxF,QAAM,oBAAoB,WAAW,kBAAkB,aAAa;AACpE,QAAM,gBAA+B;AAAA,IACnC,GAAG,KAAK,MAAM,kBAAkB,IAAI,IAAI;AAAA,IACxC,GAAG,KAAK,MAAM,kBAAkB,IAAI,IAAI;AAAA,EAAA;AAI1C,MAAI,YAAY,QAAQ,IAAI,KAAK,QAAQ,IAAI,IAAI;AAC/C,kBAAc,IAAI,KAAK,MAAM,QAAQ,CAAC;AACtC,kBAAc,IAAI,KAAK,MAAM,QAAQ,CAAC;AAAA,EACxC;AAGA,QAAM,SAAS,OAAO,OAAO,KAAK,cAAc,CAAC,IAAI,cAAc,CAAC,KAAK,QAAQ;AAEjF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EAAA;AAEJ;AAiBO,SAAS,oBACd,eACyD;AACzD,SAAO,CAAC,YAAmC,YAAY,eAAe,OAAO;AAC/E;AAuBO,SAAS,aACd,OACA,gBAAsC,IACb;AACzB,QAAM,SAAS,CAAA;AAEf,aAAW,CAAC,MAAM,aAAa,KAAK,OAAO,QAAQ,KAAK,GAAG;AACzD,WAAO,IAAe,IAAI,YAAY,eAAe,aAAa,EAAE;AAAA,EACtE;AAEA,SAAO;AACT;AA2BO,SAAS,kBACd,OACA,UAAgC,CAAA,GAChC,SAAS,YACD;AACR,QAAM,UAAU,aAAa,OAAO,OAAO;AAC3C,QAAM,aAAa,OAAO,QAAQ,OAAO,EACtC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,KAAK,MAAM,IAAI,IAAI,KAAK,KAAK,GAAG,EACvD,KAAK,IAAI;AAEZ,SAAO;AAAA,EAAY,UAAU;AAAA;AAC/B;AAqBO,SAAS,UACd,eACA,UAAgC,IACjB;;AACf,QAAM,SAASC,MAAAA,QAAQ,MAAM;AAC3B,QAAI,CAAC,eAAe;AAClB,aAAO;AAAA,IACT;AACA,WAAO,YAAY,eAAe,OAAO,EAAE;AAAA,EAC7C,GAAG;AAAA,IACD;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,KACR,aAAQ,YAAR,mBAAiB;AAAA,KACjB,aAAQ,YAAR,mBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA,CACT;AAED,SAAO,EAAE,OAAA;AACX;AA2BO,SAAS,WACd,SACA,UAAgC,IAC0C;AAC1E,QAAM,YAAYA,MAAAA;AAAAA,IAChB,MAAM,aAAa,SAAS,OAAO;AAAA,IACnC,CAAC,SAAS,QAAQ,MAAM,QAAQ,OAAO,QAAQ,OAAO;AAAA,EAAA;AAGxD,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAAyB,IAAI;AAErE,QAAM,QAAQD,MAAAA;AAAAA,IACZ,OAAsB;AAAA,MACpB,QAAQ,eAAe,UAAU,YAAY,IAAI;AAAA,IAAA;AAAA,IAEnD,CAAC,cAAc,SAAS;AAAA,EAAA;AAG1B,SAAO,CAAC,OAAO,iBAAiB,SAAS;AAC3C;AAoDO,SAAS,kBACd,OACA,UAAgC,IACV;AACtB,QAAM,SAA+B,CAAA;AAErC,aAAW,CAAC,KAAK,aAAa,KAAK,OAAO,QAAQ,KAAK,GAAG;AACxD,QAAI,eAAe;AACjB,aAAO,GAAwB,IAAI,YAAY,eAAe,OAAO,EAAE;AAAA,IACzE;AAAA,EACF;AAEA,SAAO;AACT;AAoBO,SAAS,iBAAiB,OAA6B,SAAS,YAAkB;AACvF,MAAI,OAAO,aAAa,aAAa;AACnC;AAAA,EACF;AAEA,QAAM,OAAO,SAAS;AAEtB,aAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,KAAK,GAAG;AACjD,SAAK,MAAM,YAAY,GAAG,MAAM,IAAI,IAAI,IAAI,KAAK;AAAA,EACnD;AACF;ACnYO,MAAM,iBAAiB;AAAA,EAC5B,GAAGE,SAAAA;AAAAA,EACH,GAAGC,UAAAA;AAAAA,EACH,GAAGC,MAAAA;AAAAA,EACH,GAAGC,OAAAA;AACL;AAKO,MAAM,qBAAqB;AAAA,EAChC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}