@nice2dev/icons-cursor 1.0.10

package/README.md

@@ -0,0 +1,241 @@
+# @nice2dev/icons-cursor
+
+Cursor and pointer icons for NiceToDev UI - system cursors, tools, and selection indicators.
+
+## Installation
+
+```bash
+npm install @nice2dev/icons-cursor
+```
+
+## Usage
+
+```tsx
+import { Pointer, Crosshair, ZoomIn, Wait } from '@nice2dev/icons-cursor';
+
+function App() {
+  return (
+    <div>
+      <Pointer size={24} />
+      <Crosshair size={24} color="#3b82f6" />
+      <ZoomIn variant="outlined" />
+      <Wait animation="spin" />
+    </div>
+  );
+}
+```
+
+## Categories
+
+### Pointer Icons (15)
+
+Basic cursor shapes and resize handles.
+
+```tsx
+import {
+  Pointer,
+  PointerFinger,
+  Crosshair,
+  Move,
+  ResizeN,
+  ResizeS,
+  ResizeE,
+  ResizeW,
+  ResizeNE,
+  ResizeNW,
+  ResizeSE,
+  ResizeSW,
+  ResizeHorizontal,
+  ResizeVertical,
+  ResizeAll,
+} from '@nice2dev/icons-cursor';
+```
+
+### Selection Icons (15)
+
+Text/cell selection and drag cursors.
+
+```tsx
+import {
+  TextCursor,
+  TextSelect,
+  CellSelection,
+  ColumnSelect,
+  RowSelect,
+  RangeSelect,
+  Grab,
+  Grabbing,
+  Drag,
+  DragHandle,
+  Lasso,
+  MagicWand,
+  SelectAll,
+  Deselect,
+  InvertSelection,
+} from '@nice2dev/icons-cursor';
+```
+
+### Tool Icons (15)
+
+Drawing and editing tool cursors.
+
+```tsx
+import {
+  ZoomIn,
+  ZoomOut,
+  Rotate,
+  Pan,
+  Draw,
+  Brush,
+  Eraser,
+  Eyedropper,
+  Bucket,
+  Pen,
+  Line,
+  Rectangle,
+  Ellipse,
+  Polygon,
+  Crop,
+} from '@nice2dev/icons-cursor';
+```
+
+### Status Icons (15)
+
+System state indicators.
+
+```tsx
+import {
+  Wait,
+  Progress,
+  Forbidden,
+  NotAllowed,
+  Help,
+  ContextMenu,
+  Alias,
+  Copy,
+  NoDrop,
+  Loading,
+  Busy,
+  Default,
+  Auto,
+  None,
+  Inherit,
+} from '@nice2dev/icons-cursor';
+```
+
+## Tree-Shakable Imports
+
+Import only what you need:
+
+```tsx
+import { Pointer, Crosshair } from '@nice2dev/icons-cursor/pointers';
+import { TextCursor, Grab } from '@nice2dev/icons-cursor/selection';
+import { ZoomIn, Brush } from '@nice2dev/icons-cursor/tools';
+import { Wait, Help } from '@nice2dev/icons-cursor/status';
+```
+
+## Props
+
+| Prop                | Type                                  | Default          | Description                 |
+| ------------------- | ------------------------------------- | ---------------- | --------------------------- |
+| `size`              | `number \| string`                    | `24`             | Icon size in pixels         |
+| `color`             | `string`                              | `'currentColor'` | Icon color                  |
+| `secondaryColor`    | `string`                              | -                | Secondary color for duotone |
+| `variant`           | `'filled' \| 'outlined' \| 'duotone'` | `'filled'`       | Rendering variant           |
+| `animation`         | `CursorIconAnimation`                 | -                | Animation effect            |
+| `animationDuration` | `number`                              | `1000`           | Animation duration (ms)     |
+| `title`             | `string`                              | -                | Accessibility title         |
+| `desc`              | `string`                              | -                | Accessibility description   |
+
+## Animations
+
+Available SMIL-based animations:
+
+- `pulse` - Opacity pulsing
+- `grow` - Scale up and down
+- `shake` - Horizontal shaking
+- `spin` - Continuous rotation
+- `bounce` - Vertical bouncing
+- `fade` - Fade in and out
+- `flip` - 180° rotation
+- `slide` - Horizontal sliding
+- `glow` - Drop shadow glow
+
+```tsx
+<Wait animation="spin" animationDuration={500} />
+<Progress animation="pulse" />
+<Loading animation="spin" />
+```
+
+## Variants
+
+```tsx
+// Solid fill (default)
+<Pointer variant="filled" />
+
+// Stroke outline only
+<Pointer variant="outlined" />
+
+// Background fill + stroke outline
+<Pointer variant="duotone" secondaryColor="#e5e7eb" />
+```
+
+## Custom Icons
+
+Create custom cursor icons:
+
+```tsx
+import { createCursorIcon } from '@nice2dev/icons-cursor';
+
+const MyCustomCursor = createCursorIcon(
+  'MyCustomCursor',
+  'M5.5 3.21V20.8l5.25-5.25h6.56L5.5 3.21z',
+  '#3b82f6', // optional default color
+);
+
+<MyCustomCursor size={24} />;
+```
+
+## CSS Cursor Integration
+
+Use icons as actual CSS cursors:
+
+```tsx
+import { Pointer } from '@nice2dev/icons-cursor';
+import { renderToStaticMarkup } from 'react-dom/server';
+
+// Convert to data URL
+const svgString = renderToStaticMarkup(<Pointer size={24} color="#000" />);
+const dataUrl = `data:image/svg+xml,${encodeURIComponent(svgString)}`;
+
+// Use as CSS cursor
+element.style.cursor = `url("${dataUrl}"), auto`;
+```
+
+## Use Cases
+
+- **Image editors**: Drawing tools, selection tools
+- **Spreadsheet apps**: Cell/row/column selection
+- **Design tools**: Transform handles, zoom controls
+- **Loading states**: Wait, progress, busy indicators
+- **Accessibility**: Help, context menu indicators
+
+## TypeScript
+
+Full TypeScript support:
+
+```tsx
+import type {
+  CursorIconProps,
+  CursorIconAnimation,
+  CursorIconVariant,
+  PointerIconName,
+  SelectionIconName,
+  ToolIconName,
+  StatusIconName,
+} from '@nice2dev/icons-cursor';
+```
+
+## License
+
+MIT © NiceToDev

