@nice2dev/icons-math 1.0.10

package/README.md

@@ -0,0 +1,223 @@
+# @nice2dev/icons-math
+
+Mathematics icon library for React applications. Part of the Nice2Dev UI component library.
+
+## Installation
+
+```bash
+npm install @nice2dev/icons-math
+# or
+pnpm add @nice2dev/icons-math
+```
+
+## Features
+
+- 75 mathematics-themed SVG icons
+- TypeScript support with full type definitions
+- Tree-shakeable exports
+- 5 categories: operators, functions, geometry, sets, statistics
+- 3 rendering variants: filled, outlined, duotone
+- 9 SMIL animations: pulse, grow, shake, spin, bounce, fade, flip, slide, glow
+- Accessibility support with title and desc props
+
+## Usage
+
+### Basic Usage
+
+```tsx
+import { Plus, Integral, Triangle, Union, BarChart } from '@nice2dev/icons-math';
+
+function App() {
+  return (
+    <div>
+      <Plus size={24} color="#333" />
+      <Integral size={32} color="blue" />
+      <Triangle variant="outlined" />
+      <Union animation="pulse" />
+      <BarChart title="Sales chart" />
+    </div>
+  );
+}
+```
+
+### Import by Category
+
+```tsx
+// Import operator icons
+import { Plus, Minus, Multiply, Divide, SquareRoot } from '@nice2dev/icons-math/operators';
+
+// Import function icons
+import { Integral, Derivative, Sigma, Pi } from '@nice2dev/icons-math/functions';
+
+// Import geometry icons
+import { Triangle, Circle, Cube, Pyramid } from '@nice2dev/icons-math/geometry';
+
+// Import set theory icons
+import { Union, Intersection, EmptySet } from '@nice2dev/icons-math/sets';
+
+// Import statistics icons
+import { BarChart, BellCurve, PieChart } from '@nice2dev/icons-math/statistics';
+```
+
+### Icon Variants
+
+```tsx
+import { Plus } from '@nice2dev/icons-math';
+
+// Filled (default)
+<Plus variant="filled" color="#333" />
+
+// Outlined
+<Plus variant="outlined" color="#333" />
+
+// Duotone
+<Plus variant="duotone" color="#333" secondaryColor="#999" />
+```
+
+### Animations
+
+```tsx
+import { Sigma } from '@nice2dev/icons-math';
+
+// Available animations: pulse, grow, shake, spin, bounce, fade, flip, slide, glow
+<Sigma animation="spin" animationDuration={2000} />;
+```
+
+### Custom Icons
+
+```tsx
+import { createMathIcon } from '@nice2dev/icons-math';
+
+const CustomSymbol = createMathIcon(
+  'CustomSymbol',
+  'M12 4L4 20h16L12 4z',
+  '#6366f1', // optional default color
+);
+
+<CustomSymbol size={48} animation="pulse" />;
+```
+
+## Icon Reference
+
+### Operators (15 icons)
+
+| Icon | Name             | Description             |
+| ---- | ---------------- | ----------------------- |
+| ➕   | `Plus`           | Addition operator       |
+| ➖   | `Minus`          | Subtraction operator    |
+| ✖️   | `Multiply`       | Multiplication operator |
+| ➗   | `Divide`         | Division operator       |
+| =    | `Equals`         | Equals sign             |
+| ≠    | `NotEquals`      | Not equals sign         |
+| <    | `LessThan`       | Less than symbol        |
+| >    | `GreaterThan`    | Greater than symbol     |
+| ≤    | `LessOrEqual`    | Less than or equal      |
+| ≥    | `GreaterOrEqual` | Greater than or equal   |
+| ±    | `PlusMinus`      | Plus-minus symbol       |
+| %    | `Percent`        | Percent symbol          |
+| mod  | `Modulo`         | Modulo operator         |
+| xⁿ   | `Power`          | Power/Exponent          |
+| √    | `SquareRoot`     | Square root             |
+
+### Functions (15 icons)
+
+| Icon | Name         | Description         |
+| ---- | ------------ | ------------------- | ---------- | -------------- |
+| f(x) | `Function`   | Function notation   |
+| ∫    | `Integral`   | Integral symbol     |
+| d/dx | `Derivative` | Derivative notation |
+| Σ    | `Summation`  | Summation symbol    |
+| Π    | `Product`    | Product symbol      |
+| lim  | `Limit`      | Limit notation      |
+| π    | `Pi`         | Pi constant         |
+| ∞    | `Infinity`   | Infinity symbol     |
+| Σ    | `Sigma`      | Sigma (capital)     |
+| Δ    | `Delta`      | Delta symbol        |
+| θ    | `Theta`      | Theta symbol        |
+| λ    | `Lambda`     | Lambda symbol       |
+| n!   | `Factorial`  | Factorial notation  |
+| log  | `Logarithm`  | Logarithm           |
+|      | x            |                     | `Absolute` | Absolute value |
+
+### Geometry (15 icons)
+
+| Icon | Name            | Description         |
+| ---- | --------------- | ------------------- |
+| △    | `Triangle`      | Triangle shape      |
+| □    | `Square`        | Square shape        |
+| ○    | `Circle`        | Circle shape        |
+| ⬜   | `Cube`          | 3D Cube             |
+| ●    | `Sphere`        | 3D Sphere           |
+| △    | `Pyramid`       | 3D Pyramid          |
+| ⊙    | `Cylinder`      | 3D Cylinder         |
+| △    | `Cone`          | 3D Cone             |
+| ⬠    | `Pentagon`      | Pentagon shape      |
+| ⬡    | `Hexagon`       | Hexagon shape       |
+| ∠    | `Angle`         | Angle symbol        |
+| ∥    | `Parallel`      | Parallel lines      |
+| ⊥    | `Perpendicular` | Perpendicular lines |
+| 🧭   | `Compass`       | Drawing compass     |
+| 📐   | `Protractor`    | Protractor tool     |
+
+### Sets (15 icons)
+
+| Icon | Name               | Description          |
+| ---- | ------------------ | -------------------- |
+| ∪    | `Union`            | Set union            |
+| ∩    | `Intersection`     | Set intersection     |
+| ⊂    | `Subset`           | Subset symbol        |
+| ⊃    | `Superset`         | Superset symbol      |
+| ∈    | `Element`          | Element of           |
+| ∉    | `NotElement`       | Not element of       |
+| ∅    | `EmptySet`         | Empty set            |
+| U    | `Universal`        | Universal set        |
+| ′    | `Complement`       | Set complement       |
+| \    | `Difference`       | Set difference       |
+| △    | `SymmetricDiff`    | Symmetric difference |
+| ×    | `CartesianProduct` | Cartesian product    |
+| P(A) | `PowerSet`         | Power set            |
+| {}   | `SetBraces`        | Set braces           |
+| →    | `Mapping`          | Function mapping     |
+
+### Statistics (15 icons)
+
+| Icon | Name          | Description           |
+| ---- | ------------- | --------------------- |
+| 📊   | `BarChart`    | Bar chart             |
+| 📊   | `Histogram`   | Histogram             |
+| 📈   | `BellCurve`   | Normal distribution   |
+| ⚬    | `Scatter`     | Scatter plot          |
+| 📈   | `LineGraph`   | Line graph            |
+| 🥧   | `PieChart`    | Pie chart             |
+| ⊞    | `BoxPlot`     | Box plot              |
+| x̄    | `Mean`        | Mean symbol           |
+| M    | `Median`      | Median representation |
+| Mo   | `Mode`        | Mode representation   |
+| σ    | `StandardDev` | Standard deviation    |
+| σ²   | `Variance`    | Variance              |
+| r    | `Correlation` | Correlation           |
+| 📈   | `Regression`  | Regression line       |
+| P(A) | `Probability` | Probability           |
+
+## Props
+
+All icons accept the following props:
+
+| Prop                | Type                                  | Default          | Description                 |
+| ------------------- | ------------------------------------- | ---------------- | --------------------------- |
+| `size`              | `number \| string`                    | `24`             | Icon size in pixels         |
+| `color`             | `string`                              | `'currentColor'` | Primary icon color          |
+| `secondaryColor`    | `string`                              | -                | Secondary color for duotone |
+| `variant`           | `'filled' \| 'outlined' \| 'duotone'` | `'filled'`       | Rendering variant           |
+| `animation`         | `MathIconAnimation`                   | -                | Animation effect            |
+| `animationDuration` | `number`                              | `1000`           | Animation duration (ms)     |
+| `title`             | `string`                              | -                | Accessible title            |
+| `desc`              | `string`                              | -                | Accessible description      |
+| `className`         | `string`                              | -                | CSS class name              |
+| `style`             | `CSSProperties`                       | -                | Inline styles               |
+
+Plus all standard SVG attributes.
+
+## License
+
+MIT License - see LICENSE file for details.

package/dist/createMathIcon-BbQhEo0A.mjs

@@ -0,0 +1,157 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+function getMathAnimation(animation, duration = 1e3) {
+  const dur = `${duration}ms`;
+  switch (animation) {
+    case "pulse":
+      return /* @__PURE__ */ jsx("animate", { attributeName: "opacity", values: "1;0.5;1", dur, repeatCount: "indefinite" });
+    case "grow":
+      return /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "scale",
+          values: "1;1.2;1",
+          dur,
+          repeatCount: "indefinite"
+        }
+      );
+    case "shake":
+      return /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          values: "0,0;-2,0;2,0;0,0",
+          dur,
+          repeatCount: "indefinite"
+        }
+      );
+    case "spin":
+      return /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "rotate",
+          values: "0 12 12;360 12 12",
+          dur,
+          repeatCount: "indefinite"
+        }
+      );
+    case "bounce":
+      return /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          values: "0,0;0,-3;0,0",
+          dur,
+          repeatCount: "indefinite"
+        }
+      );
+    case "fade":
+      return /* @__PURE__ */ jsx("animate", { attributeName: "opacity", values: "0;1;0", dur, repeatCount: "indefinite" });
+    case "flip":
+      return /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "rotate",
+          values: "0 12 12;180 12 12;360 12 12",
+          dur,
+          repeatCount: "indefinite"
+        }
+      );
+    case "slide":
+      return /* @__PURE__ */ jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          values: "-5,0;5,0;-5,0",
+          dur,
+          repeatCount: "indefinite"
+        }
+      );
+    case "glow":
+      return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+        "animate",
+        {
+          attributeName: "filter",
+          values: "drop-shadow(0 0 2px currentColor);drop-shadow(0 0 8px currentColor);drop-shadow(0 0 2px currentColor)",
+          dur,
+          repeatCount: "indefinite"
+        }
+      ) });
+    default:
+      return null;
+  }
+}
+function createMathIcon(name, path, defaultColor) {
+  const MathIcon = ({
+    size = 24,
+    color = defaultColor || "currentColor",
+    secondaryColor,
+    variant = "filled",
+    animation,
+    animationDuration = 1e3,
+    title,
+    desc,
+    className,
+    style,
+    ...props
+  }) => {
+    const iconId = `math-icon-${name.toLowerCase()}-${Math.random().toString(36).substr(2, 9)}`;
+    const getVariantStyles = (v) => {
+      switch (v) {
+        case "outlined":
+          return {
+            fill: "none",
+            stroke: color,
+            strokeWidth: 1.5
+          };
+        case "duotone":
+          return {
+            fill: color,
+            opacity: 0.5
+          };
+        case "filled":
+        default:
+          return {
+            fill: color
+          };
+      }
+    };
+    const variantStyles = getVariantStyles(variant);
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        className,
+        style: { ...style, ...variantStyles },
+        role: "img",
+        "aria-labelledby": title ? `${iconId}-title` : void 0,
+        "aria-describedby": desc ? `${iconId}-desc` : void 0,
+        ...props,
+        children: [
+          title && /* @__PURE__ */ jsx("title", { id: `${iconId}-title`, children: title }),
+          desc && /* @__PURE__ */ jsx("desc", { id: `${iconId}-desc`, children: desc }),
+          /* @__PURE__ */ jsxs("g", { style: variantStyles, children: [
+            typeof path === "string" ? /* @__PURE__ */ jsx("path", { d: path }) : path,
+            animation && getMathAnimation(animation, animationDuration)
+          ] }),
+          variant === "duotone" && secondaryColor && /* @__PURE__ */ jsx("g", { style: { fill: secondaryColor, opacity: 0.3 }, children: typeof path === "string" ? /* @__PURE__ */ jsx("path", { d: path }) : path })
+        ]
+      }
+    );
+  };
+  MathIcon.displayName = name;
+  return MathIcon;
+}
+export {
+  createMathIcon as c,
+  getMathAnimation as g
+};
+//# sourceMappingURL=createMathIcon-BbQhEo0A.mjs.map