package/dist/createCursorIcon-CCO9eeBk.mjs

@@ -0,0 +1,170 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React from "react";
+function getCursorAnimation(animation, duration = 1e3) {
+  if (!animation) {
+    return {};
+  }
+  const durationSec = duration / 1e3;
+  const animations = {
+    pulse: {
+      children: React.createElement("animate", {
+        attributeName: "opacity",
+        values: "1;0.5;1",
+        dur: `${durationSec}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    grow: {
+      children: React.createElement("animateTransform", {
+        attributeName: "transform",
+        type: "scale",
+        values: "1;1.2;1",
+        dur: `${durationSec}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    shake: {
+      children: React.createElement("animateTransform", {
+        attributeName: "transform",
+        type: "translate",
+        values: "0,0;-2,0;2,0;0,0",
+        dur: `${durationSec * 0.5}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    spin: {
+      children: React.createElement("animateTransform", {
+        attributeName: "transform",
+        type: "rotate",
+        from: "0 12 12",
+        to: "360 12 12",
+        dur: `${durationSec}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    bounce: {
+      children: React.createElement("animateTransform", {
+        attributeName: "transform",
+        type: "translate",
+        values: "0,0;0,-3;0,0",
+        dur: `${durationSec * 0.5}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    fade: {
+      children: React.createElement("animate", {
+        attributeName: "opacity",
+        values: "1;0;1",
+        dur: `${durationSec * 2}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    flip: {
+      children: React.createElement("animateTransform", {
+        attributeName: "transform",
+        type: "rotate",
+        values: "0 12 12;180 12 12;360 12 12",
+        dur: `${durationSec}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    slide: {
+      children: React.createElement("animateTransform", {
+        attributeName: "transform",
+        type: "translate",
+        values: "-5,0;5,0;-5,0",
+        dur: `${durationSec}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    glow: {
+      style: {
+        filter: "drop-shadow(0 0 3px currentColor)",
+        animation: `glow ${durationSec}s ease-in-out infinite`
+      }
+    }
+  };
+  return animations[animation] || {};
+}
+function createCursorIcon(name, path, defaultColor) {
+  const IconComponent = ({
+    size = 24,
+    color = defaultColor || "currentColor",
+    secondaryColor,
+    variant = "filled",
+    animation,
+    animationDuration = 1e3,
+    title,
+    desc,
+    className,
+    style,
+    ...props
+  }) => {
+    const animationAttrs = getCursorAnimation(animation, animationDuration);
+    const titleId = title ? `${name}-title` : void 0;
+    const descId = desc ? `${name}-desc` : void 0;
+    let pathElement;
+    switch (variant) {
+      case "outlined":
+        pathElement = /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: path,
+            fill: "none",
+            stroke: color,
+            strokeWidth: 1.5,
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        );
+        break;
+      case "duotone":
+        pathElement = /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("path", { d: path, fill: secondaryColor || `${color}33` }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: path,
+              fill: "none",
+              stroke: color,
+              strokeWidth: 1.5,
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ] });
+        break;
+      case "filled":
+      default:
+        pathElement = /* @__PURE__ */ jsx("path", { d: path, fill: color });
+        break;
+    }
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        className,
+        style,
+        role: "img",
+        "aria-labelledby": titleId || descId ? `${titleId || ""} ${descId || ""}`.trim() : void 0,
+        ...animationAttrs,
+        ...props,
+        children: [
+          title && /* @__PURE__ */ jsx("title", { id: titleId, children: title }),
+          desc && /* @__PURE__ */ jsx("desc", { id: descId, children: desc }),
+          pathElement
+        ]
+      }
+    );
+  };
+  IconComponent.displayName = name;
+  return IconComponent;
+}
+export {
+  createCursorIcon as c,
+  getCursorAnimation as g
+};
+//# sourceMappingURL=createCursorIcon-CCO9eeBk.mjs.map

package/dist/createCursorIcon-CCO9eeBk.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCursorIcon-CCO9eeBk.mjs","sources":["../src/createCursorIcon.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nimport type { CursorIconProps, CursorIconAnimation, CursorIcon } from './types';\r\n\r\n/**\r\n * Get SMIL animation attributes for cursor icons\r\n */\r\nexport function getCursorAnimation(\r\n  animation: CursorIconAnimation | undefined,\r\n  duration = 1000,\r\n): React.SVGAttributes<SVGSVGElement> {\r\n  if (!animation) {\r\n    return {};\r\n  }\r\n\r\n  const durationSec = duration / 1000;\r\n\r\n  const animations: Record<CursorIconAnimation, React.SVGAttributes<SVGSVGElement>> = {\r\n    pulse: {\r\n      children: React.createElement('animate', {\r\n        attributeName: 'opacity',\r\n        values: '1;0.5;1',\r\n        dur: `${durationSec}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    grow: {\r\n      children: React.createElement('animateTransform', {\r\n        attributeName: 'transform',\r\n        type: 'scale',\r\n        values: '1;1.2;1',\r\n        dur: `${durationSec}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    shake: {\r\n      children: React.createElement('animateTransform', {\r\n        attributeName: 'transform',\r\n        type: 'translate',\r\n        values: '0,0;-2,0;2,0;0,0',\r\n        dur: `${durationSec * 0.5}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    spin: {\r\n      children: React.createElement('animateTransform', {\r\n        attributeName: 'transform',\r\n        type: 'rotate',\r\n        from: '0 12 12',\r\n        to: '360 12 12',\r\n        dur: `${durationSec}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    bounce: {\r\n      children: React.createElement('animateTransform', {\r\n        attributeName: 'transform',\r\n        type: 'translate',\r\n        values: '0,0;0,-3;0,0',\r\n        dur: `${durationSec * 0.5}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    fade: {\r\n      children: React.createElement('animate', {\r\n        attributeName: 'opacity',\r\n        values: '1;0;1',\r\n        dur: `${durationSec * 2}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    flip: {\r\n      children: React.createElement('animateTransform', {\r\n        attributeName: 'transform',\r\n        type: 'rotate',\r\n        values: '0 12 12;180 12 12;360 12 12',\r\n        dur: `${durationSec}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    slide: {\r\n      children: React.createElement('animateTransform', {\r\n        attributeName: 'transform',\r\n        type: 'translate',\r\n        values: '-5,0;5,0;-5,0',\r\n        dur: `${durationSec}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    glow: {\r\n      style: {\r\n        filter: 'drop-shadow(0 0 3px currentColor)',\r\n        animation: `glow ${durationSec}s ease-in-out infinite`,\r\n      },\r\n    },\r\n  };\r\n\r\n  return animations[animation] || {};\r\n}\r\n\r\n/**\r\n * Factory function to create cursor icons\r\n */\r\nexport function createCursorIcon(name: string, path: string, defaultColor?: string): CursorIcon {\r\n  const IconComponent = ({\r\n    size = 24,\r\n    color = defaultColor || 'currentColor',\r\n    secondaryColor,\r\n    variant = 'filled',\r\n    animation,\r\n    animationDuration = 1000,\r\n    title,\r\n    desc,\r\n    className,\r\n    style,\r\n    ...props\r\n  }: CursorIconProps) => {\r\n    const animationAttrs = getCursorAnimation(animation, animationDuration);\r\n    const titleId = title ? `${name}-title` : undefined;\r\n    const descId = desc ? `${name}-desc` : undefined;\r\n\r\n    let pathElement: React.ReactNode;\r\n\r\n    switch (variant) {\r\n      case 'outlined':\r\n        pathElement = (\r\n          <path\r\n            d={path}\r\n            fill=\"none\"\r\n            stroke={color}\r\n            strokeWidth={1.5}\r\n            strokeLinecap=\"round\"\r\n            strokeLinejoin=\"round\"\r\n          />\r\n        );\r\n        break;\r\n      case 'duotone':\r\n        pathElement = (\r\n          <>\r\n            <path d={path} fill={secondaryColor || `${color}33`} />\r\n            <path\r\n              d={path}\r\n              fill=\"none\"\r\n              stroke={color}\r\n              strokeWidth={1.5}\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </>\r\n        );\r\n        break;\r\n      case 'filled':\r\n      default:\r\n        pathElement = <path d={path} fill={color} />;\r\n        break;\r\n    }\r\n\r\n    return (\r\n      <svg\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width={size}\r\n        height={size}\r\n        viewBox=\"0 0 24 24\"\r\n        className={className}\r\n        style={style}\r\n        role=\"img\"\r\n        aria-labelledby={titleId || descId ? `${titleId || ''} ${descId || ''}`.trim() : undefined}\r\n        {...animationAttrs}\r\n        {...props}\r\n      >\r\n        {title && <title id={titleId}>{title}</title>}\r\n        {desc && <desc id={descId}>{desc}</desc>}\r\n        {pathElement}\r\n      </svg>\r\n    );\r\n  };\r\n\r\n  IconComponent.displayName = name;\r\n  return IconComponent as CursorIcon;\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/createCursorIcon-Crwdo_Qk.js

@@ -0,0 +1,169 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+function getCursorAnimation(animation, duration = 1e3) {
+  if (!animation) {
+    return {};
+  }
+  const durationSec = duration / 1e3;
+  const animations = {
+    pulse: {
+      children: React.createElement("animate", {
+        attributeName: "opacity",
+        values: "1;0.5;1",
+        dur: `${durationSec}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    grow: {
+      children: React.createElement("animateTransform", {
+        attributeName: "transform",
+        type: "scale",
+        values: "1;1.2;1",
+        dur: `${durationSec}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    shake: {
+      children: React.createElement("animateTransform", {
+        attributeName: "transform",
+        type: "translate",
+        values: "0,0;-2,0;2,0;0,0",
+        dur: `${durationSec * 0.5}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    spin: {
+      children: React.createElement("animateTransform", {
+        attributeName: "transform",
+        type: "rotate",
+        from: "0 12 12",
+        to: "360 12 12",
+        dur: `${durationSec}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    bounce: {
+      children: React.createElement("animateTransform", {
+        attributeName: "transform",
+        type: "translate",
+        values: "0,0;0,-3;0,0",
+        dur: `${durationSec * 0.5}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    fade: {
+      children: React.createElement("animate", {
+        attributeName: "opacity",
+        values: "1;0;1",
+        dur: `${durationSec * 2}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    flip: {
+      children: React.createElement("animateTransform", {
+        attributeName: "transform",
+        type: "rotate",
+        values: "0 12 12;180 12 12;360 12 12",
+        dur: `${durationSec}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    slide: {
+      children: React.createElement("animateTransform", {
+        attributeName: "transform",
+        type: "translate",
+        values: "-5,0;5,0;-5,0",
+        dur: `${durationSec}s`,
+        repeatCount: "indefinite"
+      })
+    },
+    glow: {
+      style: {
+        filter: "drop-shadow(0 0 3px currentColor)",
+        animation: `glow ${durationSec}s ease-in-out infinite`
+      }
+    }
+  };
+  return animations[animation] || {};
+}
+function createCursorIcon(name, path, defaultColor) {
+  const IconComponent = ({
+    size = 24,
+    color = defaultColor || "currentColor",
+    secondaryColor,
+    variant = "filled",
+    animation,
+    animationDuration = 1e3,
+    title,
+    desc,
+    className,
+    style,
+    ...props
+  }) => {
+    const animationAttrs = getCursorAnimation(animation, animationDuration);
+    const titleId = title ? `${name}-title` : void 0;
+    const descId = desc ? `${name}-desc` : void 0;
+    let pathElement;
+    switch (variant) {
+      case "outlined":
+        pathElement = /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: path,
+            fill: "none",
+            stroke: color,
+            strokeWidth: 1.5,
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        );
+        break;
+      case "duotone":
+        pathElement = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: path, fill: secondaryColor || `${color}33` }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: path,
+              fill: "none",
+              stroke: color,
+              strokeWidth: 1.5,
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ] });
+        break;
+      case "filled":
+      default:
+        pathElement = /* @__PURE__ */ jsxRuntime.jsx("path", { d: path, fill: color });
+        break;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        className,
+        style,
+        role: "img",
+        "aria-labelledby": titleId || descId ? `${titleId || ""} ${descId || ""}`.trim() : void 0,
+        ...animationAttrs,
+        ...props,
+        children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }),
+          desc && /* @__PURE__ */ jsxRuntime.jsx("desc", { id: descId, children: desc }),
+          pathElement
+        ]
+      }
+    );
+  };
+  IconComponent.displayName = name;
+  return IconComponent;
+}
+exports.createCursorIcon = createCursorIcon;
+exports.getCursorAnimation = getCursorAnimation;
+//# sourceMappingURL=createCursorIcon-Crwdo_Qk.js.map

package/dist/createCursorIcon-Crwdo_Qk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCursorIcon-Crwdo_Qk.js","sources":["../src/createCursorIcon.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nimport type { CursorIconProps, CursorIconAnimation, CursorIcon } from './types';\r\n\r\n/**\r\n * Get SMIL animation attributes for cursor icons\r\n */\r\nexport function getCursorAnimation(\r\n  animation: CursorIconAnimation | undefined,\r\n  duration = 1000,\r\n): React.SVGAttributes<SVGSVGElement> {\r\n  if (!animation) {\r\n    return {};\r\n  }\r\n\r\n  const durationSec = duration / 1000;\r\n\r\n  const animations: Record<CursorIconAnimation, React.SVGAttributes<SVGSVGElement>> = {\r\n    pulse: {\r\n      children: React.createElement('animate', {\r\n        attributeName: 'opacity',\r\n        values: '1;0.5;1',\r\n        dur: `${durationSec}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    grow: {\r\n      children: React.createElement('animateTransform', {\r\n        attributeName: 'transform',\r\n        type: 'scale',\r\n        values: '1;1.2;1',\r\n        dur: `${durationSec}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    shake: {\r\n      children: React.createElement('animateTransform', {\r\n        attributeName: 'transform',\r\n        type: 'translate',\r\n        values: '0,0;-2,0;2,0;0,0',\r\n        dur: `${durationSec * 0.5}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    spin: {\r\n      children: React.createElement('animateTransform', {\r\n        attributeName: 'transform',\r\n        type: 'rotate',\r\n        from: '0 12 12',\r\n        to: '360 12 12',\r\n        dur: `${durationSec}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    bounce: {\r\n      children: React.createElement('animateTransform', {\r\n        attributeName: 'transform',\r\n        type: 'translate',\r\n        values: '0,0;0,-3;0,0',\r\n        dur: `${durationSec * 0.5}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    fade: {\r\n      children: React.createElement('animate', {\r\n        attributeName: 'opacity',\r\n        values: '1;0;1',\r\n        dur: `${durationSec * 2}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    flip: {\r\n      children: React.createElement('animateTransform', {\r\n        attributeName: 'transform',\r\n        type: 'rotate',\r\n        values: '0 12 12;180 12 12;360 12 12',\r\n        dur: `${durationSec}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    slide: {\r\n      children: React.createElement('animateTransform', {\r\n        attributeName: 'transform',\r\n        type: 'translate',\r\n        values: '-5,0;5,0;-5,0',\r\n        dur: `${durationSec}s`,\r\n        repeatCount: 'indefinite',\r\n      }),\r\n    },\r\n    glow: {\r\n      style: {\r\n        filter: 'drop-shadow(0 0 3px currentColor)',\r\n        animation: `glow ${durationSec}s ease-in-out infinite`,\r\n      },\r\n    },\r\n  };\r\n\r\n  return animations[animation] || {};\r\n}\r\n\r\n/**\r\n * Factory function to create cursor icons\r\n */\r\nexport function createCursorIcon(name: string, path: string, defaultColor?: string): CursorIcon {\r\n  const IconComponent = ({\r\n    size = 24,\r\n    color = defaultColor || 'currentColor',\r\n    secondaryColor,\r\n    variant = 'filled',\r\n    animation,\r\n    animationDuration = 1000,\r\n    title,\r\n    desc,\r\n    className,\r\n    style,\r\n    ...props\r\n  }: CursorIconProps) => {\r\n    const animationAttrs = getCursorAnimation(animation, animationDuration);\r\n    const titleId = title ? `${name}-title` : undefined;\r\n    const descId = desc ? `${name}-desc` : undefined;\r\n\r\n    let pathElement: React.ReactNode;\r\n\r\n    switch (variant) {\r\n      case 'outlined':\r\n        pathElement = (\r\n          <path\r\n            d={path}\r\n            fill=\"none\"\r\n            stroke={color}\r\n            strokeWidth={1.5}\r\n            strokeLinecap=\"round\"\r\n            strokeLinejoin=\"round\"\r\n          />\r\n        );\r\n        break;\r\n      case 'duotone':\r\n        pathElement = (\r\n          <>\r\n            <path d={path} fill={secondaryColor || `${color}33`} />\r\n            <path\r\n              d={path}\r\n              fill=\"none\"\r\n              stroke={color}\r\n              strokeWidth={1.5}\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </>\r\n        );\r\n        break;\r\n      case 'filled':\r\n      default:\r\n        pathElement = <path d={path} fill={color} />;\r\n        break;\r\n    }\r\n\r\n    return (\r\n      <svg\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width={size}\r\n        height={size}\r\n        viewBox=\"0 0 24 24\"\r\n        className={className}\r\n        style={style}\r\n        role=\"img\"\r\n        aria-labelledby={titleId || descId ? `${titleId || ''} ${descId || ''}`.trim() : undefined}\r\n        {...animationAttrs}\r\n        {...props}\r\n      >\r\n        {title && <title id={titleId}>{title}</title>}\r\n        {desc && <desc id={descId}>{desc}</desc>}\r\n        {pathElement}\r\n      </svg>\r\n    );\r\n  };\r\n\r\n  IconComponent.displayName = name;\r\n  return IconComponent as CursorIcon;\r\n}\r\n"],"names":["jsx","jsxs","Fragment"],"mappings":"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"}

package/dist/createCursorIcon.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CursorIconAnimation, CursorIcon } from './types';
+/**
+ * Get SMIL animation attributes for cursor icons
+ */
+export declare function getCursorAnimation(animation: CursorIconAnimation | undefined, duration?: number): React.SVGAttributes<SVGSVGElement>;
+/**
+ * Factory function to create cursor icons
+ */
+export declare function createCursorIcon(name: string, path: string, defaultColor?: string): CursorIcon;
+//# sourceMappingURL=createCursorIcon.d.ts.map

package/dist/createCursorIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCursorIcon.d.ts","sourceRoot":"","sources":["../src/createCursorIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAmB,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEhF;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,mBAAmB,GAAG,SAAS,EAC1C,QAAQ,SAAO,GACd,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAwFpC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,CA4E9F"}