package/dist/createMathIcon-BbQhEo0A.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createMathIcon-BbQhEo0A.mjs","sources":["../src/createMathIcon.tsx"],"sourcesContent":["import React, { type ReactElement } from 'react';\r\n\r\nimport type { MathIconProps, MathIconAnimation, MathIconVariant } from './types';\r\n\r\n/**\r\n * Get SMIL animation element for math icons\r\n */\r\nexport function getMathAnimation(\r\n  animation: MathIconAnimation,\r\n  duration: number = 1000,\r\n): ReactElement | null {\r\n  const dur = `${duration}ms`;\r\n\r\n  switch (animation) {\r\n    case 'pulse':\r\n      return (\r\n        <animate attributeName=\"opacity\" values=\"1;0.5;1\" dur={dur} repeatCount=\"indefinite\" />\r\n      );\r\n    case 'grow':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"scale\"\r\n          values=\"1;1.2;1\"\r\n          dur={dur}\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'shake':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"translate\"\r\n          values=\"0,0;-2,0;2,0;0,0\"\r\n          dur={dur}\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'spin':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"rotate\"\r\n          values=\"0 12 12;360 12 12\"\r\n          dur={dur}\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'bounce':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"translate\"\r\n          values=\"0,0;0,-3;0,0\"\r\n          dur={dur}\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'fade':\r\n      return <animate attributeName=\"opacity\" values=\"0;1;0\" dur={dur} repeatCount=\"indefinite\" />;\r\n    case 'flip':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"rotate\"\r\n          values=\"0 12 12;180 12 12;360 12 12\"\r\n          dur={dur}\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'slide':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"translate\"\r\n          values=\"-5,0;5,0;-5,0\"\r\n          dur={dur}\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'glow':\r\n      return (\r\n        <>\r\n          <animate\r\n            attributeName=\"filter\"\r\n            values=\"drop-shadow(0 0 2px currentColor);drop-shadow(0 0 8px currentColor);drop-shadow(0 0 2px currentColor)\"\r\n            dur={dur}\r\n            repeatCount=\"indefinite\"\r\n          />\r\n        </>\r\n      );\r\n    default:\r\n      return null;\r\n  }\r\n}\r\n\r\n/**\r\n * Factory function to create math icons\r\n */\r\nexport function createMathIcon(name: string, path: string | ReactElement, defaultColor?: string) {\r\n  const MathIcon = ({\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  }: MathIconProps): ReactElement => {\r\n    const iconId = `math-icon-${name.toLowerCase()}-${Math.random().toString(36).substr(2, 9)}`;\r\n\r\n    const getVariantStyles = (v: MathIconVariant) => {\r\n      switch (v) {\r\n        case 'outlined':\r\n          return {\r\n            fill: 'none',\r\n            stroke: color,\r\n            strokeWidth: 1.5,\r\n          };\r\n        case 'duotone':\r\n          return {\r\n            fill: color,\r\n            opacity: 0.5,\r\n          };\r\n        case 'filled':\r\n        default:\r\n          return {\r\n            fill: color,\r\n          };\r\n      }\r\n    };\r\n\r\n    const variantStyles = getVariantStyles(variant);\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, ...variantStyles }}\r\n        role=\"img\"\r\n        aria-labelledby={title ? `${iconId}-title` : undefined}\r\n        aria-describedby={desc ? `${iconId}-desc` : undefined}\r\n        {...props}\r\n      >\r\n        {title && <title id={`${iconId}-title`}>{title}</title>}\r\n        {desc && <desc id={`${iconId}-desc`}>{desc}</desc>}\r\n        <g style={variantStyles}>\r\n          {typeof path === 'string' ? <path d={path} /> : path}\r\n          {animation && getMathAnimation(animation, animationDuration)}\r\n        </g>\r\n        {variant === 'duotone' && secondaryColor && (\r\n          <g style={{ fill: secondaryColor, opacity: 0.3 }}>\r\n            {typeof path === 'string' ? <path d={path} /> : path}\r\n          </g>\r\n        )}\r\n      </svg>\r\n    );\r\n  };\r\n\r\n  MathIcon.displayName = name;\r\n  return MathIcon;\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/createMathIcon-CK9tbq5-.js

@@ -0,0 +1,156 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+function getMathAnimation(animation, duration = 1e3) {
+  const dur = `${duration}ms`;
+  switch (animation) {
+    case "pulse":
+      return /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", values: "1;0.5;1", dur, repeatCount: "indefinite" });
+    case "grow":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "scale",
+          values: "1;1.2;1",
+          dur,
+          repeatCount: "indefinite"
+        }
+      );
+    case "shake":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          values: "0,0;-2,0;2,0;0,0",
+          dur,
+          repeatCount: "indefinite"
+        }
+      );
+    case "spin":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "rotate",
+          values: "0 12 12;360 12 12",
+          dur,
+          repeatCount: "indefinite"
+        }
+      );
+    case "bounce":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          values: "0,0;0,-3;0,0",
+          dur,
+          repeatCount: "indefinite"
+        }
+      );
+    case "fade":
+      return /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", values: "0;1;0", dur, repeatCount: "indefinite" });
+    case "flip":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "rotate",
+          values: "0 12 12;180 12 12;360 12 12",
+          dur,
+          repeatCount: "indefinite"
+        }
+      );
+    case "slide":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "animateTransform",
+        {
+          attributeName: "transform",
+          type: "translate",
+          values: "-5,0;5,0;-5,0",
+          dur,
+          repeatCount: "indefinite"
+        }
+      );
+    case "glow":
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        "animate",
+        {
+          attributeName: "filter",
+          values: "drop-shadow(0 0 2px currentColor);drop-shadow(0 0 8px currentColor);drop-shadow(0 0 2px currentColor)",
+          dur,
+          repeatCount: "indefinite"
+        }
+      ) });
+    default:
+      return null;
+  }
+}
+function createMathIcon(name, path, defaultColor) {
+  const MathIcon = ({
+    size = 24,
+    color = defaultColor || "currentColor",
+    secondaryColor,
+    variant = "filled",
+    animation,
+    animationDuration = 1e3,
+    title,
+    desc,
+    className,
+    style,
+    ...props
+  }) => {
+    const iconId = `math-icon-${name.toLowerCase()}-${Math.random().toString(36).substr(2, 9)}`;
+    const getVariantStyles = (v) => {
+      switch (v) {
+        case "outlined":
+          return {
+            fill: "none",
+            stroke: color,
+            strokeWidth: 1.5
+          };
+        case "duotone":
+          return {
+            fill: color,
+            opacity: 0.5
+          };
+        case "filled":
+        default:
+          return {
+            fill: color
+          };
+      }
+    };
+    const variantStyles = getVariantStyles(variant);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        className,
+        style: { ...style, ...variantStyles },
+        role: "img",
+        "aria-labelledby": title ? `${iconId}-title` : void 0,
+        "aria-describedby": desc ? `${iconId}-desc` : void 0,
+        ...props,
+        children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("title", { id: `${iconId}-title`, children: title }),
+          desc && /* @__PURE__ */ jsxRuntime.jsx("desc", { id: `${iconId}-desc`, children: desc }),
+          /* @__PURE__ */ jsxRuntime.jsxs("g", { style: variantStyles, children: [
+            typeof path === "string" ? /* @__PURE__ */ jsxRuntime.jsx("path", { d: path }) : path,
+            animation && getMathAnimation(animation, animationDuration)
+          ] }),
+          variant === "duotone" && secondaryColor && /* @__PURE__ */ jsxRuntime.jsx("g", { style: { fill: secondaryColor, opacity: 0.3 }, children: typeof path === "string" ? /* @__PURE__ */ jsxRuntime.jsx("path", { d: path }) : path })
+        ]
+      }
+    );
+  };
+  MathIcon.displayName = name;
+  return MathIcon;
+}
+exports.createMathIcon = createMathIcon;
+exports.getMathAnimation = getMathAnimation;
+//# sourceMappingURL=createMathIcon-CK9tbq5-.js.map

package/dist/createMathIcon-CK9tbq5-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createMathIcon-CK9tbq5-.js","sources":["../src/createMathIcon.tsx"],"sourcesContent":["import React, { type ReactElement } from 'react';\r\n\r\nimport type { MathIconProps, MathIconAnimation, MathIconVariant } from './types';\r\n\r\n/**\r\n * Get SMIL animation element for math icons\r\n */\r\nexport function getMathAnimation(\r\n  animation: MathIconAnimation,\r\n  duration: number = 1000,\r\n): ReactElement | null {\r\n  const dur = `${duration}ms`;\r\n\r\n  switch (animation) {\r\n    case 'pulse':\r\n      return (\r\n        <animate attributeName=\"opacity\" values=\"1;0.5;1\" dur={dur} repeatCount=\"indefinite\" />\r\n      );\r\n    case 'grow':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"scale\"\r\n          values=\"1;1.2;1\"\r\n          dur={dur}\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'shake':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"translate\"\r\n          values=\"0,0;-2,0;2,0;0,0\"\r\n          dur={dur}\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'spin':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"rotate\"\r\n          values=\"0 12 12;360 12 12\"\r\n          dur={dur}\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'bounce':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"translate\"\r\n          values=\"0,0;0,-3;0,0\"\r\n          dur={dur}\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'fade':\r\n      return <animate attributeName=\"opacity\" values=\"0;1;0\" dur={dur} repeatCount=\"indefinite\" />;\r\n    case 'flip':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"rotate\"\r\n          values=\"0 12 12;180 12 12;360 12 12\"\r\n          dur={dur}\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'slide':\r\n      return (\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"translate\"\r\n          values=\"-5,0;5,0;-5,0\"\r\n          dur={dur}\r\n          repeatCount=\"indefinite\"\r\n        />\r\n      );\r\n    case 'glow':\r\n      return (\r\n        <>\r\n          <animate\r\n            attributeName=\"filter\"\r\n            values=\"drop-shadow(0 0 2px currentColor);drop-shadow(0 0 8px currentColor);drop-shadow(0 0 2px currentColor)\"\r\n            dur={dur}\r\n            repeatCount=\"indefinite\"\r\n          />\r\n        </>\r\n      );\r\n    default:\r\n      return null;\r\n  }\r\n}\r\n\r\n/**\r\n * Factory function to create math icons\r\n */\r\nexport function createMathIcon(name: string, path: string | ReactElement, defaultColor?: string) {\r\n  const MathIcon = ({\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  }: MathIconProps): ReactElement => {\r\n    const iconId = `math-icon-${name.toLowerCase()}-${Math.random().toString(36).substr(2, 9)}`;\r\n\r\n    const getVariantStyles = (v: MathIconVariant) => {\r\n      switch (v) {\r\n        case 'outlined':\r\n          return {\r\n            fill: 'none',\r\n            stroke: color,\r\n            strokeWidth: 1.5,\r\n          };\r\n        case 'duotone':\r\n          return {\r\n            fill: color,\r\n            opacity: 0.5,\r\n          };\r\n        case 'filled':\r\n        default:\r\n          return {\r\n            fill: color,\r\n          };\r\n      }\r\n    };\r\n\r\n    const variantStyles = getVariantStyles(variant);\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, ...variantStyles }}\r\n        role=\"img\"\r\n        aria-labelledby={title ? `${iconId}-title` : undefined}\r\n        aria-describedby={desc ? `${iconId}-desc` : undefined}\r\n        {...props}\r\n      >\r\n        {title && <title id={`${iconId}-title`}>{title}</title>}\r\n        {desc && <desc id={`${iconId}-desc`}>{desc}</desc>}\r\n        <g style={variantStyles}>\r\n          {typeof path === 'string' ? <path d={path} /> : path}\r\n          {animation && getMathAnimation(animation, animationDuration)}\r\n        </g>\r\n        {variant === 'duotone' && secondaryColor && (\r\n          <g style={{ fill: secondaryColor, opacity: 0.3 }}>\r\n            {typeof path === 'string' ? <path d={path} /> : path}\r\n          </g>\r\n        )}\r\n      </svg>\r\n    );\r\n  };\r\n\r\n  MathIcon.displayName = name;\r\n  return MathIcon;\r\n}\r\n"],"names":["jsx","Fragment","jsxs"],"mappings":"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"}

package/dist/createMathIcon.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { MathIconProps, MathIconAnimation } from './types';
+/**
+ * Get SMIL animation element for math icons
+ */
+export declare function getMathAnimation(animation: MathIconAnimation, duration?: number): ReactElement | null;
+/**
+ * Factory function to create math icons
+ */
+export declare function createMathIcon(name: string, path: string | ReactElement, defaultColor?: string): {
+    ({ size, color, secondaryColor, variant, animation, animationDuration, title, desc, className, style, ...props }: MathIconProps): ReactElement;
+    displayName: string;
+};
+//# sourceMappingURL=createMathIcon.d.ts.map

package/dist/createMathIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createMathIcon.d.ts","sourceRoot":"","sources":["../src/createMathIcon.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAmB,MAAM,SAAS,CAAC;AAEjF;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,GAAE,MAAa,GACtB,YAAY,GAAG,IAAI,CAoFrB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,YAAY,EAAE,YAAY,CAAC,EAAE,MAAM;sHAa1F,aAAa,GAAG,YAAY;;EAwDhC"}